/* HEADER */
header#main-header {position:absolute;top:0;left:50%;transform: translateX(-50%);width: 100%;height:70px;z-index:999;}
body.lightClass header#main-header {background-color:#fff;}
body.darkClass header#main-header {background-color: #21252A;}

.header-inner {position: relative;}
.branding {float:left;position: relative;z-index: 99999;}
.branding .logo {padding:15px 0 0 50px;}
.branding .logo img {height:76px;float:left;margin-top:-10px}
.header-connected-mob {display:none;}
.branding .logo-connected {padding:5px 0 0 30px;}
.branding .logo-connected img {height:60px;float:left;border-radius:50%;border:3px solid #ADB5BD;}
.branding .logo div {display: block;float:left;height:40px;display: flex;justify-content: center;align-items: center; }
.branding .logo div p {padding-left:12px;}
.branding .logo span {display: block;text-transform: uppercase;color:#B0BEC5;padding:0 0 1px;letter-spacing: .6px;font-size:18px;}

body.lightClass .branding .logo span strong {font-weight: 900;color: #4672D6;}
body.darkClass .branding .logo span strong {font-weight: 900;color: #FFF;}

.branding .logo em {display: block;font-size:9px;display: block;letter-spacing:0.7px;}
.menu-left {float:left;padding-left:30px;}
.menu-left li {float:left;position: relative;}
.menu-left li a {display: block;line-height: 70px;vertical-align: middle;font-size:16px;font-weight:700;padding:0 12px;text-decoration: none;letter-spacing: 1px;}

body.lightClass .menu-left li.current_page_item a, 
body.lightClass .menu-left li.current-menu-item a {color:#4672D6 !important;}
body.lightClass .menu-left li a {color: #495057;}
body.lightClass .menu-left li a:hover {color: #4672D6;}
body.lightClass .menu-left li a i {color:#ADB5BD}
body.darkClass .menu-left li.current_page_item a, 
body.darkClass .menu-left li.current-menu-item a {color:#FFF !important;}
body.darkClass .menu-left li a {color: #77838f;}
body.darkClass .menu-left li a:hover {color: #FFFFFF;}
body.darkClass .menu-left li a i {color:#ADB5BD}


/* Language switcher button + tooltip */
.lang-switcher { position: relative; }
.lang-switcher-btn { line-height: 70px; vertical-align: middle; font-size: 18px; padding: 0 12px; border: 0; background: transparent; cursor: pointer; display: block; outline: none; }
body.lightClass .lang-switcher-btn { color: #495057; }
body.lightClass .lang-switcher-btn:hover { color: #4672D6; }
body.darkClass .lang-switcher-btn { color: #77838f; }
body.darkClass .lang-switcher-btn:hover { color: #FFFFFF; }

.lang-switcher-tooltip { display: none; position: absolute; top: calc(100% - 8px); left: 50%; transform: translateX(-50%); min-width: 80px; border-radius: 6px; padding: 6px 0; z-index: 9999; box-shadow: 0 4px 12px rgba(0,0,0,.15); }
.lang-switcher-tooltip li {float:none !important;}
.lang-switcher-tooltip li a {line-height:140% !important; }
.lang-switcher-tooltip.is-open { display: block; }
.lang-switcher-tooltip::before,
.lang-switcher-tooltip::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); border-style: solid; }
.lang-switcher-tooltip::before { top: -7px; border-width: 0 7px 7px; }
.lang-switcher-tooltip::after  { top: -6px; border-width: 0 6px 6px; }
body.lightClass .lang-switcher-tooltip { background: #fff; border: 1px solid #E9ECEF; }
body.lightClass .lang-switcher-tooltip::before { border-color: transparent transparent #E9ECEF; }
body.lightClass .lang-switcher-tooltip::after  { border-color: transparent transparent #fff; }
body.darkClass .lang-switcher-tooltip { background: #2c3137; border: 1px solid #3e4549; }
body.darkClass .lang-switcher-tooltip::before { border-color: transparent transparent #3e4549; }
body.darkClass .lang-switcher-tooltip::after  { border-color: transparent transparent #2c3137; }

.lang-switcher-tooltip ul { list-style: none; margin: 0; padding: 0; }
.lang-switcher-tooltip li a { display: block !important; padding: 6px 16px !important; text-decoration: none !important; font-size: 14px !important; font-weight: 600 !important; white-space: nowrap !important; }
body.lightClass .lang-switcher-tooltip li a { color: #495057; }
body.lightClass .lang-switcher-tooltip li a:hover { color: #4672D6; background: #F8F9FA; }
body.lightClass .lang-switcher-tooltip li.is-active a { color: #4672D6; }
body.darkClass .lang-switcher-tooltip li a { color: #ADB5BD; }
body.darkClass .lang-switcher-tooltip li a:hover { color: #FFFFFF; background: #343A40; }
body.darkClass .lang-switcher-tooltip li.is-active a { color: #FFFFFF; }


/* Beta sticker */
.beta {position:relative !important;}
/*
.beta:after {content:"Beta" !important;position:absolute !important;top:-5px !important;right:-10px !important;font-size:8px !important;color:#fff !important;background-color:#EE835B !important;border-radius:3px !important;padding:4px 6px !important;z-index:2 !important;text-transform: uppercase !important;font-weight: 600 !important;}*/
/* MEnu Member/Connect*/
.menu-right {float:right;padding-right:50px;position: relative;}
.menu-right li {float:left;position: relative;}
.menu-right li a {line-height: 70px;vertical-align: middle;font-size:16px;padding:0 12px;text-decoration: none;font-weight:700;}
.menu-right li a:hover, .menu-right li.current_page_item a {color: #4672D6;}
.menu-right li:last-child button {padding-right:0;}
.menu-right li.user-close a {color:#FD3261}
.menu-right li.srch a {color:#4672D6}
.menu-right li.dkmode button {line-height: 70px;vertical-align: middle;font-size:18px;padding:0 12px;color:#4975D3;text-decoration: none;font-weight:700;border:0;background-color: transparent;display: block;outline:none;}

body.lightClass .menu-right li a {color: #495057;}
body.lightClass .menu-right li a:hover {color: #4672D6;}
body.lightClass .menu-right li a i {color:#ADB5BD}
body.darkClass .menu-right li a {color: #77838f;}
body.darkClass .menu-right li a:hover {color: #FFFFFF;}
body.darkClass .menu-right li a i {color:#ADB5BD}


/* Language picker */
.languagepicker {float:right;display: inline-block;padding: 0;height: 40px;overflow: hidden;transition: all .3s ease;margin: 12px 20px 10px 0;vertical-align: top;z-index:9999;}
.languagepicker:hover {height: 81px;}
.languagepicker a {color: #000;text-decoration: none;}
.languagepicker li {display: block;padding: 0 10px;line-height: 40px;border-top: 1px solid #cdd6dd;vertical-align: middle}
.languagepicker img {height:20px;vertical-align: middle}
.languagepicker:hover{background-color: #E9ECEF;}
.languagepicker a:first-child li {border: none;}
.roundborders {border-radius: 5px;}
/* Mobile menu + Search */
.header-inner .bt-mob {display: none;float:right;height:70px;vertical-align: middle;line-height: 70px;font-size: 24px;color: #4672D6;margin:0 0 0 10px;}
.header-inner .bt-mob-search {display: none;float:right;height:70px;vertical-align: middle;line-height: 70px;font-size: 24px;color: #4672D6;margin:0 0 0 10px;}
.header-inner .bt-mob-acc {display: none;float:right;height:70px;vertical-align: middle;line-height: 70px;font-size: 24px;color: #4672D6;}
.mobile-menu {display: none;position:absolute;top:70px;left:0;width: 100%;background-color:#FFFFFF;z-index:99;border-bottom: 3px solid #ADB6BD}
.mobile-menu li {border-top:3px solid #E9ECEF;}
.mobile-menu li:last-child {border-bottom:0;}
.mobile-menu li a {display:block;color: #495057;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-decoration: none;padding:1em 30px;margin:0 auto;font-weight:700;font-size:1em;}
.mobile-menu li a:before {content:"•";color:#ADB6BD;padding-right:10px;}
.mobile-menu li a:hover {background-color: #fff;color:#4672D6;}