OwlCyberSecurity - MANAGER
Edit File: header-map.css
/* ========================================================================== Header styles - begin ========================================================================== */ /* ========================================================================== Header styles - begin ========================================================================== */ .eltdf-page-header { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 0; padding: 0; z-index: 110; -webkit-box-sizing: border-box; box-sizing: border-box; /* ========================================================================== #General header layout - start ========================================================================== */ /* ========================================================================== #General header layout - end ========================================================================== */ /* ========================================================================== #Logo area styles - start ========================================================================== */ /* ========================================================================== #Logo area styles - end ========================================================================== */ /* ========================================================================== #Menu area styles - start ========================================================================== */ /* ========================================================================== #Menu area styles - end ========================================================================== */ /* ========================================================================== #Specific styles - start ========================================================================== */ /* ========================================================================== #Specific styles - end ========================================================================== */ } .eltdf-page-header a img { display: block; } .eltdf-page-header p { margin: 0; } .eltdf-page-header .eltdf-vertical-align-containers { padding: 0 30px; } .eltdf-paspartu-enabled .eltdf-page-header .eltdf-vertical-align-containers { padding: 0; } .eltdf-page-header .eltdf-header-line { position: absolute !important; left: 0; top: 100%; height: 0; border-top: 1px solid #525252; -webkit-transition: width 0.4s, left 0.6s cubic-bezier(0.25, 0.1, 0.11, 0.99); -o-transition: width 0.4s, left 0.6s cubic-bezier(0.25, 0.1, 0.11, 0.99); transition: width 0.4s, left 0.6s cubic-bezier(0.25, 0.1, 0.11, 0.99); } @media only screen and (max-width: 680px) { .eltdf-page-header .eltdf-header-line { display: none; } } .eltdf-page-header .eltdf-grid { height: 100%; } .eltdf-page-header .eltdf-grid .eltdf-vertical-align-containers { padding: 0; -webkit-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .eltdf-page-header .eltdf-logo-area { position: relative; height: 114px; overflow: hidden; background-color: #fff; } .eltdf-page-header .eltdf-logo-area .eltdf-logo-wrapper a { max-height: 114px; } .eltdf-page-header .eltdf-menu-area { position: relative; height: 114px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-boxed .eltdf-page-header .eltdf-menu-area { padding: 0; } .eltdf-page-header .eltdf-menu-area .eltdf-logo-wrapper a { max-height: 114px; } .eltdf-page-header .eltdf-menu-area .widget { display: inline-block; vertical-align: middle; margin: 0; } .eltdf-logo-area-border-disable .eltdf-page-header .eltdf-logo-area { border: none; } .eltdf-logo-area-in-grid-border-disable .eltdf-page-header .eltdf-logo-area .eltdf-grid .eltdf-vertical-align-containers { border: none; } .eltdf-header-logo-area-in-grid-padding .eltdf-page-header .eltdf-logo-area .eltdf-vertical-align-containers { padding: 0 25px; } .eltdf-menu-area-shadow-disable .eltdf-page-header .eltdf-menu-area { -webkit-box-shadow: none; box-shadow: none; } .eltdf-menu-area-shadow-disable .eltdf-page-header .eltdf-menu-area .eltdf-grid .eltdf-vertical-align-containers { -webkit-box-shadow: none; box-shadow: none; } .eltdf-menu-area-border-disable .eltdf-page-header .eltdf-menu-area { border: none; } .eltdf-menu-area-in-grid-border-disable .eltdf-page-header .eltdf-menu-area .eltdf-grid .eltdf-vertical-align-containers { border: none; } .eltdf-header-logo-area-in-grid-padding .eltdf-page-header .eltdf-menu-area .eltdf-vertical-align-containers { padding: 0 25px; } /* ========================================================================== #Light header - begin ========================================================================== */ .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-logo-wrapper .eltdf-light-logo { opacity: 1; } .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-logo-wrapper .eltdf-normal-logo, .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-logo-wrapper .eltdf-dark-logo { opacity: 0; } .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-menu-area { color: #fff !important; } .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-menu-area .widget { color: #fff !important; } .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-menu-area .widget p, .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-menu-area .widget a, .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-menu-area .widget span, .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-menu-area .widget i, .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-menu-area .widget .widgettitle { color: #fff !important; } .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-menu-area .widget a:hover { color: #fff !important; } .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header).eltdf-menu-area { color: #fff !important; } .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header).eltdf-menu-area .widget { color: #fff !important; } .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header).eltdf-menu-area .widget p, .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header).eltdf-menu-area .widget a, .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header).eltdf-menu-area .widget span, .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header).eltdf-menu-area .widget i, .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header).eltdf-menu-area .widget .widgettitle { color: #fff !important; } .eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header).eltdf-menu-area .widget a:hover { color: #fff !important; } /* ========================================================================== #Light header - end ========================================================================== */ /* ========================================================================== #Dark header - begin ========================================================================== */ .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-logo-wrapper .eltdf-dark-logo { opacity: 1; } .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-logo-wrapper .eltdf-normal-logo, .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-logo-wrapper .eltdf-light-logo { opacity: 0; } .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-menu-area { color: #383838 !important; } .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-menu-area .widget { color: #383838 !important; } .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-menu-area .widget p, .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-menu-area .widget a, .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-menu-area .widget span, .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-menu-area .widget i, .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-menu-area .widget .widgettitle { color: #383838 !important; } .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-menu-area .widget a:hover { color: #383838 !important; } .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header).eltdf-menu-area { color: #383838 !important; } .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header).eltdf-menu-area .widget { color: #383838 !important; } .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header).eltdf-menu-area .widget p, .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header).eltdf-menu-area .widget a, .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header).eltdf-menu-area .widget span, .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header).eltdf-menu-area .widget i, .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header).eltdf-menu-area .widget .widgettitle { color: #383838 !important; } .eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header).eltdf-menu-area .widget a:hover { color: #383838 !important; } /* ========================================================================== #Dark header - end ========================================================================== */ /* ========================================================================== Header end - end ========================================================================== */ /* ========================================================================== Header logo styles - begin ========================================================================== */ .eltdf-logo-wrapper { display: inline-block; vertical-align: middle; line-height: 1; } .eltdf-logo-wrapper a { position: relative; display: inline-block; vertical-align: top; max-width: 100%; } .eltdf-logo-wrapper a img { height: 100%; width: auto; -webkit-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .eltdf-logo-wrapper a img.eltdf-normal-logo { opacity: 1; } .eltdf-logo-wrapper a img.eltdf-dark-logo { opacity: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .eltdf-logo-wrapper a img.eltdf-light-logo { opacity: 0; -webkit-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); } /* ========================================================================== Header logo styles - end ========================================================================== */ /* ========================================================================== Header main menu style - begin ========================================================================== */ .eltdf-main-menu { position: relative; display: inline-block; width: 100%; vertical-align: middle; height: 100%; width: auto; } .eltdf-main-menu ul { list-style: none outside none; margin: 0; padding: 0; text-align: left; } .eltdf-main-menu ul li { position: relative; display: inline-block; float: left; padding: 0; margin: 0; } .eltdf-main-menu ul li a { font-size: 13px; line-height: 24px; color: #939598; } .eltdf-main-menu ul li a i:before { margin: 0 7px 0 0; } .eltdf-main-menu ul li a .menu_icon_wrapper { position: relative; display: inline-block; vertical-align: top; } .eltdf-main-menu ul li a .eltdf-menu-featured-icon { position: relative; top: -4px; left: 5px; color: currentColor; font-size: 10px; margin: 0; } .eltdf-main-menu ul li a .eltdf-menu-featured-icon:before { margin: 0; } .eltdf-main-menu > ul { position: relative; display: inline-block; width: 100%; vertical-align: middle; height: 100%; } .eltdf-main-menu > ul > li { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .eltdf-main-menu > ul > li > a { position: relative; display: inline-block; width: 100%; vertical-align: top; padding: 0 20px; color: #525252; font-size: 13px; font-family: "EB Garamond"; text-transform: uppercase; line-height: 2.33em; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 500; letter-spacing: .235em; } .eltdf-main-menu > ul > li > a > span.item_outer { position: relative; display: block; } .eltdf-main-menu > ul > li > a > span.item_outer:before { display: inline-block; content: ""; position: absolute !important; left: 0; top: calc(100% - 1px); width: 100%; border-top: 1px solid #c9ab81; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.54, 0.32, 0.05, 0.96); transition: -webkit-transform 0.5s cubic-bezier(0.54, 0.32, 0.05, 0.96); -o-transition: transform 0.5s cubic-bezier(0.54, 0.32, 0.05, 0.96); transition: transform 0.5s cubic-bezier(0.54, 0.32, 0.05, 0.96); transition: transform 0.5s cubic-bezier(0.54, 0.32, 0.05, 0.96), -webkit-transform 0.5s cubic-bezier(0.54, 0.32, 0.05, 0.96); } .eltdf-main-menu > ul > li > a > span.item_outer .item_text { position: relative; display: inline-block; vertical-align: top; } .eltdf-main-menu > ul > li.eltdf-active-item > a > span.item_outer:before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .eltdf-main-menu > ul > li > a:hover > span.item_outer:before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .eltdf-main-menu > ul > li.has_sub > a .eltdf-menu-arrow { display: none; } .eltdf-light-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-main-menu > ul > li > a { color: #fff; } .eltdf-light-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-main-menu > ul > li > a:hover { color: #fff; } .eltdf-light-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-main-menu > ul > li.eltdf-active-item > a { color: #fff; } .eltdf-dark-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-main-menu > ul > li > a { color: #383838; } .eltdf-dark-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-main-menu > ul > li > a:hover { color: #383838; } .eltdf-dark-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-main-menu > ul > li.eltdf-active-item > a { color: #383838; } /* Narrow drop down styles ========================================================================== */ .eltdf-drop-down .second { position: absolute; display: block; left: -15px; top: 100%; visibility: hidden; overflow: hidden; opacity: 0; z-index: 10; -webkit-transition: top 0.15s ease-out; -o-transition: top 0.15s ease-out; transition: top 0.15s ease-out; } .eltdf-drop-down .second.eltdf-drop-down-start { visibility: visible; overflow: visible; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .eltdf-drop-down .second.right { right: -5px; left: auto; } .eltdf-drop-down .second .inner { position: relative; display: block; padding: 0; margin: 0; z-index: 997; -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.03); box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.03); } .eltdf-drop-down .second .inner ul li { display: block; float: none; height: auto; } .eltdf-drop-down .second .inner ul li .widget { width: 100%; margin: 0 !important; } .eltdf-drop-down .second .inner ul li a { display: block; float: none; margin: 0; padding: 7px 40px; font-family: "EB Garamond"; font-size: 21px; font-style: italic; font-weight: 300; line-height: 1.47em; letter-spacing: 0; color: #c9ab81; font-weight: 400; color: #5f5f5f; font-size: 17px; letter-spacing: .03em; } .eltdf-drop-down .second .inner ul li a > a { color: #c9ab81; } .eltdf-drop-down .second .inner ul li a .item_outer { position: relative; display: block; overflow: hidden; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: padding .2s ease-in-out; -o-transition: padding .2s ease-in-out; transition: padding .2s ease-in-out; } .eltdf-drop-down .second .inner ul li a:hover { color: #c9ab81; } .eltdf-drop-down .second .inner ul li a:hover .item_outer:before { left: 0; } .eltdf-drop-down .second .inner ul li.current-menu-ancestor > a, .eltdf-drop-down .second .inner ul li.current-menu-item > a { color: #c9ab81; } .eltdf-drop-down .second .inner ul li.current-menu-ancestor > a .item_outer:before, .eltdf-drop-down .second .inner ul li.current-menu-item > a .item_outer:before { left: 0; } .eltdf-drop-down .second .inner ul li.sub > a .item_outer:after { position: absolute; display: inline-block; vertical-align: middle; top: 1px; right: 0; content: '\f3d3'; font-family: 'Ionicons'; font-size: 17px; font-weight: normal; font-style: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .eltdf-drop-down .second .inner ul.right li a .item_outer { padding: 0 0 0 30px; } .eltdf-drop-down .second .inner ul.right li a .item_outer:before { content: '\f3d5'; font-family: 'Ionicons'; left: auto; right: -20px; -webkit-transition: right .2s ease-in-out; -o-transition: right .2s ease-in-out; transition: right .2s ease-in-out; } .eltdf-drop-down .second .inner ul.right li a:hover .item_outer { padding: 0 20px 0 10px; } .eltdf-drop-down .second .inner ul.right li a:hover .item_outer:before { left: auto; right: 0; } .eltdf-drop-down .second .inner ul.right li.current-menu-ancestor > a .item_outer, .eltdf-drop-down .second .inner ul.right li.current-menu-item > a .item_outer { padding: 0 20px 0 10px; } .eltdf-drop-down .second .inner ul.right li.current-menu-ancestor > a .item_outer:before, .eltdf-drop-down .second .inner ul.right li.current-menu-item > a .item_outer:before { left: auto; right: 0; } .eltdf-drop-down .second .inner ul.right li.sub > a .item_outer:after { right: auto; left: 0; content: "\f3d2"; } .eltdf-drop-down .second .inner ul.right li a { text-align: right; } .eltdf-drop-down .second .inner ul.right li ul { left: -100%; } .eltdf-drop-down li.left_position .second { left: 0; } .eltdf-drop-down li.right_position .second { left: auto; right: 0; } .eltdf-drop-down > ul > li:hover > .second { z-index: 20; } .eltdf-drop-down .narrow .second .inner ul { position: relative; display: inline-block; vertical-align: middle; background-color: #f8f8f8; padding: 28px 0 33px 0; } .eltdf-drop-down .narrow .second .inner ul li { width: 239px; } .eltdf-drop-down .narrow .second .inner ul li ul { position: absolute; left: 100%; top: -23px; height: auto; opacity: 0; overflow: hidden; z-index: 10; -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.03); box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.03); -webkit-transform: translateZ(0); -webkit-transition: opacity .4s ease-out; -o-transition: opacity .4s ease-out; transition: opacity .4s ease-out; } .eltdf-drop-down .narrow .second .inner ul li:hover ul { z-index: 20; opacity: 1; } .eltdf-drop-down .narrow .second .inner ul.right li ul { left: -100%; } /* Wide drop down styles ========================================================================== */ .eltdf-drop-down .wide .second .inner { background-color: #f8f8f8; text-align: center; } .eltdf-drop-down .wide .second .inner ul li a { padding: 8px 0 6px 0; } .eltdf-drop-down .wide .second .inner ul li ul { position: relative; display: block; top: 0; left: 0; visibility: visible; } .eltdf-drop-down .wide .second .inner ul li ul li:last-child a { padding-bottom: 0; } .eltdf-drop-down .wide .second .inner > ul { position: relative; display: inline-block; vertical-align: middle; padding: 37px 0 39px 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .eltdf-wide-dropdown-menu-content-in-grid .eltdf-drop-down .wide .second .inner > ul { width: 1100px; } @media only screen and (min-width: 1400px) { .eltdf-grid-1300.eltdf-wide-dropdown-menu-content-in-grid .eltdf-drop-down .wide .second .inner > ul { width: 1300px; } } @media only screen and (min-width: 1300px) { .eltdf-grid-1200.eltdf-wide-dropdown-menu-content-in-grid .eltdf-drop-down .wide .second .inner > ul { width: 1200px; } } @media only screen and (min-width: 1200px) { .eltdf-grid-1000.eltdf-wide-dropdown-menu-content-in-grid .eltdf-drop-down .wide .second .inner > ul { width: 1000px; } } @media only screen and (min-width: 1024px) { .eltdf-grid-800.eltdf-wide-dropdown-menu-content-in-grid .eltdf-drop-down .wide .second .inner > ul { width: 800px; } } .eltdf-drop-down .wide .second .inner > ul > li { float: left; width: 25%; margin: 0; padding: 0 26px; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-drop-down .wide .second .inner > ul > li:nth-child(4n+1) { clear: both; border-left: 0; } .eltdf-drop-down .wide .second .inner > ul > li > a { padding: 0 0 13px; color: #c9ab81; font-size: 17px; line-height: 1.1em; } .eltdf-drop-down .wide .second .inner > ul > li > a.no_link { cursor: default; } .eltdf-drop-down .wide .second .inner > ul > li > a .item_outer { padding: 0; overflow: inherit; } .eltdf-drop-down .wide .second .inner > ul > li > a .item_outer:before, .eltdf-drop-down .wide .second .inner > ul > li > a .item_outer:after { display: none; } .eltdf-drop-down .wide .second .inner > ul > li.current-menu-ancestor > a, .eltdf-drop-down .wide .second .inner > ul > li.current-menu-item > a { color: #c9ab81; } .eltdf-drop-down .wide.left_position .second .inner > ul, .eltdf-drop-down .wide.right_position .second .inner > ul { width: auto; white-space: nowrap; } .eltdf-drop-down .wide.left_position .second .inner > ul > li, .eltdf-drop-down .wide.right_position .second .inner > ul > li { float: none; display: inline-block; vertical-align: top; } .eltdf-drop-down .wide.left_position .second .inner > ul > li:nth-child(4n+1), .eltdf-drop-down .wide.right_position .second .inner > ul > li:nth-child(4n+1) { border-left: none; } .eltdf-drop-down .wide.left_position .second ul li, .eltdf-drop-down .wide.right_position .second ul li { width: 200px; } /* ========================================================================== Header main menu style - end ========================================================================== */ /* ========================================================================== Fixed header style - begin ========================================================================== */ .eltdf-page-header .eltdf-fixed-wrapper.fixed { position: fixed; top: 0; left: 0; width: 100%; -webkit-backface-visibility: hidden; border-bottom: 1px solid #ececec; } .eltdf-page-header .eltdf-fixed-wrapper.fixed .eltdf-btn .eltdf-btn-text { color: #525252; } .admin-bar .eltdf-page-header .eltdf-fixed-wrapper.fixed { top: 32px; } .eltdf-page-header .eltdf-fixed-wrapper.fixed .eltdf-menu-area { background-color: #fff; height: 60px; } /* ========================================================================== Fixed header style - end ========================================================================== */ /* ========================================================================== Header Centered style - begin ========================================================================== */ .eltdf-header-centered .eltdf-page-header .eltdf-logo-area { overflow: visible; z-index: 2; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-header-centered .eltdf-page-header .eltdf-menu-area { z-index: 1; } .eltdf-header-centered .eltdf-page-header .eltdf-menu-area .eltdf-vertical-align-containers .eltdf-position-center-inner { height: 100%; } .eltdf-header-centered .eltdf-page-header .eltdf-sticky-header .eltdf-position-left-inner { height: auto; } .eltdf-header-centered .eltdf-page-header .eltdf-sticky-header .eltdf-position-right-inner { height: 100%; } /* ========================================================================== Header Centered style - end ========================================================================== */ /* ========================================================================== Header Divided style - begin ========================================================================== */ .eltdf-header-divided .eltdf-page-header .eltdf-logo-wrapper a img { margin: 0 auto; } .eltdf-header-divided .eltdf-page-header .eltdf-menu-area { opacity: 0; } .eltdf-header-divided .eltdf-page-header .eltdf-menu-area .eltdf-grid { height: 100%; } .eltdf-header-divided .eltdf-page-header .eltdf-main-menu { width: auto; margin: 0; } .eltdf-header-divided .eltdf-page-header .eltdf-main-menu > ul > li > a span.item_inner { padding: 0 28px; } .eltdf-header-divided .eltdf-page-header .eltdf-vertical-align-containers { padding: 0; } .eltdf-header-divided .eltdf-page-header .eltdf-vertical-align-containers .eltdf-position-left { text-align: right; } .eltdf-header-divided .eltdf-page-header .eltdf-vertical-align-containers .eltdf-position-left .eltdf-divided-left-widget-area { display: inline-block; float: left; height: 100%; vertical-align: middle; } .eltdf-header-divided .eltdf-page-header .eltdf-vertical-align-containers .eltdf-position-left .eltdf-divided-left-widget-area .eltdf-divided-left-widget-area-inner { display: table; height: 100%; } .eltdf-header-divided .eltdf-page-header .eltdf-vertical-align-containers .eltdf-position-left .eltdf-divided-left-widget-area .eltdf-divided-left-widget-area-inner > * { display: table-cell; vertical-align: middle; } .eltdf-header-divided .eltdf-page-header .eltdf-vertical-align-containers .eltdf-position-left .eltdf-position-left-inner { height: 100%; text-align: left; padding-right: 50px; } .eltdf-header-divided .eltdf-page-header .eltdf-vertical-align-containers .eltdf-position-right { text-align: left; } .eltdf-header-divided .eltdf-page-header .eltdf-vertical-align-containers .eltdf-position-right .eltdf-divided-right-widget-area { display: inline-block; float: right; height: 100%; vertical-align: middle; } .eltdf-header-divided .eltdf-page-header .eltdf-vertical-align-containers .eltdf-position-right .eltdf-divided-right-widget-area .eltdf-divided-right-widget-area-inner { display: table; height: 100%; } .eltdf-header-divided .eltdf-page-header .eltdf-vertical-align-containers .eltdf-position-right .eltdf-divided-right-widget-area .eltdf-divided-right-widget-area-inner > * { display: table-cell; vertical-align: middle; } .eltdf-header-divided .eltdf-page-header .eltdf-vertical-align-containers .eltdf-position-right .eltdf-position-right-inner { height: 100%; padding-left: 50px; } .eltdf-header-divided .eltdf-page-header .eltdf-vertical-align-containers .eltdf-position-center { position: absolute; width: 100%; } .eltdf-header-divided .eltdf-page-header .eltdf-sticky-header .eltdf-position-center-inner { height: auto; } /* ========================================================================== Header Divided style - end ========================================================================== */ /*========================================================================== # Fullscreen menu style - begin ========================================================================== */ /* Fullscreen general style - begin ========================================================================== */ .eltdf-dark-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-fullscreen-menu-opener { color: #383838; } .eltdf-dark-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-fullscreen-menu-opener:hover, .eltdf-dark-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-fullscreen-menu-opener.eltdf-fm-opened { color: #383838; } .eltdf-light-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-fullscreen-menu-opener { color: #fff; } .eltdf-light-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-fullscreen-menu-opener:hover, .eltdf-light-header .eltdf-page-header > div:not(.eltdf-sticky-header):not(.fixed) .eltdf-fullscreen-menu-opener.eltdf-fm-opened { color: #fff; } .eltdf-empty-fs-menu-svg-close .eltdf-fullscreen-menu-opener.eltdf-fm-opened { visibility: hidden !important; } .eltdf-fullscreen-menu-opener { position: relative; display: inline-block; vertical-align: middle; } .eltdf-fullscreen-menu-opener .eltdf-fullscreen-menu-opener-icon { position: relative; visibility: visible; } .eltdf-fullscreen-menu-opener .eltdf-fullscreen-menu-opener-icon:hover svg { stroke: #fff; } .eltdf-fullscreen-menu-opener .eltdf-fullscreen-menu-opener-icon:hover svg line { -webkit-animation: animate-btn-line 1s cubic-bezier(0.19, 0.51, 0.05, 0.96) forwards; animation: animate-btn-line 1s cubic-bezier(0.19, 0.51, 0.05, 0.96) forwards; } .eltdf-fullscreen-menu-opener .eltdf-fullscreen-menu-opener-icon:hover svg line:nth-of-type(2) { -webkit-animation: animate-btn-line 1s 0.3s cubic-bezier(0.54, 0.32, 0.05, 0.96) forwards; animation: animate-btn-line 1s 0.3s cubic-bezier(0.54, 0.32, 0.05, 0.96) forwards; } .eltdf-safari .eltdf-fullscreen-menu-opener .eltdf-fullscreen-menu-opener-icon:hover svg line { -webkit-animation: none !important; animation: none !important; } .eltdf-safari .eltdf-fullscreen-menu-opener .eltdf-fullscreen-menu-opener-icon:hover svg line:nth-of-type(2) { -webkit-animation: none !important; animation: none !important; } .eltdf-fullscreen-menu-opener .eltdf-fullscreen-menu-close-icon { position: absolute; top: -4px; margin-right: 23px; visibility: hidden; } .eltdf-fullscreen-menu-opener.eltdf-fm-opened .eltdf-fullscreen-menu-opener-icon { visibility: hidden; } .eltdf-fullscreen-menu-opener.eltdf-fm-opened .eltdf-fullscreen-menu-close-icon { visibility: visible; } .eltdf-fullscreen-menu-opener.eltdf-fullscreen-menu-opener-icon-pack { font-size: 20px; } .eltdf-fullscreen-menu-opener.eltdf-fullscreen-menu-opener-icon-pack * { display: inline-block; line-height: inherit; } .eltdf-fullscreen-menu-opener.eltdf-fullscreen-menu-opener-icon-pack *:before { display: inline-block; line-height: inherit; } .eltdf-fullscreen-menu-opener.eltdf-fullscreen-menu-opener-svg-path span { position: relative; } .eltdf-fullscreen-menu-opener.eltdf-fullscreen-menu-opener-svg-path span > * { vertical-align: middle; } .eltdf-fullscreen-menu-opener.eltdf-fullscreen-menu-opener-svg-path span > *, .eltdf-fullscreen-menu-opener.eltdf-fullscreen-menu-opener-svg-path span path { fill: currentColor; stroke: currentColor; } .eltdf-fullscreen-menu-opener.eltdf-fullscreen-menu-opener-predefined { line-height: 1; } .eltdf-fullscreen-menu-opener.eltdf-fullscreen-menu-opener-predefined .eltdf-hm-lines { position: relative; display: block; width: 23px; height: 17px; } .eltdf-fullscreen-menu-opener.eltdf-fullscreen-menu-opener-predefined .eltdf-hm-lines .eltdf-hm-line { position: absolute; left: 0; height: 3px; width: 100%; background-color: currentColor; border-radius: 12px; -webkit-transition: width .3s ease; -o-transition: width .3s ease; transition: width .3s ease; } .eltdf-fullscreen-menu-opener.eltdf-fullscreen-menu-opener-predefined .eltdf-hm-lines .eltdf-hm-line.eltdf-line-1 { top: 0; } .eltdf-fullscreen-menu-opener.eltdf-fullscreen-menu-opener-predefined .eltdf-hm-lines .eltdf-hm-line.eltdf-line-2 { top: 7px; } .eltdf-fullscreen-menu-opener.eltdf-fullscreen-menu-opener-predefined .eltdf-hm-lines .eltdf-hm-line.eltdf-line-3 { bottom: 0; } .eltdf-fullscreen-menu-opener.eltdf-fullscreen-menu-opener-predefined .eltdf-fullscreen-menu-close-icon { top: -9px; left: -5px; font-size: 32px; } .eltdf-fullscreen-menu-opened .eltdf-page-header, .eltdf-fullscreen-menu-opened .eltdf-top-bar { visibility: hidden; } .eltdf-fullscreen-menu-opened .eltdf-fullscreen-menu-opener, .eltdf-fullscreen-menu-opened .eltdf-logo-wrapper { visibility: visible; } .eltdf-fullscreen-menu-opened .eltdf-fullscreen-menu-holder-outer { visibility: visible !important; opacity: 1 !important; } .eltdf-fullscreen-menu-holder-outer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow-x: hidden !important; visibility: hidden; opacity: 0; z-index: 105; /* this has to be between header z-index and content z-index */ } .eltdf-fullscreen-menu-holder { position: relative; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.9); display: table; background-repeat: repeat; background-position: 0 0; } @media only screen and (max-width: 1024px) { .eltdf-fullscreen-menu-holder { padding: 107px 35px 35px 35px !important; } } .eltdf-fullscreen-menu-cover { position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; z-index: 12; pointer-events: none; cursor: none; } .eltdf-fullscreen-menu-opened .eltdf-fullscreen-menu-cover { pointer-events: all; } .eltdf-fullscreen-menu-holder-inner { display: table-cell; vertical-align: middle; padding: 100px 0; background-color: #fff; text-align: center; } .eltdf-fs-menu-has-bckgr:not(.eltdf-fullscreen-menu-with-passepartout) .eltdf-fullscreen-menu-holder-inner { background-color: transparent; } .eltdf-fullscreen-menu-with-passepartout .eltdf-fullscreen-menu-holder-inner { background-color: #fff; } .eltdf-fullscreen-menu-with-passepartout.admin-bar .eltdf-fullscreen-menu-holder { padding: 65px 35px 35px 35px !important; } .touch .eltdf-fullscreen-menu-holder-outer { display: none; } .touch .eltdf-fullscreen-menu-opened .eltdf-fullscreen-menu-holder-outer { display: block; } nav.eltdf-fullscreen-menu { position: relative; top: 0; margin: 0 auto; text-align: left; padding-bottom: 10px; z-index: 123; display: inline-block; } nav.eltdf-fullscreen-menu ul { position: relative; list-style: none; padding: 0; margin: 0; } nav.eltdf-fullscreen-menu ul li { margin: 0; padding: 7px 0 0; text-align: center; } nav.eltdf-fullscreen-menu ul li a { position: relative; display: inline-block; vertical-align: middle; margin: 13px 0; font-size: 25px; line-height: 1.3em; } nav.eltdf-fullscreen-menu ul li a span { position: relative; display: inline-block; vertical-align: top; } nav.eltdf-fullscreen-menu ul li a .eltdf-fullscreen-menu-arrow { position: relative; top: 0; display: inline-block; vertical-align: middle; margin: 0 0 0 10px; font-size: 0.65em; line-height: inherit; } nav.eltdf-fullscreen-menu ul li ul { padding: 3px 0 10px; } nav.eltdf-fullscreen-menu ul li ul.sub_menu { display: none; } nav.eltdf-fullscreen-menu ul li ul li ul li a { font-size: 20px; } nav.eltdf-fullscreen-menu > ul { display: block; } nav.eltdf-fullscreen-menu > ul > li > a { font-family: "EB Garamond"; font-size: 22px; line-height: 1.31em; letter-spacing: .16em; font-weight: 400; color: #5f5f5f; margin: 10px 0; text-transform: uppercase; } nav.eltdf-fullscreen-menu > ul > li > a > span:before { display: inline-block; content: ""; position: absolute !important; left: 0; top: 100%; width: 100%; height: 0; border-top: 1px solid #c9ab81; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.54, 0.32, 0.05, 0.96); transition: -webkit-transform 0.5s cubic-bezier(0.54, 0.32, 0.05, 0.96); -o-transition: transform 0.5s cubic-bezier(0.54, 0.32, 0.05, 0.96); transition: transform 0.5s cubic-bezier(0.54, 0.32, 0.05, 0.96); transition: transform 0.5s cubic-bezier(0.54, 0.32, 0.05, 0.96), -webkit-transform 0.5s cubic-bezier(0.54, 0.32, 0.05, 0.96); } nav.eltdf-fullscreen-menu > ul > li > a:hover > span:before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } nav.eltdf-fullscreen-menu > ul > li ul > li { padding: 0; } nav.eltdf-fullscreen-menu > ul > li ul > li > a { font-family: "EB Garamond"; font-size: 21px; font-style: italic; font-weight: 300; line-height: 1.47em; letter-spacing: 0; color: #c9ab81; font-size: 18px; color: #5f5f5f; margin: 3px 0; } nav.eltdf-fullscreen-menu > ul > li ul > li > a > a { color: #c9ab81; } nav.eltdf-fullscreen-menu > ul > li ul > li > a > span:before { display: inline-block; content: ""; position: absolute !important; left: 0; top: calc(100% - 1px); width: 100%; height: 0; border-top: 1px solid #c9ab81; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.54, 0.32, 0.05, 0.96); transition: -webkit-transform 0.5s cubic-bezier(0.54, 0.32, 0.05, 0.96); -o-transition: transform 0.5s cubic-bezier(0.54, 0.32, 0.05, 0.96); transition: transform 0.5s cubic-bezier(0.54, 0.32, 0.05, 0.96); transition: transform 0.5s cubic-bezier(0.54, 0.32, 0.05, 0.96), -webkit-transform 0.5s cubic-bezier(0.54, 0.32, 0.05, 0.96); } nav.eltdf-fullscreen-menu > ul > li ul > li > a:hover > span:before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } nav.eltdf-fullscreen-menu > ul > li ul > li.current-menu-item > a { color: #5f5f5f; } nav.eltdf-fullscreen-menu > ul > li ul > li.current-menu-item > a > span:before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } nav.eltdf-fullscreen-menu > ul > li.eltdf-active-item > a { color: #525252; } .eltdf-fullscreen-below-menu-widget-holder { text-align: center; margin-top: 20px; } .eltdf-fullscreen-above-menu-widget-holder { text-align: center; } /* Fullscreen general style - end ========================================================================== */ /* Fullscreen fade animations general - begin ========================================================================== */ @-webkit-keyframes fade_out { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } @keyframes fade_out { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } @-webkit-keyframes fade_in { 0% { opacity: 0; visibility: hidden; } 100% { opacity: 1; visibility: visible; } } @keyframes fade_in { 0% { opacity: 0; visibility: hidden; } 100% { opacity: 1; visibility: visible; } } .eltdf-fade-push-text-right .eltdf-fullscreen-menu-holder-outer, .eltdf-fade-push-text-top .eltdf-fullscreen-menu-holder-outer, .eltdf-fade-text-scaledown .eltdf-fullscreen-menu-holder-outer { position: fixed; width: 100%; height: 100%; top: 0; left: 0; visibility: hidden; overflow: hidden !important; z-index: 105; opacity: 0; } .eltdf-fullscreen-fade-out .eltdf-fullscreen-menu-holder-outer { -webkit-animation: fade_out .25s linear both; animation: fade_out .25s linear both; } .eltdf-fullscreen-menu-opened.eltdf-fullscreen-fade-in .eltdf-fullscreen-menu-holder-outer { -webkit-animation: fade_in .25s linear both; animation: fade_in .25s linear both; } /* Fullscreen fade animations general - end ========================================================================== */ /* Fullscreen animation push text right - begin ========================================================================== */ @-webkit-keyframes push_text_right { 0% { opacity: 0; -webkit-transform: translateX(-60px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes push_text_right { 0% { opacity: 0; -webkit-transform: translateX(-60px); transform: translateX(-60px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes push_nav_right { 0% { opacity: 0; -webkit-transform: translateX(-60px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes push_nav_right { 0% { opacity: 0; -webkit-transform: translateX(-60px); transform: translateX(-60px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } .eltdf-fullscreen-menu-opened.eltdf-fade-push-text-right .eltdf-fullscreen-menu-holder-outer nav > ul > li > a, .eltdf-fullscreen-menu-opened.eltdf-fade-push-text-right .eltdf-fullscreen-menu-holder-outer .eltdf-fullscreen-below-menu-widget-holder > div, .eltdf-fullscreen-menu-opened.eltdf-fade-push-text-right .eltdf-fullscreen-menu-holder-outer .eltdf-fullscreen-above-menu-widget-holder > div { -webkit-animation: push_text_right 0.4s cubic-bezier(0.175, 0.885, 0.32, 1) both; animation: push_text_right 0.4s cubic-bezier(0.175, 0.885, 0.32, 1) both; } .eltdf-fade-push-text-right.eltdf-push-nav-right .eltdf-fullscreen-menu-holder-outer nav, .eltdf-fade-push-text-right.eltdf-push-nav-right .eltdf-fullscreen-menu-holder-outer .eltdf-fullscreen-below-menu-widget-holder, .eltdf-fade-push-text-right.eltdf-push-nav-right .eltdf-fullscreen-menu-holder-outer .eltdf-fullscreen-above-menu-widget-holder { -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); -webkit-transition: all .75s ease-out; -o-transition: all .75s ease-out; transition: all .75s ease-out; } /* Fullscreen animation push text right - end ========================================================================== */ /* Fullscreen animation push text top - begin ========================================================================== */ @-webkit-keyframes push_text_top { 0% { opacity: 0; -webkit-transform: translateY(60px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes push_text_top { 0% { opacity: 0; -webkit-transform: translateY(60px); transform: translateY(60px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .eltdf-fullscreen-menu-opened.eltdf-fade-push-text-top .eltdf-fullscreen-menu-holder-outer nav > ul > li > a, .eltdf-fullscreen-menu-opened.eltdf-fade-push-text-top .eltdf-fullscreen-menu-holder-outer .eltdf-fullscreen-below-menu-widget-holder > div, .eltdf-fullscreen-menu-opened.eltdf-fade-push-text-top .eltdf-fullscreen-menu-holder-outer .eltdf-fullscreen-above-menu-widget-holder > div { -webkit-animation: push_text_top .4s ease-out both .5s; animation: push_text_top .4s ease-out both .5s; } .eltdf-fade-push-text-top.eltdf-push-text-top .eltdf-fullscreen-menu-holder-outer nav, .eltdf-fade-push-text-top.eltdf-push-text-top .eltdf-fullscreen-menu-holder-outer .eltdf-fullscreen-below-menu-widget-holder, .eltdf-fade-push-text-top.eltdf-push-text-top .eltdf-fullscreen-menu-holder-outer .eltdf-fullscreen-above-menu-widget-holder { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); -webkit-transition: all .75s ease-out; -o-transition: all .75s ease-out; transition: all .75s ease-out; } /* Fullscreen animation push text top - end ========================================================================== */ /* Fullscreen animation fade text scaledown - begin ========================================================================== */ .eltdf-fullscreen-menu-opened.eltdf-fade-text-scaledown .eltdf-fullscreen-menu-holder-outer nav, .eltdf-fullscreen-menu-opened.eltdf-fade-text-scaledown .eltdf-fullscreen-menu-holder-outer .eltdf-fullscreen-below-menu-widget-holder, .eltdf-fullscreen-menu-opened.eltdf-fade-text-scaledown .eltdf-fullscreen-menu-holder-outer .eltdf-fullscreen-above-menu-widget-holder { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all .25s linear 0.1s; -o-transition: all .25s linear 0.1s; transition: all .25s linear 0.1s; } .eltdf-fade-text-scaledown .eltdf-fullscreen-menu-holder-outer nav, .eltdf-fade-text-scaledown .eltdf-fullscreen-menu-holder-outer .eltdf-fullscreen-below-menu-widget-holder, .eltdf-fade-text-scaledown .eltdf-fullscreen-menu-holder-outer .eltdf-fullscreen-above-menu-widget-holder { opacity: 0; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all .25s linear 0.1s; -o-transition: all .25s linear 0.1s; transition: all .25s linear 0.1s; } /* Fullscreen animation fade text scaledown - end ========================================================================== */ /* ========================================================================== # Fullscreen menu style - end ==========================================================================*/ /* ========================================================================== Header Minimal style - begin ========================================================================== */ .eltdf-header-minimal .eltdf-page-header .eltdf-menu-area .eltdf-position-right-inner { height: auto; } .eltdf-header-minimal .eltdf-page-header .eltdf-position-left:before, .eltdf-header-minimal .eltdf-page-header .eltdf-position-right:before { content: ""; } .eltdf-header-minimal .eltdf-page-header .eltdf-sticky-header .eltdf-position-left-inner { height: auto; } .eltdf-header-minimal .eltdf-page-header .eltdf-sticky-header .eltdf-vertical-align-containers .eltdf-position-right .eltdf-position-right-inner { height: auto; } .eltdf-header-minimal.eltdf-fullscreen-menu-opened { position: fixed; top: 0; left: 0; height: 100%; width: 100%; overflow-y: hidden; } .eltdf-header-minimal.eltdf-fullscreen-menu-opened.admin-bar { top: 32px; height: calc(100% - 32px); } /* ========================================================================== Header Minimal style - end ========================================================================== */ /* ========================================================================== Header Standard Extended style - begin ========================================================================== */ .eltdf-header-standard-extended .eltdf-page-header .eltdf-logo-area { z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-header-standard-extended .eltdf-page-header .eltdf-logo-area .eltdf-vertical-align-containers .eltdf-position-right-inner { height: auto; } .eltdf-header-standard-extended .eltdf-page-header .eltdf-logo-area .eltdf-logo-widget-area { position: relative; display: inline-block; vertical-align: middle; margin-left: 8px; } .eltdf-header-standard-extended .eltdf-page-header .eltdf-logo-area .eltdf-right-from-logo-widget { position: relative; padding: 0 20px 0 0; float: left; } .eltdf-header-standard-extended .eltdf-page-header .eltdf-logo-area .eltdf-right-from-logo-widget:last-child { padding-right: 0; } .eltdf-header-standard-extended .eltdf-page-header .eltdf-menu-area .eltdf-main-menu { margin-left: 0; } .eltdf-header-standard-extended .eltdf-page-header .eltdf-menu-area .eltdf-main-menu > ul > li:first-child > a { padding-left: 0; } .eltdf-header-standard-extended .eltdf-page-header .eltdf-menu-area .eltdf-vertical-align-containers .eltdf-position-left-inner { height: 100%; } .eltdf-header-standard-extended .eltdf-page-header .eltdf-menu-area .eltdf-vertical-align-containers .eltdf-position-right-inner { height: auto; } /* ========================================================================== Header Standard Extended style - end ========================================================================== */ /* ========================================================================== Header Standard style - begin ========================================================================== */ .eltdf-header-standard .eltdf-menu-area.eltdf-menu-left .eltdf-main-menu { width: auto; padding: 0 0 0 20px; } .eltdf-header-standard .eltdf-menu-area.eltdf-menu-left .eltdf-vertical-align-containers .eltdf-position-left-inner { height: 100%; } .eltdf-header-standard .eltdf-menu-area.eltdf-menu-left .eltdf-vertical-align-containers .eltdf-position-left:before, .eltdf-header-standard .eltdf-menu-area.eltdf-menu-left .eltdf-vertical-align-containers .eltdf-position-right:before { display: none; } .eltdf-header-standard .eltdf-menu-area.eltdf-menu-left .eltdf-vertical-align-containers .eltdf-position-right-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .eltdf-header-standard .eltdf-menu-area.eltdf-menu-center .eltdf-vertical-align-containers .eltdf-position-center-inner { height: 100%; } .eltdf-header-standard .eltdf-menu-area.eltdf-menu-center .eltdf-vertical-align-containers .eltdf-position-right:before { display: none; } .eltdf-header-standard .eltdf-menu-area.eltdf-menu-center .eltdf-vertical-align-containers .eltdf-position-right-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .eltdf-header-standard .eltdf-menu-area.eltdf-menu-right .eltdf-main-menu { width: auto; } .eltdf-header-standard .eltdf-menu-area.eltdf-menu-right .eltdf-vertical-align-containers .eltdf-position-right-inner { height: 100%; } /* ========================================================================== Header Standard style - end ========================================================================== */ /* ========================================================================== Mobile header style - begin ========================================================================== */ .eltdf-mobile-header { position: relative; display: none; z-index: 110; /* #General mobile header styles ========================================================================== */ /* #End of general mobile header styles ========================================================================== */ /* #Mobile logo styles ========================================================================== */ /* #End of mobile logo styles ========================================================================== */ /* #Mobile menu opener styles ========================================================================== */ /* #End of mobile menu opener styles ========================================================================== */ /* #Mobile menu navigation styles ========================================================================== */ /* #End of mobile menu navigation styles ========================================================================== */ } .eltdf-mobile-header .eltdf-mobile-header-inner { position: relative; height: 70px; background-color: #fff; border-bottom: 1px solid #e1e1e1; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-mobile-header .eltdf-mobile-header-inner .eltdf-mobile-header-holder { position: relative; z-index: 2; height: 100%; } .eltdf-mobile-header .eltdf-grid { height: 100%; } .eltdf-mobile-header .eltdf-vertical-align-containers { padding: 0; } .eltdf-mobile-header .eltdf-vertical-align-containers .eltdf-position-right { max-width: 80%; } .eltdf-mobile-header .eltdf-mobile-logo-wrapper a { display: block; } .eltdf-mobile-header .eltdf-mobile-logo-wrapper img { display: block; height: 100%; width: auto; } .eltdf-mobile-header .eltdf-mobile-menu-opener { position: relative; display: inline-block; vertical-align: middle; z-index: 2; } .eltdf-mobile-header .eltdf-mobile-menu-opener a { display: table; height: 100%; } .eltdf-mobile-header .eltdf-mobile-menu-opener a > * { position: relative; display: table-cell; vertical-align: middle; line-height: 1em; } .eltdf-mobile-header .eltdf-mobile-menu-opener a .eltdf-mobile-menu-text { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit; padding-right: 10px; } .eltdf-mobile-header .eltdf-mobile-menu-opener.eltdf-mobile-menu-opened a { color: #c9ab81; } .eltdf-mobile-header .eltdf-mobile-menu-opener.eltdf-mobile-menu-opener-icon-pack .eltdf-mobile-menu-icon { font-size: 20px; } .eltdf-mobile-header .eltdf-mobile-menu-opener.eltdf-mobile-menu-opener-icon-pack .eltdf-mobile-menu-icon * { display: block; line-height: inherit; } .eltdf-mobile-header .eltdf-mobile-menu-opener.eltdf-mobile-menu-opener-icon-pack .eltdf-mobile-menu-icon *:before { display: block; line-height: inherit; } .eltdf-mobile-header .eltdf-mobile-menu-opener.eltdf-mobile-menu-opener-svg-path .eltdf-mobile-menu-icon > * { vertical-align: middle; } .eltdf-mobile-header .eltdf-mobile-menu-opener.eltdf-mobile-menu-opener-svg-path .eltdf-mobile-menu-icon > *, .eltdf-mobile-header .eltdf-mobile-menu-opener.eltdf-mobile-menu-opener-svg-path .eltdf-mobile-menu-icon path { fill: currentColor; stroke: currentColor; } .eltdf-mobile-header .eltdf-mobile-menu-opener.eltdf-mobile-menu-opener-predefined { line-height: 1; } .eltdf-mobile-header .eltdf-mobile-menu-opener.eltdf-mobile-menu-opener-predefined .eltdf-hm-lines { position: relative; display: block; width: 23px; height: 17px; } .eltdf-mobile-header .eltdf-mobile-menu-opener.eltdf-mobile-menu-opener-predefined .eltdf-hm-lines .eltdf-hm-line { position: absolute; left: 0; height: 3px; width: 100%; background-color: currentColor; border-radius: 12px; -webkit-transition: width .3s ease; -o-transition: width .3s ease; transition: width .3s ease; } .eltdf-mobile-header .eltdf-mobile-menu-opener.eltdf-mobile-menu-opener-predefined .eltdf-hm-lines .eltdf-hm-line.eltdf-line-1 { top: 0; } .eltdf-mobile-header .eltdf-mobile-menu-opener.eltdf-mobile-menu-opener-predefined .eltdf-hm-lines .eltdf-hm-line.eltdf-line-2 { top: 7px; } .eltdf-mobile-header .eltdf-mobile-menu-opener.eltdf-mobile-menu-opener-predefined .eltdf-hm-lines .eltdf-hm-line.eltdf-line-3 { bottom: 0; } .eltdf-mobile-header .eltdf-mobile-nav { display: none; width: 100%; background-color: #fff; border-bottom: 1px solid #e1e1e1; } .eltdf-mobile-header .eltdf-mobile-nav ul { padding: 0; margin: 0; list-style-type: none; } .eltdf-mobile-header .eltdf-mobile-nav ul li { position: relative; padding: 0; margin: 0; -webkit-transform: translateZ(0); } .eltdf-mobile-header .eltdf-mobile-nav ul li a, .eltdf-mobile-header .eltdf-mobile-nav ul li h6 { position: relative; display: block; padding: 9px 0; margin: 0; font-size: 14px; font-family: "Cinzel"; text-transform: uppercase; line-height: 2.33em; color: #525252; border-bottom: 1px solid #e1e1e1; cursor: pointer; } .eltdf-mobile-header .eltdf-mobile-nav ul li a:hover, .eltdf-mobile-header .eltdf-mobile-nav ul li h6:hover { color: #c9ab81; } .eltdf-mobile-header .eltdf-mobile-nav ul li > ul > li a, .eltdf-mobile-header .eltdf-mobile-nav ul li > ul > li h6 { font-family: "EB Garamond"; font-size: 21px; font-style: italic; font-weight: 300; line-height: 1.47em; letter-spacing: 0; color: #c9ab81; font-weight: 400; color: #a4a4a4; font-size: 17px; letter-spacing: .03em; text-transform: none; } .eltdf-mobile-header .eltdf-mobile-nav ul li > ul > li a > a, .eltdf-mobile-header .eltdf-mobile-nav ul li > ul > li h6 > a { color: #c9ab81; } .eltdf-mobile-header .eltdf-mobile-nav ul ul { display: none; margin-left: 15px; } .eltdf-mobile-header .eltdf-mobile-nav ul ul li.current-menu-ancestor > a, .eltdf-mobile-header .eltdf-mobile-nav ul ul li.current-menu-item > a, .eltdf-mobile-header .eltdf-mobile-nav ul ul li.current-menu-ancestor > h6, .eltdf-mobile-header .eltdf-mobile-nav ul ul li.current-menu-item > h6 { color: #525252; } .eltdf-mobile-header .eltdf-mobile-nav .eltdf-grid > ul > li.eltdf-active-item > a, .eltdf-mobile-header .eltdf-mobile-nav .eltdf-grid > ul > li.eltdf-active-item > h6 { color: #525252; } .eltdf-mobile-header .eltdf-mobile-nav .eltdf-grid > ul > li.eltdf-active-item > .mobile_arrow > .eltdf-sub-arrow { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .eltdf-mobile-header .eltdf-mobile-nav .mobile_arrow { position: absolute; right: 0; top: 0; width: 50px; height: auto; padding: 9px 12px 9px 0; font-size: 15px; line-height: inherit; text-align: right; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-mobile-header .eltdf-mobile-nav .mobile_arrow:hover { cursor: pointer; } .eltdf-mobile-header .eltdf-mobile-nav .mobile_arrow .eltdf-sub-arrow { line-height: 1; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; -o-transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } .eltdf-mobile-header .eltdf-mobile-nav .mobile_arrow .ion-ios-arrow-down { display: none; } .eltdf-mobile-header .eltdf-mobile-nav li.eltdf-opened > .mobile_arrow > .eltdf-sub-arrow { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .eltdf-mobile-header .eltdf-mobile-nav > ul > li:last-child > a, .eltdf-mobile-header .eltdf-mobile-nav > .eltdf-grid > ul > li:last-child > a { border-bottom: none; } /* ========================================================================== Mobile header style - end ========================================================================== */ /* ========================================================================== Sticky Mobile header style - begin ========================================================================== */ .eltdf-sticky-up-mobile-header .eltdf-animate-mobile-header .eltdf-mobile-header-inner { width: 100%; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: left 0.2s ease, right 0.2s ease, -webkit-transform .4s ease-in-out; transition: left 0.2s ease, right 0.2s ease, -webkit-transform .4s ease-in-out; -o-transition: transform .4s ease-in-out, left 0.2s ease, right 0.2s ease; transition: transform .4s ease-in-out, left 0.2s ease, right 0.2s ease; transition: transform .4s ease-in-out, left 0.2s ease, right 0.2s ease, -webkit-transform .4s ease-in-out; } .eltdf-sticky-up-mobile-header .mobile-header-appear .eltdf-mobile-header-inner { position: fixed; top: 0; left: 0; width: 100%; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } /* ========================================================================== Sticky Mobile header style - end ========================================================================== */ /* ========================================================================== Sticky header style - begin ========================================================================== */ .eltdf-sticky-header { position: fixed; top: 0; left: 0; height: 70px; width: 100%; z-index: 100; -webkit-backface-visibility: hidden; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform .6s ease; transition: -webkit-transform .6s ease; -o-transition: transform .6s ease; transition: transform .6s ease; transition: transform .6s ease, -webkit-transform .6s ease; } .eltdf-sticky-header .eltdf-grid { height: 100% !important; } .eltdf-sticky-header.header-appear { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .admin-bar .eltdf-sticky-header.header-appear { top: 32px; } .eltdf-sticky-header .eltdf-sticky-holder { position: relative; height: 100%; z-index: 2; background-color: #fff; border-bottom: 1px solid #e1e1e1; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltdf-sticky-header .eltdf-sticky-holder .eltdf-logo-wrapper a { max-height: 70px; } .eltdf-sticky-header .eltdf-sticky-holder .eltdf-vertical-align-containers { padding: 0 30px; } .eltdf-sticky-header .eltdf-sticky-holder .eltdf-grid .eltdf-vertical-align-containers { padding: 0; } .eltdf-sticky-header .eltdf-sticky-holder.eltdf-menu-left .eltdf-main-menu { width: auto; padding: 0 0 0 20px; } .eltdf-sticky-header .eltdf-sticky-holder.eltdf-menu-left .eltdf-vertical-align-containers .eltdf-position-left-inner { height: 100%; } .eltdf-sticky-header .eltdf-sticky-holder.eltdf-menu-left .eltdf-vertical-align-containers .eltdf-position-right:before { display: none; } .eltdf-sticky-header .eltdf-sticky-holder.eltdf-menu-left .eltdf-vertical-align-containers .eltdf-position-right-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .eltdf-sticky-header .eltdf-sticky-holder.eltdf-menu-center .eltdf-vertical-align-containers .eltdf-position-center-inner { height: 100%; } .eltdf-sticky-header .eltdf-sticky-holder.eltdf-menu-center .eltdf-vertical-align-containers .eltdf-position-right:before { display: none; } .eltdf-sticky-header .eltdf-sticky-holder.eltdf-menu-center .eltdf-vertical-align-containers .eltdf-position-right-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .eltdf-sticky-header .eltdf-sticky-holder.eltdf-menu-right .eltdf-main-menu { width: auto; } .eltdf-sticky-header .eltdf-sticky-holder.eltdf-menu-right .eltdf-vertical-align-containers .eltdf-position-right-inner { height: 100%; } .eltdf-sticky-header .widget { display: inline-block; vertical-align: middle; margin: 0; } /* ========================================================================== Sticky header style - end ========================================================================== */ /* ========================================================================== Top header style - begin ========================================================================== */ .eltdf-top-bar { position: relative; display: inline-block; width: 100%; vertical-align: middle; height: 46px; font-size: 11px; line-height: 1; color: #fff; background-color: #383838; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 110; border-color: rgba(255, 255, 255, 0.18) !important; font-family: "Open Sans"; } .eltdf-top-bar > .eltdf-vertical-align-containers { padding: 0 30px; } .eltdf-top-bar .eltdf-icon-widget-holder:hover .eltdf-icon-text, .eltdf-top-bar .eltdf-icon-widget-holder:hover .eltdf-icon-element { color: #c9ab81 !important; } .eltdf-top-bar .eltdf-vertical-align-containers .eltdf-position-left:before, .eltdf-top-bar .eltdf-vertical-align-containers .eltdf-position-right:before { display: none; } .eltdf-top-bar .eltdf-vertical-align-containers .eltdf-position-left-inner, .eltdf-top-bar .eltdf-vertical-align-containers .eltdf-position-right-inner { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .eltdf-top-bar .eltdf-grid { height: 100%; } .eltdf-top-bar .eltdf-grid .eltdf-vertical-align-containers { padding-left: 0; padding-right: 0; } .eltdf-top-bar-in-grid-padding .eltdf-top-bar .eltdf-grid .eltdf-vertical-align-containers { padding: 0 40px; } .eltdf-top-bar .widget { margin: 0; } /* ========================================================================== Top header style - end ========================================================================== */ /* ========================================================================== Header styles - end ========================================================================== */ /*# sourceMappingURL=header-map.css.map */