File manager - Edit - /home/u300416816/domains/arib7.net/public_html/wp-content/themes/jannah/assets/css/base.css
Back
:root { --brand-color: #0669ff; --dark-brand-color: #0051cc; --bright-color: #FFF; --base-color: #2c2f34; } /* normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */ html { -ms-touch-action: manipulation; touch-action: manipulation; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } progress { vertical-align: baseline; } template, [hidden] { display: none; } a { background-color: transparent; } a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: inherit; } b, strong { font-weight: 600; } dfn { font-style: italic; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } button, input, select, textarea { font: inherit; } optgroup { font-weight: bold; } button, input, select { overflow: visible; } button, input, select, textarea { margin: 0; } button, select { text-transform: none; } button, [type=button], [type=reset], [type=submit] { cursor: pointer; } [disabled] { cursor: default; } button, html [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } button:-moz-focusring, input:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } textarea { overflow: auto; } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** Basics */ * { padding: 0; margin: 0; list-style: none; border: 0; outline: none; box-sizing: border-box; } *:before, *:after { box-sizing: border-box; } body { background: #F7F7F7; color: var(--base-color); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", "Open Sans", Arial, sans-serif; font-size: 13px; line-height: 21px; } h1, h2, h3, h4, h5, h6, .the-subtitle { line-height: 1.4; font-weight: 600; } h1 { font-size: 41px; font-weight: 700; } h2 { font-size: 27px; } h3 { font-size: 23px; } h4, .the-subtitle { font-size: 17px; } h5 { font-size: 13px; } h6 { font-size: 12px; } a { color: var(--base-color); text-decoration: none; transition: 0.15s; } .brand-title, a:hover { color: var(--brand-color); } img, object, embed { max-width: 100%; height: auto; } iframe { max-width: 100%; } p { line-height: 1.7; } .says, .screen-reader-text, .comment-form-comment label { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .stream-title { margin-bottom: 3px; font-size: 11px; color: #a5a5a5; display: block; } .stream-item { text-align: center; position: relative; z-index: 2; margin: 20px 0; padding: 0; } .stream-item iframe { margin: 0 auto; } .stream-item img { max-width: 100%; width: auto; height: auto; margin: 0 auto; display: inline-block; vertical-align: middle; } .stream-item.stream-item-above-header { margin: 0; } .stream-item.stream-item-between .post-item-inner { width: 100%; display: block; } .post-layout-8.is-header-layout-1.has-header-ad .entry-header-outer, body.post-layout-8.has-header-below-ad .entry-header-outer { padding-top: 0; } .stream-item-top-wrapper ~ .stream-item-below-header, .is-header-layout-1.has-header-ad.post-layout-6 .featured-area, .has-header-below-ad.post-layout-6 .featured-area { margin-top: 0; } .has-header-below-ad .fullwidth-entry-title.container-wrapper, .is-header-layout-1.has-header-ad .fullwidth-entry-title, .is-header-layout-1.has-header-ad .is-first-section, .has-header-below-ad .is-first-section { padding-top: 0; margin-top: 0; } @media (max-width: 991px) { body:not(.is-header-layout-1).has-header-below-ad.has-header-ad .top-nav-below .has-breaking-news { margin-bottom: 20px; } .has-header-ad .fullwidth-entry-title.container-wrapper, .has-header-ad.has-header-below-ad .stream-item-below-header, .single.has-header-ad:not(.has-header-below-ad) #content, .page.has-header-ad:not(.has-header-below-ad) #content { margin-top: 0; } .has-header-ad .is-first-section { padding-top: 0; } .has-header-ad:not(.has-header-below-ad) .buddypress-header-outer { margin-bottom: 15px; } } .has-full-width-logo .stream-item-top-wrapper, .header-layout-2 .stream-item-top-wrapper { width: 100%; max-width: 100%; float: none; clear: both; } @media (min-width: 992px) { .header-layout-2.has-normal-width-logo .stream-item-top-wrapper { margin-top: 0; } } .header-layout-3.no-stream-item .logo-container { width: 100%; float: none; } @media (min-width: 992px) { .header-layout-3.has-normal-width-logo .stream-item-top img { float: right; } } @media (max-width: 991px) { .header-layout-3.has-normal-width-logo .stream-item-top { clear: both; } } #background-stream-cover { top: 0; left: 0; z-index: 0; overflow: hidden; width: 100%; height: 100%; position: fixed; } @media (max-width: 768px) { .hide_banner_header .stream-item-above-header, .hide_banner_top .stream-item-top-wrapper, .hide_banner_below_header .stream-item-below-header, .hide_banner_bottom .stream-item-above-footer, .hide_banner_above .stream-item-above-post, .hide_banner_above_content .stream-item-above-post-content, .hide_banner_below_content .stream-item-below-post-content, .hide_banner_below .stream-item-below-post, .hide_banner_comments .stream-item-below-post-comments, .hide_breaking_news #top-nav, .hide_sidebars .sidebar, .hide_footer_tiktok #footer-tiktok, .hide_footer_instagram #footer-instagram, .hide_footer #footer-widgets-container, .hide_copyright #site-info, .hide_breadcrumbs #breadcrumb, .hide_share_post_top .share-buttons-top, .hide_share_post_bottom .share-buttons-bottom, .hide_post_newsletter #post-newsletter, .hide_related #related-posts, .hide_read_next #read-next-block, .hide_post_authorbio .post-components .about-author, .hide_post_nav .prev-next-post-nav, .hide_back_top_button #go-to-top, .hide_read_more_buttons .more-link, .hide_inline_related_posts #inline-related-post { display: none !important; } } .tie-icon:before, [class^=tie-icon-], [class*=" tie-icon-"] { font-family: "tiefonticon" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; } body.tie-no-js a.remove, body.tie-no-js .tooltip, body.tie-no-js .woocommerce-message, body.tie-no-js .woocommerce-error, body.tie-no-js .woocommerce-info, body.tie-no-js .bbp-template-notice, body.tie-no-js .indicator-hint, body.tie-no-js .menu-counter-bubble-outer, body.tie-no-js .notifications-total-outer, body.tie-no-js .comp-sub-menu, body.tie-no-js .menu-sub-content { display: none !important; } body.tie-no-js .fa, body.tie-no-js .fas, body.tie-no-js .far, body.tie-no-js .fab, body.tie-no-js .tie-icon:before, body.tie-no-js [class^=tie-icon-], body.tie-no-js [class*=" tie-icon-"], body.tie-no-js .weather-icon { visibility: hidden !important; } body.tie-no-js [class^=tie-icon-]:before, body.tie-no-js [class*=" tie-icon-"]:before { content: "\f105"; } .tie-popup, #autocomplete-suggestions { display: none; } /** Layout :: Basic Layouts */ .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container:after { content: ""; display: table; clear: both; } @media (min-width: 768px) { .container { width: 100%; } } @media (min-width: 1200px) { .container { max-width: 1200px; } } .tie-row { margin-left: -15px; margin-right: -15px; } .tie-row:after { content: ""; display: table; clear: both; } .tie-col-xs-1, .tie-col-sm-1, .tie-col-md-1, .tie-col-xs-2, .tie-col-sm-2, .tie-col-md-2, .tie-col-xs-3, .tie-col-sm-3, .tie-col-md-3, .tie-col-xs-4, .tie-col-sm-4, .tie-col-md-4, .tie-col-xs-5, .tie-col-sm-5, .tie-col-md-5, .tie-col-xs-6, .tie-col-sm-6, .tie-col-md-6, .tie-col-xs-7, .tie-col-sm-7, .tie-col-md-7, .tie-col-xs-8, .tie-col-sm-8, .tie-col-md-8, .tie-col-xs-9, .tie-col-sm-9, .tie-col-md-9, .tie-col-xs-10, .tie-col-sm-10, .tie-col-md-10, .tie-col-xs-11, .tie-col-sm-11, .tie-col-md-11, .tie-col-xs-12, .tie-col-sm-12, .tie-col-md-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .tie-col-xs-1, .tie-col-xs-2, .tie-col-xs-3, .tie-col-xs-4, .tie-col-xs-5, .tie-col-xs-6, .tie-col-xs-7, .tie-col-xs-8, .tie-col-xs-9, .tie-col-xs-10, .tie-col-xs-11, .tie-col-xs-12 { float: left; } .tie-col-xs-1 { width: 8.3333333333%; } .tie-col-xs-2 { width: 16.6666666667%; } .tie-col-xs-3 { width: 25%; } .tie-col-xs-4 { width: 33.3333333333%; } .tie-col-xs-5 { width: 41.6666666667%; } .tie-col-xs-6 { width: 50%; } .tie-col-xs-7 { width: 58.3333333333%; } .tie-col-xs-8 { width: 66.6666666667%; } .tie-col-xs-9 { width: 75%; } .tie-col-xs-10 { width: 83.3333333333%; } .tie-col-xs-11 { width: 91.6666666667%; } .tie-col-xs-12 { width: 100%; } @media (min-width: 768px) { .tie-col-sm-1, .tie-col-sm-2, .tie-col-sm-3, .tie-col-sm-4, .tie-col-sm-5, .tie-col-sm-6, .tie-col-sm-7, .tie-col-sm-8, .tie-col-sm-9, .tie-col-sm-10, .tie-col-sm-11, .tie-col-sm-12 { float: left; } .tie-col-sm-1 { width: 8.3333333333%; } .tie-col-sm-2 { width: 16.6666666667%; } .tie-col-sm-3 { width: 25%; } .tie-col-sm-4 { width: 33.3333333333%; } .tie-col-sm-5 { width: 41.6666666667%; } .tie-col-sm-6 { width: 50%; } .tie-col-sm-7 { width: 58.3333333333%; } .tie-col-sm-8 { width: 66.6666666667%; } .tie-col-sm-9 { width: 75%; } .tie-col-sm-10 { width: 83.3333333333%; } .tie-col-sm-11 { width: 91.6666666667%; } .tie-col-sm-12 { width: 100%; } } @media (min-width: 992px) { .tie-col-md-1, .tie-col-md-2, .tie-col-md-3, .tie-col-md-4, .tie-col-md-5, .tie-col-md-6, .tie-col-md-7, .tie-col-md-8, .tie-col-md-9, .tie-col-md-10, .tie-col-md-11, .tie-col-md-12 { float: left; } .tie-col-md-1 { width: 8.3333333333%; } .tie-col-md-2 { width: 16.6666666667%; } .tie-col-md-3 { width: 25%; } .tie-col-md-4 { width: 33.3333333333%; } .tie-col-md-5 { width: 41.6666666667%; } .tie-col-md-6 { width: 50%; } .tie-col-md-7 { width: 58.3333333333%; } .tie-col-md-8 { width: 66.6666666667%; } .tie-col-md-9 { width: 75%; } .tie-col-md-10 { width: 83.3333333333%; } .tie-col-md-11 { width: 91.6666666667%; } .tie-col-md-12 { width: 100%; } } .tie-alignleft { float: left; } .tie-alignright { float: right; } .tie-aligncenter { clear: both; margin-left: auto; margin-right: auto; } .fullwidth { width: 100% !important; } .alignleft { float: left; margin: 0.375em 1.75em 1em 0; } .alignright { float: right; margin: 0.375em 0 1em 1.75em; } .aligncenter { clear: both; display: block; margin: 0 auto 1.75em; text-align: center; margin-left: auto; margin-right: auto; margin-top: 6px; margin-bottom: 6px; } @media (max-width: 767px) { .entry .alignright, .entry .alignright img, .entry .alignleft, .entry .alignleft img { float: none; clear: both; display: block; margin: 0 auto 1.75em; } } .clearfix:before, .clearfix:after { content: " "; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .tie-container, #tie-wrapper { height: 100%; min-height: 650px; } .tie-container { position: relative; overflow: hidden; } #tie-wrapper { background: #fff; position: relative; z-index: 108; height: 100%; margin: 0 auto; } .container-wrapper { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; padding: 30px; } #content { margin-top: 30px; } @media (max-width: 991px) { #content { margin-top: 15px; } } .site-content { -ms-word-wrap: break-word; word-wrap: break-word; } .boxed-layout #tie-wrapper, .boxed-layout .fixed-nav { max-width: 1230px; } .boxed-layout.wrapper-has-shadow #tie-wrapper { box-shadow: 0 1px 7px rgba(171, 171, 171, 0.5); } @media (min-width: 992px) { .boxed-layout #main-nav.fixed-nav, .boxed-layout #tie-wrapper { width: 95%; } } @media (min-width: 992px) { .framed-layout #tie-wrapper { margin-top: 25px; margin-bottom: 25px; } } @media (min-width: 992px) { .border-layout #tie-container { margin: 25px; } .border-layout:after, .border-layout:before { background: inherit; content: ""; display: block; height: 25px; left: 0; bottom: 0; position: fixed; width: 100%; z-index: 110; } .border-layout:before { top: 0; bottom: auto; } .border-layout.admin-bar:before { top: 32px; } .border-layout #main-nav.fixed-nav { left: 25px; right: 25px; width: calc(100% - 50px); } } /** Headers */ #header-notification-bar { background: var(--brand-color); color: #fff; position: relative; z-index: 1; } #header-notification-bar p a { color: #fff; text-decoration: underline; } #header-notification-bar .container { display: flex; justify-content: space-between; font-size: 16px; flex-wrap: wrap; align-items: center; gap: 40px; min-height: 65px; } #header-notification-bar .container .button { font-size: 14px; } #header-notification-bar .container:after { display: none; } @media (max-width: 991px) { #header-notification-bar .container { justify-content: center; padding-top: 15px; padding-bottom: 15px; gap: 15px; flex-direction: column; } } .theme-header { background: #fff; position: relative; z-index: 999; } .theme-header:after { content: ""; display: table; clear: both; } .theme-header.has-shadow { box-shadow: rgba(0, 0, 0, 0.1) 0px 25px 20px -20px; } .theme-header.top-nav-below .top-nav { z-index: 8; } .is-stretch-header .container { max-width: 100%; } #menu-components-wrap { display: flex; justify-content: space-between; width: 100%; flex-wrap: wrap; } .header-layout-2 #menu-components-wrap { justify-content: center; } .header-layout-4 #menu-components-wrap { justify-content: flex-start; } .header-layout-4 #menu-components-wrap .main-menu-wrap { flex-grow: 2; } .header-layout-4 #menu-components-wrap .flex-placeholder { flex-grow: 1; } .logo-row { position: relative; } #logo { margin-top: 40px; margin-bottom: 40px; display: block; float: left; } #logo img { vertical-align: middle; } #logo img[src*=".svg"] { width: 100% !important; } @-moz-document url-prefix() { #logo img[src*=".svg"] { height: 100px; } } #logo a { display: inline-block; } #logo .h1-off { position: absolute; top: -9000px; left: -9000px; } #logo.text-logo a { color: var(--brand-color); } #logo.text-logo a:hover { color: var(--dark-brand-color); opacity: 0.8; } #tie-logo-inverted, #tie-sticky-logo-inverted { display: none; } .tie-skin-inverted #tie-sticky-logo-inverted, .tie-skin-inverted #tie-logo-inverted { display: block; } .tie-skin-inverted #tie-sticky-logo-default, .tie-skin-inverted #tie-logo-default { display: none; } .logo-text { font-size: 50px; line-height: 50px; font-weight: bold; } @media (max-width: 670px) { .logo-text { font-size: 30px; } } .has-full-width-logo.is-stretch-header .logo-container { padding: 0; } .has-full-width-logo #logo { margin: 0; } .has-full-width-logo #logo a, .has-full-width-logo #logo img { width: 100%; height: auto; display: block; } .has-full-width-logo #logo, .header-layout-2 #logo { float: none; text-align: center; } .has-full-width-logo #logo img, .header-layout-2 #logo img { margin-right: auto; margin-left: auto; } .has-full-width-logo .logo-container, .header-layout-2 .logo-container { width: 100%; float: none; } @media (max-width: 991px) { #theme-header.has-normal-width-logo #logo { margin: 14px 0 !important; text-align: left; line-height: 1; } #theme-header.has-normal-width-logo #logo img { width: auto; height: auto; max-width: 190px; } } @media (max-width: 479px) { #theme-header.has-normal-width-logo #logo img { max-width: 160px; max-height: 60px !important; } } @media (max-width: 991px) { #theme-header.mobile-header-default:not(.header-layout-1) #logo, #theme-header.mobile-header-default.header-layout-1 .header-layout-1-logo { flex-grow: 10; } #theme-header.mobile-header-centered.header-layout-1 .header-layout-1-logo { width: auto !important; } #theme-header.mobile-header-centered #logo { float: none; text-align: center; } } .components { display: flex; align-items: center; justify-content: end; } .components > li { position: relative; } .components > li.social-icons-item { margin: 0; } .components > li > a { display: block; position: relative; width: 30px; text-align: center; font-size: 16px; white-space: nowrap; } .components > li > a:hover, .components > li:hover > a { z-index: 2; } .components .avatar { border-radius: 100%; position: relative; top: 3px; max-width: 20px; } .components a.follow-btn { width: auto; padding-left: 15px; padding-right: 15px; overflow: hidden; font-size: 12px; } .components .search-bar form { width: auto; background: rgba(255, 255, 255, 0.1); line-height: 36px; border-radius: 50px; position: relative; } .main-nav-light .main-nav .components .search-bar form, .top-nav-light .top-nav .components .search-bar form { background: rgba(0, 0, 0, 0.05); } .components #search-input { border: 0; width: 100%; background: transparent; padding: 0 35px 0 20px; border-radius: 0; font-size: inherit; } .components #search-submit { position: absolute; right: 0; top: 0; width: 40px; line-height: inherit; color: #777777; background: transparent; font-size: 15px; padding: 0; transition: color 0.15s; border: none; } .components #search-submit:hover { color: var(--brand-color); } #search-submit .tie-icon-spinner { color: #fff; cursor: default; animation: tie-spin 3s infinite linear; } .popup-login-icon.has-title a { width: auto; padding: 0 8px; } .popup-login-icon.has-title span { line-height: unset; float: left; } .popup-login-icon.has-title .login-title { position: relative; font-size: 13px; padding-left: 4px; } .weather-menu-item { display: flex; align-items: center; padding-right: 5px; overflow: hidden; } .weather-menu-item .weather-wrap { padding: 0; overflow: inherit; line-height: 23px; } .weather-menu-item .weather-forecast-day { display: block; float: left; width: auto; padding: 0 5px; line-height: initial; } .weather-menu-item .weather-forecast-day .weather-icon { font-size: 26px; margin-bottom: 0; } .weather-menu-item .city-data { float: left; display: block; font-size: 12px; } .weather-menu-item .weather-current-temp { font-size: 16px; font-weight: 400; } .weather-menu-item .weather-current-temp sup { font-size: 9px; top: -2px; } .weather-menu-item .theme-notice { padding: 0 10px; } .components .tie-weather-widget { color: var(--base-color); } .main-nav-dark .main-nav .tie-weather-widget { color: #ffffff; } .top-nav-dark .top-nav .tie-weather-widget { color: #cccccc; } .components .icon-basecloud-bg:after { color: #ffffff; } .main-nav-dark .main-nav .icon-basecloud-bg:after { color: #1f2024; } .top-nav-dark .top-nav .icon-basecloud-bg:after { color: #1f2024; } .custom-menu-button { padding-right: 5px; } .custom-menu-button .button { font-size: 13px; display: inline-block; line-height: 21px; width: auto; } .header-layout-1 #menu-components-wrap { display: flex; justify-content: flex-end; } .header-layout-1 .main-menu-wrapper { display: table; width: 100%; } .header-layout-1 #logo { line-height: 1; float: left; margin-top: 20px; margin-bottom: 20px; } .header-layout-1 .header-layout-1-logo { display: table-cell; vertical-align: middle; float: none; } .is-header-bg-extended #theme-header, .is-header-bg-extended #theme-header.header-layout-1 #main-nav:not(.fixed-nav) { background: transparent !important; display: inline-block !important; width: 100% !important; box-shadow: none !important; transition: background 0.3s; } .is-header-bg-extended #theme-header:before, .is-header-bg-extended #theme-header.header-layout-1 #main-nav:not(.fixed-nav):before { content: ""; position: absolute; width: 100%; left: 0; right: 0; top: 0; height: 150px; background-image: linear-gradient(to top, transparent, rgba(0, 0, 0, 0.5)); } @media (max-width: 991px) { .is-header-bg-extended #tie-wrapper #theme-header .logo-container:not(.fixed-nav) { background: transparent; box-shadow: none; transition: background 0.3s; } } .is-header-bg-extended .has-background .is-first-section { margin-top: -350px !important; } .is-header-bg-extended .has-background .is-first-section > * { padding-top: 350px !important; } .rainbow-line { height: 3px; width: 100%; position: relative; z-index: 2; background-image: -webkit-linear-gradient(left, #f76570 0%, #f76570 8%, #f3a46b 8%, #f3a46b 16%, #f3a46b 16%, #ffd205 16%, #ffd205 24%, #ffd205 24%, #1bbc9b 24%, #1bbc9b 25%, #1bbc9b 32%, #14b9d5 32%, #14b9d5 40%, #c377e4 40%, #c377e4 48%, #f76570 48%, #f76570 56%, #f3a46b 56%, #f3a46b 64%, #ffd205 64%, #ffd205 72%, #1bbc9b 72%, #1bbc9b 80%, #14b9d5 80%, #14b9d5 80%, #14b9d5 89%, #c377e4 89%, #c377e4 100%); background-image: linear-gradient(to right, #f76570 0%, #f76570 8%, #f3a46b 8%, #f3a46b 16%, #f3a46b 16%, #ffd205 16%, #ffd205 24%, #ffd205 24%, #1bbc9b 24%, #1bbc9b 25%, #1bbc9b 32%, #14b9d5 32%, #14b9d5 40%, #c377e4 40%, #c377e4 48%, #f76570 48%, #f76570 56%, #f3a46b 56%, #f3a46b 64%, #ffd205 64%, #ffd205 72%, #1bbc9b 72%, #1bbc9b 80%, #14b9d5 80%, #14b9d5 80%, #14b9d5 89%, #c377e4 89%, #c377e4 100%); } @media (max-width: 991px) { .logo-container, .header-layout-1 .main-menu-wrapper { border-width: 0; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; } } .mobile-header-components { display: none; z-index: 10; height: 30px; line-height: 30px; flex-wrap: nowrap; flex: 1 1 0%; } .mobile-header-components .components { float: none; display: flex !important; justify-content: stretch; } .mobile-header-components .components li.custom-menu-link { display: inline-block; float: none; } .mobile-header-components .components li.custom-menu-link > a { width: 20px; padding-bottom: 15px; } .mobile-header-components .components li.custom-menu-link > a .menu-counter-bubble { right: calc(50% - 10px); bottom: -10px; } .header-layout-1.main-nav-dark .mobile-header-components .components li.custom-menu-link > a { color: #fff; } .mobile-header-components .components .comp-sub-menu { padding: 10px; } .dark-skin .mobile-header-components .components .comp-sub-menu { background: #1f2024; } .mobile-header-components [class^=tie-icon-], .mobile-header-components [class*=" tie-icon-"] { font-size: 18px; width: 20px; height: 20px; vertical-align: middle; } .mobile-header-components .tie-mobile-menu-icon { font-size: 20px; } .mobile-header-components .tie-icon-grid-9, .mobile-header-components .tie-icon-grid-4 { transform: scale(1.75); } .mobile-header-components .nav-icon { display: inline-block; width: 20px; height: 2px; background-color: var(--base-color); position: relative; top: -4px; transition: background 0.4s ease; } .mobile-header-components .nav-icon:before, .mobile-header-components .nav-icon:after { position: absolute; right: 0; background-color: var(--base-color); content: ""; display: block; width: 100%; height: 100%; transition: transform 0.4s, background 0.4s, right 0.2s ease; transform: translateZ(0); backface-visibility: hidden; } .mobile-header-components .nav-icon:before { transform: translateY(-7px); } .mobile-header-components .nav-icon:after { transform: translateY(7px); } .mobile-header-components .nav-icon.is-layout-2:before, .mobile-header-components .nav-icon.is-layout-2:after { width: 70%; right: 15%; } .mobile-header-components .nav-icon.is-layout-3:after { width: 60%; } .mobile-header-components .nav-icon.is-layout-4:after { width: 60%; right: auto; left: 0; } .dark-skin .mobile-header-components .nav-icon, .dark-skin .mobile-header-components .nav-icon:before, .dark-skin .mobile-header-components .nav-icon:after, .main-nav-dark.header-layout-1 .mobile-header-components .nav-icon, .main-nav-dark.header-layout-1 .mobile-header-components .nav-icon:before, .main-nav-dark.header-layout-1 .mobile-header-components .nav-icon:after { background-color: #ffffff; } .dark-skin .mobile-header-components .nav-icon .menu-text, .main-nav-dark.header-layout-1 .mobile-header-components .nav-icon .menu-text { color: #ffffff; } .mobile-header-components .menu-text-wrapper { white-space: nowrap; width: auto !important; } .mobile-header-components .menu-text { color: var(--base-color); line-height: 30px; font-size: 12px; padding: 0 0 0 5px; display: inline-block; transition: color 0.4s; } .dark-skin .mobile-header-components .menu-text, .main-nav-dark.header-layout-1 .mobile-header-components .menu-text { color: #ffffff; } #mobile-header-components-area_1 .components li.custom-menu-link > a { margin-right: 15px; } #mobile-header-components-area_1 .comp-sub-menu { left: 0; right: auto; } #mobile-header-components-area_2 .components { flex-direction: row-reverse; } #mobile-header-components-area_2 .components li.custom-menu-link > a { margin-left: 15px; } #mobile-menu-icon:hover .nav-icon, #mobile-menu-icon:hover .nav-icon:before, #mobile-menu-icon:hover .nav-icon:after { background-color: var(--brand-color); } @media (max-width: 991px) { .logo-container:before, .logo-container:after { height: 1px; } .mobile-components-row .logo-wrapper { height: auto !important; } .mobile-components-row .logo-container, .mobile-components-row.header-layout-1 .main-menu-wrapper { flex-wrap: wrap; } .mobile-components-row:not(.header-layout-1) #logo, .mobile-components-row.header-layout-1 .header-layout-1-logo { flex: 1 0 100%; order: -1; } .mobile-components-row .mobile-header-components { padding: 5px 0; height: 45px; } .mobile-components-row .mobile-header-components .components li.custom-menu-link > a { padding-bottom: 0; } #tie-body #mobile-container, .mobile-header-components { display: block; } #slide-sidebar-widgets { display: none; } } /** Header :: Top Bar */ .top-nav { background-color: #ffffff; position: relative; z-index: 10; line-height: 40px; border: 1px solid rgba(0, 0, 0, 0.1); border-width: 1px 0; color: var(--base-color); clear: both; } .main-nav-below.top-nav-above .top-nav { border-top-width: 0; } .top-nav a:not(.button):not(:hover) { color: var(--base-color); } .top-nav .components > li:hover > a { color: var(--brand-color); } .top-nav .search-bar { margin-top: 3px; margin-bottom: 3px; line-height: 34px; } .topbar-wrapper { display: flex; min-height: 40px; } .top-nav.has-menu .topbar-wrapper, .top-nav.has-components .topbar-wrapper { display: block; } .top-nav .tie-alignleft, .top-nav .tie-alignright { flex-grow: 1; position: relative; } .top-nav.has-breaking-news .tie-alignleft { flex: 1 0 100px; } .top-nav.has-breaking-news .tie-alignright { flex-grow: 0; z-index: 1; } .top-nav.has-date-components .tie-alignleft .components > li:first-child:not(.search-bar), .top-nav.has-date-components-menu .components > li:first-child:not(.search-bar), .top-nav-boxed .top-nav.has-components .components > li:first-child:not(.search-bar) { border-width: 0; } @media (min-width: 992px) { .header-layout-1.top-nav-below:not(.has-shadow) .top-nav { border-width: 0 0 1px; } } .topbar-today-date { float: left; padding-right: 15px; flex-shrink: 0; } .top-menu .menu a { padding: 0 10px; } .top-menu .menu li:hover > a { color: var(--brand-color); } .top-menu .menu ul { display: none; position: absolute; background: #ffffff; } .top-menu .menu li:hover > ul { display: block; } .top-menu .menu li { position: relative; } .top-menu .menu ul.sub-menu a { width: 200px; line-height: 20px; padding: 10px 15px; } .tie-alignright .top-menu { float: right; border-width: 0 1px; } .top-menu .menu .tie-current-menu > a { color: var(--brand-color); } @media (min-width: 992px) { .top-nav-boxed .topbar-wrapper { padding-right: 15px; padding-left: 15px; } .top-nav-boxed .top-nav { background: transparent !important; border-width: 0; } .top-nav-boxed .topbar-wrapper { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.1); border-width: 1px 0; width: 100%; } .top-nav-boxed.has-shadow.top-nav-below .topbar-wrapper, .top-nav-boxed.has-shadow.top-nav-below-main-nav .topbar-wrapper { border-bottom-width: 0 !important; } } .top-nav .tie-alignleft .components, .top-nav .tie-alignleft .components > li { float: left; justify-content: start; } .top-nav .tie-alignleft .comp-sub-menu { right: auto; left: -1px; } .top-nav-dark .top-nav { background-color: #2c2e32; color: #cccccc; } .top-nav-dark .top-nav * { border-color: rgba(255, 255, 255, 0.1); } .top-nav-dark .top-nav .breaking a { color: #cccccc; } .top-nav-dark .top-nav .breaking a:hover { color: #ffffff; } .top-nav-dark .top-nav .components > li > a, .top-nav-dark .top-nav .components > li.social-icons-item .social-link:not(:hover) span { color: #cccccc; } .top-nav-dark .top-nav .components > li:hover > a { color: #ffffff; } .top-nav-dark .top-nav .top-menu li a { color: #cccccc; border-color: rgba(255, 255, 255, 0.04); } .top-nav-dark .top-menu ul { background: #2c2e32; } .top-nav-dark .top-menu li:hover > a { background: rgba(0, 0, 0, 0.1); color: var(--brand-color); } .top-nav-dark.top-nav-boxed .top-nav { background-color: transparent; } .top-nav-dark.top-nav-boxed .topbar-wrapper { background-color: #2c2e32; } .top-nav-dark.top-nav-boxed.top-nav-above.main-nav-below .topbar-wrapper { border-width: 0; } .top-nav-light #top-nav .weather-icon .icon-cloud, .top-nav-light #top-nav .weather-icon .icon-basecloud-bg, .top-nav-light #top-nav .weather-icon .icon-cloud-behind, .main-nav-light #main-nav .weather-icon .icon-cloud, .main-nav-light #main-nav .weather-icon .icon-basecloud-bg, .main-nav-light #main-nav .weather-icon .icon-cloud-behind { color: #d3d3d3; } @media (max-width: 991px) { .top-nav:not(.has-breaking-news), .topbar-today-date, .top-menu, .theme-header .components { display: none; } } .breaking { display: none; } /** Header :: Main Menu */ .main-nav-wrapper { position: relative; z-index: 4; } .main-nav-below.top-nav-below-main-nav .main-nav-wrapper { z-index: 9; } .main-nav-above.top-nav-below .main-nav-wrapper { z-index: 10; } .main-nav { background-color: var(--main-nav-background); color: var(--main-nav-primary-color); position: relative; border: 1px solid var(--main-nav-main-border-color); border-width: 1px 0; } .main-menu-wrapper { position: relative; } @media (min-width: 992px) { .header-menu .menu { display: flex; } .header-menu .menu a { display: block; position: relative; } .header-menu .menu > li > a { white-space: nowrap; } .header-menu .menu .sub-menu a { padding: 8px 10px; } .header-menu .menu a:hover, .header-menu .menu li:hover > a { z-index: 2; } .header-menu .menu ul:not(.sub-menu-columns):not(.sub-menu-columns-item):not(.sub-list):not(.mega-cat-sub-categories):not(.slider-arrow-nav) { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .header-menu .menu ul li { position: relative; } .header-menu .menu ul a { border-width: 0 0 1px; transition: 0.15s; } .header-menu .menu ul ul { top: 0; left: 100%; } #main-nav { z-index: 9; line-height: 60px; } .main-menu .menu a { transition: 0.15s; } .main-menu .menu > li > a { padding: 0 14px; font-size: 14px; font-weight: 700; } .main-menu .menu > li > .menu-sub-content { border-top: 2px solid var(--main-nav-primary-color); } .main-menu .menu > li.is-icon-only > a { padding: 0 20px; line-height: inherit; } .main-menu .menu > li.is-icon-only > a:before { display: none; } .main-menu .menu > li.is-icon-only > a .tie-menu-icon { font-size: 160%; transform: translateY(15%); } .main-menu .menu ul { line-height: 20px; z-index: 1; } .main-menu .menu .sub-menu .tie-menu-icon, .main-menu .menu .mega-recent-featured-list .tie-menu-icon, .main-menu .menu .mega-link-column .tie-menu-icon, .main-menu .menu .mega-cat-more-links .tie-menu-icon { width: 20px; } .main-menu .menu-sub-content { background: var(--main-nav-background); display: none; padding: 15px; width: 230px; position: absolute; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2); } .main-menu .menu-sub-content a { width: 200px; } .main-menu ul li:hover > .menu-sub-content, .main-menu ul li[aria-expanded=true] > ul, .main-menu ul li[aria-expanded=true] > .mega-menu-block { display: block; z-index: 1; } nav.main-nav.menu-style-default .menu > li.tie-current-menu { border-bottom: 5px solid var(--main-nav-primary-color); margin-bottom: -5px; } nav.main-nav.menu-style-default .menu > li.tie-current-menu > a:after { content: ""; width: 20px; height: 2px; position: absolute; margin-top: 17px; left: 50%; top: 50%; bottom: auto; right: auto; transform: translateX(-50%) translateY(-50%); background: #2c2f34; transition: 0.3s; } nav.main-nav.menu-style-solid-bg .menu > li.tie-current-menu > a, nav.main-nav.menu-style-solid-bg .menu > li:hover > a { background-color: var(--main-nav-primary-color); color: var(--main-nav-contrast-primary-color); } nav.main-nav.menu-style-side-arrow .menu > li.tie-current-menu { border-bottom-color: var(--main-nav-primary-color); border-bottom-width: 10px !important; border-bottom-style: solid; margin-bottom: -10px; } nav.main-nav.menu-style-side-arrow .menu > li.tie-current-menu + .tie-current-menu { border-bottom: none !important; } nav.main-nav.menu-style-side-arrow .menu > li.tie-current-menu + .tie-current-menu > a:after { display: none !important; } nav.main-nav.menu-style-side-arrow .menu > li.tie-current-menu > a:after { position: absolute; content: ""; width: 0; height: 0; background-color: transparent; border-top: 10px solid var(--main-nav-primary-color); border-right: 10px solid transparent; bottom: -10px; left: 100%; filter: brightness(80%); } nav.main-nav.menu-style-side-arrow .menu > li.tie-current-menu.menu-item-has-children:hover:after, nav.main-nav.menu-style-side-arrow .menu > li.tie-current-menu.menu-item-has-children:hover > a:after, nav.main-nav.menu-style-side-arrow .menu > li.tie-current-menu.mega-menu:hover:after, nav.main-nav.menu-style-side-arrow .menu > li.tie-current-menu.mega-menu:hover > a:after { display: none; } nav.main-nav.menu-style-minimal .menu > li.tie-current-menu > a, nav.main-nav.menu-style-minimal .menu > li:hover > a { color: var(--main-nav-primary-color) !important; } nav.main-nav.menu-style-minimal .menu > li.tie-current-menu > a::before, nav.main-nav.menu-style-minimal .menu > li:hover > a::before { border-top-color: var(--main-nav-primary-color) !important; } nav.main-nav.menu-style-border-bottom .menu > li.tie-current-menu { border-bottom: 3px solid var(--main-nav-primary-color); margin-bottom: -3px; } nav.main-nav.menu-style-border-top .menu > li.tie-current-menu { border-top: 3px solid var(--main-nav-primary-color); margin-bottom: -3px; } nav.main-nav.menu-style-line .menu > li > a:after { content: ""; left: 50%; top: 50%; bottom: auto; right: auto; transform: translateX(-50%) translateY(-50%); height: 3px; position: absolute; margin-top: 14px; background: var(--main-nav-primary-color); transition: 0.4s; width: 0; } nav.main-nav.menu-style-line .menu > li.tie-current-menu > a:after, nav.main-nav.menu-style-line .menu > li:hover > a:after { width: 50%; } nav.main-nav.menu-style-arrow .menu > li.tie-current-menu > a:after { border-color: #fff transparent transparent; border-top-color: var(--main-nav-primary-color); border-style: solid; border-width: 7px 7px 0; display: block; height: 0; left: 50%; margin-left: -7px; top: 0 !important; width: 0; content: ""; position: absolute; } nav.main-nav.menu-style-vertical-line .menu > li.tie-current-menu > a:after { content: ""; width: 2px; height: 20px; position: absolute; margin-top: 17px; left: 50%; right: auto; transform: translateX(-50%); bottom: 0; background: var(--main-nav-primary-color); } .header-layout-1 .main-menu-wrap .menu > li:only-child:not(.mega-menu) { position: relative; } .header-layout-1 .main-menu-wrap .menu > li:only-child > .menu-sub-content { right: 0; left: auto; } .header-layout-1 .main-menu-wrap .menu > li:only-child > .menu-sub-content ul { left: auto; right: 100%; } nav.main-nav .components > li:hover > a { color: var(--brand-color); } .main-nav .menu ul li:hover > a:not(.megamenu-pagination), .main-nav .components li a:hover, .main-nav .menu ul li.current-menu-item:not(.mega-link-column) > a { color: var(--main-nav-primary-color); } .main-nav .menu a, .main-nav .components li a { color: var(--main-nav-text-color); } .main-nav .components li.custom-menu-button:hover a.button, .main-nav .components li a.button:hover, .main-nav .components li a.checkout-button { color: var(--main-nav-contrast-primary-color); } .main-nav-light { --main-nav-background: #FFFFFF; --main-nav-secondry-background: rgba(0,0,0,0.03); --main-nav-primary-color: var(--brand-color); --main-nav-contrast-primary-color: var(--bright-color); --main-nav-text-color: var(--base-color); --main-nav-secondry-text-color: rgba(0,0,0,0.5); --main-nav-main-border-color: rgba(0,0,0,0.1); --main-nav-secondry-border-color: rgba(0,0,0,0.08); } .main-nav-light.fixed-nav { background-color: rgba(255, 255, 255, 0.95); } .main-nav-dark { --main-nav-background: #1f2024; --main-nav-secondry-background: rgba(0,0,0,0.2); --main-nav-primary-color: var(--brand-color); --main-nav-contrast-primary-color: var(--bright-color); --main-nav-text-color: #FFFFFF; --main-nav-secondry-text-color: rgba(225,255,255,0.5); --main-nav-main-border-color: rgba(255,255,255,0.07); --main-nav-secondry-border-color: rgba(255,255,255,0.04); } .main-nav-dark .main-nav, .main-nav-dark .main-nav ul.cats-horizontal li a { border-width: 0; } .main-nav-dark .main-nav.fixed-nav { background-color: rgba(31, 32, 36, 0.95); } } @media (min-width: 992px) { header .menu-item-has-children > a:before, .mega-menu > a:before { content: ""; position: absolute; right: 10px; top: 50%; bottom: auto; transform: translateY(-50%); font-family: "tiefonticon" !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; content: "\f079"; font-size: 11px; line-height: 1; } header .menu-item-has-children .menu-item-has-children > a:before, .mega-menu .menu-item-has-children > a:before { content: "\f106"; font-size: 15px; } .menu > .menu-item-has-children:not(.is-icon-only) > a, .menu .mega-menu:not(.is-icon-only) > a { padding-right: 25px; } } @media (min-width: 992px) { .main-nav-boxed .main-nav { border-width: 0; } .main-nav-boxed .main-menu-wrapper { float: left; width: 100%; background-color: var(--main-nav-background); padding-right: 15px; } .main-nav-boxed.main-nav-light .main-menu-wrapper { border: 1px solid var(--main-nav-main-border-color); } .dark-skin .main-nav-boxed.main-nav-light .main-menu-wrapper { border-width: 0; } .main-nav-boxed.main-nav-light .fixed-nav .main-menu-wrapper { border-color: transparent; } .main-nav-above.top-nav-above #main-nav:not(.fixed-nav) { top: -1px; } .main-nav-below.top-nav-below #main-nav:not(.fixed-nav) { bottom: -1px; } .dark-skin .main-nav-below.top-nav-above #main-nav { border-width: 0; } .dark-skin .main-nav-below.top-nav-below-main-nav #main-nav { border-top-width: 0; } } .main-nav-boxed .main-nav:not(.fixed-nav), .main-nav-boxed .fixed-nav .main-menu-wrapper, .theme-header:not(.main-nav-boxed) .fixed-nav .main-menu-wrapper { background: transparent !important; } @media (min-width: 992px) { .header-layout-1.main-nav-below.top-nav-above .main-nav { margin-top: -1px; border-top-width: 0; } .header-layout-1.main-nav-below.top-nav-above .breaking-title { top: 0; margin-bottom: -1px; } } .header-layout-1.main-nav-below.top-nav-below-main-nav .main-nav-wrapper { z-index: 9; } .header-layout-1.main-nav-below.top-nav-below-main-nav .main-nav { margin-bottom: -1px; bottom: 0; border-top-width: 0; } @media (min-width: 992px) { .header-layout-1.main-nav-below.top-nav-below-main-nav .top-nav { margin-top: -1px; } } .header-layout-1.has-shadow:not(.top-nav-below) .main-nav { border-bottom: 0; } #theme-header.header-layout-1 > div:only-child nav { border-width: 0 !important; } @media only screen and (min-width: 992px) and (max-width: 1100px) { .main-nav .menu > li:not(.is-icon-only) > a { padding-left: 7px; padding-right: 7px; } .main-nav .menu > li:not(.is-icon-only) > a:before { display: none; } .main-nav .menu > li.is-icon-only > a { padding-left: 15px; padding-right: 15px; } } .menu-tiny-label { font-size: 10px; border-radius: 10px; padding: 2px 7px 3px; margin-left: 3px; line-height: 1; position: relative; top: -1px; } .menu-tiny-label.menu-tiny-circle { border-radius: 100%; } @media (max-width: 991px) { #sticky-logo { display: none; } } #main-nav:not(.fixed-nav) #sticky-logo, #main-nav:not(.fixed-nav) .flex-placeholder { display: none; } @media (min-width: 992px) { #sticky-logo { overflow: hidden; float: left; vertical-align: middle; } #sticky-logo a { line-height: 1; display: inline-block; } #sticky-logo img { position: relative; vertical-align: middle; padding: 8px 10px; top: -1px; max-height: 50px; } .just-before-sticky #sticky-logo img, .header-layout-1 #sticky-logo img { padding: 0; } .header-layout-1:not(.has-custom-sticky-logo) #sticky-logo { display: none; } .theme-header #sticky-logo img { opacity: 0; visibility: hidden; width: 0 !important; transform: translateY(75%); transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1), opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1); } .theme-header.header-layout-1:not(.has-custom-sticky-logo) #sticky-logo img { transition: none; } .theme-header:not(.header-layout-1) #main-nav:not(.fixed-nav) #sticky-logo img { margin-left: -20px; } .header-layout-1 .flex-placeholder { flex-grow: 1; } } .theme-header .fixed-nav { position: fixed; width: 100%; top: 0; bottom: auto !important; z-index: 100; will-change: transform; transform: translateY(-100%); transition: transform 0.3s; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border-width: 0; background-color: rgba(255, 255, 255, 0.95); } .theme-header .fixed-nav:not(.just-before-sticky) { line-height: 60px !important; } @media (min-width: 992px) { .theme-header .fixed-nav:not(.just-before-sticky) .header-layout-1-logo { display: none; } } .theme-header .fixed-nav:not(.just-before-sticky) #sticky-logo { display: block; } .theme-header .fixed-nav:not(.just-before-sticky) #sticky-logo img { opacity: 1; visibility: visible; width: auto !important; transform: translateY(0); } @media (min-width: 992px) { .header-layout-1:not(.just-before-sticky):not(.has-custom-sticky-logo) .fixed-nav #sticky-logo { display: block; } } .admin-bar .theme-header .fixed-nav { top: 32px; } @media (max-width: 782px) { .admin-bar .theme-header .fixed-nav { top: 46px; } } @media (max-width: 600px) { .admin-bar .theme-header .fixed-nav { top: 0; } } @media (min-width: 992px) { .border-layout .theme-header .fixed-nav { top: 25px; } .border-layout.admin-bar .theme-header .fixed-nav { top: 57px; } } .theme-header .fixed-nav .container { opacity: 0.95; } .theme-header .fixed-nav .main-menu-wrapper, .theme-header .fixed-nav .main-menu { border-top: 0; } .theme-header .fixed-nav.fixed-unpinned:not(.default-behavior-mode) .main-menu .menu > li.tie-current-menu { border-bottom-width: 0; margin-bottom: 0; } .theme-header .fixed-nav.unpinned-no-transition { transition: none; } .theme-header .fixed-nav:not(.fixed-unpinned):not(.fixed-pinned) .tie-current-menu { border: none !important; } .theme-header .fixed-pinned, .theme-header .default-behavior-mode.fixed-unpinned { transform: translate3d(0, 0, 0); } @media (max-width: 991px) { .theme-header .fixed-nav { transition: none; } .fixed-nav.logo-container.sticky-up, .fixed-nav.logo-container.sticky-nav-slide.sticky-down, .fixed-nav#main-nav.sticky-up, .fixed-nav#main-nav.sticky-nav-slide.sticky-down { transition: transform 0.4s ease; } .sticky-type-slide .fixed-nav.logo-container.sticky-nav-slide-visible, .sticky-type-slide .fixed-nav#main-nav.sticky-nav-slide-visible { transform: translateY(0); } .fixed-nav.default-behavior-mode { transform: none !important; } } @media (max-width: 991px) { #tie-wrapper header#theme-header { box-shadow: none; background: transparent !important; } .logo-container, .header-layout-1 .main-nav { border-width: 0; box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1); } .header-layout-1.top-nav-below .main-nav:not(.fixed-nav) { box-shadow: none; } .is-header-layout-1.has-header-ad .top-nav-below .main-nav { border-bottom-width: 1px; } .logo-container, .header-layout-1 .main-nav { background-color: #ffffff; } .dark-skin .logo-container, .main-nav-dark.header-layout-1 .main-nav { background-color: #1f2024; } .dark-skin #theme-header .logo-container.fixed-nav { background-color: rgba(31, 32, 36, 0.95); } .header-layout-1.main-nav-below.top-nav-below-main-nav .main-nav { margin-bottom: 0; } #sticky-nav-mask, .header-layout-1 #menu-components-wrap, .header-layout-3 .main-nav-wrapper, .header-layout-2 .main-nav-wrapper { display: none; } .main-menu-wrapper .main-menu-wrap { width: 100%; } }
| ver. 1.4 |
Github
|
.
| PHP 8.2.28 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings