.videowrapper { float: none; clear: both; width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; } .videowrapper iframe, .videowrapper video, .videowrapper object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* sticky sidebar */ .sidebar{ will-change: min-height; } .inner-wrapper-sticky{ transform: translate(0, 0); /* For browsers don't support translate3d. */ transform: translate3d(0, 0, 0); will-change: position, transform; } .sidebar-area { flex-basis: 25%; flex-grow: 0; flex-shrink: 0; padding-top: var(--gutters); overflow-x: hidden; overflow-y: hidden; } .sidebar-left { padding-left: 30px; } .sidebar-right { padding-right: 30px; } body .sidebar-icon { border-color: #fff; } body .sidebar-icon:after { background: rgba(255, 255, 255, .85); } .sidebar-bg { position: relative; } .sidebar-bg:after { content: ""; position: absolute; height: 100%; width: 50vw; top: 0; left: 0; z-index: -1; } .widget .menu li { color: white; } #secondary { flex-basis: 25%; flex-grow: 0; flex-shrink: 0; padding-top: 15px; padding-top: var(--gutters); } #secondary .widget, #secondary .menu li { color: #191919; color: var(--main-text-color); } #secondary .menu .current-menu-item > .menu-item-link, #secondary .menu .menu-item-link.focus { color: #007eac; color: var(--highlight); } .sidebar-template.container #secondary .widget { padding-right: 0; } .sidebar-template.sidebar-left.container #secondary .widget { padding-left: 0; padding-right: 15px; padding-right: var(--gutters); } .widget h2 { margin-top: 0; } .widget ul { list-style: none; padding: 0; margin: 0; } .widget .menu li a { flex-grow: 0; } .widget .menu li .menu-item-link { padding-left: 0; } .menu, .menu > ul { padding: 0; list-style: none; margin: 0; } .no-js .menu-item[focus-within] > .sub-menu { display: block !important; } .no-js .menu-item:focus-within > .sub-menu { display: block !important; } .menu, .menu > ul { display: flex; flex-direction: column; } .menu li, .menu > ul li { position: relative; margin: 0; } .menu li .menu-item-link, .menu > ul li .menu-item-link { padding: 5px 15px; display: flex; align-items: flex-start; transition: all 0.5s; } .menu li .menu-item-link a, .menu > ul li .menu-item-link a { padding: 0; } .menu li a, .menu > ul li a { text-decoration: none; outline: none; cursor: pointer; display: block; flex-grow: 1; flex-shrink: 0; font-size: inherit; } .menu li .submenu-dropdown-toggle, .menu > ul li .submenu-dropdown-toggle { padding-left: 10px; padding-right: 0; display: inline-block; color: white; text-align: right; top: 4px; position: relative; } .menu .sub-menu, .menu .children, .menu > ul .sub-menu, .menu > ul .children { list-style: none; margin: 0; display: none; overflow: hidden; width: auto; white-space: nowrap; padding: 0; } .menu .sub-menu .menu-item-link, .menu .children .menu-item-link, .menu > ul .sub-menu .menu-item-link, .menu > ul .children .menu-item-link { padding-left: 30px; } .menu .current-menu-item > .sub-menu, .menu > ul .current-menu-item > .sub-menu { display: block; } @media (min-width: 800px) { .horizontal-menu .top-level-item:last-child > .menu-item-link { padding-right: 0; } .horizontal-menu .top-level-item:first-child > .menu-item-link { padding-left: 0; } .horizontal-menu .menu, .horizontal-menu .menu > ul { display: flex; flex-wrap: wrap; align-items: stretch; flex-direction: row; height: 100%; } .horizontal-menu .menu .top-level-item > .menu-item-link, .horizontal-menu .menu > ul .top-level-item > .menu-item-link { display: flex; height: 100%; align-items: center; align-items: var(--desktop-menu-alignment); } .horizontal-menu .menu .top-level-item > .sub-menu, .horizontal-menu .menu .top-level-item > .children, .horizontal-menu .menu > ul .top-level-item > .sub-menu, .horizontal-menu .menu > ul .top-level-item > .children { position: absolute; z-index: 10; top: 100%; left: 50%; transform: translate(-50%, 0); display: block; } .horizontal-menu .menu .top-level-item > .sub-menu a, .horizontal-menu .menu .top-level-item > .children a, .horizontal-menu .menu > ul .top-level-item > .sub-menu a, .horizontal-menu .menu > ul .top-level-item > .children a { flex-shrink: 1; } .horizontal-menu .menu .sub-menu .menu-item-link, .horizontal-menu .menu > ul .sub-menu .menu-item-link { padding: 3px 15px; } .horizontal-menu .menu .sub-menu .sub-menu, .horizontal-menu .menu > ul .sub-menu .sub-menu { display: none; position: relative; padding: 0; transition: none; } .horizontal-menu .menu .sub-menu .sub-menu a, .horizontal-menu .menu > ul .sub-menu .sub-menu a { padding-left: 10px; } } @media (max-width: 800px) { .horizontal-menu .menu, .horizontal-menu .menu > ul { display: flex; flex-direction: column; } .horizontal-menu .menu li, .horizontal-menu .menu > ul li { position: relative; margin: 0; } .horizontal-menu .menu li .menu-item-link, .horizontal-menu .menu > ul li .menu-item-link { padding: 5px 15px; display: flex; align-items: flex-start; transition: all 0.5s; } .horizontal-menu .menu li .menu-item-link a, .horizontal-menu .menu > ul li .menu-item-link a { padding: 0; } .horizontal-menu .menu li a, .horizontal-menu .menu > ul li a { text-decoration: none; outline: none; cursor: pointer; display: block; flex-grow: 1; flex-shrink: 0; font-size: inherit; } .horizontal-menu .menu li .submenu-dropdown-toggle, .horizontal-menu .menu > ul li .submenu-dropdown-toggle { padding-left: 10px; padding-right: 0; display: inline-block; color: white; text-align: right; } .horizontal-menu .menu .sub-menu, .horizontal-menu .menu .children, .horizontal-menu .menu > ul .sub-menu, .horizontal-menu .menu > ul .children { list-style: none; margin: 0; display: none; overflow: hidden; width: auto; white-space: nowrap; padding: 0; } .horizontal-menu .menu .sub-menu .menu-item-link, .horizontal-menu .menu .children .menu-item-link, .horizontal-menu .menu > ul .sub-menu .menu-item-link, .horizontal-menu .menu > ul .children .menu-item-link { padding-left: 30px; } .horizontal-menu .menu .current-menu-item > .sub-menu, .horizontal-menu .menu > ul .current-menu-item > .sub-menu { display: block; } } .site-top { z-index: 80; z-index: var(--z-index-menu); width: 100%; position: relative; left: 0; top: 0; } .site-top .site-top-container { height: 100%; } .site-navigation { flex-wrap: wrap; position: relative; justify-content: center; height: 100%; } .site-navigation .site-navigation__nav-holder { display: flex; justify-content: flex-end; } .site-navigation .site-logo a + a { display: none; } .site-navigation .site-logo a { transition: all 0.5s; } .site-navigation .site-logo h1, .site-navigation .site-logo p { font-size: inherit; } @media (max-width: 800px) { .site-navigation .site-navigation__nav-holder { display: none; } } .site-logo { display: flex; align-items: center; justify-content: center; text-transform: capitalize; } .site-logo a { color: inherit; } .site-logo svg { max-width: 100%; height: auto; } .site-logo h1, .site-logo p { margin: 0; } .site-logo__link, .site-title a, .custom-logo-link { display: flex; text-decoration: none; justify-content: center; align-items: center; } .site-logo__link img, .site-title a img, .custom-logo-link img { display: block; } @media (min-width: 800px) { .logo-left .site-logo { justify-content: left; } .logo-right .site-logo, .logo-center-under .site-logo { order: 2; } .logo-center .site-navigation, .logo-center-under .site-navigation { flex-direction: column; align-items: center; } .no-logo .site-logo { display: none; } .logo-in-middle > .site-logo, .logo-in-middle > .container .logo-in-middle { display: none; } .logo-in-middle .site-navigation__nav-holder { justify-content: center; } .logo-in-middle .site-navigation > .site-logo { display: none; } .logo-right .site-navigation__nav-holder { justify-content: flex-start; } } #panel-left .site-navigation__nav-holder .site-logo { display: none; } #panel-left .site-navigation__nav-holder { min-width: 300px; min-width: var(--panel-left-width); overflow: auto; max-height: 90vh; padding-bottom: 30px; padding-bottom: var(--gap); } @media (max-width: 500px) { .app-menu #panel-left { transition: none; transform: translate(0, 0); width: 100%; z-index: calc(80 - 1); z-index: calc(var(--z-index-menu) - 1); } .app-menu #panel-left .menu-item-link a { max-width: 40vw; } .app-menu #panel-left .site-navigation__nav-holder { margin-top: 20vh; } .app-menu #page { background: white; transition: transform 0.5s; } .app-menu.menu-open #page { border-radius: 5px; transform: translate(50vw, -2vh) scale(0.75); box-shadow: -3px 0 10px rgba(0, 0, 0, 0.5); overflow: hidden; height: 100vh; } .app-menu.menu-open #panel-left { height: 100vh; overflow: auto; } .app-menu.menu-open #panel-left { height: calc(100vh - 46px); } .mobile-menu-body-lock { overflow: hidden; height: 100vh; width: 100vw; } .mobile-menu-body-lock .site-container { height: 100%; } } .body-lock { overflow: hidden; height: 100vh; width: 100vw; } .body-lock .site-container { height: 100%; } @supports (-webkit-touch-callout: none) { .app-menu.menu-open #page { transform: translate(50vw, -5vh) scale(0.75); } } #panel-left:empty ~ .panel-left-toggle, #panel-left:empty ~ #page .panel-left-toggle { display: none; } @media (max-width: 1230px) { #panel-left:not(:empty) ~ .site .site-top .container { padding-left: 52px; } } #panel-left:not(:empty) ~ .site .site-top .container-fluid { padding-left: 52px; } @media (max-width: 800px) { .site-top .container, .site-top .container-fluid { padding: 0 52px; } } #panel-left { overflow: auto; } .menu-open #panel-left, #panel-left.open { flex-basis: 300px; flex-basis: var(--panel-left-width); flex-shrink: 0; transform: translate(0, 0); } @media (min-width: 800px) { #panel-left.stay-open { flex-basis: 300px; flex-basis: var(--panel-left-width); flex-shrink: 0; transform: translate(0, 0); } #panel-left.stay-open ~ .panel-left-toggle, #panel-left.stay-open ~ .site .panel-left-toggle { display: none; } } @media (max-width: 500px) { #panel-left { position: absolute; height: 100%; left: 0; transform: translate(-100%, 0); } } .panel-left-toggle { position: absolute; border: none; box-shadow: none; z-index: 99; cursor: pointer; will-change: transform; line-height: 0; left: 0; top: 0; bottom: 0; margin: 0; padding: 0 15px; outline: none; transition: all 0.5s; background: rgba(0, 0, 0, 0.52); } .panel-left-toggle:focus { outline: none; } .site-top .panel-left-toggle { height: 100%; } .navigation-menu-icon { font-size: 3rem; } .navigation-menu-icon .icon-regular { position: relative; display: block; border-radius: 0.5px; width: 25px; height: 25px; } .navigation-menu-icon .icon-regular:before, .navigation-menu-icon .icon-regular:after { content: ""; position: absolute; left: 0; top: 30%; height: 3px; width: 100%; background: white; transition: all 0.5s; outline: none; border-radius: inherit; } .navigation-menu-icon .icon-regular:after { bottom: 30%; top: auto; } .panel-left-toggle.toggled-on .navigation-menu-icon .icon-regular { height: 25px; width: 25px; } .panel-left-toggle.toggled-on .navigation-menu-icon .icon-regular:before { transform: rotate(45deg); top: 45%; } .panel-left-toggle.toggled-on .navigation-menu-icon .icon-regular:after { transform: rotate(-45deg); bottom: 42%; } .panel-right-toggle { z-index: 99; z-index: var(--z-index-top); position: absolute; right: 0; top: 0; line-height: 0; border: none; padding: 0 15px; cursor: pointer; outline: none; font-size: 22px; } .panel-right-toggle:focus { outline: none; } .panel-right-toggle { color: white; background: transparent; } .sidebar-icon { border: 2px solid white; border-radius: 2px; position: relative; height: 1em; width: 1em; display: block; } .sidebar-icon:after { content: ""; width: 30%; background: white; height: 100%; position: absolute; right: 0; } #panel-right:empty ~ .panel-right-toggle { display: none; } @media (max-width: 1230px) { #panel-right:not(:empty) ~ .site .site-top .container { padding-right: 52px; } } #panel-right:not(:empty) ~ .site .site-top .container-fluid { padding-right: 52px; } #panel-right.open:not(:empty) { flex-basis: 350px; flex-basis: var(--panel-right-width); flex-shrink: 0; } @media (min-width: 1030px) { #panel-right.stay-open { flex-basis: 350px; flex-basis: var(--panel-right-width); flex-shrink: 0; transform: translate(0, 0); } #panel-right.stay-open ~ .panel-right-toggle { display: none; } } @media (max-width: 1030px) { #panel-right { position: absolute; height: 100%; right: 0; top: 0; padding-top: 50px; z-index: 90; width: 0; } #panel-right.open { width: 350px; width: var(--panel-right-width); } } @media (min-width: 1200px) { .sidebar-template.container .container-content > .alignfull { margin-right: 0; margin-left: 0; } .sidebar-template.align-content-left .container-content > *:not(.alignfull):not(.full-width), .sidebar-template.align-content-left.container-content > *:not(.alignfull):not(.full-width) { margin-left: 0; } } .sidebar-template { display: flex; flex-grow: 1; } @media (max-width: 1000px) { .sidebar-template { display: block; } } #secondary:empty, .sidebar-holder:empty, .secondary:empty { display: none; } #secondary:empty:after, .sidebar-holder:empty:after, .secondary:empty:after { content: ""; } .sidebar-left #secondary { order: 0; } .sidebar-left #primary { order: 1; } .sidebar-left .sidebar-bg:after { left: auto; right: 0; } .sidebar-left .sidebar-holder { float: right; } .sidebar-holder { position: relative; } #secondary .sidebar-holder { height: 100%; display: block; } .js .sidebar-template.header-above:not(.active) #secondary { display: none; } .js .sidebar-template.header-above:not(.active) .container, .js .sidebar-template.header-above:not(.active) .container-fluid { max-width: 100%; padding: 0; } #panel-right .sidebar-holder { height: 100%; overflow: auto; overflow-x: hidden; min-width: 350px; min-width: var(--panel-right-width); -webkit-overflow-scrolling: touch; scroll-behavior: smooth; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { :root { --flex-gap: calc(var(--grid-gap) / 2); } .site-footer { min-height: 1px; } .cover-image, .background-image { background-size: cover; background-repeat: no-repeat; background-position: center; } .no-objectfit .cover-image { min-height: 300px; background-repeat: none; } .no-objectfit .background-image img, .no-objectfit .cover-image img { display: none; } }