* {
    font-family: proxima-nova, sans-serif;
    font-weight: 300;
   /* font-style: normal; */
    font-size: 14pt;
    color: #cccccc;
}

a {
    color: #A6B7C9;
}

a:hover {
    color:#007bff;
}

img a:hover {
   opacity: 0.5;
   filter: alpha(opacity=50);
 }

/*  MOBILE ADJUSTMENTS  */

@media (max-width: 767px) {
   h1 {letter-spacing: 4px; font-size: 2.5em;}
   .footer-link-list {padding-top: 0px;}
}

@media (min-width: 768px) {
   h1 {letter-spacing: 12px; font-size: 3.5em;}
   .footer-link-list {padding-top: 30px;}
}

.navbar-top .navbar-brand {
    margin-right: 0px;
}
   
 /*  END MOBILE ADJUSTMENTS  */  
   
h1 {
    font-family: abolition, sans-serif;
    font-weight: 400;
    font-style: normal;
    text-shadow: 1px 3px 8px #000;
    color:#fff;
}

h2 {
    font-family: proxima-nova, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 30pt;
    color: white;
}

h3 {
    font-family: proxima-nova, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 22pt;    
    color: white;
}

body {
    background-color: #14181D;
}

p {
    margin-bottom: 1em;
}

.nav-link-name {
    color: white;
}
.home-buffer {
    margin-bottom: 33em;
}
.home-hero {
    display: none;
    position: absolute;
    top: -5em;
    min-width: 100%;
    min-height: 36em;    
}
#myVideo, #video-overlay-text {
    position: absolute;
    top: -5em;
    min-width: 100%;
    /*min-height: 36em;*/
    height:500px;
}

#video-overlay-text * {
    color: white;
}
#video-overlay-text h1 {
    margin: 0;
    font-size: 80px;
    line-height: 0.9em;
}
#video-overlay-text > div.row {
    min-height: 30em;
}
#video-overlay-text > div.row > div.col-sm-6:first-child {
    padding-left: 11vw;
    white-space: nowrap
}
#video-overlay-text > div.row > div.col-sm-6:last-child {
    padding-right: 3em;
}
#video-overlay-text > div.row > div.col-sm-6:last-child > div {
    /* border-top: 1px solid white; */
   margin-bottom: 57px;
}
.home-row-image {
    position: relative; 
    width: 100%; 
    top: -50px; 
    margin-bottom: -100px;
}
.home-row-image[src="images/Adult-Classes.png"] {
    top: -75px;
    margin-bottom: -172px;
}

h1.home-row-title {
    letter-spacing: 6px; 
    text-shadow: 0px 0px 0px; 
    color: white;
}

.home-row-pullquote {
    margin: 10px auto; 
    width: 80%;
    color: white;
}

#myAboutVideo {
    width: 100%;
    border: 25px solid #615C59;
}

.btn-njfs {
    padding: 5px 25px;
    font-size: 15px;
    letter-spacing: 5px;
    font-weight: 400;
    border-radius: 5px;
    color: white;
    text-transform: uppercase;
    white-space: nowrap;
    margin-top: 1.2em;
    margin-bottom: 1.2em;
}

.btn-purps {
    background-color: #671B68;
    border-color: #671B68;
}
.btn-reds {
    background-color: #B01535;
    border-color: #B01535;    
}
.btn-blues {
    background-color: #0087D7;
    border-color: #0087D7;
}
.btn-greys {
    background-color: #615c59;
    border-color: #615c59;
}

.testim > p:first-child {
    border-top: 1px solid #0087D7;;
    border-bottom: 1px solid #0087D7;; 
    padding: 30px;
    margin-bottom: 1em;
    font-size: 100%;
}
.testim > p:last-child {
    color: #EFEFEF; 
    font-size: 100%;
    margin-bottom: 2em;
}
#newsletter-email-address {
    font-size: 70%;
    padding: 8.5px;
    border-radius: 5px;
}

.footer-link-list, .footer-link-list a {
    font-size: 12px; 
    color: white;
}
.footer-link-list span {
    font-size: 12px;
    color: #EFEFEF;
}
.hero-image {
    position: relative;
    top: -92px;
    margin-bottom: -100px;
    width: 100%;
    max-width: 1423px;
    margin-left: auto;
    margin-right: auto;
}
.hero-image-overlay {
    color: white;
    text-shadow: 0px 0px 0px;
    position: relative;
    top: -92px;
    padding-top: 92px;
    margin-bottom: -100px;
}
.hero-classes {
    background-color: #AAB500;
}
.hero-teen-classes {
    background-color: #671B68;
}
.hero-adult-classes {
    background-color: #E34B1E;
}
.hero-classes-back {
    background-color: #27292c;
}

.aboutus-person-column p {
    margin-bottom: 1em;
    font-size: 14pt;
    text-align: left;
    color: #999999;
}
.aboutus-person-name {
    display: block;
    font-size: 24pt;
    font-weight: bold;
    color: white;
}
.aboutus-person-title {
    display: block;
    color: #999999;
    font-size: 14pt;
    margin-bottom: 30px;
}
.breadcrumb {
    background-color: transparent;
}
.breadcrumb-item a {
    color: #EFEFEF;
}
.breadcrumb-item.active a {
    color: white;
}
.studio-gallery img {
    width: 31.5%;
}

.classes-button-bar .btn-njfs {
    min-width: 227px;
}
.form-control {
    background-color: rgb(239, 239, 239);
    padding: 10px;
    border-radius: 10px;
}
.form-control:focus {
    background-color: #A6B7C9;
}
.form-control::placeholder {
    color: #bbb;
}
.home-row-kids {
    background-color: #AAB500; 
    position: relative; 
    margin-bottom: 160px;
}
.home-row-adult {
    background-color: #E34B1E;
    position: relative;
    margin-bottom: 160px;
}
.home-row-about-video {
    width: 80%;
    margin: 15px auto 90px auto;
}
.home-row-our {
    width: 81%;
    margin: 0 auto 90px auto;
}

.navbar-mobile-style-2 {
    padding: 24px;
}
.navbar-mobile-style-2 div.navbar-collapse-menu.collapse.show ul.nav.navbar-nav > li.nav-item {
    list-style: disc;
    margin-left: 60px;
}
.contact-us-float {
    background-color: white; 
    border-radius: 10px; 
    position: relative; 
    z-index: 10; 
    box-shadow: 1px 1px 1px #333; 
    width: 90%; 
    margin: 0 auto; 
    top: -20vw;
}

@media (max-width: 827.98px)  {
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
        padding-right: 0px;
        padding-left: 0px;
    }
    .navbar-top .navbar-brand {
        margin-right: 0;
    }
    a.navbar-brand img {
        width: 89%;
    }
    .navbar-top .container {
        padding-right: 1em;
        padding-left: 1em;
        padding-top: 1em;
    }
}

@media (width: 767px) {
#video-overlay-text > div.row > div.col-sm-6:last-child {
    margin-top: 180px;
}
}


/* override fixes for the theme */
@media (max-width: 767px) {
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
        padding-right: 0px;
        padding-left: 0px;
    }
    .navbar-top .navbar-brand {
        margin-right: 0;
    }
    a.navbar-brand img {
        width: 89%;
    }
    .navbar-top .container {
        padding-right: 1em;
        padding-left: 1em;
        padding-top: 1em;
    }
    /*.home-buffer {
        margin-bottom: 31em;
    }*/
    #myVideo, #video-overlay-text {
        min-height: 36em;
    }
    /*#video-overlay-text h1 {
        margin-bottom: .3em;
        font-size: 3.3em;
        letter-spacing: 0.1em;
    }*/
    #video-overlay-text > div.row {
        align-items: inherit !important;
        min-height: inherit;
    }
    #video-overlay-text > div.row > div.col-sm-6:first-child {
        padding-left: 1em;
        white-space: nowrap;
        padding-top: 12em;
        max-height: 14em;
    }
    #video-overlay-text > div.row > div.col-sm-6:last-child {
        padding-right: 0;
        padding-left: 1em;
    }
    #video-overlay-text > div.row > div.col-sm-6:last-child > div {
       /* border-top: 1px solid white;
         margin-top: 60px; */
        margin-bottom: 2em;
        width: 90%;        
    }
    .home-row-title {
        font-size: 2.4em;
        margin-bottom: 0;
    }
    .home-row-kids {
        margin-bottom: 50px;
    }
    .home-row-kids div.col-sm-5 {
        padding-top: 3em;
    }
    .home-row-teens div.col-sm-5 {
        padding-top: 2em;
        padding-bottom: 3em;
    }
    .home-row-adult {
        margin-bottom: 160px;
    }
    .home-row-adult div.col-sm-5 {
        padding-top: 5em;
    }
    .home-row-about-video {
        width: 100%;
    }
    .home-row-about-video #myAboutVideo {
        border-left: 0;
        border-right: 0;
    }
    .footer-row > div {
        text-align: center;
    }
    .contact-us-float {
        top: 1vw;
    }
    .contact-us-subbanner .col-sm-5 {
        padding: 0vw 2vw 2vw 2vw;
    }
    .contact-us-subbanner .col-sm-3 {
        max-height: inherit;
    }
    .hiddenonmobile {display:none;}
    .registration-form .form-group.col-sm-4.text-right.pr-20 {
        text-align: center!important;
        padding-right: 5px!important;
    }
}

@media (min-width: 768px) {
   .hiddenondesktop {display:none;}
}

@media (min-width: 620px) {
   .mobileonly {display:none;}
}

@media (min-width: 620px) {
    #video-overlay-text .col-sm-6, .action-bar .col-sm-2,
    .classes-button-bar .col-sm-3, .action-bar .col-sm-8,
    .class-item .col-sm-3, .class-item .col-sm-9,
    .contact-us-subbanner .col-sm-3, .contact-us-subbanner .col-sm-4,
    .contact-us-subbanner .col-sm-5  {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .action-bar .col-sm-8 {
        text-align: center;
    }
}

@media (min-width: 767px) {
    #video-overlay-text .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .contact-us-subbanner .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%; 
        max-height: 0vw;      
    }
    .contact-us-subbanner .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;            
    }
    .contact-us-subbanner .col-sm-5  {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%; 
        padding-top: 2vw;
        padding-bottom: 2vw;
    }
    .hero-classes,
    .hero-teen-classes,
    .hero-adult-classes,
    .hero-classes-back {
        min-height: 620px;
    }
}

@media (min-width: 1176px) {
    .action-bar .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
        white-space: nowrap;
    }
    .action-bar .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
        text-align: left;
    }
}

@media (min-width: 1100px) {
    .classes-button-bar .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }


}

@media (min-width: 895px) {
    .class-item .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .class-item .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

}

@media (min-width: 1023px) {
.homepagespotlight {
color: white;
margin-bottom: 60px;
width: 95%;
margin-top: -170px;
}
}

@media (max-width: 1023px) {
    #myVideo {
        display: none;
    }
    .hero-image-responsive {
        display: block !important;
    }
    .home-hero {
        display: block;
    }
    
    .homepagespotlight {
      color: white;
      width: 95%;
      padding-bottom: 40px;
    }
    
    #video-overlay-text h1 {
         margin-bottom: .3em;
         font-size: 3.3em;
         letter-spacing: 0.1em;
     }
}

.dropdown-toggle::after {
    vertical-align: 0.1em;
}

.navbar-dropdown .nav-link:focus~.dropdown-menu, .navbar-dropdown .nav-link:hover~.dropdown-menu {
    opacity: .8
}

.aboutus-person-image {
    width: 100%;
    margin: auto;
}

.home-hero-wrapper {
    width: 100%;
    overflow: hidden;
    text-align: center;

}
.home-hero-wrapper img {
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    max-width: 100%;
  
}
.emailStudents, .studentPop {
    font-size: 12px;
    cursor: pointer;
}
.studentHover {
    color: #0087D7 !important;
}
.studentPop {
    color: #0087D7 !important;
    margin-left: 5px;
}
.tooltip-inner {
    background-color: white;
    font-size: 12px;
    color: #666;
    white-space: pre-line;
    max-width: 100% !important;
    text-align: left;
}
.home-row-pullquote b {
    color: white;
    display: block;
}


/*  HERO BACKGROUND IMAGE ADJUSTMENTS 

.hero-image-overlay img {
   opacity: 0.5;
   min-height: 360px;
   min-width: 693px;
   }
*/

.hero-image-responsive {
   width: 100%;position: absolute;
   top: 0; 
   height: 52vw;
   z-index: -1;
   max-height: 751px;
   max-width: 1423px;
   margin: auto;
   left: 50%;
   -webkit-transform: translate(-50%,0);
   transform: translate(-50%,0);
}

@media (max-width: 768px) {
   .hero-image-responsive {
      opacity: 0.5;
      min-height: 360px;
      min-width: 693px;
      }

   }
  
.filmmakingisfun { 
    color: white;
}

@media (min-width: 768px) {
.filmmakingisfun { 
   float: right;
   padding-right: 1em;
}
}

/*  FOOTER ADJUSTMENTS */

.lightwidget {
  max-width:1080px; 
  margin:auto;
  min-height:210px;
}


.footerdescription {font-size: 70%; color: #A6B7C9; margin: auto; width: 50%; padding-top:10px;}

.actiontext {
   font-size: 50pt; margin: 0px; color: white; text-shadow: 0px 0px 0px; letter-spacing: 6px;   
}

.footer-row > div {
     text-align: center;
 }

@media (max-width: 768px) {
/*.footerdescription {
   margin: auto; width: 50%; padding-top:10px;
}*/
.actiontext {
   font-size: 38pt; margin: 0px; color: white; text-shadow: 0px 0px 0px; letter-spacing: 3px;   
}
.container-fluid .action-bar .btn-njfs {
    padding: 5px 10px;
 }

 .lightwidget {
   min-height:110px;
 }
 
}

@media (max-width: 1130px) {
.classes-button-bar {
   display: none;
}
}

.navbar-mobile.navbar-dark{background-color:rgba(14, 14, 14, 0.8) !important;}

/*  HOMEPAGE TABLET ADJUSTMENTS */


h1.home-row-title {
    margin-bottom: 0px;
 }

@media (min-width: 620px) and (max-width: 1130px) {
.home-row-kids .col-sm-4 {
    flex: 0 0 100%;
    max-width: 90%;
 }
 
.home-row-teens .col-sm-4 {
    flex: 0 0 100%;
    max-width: 90%;
 }
 
 .home-row-adult .col-sm-4 {
     flex: 0 0 100%;
     max-width: 90%;
  }
 
 .home-row-image {
     position: relative;
     width: 100%;
     top:0px;
     margin-bottom: 0px;
     left: 50%;
     -webkit-transform: translate(-50%,0);
     transform: translate(-50%,0);
     
 }
 }
   
   

.img-thumbnail {
    padding: .25rem;
    background-color: #dee2e6;
    border: 1px solid #dee2e6;
}

@media (max-width: 1024px) {
    .dropdown-toggle::after, .dropdown-menu {
        display: none !important;
    }
}

/*  SAFARI SCROLL FIX

@media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0)
{ @media {
.hero-image-responsive {
min-height: 192px !important; 
min-width: 375px !important; 
}}}
*/

@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {
.hero-image-responsive {
  min-height: 192px !important; 
  min-width: 375px !important; 
  }
}}