/* general css */
#header {}
#header .search-input{border: 1px solid #ccc;width:100%;padding:2px 6px;font-size:0.8rem;min-height:28px;}
#header #main-menu-wrapper{position:absolute;background: rgba(0,224,255,0.30);width:100%;/*z-index:4000*/;max-height: 70px;}
#header #main-menu-wrapper .login-area-box{background:rgba(0,0,0,0.5);min-height:70px;/*height:350px;*/overflow:hidden;}
#header #main-menu-wrapper .login-area-box .login-area-text{color:#fff;/*font-size:20px;line-height:26px;*/line-height: 1.4rem;font-weight:300;padding:26px 30px 26px 30px;}
#header #main-menu-wrapper .login-area-box .login-area-text-2{color:#fff;/*font-size:16px;line-height:20px;*/line-height: 1.2rem;font-weight:300;padding:18px 30px 12px 30px;}
#header .login-area-box-2{background:rgba(0,0,0,0.5);position: absolute;top: 70px;right: 0;left: 0;margin: 0 auto;overflow:hidden;}
#header .login-area-box-2 .login-area-text{color:#fff;/*font-size:20px;line-height:26px;*/line-height: 1.4rem;font-weight:300;padding:16px 20px 16px 20px;}
#header .login-area-box-2 .login-area-text-2{color:#fff;/*font-size:16px;line-height:20px;*/line-height: 1.2rem;font-weight:300;padding:8px 20px 6px 20px;}
#header #main-menu-wrapper #main-menu-toggle{cursor:pointer;font-size:40px;padding:15px;}
#header #main-menu-wrapper #main-menu-logo{max-height:70px;margin:0 auto;vertical-align:top;}
#header #main-menu-wrapper #main-menu-box-wrapper{display:none;background:rgba(0,0,0,0.8);border-top: 8px solid #00daed;padding-top:30px;padding-bottom: 10px;z-index: 10;}
#header #main-menu-wrapper #main-menu-box-wrapper #main-menu p{color:#c0dbfd;font-weight:bold;/*margin-bottom:30px;*/margin-bottom:0px;padding-bottom:30px;}
#header #main-menu-wrapper #main-menu-box-wrapper #main-menu p a{color:#c0dbfd;font-weight:bold;/*font-size:16px;*/text-decoration:none;}
#header #main-menu-wrapper #main-menu-box-wrapper #main-menu p a:hover{text-decoration:none;}
#header #main-menu-wrapper #main-menu-box-wrapper #main-menu p a.active-element{color:#fff;border-bottom: 1px solid #fff;}
#header #main-menu-wrapper #main-menu-box-wrapper #main-menu p .fa-chevron-right{cursor:pointer;color:#c0dbfd;font-size:1.0rem;/*margin-left:22px;*/vertical-align: middle;}
#header #main-menu-wrapper #main-menu-box-wrapper #main-menu p .fa-chevron-right.active-element{color:#fff;}
#header #main-menu-wrapper #main-menu-box-wrapper #main-menu .hidden-md.hidden-lg.hidden-xl p .fa-chevron-right{/*margin-left:22px;*/}
#header #main-menu-wrapper #main-menu-box-wrapper #main-menu .fa-chevron-left{color:#c0dbfd;font-size:2.8rem;}

#header #featured-image-wrapper{overflow:hidden;max-height:350px;min-height:200px;}
#header #featured-image-wrapper #header-image{margin:0 auto;/*min-height:283px;*/min-width:100%;}
#header #featured-image-wrapper #header-image-blur{margin:0 auto;-webkit-filter: blur(10px);-moz-filter: blur(10px);-o-filter: blur(10px);-ms-filter: blur(10px);filter: blur(10px);}
#header #featured-image-wrapper{/*background: #ff448b;*/}

#header #popular-links-wrapper {margin:0;}
#header #popular-links-wrapper div{padding-left:0;padding-right:0;text-align:center;/*-webkit-border-top-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topright: 8px;-moz-border-radius-bottomleft: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;*/}
#header #popular-links-wrapper div a{display:block;color:#fff;padding:15px;font-weight: 300;/*-webkit-border-top-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topright: 8px;-moz-border-radius-bottomleft: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;*/}
#header #popular-links-wrapper div:nth-child(1) a{background:#1c6ad4;}
#header #popular-links-wrapper div:nth-child(2) a{background:#1e76ee;}
#header #popular-links-wrapper div:nth-child(3) a{background:#2b76ff;}
#header #popular-links-wrapper div:nth-child(4) a{background:#4a7dff;}
#header #popular-links-wrapper div:nth-child(5) a{background:#6588ff;}
#header #popular-links-wrapper div:nth-child(6) a{background:#7a93ff;}

@media (max-width: 767px) {
    #header #main-menu-wrapper .white-opacity-2{background:#fff !important;}
    #header #popular-links-wrapper div{}
    #header #popular-links-wrapper div a.bottom-link{color:#8f8f8f;background:#fff url(/_plugins/header/img/mobile_arrow.png) no-repeat right;border-bottom:1px solid #cbe6f1;text-align:left;padding:8px 15px;}
}

#header .member-icons{padding-left:0;padding-right:0;text-align:center;}
#header .member-icons a{display:block;color:#fff;font-weight: 300;padding:0;}
#header .member-icons a img{margin:0 auto;}

#header #header-social-icons-wrapper {}
#header #header-social-icons-wrapper .header-social-icon {display:inline-block;padding:2px 15px;margin:10px 0px 0 0;text-decoration:none;}
#header #header-social-icons-wrapper .header-social-icon i{color:#fff;margin-right:10px;font-size:0.8rem;}
#header #header-social-icons-wrapper .header-social-icon span{color:#fff;font-size:0.8rem;}

@media (min-width: 991px) {
    #header #main-menu-wrapper .white-opacity{background:rgba(255,255,255,0.7);height:70px;}
}

@media (max-width: 991px) {
    /* #header #main-menu-wrapper .white-opacity-2{background:rgba(255,255,255,0.6);height:70px;} */
    #header #header-social-icons-wrapper {text-align:center;}
    #header #header-social-icons-wrapper .header-social-icon {padding:5px 10px;}
    #header #header-social-icons-wrapper .header-social-icon span{display:none;}
    #header #header-social-icons-wrapper .header-social-icon i{margin-right:0px;}
}

@media (max-width: 1200px) {
    #header #popular-links-wrapper div a{padding:15px 0;}
}

/* default section css */

/* members section css */
#header.section_members #sidebar-buttons-wrapper{position:fixed;top:620px;z-index:3000;}
#header.section_members #sidebar-buttons-wrapper #sidebar-menu-toggle{cursor:pointer;padding:0;}
#header.section_members #sidebar-buttons-wrapper #sidebar-menu-toggle img{position: absolute;}
#header.section_members #sidebar-buttons{position: absolute;left:-91px;top: 34px;}

/* staff section css */