Файловый менеджер

Файловый менеджер - Редактировать - /home/infrafs/www/wp-content/themes/trackstore/framework/modules/header/assets/css/header-map.css

Назад
/* ========================================================================== Header styles - begin ========================================================================== / / common mixins - start / / common mixins - end / / ========================================================================== Header styles - begin ========================================================================== / .eltd-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 ========================================================================== / } .eltd-page-header a img { display: block; } .eltd-page-header p { margin: 0; } .eltd-page-header .eltd-vertical-align-containers { padding: 0 45px; } .eltd-paspartu-enabled .eltd-page-header .eltd-vertical-align-containers { padding: 0; } .eltd-page-header .eltd-grid { height: 100%; } .eltd-page-header .eltd-grid .eltd-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; } .eltd-page-header .eltd-logo-area { position: relative; height: 105px; overflow: hidden; background-color: #fff; } .eltd-page-header .eltd-logo-area .eltd-logo-wrapper a { max-height: 105px; } .eltd-page-header .eltd-menu-area { position: relative; height: 105px; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltd-boxed .eltd-page-header .eltd-menu-area { padding: 0; } .eltd-page-header .eltd-menu-area .eltd-logo-wrapper a { max-height: 105px; } .eltd-page-header .eltd-menu-area .widget { display: inline-block; vertical-align: middle; margin: 0; } .eltd-logo-area-border-disable .eltd-page-header .eltd-logo-area { border: none; } .eltd-logo-area-in-grid-border-disable .eltd-page-header .eltd-logo-area .eltd-grid .eltd-vertical-align-containers { border: none; } .eltd-header-logo-area-in-grid-padding .eltd-page-header .eltd-logo-area .eltd-vertical-align-containers { padding: 0 25px; } .eltd-menu-area-shadow-disable .eltd-page-header .eltd-menu-area { -webkit-box-shadow: none; box-shadow: none; } .eltd-menu-area-shadow-disable .eltd-page-header .eltd-menu-area .eltd-grid .eltd-vertical-align-containers { -webkit-box-shadow: none; box-shadow: none; } .eltd-menu-area-border-disable .eltd-page-header .eltd-menu-area { border: none; } .eltd-menu-area-in-grid-border-disable .eltd-page-header .eltd-menu-area .eltd-grid .eltd-vertical-align-containers { border: none; } .eltd-header-logo-area-in-grid-padding .eltd-page-header .eltd-menu-area .eltd-vertical-align-containers { padding: 0 25px; } / ========================================================================== #Light header - begin ========================================================================== / .eltd-light-header .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header) .eltd-logo-wrapper .eltd-light-logo, .eltd-light-header.eltd-enable-header-style-on-scroll .eltd-page-header > div .eltd-logo-wrapper .eltd-light-logo { opacity: 1; } .eltd-light-header .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header) .eltd-logo-wrapper .eltd-normal-logo, .eltd-light-header .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header) .eltd-logo-wrapper .eltd-dark-logo, .eltd-light-header.eltd-enable-header-style-on-scroll .eltd-page-header > div .eltd-logo-wrapper .eltd-normal-logo, .eltd-light-header.eltd-enable-header-style-on-scroll .eltd-page-header > div .eltd-logo-wrapper .eltd-dark-logo { opacity: 0; } .eltd-light-header .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header) .eltd-menu-area, .eltd-light-header.eltd-enable-header-style-on-scroll .eltd-page-header > div .eltd-menu-area { color: #fff !important; } .eltd-light-header .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header) .eltd-menu-area .widget, .eltd-light-header.eltd-enable-header-style-on-scroll .eltd-page-header > div .eltd-menu-area .widget { color: #fff !important; } .eltd-light-header .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header) .eltd-menu-area .widget p, .eltd-light-header .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header) .eltd-menu-area .widget a, .eltd-light-header .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header) .eltd-menu-area .widget span, .eltd-light-header .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header) .eltd-menu-area .widget i, .eltd-light-header .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header) .eltd-menu-area .widget .widgettitle, .eltd-light-header.eltd-enable-header-style-on-scroll .eltd-page-header > div .eltd-menu-area .widget p, .eltd-light-header.eltd-enable-header-style-on-scroll .eltd-page-header > div .eltd-menu-area .widget a, .eltd-light-header.eltd-enable-header-style-on-scroll .eltd-page-header > div .eltd-menu-area .widget span, .eltd-light-header.eltd-enable-header-style-on-scroll .eltd-page-header > div .eltd-menu-area .widget i, .eltd-light-header.eltd-enable-header-style-on-scroll .eltd-page-header > div .eltd-menu-area .widget .widgettitle { color: #fff !important; } .eltd-light-header .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header).eltd-menu-area, .eltd-light-header.eltd-enable-header-style-on-scroll .eltd-page-header > div.eltd-menu-area { color: #fff !important; } .eltd-light-header .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header).eltd-menu-area .widget, .eltd-light-header.eltd-enable-header-style-on-scroll .eltd-page-header > div.eltd-menu-area .widget { color: #fff !important; } .eltd-light-header .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header).eltd-menu-area .widget p, .eltd-light-header .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header).eltd-menu-area .widget a, .eltd-light-header .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header).eltd-menu-area .widget span, .eltd-light-header .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header).eltd-menu-area .widget i, .eltd-light-header .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header).eltd-menu-area .widget .widgettitle, .eltd-light-header.eltd-enable-header-style-on-scroll .eltd-page-header > div.eltd-menu-area .widget p, .eltd-light-header.eltd-enable-header-style-on-scroll .eltd-page-header > div.eltd-menu-area .widget a, .eltd-light-header.eltd-enable-header-style-on-scroll .eltd-page-header > div.eltd-menu-area .widget span, .eltd-light-header.eltd-enable-header-style-on-scroll .eltd-page-header > div.eltd-menu-area .widget i, .eltd-light-header.eltd-enable-header-style-on-scroll .eltd-page-header > div.eltd-menu-area .widget .widgettitle { color: #fff !important; } / ========================================================================== #Light header - end ========================================================================== / / ========================================================================== #Dark header - begin ========================================================================== / .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header) .eltd-dark-header.eltd-enable-header-style-on-scroll .eltd-page-header > div .eltd-logo-wrapper .eltd-dark-logo { opacity: 1; } .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header) .eltd-dark-header.eltd-enable-header-style-on-scroll .eltd-page-header > div .eltd-logo-wrapper .eltd-normal-logo, .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header) .eltd-dark-header.eltd-enable-header-style-on-scroll .eltd-page-header > div .eltd-logo-wrapper .eltd-light-logo { opacity: 0; } .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header) .eltd-dark-header.eltd-enable-header-style-on-scroll .eltd-page-header > div .eltd-menu-area { color: #333 !important; } .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header) .eltd-dark-header.eltd-enable-header-style-on-scroll .eltd-page-header > div .eltd-menu-area .widget { color: #333 !important; } .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header) .eltd-dark-header.eltd-enable-header-style-on-scroll .eltd-page-header > div .eltd-menu-area .widget p, .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header) .eltd-dark-header.eltd-enable-header-style-on-scroll .eltd-page-header > div .eltd-menu-area .widget a, .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header) .eltd-dark-header.eltd-enable-header-style-on-scroll .eltd-page-header > div .eltd-menu-area .widget span, .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header) .eltd-dark-header.eltd-enable-header-style-on-scroll .eltd-page-header > div .eltd-menu-area .widget i, .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header) .eltd-dark-header.eltd-enable-header-style-on-scroll .eltd-page-header > div .eltd-menu-area .widget .widgettitle { color: #333 !important; } .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header) .eltd-dark-header.eltd-enable-header-style-on-scroll .eltd-page-header > div .eltd-menu-area .widget a:hover { color: rgba(51, 51, 51, 0.8) !important; } .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header) .eltd-dark-header.eltd-enable-header-style-on-scroll .eltd-page-header > div.eltd-menu-area { color: #333 !important; } .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header) .eltd-dark-header.eltd-enable-header-style-on-scroll .eltd-page-header > div.eltd-menu-area .widget { color: #333 !important; } .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header) .eltd-dark-header.eltd-enable-header-style-on-scroll .eltd-page-header > div.eltd-menu-area .widget p, .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header) .eltd-dark-header.eltd-enable-header-style-on-scroll .eltd-page-header > div.eltd-menu-area .widget a, .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header) .eltd-dark-header.eltd-enable-header-style-on-scroll .eltd-page-header > div.eltd-menu-area .widget span, .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header) .eltd-dark-header.eltd-enable-header-style-on-scroll .eltd-page-header > div.eltd-menu-area .widget i, .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header) .eltd-dark-header.eltd-enable-header-style-on-scroll .eltd-page-header > div.eltd-menu-area .widget .widgettitle { color: #333 !important; } .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header) .eltd-dark-header.eltd-enable-header-style-on-scroll .eltd-page-header > div.eltd-menu-area .widget a:hover { color: rgba(51, 51, 51, 0.8) !important; } / ========================================================================== #Dark header - end ========================================================================== / / ========================================================================== Header end - end ========================================================================== / / ========================================================================== Header logo styles - begin ========================================================================== / .eltd-logo-wrapper { display: inline-block; vertical-align: middle; } .eltd-logo-wrapper a { position: relative; display: inline-block; vertical-align: middle; max-width: 100%; } .eltd-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; } .eltd-logo-wrapper a img.eltd-normal-logo { opacity: 1; } .eltd-logo-wrapper a img.eltd-dark-logo { opacity: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .eltd-logo-wrapper a img.eltd-light-logo { opacity: 0; -webkit-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); } / ========================================================================== Header logo styles - end ========================================================================== / / ========================================================================== Header main menu style - begin ========================================================================== / .eltd-main-menu { position: relative; display: inline-block; width: 100%; vertical-align: middle; height: 100%; width: auto; } .eltd-main-menu ul { list-style: none outside none; margin: 0; padding: 0; text-align: left; } .eltd-main-menu ul li { position: relative; display: inline-block; float: left; padding: 0; margin: 0; } .eltd-main-menu ul li a { font-family: "Roboto Condensed", sans-serif; } .eltd-main-menu ul li a i:before { margin: 0 7px 0 0; } .eltd-main-menu ul li a .menu_icon_wrapper { position: relative; display: inline-block; vertical-align: middle; } .eltd-main-menu ul li a .eltd-menu-featured-icon { position: relative; top: -4px; left: 5px; color: currentColor; font-size: 10px; margin: 0; } .eltd-main-menu ul li a .eltd-menu-featured-icon:before { margin: 0; } .eltd-main-menu > ul { position: relative; display: inline-block; width: 100%; vertical-align: middle; height: 100%; } .eltd-main-menu > ul > li { float: left; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltd-main-menu > ul > li > a { position: relative; display: inline-block; width: 100%; vertical-align: middle; height: 100%; padding: 0 29px; font-size: 16px; line-height: 27px; font-weight: 700; color: #000; text-transform: uppercase; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltd-main-menu > ul > li > a > span.item_outer { position: relative; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .eltd-main-menu > ul > li > a > span.item_outer .item_text { position: relative; display: inline-block; vertical-align: top; } .eltd-main-menu > ul > li > a > span.item_outer:after { content: ''; display: block; width: 0; height: 3px; background-color: #c8ff0b; position: absolute; top: 100%; left: 0; -webkit-transition: all 0.3s ease 0.05s; -o-transition: all 0.3s ease 0.05s; transition: all 0.3s ease 0.05s; } .eltd-main-menu > ul > li.eltd-active-item > a > span.item_outer:after, .eltd-main-menu > ul > li > a:hover > span.item_outer:after { width: 20px; } .eltd-main-menu > ul > li.has_sub > a .eltd-menu-arrow { display: none; } .eltd-main-menu.eltd-sticky-nav > ul > li .second { top: calc(100% + 1px); } .eltd-light-header .eltd-page-header > div:not(.eltd-sticky-header):not(.fixed) .eltd-main-menu > ul > li > a, .eltd-light-header.eltd-enable-header-style-on-scroll .eltd-page-header > div .eltd-main-menu > ul > li > a { color: #fff; } .eltd-dark-header .eltd-page-header > div:not(.eltd-sticky-header):not(.fixed) .eltd-main-menu > ul > li > a, .eltd-dark-header.eltd-enable-header-style-on-scroll .eltd-page-header > div .eltd-main-menu > ul > li > a { color: #333; } / Narrow drop down styles ========================================================================== / .eltd-drop-down .second { position: absolute; display: block; left: -3px; 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; border-top: 3px solid #c8ff0b; } .eltd-drop-down .second.eltd-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; } .eltd-drop-down .second.right { right: 0; left: auto; } .eltd-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); } .eltd-drop-down .second .inner ul li { display: block; float: none; height: auto; } .eltd-drop-down .second .inner ul li .widget { width: 100%; margin: 0 !important; } .eltd-drop-down .second .inner ul li a { display: block; float: none; margin: 0; padding: 4px 30px; font-size: 15px; color: #464646; } .eltd-drop-down .second .inner ul li a .item_outer { position: relative; display: block; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltd-drop-down .second .inner ul li a .item_outer .item_text { position: relative; } .eltd-drop-down .second .inner ul li a .item_outer .item_text:before { content: ''; display: block; width: 0; height: 1px; background-color: #777; position: absolute; top: calc(100% - 1px); left: 0; -webkit-transition: all 0.3s ease 0.05s; -o-transition: all 0.3s ease 0.05s; transition: all 0.3s ease 0.05s; } .eltd-drop-down .second .inner ul li a:hover { color: #000; } .eltd-drop-down .second .inner ul li a:hover .item_outer .item_text:before { width: 100%; } .eltd-drop-down .second .inner ul li.current-menu-ancestor > a, .eltd-drop-down .second .inner ul li.current-menu-item > a { color: #000; } .eltd-drop-down .second .inner ul li.current-menu-ancestor > a .item_outer .item_text:before, .eltd-drop-down .second .inner ul li.current-menu-item > a .item_outer .item_text:before { width: 100%; } .eltd-drop-down .second .inner ul li.sub > a .item_outer .item_text:after { position: absolute; display: inline-block; vertical-align: middle; top: auto; right: -13px; left: auto; content: '\f3d3'; font-family: 'Ionicons'; font-size: 10px; font-weight: normal; font-style: normal; text-rendering: auto; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .eltd-drop-down .second .inner ul.right li.sub > a .item_outer .item_text:after { right: auto; left: -13px; content: "\f3d2"; } .eltd-drop-down .second .inner ul.right li a { text-align: right; } .eltd-drop-down .second .inner ul.right li ul { left: -100%; } .eltd-drop-down li.left_position .second { left: 0; } .eltd-drop-down li.right_position .second { left: auto; right: 0; } .eltd-drop-down > ul > li:hover > .second { z-index: 20; } .eltd-drop-down .narrow .second .inner ul { position: relative; display: inline-block; vertical-align: middle; background-color: #fff; padding: 20px 0; } .eltd-drop-down .narrow .second .inner ul li { width: 235px; } .eltd-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 0.4s ease-out; -o-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out; border-top: 3px solid #c8ff0b; } .eltd-drop-down .narrow .second .inner ul li:hover ul { z-index: 20; opacity: 1; } .eltd-drop-down .narrow .second .inner ul.right li ul { left: -100%; } / Wide drop down styles ========================================================================== / .eltd-drop-down .wide .second .inner { background-color: #fff; text-align: center; } .eltd-drop-down .wide .second .inner ul li a { padding: 4px 0; } .eltd-drop-down .wide .second .inner ul li ul { position: relative; display: block; top: 0; left: 0; visibility: visible; } .eltd-drop-down .wide .second .inner ul li ul li:last-child a { padding-bottom: 0; } .eltd-drop-down .wide .second .inner > ul { position: relative; display: inline-block; vertical-align: middle; width: 1100px; padding: 35px 0; -webkit-box-sizing: border-box; box-sizing: border-box; } @media only screen and (min-width: 1400px) { .eltd-grid-1300 .eltd-drop-down .wide .second .inner > ul { width: 1300px; } } @media only screen and (min-width: 1300px) { .eltd-grid-1200 .eltd-drop-down .wide .second .inner > ul { width: 1200px; } } @media only screen and (min-width: 1200px) { .eltd-grid-1000 .eltd-drop-down .wide .second .inner > ul { width: 1000px; } } @media only screen and (min-width: 1024px) { .eltd-grid-800 .eltd-drop-down .wide .second .inner > ul { width: 800px; } } .eltd-drop-down .wide .second .inner > ul > li { float: left; width: 25%; margin: 0; padding: 0 26px; border-left: 1px solid #ccc; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltd-drop-down .wide .second .inner > ul > li:nth-child(4n+1) { clear: both; } .eltd-drop-down .wide .second .inner > ul > li > a { padding: 0 0 13px; color: #262626; font-size: 16px; font-weight: 700; text-transform: uppercase; line-height: 1.1em; } .eltd-drop-down .wide .second .inner > ul > li > a.no_link { cursor: default; } .eltd-drop-down .wide .second .inner > ul > li > a .item_outer { padding: 0; overflow: inherit; } .eltd-drop-down .wide .second .inner > ul > li > a .item_outer .item_text:before, .eltd-drop-down .wide .second .inner > ul > li > a .item_outer .item_text:after { display: none; } .eltd-drop-down .wide.left_position .second .inner > ul, .eltd-drop-down .wide.right_position .second .inner > ul { width: auto; white-space: nowrap; } .eltd-drop-down .wide.left_position .second .inner > ul > li, .eltd-drop-down .wide.right_position .second .inner > ul > li { float: none; display: inline-block; vertical-align: top; } .eltd-drop-down .wide.left_position .second .inner > ul > li:nth-child(4n+1), .eltd-drop-down .wide.right_position .second .inner > ul > li:nth-child(4n+1) { border-left: none; } .eltd-drop-down .wide.left_position .second ul li, .eltd-drop-down .wide.right_position .second ul li { width: 200px; } / ========================================================================== Header main menu style - end ========================================================================== / / ========================================================================== Fixed header style - begin ========================================================================== / .eltd-page-header .eltd-fixed-wrapper.fixed { position: fixed; top: 0; left: 0; width: 100%; -webkit-backface-visibility: hidden; } .admin-bar .eltd-page-header .eltd-fixed-wrapper.fixed { margin-top: 32px; } .eltd-page-header .eltd-fixed-wrapper.fixed .eltd-menu-area { background-color: #fff; } .eltd-fixed-on-scroll .eltd-page-header .eltd-fixed-wrapper .eltd-menu-area { -webkit-transition: height 0.2s ease; -o-transition: height 0.2s ease; transition: height 0.2s ease; } / ========================================================================== Fixed header style - end ========================================================================== / /========================================================================== # Fullscreen menu style - begin ========================================================================== / / Fullscreen general style - begin ========================================================================== / .eltd-dark-header .eltd-page-header > div:not(.eltd-sticky-header):not(.fixed) .eltd-fullscreen-menu-opener .eltd-fm-lines .eltd-fm-line, .eltd-dark-header.eltd-enable-header-style-on-scroll .eltd-page-header > div .eltd-fullscreen-menu-opener .eltd-fm-lines .eltd-fm-line { background-color: #333; } .eltd-light-header .eltd-page-header > div:not(.eltd-sticky-header):not(.fixed) .eltd-fullscreen-menu-opener .eltd-fm-lines .eltd-fm-line, .eltd-light-header.eltd-enable-header-style-on-scroll .eltd-page-header > div .eltd-fullscreen-menu-opener .eltd-fm-lines .eltd-fm-line { background-color: #fff; } .eltd-light-header .eltd-page-header > div:not(.eltd-sticky-header):not(.fixed) .eltd-fullscreen-menu-opener.eltd-fm-opened .eltd-fm-lines .eltd-fm-line, .eltd-light-header.eltd-enable-header-style-on-scroll .eltd-page-header > div .eltd-fullscreen-menu-opener.eltd-fm-opened .eltd-fm-lines .eltd-fm-line { background-color: #333; } .eltd-fullscreen-menu-opener { position: relative; display: inline-block; vertical-align: middle; } .eltd-fullscreen-menu-opener .eltd-fm-lines { position: relative; display: inline-block; vertical-align: middle; height: 15px; width: 28px; } .eltd-fullscreen-menu-opener .eltd-fm-lines .eltd-fm-line { display: block; position: absolute; background-color: #000; height: 3px; -webkit-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; } .eltd-fullscreen-menu-opener .eltd-fm-lines .eltd-fm-line.eltd-line-1, .eltd-fullscreen-menu-opener .eltd-fm-lines .eltd-fm-line.eltd-line-4 { top: 0; right: 0; left: auto; } .eltd-fullscreen-menu-opener .eltd-fm-lines .eltd-fm-line.eltd-line-1 { width: 28px; } .eltd-fullscreen-menu-opener .eltd-fm-lines .eltd-fm-line.eltd-line-2, .eltd-fullscreen-menu-opener .eltd-fm-lines .eltd-fm-line.eltd-line-5 { top: 6px; right: 0; left: auto; } .eltd-fullscreen-menu-opener .eltd-fm-lines .eltd-fm-line.eltd-line-2 { width: 19px; } .eltd-fullscreen-menu-opener .eltd-fm-lines .eltd-fm-line.eltd-line-3, .eltd-fullscreen-menu-opener .eltd-fm-lines .eltd-fm-line.eltd-line-6 { top: 12px; right: 0; left: auto; } .eltd-fullscreen-menu-opener .eltd-fm-lines .eltd-fm-line.eltd-line-3 { width: 10px; } .eltd-fullscreen-menu-opener .eltd-fm-lines .eltd-fm-line.eltd-line-4, .eltd-fullscreen-menu-opener .eltd-fm-lines .eltd-fm-line.eltd-line-5, .eltd-fullscreen-menu-opener .eltd-fm-lines .eltd-fm-line.eltd-line-6 { width: 0; } .eltd-fullscreen-menu-opener:hover .eltd-fm-lines .eltd-fm-line.eltd-line-1 { width: 35px; -webkit-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; } .eltd-fullscreen-menu-opener:hover .eltd-fm-lines .eltd-fm-line.eltd-line-2 { width: 26px; -webkit-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .eltd-fullscreen-menu-opener:hover .eltd-fm-lines .eltd-fm-line.eltd-line-3 { width: 15px; -webkit-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } .eltd-fullscreen-menu-opener:hover .eltd-fm-lines .eltd-fm-line.eltd-line-6 { width: 15px; -webkit-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; } .eltd-fullscreen-menu-opener:hover .eltd-fm-lines .eltd-fm-line.eltd-line-5 { width: 26px; -webkit-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } .eltd-fullscreen-menu-opener:hover .eltd-fm-lines .eltd-fm-line.eltd-line-4 { width: 35px; -webkit-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; } .eltd-fullscreen-menu-opener.eltd-fm-opened .eltd-fm-lines .eltd-fm-line.eltd-line-3, .eltd-fullscreen-menu-opener.eltd-fm-opened .eltd-fm-lines .eltd-fm-line.eltd-line-4, .eltd-fullscreen-menu-opener.eltd-fm-opened .eltd-fm-lines .eltd-fm-line.eltd-line-5, .eltd-fullscreen-menu-opener.eltd-fm-opened .eltd-fm-lines .eltd-fm-line.eltd-line-6 { display: none; } .eltd-fullscreen-menu-opener.eltd-fm-opened .eltd-fm-lines .eltd-fm-line.eltd-line-1 { top: 50%; width: 28px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .eltd-fullscreen-menu-opener.eltd-fm-opened .eltd-fm-lines .eltd-fm-line.eltd-line-2 { top: 50%; width: 28px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .eltd-fullscreen-menu-opened { position: fixed; top: 0; left: 0; height: 100%; width: 100%; overflow-y: hidden; } .eltd-fullscreen-menu-opened.admin-bar { top: 32px; height: calc(100% - 32px); } .eltd-fullscreen-menu-opened .eltd-page-header, .eltd-fullscreen-menu-opened .eltd-top-bar { visibility: hidden; } .eltd-fullscreen-menu-opened .eltd-fullscreen-menu-opener, .eltd-fullscreen-menu-opened .eltd-logo-wrapper { visibility: visible; } .eltd-fullscreen-menu-opened .eltd-fullscreen-menu-holder-outer { visibility: visible !important; opacity: 1 !important; } .eltd-fullscreen-menu-opened.eltd-light-header .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header) .eltd-logo-wrapper .eltd-light-logo { opacity: 0; } .eltd-fullscreen-menu-opened.eltd-light-header .eltd-page-header > div:not(.fixed):not(.eltd-sticky-header) .eltd-logo-wrapper .eltd-normal-logo { opacity: 1; } .eltd-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 / } .eltd-fullscreen-menu-holder { position: relative; width: 100%; height: 100%; background-color: white; display: table; background-repeat: repeat; background-position: 0 0; } .eltd-fullscreen-menu-holder-inner { display: table-cell; vertical-align: middle; padding: 100px 0; } .touch .eltd-fullscreen-menu-holder-outer { display: none; } .touch .eltd-fullscreen-menu-opened .eltd-fullscreen-menu-holder-outer { display: block; } nav.eltd-fullscreen-menu { position: relative; top: 0; margin: 0 auto; text-align: left; } nav.eltd-fullscreen-menu ul { position: relative; list-style: none; padding: 0; margin: 0; } nav.eltd-fullscreen-menu ul li { margin: 0; padding: 0; text-align: left; } nav.eltd-fullscreen-menu ul li a { position: relative; display: inline-block; vertical-align: middle; margin: 6px 0; font-size: 15px; line-height: 1.3em; font-family: "Roboto Condensed", sans-serif; color: #525252; } nav.eltd-fullscreen-menu ul li a span { position: relative; display: inline-block; vertical-align: top; } nav.eltd-fullscreen-menu ul li a .eltd-fullscreen-menu-arrow { position: relative; top: -3px; display: inline-block; vertical-align: middle; margin: 0 0 0 10px; font-size: 0.50em; line-height: inherit; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } nav.eltd-fullscreen-menu ul li ul { padding: 7px 0; } nav.eltd-fullscreen-menu ul li ul.sub_menu { display: none; top: -5px; } nav.eltd-fullscreen-menu ul li ul.sub_menu li > a span:before { content: ''; display: block; width: 0; height: 1px; background-color: #777; position: absolute; top: calc(100% - 1px); left: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } nav.eltd-fullscreen-menu ul li ul.sub_menu li > a:hover { color: #000; } nav.eltd-fullscreen-menu ul li ul.sub_menu li > a:hover span:before { width: 100%; } nav.eltd-fullscreen-menu ul li ul.sub_menu li.current-menu-ancestor > a, nav.eltd-fullscreen-menu ul li ul.sub_menu li.current-menu-item > a { color: #000; } nav.eltd-fullscreen-menu ul li ul.sub_menu li.current-menu-ancestor > a span:before, nav.eltd-fullscreen-menu ul li ul.sub_menu li.current-menu-item > a span:before { width: 100%; } nav.eltd-fullscreen-menu > ul { display: block; } nav.eltd-fullscreen-menu > ul > li { padding-left: 310px; } nav.eltd-fullscreen-menu > ul > li > a { font-size: 39px; font-weight: 700; color: #000; text-transform: uppercase; margin: 11px 0; } nav.eltd-fullscreen-menu > ul > li > a span:after { content: ''; display: block; width: 0; height: 3px; background-color: #c8ff0b; position: absolute; top: 100%; left: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } nav.eltd-fullscreen-menu > ul > li.eltd-active-item > a span:after, nav.eltd-fullscreen-menu > ul > li.open_sub > a span:after, nav.eltd-fullscreen-menu > ul > li > a:hover span:after { width: 20px; } nav.eltd-fullscreen-menu > ul > li.open_sub .eltd-fullscreen-menu-arrow { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .eltd-fullscreen-below-menu-widget-holder { text-align: center; margin-top: 20px; } .eltd-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; } } .eltd-fade-push-text-right .eltd-fullscreen-menu-holder-outer, .eltd-fade-push-text-top .eltd-fullscreen-menu-holder-outer, .eltd-fade-text-scaledown .eltd-fullscreen-menu-holder-outer { position: fixed; width: 100%; height: 100%; top: 0; left: 0; visibility: hidden; overflow: hidden !important; z-index: 105; opacity: 0; } .eltd-fullscreen-fade-out .eltd-fullscreen-menu-holder-outer { -webkit-animation: fade_out .25s linear both; animation: fade_out .25s linear both; } .eltd-fullscreen-menu-opened.eltd-fullscreen-fade-in .eltd-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); } } .eltd-fullscreen-menu-opened.eltd-fade-push-text-right .eltd-fullscreen-menu-holder-outer nav > ul > li > a, .eltd-fullscreen-menu-opened.eltd-fade-push-text-right .eltd-fullscreen-menu-holder-outer .eltd-fullscreen-below-menu-widget-holder > div, .eltd-fullscreen-menu-opened.eltd-fade-push-text-right .eltd-fullscreen-menu-holder-outer .eltd-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; } .eltd-fade-push-text-right.eltd-push-nav-right .eltd-fullscreen-menu-holder-outer nav, .eltd-fade-push-text-right.eltd-push-nav-right .eltd-fullscreen-menu-holder-outer .eltd-fullscreen-below-menu-widget-holder, .eltd-fade-push-text-right.eltd-push-nav-right .eltd-fullscreen-menu-holder-outer .eltd-fullscreen-above-menu-widget-holder { -webkit-transition: all 0.75s ease-out; -o-transition: all 0.75s ease-out; transition: all 0.75s ease-out; -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); } / 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); } } .eltd-fullscreen-menu-opened.eltd-fade-push-text-top .eltd-fullscreen-menu-holder-outer nav > ul > li > a, .eltd-fullscreen-menu-opened.eltd-fade-push-text-top .eltd-fullscreen-menu-holder-outer .eltd-fullscreen-below-menu-widget-holder > div, .eltd-fullscreen-menu-opened.eltd-fade-push-text-top .eltd-fullscreen-menu-holder-outer .eltd-fullscreen-above-menu-widget-holder > div { -webkit-animation: push_text_top 0.4s ease-out both 0.5s; animation: push_text_top 0.4s ease-out both 0.5s; } .eltd-fade-push-text-top.eltd-push-text-top .eltd-fullscreen-menu-holder-outer nav, .eltd-fade-push-text-top.eltd-push-text-top .eltd-fullscreen-menu-holder-outer .eltd-fullscreen-below-menu-widget-holder, .eltd-fade-push-text-top.eltd-push-text-top .eltd-fullscreen-menu-holder-outer .eltd-fullscreen-above-menu-widget-holder { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); -webkit-transition: all 0.75s ease-out; -o-transition: all 0.75s ease-out; transition: all 0.75s ease-out; } / Fullscreen animation push text top - end ========================================================================== / / Fullscreen animation fade text scaledown - begin ========================================================================== / .eltd-fullscreen-menu-opened.eltd-fade-text-scaledown .eltd-fullscreen-menu-holder-outer nav, .eltd-fullscreen-menu-opened.eltd-fade-text-scaledown .eltd-fullscreen-menu-holder-outer .eltd-fullscreen-below-menu-widget-holder, .eltd-fullscreen-menu-opened.eltd-fade-text-scaledown .eltd-fullscreen-menu-holder-outer .eltd-fullscreen-above-menu-widget-holder { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.25s linear 0.1s; -o-transition: all 0.25s linear 0.1s; transition: all 0.25s linear 0.1s; } .eltd-fade-text-scaledown .eltd-fullscreen-menu-holder-outer nav, .eltd-fade-text-scaledown .eltd-fullscreen-menu-holder-outer .eltd-fullscreen-below-menu-widget-holder, .eltd-fade-text-scaledown .eltd-fullscreen-menu-holder-outer .eltd-fullscreen-above-menu-widget-holder { opacity: 0; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.25s linear 0.1s; -o-transition: all 0.25s linear 0.1s; transition: all 0.25s linear 0.1s; } / Fullscreen animation fade text scaledown - end ========================================================================== / / ========================================================================== # Fullscreen menu style - end ==========================================================================/ / ========================================================================== Header Minimal style - begin ========================================================================== / .eltd-header-minimal .eltd-page-header .eltd-menu-area .eltd-position-right-inner { height: auto; } .eltd-header-minimal .eltd-page-header .eltd-position-left:before, .eltd-header-minimal .eltd-page-header .eltd-position-right:before { content: ""; } .eltd-header-minimal .eltd-page-header .eltd-sticky-header .eltd-position-left-inner { height: auto; } .eltd-header-minimal .eltd-page-header .eltd-sticky-header .eltd-vertical-align-containers .eltd-position-right .eltd-position-right-inner { height: auto; } / ========================================================================== Header Minimal style - end ========================================================================== / / ========================================================================== Header Standard style - begin ========================================================================== / .eltd-header-standard .eltd-menu-area.eltd-menu-left .eltd-main-menu { width: auto; padding: 0 0 0 20px; } .eltd-header-standard .eltd-menu-area.eltd-menu-left .eltd-vertical-align-containers .eltd-position-left-inner { height: 100%; } .eltd-header-standard .eltd-menu-area.eltd-menu-center .eltd-vertical-align-containers .eltd-position-center-inner { height: 100%; } .eltd-header-standard .eltd-menu-area.eltd-menu-right .eltd-main-menu { width: auto; } .eltd-header-standard .eltd-menu-area.eltd-menu-right .eltd-vertical-align-containers .eltd-position-right-inner { height: 100%; } .eltd-header-standard .eltd-menu-area .widget.widget_search form { min-width: 200px; width: 100%; } / ========================================================================== Header Standard style - end ========================================================================== / / ========================================================================== Header Vertical style - begin ========================================================================== / / ========================================================================== Header Vertical navigation style - begin ========================================================================== / .eltd-header-vertical .eltd-vertical-alignment-center .eltd-vertical-menu-outer { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; padding: 100px 0; } .eltd-header-vertical .eltd-vertical-alignment-center .eltd-vertical-menu { display: table; width: 100%; height: 100%; min-height: 0; } .eltd-header-vertical .eltd-vertical-alignment-center .eltd-vertical-menu > ul { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .eltd-header-vertical .eltd-vertical-menu-outer { position: relative; display: inline-block; width: 100%; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltd-header-vertical .eltd-vertical-menu { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 29px 0 31px; padding: 0; z-index: 100; } .eltd-header-vertical .eltd-vertical-menu ul { position: relative; list-style-type: none; padding: 0; margin: 0; } .eltd-header-vertical .eltd-vertical-menu ul li { position: relative; padding: 0; margin: 0; } .eltd-header-vertical .eltd-vertical-menu ul li a { position: relative; display: block; margin: 0; padding: 4px 0; font-family: "Roboto Condensed", sans-serif; } .eltd-header-vertical .eltd-vertical-menu ul li a .item_outer { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltd-header-vertical .eltd-vertical-menu ul li a .eltd-menu-arrow { position: absolute; top: auto; left: auto; font-size: 12px; line-height: inherit; margin: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -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; } .eltd-header-vertical .eltd-vertical-menu ul li a .eltd-menu-featured-icon { position: relative; top: -4px; left: 3px; color: #262626; font-size: 12px; margin: 0; } .eltd-header-vertical .eltd-vertical-menu ul li a .menu_icon:not(.blank):not(.null) { padding: 0 5px 0 0; } .eltd-header-vertical .eltd-vertical-menu ul li.eltd-active-item > a .eltd-menu-arrow, .eltd-header-vertical .eltd-vertical-menu ul li.current_page_item > a .eltd-menu-arrow, .eltd-header-vertical .eltd-vertical-menu ul li.current-menu-item > a .eltd-menu-arrow, .eltd-header-vertical .eltd-vertical-menu ul li.current-menu-ancestor > a .eltd-menu-arrow, .eltd-header-vertical .eltd-vertical-menu ul li.has_sub.open > a .eltd-menu-arrow { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .eltd-header-vertical .eltd-vertical-menu ul li ul { padding: 3px 0; } .eltd-header-vertical .eltd-vertical-menu ul li ul li.sub > a .item_outer { position: relative; display: block; } .eltd-header-vertical .eltd-vertical-menu ul li ul li.sub > a .item_outer:after { position: absolute; top: -1px; right: 0; margin: 0; font-family: 'FontAwesome'; font-size: inherit; line-height: inherit; content: "\f105"; } .eltd-header-vertical .eltd-vertical-menu ul li ul li.sub.eltd-active-item > a .item_outer:after, .eltd-header-vertical .eltd-vertical-menu ul li ul li.sub.current_page_item > a .item_outer:after, .eltd-header-vertical .eltd-vertical-menu ul li ul li.sub.current-menu-item > a .item_outer:after, .eltd-header-vertical .eltd-vertical-menu ul li ul li.sub.current-menu-ancestor > a .item_outer:after, .eltd-header-vertical .eltd-vertical-menu ul li ul li.sub.open > a .item_outer:after { content: "\f107"; } .eltd-header-vertical .eltd-vertical-menu ul li .second { display: none; -webkit-transform: translateZ(0); transform: translateZ(0); } .eltd-header-vertical .eltd-vertical-menu ul li .second .inner { position: relative; display: block; padding: 0; z-index: 997; } .eltd-header-vertical .eltd-vertical-menu ul li .second ul li a { font-size: 15px; color: #525252; } .eltd-header-vertical .eltd-vertical-menu ul li .second ul li a .item_text { position: relative; margin-right: 8px; } .eltd-header-vertical .eltd-vertical-menu ul li .second ul li a .item_text:before { content: ''; display: block; width: 0; height: 1px; background-color: #777; position: absolute; top: calc(100% - 1px); left: 0; -webkit-transition: all 0.3s ease 0.05s; -o-transition: all 0.3s ease 0.05s; transition: all 0.3s ease 0.05s; } .eltd-header-vertical .eltd-vertical-menu ul li .second ul li.eltd-active-item > a, .eltd-header-vertical .eltd-vertical-menu ul li .second ul li.current_page_item > a, .eltd-header-vertical .eltd-vertical-menu ul li .second ul li.current-menu-item > a, .eltd-header-vertical .eltd-vertical-menu ul li .second ul li.current-menu-ancestor > a, .eltd-header-vertical .eltd-vertical-menu ul li .second ul li.has_sub.open > a, .eltd-header-vertical .eltd-vertical-menu ul li .second ul li > a:hover { color: #000; } .eltd-header-vertical .eltd-vertical-menu ul li .second ul li.eltd-active-item > a .item_text:before, .eltd-header-vertical .eltd-vertical-menu ul li .second ul li.current_page_item > a .item_text:before, .eltd-header-vertical .eltd-vertical-menu ul li .second ul li.current-menu-item > a .item_text:before, .eltd-header-vertical .eltd-vertical-menu ul li .second ul li.current-menu-ancestor > a .item_text:before, .eltd-header-vertical .eltd-vertical-menu ul li .second ul li.has_sub.open > a .item_text:before, .eltd-header-vertical .eltd-vertical-menu ul li .second ul li > a:hover .item_text:before { width: 100%; } .eltd-header-vertical .eltd-vertical-menu > ul > li > a { font-size: 16px; line-height: 27px; font-weight: 700; color: #000; text-transform: uppercase; padding: 13px 0; } .eltd-header-vertical .eltd-vertical-menu > ul > li > a span.item_text { position: relative; display: inline-block; vertical-align: top; margin-right: 8px; } .eltd-header-vertical .eltd-vertical-menu > ul > li > a span.item_text:after { content: ''; display: block; width: 0; height: 3px; background-color: #c8ff0b; position: absolute; top: 100%; left: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .eltd-header-vertical .eltd-vertical-menu > ul > li > a:hover span.item_text:after { width: 20px; } .eltd-header-vertical .eltd-vertical-menu > ul > li.eltd-active-item > a span.item_text:after, .eltd-header-vertical .eltd-vertical-menu > ul > li.current_page_item > a span.item_text:after, .eltd-header-vertical .eltd-vertical-menu > ul > li.current-menu-item > a span.item_text:after, .eltd-header-vertical .eltd-vertical-menu > ul > li.current-menu-ancestor > a span.item_text:after, .eltd-header-vertical .eltd-vertical-menu > ul > li.has_sub.open > a span.item_text:after { width: 20px; } .eltd-light-header.eltd-header-vertical .eltd-vertical-menu ul li a { color: #fff !important; } .eltd-dark-header.eltd-header-vertical .eltd-vertical-menu ul li a { color: #333 !important; } / ========================================================================== Header Vertical navigation style - end ========================================================================== / .eltd-header-vertical .eltd-vertical-area-widget-holder { position: absolute; display: block; width: 100%; top: auto; bottom: 35px; left: 0; } .eltd-header-vertical .eltd-vertical-alignment-center .eltd-vertical-area-widget-holder { position: absolute; width: 100%; bottom: 0px; left: 0px; } .eltd-header-vertical.admin-bar .eltd-vertical-menu-area { top: 32px; height: calc(100% - 32px); } .eltd-header-vertical .eltd-content, .eltd-header-vertical footer { padding-left: 320px; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltd-header-vertical .eltd-vertical-menu-area { position: fixed; top: 0; left: 0; width: 320px; height: 100%; padding: 75px 45px 10px 86px; background-color: transparent; outline: none; z-index: 101; -webkit-backface-visibility: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltd-header-vertical .eltd-vertical-menu-area.eltd-with-scroll { overflow: hidden; } .eltd-header-vertical .eltd-vertical-menu-area-inner { position: relative; display: inline-block; width: 100%; vertical-align: middle; height: 100%; } .eltd-header-vertical .eltd-vertical-menu-area-inner.eltd-vertical-align-left { text-align: left; } .eltd-header-vertical .eltd-vertical-menu-area-inner.eltd-vertical-align-center { text-align: center; } .eltd-header-vertical .eltd-vertical-menu-area-inner.eltd-vertical-align-center .eltd-logo-wrapper img { margin: 0 auto; } .eltd-header-vertical .eltd-logo-wrapper { position: relative; display: inline-block; width: 100%; vertical-align: middle; z-index: 100; } .eltd-header-vertical .eltd-logo-wrapper a { display: block; position: relative; height: 100%; } .eltd-header-vertical .eltd-logo-wrapper img { display: block; height: auto; max-height: 100%; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .eltd-header-vertical .eltd-vertical-area-background { position: fixed; top: 0; left: 0; width: 320px; height: 100%; background-color: #fff; background-position: right top; background-repeat: no-repeat; background-size: cover; z-index: 0; opacity: 1; -webkit-transition: opacity 0.5s ease, background-color 0.5s ease; -o-transition: opacity 0.5s ease, background-color 0.5s ease; transition: opacity 0.5s ease, background-color 0.5s ease; } .eltd-header-vertical.eltd-header-vertical-shadow-disable .eltd-vertical-area-background { -webkit-box-shadow: none; box-shadow: none; } .eltd-header-vertical.eltd-header-vertical-border-disable .eltd-vertical-area-background { border: none; } .eltd-light-header .eltd-vertical-menu-area .eltd-logo-wrapper .eltd-light-logo { opacity: 1; } .eltd-light-header .eltd-vertical-menu-area .eltd-logo-wrapper .eltd-normal-logo, .eltd-light-header .eltd-vertical-menu-area .eltd-logo-wrapper .eltd-dark-logo { opacity: 0; } .eltd-dark-header .eltd-vertical-menu-area .eltd-logo-wrapper .eltd-dark-logo { opacity: 1; } .eltd-dark-header .eltd-vertical-menu-area .eltd-logo-wrapper .eltd-normal-logo, .eltd-dark-header .eltd-vertical-menu-area .eltd-logo-wrapper .eltd-light-logo { opacity: 0; } / ========================================================================== Header Vertical style - end ========================================================================== / / ========================================================================== Mobile header style - begin ========================================================================== / .eltd-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 ========================================================================== / } .eltd-mobile-header .eltd-mobile-header-inner { position: relative; height: 70px; background-color: #fff; border-bottom: 1px solid #b2b2b2; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltd-mobile-header .eltd-mobile-header-inner .eltd-mobile-header-holder { position: relative; z-index: 2; height: 100%; } .eltd-mobile-header .eltd-grid { height: 100%; } .eltd-mobile-header .eltd-vertical-align-containers { padding: 0; } .eltd-mobile-header .eltd-mobile-logo-wrapper a { display: block; } .eltd-mobile-header .eltd-mobile-logo-wrapper img { display: block; height: 100%; width: auto; } .eltd-mobile-header .eltd-mobile-menu-opener { position: relative; display: inline-block; z-index: 2; top: 50%; } .eltd-mobile-header .eltd-mobile-menu-opener a { display: block; height: 100%; } .eltd-mobile-header .eltd-mobile-menu-opener a > { position: relative; display: inline-block; vertical-align: middle; line-height: 1em; } .eltd-mobile-header .eltd-mobile-menu-opener a .eltd-mobile-menu-icon { position: relative; display: inline-block; vertical-align: middle; height: 15px; width: 28px; } .eltd-mobile-header .eltd-mobile-menu-opener a .eltd-mobile-menu-icon .eltd-mm-line { display: block; position: absolute; background-color: #000; height: 3px; } .eltd-mobile-header .eltd-mobile-menu-opener a .eltd-mobile-menu-icon .eltd-mm-line.eltd-line-1, .eltd-mobile-header .eltd-mobile-menu-opener a .eltd-mobile-menu-icon .eltd-mm-line.eltd-line-4 { top: 0; right: 0; left: auto; } .eltd-mobile-header .eltd-mobile-menu-opener a .eltd-mobile-menu-icon .eltd-mm-line.eltd-line-1 { width: 28px; } .eltd-mobile-header .eltd-mobile-menu-opener a .eltd-mobile-menu-icon .eltd-mm-line.eltd-line-2, .eltd-mobile-header .eltd-mobile-menu-opener a .eltd-mobile-menu-icon .eltd-mm-line.eltd-line-5 { top: 6px; right: 0; left: auto; } .eltd-mobile-header .eltd-mobile-menu-opener a .eltd-mobile-menu-icon .eltd-mm-line.eltd-line-2 { width: 19px; } .eltd-mobile-header .eltd-mobile-menu-opener a .eltd-mobile-menu-icon .eltd-mm-line.eltd-line-3, .eltd-mobile-header .eltd-mobile-menu-opener a .eltd-mobile-menu-icon .eltd-mm-line.eltd-line-6 { top: 12px; right: 0; left: auto; } .eltd-mobile-header .eltd-mobile-menu-opener a .eltd-mobile-menu-icon .eltd-mm-line.eltd-line-3 { width: 10px; } .eltd-mobile-header .eltd-mobile-menu-opener a .eltd-mobile-menu-icon .eltd-mm-line.eltd-line-4, .eltd-mobile-header .eltd-mobile-menu-opener a .eltd-mobile-menu-icon .eltd-mm-line.eltd-line-5, .eltd-mobile-header .eltd-mobile-menu-opener a .eltd-mobile-menu-icon .eltd-mm-line.eltd-line-6 { width: 0; } .eltd-mobile-header .eltd-mobile-menu-opener a .eltd-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-left: 5px; } .eltd-mobile-header .eltd-mobile-nav { display: none; background-color: #fff; border-bottom: 1px solid #b2b2b2; } .eltd-mobile-header .eltd-mobile-nav ul { padding: 0; margin: 0; list-style-type: none; } .eltd-mobile-header .eltd-mobile-nav ul li { position: relative; padding: 0; margin: 0; } .eltd-mobile-header .eltd-mobile-nav ul li a, .eltd-mobile-header .eltd-mobile-nav ul li h6 { position: relative; display: block; padding: 9px 0; margin: 0; font-family: "Roboto Condensed", sans-serif; font-size: 14px; color: #525252; line-height: 23px; cursor: pointer; padding-left: 4px; } .eltd-mobile-header .eltd-mobile-nav ul li a > span, .eltd-mobile-header .eltd-mobile-nav ul li h6 > span { position: relative; display: inline-block; } .eltd-mobile-header .eltd-mobile-nav ul li a > span:before, .eltd-mobile-header .eltd-mobile-nav ul li h6 > span:before { content: ''; display: block; width: 0; height: 1px; background-color: #777; position: absolute; top: calc(100% - 1px); left: 0; -webkit-transition: all 0.3s ease 0.05s; -o-transition: all 0.3s ease 0.05s; transition: all 0.3s ease 0.05s; } .eltd-mobile-header .eltd-mobile-nav ul ul { display: none; } .eltd-mobile-header .eltd-mobile-nav ul ul li.current-menu-ancestor > a > span:before, .eltd-mobile-header .eltd-mobile-nav ul ul li.current-menu-item > a > span:before, .eltd-mobile-header .eltd-mobile-nav ul ul li.current-menu-ancestor > h6 > span:before, .eltd-mobile-header .eltd-mobile-nav ul ul li.current-menu-item > h6 > span:before { width: 100%; } .eltd-mobile-header .eltd-mobile-nav .eltd-grid > ul > li > a, .eltd-mobile-header .eltd-mobile-nav .eltd-grid > ul > li > h6 { font-size: 15px; font-weight: 700; color: #000; text-transform: uppercase; border-bottom: 1px solid #b2b2b2; } .eltd-mobile-header .eltd-mobile-nav .eltd-grid > ul > li > a > span, .eltd-mobile-header .eltd-mobile-nav .eltd-grid > ul > li > h6 > span { position: relative; display: block; } .eltd-mobile-header .eltd-mobile-nav .eltd-grid > ul > li > a > span:after, .eltd-mobile-header .eltd-mobile-nav .eltd-grid > ul > li > h6 > span:after { content: ''; display: block; width: 0; height: 3px; background-color: #c8ff0b; position: absolute; top: 100%; left: 0; -webkit-transition: all 0.3s ease 0.05s; -o-transition: all 0.3s ease 0.05s; transition: all 0.3s ease 0.05s; } .eltd-mobile-header .eltd-mobile-nav .eltd-grid > ul > li.eltd-active-item > a > span:after, .eltd-mobile-header .eltd-mobile-nav .eltd-grid > ul > li.eltd-active-item > h6 > span:after { width: 20px; } .eltd-mobile-header .eltd-mobile-nav .eltd-grid > ul > li.eltd-active-item > a > span:before, .eltd-mobile-header .eltd-mobile-nav .eltd-grid > ul > li.eltd-active-item > h6 > span:before { width: 0; } .eltd-mobile-header .eltd-mobile-nav .eltd-grid > ul > li.eltd-active-item > .mobile_arrow > .eltd-sub-arrow { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .eltd-mobile-header .eltd-mobile-nav .mobile_arrow { position: absolute; right: 0; top: 7px; width: 50px; padding-right: 12px; font-size: 15px; line-height: 29px; text-align: right; } .eltd-mobile-header .eltd-mobile-nav .mobile_arrow:hover { cursor: pointer; } .eltd-mobile-header .eltd-mobile-nav .mobile_arrow .eltd-sub-arrow { -webkit-transition: transform 0.2s ease-in-out; -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; } .eltd-mobile-header .eltd-mobile-nav .mobile_arrow .fa-angle-down { display: none; } .eltd-mobile-header .eltd-mobile-nav li.eltd-opened > .mobile_arrow > .eltd-sub-arrow { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .eltd-mobile-header .eltd-mobile-nav > ul > li:last-child > a, .eltd-mobile-header .eltd-mobile-nav > .eltd-grid > ul > li:last-child > a { border-bottom: none; } /* ========================================================================== Mobile header style - end ========================================================================== / / ========================================================================== Sticky Mobile header style - begin ========================================================================== / .eltd-sticky-up-mobile-header .eltd-animate-mobile-header .eltd-mobile-header-inner { width: 100%; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform 0.4s ease-in-out, left 0.2s ease, right 0.2s ease; -webkit-transition: left 0.2s ease, right 0.2s ease, -webkit-transform 0.4s ease-in-out; transition: left 0.2s ease, right 0.2s ease, -webkit-transform 0.4s ease-in-out; -o-transition: transform 0.4s ease-in-out, left 0.2s ease, right 0.2s ease; transition: transform 0.4s ease-in-out, left 0.2s ease, right 0.2s ease; transition: transform 0.4s ease-in-out, left 0.2s ease, right 0.2s ease, -webkit-transform 0.4s ease-in-out; } .eltd-sticky-up-mobile-header .mobile-header-appear .eltd-mobile-header-inner { position: fixed; top: 0; left: 0; width: 100%; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .eltd-sticky-up-mobile-header.admin-bar .mobile-header-appear .eltd-mobile-header-inner { -webkit-transform: translateY(32px); -ms-transform: translateY(32px); transform: translateY(32px); } / ========================================================================== Sticky Mobile header style - end ========================================================================== / / ========================================================================== Sticky header style - begin ========================================================================== / .eltd-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 0.6s ease; transition: -webkit-transform 0.6s ease; -o-transition: transform 0.6s ease; transition: transform 0.6s ease; transition: transform 0.6s ease, -webkit-transform 0.6s ease; } .eltd-sticky-header .eltd-grid { height: 100% !important; } .eltd-sticky-header.header-appear { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .eltd-sticky-header .eltd-sticky-holder { position: relative; height: 100%; z-index: 2; background-color: #fff; border-bottom: 1px solid #b2b2b2; -webkit-box-sizing: border-box; box-sizing: border-box; } .eltd-sticky-header .eltd-sticky-holder .eltd-vertical-align-containers { padding: 0 40px; } .eltd-sticky-header .eltd-sticky-holder .eltd-logo-wrapper a { max-height: 70px; } .eltd-sticky-header .eltd-sticky-holder .eltd-grid .eltd-vertical-align-containers { padding: 0; } .admin-bar .eltd-sticky-header.header-appear { top: 32px; } .eltd-sticky-header .eltd-position-center-inner, .eltd-sticky-header .eltd-position-right-inner { height: 100%; } .eltd-sticky-header .eltd-sticky-right { display: inline-block; vertical-align: middle; } .eltd-sticky-header .widget { display: inline-block; vertical-align: middle; margin: 0; } / ========================================================================== Sticky header style - end ========================================================================== / / ========================================================================== Top header style - begin ========================================================================== / .eltd-top-bar { position: relative; display: inline-block; width: 100%; vertical-align: middle; height: 35px; color: #fff; font-size: 12px; line-height: 1; background-color: #000; z-index: 111; } .eltd-top-bar > .eltd-vertical-align-containers { padding: 0 45px; } .eltd-top-bar > .eltd-vertical-align-containers .eltd-position-right-inner { height: 100%; } .eltd-top-bar .eltd-grid { height: 100%; } .eltd-top-bar .eltd-grid .eltd-vertical-align-containers { padding-left: 0; padding-right: 0; } .eltd-top-bar-in-grid-padding .eltd-top-bar .eltd-grid .eltd-vertical-align-containers { padding: 0 45px; } .eltd-top-bar .widget { margin: 0; } / ========================================================================== Top header style - end ========================================================================== / / ========================================================================== Header styles - end ========================================================================== / /# sourceMappingURL=../css/header-map.css.map */

| ver. 1.4 | Github | . | PHP 8.2.29 | Генерация страницы: 0 | proxy | phpinfo | Настройка