@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:ital,wght@0,300;0,700;1,300');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Condensed:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600');

:root {
--reg_primary: #F69320; /* light orange */
--reg_secondary: #0099FF; /* dark orange */
--nctm_darkblue: #003767;
--nctm_brandblue: #00a4e4;
--nctm_lightblue: #90cdf0;
--nctm_orange: #F69320;
--heading_font: "IBM Plex Sans Condensed", sans-serif;
--site_logo: url(images/VAM21_logo_v2.svg);
--intro_bg: url(images/ATL_orange_bg.jpg);
}

h1, h2, h3, h4, h5, h6 {
font-family: var(--heading_font);
font-weight: 400;
}

section h2 {
text-align: center;
}

.nav-link {
/*font-family: var(--heading_font);*/
font-size: 1.0em;
font-weight: 500;
}

.nav-link.active {
border-bottom: 2px solid blue;
}

.nav-link:hover {
border-bottom: 2px solid blue;
color: blue;
}


#cs_microsite #nav-menu-container {
margin-top: 10px;
}

#cs_microsite .nav-menu > li {
margin-left: 4px;
margin-right: 0px;
}

#cs_microsite .nav-menu > li > a {
padding: 7px;
margin: 0;
}

#cs_microsite nav li, #cs_microsite nav a {
font-family: "Open Sans Condensed";
font-size: 1.15em;
font-weight: normal;
}

#cs_microsite .nav-menu > li > a:before
{
background-color: #fcb414;
}

#cs_microsite .nav-menu li.buy-tickets {
padding-top: 3px;
margin-left: 8px;
}

#cs_microsite .nav-menu li.buy-tickets a {
border: 2px solid #fcb414;
background: transparent;
font-size: 0.9em;
font-weight: bold;
padding: 11px 16px 11px 16px;
}

#cs_microsite .nav-menu li.buy-tickets a:hover {
background: var(--reg_secondary);/*#fcb414*/
text-shadow: 1px 1px 2px black;
font-size: 0.9em;
font-weight: bold;
}


/* --------- Nav section -----------*/

@media screen and (max-width: 991px) {
#header, #header.header-scrolled {
background: transparent;
}
}/*end @media*/

#header.header-scrolled, #header.header-fixed {
background-color: white;
}

#cs_microsite .nav-menu > li > a::before {
background-color: var(--reg_secondary);
}


#clNav .nav-menu a {
  padding: 8px;
  text-decoration: none;
  display: inline-block;
color: #727272;
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: bold;
  font-size: 0.86em;
  outline: none;
}

#clNav .nav-menu .menu-active a:link {
  color: #002a4e;
}


#clNav .nav-menu a:hover, #clNav .nav-menu .menu-active a:hover {
color: var(--reg_secondary);
}

#clNav .nav-menu li.buy-tickets a {
border: 0;
background-color: var(--reg_secondary);
border-radius: 5px;
color: white;
}

#clNav .nav-menu li.buy-tickets a:hover {
color: white;
}

 
#mobile-nav .nav-menu > li, #clNav #mobile-nav ul li {
display: block;
clear: both !important;
width: 100%;
float: none;
}

button#mobile-nav-toggle {
background-color: black;
border-radius: 5px;
}

#clNav #mobile-nav ul li {
border-bottom: 1px solid white;
}


section#intro {
padding-top: 80px;
/*background-image: url(images/ATL_orange_bg.jpg); 
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 90vh;
overflow: hidden;
position: relative;
background-color: #bfeeff;*/
}


/*--- Footer ---*/

footer {
background-color: var(--nctm_darkblue);
    padding: 50px 0 0 0;
    color: #eee;
    font-size: 14px;

}

/*footer logo*/

#footer .footer-top .footer-info p {
font-family: "Open Sans", sans-serif;
}

#footer .footer-top .footer-info img {
height: auto;
max-width: 220px;
}

#footer .footer-top h4, #footer .footer-top h5, #footer .footer-top h6 {
padding-bottom: 5px;
border-bottom: 2px solid  var(--reg_primary);
text-transform: uppercase;
font-family: "Open Sans Condensed", sans-serif;
font-weight: bold;
}

#footer .footer-top .footer-links ul {
list-style-type: none; 
text-indent: -11px;
/*margin-left: 15px;*/
}

#footer .footer-top .footer-links ul li {
margin-bottom: 3px;
line-height: 1.4em;
}

#footer .footer-top .footer-links ul li:before {
  content: '\203A';
color: var(--reg_primary);
font-size: 1.7em;
position: relative;
left: -15px;
}

#footer .footer-top .footer-links ul i {
color: var(--reg_primary);
}

#footer .footer-top .footer-links ul a {
color: white;
text-decoration: none;
}

#footer .footer-top .footer-links ul a:hover {
color: var(--reg_primary);
text-decoration: none;
}


#footer .footer-top .social-links a,
#footer .footer-top .social-links a:link,
#footer .footer-top .social-links a:visited {
background-color: var(--reg_secondary);
color: white;
}


#footer .footer-top .social-links a:hover {
background-color: var(--reg_primary);
/*text-shadow: 1px 1px 2px black;*/
}

#footer a {
color: white;
}

#footer a:hover,
#footer a:active,
#footer a:focus {
color: var(--reg_primary);
}

#footer .copyright {
padding: 15px;
text-align: center;
background-color: #222;
}





/* -------- mobile top navigation -------------*/


#mobile-nav .nav-menu > li, #cs_microsite #regional3 #mobile-nav ul li {
    display: block;
    clear: both !important;
    width: 100%;
    float: none;
}


#mobile-nav ul li {
display: block;
}

.mobile-nav-active #mobile-nav ul li a:hover {
color: white;
}

.mobile-nav-active .nav-menu > li > a {
font-family: "Open Sans Condensed";
font-size: 14px;
}

.mobile-nav-active .nav-menu > li > a::before {
background-color: var(--reg_secondary); /*fcb414*/
}

.mobile-nav-active .nav-menu li.buy-tickets a {
border: 2px solid var(--reg_secondary); /*fcb414*/
color: var(--reg_secondary); /*fcb414*/
background-color: transparent;
font-weight: bold;
}

.mobile-nav-active .nav-menu li.buy-tickets a:hover {
background: var(--reg_secondary); /*fcb414*/
text-shadow: 1px 1px 2px black;
}

@media (max-width: 991px) {

.mobile-nav-active #header {
height: 90px;
}

.mobile-nav-active .mobile-nav {
}

}

@media screen and (max-width: 540px) {
#intro .home_logo {
width: 100%;
height: auto;
}

}