:root{
--color2:#0371b9;
--color:#d6dae4;

}
.ce-widget.submenu-widget.bg-color-2{
   background-color: transparent !important;
 }

.submenu-widget a {
    background-color:var(--color2);
    margin-bottom:5px !important;
 font-family: Helvetica, Arial, sans-serif !important;
   font-weight:300;
 font-size:18px;
    text-align:center !important;
}

.submenu-widget a:hover{
   background-color:#02478e !important;
} 

.home-page .quarter h3 {

font-weight: 500 !important;
font-family: Helvetica, Arial, sans-serif !important;
font-size: 24px !important;
text-transform:uppercase !important;
}

.resp-row .column, .inner-column {
   line-height:1.7 !important;

}
.home-page .build-column.quarter {
   width:17% !important;
}

.home-page .build-row.seventyfive-twentyfive .column.quarter {
    width:15% !important;
    line-height:0.8px !important;
  
}

.home-page .quarter .inner-column p{
  line-height:1 !important;
    font-size:16px !important;
}



.home-page .build-column.threequarter{
    width:78% !important;
    margin-right:4% !important;
}

.home-page .build-column.threequarter .column.threequarter{
   width:85% !important;
   margin-right:0px !important;
}

.resp-row .img-left-flt{
   max-width:25% !important;

}
.build-column.quarter h3{
margin:5px auto;
text-align:center;

}

#nav_header_container{
    padding-bottom:0px !important;
}

#menu_container{
   background-color: var(--color);
   border-bottom: 2px solid var(--color2);
}

 ul.horizontal.site-menu, .site-menu{
   background-color: var(--color);
   

}

ul.horizontal.site-menu {
text-align:center;
}
ul.horizontal.site-menu ul.sub-menu li { 
text-align:left; 
padding-right:15px !important;
}

ul.horizontal.site-menu li { 
float:none;
display:inline-block;
vertical-align:top;
}

ul.horizontal.site-menu li span a, ul.horizontal.site-menu li span span { font-family:ProximaNovaBold, sans-serif !important;
color:var(--color2)!important;
line-height:45px !important;
font-size:18px !important;
font-weight:bold !important;
}

ul.horizontal.site-menu li span a:hover, ul.horizontal.site-menu li:hover span span { color:#044067 !important; transition:.2s;}
ul.horizontal.site-menu li:hover { background-color: transparent !important; }


.footer-container, .footer-container a, .footer-container span { color:#fff; font-family:ProximaNova, sans-serif !important; }

ul.horizontal.site-menu ul.sub-menu li span a {
line-height:30px !important;
font-family: Helvetica, Arial, sans-serif !important;
text-transform:none !important; 
font-size:16px !important;
color:#FFF !important;
 padding-right:3px !important;
 text-align:center !important;
}

ul.horizontal.site-menu li.sub-parent:hover ul {  top:40px !important;   }
ul.horizontal.site-menu ul.sub-menu li:last-child { border-bottom:none !important; }
ul.horizontal.site-menu ul.sub-menu { border-top:none !important; }
ul.horizontal.site-menu ul.sub-menu li { 
background-color:var(--color2)!important;
border-bottom:3px solid var(--color) !important;
 }

ul.horizontal.site-menu ul.sub-menu li:hover { 
background-color:#fff !important; 
}


.menu-toggle { background-color:#1a3150; margin-top:10px; }


 ul.horizontal.site-menu li.selected-menu-item span a, ul.horizontal.site-menu li.selected-menu-item span a:hover { color:var(--color2) !important; border-bottom:none; }




ul.horizontal.site-menu ul.sub-menu li span a:hover {
color:#fff !important;

padding-right:15px;
}

ul.horizontal.site-menu ul.sub-menu li:hover {
background-color:#29494F !important;
}



header{
   background-image: url(//s3.amazonaws.com/ClubExpressClubFiles/622278/graphics/NAVA-header-comp_no-flag_4-9-21_1500x130px_522553173.png);
   background-repeat:none;
   background-size:cover;
   background-position: center center;
 
}

#header_cell{
   background-color:transparent !important;

}


.inner-column .ce-button{
   white-space: normal; 
   word-wrap: break-word!important;
   max-width:300px;
   margin:2px auto !important;
   width:100%;
   color:#fff;
   padding: 2px 15px;
   box-sizing:border-box;
   font-size:18px;
   text-shadow:none !important;
   border-radius:0px !important;
   border:0px !important;
   background-color:var(--color2) !important;
   background-image:none !important;
  font-family: Helvetica, Arial, sans-serif !important;
   font-weight:300;
}

.inner-column .ce-button:hover{
   background-color:#3ea9ef !important;
   transition:.25s;

}

footer{
 background-color:#1e2a36;
}

/* Smartphones (portrait and landscape) --- */
@media (min-width : 320px) and (max-width :767px){
/* Styles */
.inner-column .ce-button{
   width:100% !important;
  margin-left: 12px!important;
}


.home-page .build-column.quarter {
   width:100% !important;
}

.home-page .build-row.seventyfive-twentyfive .column.quarter {
    width:100% !important;
    line-height:0.8px !important;
  
}

.home-page .threequarter h1 span{
font-size:30px !important;
}

.home-page .build-column.quarter {
   width:100% !important;
}

.home-page .build-row.seventyfive-twentyfive .column.quarter {
    width:100% !important;
    line-height:0.8px !important;
  
}
.home-page .build-column.threequarter{
    width:100% !important;
    margin-right:0px !important;
}

.home-page .build-column.threequarter .column.threequarter{
    width:100% !important;
    margin-right:0px !important;
}

.resp-row .img-left-flt{
   max-width:95% !important;

}
}

@/*iPhone 11----*/ 
media only screen and (device-width: 375px) and (device-height: 812px){

}


/* iPads (portrait and landscape) --- */
@media (min-width : 768px) and (max-width : 1024px) {
/* Styles */
.inner-column .ce-button{
   padding: 5px;
   font-size:16px;
   width:100%;
   text-shadow:none !important;
   
}

.home-page .quarter h3 {

font-weight: 500 !important;
font-family: Helvetica, Arial, sans-serif !important;
font-size: 18px !important;
text-transform:uppercase !important;
}
.home-page .build-column.threequarter{
    width:75% !important;
    margin-right:0px !important;
}
.home-page .build-column.quarter {
   width:25% !important;
}

.home-page .build-row.seventyfive-twentyfive .column.quarter {
    width:100% !important;
    line-height:0.8px !important;
  
}

}

/* Desktops and laptops --- */
@media (min-width : 1224px) and (max-width:1440px) {
/* Styles */
.inner-column .ce-button{
   padding: 5px;
   width:100% !important;
   box-sizing: border-box;
}

}


/* Large screens --- */
@media (min-width : 1824px) {
/* Styles */
.inner-column .ce-button{
   width:100% !important;
}

 .resp-row .img-left-flt{
   max-width:31% !important;

}
}

.home-page .quarter .inner-column img{
   width:400px !important;
}

#people .biz-card-image {
background-size:contain !important;
}
#page_content #profile_banner_container .bio-image{
border-radius: 0;
background-size: contain;
background-repeat: no-repeat;
border: none;
}
.panel-bio-image {
    background-size: contain;
    border-radius: 0px;
    background-repeat: no-repeat;
}

ul.site-menu, ul.site-menu li {
    background-color: transparent;
}

ul.horizontal.site-menu li:hover {
    background-color: transparent !important;
}

ul.horizontal.site-menu li span a:hover, ul.horizontal.site-menu li:hover span span{
    color: var(--color2)!important;
}

ul.site-menu li:hover, ul.site-menu li:hover span span {
    background-color: transparent;
}