PATH:
home
/
centosnipponia
/
public_html
/
BAK_tradeandtraffic
/
wp-content
/
themes
/
chromium
@charset "UTF-8"; /* Theme Name: Chromium Theme URI: http://chromium.themes.zone/ Author: Themes Zone Author URI: https://themes.zone Description: Premium Auto Part Shop WooCommerce Theme. Version: 1.2.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, translation-ready Text Domain: chromium */ /* TABLE OF CONTENTS: * - Normalize * - Typography - Links - Icons - Alignments * - Forms - Buttons & Inputs * - Content Navigation - Blog Pagination - Post Navigation - Page links * - Site layout * - Header - Header Top panel - Logo Group - Header Menu - Primary Nav Widgets * - Extra Header Styling - Mega Menu Elementor Tabs Styles - Special styles for currency switcher - Special Styles for lanquage switcher - TM Wishlist & Compare Widgets Styles * - Posts and pages - Sticky Post Special Styling - 404 Page special styles - Search Results Page - Archives - Article styling on Blog Page - Special Styles for Grid Blog * - Single Post Styles - Footer post Meta - Author description - Related Posts - Comments - Comments navigation * - Custom Styling for Post Formats - Gallery Post Format - Video Post format - Quote Post Format * - Widgets - Select Styles - Search Widget - Calendar widget - Default WP widgets * - Footer * - Media - Galleries - Caption Animation - Gallery page template styles - Single Attachment Page * - Magnific Pop-Up Styles * - Extra Styles - Icon Overrides for TZ Feature Pack - Contact Form 7 extra styles - TM Wishlist Page Styles - TM Compare List Page Styles - Ajax Product Search Styles --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { margin: 0; } body .site{ background-color: #f6f6f6; } body.chromium-look-tools .site{ background-color: #fff; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="checkbox"]{ display: inline-block; width: 14px; height: 14px; box-shadow: none; border: 1px solid; margin-right: 4px; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, textarea { font-size: 15px; font-weight: normal; line-height: 1.65; } h1, h2, h3, h4, h5, h6 { font-weight: 500; line-height: 1.618em; margin: 0; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { clear: both; } h1 { font-size: 2.00em; } h2 { font-size: 1.733em; } h3 { font-size: 1.467em; } h4 { font-size: 1.200em; font-weight: bold; } h5 { font-size: 1em; font-weight: bold; text-transform: uppercase; } h6 { font-size: 1em; font-weight: bold; text-transform: uppercase; } p { margin: 0 0 1.5em 0; } .entry-content p { margin: 0 0 1.5em 0; line-height: 1.618; } .page article.page .entry-content p:last-of-type{ margin-bottom: 0; } dfn, cite, em, i { font-style: italic; } blockquote, q { quotes: "\201C""\201D""\2018""\2019"; } blockquote { font-size: 20px; margin: 0 auto 2em; display: block; padding: 40px 100px 0 100px; position: relative; letter-spacing: 1px; line-height: 28px; text-align: left; } blockquote:before { display: inline-block; content: "\e92c"; position: absolute; left: 30px; top: 5px; font-size: 40px; font-family: 'chromium'; } blockquote:after { display: none; } blockquote cite, blockquote small { display: block; color: #909090; font-size: 14px; font-style: normal; letter-spacing: 0; margin-top: 10px; } blockquote cite a, blockquote small a { color: inherit; } blockquote> :last-child { margin-bottom: 0; } q:before { display: inline; content: open-quote; padding-right: 5px; } q:after { display: inline; content: close-quote; padding-left: 5px; } blockquote p, q p { margin: 0; display: inline; position: relative; } @media screen and ( max-width: 767px ) { blockquote{ padding: 40px 40px 0; } } address { margin: 0 0 1.5em; } code, kbd, tt, var, samp, pre { font-family: Inconsolata, monospace; } pre { border-style: solid; border-width: 1px; border-color: #e1e1e1; margin: 0 0 1.5em 0; max-width: 100%; overflow: auto; padding: 1em; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } abbr, acronym { border-style: dotted; border-width: 0 0 1px 0; border-color: #e1e1e1; cursor: help; } mark, ins { text-decoration: none; } big { font-size: 125%; } embed, iframe:not(.fb_customer_chat_bounce_in_v2):not([data-testid="bubble_iframe"]), object, video { margin-bottom: 2em; max-width: 100%; vertical-align: middle; } @media (max-width: 767px) { iframe[data-testid="bubble_iframe"]{ z-index: 99999; } #fb-root{ z-index: 1000; } } p>embed, p>iframe:not(.fb_customer_chat_bounce_in_v2):not([data-testid="bubble_iframe"]), p>object, p>video { margin-bottom: 0; } /* Placeholders */ ::-webkit-input-placeholder { color: #b9b9b9; font-weight: 300; } :-moz-placeholder { color: #b9b9b9; font-weight: 300; } ::-moz-placeholder { color: #b9b9b9; font-weight: 300; opacity: 1; } :-ms-input-placeholder { color: #b9b9b9; font-weight: 300; } ::selection { background: #e1e1e1; color: #000; text-shadow: none; } ::-moz-selection { background: #e1e1e1; color: #000; text-shadow: none; } html { box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } hr { border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em; } ul { list-style: disc; } ol { list-style: decimal; } li>ul, li>ol { margin-bottom: 0; margin-left: .5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; max-width: 100%; } figure { margin: 0; max-width: 100%; } table, th, td { border-style: solid; } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 2em 0; width: 100%; table-layout: fixed; } table p { margin: 0; } .entry-content table p{ margin: 0; } .post thead th { background-color: #f6f6f6; color: #000; } th { border-width: 0 1px 1px 0; font-weight: 500; } td { border-width: 0 1px 1px 0; } th, td { padding: 5px; } /* Links */ a { text-decoration: none; -webkit-transition: color 0.3s ease-out; transition: color 0.3s ease-out; } a:visited { opacity: 0.7; } a:focus { outline: thin dotted #e1e1e1; } a:hover, a:active { outline: 0; text-decoration: none; } a:active { opacity: 0.9; } /* Icons */ a i, a i::before { color: inherit; } i, i::before { -webkit-transition: color 0.3s ease-out; transition: color 0.3s ease-out; } /* Accessibility */ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 0; width: 0; overflow: hidden; } .screen-reader-text:focus { background-color: #e1e1e1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #000; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /* Alignments */ img.alignleft, .wp-caption.alignleft { margin: 5px 20px 5px 0; display: inline-block; float: left; } img.aligncenter, .wp-caption.aligncenter { margin: 0 auto 24px; display: block; clear: both; } img.alignright, .wp-caption.alignright { margin: 5px 0 5px 20px; display: inline-block; float: right; } img.alignnone, .wp-caption.alignnone { display: inline-block; margin: 0 0 20px 0; clear: both; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input, .button { height: 40px; line-height: 40px; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { border-style: solid; border-width: 1px; font-size: 1em; padding: 0 1em; line-height: 38px; box-shadow: none; background-color: transparent; -webkit-transition: box-shadow 0.3s ease-out, background-color 0.3s ease-out; transition: box-shadow 0.3s ease-out, background-color 0.3s ease-out; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { outline: 0; -webkit-box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.10); background-color: #fff; } select { border-style: solid; border-width: 1px; height: 40px; line-height: 38px; } .select-wrapper { position: relative; } select:focus { -webkit-box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.2); outline: none; } .select-wrapper::after { display: inline-block; font-family: 'chromium'; content: '\e91a'; position: absolute; right: 12px; font-size: 12px; top: 12px; -webkit-transition: color 0.3s ease-out; transition: color 0.3s ease-out; } .select-wrapper::before { display: inline-block; content: ''; position: absolute; right: 35px; top: 5px; width: 1px; height: 30px; border-left: 1px solid; } select::-ms-expand { display: none; } textarea { width: 100%; line-height: 1.5; padding: 0.5em 1em; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset !important; } /* Buttons & Inputs */ button, html input[type="button"], input[type="reset"], input[type="submit"], .button { text-transform: none; font-weight: 400; border: 0; box-shadow: none; -webkit-transition: background-color .3s ease-out, color .3s ease-out; transition: background-color .3s ease-out, color .3s ease-out; padding: 0 20px; font-size: 0.933em; border-radius: 3px; outline: none; } .entry-content button, html .entry-content input[type="button"], .entry-content input[type="reset"], .entry-content input[type="submit"] { vertical-align: top; } .button { display: inline-block; cursor: pointer; } /*-------------------------------------------------------------- ## Content Navigation --------------------------------------------------------------*/ /* Blog Pagination */ .nav-links { text-align: center; margin-bottom: 4em; } .blog-grid-posts .nav-links { margin: 4em 0; } .nav-links span i:before { -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } .nav-links span:hover i:before { } .nav-links .page-numbers { padding: 0; margin: 0 5px 0 0; display: inline-block; width: 40px; height: 40px; line-height: 38px; text-align: center; background-color: transparent; -webkit-transition: background-color 0.3s ease-out, color 0.3s ease-out, border-color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out, color 0.3s ease-out, border-color 0.3s ease-out; -ms-transition: background-color 0.3s ease-out, color 0.3s ease-out, border-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out, color 0.3s ease-out, border-color 0.3s ease-out; transition: background-color 0.3s ease-out, color 0.3s ease-out, border-color 0.3s ease-out; border-style: solid; border-width: 1px; border-color: #dbdbdb; color: #626262; } .nav-links .page-numbers i:before { color: #626262; } .nav-links .page-numbers:focus, .nav-links .page-numbers:hover, .nav-links .page-numbers.current { background-color: #b6b6b6; color: #f6f6f6; border-color: #b6b6b6; } .nav-links .page-numbers:focus i:before, .nav-links .page-numbers:hover i:before, .nav-links .page-numbers:active i:before { color: #f6f6f6; } .nav-links .page-numbers:last-child { margin: 0; } .nav-links .page-numbers i { font-size: 10px; } .nav-links .page-numbers.dots, .nav-links .page-numbers.dots+.page-numbers { display: none; } /* Post Navigation */ .post-navigation { padding: 0 1em 2em 1em; } .post-navigation .nav-links { padding: 2em 0 0 0; margin: 0; border-style: solid; border-width: 1px 0 0 0; display: flex; justify-content: space-between; } .post-navigation i { vertical-align: middle; font-size: 10px; } .post-navigation .post-title { font-size: 1.2em; font-weight: 700; border-bottom: 3px solid #e1e1e1; } .post-navigation a:hover .post-title, .post-navigation a:focus .post-title { border-bottom-color: white; } @media (min-width: 768px) { .post-navigation { padding: 0 2em 2em 2em; } } /* Page links */ p + .page-links{ padding-top: 1em; } .page-links { clear: both; margin: 0 0 2em 0; } .page-links:last-child{ margin-bottom: 0; } .page-links a { color: inherit; } .page-links span, .page-links a span { display: inline-block; width: 36px; height: 36px; line-height: 36px; text-align: center; background-color: #f6f6f6; margin-right: 5px; -webkit-transition: background-color 0.3s ease-in-out; -ms-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; } .page-links a:hover span { background-color: #000; } .page-links span.page-links-title:hover { background-color: transparent; } .page-links>.page-links-title { height: auto; margin: 0; padding: 0 7px 0 0; width: auto; background: transparent; border: 0 none; } /* Breadcrumbs */ .site-breadcrumbs { margin: 0 0 22px 0; font-size: 0.800em; padding: 0 1.250em; } @media screen and (min-width: 1024px) and (-ms-high-contrast:none) { .site-breadcrumbs{ flex-basis: 100%; padding-left: 30px; padding-right: 30px; } } .site-breadcrumbs p { margin: 0; } .site-breadcrumbs a{ margin-right: 2px; margin-left: 2px; } .site-breadcrumbs a:first-of-type{ margin-left: 0; } .site-breadcrumbs .breadcrumb_last{ margin-left: 2px; } .site-breadcrumbs i{ margin-right: 1px; margin-left: 1px; transform: translateY(1px); } .woocommerce-breadcrumb i{ margin-left: 6px; margin-right: 2px; } /*-------------------------------------------------------------- ## Site layout --------------------------------------------------------------*/ .site { overflow: hidden; justify-content: center; position: relative; } @media screen and (min-width: 768px) { .site { display: flex; flex-wrap: wrap; } .layout-two-col-left .site { flex-direction: row-reverse; } } .site-header { margin: 0 0 2em 0; background-color: #fff; flex-basis: 100%; width: 100%; } .site-header:before { position: absolute; left: 0; top: 0; width: 100vw; content: ''; display: block; } .site-content { padding: 0 1em; width: 100%; max-width: 100%; margin-bottom: 4em; } @media screen and (min-width: 1024px) and (-ms-high-contrast:none) { .site-content{ flex-basis: 100% !important; } } .home .site-content { margin-bottom: 0; } .site-sidebar { width: 100%; max-width: 100%; padding: 0 1em; margin-bottom: 4em; } .front-page-shortcode { width: 100%; max-width: 100%; padding: 0 1em; } .single-elementor_library .site-sidebar, .single-elementor_library header.entry-header, .single-elementor_library footer.entry-meta, .single-elementor_library nav.post-navigation { display: none; visibility: hidden; } .site-footer { padding: 0 1em; background-color: #fbfbfb; flex-basis: 100%; width: 100%; } @media screen and (min-width: 768px) { .blog .site-sidebar { padding-top: 4em; } .archive:not(.woocommerce) .site-sidebar { padding-top: 65px; } } @media screen and (min-width: 1200px) { .site-sidebar { max-width: 300px; } .site-boxed .site-content { max-width: 1200px; } .site-fullwidth .site-content, .site-fullwidth .site-header, .site-fullwidth .site-footer { max-width: 100%; } .layout-two-col-right.site-boxed .site-content, .layout-two-col-left.site-boxed .site-content { max-width: 900px; } .layout-two-col-right.site-fullwidth .site-content, .layout-two-col-left.site-fullwidth .site-content { max-width: -webkit-calc(100% - 300px); max-width: calc(100% - 300px); } .site-boxed.gallery-fullwidth .site-content { max-width: 100%; padding: 0; } .site-boxed.gallery-fullwidth .site-content .page-title, .site-boxed.gallery-fullwidth .site-content .filters-wrapper { max-width: 1200px; margin: 0 auto 30px auto; padding: 0 15px; } .layout-two-col-right.site-boxed.single-elementor_library .site-content, .layout-two-col-left.site-boxed.single-elementor_library .site-content { max-width: 1200px; } } @supports (grid-area: auto) { @media screen and (min-width: 768px) { .site-boxed .site, .site-fullwidth .site { display: grid; grid-template-areas: " header header header " " breadcrumbs breadcrumbs breadcrumbs " " content content sidebar " " footer footer footer "; grid-template-columns: minmax(100px, 300px) minmax(100px, 300px) minmax(100px, 300px); grid-template-rows: auto auto 1fr auto; } .layout-two-col-left .site { grid-template-areas: " header header header " " breadcrumbs breadcrumbs breadcrumbs " " sidebar content content " " footer footer footer "; } .layout-one-col .site { grid-template-areas: " header header header " " breadcrumbs breadcrumbs breadcrumbs " " content content content " " footer footer footer "; } /*.site-boxed.gallery-fullwidth .site { grid-template-areas: " header header header header header header " " . breadcrumbs breadcrumbs breadcrumbs breadcrumbs . " " content content content content content content " " footer footer footer footer footer footer "; } .blog.blog-grid-posts.site-boxed .site { grid-template-areas: " header header header header header header " " . breadcrumbs breadcrumbs breadcrumbs breadcrumbs . " " . content content content content . " " footer footer footer footer footer footer "; }*/ .site-header { grid-area: header; } .site-content { grid-area: content; } .site-sidebar { grid-area: sidebar; } .site-footer { grid-area: footer; } .site-breadcrumbs, .front-page-shortcode { grid-area: breadcrumbs; } /* Hide sidebar if on Elementor Template Page */ .site-boxed.single-elementor_library .site { grid-template-areas: " header header header header header header " " . breadcrumbs breadcrumbs breadcrumbs breadcrumbs . " " . content content content content . " " footer footer footer footer footer footer "; } .site-fullwidth.single-elementor_library .site { grid-template-areas: "header header header header" "breadcrumbs breadcrumbs breadcrumbs breadcrumbs" "content content content content" "footer footer footer footer"; } .layout-two-col-left.single-elementor_library .site { grid-template-areas: "header header header header" "breadcrumbs breadcrumbs breadcrumbs breadcrumbs" "content content content content" "footer footer footer footer"; } .site-boxed.layout-two-col-left.single-elementor_library .site { grid-template-areas: " header header header header header header " " . breadcrumbs breadcrumbs breadcrumbs breadcrumbs . " " . content content content content . " " footer footer footer footer footer footer "; } } @media screen and (min-width: 992px) { .site-boxed .site { grid-template-columns: 1fr minmax(100px, 300px) minmax(100px, 300px) minmax(100px, 300px) minmax(100px, 300px) 1fr; grid-template-areas: " header header header header header header " " . breadcrumbs breadcrumbs breadcrumbs breadcrumbs . " " . content content content sidebar . " " footer footer footer footer footer footer "; } .site-fullwidth .site { grid-template-columns: 1fr 1fr 1fr minmax(100px, 300px); grid-template-areas: "header header header header" "breadcrumbs breadcrumbs breadcrumbs breadcrumbs" "content content content sidebar" "footer footer footer footer"; } .layout-two-col-left .site { grid-template-columns: minmax(100px, 300px) 1fr 1fr 1fr; grid-template-areas: "header header header header" "breadcrumbs breadcrumbs breadcrumbs breadcrumbs" "sidebar content content content" "footer footer footer footer"; } .site-boxed.layout-two-col-left .site { grid-template-columns: 1fr minmax(100px, 300px) minmax(100px, 300px) minmax(100px, 300px) minmax(100px, 300px) 1fr; grid-template-areas: " header header header header header header " " . breadcrumbs breadcrumbs breadcrumbs breadcrumbs . " " . sidebar content content content . " " footer footer footer footer footer footer "; } .layout-one-col .site { grid-template-areas: " header header header header " "breadcrumbs breadcrumbs breadcrumbs breadcrumbs" " content content content content " " footer footer footer footer "; } .site-boxed.layout-one-col .site { grid-template-areas: " header header header header header header " " . breadcrumbs breadcrumbs breadcrumbs breadcrumbs . " " . content content content content . " " footer footer footer footer footer footer "; } .site-boxed.gallery-fullwidth .site { grid-template-areas: " header header header header header header " " . breadcrumbs breadcrumbs breadcrumbs breadcrumbs . " " content content content content content content " " footer footer footer footer footer footer "; } .blog.blog-grid-posts.site-boxed .site { grid-template-areas: " header header header header header header " " . breadcrumbs breadcrumbs breadcrumbs breadcrumbs . " " . content content content content . " " footer footer footer footer footer footer "; } } } @media screen and ( min-width: 768px ) { .site-content:first-child:last-child { grid-area: content; grid-column: 1 / -1; } } .elementor-template-full-width div.site-breadcrumbs + div.elementor{ grid-area: content; } #wcfm-main-contentainer{ grid-area: content; } /*-------------------------------------------------------------- ## Header --------------------------------------------------------------*/ /* Header Top panel */ .header-top { background: transparent; padding: 0.8em 0; font-size: 0.800em; font-weight: normal; min-height: 44px; } .chromium-look-tools .header-top{ border-bottom: solid 1px #252525; } .header-top .widget { background-color: transparent; font-weight: normal; } .header-top .widget p { margin: 0; } .header-top .widget .widget-title { display: inline-block; font-size: inherit; font-weight: normal; padding: 0 0.5em 0 0; margin: 0; text-transform: uppercase; border: 0; } .top-widgets-left, .top-widgets-right { text-align: center; padding: 0 1em; display: flex; justify-content: space-evenly; align-items: center; flex-wrap: wrap; } .tz-white{ color: #fff !important; } @media screen and (min-width: 1024px) and (-ms-high-contrast:none) { .header-top{ display: flex; } .top-widgets-left, .top-widgets-right{ width: 50%; } .top-widgets-left{ padding-left: 30px; } .top-widgets-right{ padding-right: 30px; } } .top-widgets-left .widget, .top-widgets-right .widget { margin: 0 0 0.5em 0; padding: 0; display: inline-block; } .top-widgets-left .widget.WOOCS_SELECTOR, .top-widgets-right .widget.WOOCS_SELECTOR { margin: 0; } @media screen and (min-width: 768px) { @supports (grid-area: auto) { .header-top { display: grid; grid-template-columns: 1fr minmax(100px, 600px) minmax(100px, 600px) 1fr; grid-template-areas: " . top-left-sidebar top-right-sidebar . "; } .header-top .top-widgets-left { grid-area: top-left-sidebar; } .header-top .top-widgets-right { grid-area: top-right-sidebar; } } .header-top { padding: 0; } .top-widgets-left { justify-content: flex-start; } .top-widgets-right { justify-content: flex-end; } .top-widgets-left .widget, .top-widgets-right .widget, .top-widgets-left .widget.WOOCS_SELECTOR, .top-widgets-right .widget.WOOCS_SELECTOR { margin: 0 30px 0 0; } .top-widgets-left .widget:last-child, .top-widgets-right .widget:last-child { margin: 0; } } /* Logo Group */ .site-branding { margin: 0 auto 1em auto; } @media screen and ( max-width: 768px ){ .site-branding{ margin-bottom: 0; } } .site-branding .site-logo, .site-branding .header-group { padding: 2.143em 1em; text-align: center; } .chromium-look-tools .site-branding .site-logo, .chromium-look-tools .site-branding .header-group{ padding: 1.267em 1em 2.143em; } .site-branding .hgroup-sidebar, .primary-nav .nav-sidebar { padding: 0 1em; text-align: center; vertical-align: middle; } .site-branding .hgroup-sidebar .widget, .primary-nav .nav-sidebar .widget { display: inline-block; margin: 0 0.5em 0.5em 0.5em; padding: 0; background-color: transparent; vertical-align: middle; } .site-branding .hgroup-sidebar .widget.widget_search { width: 100%; margin: 0 0 2em 0; } .site-branding .hgroup-sidebar .widget_text p { margin: 0; } @media screen and (min-width: 768px) { .site-branding { display: flex; align-items: center; margin: 0 auto; } .site-branding .hgroup-sidebar .widget.widget_search { width: auto; margin: 0 3.8em 0 0; } .site-branding .hgroup-sidebar .widget:last-child { margin: 0; } .site-branding .logo-group-nav, .site-branding .site-logo, .site-branding .header-group, .site-branding .hgroup-sidebar { flex-grow: 1; } .site-branding .hgroup-sidebar { padding: 2.143em 1em; } .chromium-look-tools .site-branding .hgroup-sidebar{ padding: 1.267em 1em 2.143em; } .site-branding .hgroup-sidebar .widget { margin: 0 3.8em 0 0; } @supports (grid-area: auto) { .site-branding { display: grid; grid-template-columns: 1fr auto auto; grid-template-rows: auto; grid-template-areas: "logo-navigation logo logo-sidebar"; } .site-branding .logo-group-nav { grid-area: logo-navigation; } .site-branding .site-logo, .site-branding .header-group { grid-area: logo; } .site-branding .hgroup-sidebar { grid-area: logo-sidebar; } } } @media (min-width: 1200px) { .site-boxed .site-branding, .site-boxed .mega-menu-wrap { max-width: 1200px; } .site-boxed .mega-menu-wrap { margin: 0 auto !important; } } /* Logo Positioning on big screens */ @media screen and (min-width: 768px) { .logo-pos-left .site-branding .hgroup-sidebar .widget.widget_search { width: 100%; margin: 20px 0 0 3.8em; } .logo-pos-left .site-branding .site-logo, .logo-pos-left .site-branding .header-group { text-align: left; order: 1; } .logo-pos-left .site-branding .logo-group-nav { text-align: right; order: 2; } .logo-pos-left .site-branding .hgroup-sidebar { text-align: right; order: 3; display: flex; flex-wrap: wrap; justify-content: flex-end; } .logo-pos-right .site-branding .site-logo, .logo-pos-right .site-branding .header-group { order: 3; } .logo-pos-right .site-branding .logo-group-nav { text-align: left; order: 1; } .logo-pos-right .site-branding .hgroup-sidebar { text-align: left; order: 2; } .logo-pos-center-inside .site-branding .hgroup-sidebar { text-align: right; } .logo-pos-center-inside .site-branding .logo-group-nav { text-align: left; } .logo-pos-center-above .site-branding { flex-wrap: wrap; } .logo-pos-center-above .site-branding .site-logo, .logo-pos-center-above .site-branding .header-group { order: 1; width: 100%; } .logo-pos-center-above .site-branding .logo-group-nav { text-align: left; order: 2; } .logo-pos-center-above .site-branding .hgroup-sidebar { text-align: right; order: 3; } @supports (grid-area: auto) { .logo-pos-left .site-branding { grid-template-columns: auto 1fr; grid-template-rows: auto auto; grid-template-areas: "logo logo-sidebar" "logo-navigation logo-navigation"; } .logo-pos-right .site-branding { grid-template-columns: 1fr auto; grid-template-rows: auto auto; grid-template-areas: "logo-sidebar logo" "logo-navigation logo-navigation"; } .logo-pos-center-inside .site-branding { grid-template-columns: 1fr auto 1fr; grid-template-rows: auto; grid-template-areas: "logo-navigation logo logo-sidebar"; } .logo-pos-center-above .site-branding { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; grid-template-areas: "logo logo" "logo-navigation logo-sidebar"; } } } @media screen and (min-width: 801px) { @supports (grid-area: auto) { .logo-pos-left .site-branding { grid-template-columns: auto 1fr auto; grid-template-rows: auto; grid-template-areas: "logo logo-navigation logo-sidebar"; } .logo-pos-right .site-branding { grid-template-columns: auto 1fr auto; grid-template-rows: auto; grid-template-areas: "logo-navigation logo-sidebar logo"; } } .logo-pos-left .site-branding .hgroup-sidebar .widget.widget_search { width: auto; order: unset; margin: 0 3.8em 0 0; } } .site-title { margin: 0 0 .25em; padding: 0; font-size: 40px; font-weight: bold; line-height: 16px; letter-spacing: -2px; } .site-title a { text-decoration: none; } .site-title a:hover, .site-title a:focus, .site-title a:active { text-decoration: none; } .site-description { margin: 0 0 .25em; font-size: .9em; font-style: italic; font-weight: 100; } /* Header Menu */ .primary-nav, .logo-group-nav { display: block; margin: 0; padding: 0; list-style: none; } .logo-group-nav { margin: 2em 0 0 0; } .primary-nav .mega-right-aligned-promo, .logo-group-nav .mega-right-aligned-promo { float: right !important; text-transform: uppercase !important; } .site-boxed .primary-nav ul.menu, .site-boxed .logo-group-nav ul.menu { max-width: 1200px; } .primary-nav ul.menu, .logo-group-nav ul.menu { width: 100%; margin: 0 auto; padding: 0 1em; list-style: none; } .primary-nav .menu:after, .logo-group-nav .menu:after { content: ""; display: table; clear: both; } .primary-nav ul.menu ul, .logo-group-nav ul.menu ul { margin: 0; opacity: 0; padding: 10px 0; visibility: hidden; position: absolute; top: 50px; left: 0; z-index: 300; -webkit-transform: translate3d(0, 20px, 0); -moz-transform: translate3d(0, 20px, 0); -ms-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; -moz-transition: opacity 0.35s, -webkit-transform 0.35s; -ms-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; width: 200px; background-color: #f6f6f6; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .10); box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .10); } .logo-group-nav ul.menu ul{ top: 40px; } .primary-nav ul.menu ul li, .logo-group-nav ul.menu ul li { float: none; display: block; border: 0; margin: 0; padding: 0; } .primary-nav .menu ul a, .logo-group-nav .menu ul a { display: inline-block; text-transform: none; padding: 5px 1.429em; color: #626262; border-radius: 0; margin: 0; height: auto; width: 100%; line-height: 1.5; background-color: transparent; font-weight: normal; } .primary-nav .menu ul ul, .logo-group-nav .menu ul ul { top: -10px; left: 201px; margin: 0; } .primary-nav li, .logo-group-nav li { display: block; position: relative; margin: 0; } .primary-nav li:hover>ul, .logo-group-nav li:hover>ul { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0px, 0); -moz-transform: translate3d(0, 0px, 0); -ms-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); } .primary-nav li:last-of-type a, .logo-group-nav li:last-of-type a { border-bottom: 0; } .primary-nav .menu-item a, .logo-group-nav .menu-item a { padding: 0 0.714em; margin: 0; height: 26px; line-height: 26px; text-decoration: none; font-size: 1em; display: block; position: relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .primary-nav li.menu-item-has-children>a, .logo-group-nav li.menu-item-has-children>a { padding: 0 2em 0 0.714em; } .primary-nav li.menu-item-has-children>a:after, .logo-group-nav li.menu-item-has-children>a:after { content: "\e91a"; font-family: 'chromium'; display: inline-block; position: absolute; right: 13px; font-size: 10px; } .primary-nav .sub-menu li.menu-item-has-children>a:after, .logo-group-nav .sub-menu li.menu-item-has-children>a:after { content: '\e91b'; right: 13px; top: 9px; } .logo-group-nav .sub-menu { text-align: left; } .primary-nav .sub-menu li.menu-item-has-children>a, .logo-group-nav .sub-menu li.menu-item-has-children>a { padding: 5px 2em 5px 1.429em; text-transform: none; } .primary-nav .nav-menu > li > a { font-weight: 500 !important; } @media screen and (min-width: 768px) { .logo-group-nav ul.menu > li{ margin: 0 5px; } .logo-group-nav ul.menu > li > a{ font-weight: 500; height: 40px; line-height: 40px; border-radius: 3px; } .logo-group-nav { margin: 0; } .primary-nav .menu-item a, .logo-group-nav .menu-item a, .primary-nav li, .logo-group-nav li { display: inline-block; } .logo-group-nav .menu-item a, .primary-nav .menu-item a { padding: 0 1.429em; height: 50px; line-height: 50px; } .logo-group-nav .mega-menu-wrap .sub-menu a, .primary-nav .mega-menu-wrap .sub-menu a { padding: 0; height: auto; line-height: inherit; } .logo-group-nav li.menu-item-has-children>a, .primary-nav li.menu-item-has-children>a { padding: 0 2em 0 1.429em; } } /* Small menu. */ @media screen and (min-width: 768px) { .menu-toggle{ display: none; } } @media screen and (max-width: 767px) { .logo-group-nav{ margin-top: 0 !important; } .main-navigation, .logo-navigation { padding-bottom: 30px; } .menu-toggle, .main-navigation.toggled ul, .logo-navigation.toggled ul{ display: block; } .menu-toggle { width: 100%; max-width: 80vw; margin: 0 auto; } [class*=mega-menu] .menu-toggle{ display: none !important; } .primary-nav{ background-color: transparent !important; } .main-navigation ul, .logo-navigation ul { display: none; } .main-navigation.toggled ul, .logo-navigation.toggled ul { display: block; max-width: 80vw; margin: 30px auto 0; } .main-navigation ul li a, .logo-navigation ul li a { padding: 0.5em 1em !important; height: auto !important; } .main-navigation ul li ul, .logo-navigation ul li ul { transform: none !important; margin-left: 2em !important; position: relative !important; visibility: visible !important; opacity: 1 !important; box-shadow: none !important; background-color: transparent !important; width: 100% !important; top: auto !important; left: auto !important; } .main-navigation .sub-menu li.menu-item-has-children>a:after, .logo-navigation .sub-menu li.menu-item-has-children>a:after { display: none; } } @media screen and (min-width: 768px) { .menu-toggle { display: none; } .main-navigation ul, .logo-navigation ul { display: block; } } .mega-menu-primary-nav .menu-toggle{ display: none !important; } /* Primary Nav Widgets */ .primary-nav.with-widgets .nav-sidebar { position: absolute; right: 0; top: 5px; } .primary-nav.with-widgets.reversed .nav-sidebar { right: auto; top: 5px; left: 0; } .primary-nav .nav-sidebar .widget { margin: 0 0.5em 0 0.5em; } .site-boxed .primary-nav-wrapper { max-width: 1200px; } .primary-nav-wrapper { width: 100%; margin: 0 auto; position: relative; } .primary-nav-wrapper #mega-menu-wrap-primary-nav { margin: 0 !important; } @media (min-width: 768px) { .primary-nav .nav-sidebar .widget { margin: 0 25px 0 0; } .primary-nav-wrapper { display: flex; align-items: center; flex-wrap: nowrap; justify-content: space-between; } } /*-------------------------------------------------------------- # Extra Header Styling --------------------------------------------------------------*/ /* Mega Menu Elementor Tabs Styles */ .mega-sub-menu .elementor-tab-title, .mega-sub-menu .elementor-tab-title:after { -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; -ms-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out; transition: color 0.3s ease-out; } .mega-sub-menu .elementor-tab-title:after { display: inline-block; font-family: 'chromium'; content: "\e91b"; position: absolute; right: 21px; top: 50%; font-size: 10px; height: 16px; line-height: 16px; margin: -8px 0 0 0; color: #626262; } .mega-sub-menu .elementor-tab-title.elementor-active { font-weight: 500 !important; } .mega-sub-menu .elementor-tab-title:hover, .mega-sub-menu .elementor-tab-title:hover:after { color: #000; } .mega-sub-menu .elementor-tabs-content-wrapper a:not(.button) { color: #626262; } .mega-sub-menu .elementor-tabs-content-wrapper a:not(.button):hover, .mega-sub-menu .elementor-tabs-content-wrapper a:not(.button):focus, .mega-sub-menu .elementor-tabs-content-wrapper a:not(.button):active, .mega-sub-menu .elementor-tabs-content-wrapper h5 a:not(.button):hover, .mega-sub-menu .elementor-tabs-content-wrapper h5 a:not(.button):focus, .mega-sub-menu .elementor-tabs-content-wrapper h5 a:not(.button):active { color: #fdb819; } .mega-sub-menu .elementor-tabs-content-wrapper strong a:not(.button), .mega-sub-menu .elementor-tabs-content-wrapper h5 a:not(.button) { color: #000; } #mega-menu-wrap-primary-nav #mega-menu-primary-nav>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item.widget_tz_shortcode h4.mega-block-title, #mega-menu-wrap-primary-nav #mega-menu-primary-nav>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item.widget_tz_shortcode h4.mega-block-title { margin: 0px; padding: 0px; border: 0px; } .site-header .elementor-widget-tabs .elementor-tab-content { padding: 0; } .site-header .elementor-widget-tabs .elementor-tab-title { border-bottom: 1px solid #f6f6f6 !important; } .site-header .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs-content-wrapper{ position: relative; } @media screen and ( min-width: 1024px) { .site-header .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs-content-wrapper:before { content: ''; height: 100%; width: 1px; display: block; position: absolute; top:0; left: -3px; z-index: 1; box-shadow: -5px 0px 20px 10px rgba(0,0,0,0.12); } } .mega-departments-link.mega-menu-item .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs-wrapper{ z-index: 2 !important; background-color: #fff !important;; position: relative !important;; } .mega-departments-link.mega-menu-item .elementor-widget-tabs .elementor-widget-container h5{ font-weight: 500 !important;; font-size: 12px !important;; display: block !important;; margin-bottom: 10px !important;; } .mega-departments-link.mega-menu-item .elementor-widget-tabs .elementor-widget-container ul{ list-style: none !important;; padding: 0 !important;; margin: 0 !important;; } .mega-departments-link.mega-menu-item .elementor-widget-tabs .elementor-widget-container li{ margin-top: 6px !important;; margin-bottom: 6px !important;; display: list-item !important;; } .site-header .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-title.elementor-active:after { transform: rotate(90deg); } @media screen and (max-width: 500px) { .site-header .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs-content-wrapper { box-shadow: none; } .site-header .elementor-widget-tabs .elementor-tab-content { background-color: #fff; } .site-header .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-title { line-height: 1.2 !important; position: relative; } } /* Special styles for currency switcher */ .top-widgets-left .widget.widget-woocommerce-currency-switcher, .top-widgets-right .widget.widget-woocommerce-currency-switcher { padding: 0; min-height: auto; } .header-top .woocommerce-currency-switcher-form { position: relative; display: inline-block; } .header-top .woocommerce-currency-switcher-form:after { content: '\e91a'; font-family: 'chromium'; display: inline-block; font-size: 8px; position: absolute; right: 5px; top: 0; color: #8b8b8b; z-index: 1; height: 38px; line-height: 38px; } .header-top .woocommerce-currency-switcher-form select { border: none; font-size: 12px; height: 38px; padding: 0 0.5em; margin-right: 15px; box-shadow: none; background-color: #212121; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: inherit; color: #fff; text-transform: uppercase; cursor: pointer; font-weight: normal; z-index: 2; position: relative; width: auto !important; } .woocommerce-account .header-top .woocommerce-currency-switcher-form { display: none; } /* Special Styles for lanquage switcher */ .header-top .widget_polylang { position: relative; } .header-top .widget_polylang select { border: none; font-size: 12px; height: 38px; padding: 0 0.5em; margin-right: 15px; box-shadow: none; background-color: #212121; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: inherit; color: #fff; text-transform: uppercase; cursor: pointer; font-weight: normal; z-index: 2; position: relative; } .header-top .widget_polylang:after { content: '\e91a'; display: inline-block; font-family: 'chromium'; font-size: 8px; position: absolute; right: 5px; top: 0; color: #8b8b8b; z-index: 1; height: 38px; line-height: 38px; } /* TM Wishlist & Compare Widgets Styles */ .site-header .widget_tm_woocompare_recent_compare_list, .site-header .widget_tm_woocommerce_wishlist { height: 40px; } .site-header .tm-woocompare-widget-wrapper, .site-header .tm-woocomerce-wishlist-widget-wrapper { width: 40px; height: 40px; position: relative; cursor: pointer; display: inline-block; } .site-header .tm-woocompare-widget-wrapper:before, .site-header .tm-woocomerce-wishlist-widget-wrapper:before { display: inline-block; content: '\e902'; font-size: 28px; font-family: 'chromium'; position: absolute; left: 0; bottom: 0; height: 40px; color: #000; } .site-header .tm-woocomerce-wishlist-widget-wrapper:before { content: '\e93c'; } .site-header .tm-woocompare-empty, .site-header .tm-woowishlist-empty { display: none; } .site-header .compare-count-wrapper, .site-header .wishlist-count-wrapper { display: inline-block; width: 18px; height: 18px; font-size: 12px; border-radius: 50%; color: #212121; line-height: 18px; position: absolute; text-align: center; top: 0; right: 0; font-weight: 500; } .site-header .tm-woocompare-widget-products, .site-header .tm-woowishlist-widget-products { background-color: #fff; padding: 1.8em 20px; width: 100vw; max-width: 300px; position: absolute; top: 90px; right: 0px; border-style: solid; border-width: 1px; z-index: 400; opacity: 0; visibility: hidden; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transform: translateZ(0); padding-top: 80px; } .site-header .tm-woocompare-widget-products::before, .site-header .tm-woocompare-widget-products::after, .site-header .tm-woowishlist-widget-products::before, .site-header .tm-woowishlist-widget-products::after { display: none; content: ''; width: 0; height: 0; position: absolute; top: -10px; right: 10px; } .site-header .tm-woocompare-widget-products::before, .site-header .tm-woowishlist-widget-products::before { border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #e7e4d9; } .site-header .tm-woocompare-widget-products::after, .site-header .tm-woowishlist-widget-products::after { border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 9px solid #fff; top: -9px; right: 12px; } .site-header .tm-woocompare-widget-product, .site-header .tm-woowishlist-widget-product { padding: 0 20px 0 100px; margin: 0 0 20px 0; position: relative; min-height: 80px; text-align: left; } .site-header .tm-woocompare-widget-product::after, .site-header .tm-woowishlist-widget-product::after { display: table; content: ''; clear: both; } .site-header .tm-woocompare-widget-product:last-of-type, .site-header .tm-woowishlist-widget-product:last-of-type { margin: 0; } .site-header .tm-woocompare-widget-product h3, .site-header .tm-woowishlist-widget-product h3 { font-size: inherit; font-weight: normal; display: block; margin: 0; color: inherit; text-align: left; padding-top: 32px; } .site-header .tm-woowishlist-widget-product h3 { padding-top: 0; } .site-header .tm-woocomerce-list__product-image { display: block; max-width: 80px; margin: 0 20px 0 0; position: absolute; left: 0; top: 0; } .site-header .tm-woocompare-empty { display: none; } .site-header .compare_link_btn, .site-header .tm-woowishlist-page-button { position: absolute; top: 110px; right: 20px; z-index: 401; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; width: 260px; text-align: center; } .site-header .widget_tm_woocompare_recent_compare_list.opened .tm-woocompare-widget-products+.compare_link_btn, .site-header .widget_tm_woocommerce_wishlist.opened .tm-woowishlist-widget-products+.tm-woowishlist-page-button { opacity: 1; visibility: visible; top: 80px; } .site-header .widget_tm_woocompare_recent_compare_list.opened .tm-woocompare-widget-wrapper:before, .site-header .widget_tm_woocommerce_wishlist.opened .tm-woocomerce-wishlist-widget-wrapper:before { content: '\e92f'; } .site-header .tm-woowishlist-widget-product .button { height: 32px; line-height: 32px; font-size: 12px; margin-top: 5px; text-transform: none; } .site-header .widget_tm_woocompare_recent_compare_list.opened .tm-woocompare-widget-products, .site-header .widget_tm_woocommerce_wishlist.opened .tm-woowishlist-widget-products { opacity: 1; top: 60px; } .site-header .tm-woocompare-remove, .site-header .tm-woowishlist-remove { top: 30px; } .tm-woocompare-list .tm-wc-compare-wishlist-loader>*, .tm-woocompare-widget-wrapper .tm-wc-compare-wishlist-loader>*, .tm-woowishlist .tm-wc-compare-wishlist-loader>*, .tm-woocomerce-wishlist-widget-wrapper .tm-wc-compare-wishlist-loader>* { width: 30px; height: 30px; } .tm-woocompare-list .tm-wc-compare-wishlist-loader, .tm-woocompare-widget-wrapper .tm-wc-compare-wishlist-loader, .tm-woowishlist .tm-wc-compare-wishlist-loader, .tm-woocomerce-wishlist-widget-wrapper .tm-wc-compare-wishlist-loader { background: rgba(255, 255, 255, 0.8); z-index: 1; } @media (min-width: 768px) { .site-header .widget_tm_woocompare_recent_compare_list.opened .tm-woocompare-widget-wrapper:before { content: '\e902'; } .site-header .widget_tm_woocommerce_wishlist.opened .tm-woocomerce-wishlist-widget-wrapper:before { content: '\e93c'; } .site-header .tm-woocompare-widget-products::before, .site-header .tm-woocompare-widget-products::after, .site-header .tm-woowishlist-widget-products::before, .site-header .tm-woowishlist-widget-products::after { display: inline-block; } } /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ /* Sticky Post Special Styling */ .sticky { position: relative; padding: 2em; } .sticky .sticky-post { display: inline-block; padding: 0 1em; text-transform: uppercase; height: 38px; line-height: 34px; top: 16px; right: -5px; background-color: #fff; border-style: solid; border-width: 2px; z-index: 1; } .sticky .sticky-post:after { content: ''; display: inline-block; position: absolute; right: -2px; bottom: -8px; width: 0; height: 0; border-width: 6px 0 0 0; border-style: solid; border-right: 5px solid transparent !important; } @media screen and ( max-width: 768px ) { .sticky .sticky-post{ border:none; right:0; left: auto; height: 28px; font-size: 13px; } } @media screen and ( min-width: 768px ) { .sticky .sticky-post{ position: absolute; } } /* 404 Page special styles */ .error404 .site { background-color: #f6f6f6; } .error404 .site-content { text-align: center; } .error404 img { margin-top: 3em; margin-bottom: 1em; } .error404 .page-title { text-align: center; font-size: 12em; font-weight: 100; color: #d0d0d0; } .error404 .subtitle { font-size: 2.400em; text-transform: uppercase; display: block; margin: 0; color: #000; } .error404 .site-content p { margin: 0 0 2.222em 0; font-size: 1.200em; color: #909090; } .error404 .site-content input[type="search"].search-field { width: 100%; max-width: 325px; background-color: #fff; margin-right: 8px; } .error404 .home-link { font-size: 0.933em; display: inline-block; margin: 2em 0 6em 0; } .error404 .home-link i { padding-right: 5px; font-size: 10px; } .error404 .home-link i:before{ transform: translateY(-1px) rotate(180deg); } /* Search not Found */ .search-no-results .page-content{ text-align: center; } .search-no-results .search-field{ width: 100%; max-width: 325px; margin-right: 0.5em; background-color: #fff } /* Search Results Page */ .search-counter-wrapper { margin: 0 0 4em 0; text-align: center; } .search-counter-wrapper .msg { display: inline-block; max-width: 600px; padding: 0 1em; } .search-counter-wrapper input[type="search"].search-field { width: 100%; max-width: 325px; margin-right: 0.5em; background-color: #fff; } .search-counter-wrapper input[type="search"].search-field, .search-counter-wrapper input[type="submit"].search-submit { padding: 0 1em; } .search .search-excerpt:hover, .search a:hover>.search-excerpt { background-color: transparent; } .search .search-excerpt { padding: 0 3px; } /* Article styling on Blog Page */ article.type-post { margin-bottom: 3em; padding: 0; background-color: #fff; } article.type-post .thumbnail-wrapper img { display: block; margin: 0 auto; } article.type-post .thumbnail-wrapper { position: relative; overflow: hidden; max-width: 100%; } article.type-post .custom-post-label { text-transform: uppercase; color: #212121; position: absolute; right: 40px; top: 30px; border-radius: 5px; padding: 3px 8px; display: inline-block; font-size: 0.800em; z-index: 1; } article.type-post .entry-header { padding: 1.5em 1em 0 1em; margin: 0 0 1em 0; } .search-results article.type-post:not(.has-post-thumbnail) .entry-header{ padding: 0; } .search-results article.type-post:not(.has-post-thumbnail) .entry-summary{ padding-left: 0; padding-right: 0; } .search-results article.attachment .entry-header{ padding-top: 0; } article.type-post .entry-title { display: block; font-size: 1.716em; /*font-weight: 400;*/ text-transform: none; margin: 0 0 6px 0; width: 100%; text-align: left; line-height: 1.2; max-width: 100%; word-wrap: break-word; } .single-post article .entry-title{ font-size: 2em; } .blog-style-default article.type-post .entry-title{ margin-bottom: 1rem; } .blog-style-default.single article.type-post .entry-title{ margin-bottom: 0.5rem; } .entry-title a { color: inherit; word-wrap: inherit; word-break: inherit; } article.type-post img.avatar { display: inline-block; border-radius: 50%; margin: -5px 1em 0 0; float: left; } article.type-post .post-author{ margin-right: 7px; } article.type-post .post-author, article.type-post .time-wrapper { display: inline-block; } .blog-style-default article .time-wrapper{ margin-right: 11px; } article.type-post .post-author a { color: #000; } article.type-post .time-wrapper i { font-size: 18px; vertical-align: middle; margin: 0 6px 0 3px; } article.type-post .edit-link { border-left: 1px solid #e1e1e1; padding-left: 11px; } article.type-post .post-cats, article.type-post .post-tags { margin-top: 0.5em; padding-top: 0.5em; } .single-post article.type-post .post-cats{ display: inline-block; margin-right: 11px; margin-top: 0; padding-bottom: 0; } article.type-post .post-cats+.post-tags { border-width: 0; margin-top: 0; padding-top: 0; } article.type-post .entry-content, article.type-post .entry-summary { padding: 0 1em; width: 100%; } article.type-post .entry-content p:last-child, article.type-post .entry-summary p:last-child, article.type-post .entry-summary ul:last-child, article.type-post .entry-summary ol:last-child, article.type-post .entry-content ul:last-child, article.type-post .entry-content ol:last-child, article.type-post .entry-content .page-links, article.type-post .entry-summary .page-links { margin-bottom: 0; } article.type-post .entry-meta, article.type-attachment .entry-meta { padding: 0.5em 1em 2em 1em; } article.type-post .entry-meta:after, article.type-attachment .entry-meta:after { display: table; content: ''; clear: both; } .blog-style-default article .meta-group{ margin-top: 1em; width: 100%; } .blog-style-default article .meta-taxonomy{ text-transform: uppercase; font-size: 0.867em; } article.type-post .meta-counters, article.type-attachment .meta-counters { float: none; text-align: center; } article.type-post .meta-counters div:not(.wrapper), article.type-attachment .meta-counters div:not(.wrapper) { display: inline-block; margin-left: 10px; height: 34px; line-height: 34px; } article.type-post .meta-counters i, article.type-attachment .meta-counters i { font-size: 18px; vertical-align: middle; margin: 0 6px 0 0; } article.type-post .entry-header-meta { font-size: 12px; text-transform: uppercase; margin-bottom: 15px; } article.type-post .link-to-post.button { text-transform: none; font-weight: 400; margin-top: 1.75em; margin-bottom: -0.3em; } @media (min-width: 768px) { article.type-post .entry-header { padding: 1.5em 2em 0 2em; } article.type-post .entry-content, article.type-post .entry-summary { padding: 0 2em; } article.type-post .entry-meta, article.type-attachment .entry-meta { padding: 0.5em 2em 2em 2em; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; } .blog-style-default article.type-post .entry-meta, .blog-style-default article.type-attachment .entry-meta{ padding-top: 0; } article.type-post .meta-counters, article.type-attachment .meta-counters { align-self: flex-end; margin-left: auto; transform: translateY(10px); } article.type-post .meta-counters div:not(.wrapper), article.type-attachment .meta-counters div:not(.wrapper) { margin-left: 20px; } .blog-style-default article.type-post .entry-meta, .blog-style-default article.type-attachment .entry-meta{ flex-direction: column; } } /* Special Styles for alt Style 2 */ article.type-post .post-date-wrapper { width: 100px; height: 100%; color: #000; font-size: 13px; text-transform: uppercase; padding: 30px 0 50px 24px; position: relative; } @media screen and ( max-width: 767px ) { article.type-post .post-date-wrapper{ padding: 30px 0 0 24px; } article.type-post{ margin-bottom: 2em; } body:not(.blog-grid-posts) article.type-post.has-post-thumbnail .post-date-wrapper{ margin-top: -50px; } } .blog-grid-posts article.type-post .post-date-wrapper { width: 50px; height: 50px; padding: 0; position: absolute; left: 15px; top: 15px; } article.type-post .post-date-wrapper::before { display: inline-block; width: 1px; height: calc(100% - 78px); content: ''; position: absolute; left: 58px; top: 30px; } article.type-post .post-date-wrapper::after { display: inline-block; width: 9px; height: 9px; border-radius: 50%; content: ''; position: absolute; left: 54px; bottom: 43px; } .blog-grid-posts article.type-post .post-date-wrapper::before, .blog-grid-posts article.type-post .post-date-wrapper::after { display: none; } article.type-post .post-date-wrapper span.border { display: block; text-align: center; width: 68px; height: 68px; border-style: solid; border-width: 1px; box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.1); border-radius: 3px; position: relative; z-index: 1; background-color: #fff; } .blog-grid-posts article.type-post .post-date-wrapper span.border { width: 50px; height: 50px; border-width: 0; } article.type-post .post-date-wrapper span:not(.border) { font-size: 28px; display: block; padding-top: 16px; line-height: 18px; } .blog-grid-posts article.type-post .post-date-wrapper span:not(.border) { color: #000; padding-top: 10px; } article.type-post .grid-wrapper .entry-title { font-size: 28px; margin: 0 0 6px 0; line-height: 32px; } .blog-grid-posts article.type-post .grid-wrapper .entry-title{ font-size: 25px; } article.type-post .grid-wrapper img.avatar { display: none; } article.type-post .grid-wrapper .post-author:before, article.type-post .grid-wrapper .post-cats:before, article.type-post .grid-wrapper .post-tags:before, .blog-style-2 article.type-post .post-author::before, .blog-style-2 article.type-post .post-cats::before, .blog-style-2 article.type-post .time-wrapper::before, .blog-style-default article .meta-taxonomy .post-cats:before, .blog-style-default article .meta-taxonomy .post-tags:before { display: inline-block; font-family: 'chromium'; font-size: 15px; color: #d1d1d1; content: '\e920'; padding: 0 5px 0 0; transform: translateY(1px); } .blog-style-2 article.type-post .time-wrapper::before { content: '\e91c'; padding: 0 5px 0 0; position: relative; top: 1px; } article.type-post .grid-wrapper .post-cats:before, .blog-style-2 article.type-post .post-cats:before, .blog-style-default article .meta-taxonomy .post-cats:before { content: '\e91f'; padding: 0 8px 0 0; position: relative; top: 1px; } article.type-post .grid-wrapper .post-cats .label, article.type-post .grid-wrapper .post-tags .label, .blog-style-2 article.type-post .time-wrapper .label, .blog-style-2 article.type-post .post-cats .label, .blog-style-2 article.type-post .post-tags .label { display: none; } article.type-post .grid-wrapper .post-cats a, article.type-post .grid-wrapper .post-tags a, .blog-style-2 article.type-post .post-cats a { } article.type-post .grid-wrapper .post-tags:before, .blog-style-2 article.type-post .post-tags:before, .blog-style-default article .meta-taxonomy .post-tags:before { content: '\e926'; padding: 0 8px 0 0; position: relative; top: 1px; } .blog-style-2 article.type-post footer.entry-meta .post-tags:before { display: none; } article.type-post .grid-wrapper .post-cats, article.type-post .grid-wrapper .post-tags, article.type-post .grid-wrapper .post-author, .blog-style-2 article.type-post .post-cats, .blog-style-2 article.type-post .post-author, .blog-style-2 article.type-post .time-wrapper { border: 0; margin: 0 1em 0.5em 0; padding: 0; display: inline-block; } article.type-post .grid-wrapper .entry-header-meta { margin-bottom: 0; } article.type-post .grid-wrapper .meta-counters i, article.type-attachment .grid-wrapper .meta-counters i { font-size: 16px; } .blog-style-2 article.type-post img.avatar { display: none; } @media (min-width: 768px) { article.type-post .grid-wrapper .entry-header { padding: 2.1em 2.5em 1em 1em; margin: 0; } article.type-post .grid-wrapper .entry-content, article.type-post .grid-wrapper .entry-summary { padding: 0 2.5em 0 1em; } article.type-post .grid-wrapper .entry-meta, article.type-attachment .grid-wrapper .entry-meta { padding: 0 2.5em 2.5em 1em; } @supports (grid-area: auto) { article.type-post .grid-wrapper { display: grid; grid-template-columns: 100px calc(100% - 100px); grid-template-rows: auto auto auto; align-items: stretch; max-width: 100%; } .blog-grid-posts article.type-post .grid-wrapper { grid-template-columns: 100%; grid-template-rows: auto auto auto; padding: 0 1em; } article.type-post .grid-wrapper .post-date-wrapper { grid-row: 1 / span 3; } } } /* Special Styles for Grid Blog */ .blog.blog-grid-posts article.type-post .entry-content { padding: 0 1em; word-wrap: break-word; } .blog.blog-grid-posts article.type-post .entry-summary { padding: 0 1em; word-wrap: break-word; } .blog.blog-grid-posts article.type-post .entry-header { padding: 30px 1em 0 1em; margin: 0 0 1em 0; } .blog.blog-grid-posts article.type-post .thumbnail-wrapper img { width: 100%; } .blog.blog-grid-posts article.type-post .entry-meta { padding: 0.5em 1em 40px 1em; } .blog.blog-grid-posts .entry-content p { line-height: 22px; } article.type-post .meta-counters div:first-child:not(.wrapper) { margin: 0; } .blog.blog-grid-posts article.format-quote .quote-wrapper { padding: 0 1em; font-size: 1.6em; } .blog.blog-grid-posts article .meta-counters { position: absolute; left: 0; bottom: -20px; background-color: rgba(255,255,255,0.8); opacity: 0; padding: 10px; width: 100%; text-align: center; -webkit-transition: bottom 0.3s ease-out, opacity 0.3s ease-out; -ms-transition: bottom 0.3s ease-out, opacity 0.3s ease-out; transition: bottom 0.3s ease-out, opacity 0.3s ease-out; margin: 0; border: 0; color: #000; float: none; z-index: 1; } .blog.blog-grid-posts article:hover .meta-counters:not(:empty) { bottom: 0px; opacity: 1; } @media (min-width: 768px) { .blog.blog-grid-posts.site-boxed .site-content { max-width: 1200px; } .blog.blog-grid-posts article.type-post { max-width: 100%; margin-bottom: 2em; } @supports (grid-area: auto) { .blog.blog-grid-posts .site-content { display: grid; grid-column-gap: 2em; justify-items: stretch; } .blog.blog-grid-posts.col-3 .site-content { grid-template-columns: repeat( 3, 33.3% ); } .blog.blog-grid-posts.col-4 .site-content { grid-template-columns: repeat( 4, 25% ); } .blog.blog-grid-posts.col-5 .site-content { grid-template-columns: repeat( 5, 20% ); } .blog.blog-grid-posts.col-6 .site-content { grid-template-columns: repeat( 6, 16.5% ); } .blog.blog-grid-posts.col-3 .page-title, .blog.blog-grid-posts.col-3 .navigation.pagination { grid-column: 1 / span 3; } .blog.blog-grid-posts.col-4 .page-title, .blog.blog-grid-posts.col-4 .navigation.pagination { grid-column: 1 / span 4; } .blog.blog-grid-posts.col-5 .page-title, .blog.blog-grid-posts.col-5 .navigation.pagination { grid-column: 1 / span 5; } .blog.blog-grid-posts.col-6 .page-title, .blog.blog-grid-posts.col-6 .navigation.pagination { grid-column: 1 / span 6; } } } .search-results article{ margin-bottom: 2em !important; } .search-results article footer.entry-meta { display: none; } .search-results article .entry-summary{ padding-bottom: 2em; } .search-results article{ padding: 1.5em 2em 0 2em; background-color: #fff; } .search-results article.type-product .entry-header{ padding: 0 2em 0 2em; } .search-results article.type-product .entry-summary{ padding: 0 2em 2em; } .search-results article.has-post-thumbnail{ padding: 0; } .search-results article .entry-title{ display: block; font-size: 26px; font-weight: 400; text-transform: none; margin: 0 0 20px 0; width: 100%; text-align: left; line-height: 1.2; max-width: 100%; word-wrap: break-word; } .search-results article.has-post-thumbnail .entry-header{ padding-top: 0; } .search-results article.has-post-thumbnail .entry-title{ margin-top: 23px; } a.more-link{ display: inline-block; text-transform: none; font-weight: 400; border: 0; box-shadow: none; -webkit-transition: background-color .3s ease-out,color .3s ease-out; transition: background-color .3s ease-out,color .3s ease-out; padding: 0 20px !important; font-size: .933em !important; border-radius: 3px; outline: none; height: 40px; line-height: 40px; color: #fff; background-color: #212121; margin-top: 1.5em; } a.more-link:hover{ background-color: #ffa800; color: #000; } /*-------------------------------------------------------------- # Single Post Styles --------------------------------------------------------------*/ .single article.type-post .entry-header { margin: 0 0 1em 0; } .single article.type-post .entry-content, .single article.type-post .entry-summary { font-size: 1.067em; } /* Footer post Meta */ .single article.type-post .post-tags { display: inline-block; border: 0; margin: 5px 0 0 0; padding: 0; max-width: 50%; } .single article.type-post .post-tags .label { display: none; } .single article.type-post .post-tags a { padding: 4px 12px 5px; border-radius: 3px; font-size: 0.933em; display: inline-block; margin: 0 5px 7px 0px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .single article.type-post .entry-meta { padding-top: 2em; } .single article.type-post .entry-meta:empty{ padding-top: 0; } .single article.type-post footer.entry-meta{ display: grid; grid-template-columns: 1fr minmax(0, max-content); grid-template-areas: "tags meta" } .single article.type-post footer.entry-meta .post-tags{ grid-area: tags; max-width: 100%; padding-right: 1em; } .single article.type-post footer.entry-meta .meta-counters{ grid-area: meta; } .tz-social-links div.wrapper { text-align: left; } .tz-like-wrapper div.wrapper { text-align: center; max-width: 100% } .tz-social-links .sharecount { float: right; width: 34px; display: inline-block; height: 26px; line-height: 26px; text-align: center; margin: 4px 0 0 0; border-left: 1px solid #dbdbdb; } .tz-social-links .share-icon::before { content: "\e921"; font-family: 'chromium'; font-style: normal; font-size: 17px; } .tz-like-wrapper .like-icon::before { content: "\e93c"; font-family: 'chromium'; font-style: normal; font-size: 16px; } .tz-social-links .wrapper a, .tz-like-wrapper .wrapper a { background-color: #f6f6f6; color: #626262; height: 34px; line-height: 34px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; padding-left: 1em; border-top: 1px solid #fff; } .tz-like-wrapper .wrapper a { display: block; padding: 0; border: 0; } .tz-like-wrapper .wrapper #icon-like::before, .tz-like-wrapper .wrapper #icon-unlike::before { display: inline-block; content: "\e911"; font-family: 'chromium'; padding: 0 5px 0 0; } .tz-like-wrapper .wrapper #icon-unlike::before { content: "\e90a"; } .tz-like-wrapper i.loading { font-size: 12px; } .tz-social-links .wrapper a i { font-size: 18px; vertical-align: baseline; padding-left: 5px; } .tz-social-links .wrapper a i:before { color: #626262; } .tz-social-links .wrapper a:hover, .tz-social-links .wrapper a:hover i:before { color: #fff; } .tz-like-wrapper .wrapper a:hover, .tz-like-wrapper .wrapper a:hover i:before { color: #212121; } .tz-like-wrapper .wrapper a:focus { outline: none; } article.type-post .meta-counters div.tooltip { background-color: #f6f6f6; font-size: 0.800em; line-height: 1.5; color: #626262; padding: 5px 0; height: auto; margin: 0; } .tz-social-links .wrapper a.facebook:hover { background-color: #3b5a9a; } .tz-social-links .wrapper a.linkedin:hover { background-color: #117bb7; } .tz-social-links .wrapper a.twitter:hover { background-color: #28a9e2; } .tz-social-links .wrapper a.google:hover { background-color: #e04a39; } .tz-social-links .wrapper a.pinterest:hover { background-color: #cc2129; } .tz-social-links .wrapper a.tumblr:hover { background-color: #31506d; } .tz-social-links .wrapper a.mail:hover { background-color: #0093e7; } .tz-social-links .wrapper a.vk:hover { background-color: #5181B8; } @media (min-width: 768px) { .tz-social-links .heading, .tz-like-wrapper .heading { padding: 0 1em; background-color: #b6b6b6; color: #fff; } } /* Author description */ .author-info .author-title { clear: none; font-size: 1.200em; margin-bottom: 15px; } .author-info .author-bio { font-size: 0.933em; margin-bottom: 15px; } .author-info .author-link { font-size: 0.800em; } .author-info .author-link i { vertical-align: middle; } article.type-post .author-info img.avatar { display: inline-block; border-radius: 50%; margin: 0 1em 1em 0; float: left; } .author-info { padding: 0 1em 2em 1em; } .author-info h3 { font-size: 1em; font-weight: 500; margin: 0 0 2em 0; padding: 0 0 1em 0; text-transform: uppercase; border-style: solid; border-width: 0 0 1px 0; } @media (min-width: 768px) { .author-info { padding: 0 2em 2em 2em; } article.type-post .author-info img.avatar { margin: 0 2em 2em 0; } .author-info .author-link { margin-left: 106px; } } .page-title { font-size: 2em; font-weight: 500; margin: 0 0 1.5rem 0; line-height: 1.2; color: #000; } .search-results .page-title, .search-no-results .page-title { text-align: center; } .page-title i { vertical-align: middle; margin: 0 10px 0 0; font-size: 30px; } .entry-content, .entry-summary, .page-content { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; position: relative; } .entry-content:after, .entry-summary:after, .page-content:after { display: table; content: ''; clear: both; } /* Related Posts */ .related-posts { margin: 0 0 3em 0; } .related-posts ul { list-style: none; padding: 0; margin: 0; } .related-posts ul li { display: flex; background-color: #fff; height: 100%; flex-direction: row; align-items: flex-start; } .related-posts .entry-title.related-posts-title { /*text-transform: uppercase;*/ font-size: 1.5em; /*font-weight: 300;*/ margin: 0 0 1em 0; display: block; text-align: center; } .related-posts .entry-title.related-posts-title span { /*font-weight: 500;*/ } .related-posts .related-categorie { /*text-transform: uppercase;*/ padding: 0; display: inline-block; font-size: 13px; margin: 0 0 5px 0; } .related-posts h3 { text-transform: none; font-size: 18px; font-weight: 400; margin: 10px 0 1em 0; -ms-word-wrap: break-word; word-wrap: break-word; line-height: 26px; max-width: 100%; } .related-posts h3 a { color: inherit; -ms-word-wrap: break-word; word-wrap: break-word; } .related-posts .item-content { text-align: center; padding: 1.5em 1.5em 1em; width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; } @media screen and ( max-width: 767px ){ .related-posts .item-content{ padding: 1em; } } .related-posts .thumb-wrapper { width: 40%; line-height: 0; } .related-posts .thumb-wrapper + .item-content { width: 60%; } .related-posts .date-cat-wrapper { font-size: 13px; display: block; text-transform: uppercase; width: 100%; } @media screen and ( min-width: 768px ){ .related-posts .date-cat-wrapper span { margin-right: 8px; } } .related-posts .meta-counters { align-self: flex-end; width: 100%; margin-top: 10px; } .related-posts .meta-counters div:not(.wrapper), .related-posts .meta-counters div:not(.wrapper) { display: inline-block; margin-right: 10px; height: 34px; line-height: 34px; } .related-posts .meta-counters i, .related-posts .meta-counters i { font-size: 18px; vertical-align: middle; margin: 0 6px 0 0; } @media screen and (min-width: 768px) and (-ms-high-contrast:none) { .related-posts ul{ display: flex; } .related-posts ul li{ flex-basis: calc( 50% - 15px ); width: calc( 50% - 15px ); } .related-posts ul li:nth-child(2n){ margin-left: 30px; } } @supports (grid-area: auto) { .related-posts ul { display: grid; grid-gap: 2em; align-items: start; grid-template-columns: 1fr; } @media screen and ( min-width: 768px ) { .related-posts ul { grid-template-columns: repeat(2, minmax(300px, 50%)); } .layout-one-col .related-posts ul { grid-template-columns: repeat(3, minmax(300px, 50%)); } } } @media screen and ( max-width: 1024px ) { .related-posts ul li{ flex-direction: column; } .related-posts ul li .thumb-wrapper{ display: none; } .related-posts ul li .item-content, .related-posts .thumb-wrapper + .item-content { width: 100%; } } @media (min-width: 768px) { .site-content .related-posts .entry-title.related-posts-title { text-align: left; } .related-posts .item-content { text-align: left; } .related-posts .thumb-wrapper img { height: 100%; width: 100%; } } /* Comments */ .comments-area { margin: 0 0 4em 0; padding: 0; } .bypostauthor>article .fn:before { margin: 0 -2px 0 2px; } .comments-area .comments-title { /*text-transform: uppercase;*/ font-size: 1.3em; /*font-weight: 300;*/ margin: 0 0 1em 0; display: block; text-align: center; } .comments-area .comments-title span { /*font-weight: 500;*/ } .comments-area .comment-reply-title { font-size: 1.3em; /*font-weight: 300;*/ position: relative; text-align: left; margin: 1em 0 0.5em 0; /*text-transform: uppercase;*/ } .comments-area .comment-reply-title span{ /*font-weight: 500;*/ } .comments-area .gravatar { display: inline-block; position: absolute; left: 25px; top: 30px; } .comments-area .gravatar img { -webkit-border-radius: 50%; border-radius: 50%; } .comments-area .comment, .comments-area .pingback { margin: 0 0 1em 0; padding: 2em 2em 2em 7em; position: relative; display: block; background-color: #fff; } .comments-area .comment-meta { margin-bottom: 1.333em; } .comments-area .comment-author { font-size: 1em; display: inline-block; font-weight: 500; margin: 0; padding: 0; } .comments-area .comment-author a { color: inherit; } .comments-area .comment-meta-time { font-size: 0.800em; display: inline-block; color: #81858c; margin-right: 30px; } .comments-area .comment-reply-link, .comments-area .comment-edit-link { display: inline-block; font-size: 0.800em; } .comments-area .comment-reply-link:before { display: inline-block; content: "\e912"; font-family: 'chromium'; font-size: 16px; vertical-align: sub; padding: 0 5px 0 0; } .comments-area .comment-reply-link+.comment-edit-link:before { content: '|'; display: inline-block; margin: 0 10px; } .comments-area .pingback { padding: 2em; text-transform: uppercase; } .comments-area .pingback a { text-transform: none; } .comments-area .pingback .comment-meta { margin-bottom: 0; } .comments-area .pingback .comment-edit-link { float: none; display: block; } .comments-area .comment .comment { padding: 20px 0 0 80px; } .comments-area .comment .comment .gravatar { left: 0; } .comments-area .comment .comment .comment-content { margin-bottom: 35px; } .comments-area .comments-list .comment:first-of-type, .comments-area .comments-list .pingback:first-of-type { border: 0; } .comments-area .comments-list .comment .child-comments { margin: 30px 0 0 -80px; padding: 0; border-width: 1px 0 0 0; border-style: solid; } .comments-area .comment-content { padding: 0; margin: 0; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; } .comments-area .comments-list { margin-bottom: 3em; } .comments-area .comment-content p:last-child, .comments-area .comment-content p:last-of-type { margin: 0; } .comments-area .comment-form { margin: 0 -1em 4em -1em; } .comments-area .comment-form p { padding: 0 1em; margin: 0 0 1em 0; } .comment-form-cookies-consent input[type="checkbox"]{ display: inline-block; margin-right: 10px; vertical-align: middle; } .comment-form-cookies-consent label{ display: inline-block !important; vertical-align: middle; margin-bottom: 0 !important; } .comments-area .comment-form input[type="text"], .comments-area .comment-form input[type="email"], .comments-area .comment-form input[type="url"], .comments-area .comment-form textarea { width: 100%; background-color: #fff; } .comments-area .comment-form p.comment-form-author, .comments-area .comment-form p.comment-form-email, .comments-area .comment-form p.comment-form-url { margin: 0 0 2em 0; } .comments-area .comment-form p.comment-notes { margin-bottom: 2em; } .comments-area .comment-form label { display: block; margin-bottom: 0.5em; color: #000; } .comments-area .comment-form textarea { min-height: 135px; } .comments-area .comment-form-comment { clear: both; } .comments-area small { display: inline-block; font-size: 12px; margin: 0 0 0 25px; } .comments-area .pingback .comment-meta, .comments-area .trackback .comment-meta { padding: 0; text-align: left; } .required { color: #c0392b; } .no-comments { text-transform: uppercase; font-size: 16px; margin: 0; } .no-comments i { margin-right: 5px; } @media (min-width: 768px) { .comments-area .comments-title { text-align: left; } } /* Comments navigation */ .comment-numeric-navigation { margin: 40px 0; text-align: center; } .comment-numeric-navigation .loop-pagination { margin-top: -5px; text-align: center; } .comment-numeric-navigation .page-numbers { font-size: 13px; margin-right: 1px; display: inline-block; padding: 9px 15px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; } .comment-numeric-navigation ul.page-numbers { border: 0 none; padding: 0; margin: 0; } .comment-numeric-navigation .page-numbers.current { border: 1px solid #f8f8f6; background: #f8f8f6; } .comment-numeric-navigation a { color: #151515; } .comment-numeric-navigation a:hover, .comment-numeric-navigation a:active, .comment-numeric-navigation a:focus { color: #f7972b; border: 1px solid #f7972b; } .comment-numeric-navigation i { font-size: 10px; } .comment-numeric-navigation .page-links-title { float: left; padding: 10px 0; } .comment-navigation { margin: 40px 0; text-align: left; } .comment-navigation .prev { float: left; } .comment-navigation .next { float: right; } .comment-navigation a { font-size: 13px; display: inline-block; padding: 9px 15px; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; color: #151515; } .comment-navigation a:hover, .comment-navigation a:active, .comment-navigation a:focus { color: #f7972b; } .comment-navigation i { font-size: inherit; padding: 0 5px; } .comment-navigation:after { display: block; clear: both; content: ''; } @media (min-width: 768px) { .comments-area .comment-meta { text-align: left; } .comments-area .comment-form-author, .comments-area .comment-form-email, .comments-area .comment-form-url { width: 33.333%; display: inline-block; float: left; } .comments-area .comments-list .comment .child-comments { padding: 0px 0 0 40px; } } /*-------------------------------------------------------------- ## Custom Styling for Post Formats --------------------------------------------------------------*/ /* Gallery Post Format */ article.format-gallery .owl-nav { display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0; } article.format-gallery .owl-carousel .owl-nav div { width: 50px; height: 100%; margin: 0; } article.format-gallery .owl-next { float: right; } article.format-gallery .owl-carousel .owl-nav div+div::before { display: none; } article.format-gallery .owl-carousel .owl-nav div::after { top: 50%; color: rgba(255, 255, 255, 0.7); font-size: 50px; left: auto; right: 0; margin-top: -37px; } article.format-gallery .owl-carousel .owl-nav div:hover::after { right: -10px; color: rgba(255, 255, 255, 1); } article.format-gallery .owl-carousel .owl-nav div.owl-next:after { right: auto; top: 50%; left: -18px; width: auto; height: 75px; line-height: 75px; } article.format-gallery .owl-carousel .owl-nav div.owl-next:hover:after { left: -28px; color: rgba(255, 255, 255, 1); } article.format-gallery .carousel-container { max-height: 350px; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .blog-grid-posts article.format-gallery .carousel-container { max-height: 100%; margin-bottom: -9px; } /* Video Post format */ article.format-video .thumbnail-wrapper { background-color: #000; text-align: center; } article.format-video .thumbnail-wrapper iframe { margin: 0; } /* Quote Post Format */ article.format-quote .quote-wrapper { position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: #fff; text-align: center; background-color: rgba(111, 111, 111, 0.8); font-size: 2.2em; align-items: center; display: flex; font-weight: lighter; justify-content: center; } article.format-quote .quote-wrapper i { font-style: normal; } article.format-quote .quote-wrapper i::before { display: block; font-size: 3em; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 2em; } .widget ul, .widget ol { list-style-type: none; padding: 0; margin: 0; } .widget ul li, .widget ol li { margin-bottom: 8px; } .widget ul li:last-of-type, .widget ol li:last-of-type { margin-bottom: 0; } /* Extra styles for widgets on a different pages */ .site-sidebar.style-2 .widget, .site-sidebar.style-3 .widget { background-color: #fff; padding: 1.5em 20px; margin: 0; font-size: 0.933em; } .site-sidebar.style-1 .widget { background-color: transparent; padding: 0; margin: 0 0 3em 0; } .site-sidebar.style-3 .widget { margin: 0 0 35px 0; padding: 2em 25px; } .widget .widget-title, .elementor-widget h5 { font-size: 1em; font-weight: 500; margin: 0 0 1.5em 0; text-transform: uppercase; border-style: solid; border-width: 0 0 1px 0; } .style-2 .widget .widget-title{ padding-bottom: 1em; } .elementor-widget h5{ padding: 0 0 10px 0; } .site-sidebar.style-1 .widget .widget-title { margin: 0 0 2em 0; border: 0; position: relative; } .site-sidebar.style-3 .widget .widget-title{ padding-bottom: 1em; } .site-sidebar.style-1 .widget { overflow: hidden; } .site-sidebar.style-1 .widget:not(.widget_tz_categories) .widget-title span{ display: inline-block; position: relative; line-height: inherit; padding: 0 0 10px 0; } .site-sidebar.style-1 .widget:not(.widget_tz_categories) .widget-title span:after { display: block; content: ''; width: 80%; position: absolute; bottom: -1px; left: 0; height: 2px; -webkit-transition: width 0.3s ease-out; -ms-transition: width 0.3s ease-out; transition: width 0.3s ease-out; z-index: 1; background-color: #FDB80C; } .site-sidebar.style-1 .widget:not(.widget_tz_categories) .widget-title:before { content: ''; display: block; position: absolute; bottom: -1px; width: 100%; left: 0; height: 1px; border-bottom: 1px solid; border-color: #ebebeb; } /*.site-sidebar.style-1 .widget:hover .widget-title:after { width: 300px; }*/ .site-sidebar.style-1 .widget .widget-title + *:not(.screen-reader-text), .site-sidebar.style-1 .widget .screen-reader-text + .select-wrapper { width: 100%; } .site-sidebar.style-1 .widget .screen-reader-text + .select-wrapper::before { top: 5px; } .site-sidebar.style-1 .widget .screen-reader-text + .select-wrapper::after { top: 12px; } .site-sidebar.style-2 .widget.widget_custom_html, .site-sidebar.style-3 .widget.widget_custom_html { padding: 0; } .widget_categories ul, .widget_archive ul, .widget_pages ul, .widget_rss ul, .widget_nav_menu ul{ padding-left: 1em; } .widget_categories ul > li, .widget_archive ul > li, .widget_pages ul > li, .widget_rss ul >li, .widget_nav_menu ul > li { position: relative; } .widget_categories ul li ul, .widget_archive ul li ul, .widget_pages ul li ul, .widget_rss ul li ul, .widget_nav_menu ul li ul { position: relative; margin-left: 1em; margin-top: 8px; } .widget_categories ul ul ul ul ul ul ul, .widget_archive ul ul ul ul ul ul ul, .widget_pages ul ul ul ul ul ul ul, .widget_rss ul ul ul ul ul ul ul, .widget_nav_menu ul ul ul ul ul ul ul{ margin-left: 0; padding-left: 0; } .widget_categories ul li ul li, .widget_archive ul li ul li, .widget_pages ul li ul li, .widget_rss ul li ul li, .widget_nav_menu ul li ul li { margin-bottom: 8px; } .widget_categories ul li:before, .widget_archive ul li:before, .widget_pages ul li:before, .widget_rss ul li:before, .widget_nav_menu ul li:before{ content: ""; display: block; width: 4px; height: 4px; background-color: #fdb819; position: absolute; left: -1em; top: 10px } .widget_rss .rsswidget{ color: #000; display: block; } .widget_rss .widget-title .rsswidget{ display: inline-block; vertical-align: middle; } .widget_rss .rss-date{ display: block; margin: 0.5em 0; } .widget_rss .rss-date:before{ content: "\e915"; font-family: chromium; display: inline-block; margin-right: 1em; line-height: inherit; font-size: 0.75em; } .widget_rss li{ margin-bottom: 1em !important; } .widget_rss cite{ display: inline-block; font-size: 0.85em; margin: 0.5rem 0; color: #000; } .widget_tag_cloud .tagcloud a{ color: #000; } .widget_tz_categories .widget-title:before, .widget_tz_categories .widget-title span:after { display: none; } /* Select Styles */ .site-sidebar .widget select { font-size: 14px; height: 40px; line-height: 40px; padding: 0 40px 0 16px; box-shadow: none; border-radius: 0; background-color: #fff; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: inherit; color: inherit; cursor: pointer; font-weight: normal; width: 100%; -webkit-transition: color 0.3s ease-out; transition: color 0.3s ease-out; } /* Search Widget */ .widget_product_search label, .widget_search label { width: 100%; margin-bottom: 0; } .widget_product_search .woocommerce-product-search, .widget_search .search-form { width: 100%; display: inline-block; position: relative; } .widget_product_search .woocommerce-product-search::before, .widget_search .search-form::before { display: inline-block; position: absolute; content: '\e93e'; font-family: 'chromium'; right: 10px; font-size: 22px; top: 3px; } .widget_product_search .search-field, .widget_search .search-field { display: inline-block; width: 100%; padding: 0 50px 0 10px !important; background-color: #fff; border-radius: 0; height: 40px; -webkit-appearance: none; } .widget_product_search .search-field, #sidebar-blog .widget_search .search-field{ padding: 3px 50px 3px 10px; } .widget_product_search button, #sidebar-blog .widget_search .search-submit{ height: 47px; } .widget_product_search button::before, #sidebar-blog .widget_search .search-form::before{ right: 15px; top: 7px; } .widget_product_search button, .widget_search .search-submit{ display: inline-block; position: absolute; top: 0; right: 0; padding: 0; text-indent: 100%; overflow: hidden; width: 40px; background-color: transparent } .widget_product_search button:hover, .widget_product_search button:focus, .widget_product_search button:active, .widget_search .search-submit:hover, .widget_search .search-submit:focus, .widget_search .search-submit:active { background-color: transparent } /* Calendar widget */ .widget_calendar { font-weight: 400; } .widget_calendar caption { padding: .5em 0; font-size: 14px; font-weight: normal; text-align: center; } table#wp-calendar { border: 0; margin: 0; } .widget_calendar thead { background: transparent; color: black; } .widget_calendar td { text-align: center; background: white; padding: 8px 0; border: 3px solid #f6f6f6; font-size: 12px; } .widget_calendar th { border: none; text-align: center; font-weight: 500; } .widget_calendar .pad { background: transparent; } .widget_calendar #prev, .widget_calendar #next { background-color: transparent; text-align: left; text-transform: uppercase; } .widget_calendar #next { text-align: right; } /* Default WP widgets */ .widget_categories ul li, .widget_archive ul li { text-align: right; } .widget_categories .count, .widget_archive .count { font-size: 12px; background-color: #fff; padding: 3px 6px 2px 6px; border-radius: 3px; } .widget_categories ul li a, .widget_archive ul li a { text-align: left; float: left; display: block; max-width: 80%; } .widget_categories ul li:after, .widget_archive ul li:after { display: table; content: ''; clear: both; } /* Addditional icons for default widgets */ /*.widget_recent_entries li:before, .widget_recent_comments li:before, .widget_archive li:before { display: inline-block; font-family: 'chromium'; font-size: 20px; height: 24px; vertical-align: middle; line-height: 22px; padding-right: 5px; }*/ /*.widget_recent_entries li:before { content: '\e931'; } .widget_recent_comments li:before { content: '\e923'; } .widget_archive li:before { content: '\e930'; float: left; }*/ /*-------------------------------------------------------------- ## Footer --------------------------------------------------------------*/ /* Footer Widgets */ .footer-widgets { margin: 0 auto; padding: 0; } @media screen and (min-width: 1024px) and (-ms-high-contrast:none) { .footer-widgets{ display: flex; } .footer-widgets .widget-area.col-1, .footer-widgets .widget-area.col-4{ width: calc(30% - 23px); } .footer-widgets .widget-area.col-2, .footer-widgets .widget-area.col-3{ width: calc(20% - 23px); } .footer-widgets .widget-area.col-1, .footer-widgets .widget-area.col-2, .footer-widgets .widget-area.col-3{ margin-right: 30px; } .footer-widgets .widget-area.col-4{ margin-right: 0; } } .footer-widgets .widget-area { padding: 2.143em 0; text-align: center; vertical-align: middle; } .footer-widgets .widget-area .widget { display: block; margin: 0 0 2em 0; padding: 0; background-color: transparent; vertical-align: middle; } .footer-widgets .widget-area .widget + .widget { margin-top: 50px; } .footer-widgets .widget-area .widget .widget-title { font-size: 1em; font-weight: 500; margin: 0 0 1em 0; padding: 0; text-transform: uppercase; border: 0; } .footer-widgets .widget-area .widget_text p { margin: 0; } .site-info { margin: 0 auto; padding: 1em 0; text-align: center; font-size: 12px; } @media screen and (min-width: 768px) { .footer-widgets { display: flex; align-items: start; padding: 4em 0 0 0; } .footer-widgets .widget-area { flex-grow: 1; text-align: left; } .site-info { text-align: left; padding: 2em 0; } .footer-widgets + .site-info { padding: 1em 0 4em 0; } @supports (grid-area: auto) { .footer-widgets { display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: auto; grid-column-gap: 2em; } .footer-widgets .widget-area.col-1, .footer-widgets .widget-area.col-4 { grid-column: span 4; } .footer-widgets .widget-area.col-2, .footer-widgets .widget-area.col-3 { grid-column: span 2; } } } @media (min-width: 1200px) { .site-boxed .footer-widgets, .site-boxed .site-info { max-width: 1170px; } } .footer-widgets .widget_calendar .calendar_wrap td{ border-color: transparent !important; color: #fff; background-color: transparent; } .footer-widgets .widget_calendar .calendar_wrap th, .footer-widgets .widget_calendar .calendar_wrap caption { color: #fff; } .footer-widgets select, .footer-widgets input[type=text], .footer-widgets textarea { max-width: 100%; } .footer-widgets .widget-title a{ color: inherit; } .footer-widgets .rsswidget, .footer-widgets cite{ color: #fff; } .footer-widgets .widget_tag_cloud .tagcloud a{ color: #fff; } /* Mail Chimp Widget Styles */ .widget_mailchimpsf_widget .mc_form_inside { width: 100%; position: relative; margin: 22px 0 0 0; } .widget_mailchimpsf_widget input:not(.button) { width: 100%; margin-bottom: 10px; border-radius: 0; background-color: transparent !important; padding: 0 60px 0 10px; } .widget_mailchimpsf_widget input.button { text-indent: 200%; width: 50px; border-radius: 0; background-color: transparent !important; overflow: hidden; padding: 0; z-index: 1; position: relative; } .widget_mailchimpsf_widget input:not(.button) { border-color: #626b72; } .widget_mailchimpsf_widget .mc_signup_submit::before { content: '\e904'; font-family: 'chromium'; display: inline-block; position: absolute; top: 2px; right: 14px; font-size: 24px; color: #fff; } .widget_mailchimpsf_widget .mc_signup_submit { display: inline-block; position: absolute; top: 0; right: 0; -webkit-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out; } .widget_mailchimpsf_widget .mc_merge_var label { display: none; } /*------ Static Page ----------*/ .page:not(.elementor-page) article.page{ background-color: #fff; padding: 30px; margin-bottom: 2em; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe:not(.fb_customer_chat_bounce_in_v2), object { max-width: 100%; } /* Galleries */ .gallery { margin: 1.5em 0; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; } .gallery-item .gallery-icon { overflow: hidden; } .gallery-item img { display: block; } .gallery-item a { display: inline-block; border-bottom: none; position: relative; } .gallery-item a:hover, .gallery-item a:focus { border-bottom: none; box-shadow: none; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; margin: 0; border: none; } @supports (grid-area: auto) { #chromium-gallery, .gallery { display: grid; } .gallery { grid-row-gap: 1em; grid-column-gap: 1em; } .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item { max-width: 100%; } .gallery-columns-2 { grid-template-columns: repeat(2, 1fr); } .gallery-columns-3 { grid-template-columns: repeat(3, 1fr); } .gallery-columns-4 { grid-template-columns: repeat(4, 1fr); } .gallery-columns-5 { grid-template-columns: repeat(5, 1fr); } .gallery-columns-6 { grid-template-columns: repeat(6, 1fr); } .gallery-columns-7 { grid-template-columns: repeat(7, 1fr); } .gallery-columns-8 { grid-template-columns: repeat(8, 1fr); } .gallery-columns-9 { grid-template-columns: repeat(9, 1fr); } } /* Caption Animation */ figure.gallery-item { overflow: hidden; position: relative; } figure.gallery-item img { width: 100%; -ms-transition: -webkit-transform 0.35s ease-out, border-color 0.35s ease-out; -webkit-transition: -webkit-transform 0.35s, border-color 0.35s ease-out; transition: transform 0.35s; -webkit-transform: translateZ(0); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); max-width: 100%; } figure.gallery-item figcaption.wp-caption-text { position: absolute; z-index: 1; left: 10px; top: 10px; margin: 0; padding: 10px; opacity: 0; width: 100%; height: 100%; max-width: calc(100% - 20px); line-height: 1.5; max-height: calc(100% - 20px); display: inline-block; -ms-transition: opacity 0.3s, -webkit-transform 0.3s; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: translateZ(0); -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); background: rgba(0, 0, 0, 0.4); display: flex; justify-content: center; flex-direction: column; align-items: center; overflow-y: hidden; color: #fff; } figure.gallery-item:hover img { -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } figure.gallery-item:hover figcaption { opacity: 1; -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } .wp-caption { display: inline-block; margin: 0; position: relative; overflow: hidden; max-width: 100%; } .wp-caption img { display: inline-block; margin: 0; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translate3d(0, 0, 0); } .wp-caption p:empty{ display: none; } .wp-caption > a{ display: inline; } .wp-caption-text:not(.gallery-caption) { font-size: 14px; font-style: normal; text-transform: uppercase; margin: 0; position: absolute; bottom: 0; left: 0; padding: 0 10px; opacity: 0; height: 40px; line-height: 40px; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); display: block; width: 100%; text-align: center; } .wp-caption:hover > img, .wp-caption:hover > a >img { -webkit-transform: translate3d(0, -40px, 0); transform: translate3d(0, -40px, 0); } .wp-caption:hover .wp-caption-text:not(.gallery-caption) { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .wp-caption:hover .wp-caption-text:not(.gallery-caption) a:hover { color: inherit; } /* Gallery page template styles */ #chromium-gallery .gallery-icon { overflow: hidden; } #chromium-gallery { transition: height 0.3s ease-out; margin-bottom: 6em; } #chromium-gallery .gallery-item { position: relative; } #chromium-gallery figure.gallery-item img { width: 100%; border-style: solid; border-width: 0; padding: 0; border-color: #fff; } #chromium-gallery figure.gallery-item:hover figure.gallery-item img { border-width: 1px; } #chromium-gallery .gallery-item-description { position: absolute; z-index: 1; left: 0; top: 0; padding: 1em; opacity: 0; width: 100%; line-height: 1.5; height: 100%; -ms-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out; transition: opacity 0.3s ease-out, transform 0.3s ease-out; -ms-transform: scale(.8, .8); -webkit-transform: scale(.8, .8); transform: scale(.8, .8); background: rgba(0, 0, 0, 0.4); display: flex; justify-content: flex-end; align-items: flex-end; } #chromium-gallery figure.gallery-item:hover .gallery-item-description { opacity: 1; -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } #chromium-gallery .gallery-item-description a { display: inline-block; width: 40px; height: 40px; line-height: 42px; border: 1px solid rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6); text-align: center; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; margin: 0 3px; font-size: 16px; float: left; opacity: 0; } #chromium-gallery .gallery-item-description a i:before { color: rgba(255, 255, 255, 0.6); transition: none; } #chromium-gallery .gallery-item-description a:hover, #chromium-gallery .gallery-item-description a:focus, #chromium-gallery .gallery-item-description a:active { border: 1px solid rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1); } #chromium-gallery .gallery-item-description a:hover i:before, #chromium-gallery .gallery-item-description a:focus i:before, #chromium-gallery .gallery-item-description a:active i:before { color: rgba(255, 255, 255, 1); } #chromium-gallery .gallery-item-description h3 { font-size: 14px; color: #fff; font-weight: normal; margin: 0; max-width: -webkit-calc(100% - 92px); max-width: calc(100% - 92px); text-align: left; padding-right: 1em; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; opacity: 0; } #chromium-gallery .btns-wrapper { width: 92px; margin: 0; } #chromium-gallery figure.gallery-item:hover .gallery-item-description h3 { opacity: 1; -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } #chromium-gallery figure.gallery-item:hover .gallery-item-description a.link-to-post { opacity: 1; -webkit-transition-delay: 0.45s; transition-delay: 0.45s; } #chromium-gallery figure.gallery-item:hover .gallery-item-description a.quick-view { opacity: 1; -webkit-transition-delay: 0.65s; transition-delay: 0.65s; } .filters-wrapper ul { margin: 0 0 2em 0; list-style: none; padding: 0; } .filters-wrapper li { display: inline-block; margin: 0 1em 1em 0; list-style: none; height: 30px; line-height: 30px; padding: 0 1em; cursor: pointer; -webkit-transition: background-color 0.3s ease-out, color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out, color 0.3s ease-out; transition: background-color 0.3s ease-out, color 0.3s ease-out; border-radius: 3px; } /* Single Attachment Page */ article.attachment { margin-bottom: 4em; background-color: #fff; } article.attachment .attachment-img { text-align: center; max-width: 55%; float: left; margin: 2em 2em 3em 2em; } article.attachment .entry-header { padding: 2em 2em 0 0; margin: 0 0 1em 0; } article.attachment .entry-content, article.attachment .entry-data { padding: 0 2em 0 0; } article.attachment .time-wrapper { display: inline-block; } article.attachment .entry-title { font-size: 1.467em; font-weight: 500; text-transform: uppercase; margin: 0; line-height: 1.2; word-wrap: break-word; } article.attachment .attachment-img img { display: block; margin: 0 auto; } article.attachment div.attachment-description { float: none; overflow: hidden; margin-bottom: 3em; } article.attachment footer.entry-meta { display: block; clear: both; } article.attachment .entry-caption, article.attachment .entry-description { margin-bottom: 2em; } /*-------------------------------------------------------------- # Magnific Pop-Up Styles --------------------------------------------------------------*/ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; opacity: 1; background-color: rgba(246, 246, 246, 0.8) !important; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 15px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; padding: 0; max-width: 100%; } .mfp-figure figure { margin: 0 auto; max-height: 100%; max-width: -webkit-calc(100% - 60px); max-width: calc(100% - 60px); } .mfp-figure:after { display: none; } img.mfp-img { display: block; line-height: 0; box-sizing: border-box; padding: 30px 30px 40px 30px; margin: 0; box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #e1e1e1, 0 0 6px rgba(0, 0, 0, 0.2); background-color: #fff; } .mfp-bottom-bar { margin-top: -30px; position: absolute; top: 100%; left: 60px; width: 100%; max-width: -webkit-calc(100% - 120px); max-width: calc(100% - 120px); cursor: auto; } .mfp-title { color: #767676; text-align: left; line-height: 18px; word-wrap: break-word; padding-right: 36px; } .mfp-figure { line-height: 0; cursor: pointer; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; color: #767676; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: rgba(0, 0, 0, 0.45); text-indent: -99999em; position: absolute; top: 50%; left: 50%; margin-left: -20px; margin-top: -20px; z-index: 1044; width: 40px; height: 40px; } .mfp-preloader:after { position: absolute; top: 1px; right: auto; left: 50%; margin: 0 0 0 -10px; font-size: 20px; text-indent: 0; content: "\e901"; font-family: 'chromium'; -webkit-animation: loader-spin 2s infinite linear; animation: loader-spin 2s infinite linear; } @-webkit-keyframes loader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes loader--spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button.mfp-close:hover, button.mfp-arrow:hover, button.mfp-close:focus, button.mfp-arrow:focus, button.mfp-close:active, button.mfp-arrow:active { background: transparent; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-image-holder .mfp-close { color: rgba(0, 0, 0, 0.5); right: 33px; text-align: center; padding-right: 0; width: 30px; height: 30px; line-height: 30px; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; left: auto; top: 3px; position: absolute; background: transparent; } .mfp-close:hover, .mfp-close:focus { color: rgba(0, 0, 0, 1); } .mfp-counter { position: absolute; top: 0; right: 0; color: #767676; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-zoom-in .mfp-with-anim { opacity: 0; transition: all 0.2s ease-in-out; transform: scale(0.8); } .mfp-zoom-in.mfp-bg { opacity: 0; transition: all 0.3s ease-out; } .mfp-zoom-in.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1); } .mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-zoom-in.mfp-removing .mfp-with-anim { transform: scale(0.8); opacity: 0; } .mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } /*-------------------------------------------------------------- # Extra Styles --------------------------------------------------------------*/ /* Call Me Box Styles */ .info-message-icon .widget-heading { display: flex; align-items: center; height: 40px; flex-wrap: wrap; font-size: 13px; max-width: 130px; } .info-message-icon i.logo-widget { display: block; float: left; color: #fdb819; font-size: 28px; height: 40px; margin: 0 10px 0 0; } .info-message-icon i.logo-widget::before { line-height: 40px; } .info-message-icon .logo-call-me { font-size: 15px; font-weight: 500; color: #262626; display: block; align-self: flex-end; white-space: nowrap; position: relative; width: 75%; text-align: left; } /* Icon Overrides for TZ Feature Pack */ .title-wrapper .slider-navi span::after, .owl-carousel .owl-nav div::after, .tab-pane .slider-navi span::after, .tz-sales-carousel .slider-prev:before, .tz-testimonials .slider-prev:before { content: '\e92a'; font-family: 'chromium'; } .tz-sales-carousel .slider-next::before, .title-wrapper .slider-navi .next::after, .owl-carousel .owl-nav div.owl-next::after, .tab-pane .slider-navi .next:after, .tz-testimonials .slider-next:before, .title-wrapper .slider-navi .slider-next:after { content: '\e90b'; font-family: 'chromium'; } .tz-product-tabs.style-2 .tab-pane .slider-navi span::after, .tz-from-blog.style-2 .title-wrapper .slider-navi span::after, .tz-categories-grid.with-slider .title-wrapper .slider-navi span:after { content: '\e938'; font-family: 'chromium'; } .tz-product-tabs.style-2 .tab-pane .slider-navi .next::after, .tz-from-blog.style-2 .title-wrapper .slider-navi .slider-next::after, .tz-categories-grid.with-slider .title-wrapper .slider-navi span.slider-next::after { content: '\e939'; font-family: 'chromium'; } .ajax-auth p::after { font-family: 'chromium'; right: 10px; font-size: 22px; top: 4px; } .ajax-auth p.username::after { content: '\e90c'; } .ajax-auth p.password::after { content: '\e910'; } .ajax-auth p.email::after { content: '\e914'; } .likes-counter .icon-heart::before { font-family: 'chromium'; content: '\e93c'; font-style: normal; } .posts-list .icon-comments::before, .posts-list .icon-eye::before, .tz-shares_counter .share-icon::before { font-family: 'chromium'; font-style: normal; } .posts-list .icon-comments::before { content: "\e923"; } .posts-list .icon-eye::before { content: "\e928"; } .tz-login-heading .log-out::after { display: inline-block; font-family: 'chromium'; content: "\e91b"; vertical-align: middle; padding: 0 0 0 2px; } .tz-login-heading .user-icon::before { font-family: 'chromium'; content: "\e93b"; } .tz-shares_counter .share-icon::before { content: "\e921"; } .widget_tz_shopping_cart.hovered .heading:before { content: '\e92f'; } @media (min-width: 768px) { .widget_tz_shopping_cart.hovered .heading:before { content: '\e93a'; } } /* Contact Form 7 extra styles */ .wpcf7-form p { padding: 0; margin: 0 0 1.3em; } .wpcf7-form label { display: block; font-size: 0.933em; margin-bottom: 5px; } .wpcf7-form input:not(.wpcf7-submit) { width: 100%; max-width: 100%; } .wpcf7-form .form-row-first, .wpcf7-form .form-row-last { display: block; width: 48%; float: right; } .wpcf7-form .form-row-first { float: left; } .wpcf7-form .form-row-wide { clear: both; } /* TM Wishlist Page Styles */ .tm-woowishlist { margin: 0 0 6em 0; } .tm-woowishlist .row { display: flex; flex-wrap: wrap; } .tm-woowishlist .row>div { margin: 0 0 30px 0; } .tm-woowishlist-item { position: relative; margin: 0; height: 100%; background-color: #fff; padding: 1em; } /* TM Compare List Page Styles */ .tm-woocompare-list { padding: 2em; background-color: #fff; margin: 0 0 6em 0; } .tm-woocompare-table.tablesaw { min-width: 0; border-style: solid; border-width: 1px 0 1px 1px; border-color: #f6f6f6; } @media screen and ( max-width:768px ) { .tm-woocompare-list{ padding: 0; } .tm-woocompare-table{ display: flex; flex-direction: column; } .tm-woocompare-table td, .tm-woocompare-table th{ display: block; } } .entry-content table.tablesaw tbody th.tm-woocompare-heading-cell { text-align: left; font-weight: 500; } .entry-content .tm-woocompare-heading-cell { width: 150px; } .entry-content .tablesaw th, .entry-content .tablesaw td { border-right: 1px solid #f6f6f6 !important; text-align: center; } .tm-woocompare-row { background: rgba(0, 0, 0, 0.01); } .tm-woocompare-cell { background: transparent; } .tm-woocompare-cell .price { font-size: 18px; font-weight: 500; } .tm-woocompare-cell .price del { font-size: 75%; font-weight: normal; } /* Ajax Product Search Styles */ .site .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input { border-style: solid; border-width: 1px; border-radius: 3px; -webkit-transition: box-shadow 0.3s ease-out; transition: box-shadow 0.3s ease-out; height: 40px; width: 100%; max-width: 100%; float: left; padding-right: 85px; box-shadow: none; } .site .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input:focus { outline: 0; -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.05); background-color: #fff; } .site .dgwt-wcas-sf-wrapp .amount { display: block; } .site .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input::-webkit-input-placeholder { font-style: normal; font-size: 14px; color: #000; } .site .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit, .site .dgwt-wcas-details-right .dgwt-wcas-suggestions-wrapp, .site .dgwt-wcas-open .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input { border-radius: 0 2px 2px 0; height: 40px; margin-left: 0; font-size: 12px; text-shadow: none; font-weight: 500; } .site .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-input, .site .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-input:hover, .site .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-input:focus { border-color: #bec8ce; background-color: #fff; } .site .dgwt-wcas-sf-wrapp { background-color: transparent; white-space: nowrap; } .site .dgwt-wcas-pd-rating { margin-top: 5px; } .site .dgwt-wcas-details-right .dgwt-wcas-details-wrapp { border-width: 1px 1px 1px 0; border-radius: 0; border-top-style: solid; } .site .dgwt-wcas-details-title-tax { font-weight: 500; letter-spacing: 0px; } .site .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit::before { border: 0; } .site .dgwt-wcas-ico-loupe { height: 48%; } .site .dgwt-wcas-si { position: relative; left: auto; top: auto; width: 50px; height: 50px; min-height: auto; margin-left: 10px; } .site .dgwt-wcas-has-img .dgwt-wcas-suggestion { flex-direction: row; justify-content: space-between; padding: 8px 0; align-items: center; min-height: auto; } .site .dgwt-wcas-is-details .dgwt-wcas-content-wrapp, .site .dgwt-wcas-content-wrapp { padding-left: 0; display: flex; align-items: center; } .site .dgwt-wcas-sp del { text-align: left; display: block; } .site .dgwt-wcas-is-details .dgwt-wcas-sd { color: #626262; font-size: 11px; line-height: 100%; padding: 0 80px 0 10px; } .site .dgwt-wcas-is-details .dgwt-wcas-si img { width: 50px; max-width: 100%; } .site .dgwt-wcas-sp .amount { display: block; } .site .dgwt-wcas-sp { position: relative; right: auto; top: auto; line-height: 1; margin: 0 10px; } .site .dgwt-wcas-has-img .dgwt-wcas-sp, .site .dgwt-wcas-has-desc .dgwt-wcas-sp { top: auto; } .site .dgwt-wcas-has-price .dgwt-wcas-st { padding-right: 0; } .site .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion:last-of-type { border-bottom: 0; } .site .elementor-widget-container .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-input, .site .elementor-widget-container .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-input:hover, .site .elementor-widget-container .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-input:focus { border: 0; } .site .dgwt-wcas-full-width .dgwt-wcas-suggestions-wrapp, .site .dgwt-wcas-full-width .dgwt-wcas-details-wrapp { border-radius: 0 0 0 2px; } .site .dgwt-wcas-full-width .dgwt-wcas-details-wrapp { max-width: 300px; } .site .elementor-widget-container .dgwt-wcas-suggestions-wrapp, .site .elementor-widget-container .dgwt-wcas-details-wrapp { border-top-style: solid; border-top-width: 1px; } .site .dgwt-wcas-search-wrapp { max-width: 100%; float: left; } .site .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:hover { opacity: 1; } .chromium-look-tools .hgroup-sidebar .dgwt-wcas-search-submit{ background-color: #fdb819; } /* To top button */ .to-top { display: inline-block; height: 40px; line-height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; background-color: #f6f6f6; opacity: 0; visibility: hidden; font-size: 20px; text-align: center; color: #212121; border: 2px solid #212121; border-radius: 3px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; z-index: 999; } .to-top i:before { color: #212121; } .to-top:hover { background-color: #212121; color: #fff; } .to-top:hover i:before { color: #fff; } .to-top.top-is-visible { opacity: 1; visibility: visible; } .to-top.top-fade-out { opacity: .6; } .no-touch .to-top:hover { background-color: #e1e1e1; opacity: 1; } @media screen and (min-width: 767px) { .to-top { right: 20px; bottom: 20px; } } @media screen and (min-width: 1024px) { .to-top { height: 60px; line-height: 60px; width: 60px; right: 30px; bottom: 30px; } } /* Extra styles for mobile devices */ @media screen and (min-width: 767px) { .hgroup-sidebar .dgwt-wcas-search-wrapp { min-width: 400px; } } @media screen and (max-width: 767px) { .hgroup-sidebar .dgwt-wcas-details-wrapp { display: none !important; } .hgroup-sidebar .tz-login-heading:not(.clickable) { width: 100vw; margin: 0 0 1em -1.5em; } .hgroup-sidebar .tz-login-heading:not(.clickable) p { float: none; text-align: center; } .widget_tz_login_register+.widget:before { display: none; } } .alignleft { text-align: left; float: left; } .alignleft .elementor-counter .elementor-counter-number-prefix { display: none; } .chromium-title .elementor-heading-title { text-transform: uppercase; font-weight: 300 !important; } .chromium-title .elementor-heading-title span { font-weight: 500 !important; } .chromium-icon-menu-bold { position: relative; } .chromium-icon-menu-bold:before { position: relative; top: 2px; } /* Extra styles for front-page banners */ @media screen and (max-width: 1460px) { .responsive-banners .elementor-column.elementor-col-25, .responsive-banners .elementor-column[data-col="25"] { width: 33.33%; } .responsive-banners .elementor-column.hidden-xs-sm-md { width: 0; display: none; } } @media screen and (max-width: 800px) { .woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n){ float: none !important; } } .widget_tz_pay_icons img{ max-width: 55px !important; } @media screen and (min-width: 768px) { .tz-sales-carousel .owl-dots { margin: 0 !important; transform: translateY(-10px); } }
[+]
..
[-] page.php
[edit]
[-] error_log
[edit]
[-] wpml-config.xml
[edit]
[+]
template-parts
[-] index.php
[edit]
[-] functions.php01
[edit]
[-] rtl.css
[edit]
[-] style.css
[edit]
[-] footer.php
[edit]
[-] 404.php
[edit]
[-] single.php
[edit]
[-] comments.php
[edit]
[+]
languages
[-] sidebar.php
[edit]
[-] header.php
[edit]
[+]
assets
[-] readme.txt
[edit]
[+]
page-templates
[-] screenshot.png
[edit]
[-] archive.php
[edit]
[-] image.php
[edit]
[+]
inc
[-] LICENSE
[edit]
[-] search.php
[edit]
[+]
woocommerce
[+]
dummy-data
[-] functions.php
[edit]
[-] .htaccess.disabled
[edit]