@charset "utf-8"; @import "../initial"; .dropdowns{ z-index: 1; } .kenjohn{ position: absolute; width: 100%; } .navFixed .header-nav, .navRel .header-nav { color: #000; } .header-nav { text-align: center; z-index: 1; padding: 1em 0.5em!important; color: #fff; font-family: $main-font; text-transform:uppercase; @media (min-width: 769px) { display: none!important; } @media (min-width: $screen-sm){ display: flex; justify-content: center; } & > * { display: inline-block; margin-top: 0; margin-bottom: 0; font-size: 0.8em; color: $theme-color-main; } a { color: #fff; text-decoration: none; padding: 5px; @media (min-width: $screen-sm){ text-shadow: 1px 1px 1px #0000008c; } } } a#content{ color: inherit !important; position: relative; margin: 0; z-index: 1000; } .layout-content-inner.container{ margin-top: -25px; } .layout-header .header-banner{ .w-ba-banner{ .ad-overlay{ .kennav{ a{ padding: 0.5em; } @media(max-width: $screen-sm){ display: none; } a{ &:hover{ text-decoration: underline; color: #fff!important; } } } .kenmenu{ display: flex; width: 100%; justify-content: center; .navbar-nav>li{ padding: 0.5em; margin: 0.5em; border: 1px solid #ddd; border-left: none; border-right: none; .modules-menu-level-1{ display: none; } &:hover{ .modules-menu-level-1{ display: block; transition-duration: opacity 0.3s cubic-bezier(0.48, 0.01, 0.5, 0.99),visibility 0.1s linear; background-color: #fffffff2; position: absolute; box-shadow: 2px 2px 5px #00000033; padding: 1em; li{ padding: 0.5em; &:hover{ span { color:#288e8e!important; text-decoration: underline; } } } } } } @media(max-width: $screen-sm){ display: none; } span{ &:hover{ color: #288E8E!important; } } } } &,& .jp-jplayer{ @media(min-width:1801px){ .ad-overlay{ bottom: 50%; position: absolute; } } @media screen and (min-width:1451px) and (max-width:1800px){ .ad-overlay{ bottom: 40%; position: absolute; } } @media screen and (min-width:1281px) and (max-width:1450px){ .ad-overlay{ bottom: 50%; position: absolute; } } @media screen and (min-width:1026px) and (max-width:1280px){ .ad-overlay{ bottom: 30%; position: absolute; } } @media screen and (min-width:$screen-xs) and (max-width:1025px){ .ad-overlay{ bottom: 50%; position: absolute; } } @media(max-width: $screen-xs){ .ad-overlay{ top: 17%; position: absolute; } } @media screen and (min-width: 769px){ height: 100vh!important; } @media screen and(min-width:$screen-xs) and (max-width:768px){ height: 1000px!important; } @media screen and (max-width: $screen-xs){ height: 720px!important; } } } .jp-jplayer{ position: fixed; } .jp-video.hide-ui [id^="jp_video_"]{ cursor: context-menu; } .jp-video, .jp-video > div, .jp-video img{ @media(max-width: $screen-xs){ height: 760px!important; } } .jplayer_slide{ @media(max-width: $screen-xs){ height: 760px!important; } } [id^="jp_video_"]{ height: auto !important; width: auto !important; min-height: 100%; min-width: 100%; max-width: none !important; } .ad-overlay{ background: none; visibility: visible!important; text-align: center!important; } } .layout-header { position: relative; margin-bottom: 0; border: none; border-radius: 0; border-bottom: 1px solid #e8e8e8; color: #fff; height: auto; .button-mid{ display: none; } .container { @extend .response-container; } .header-banner { overflow: hidden; } .jp-audio, .jp-audio-stream, .jp-video{ border: 0px; } .navbar-header { padding: 0; margin: 0; height: 75px; @media (max-width: 768px) { position:relative!important; } @media (min-width: $screen-sm) { height: 150px; margin:0; padding: 0; line-height: 3.75em; font-size: 1em; display: flex; } .navbar-brand { margin: 0; padding-bottom: 0; line-height: 2.125em; color: $theme-color-main; font-size: 0.6em; font-family: $main-font; @media (max-width: $screen-sm) { height: 5em; display: none; } @media (min-width: 769px){ display: none; } @media (max-width: 480px) { margin: 0; } .default_site_h1{ width:100%!important; } .site-logo{ width:100%!important; } @media(min-width:1900px){ width: 225px; margin-top: -12px; } @media screen and (min-width:1025px) and (max-width:1899px){ width: 181px; margin-top: -3px; } @media screen and (min-width:769px) and (max-width:1025px){ width: 150px; margin-top: -5px; } @media screen and (min-width:$screen-xs) and (max-width:769px){ width: 146px !important; } @media screen and (max-width:$screen-xs){ width: 110px !important; margin-top: 3px; } } .navbar-brand:nth-child(2){ @media(min-width:1900px){ width: 330px!important; margin-top: -14px; } @media screen and (min-width:1025px) and (max-width:1899px){ width: 261px!important; margin-top: -5px; } @media screen and (min-width:769px) and (max-width:1025px){ width: 200px!important; } @media screen and (min-width:$screen-xs) and (max-width:769px){ width: 200px!important; } @media screen and (max-width:$screen-xs){ width: 150px !important; } } } } .navbar-toggle { padding: 0.875em 0.625em; margin-top: 1em; @media(min-width: 769px){ margin-top: 1.8em; } .icon-bar { background-color: #fff; } &.collapsed { .icon-bar-top { top: 0; -webkit-transform: rotate(0); transform: rotate(0); } .icon-bar-middle { opacity: 1; } .icon-bar-bottom { top: 0; -webkit-transform: rotate(0); transform: rotate(0); } } // icon bar animation .icon-bar { transition: .2s all; position: relative; } .icon-bar-top { top: 0.375em; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .icon-bar-middle { opacity: 0; } .icon-bar-bottom { top: -0.375em; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } @media(max-width: 769px){ position: absolute; right: 0; } } .outdropdowns{ width:100%; } .navFixed{ .site-trigger__text{ text-shadow: none!important; } .navbar-toggle .icon-bar{ box-shadow:none!important; } .home-menu{ @media(min-width: 769px){ display: block!important; } } position: fixed!important; top: auto; //top:2.5em; .dropdowns{ @media (min-width: 769px) { justify-content:center!important; } } .navbar-brand{ display: block!important; } .site-trigger__text{ color: #333; top: -0.32em; right: 1em; } } .internal-page .kenjohn.navRel,.navRel { position: relative!important; top: 0; } .navFixed,.navRel { //flex-wrap:wrap-reverse; flex-direction: column; display: flex; .navbar-header{ display: flex!important; } .header-nav{ @media(min-width: 480px){ display: flex!important; } } .layout-header .header-nav a{ text-shadow: none; } z-index: 10; left: 0; background-color: #fff; margin-top: 0; min-width: 100%; opacity: 0.98; transition: opacity .5s ease-out; .collapse{ flex: 0 0 62%; @media screen and (min-width:1025px) and (max-width:1599px){ flex: 0 0 65%; } @media(min-width: 1900px){ flex: 0 0 65%; } } @media(min-width: 769px){ .dropdowns{ display: flex; //flex-direction: row-reverse; } } .navbar-header{ @media screen and (min-width:769px) { height: 78px; width: 35%; justify-content: center; margin-bottom: 1em; } @media (min-width: 1900px){ height: 90px; } } @media screen and (max-width:820px) { .navbar-header{ height: 75px; margin-bottom: 1em; width: 100%; } } .modules-menu .modules-menu-level-0 > li > a{ color: #333; text-shadow: none; } .header-nav{ background: #e7e8ea; padding:0.5em !important; } .header-nav a{ text-shadow:none; color: #333333; } .navbar-toggle .icon-bar{ background-color: #333; } .modules-menu .modules-menu-level-0 > li:hover .modules-menu-level-1{ @media (min-width: $screen-sm){ visibility: visible; max-height: 65%; verflow-y: scroll; border-radius: 0.5em; opacity: 1; padding:1em 5% 3em; transition-duration: opacity 0.3s cubic-bezier(0.48, 0.01, 0.5, 0.99),visibility 0.1s linear; &::-webkit-scrollbar { display: none; } -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } } .navbar-header .navbar-brand{ @media(max-width: 769px){ display: block!important; } } .navbar-toggle{ position: absolute; right: 0; } } .navbar-toggle{ display: block!important; @media(min-width: 769px){ margin-right: 2em; width: 150px; } } .header-nav{ } .outdropdowns{ } .nav-menu{ display:flex!important; float: right; li{ padding: 1em 0; &:hover{ background-color: #C40516; a{ color: #FFFFFF; } } } } .nav{ font-family: "Industry_Demi", Sans-serif; font-size: 11px; font-weight: 600; text-transform: uppercase; padding: 1em 0; &:hover{ background-color: #e4002b; color: #fff; } } .navone ::before{ content: ''; position: absolute; background: url("/assets/account-icon.png") no-repeat; width: 23px; height: 23px; left: -10px; top: 10px; display: inline-block; left: 5px; } .mobile-menu .collapse.navbar-collapse.modules-menu{ @media(min-width: 769px){ overflow-y: scroll!important; height: 100%!important; padding: 0; } } .navbar-toggle .icon-bar{ @media(min-width: 769px){ right:-1em; } } .site-trigger__text{ font-weight: bold; @media(min-width: 769px){ position: absolute; top: 1em; right: 1em; text-shadow: 2px 2px 4px #00000080; font-size: 1.5em; } @media(max-width: 768px){ display: none; } }