:root{
    --color:#80A47E;

}

} .below-content{
    background-color:#3A2825;
    color:#fff;
    padding:50px;
} 

 .cat-footer{
    font-size:18px !important;
    text-align:center;
 }
    header {
    background-color:#000;
    background-size:cover!important;
    }

/* mouse over link color*/
  a:hover {
  color: #093b0e;
}
    
    /* Smartphones (portrait and landscape) --- */
    @media (min-width : 320px) and (max-width : 480px),
    (min-width : 320px) and (max-width : 667px){
    /* Styles */
    .headerbk {
    max-height:300px;
    }
    .below-content{
    background-color:#3A2825!important;
    color:#fff;
    
} 
}
    
    /* iPads (portrait and landscape) --- */
    @media (min-width : 768px) and (max-width : 1024px) {
    /* Styles */
    .headerbk {
    max-height:300px;
    }
.jungle .column.third{
    width:100% !important;

}

}



@media only screen
and (min-width : 1000px) and (max-width:1390px) {
.common-banner {
   width:100% !important;
   min-width:initial !important;
   max-width:80rem !important;
   margin-left:auto;
   margin-right:auto;
}
}

/* Large screens --- */
@media only screen
and (min-width : 1824px) {
/* Styles */
.common-banner
{
   max-width:100rem !important;
   margin-left:auto;
   margin-right:auto;
}
}

.layout-wrapper.cb-container {
background-color:#000;
margin:0px;
width:100% !important;
}



#layout_wrapper, .layout-wrapper {
width:100% !important;
min-width:initial !important;
max-width:80rem !important;
margin-left:auto;
margin-right:auto;
}


@media only screen
and (min-width : 1000px) and (max-width:1390px) {
#layout_wrapper, .layout-wrapper {
width:100% !important;
min-width:initial !important;
max-width:80rem !important;
margin-left:auto;
margin-right:auto;
}
}

/* Large screens --- */
@media only screen
and (min-width : 1824px) {
/* Styles */
#layout_wrapper, .layout-wrapper
{
max-width:100rem !important;
margin-left:auto;
margin-right:auto;
}
}


 #mobile_layout_wrapper header, #mobile_layout_wrapper #header_cell,  {
    background-color:#80A47E !important;
    border-top:none;
    border-bottom:none;
}

.nav-container a,.nav-container li, .nav-container .sub-parent {
    background-color:#80A47E !important;
    color:#fff;
}

#menu_container{
    background-color:#80A47E!important;
    border-top:none;
    border-bottom:none;
    font-size:36px;
}


nav, ul.horizontal.site-menu, .site-menu{
   background-color:#80A47E;
   color:#fff;
   border-top:none;
   border-bottom:none;
   }

ul.horizontal.site-menu a, .site-menu li, .horizontal.site-menu li span a {color:#fff;}

ul.horizontal.site-menu li a:hover, ul.horizontal.site-menu li.selected-menu-item span a:hover{color:#fff !important;}

ul.horizontal.site-menu li span a {color:#fff; border-top:none; border-bottom:none;}

ul.horizontal.site-menu li.selected-menu-item a {color:#fff !important;}

ul.horizontal.site-menu li span span {
    color: #fff !important;
}

ul.horizontal.site-menu ul.sub-menu li span a {
    color: #fff !important;
}

footer{ background-color:#000;}


.horizontal.control-panel-link, #full_name{color:#e15d4d;}

.static-bar #non_member_panel {}

*,*:focus,*:hover{
    outline:none;
}

ul.horizontal.site-menu {
text-align:center;
}
ul.horizontal.site-menu ul.sub-menu li {
text-align:left;
}
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-size: 19px !important;
}

#nav_header_container {
    padding-bottom: 0px !important;
}

/* Custom Directory */
#people_distinction, #people.repeater-container {
    float:none;
    margin:auto;
    width: fit-content;
}
#people_distinction h2, #people.repeater-container h2 {
    text-align:center;
}

ul.site-menu li:hover, ul.site-menu li:hover span span {
    background-color: #80A47E;
}