/* ========================================================================== * Table of Content: 1. Theme Settings 2. Normalize 3. Foundation 6. Base Settings 7. Fonts 8. Modules 8.1. Buttons 8.2. Dividers 8.3. Forms 8.4. Tables 8.5. Sliders 8.6. Misc 8.7. Shortcodes 9. Layout 9.1. Woocommerce 9.2. Navigation 9.3. Header 9.4. Main 9.5. Sidebars 9.6. Footer ========================================================================== */ /** ----------------------------------------------------------------------------------------------- Theme settings. ----------------------------------------------------------------------------------------------- */ /* Typography */ /* Colors */ /* Positioning */ /* Mixins */ /* Media Queries */ .transition, .widget_product_categories .product-categories li.cat-parent > a .child-indicator:hover, .widget_product_categories .wc-block-product-categories-list li.cat-parent > a .child-indicator:hover, .widget_product_categories .product-categories-with-icon li.cat-parent > a .child-indicator:hover, .wc-block-product-categories .product-categories li.cat-parent > a .child-indicator:hover, .wc-block-product-categories .wc-block-product-categories-list li.cat-parent > a .child-indicator:hover, .wc-block-product-categories .product-categories-with-icon li.cat-parent > a .child-indicator:hover, .widget_product_categories_with_icon .product-categories li.cat-parent > a .child-indicator:hover, .widget_product_categories_with_icon .wc-block-product-categories-list li.cat-parent > a .child-indicator:hover, .widget_product_categories_with_icon .product-categories-with-icon li.cat-parent > a .child-indicator:hover, .widget_product_categories .product-categories li.cat-parent > a .child-indicator:before, .widget_product_categories .wc-block-product-categories-list li.cat-parent > a .child-indicator:before, .widget_product_categories .product-categories-with-icon li.cat-parent > a .child-indicator:before, .wc-block-product-categories .product-categories li.cat-parent > a .child-indicator:before, .wc-block-product-categories .wc-block-product-categories-list li.cat-parent > a .child-indicator:before, .wc-block-product-categories .product-categories-with-icon li.cat-parent > a .child-indicator:before, .widget_product_categories_with_icon .product-categories li.cat-parent > a .child-indicator:before, .widget_product_categories_with_icon .wc-block-product-categories-list li.cat-parent > a .child-indicator:before, .widget_product_categories_with_icon .product-categories-with-icon li.cat-parent > a .child-indicator:before, .widget_product_categories .product-categories li.cat-parent > a .child-indicator, .widget_product_categories .wc-block-product-categories-list li.cat-parent > a .child-indicator, .widget_product_categories .product-categories-with-icon li.cat-parent > a .child-indicator, .wc-block-product-categories .product-categories li.cat-parent > a .child-indicator, .wc-block-product-categories .wc-block-product-categories-list li.cat-parent > a .child-indicator, .wc-block-product-categories .product-categories-with-icon li.cat-parent > a .child-indicator, .widget_product_categories_with_icon .product-categories li.cat-parent > a .child-indicator, .widget_product_categories_with_icon .wc-block-product-categories-list li.cat-parent > a .child-indicator, .widget_product_categories_with_icon .product-categories-with-icon li.cat-parent > a .child-indicator, .close-icon:hover, .close-icon, #minicart-offcanvas .widget_shopping_cart .buttons a.checkout:hover, .woocommerce #minicart-offcanvas .widget_shopping_cart .buttons a.checkout:hover, .woocommerce #minicart-offcanvas .widget_shopping_cart .buttons a.checkout, #minicart-offcanvas .widget_shopping_cart .buttons a.checkout, #minicart-offcanvas .widget .widget_shopping_cart_content .product-name a:hover, #minicart-offcanvas .widget .widget_shopping_cart_content .product-name a, #minicart-offcanvas table.cart_list .product-remove .remove:hover i:after, #minicart-offcanvas table.cart_list .product-remove .remove i:after, #minicart-offcanvas table.cart_list .product-thumbnail img:hover, #minicart-offcanvas table.cart_list .product-thumbnail img, .slide-from-right.off-menu-open .off-drop, .comment-reply:hover a, .comment-reply:hover i, .comment-edit-link:hover a, .comment-edit-link:hover i, .comment-reply i, .comment-edit-link i, .comment-reply a, .comment-edit-link a, #page-wrap a:hover, #page-wrap a, .l-header-shop:hover .overview, .l-header-shop span, .l-header-shop .overview, .l-header-shop .icon-shop:before, .social-icons li a:before, .contact-info:hover .contact-info-icon, .contact-info:hover .contact-info-title, .contact-info:hover .contact-info-arrow, .contact-info .contact-info-arrow, .contact-info .contact-info-icon, .contact-info .inside-area, .contact-info .contact-info-title, .contact-info, .mobile-menu-button a:hover .mobile-menu-icon, .mobile-menu-button a:hover .mobile-menu-icon:before, .mobile-menu-button a:hover span, .mobile-menu-button a span, .mobile-menu-button a .mobile-menu-icon:before, .mobile-menu-button a .mobile-menu-icon, .mobile-menu-button a, .ajax-search-results .search-result:hover, .ajax-search-results .search-result, .l-search button.ajax-search-submit:hover, .l-search button.ajax-search-submit, .mobile-navigation a:hover, .mobile-navigation a, .mobile-navigation .sub-menu .sub-menu .menu-item-has-children .more:hover, .mobile-navigation .sub-menu .menu-item-has-children .more:hover, .mobile-navigation .menu-item-has-children .more:hover, .mobile-navigation .menu-item-language .more:hover, .mobile-navigation .menu-item-has-children .more, .mobile-navigation .menu-item-language .more, .wcml-dropdown-click .wcml-cs-submenu li a:hover, .language-and-currency .select2-container .select2-selection--single .select2-selection__rendered:hover, .language-and-currency .select2-container .select2-selection--single, .select2-container.topbar-language-switcher a:hover, .select2-container.topbar-language-switcher .select2-selection--single:hover, .select2-container.wcml_currency_switcher a:hover, .select2-container.wcml_currency_switcher .select2-selection--single:hover, .select2-container.topbar-language-switcher a, .select2-container.topbar-language-switcher .select2-selection--single, .select2-container.wcml_currency_switcher a, .select2-container.wcml_currency_switcher .select2-selection--single, .select2-drop.topbar .select2-results .select2-result-label, .select2-drop.sidebar .select2-results .select2-result-label, .select2-dropdown.topbar .select2-results .select2-result-label, .select2-dropdown.sidebar .select2-results .select2-result-label, .select2-drop.topbar .select2-results .select2-highlighted, .select2-drop.sidebar .select2-results .select2-highlighted, .select2-dropdown.topbar .select2-results .select2-highlighted, .select2-dropdown.sidebar .select2-results .select2-highlighted, .select2-container--default .select2-dropdown.topbar .select2-results__option--highlighted[aria-selected], .v-nav .mega-control-menu, #page_header_wrap #nav ul li ul li a:hover .tdl-megamenu-bullet:before, #page_header_wrap #nav ul li ul li a:hover span i, #header-st #st-nav ul li ul li a:hover .tdl-megamenu-bullet:before, #header-st #st-nav ul li ul li a:hover span i, #page_header_wrap .tdl-megamenu-wrapper .tdl-megamenu-bullet:before, #header-st .tdl-megamenu-wrapper .tdl-megamenu-bullet:before, .tdl-megamenu-bullet:before, nav#nav ul li > a, nav#st-nav ul li > a, nav#nav ul li:hover, nav#st-nav ul li:hover, .nav-container .nav-holder .tdl-navbar-nav > li > ul, .nav-container .nav-holder .tdl-navbar-nav > li > div, .nav-container .nav-holder .tdl-navbar-nav .tdl-dropdown-menu ul, .woocommerce #yith-wcwl-form .shop_table.mobile li .item-wrapper .product-thumbnail .product-thumbnail-inner .product-remove a:before, .woocommerce-page #yith-wcwl-form .shop_table.mobile li .item-wrapper .product-thumbnail .product-thumbnail-inner .product-remove a:before, .woocommerce #yith-wcwl-form .shop_table tbody td.product-remove a:hover:before, .woocommerce-page #yith-wcwl-form .shop_table tbody td.product-remove a:hover:before, .woocommerce #yith-wcwl-form .shop_table tbody td.product-remove a:before, .woocommerce-page #yith-wcwl-form .shop_table tbody td.product-remove a:before, #jckqv .jckqv-images__arr--prev:hover .jckqv-icon-chevron-with-circle-left:before, #jckqv .jckqv-images__arr--prev:hover .jckqv-icon-chevron-with-circle-right:before, #jckqv .jckqv-images__arr--next:hover .jckqv-icon-chevron-with-circle-left:before, #jckqv .jckqv-images__arr--next:hover .jckqv-icon-chevron-with-circle-right:before, #jckqv .jckqv-images__arr .jckqv-icon-chevron-with-circle-left:before, #jckqv .jckqv-images__arr .jckqv-icon-chevron-with-circle-right:before, .woocommerce span.ribbon, .woocommerce-page span.ribbon, .owl-carousel .owl-nav div.owl-prev:hover, .owl-carousel .owl-nav div.owl-next:hover, .owl-carousel .owl-nav div.owl-prev, .owl-carousel .owl-nav div.owl-next, .prod-plugins ul li a:hover, .prod-plugins ul li .feedback:hover, .prod-plugins ul li a, .prod-plugins ul li .feedback, .select2-drop .select2-results .select2-highlighted, .select2-container .select2-selection--single, .woocommerce .shop-ordering li .shop-layout-opts a:hover i:after, .woocommerce-page .shop-ordering li .shop-layout-opts a:hover i:after, .woocommerce .shop-ordering li .shop-layout-opts a i:after, .woocommerce-page .shop-ordering li .shop-layout-opts a i:after, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a, .box-share-master-container a:hover span, .box-share-master-container a span, .box-share-master-container a i, .woocommerce .single-product .owl-dots .owl-dot.active span, .woocommerce .single-product .owl-dots .owl-dot:hover span, .woocommerce-page .single-product .owl-dots .owl-dot.active span, .woocommerce-page .single-product .owl-dots .owl-dot:hover span, .woocommerce .single-product .owl-dots .owl-dot span, .woocommerce-page .single-product .owl-dots .owl-dot span, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce-page nav.woocommerce-pagination ul li a, .woocommerce-page nav.woocommerce-pagination ul li span, .woocommerce #content nav.woocommerce-pagination ul li a, .woocommerce #content nav.woocommerce-pagination ul li span, .woocommerce-page #content nav.woocommerce-pagination ul li a, .woocommerce-page #content nav.woocommerce-pagination ul li span, .quick-view-button:hover, .quick-view-button:after, .quick-view-button, .products a.button:hover, .products .product_after_shop_loop_switcher a.button, .products .category-price-grid-list a.button, .woocommerce table.shop_table.cart td.product-remove i, .woocommerce-page table.shop_table.cart td.product-remove i, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt, .site-social-icons-shortcode ul li a i, .from_the_blog_item .from_the_blog_content_desc h3, .shortcode_banner_simple_height_inner:hover:before, .shortcode_banner_simple_height_inner:before, .button, input[type="button"], input[type="reset"], input[type="submit"], .arthref .icon-container .share-title, a:hover, a { transition: all 0.2s ease-in-out; } .transition-off { transition: none; } .after-clear { content: ''; display: block; clear: both; } .box-sizing, .widget_search .search-field, .widget_search .wp-block-search__input, .widget_search .wc-block-product-search__field, .widget_product_search .search-field, .widget_product_search .wp-block-search__input, .widget_product_search .wc-block-product-search__field, .wc-block-product-search .search-field, .wc-block-product-search .wp-block-search__input, .wc-block-product-search .wc-block-product-search__field, .l-search, textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .coupon_code_wrapper #coupon_code { box-sizing: border-box; } .icon-style, .button-sample2 span::before, .button-sample span::before, .widget .recentcomments:before, .widget .wp-block-latest-comments__comment:before, #minicart-offcanvas #empty-cart-offcanvas-box:after, .format-quote .entry-content blockquote .quote-right:before, .format-quote .entry-content blockquote .quote-left:before, #nav-below .nav-right .nav-next:before, #nav-below .nav-left .nav-previous:before, .entry-meta .edit-link a:before, .post_header_date a.entry-date:before, .post_header_date a.comments-link:before, .post_footer_date a.entry-date:before, .post_footer_date a.comments-link:before, .social-icons li a:before, #jckqv .jckqv-images__arr .jckqv-icon-chevron-with-circle-right:before, #jckqv .jckqv-images__arr .jckqv-icon-chevron-with-circle-left:before, .variation-select:after, .quick-view-button:after, .cart-empty-icon:after, .cart-collaterals .shipping-calculator-button:after, .from_the_blog_item .from_the_blog_content_desc .blog-slider-meta span:before, .fr-close-icon::before, .owl-next:after, .owl-prev:after, .compare-button a:before, .single-product-infos .compare.button:before, .prod-plugins .add_to_wishlist:before, .prod-plugins .yith-wcwl-wishlistexistsbrowse a:before, .prod-plugins .yith-wcwl-wishlistaddedbrowse span:before, #button_offcanvas_sidebar_left i:before, .shop-ordering .shop-layout-opts a i.list-icon:after, .shop-ordering .shop-layout-opts a i.grid-icon:after, #minicart-offcanvas table.cart_list .product-remove .remove i:after, .woocommerce table.shop_table.cart td.product-remove a i:after, .woocommerce-page table.shop_table.cart td.product-remove a i:after, #page_header_wrap .tdl-megamenu-wrapper .tdl-megamenu-bullet:before, .tdl-megamenu-bullet:before, nav#nav ul li .menu-item-has-children > a:after, nav#nav ul li .tdl-dropdown-menu > a:after, nav#st-nav ul li .menu-item-has-children > a:after, nav#st-nav ul li .tdl-dropdown-menu > a:after, .widget_product_categories .product-categories li.cat-parent > a .child-indicator.open::before, .wc-block-product-categories .wc-block-product-categories-list .cat-parent > a .child-indicator.open::before, .product-categories-with-icon .cat-parent > a .child-indicator.open::before, .widget_product_categories .product-categories li.cat-parent > a .child-indicator::before, .wc-block-product-categories .wc-block-product-categories-list .cat-parent > a .child-indicator::before, .product-categories-with-icon .cat-parent > a .child-indicator::before, .mobile-menu-button a .mobile-menu-icon:before, #mobiles-menu-offcanvas .mobile-menu-icon:before, .select2-container .select2-choice .select2-arrow:before, .main-navigation ul li.menu-item-has-children > a:after, .myacc-navigation .acc-icon:after, .mobile-navigation a.acc-link .acc-icon:before, #minicart-offcanvas .cart-myaccount-link:before, .myacc-navigation .wishlist-icon:after, .mobile-navigation a.acc-link .wishlist-icon:before, .myacc-navigation .login-icon:after, .mobile-navigation a.acc-link .login-icon:before, #minicart-offcanvas .cart-login-link:before, .contact-info .contact-info-arrow::after, .l-search button.ajax-search-submit:after, .l-search .widget_product_search .search-but-added .header-icon:after, .l-search .widget_search .search-but-added .header-icon:after, .l-header-shop .icon-shop:before, .contact-info .contact-info-icon::after, .searchsubmit:after, .widget_search .search-form:after { speak: none; line-height: 1; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate(0, 0); transform: translate(0, 0); } /** ----------------------------------------------------------------------------------------------- Utilities. ----------------------------------------------------------------------------------------------- */ .text-left { text-align: left; } .text-right { text-align: right; } .text-right { text-align: right; } .text-center { text-align: center; } /*! normalize.css v3.0.2 | MIT License | github.com/necolas/normalize.css */ /** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** Contain overflow in all browsers. */ pre { overflow: auto; } /** Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */ /** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */ input { line-height: normal; } /** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width. 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ /* 2 */ box-sizing: content-box; } /** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } meta.foundation-version { font-family: "/5.5.3/"; } meta.foundation-mq-small { font-family: "/only screen/"; width: 0; } meta.foundation-mq-small-only { font-family: "/only screen and (max-width: 40em)/"; width: 0; } meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.0625em)/"; width: 40.0625em; } meta.foundation-mq-medium-only { font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/"; width: 40.0625em; } meta.foundation-mq-large { font-family: "/only screen and (min-width:64.0625em)/"; width: 64.0625em; } meta.foundation-mq-large-only { font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/"; width: 64.0625em; } meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.0625em)/"; width: 90.0625em; } meta.foundation-mq-xlarge-only { font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/"; width: 90.0625em; } meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.0625em)/"; width: 120.0625em; } meta.foundation-data-attribute-namespace { font-family: false; } html, body { height: 100%; } *, *:before, *:after { box-sizing: border-box; } html, body { font-size: 16px; } body { background: #fff; color: #222; cursor: auto; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-style: normal; font-weight: normal; line-height: 1.5; margin: 0; padding: 0; position: relative; } a:hover { cursor: pointer; } img { max-width: 100%; height: auto; } img { -ms-interpolation-mode: bicubic; } #map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; } .left { float: left !important; } .right { float: right !important; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .hide { display: none; } .invisible { visibility: hidden; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { display: inline-block; vertical-align: middle; } textarea { height: auto; min-height: 50px; } select { width: 100%; } .row { margin: 0 auto; max-width: 90rem; width: 100%; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .row.collapse > .column, .row.collapse > .columns { padding-left: 0; padding-right: 0; } .row.collapse .row { margin-left: 0; margin-right: 0; } .row .row { margin: 0 -0.9375rem; max-width: none; width: auto; } .row .row:before, .row .row:after { content: " "; display: table; } .row .row:after { clear: both; } .row .row.collapse { margin: 0; max-width: none; width: auto; } .row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; } .row .row.collapse:after { clear: both; } .column, .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; } .column + .column:last-child, .column + .columns:last-child, .columns + .column:last-child, .columns + .columns:last-child { float: right; } .column + .column.end, .column + .columns.end, .columns + .column.end, .columns + .columns.end { float: left; } @media only screen { .small-push-0 { position: relative; left: 0; right: auto; } .small-pull-0 { position: relative; right: 0; left: auto; } .small-push-1 { position: relative; left: 8.3333333333%; right: auto; } .small-pull-1 { position: relative; right: 8.3333333333%; left: auto; } .small-push-2 { position: relative; left: 16.6666666667%; right: auto; } .small-pull-2 { position: relative; right: 16.6666666667%; left: auto; } .small-push-3 { position: relative; left: 25%; right: auto; } .small-pull-3 { position: relative; right: 25%; left: auto; } .small-push-4 { position: relative; left: 33.3333333333%; right: auto; } .small-pull-4 { position: relative; right: 33.3333333333%; left: auto; } .small-push-5 { position: relative; left: 41.6666666667%; right: auto; } .small-pull-5 { position: relative; right: 41.6666666667%; left: auto; } .small-push-6 { position: relative; left: 50%; right: auto; } .small-pull-6 { position: relative; right: 50%; left: auto; } .small-push-7 { position: relative; left: 58.3333333333%; right: auto; } .small-pull-7 { position: relative; right: 58.3333333333%; left: auto; } .small-push-8 { position: relative; left: 66.6666666667%; right: auto; } .small-pull-8 { position: relative; right: 66.6666666667%; left: auto; } .small-push-9 { position: relative; left: 75%; right: auto; } .small-pull-9 { position: relative; right: 75%; left: auto; } .small-push-10 { position: relative; left: 83.3333333333%; right: auto; } .small-pull-10 { position: relative; right: 83.3333333333%; left: auto; } .small-push-11 { position: relative; left: 91.6666666667%; right: auto; } .small-pull-11 { position: relative; right: 91.6666666667%; left: auto; } .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } .small-1 { width: 8.3333333333%; } .small-2 { width: 16.6666666667%; } .small-3 { width: 25%; } .small-4 { width: 33.3333333333%; } .small-5 { width: 41.6666666667%; } .small-6 { width: 50%; } .small-7 { width: 58.3333333333%; } .small-8 { width: 66.6666666667%; } .small-9 { width: 75%; } .small-10 { width: 83.3333333333%; } .small-11 { width: 91.6666666667%; } .small-12 { width: 100%; } .small-offset-0 { margin-left: 0 !important; } .small-offset-1 { margin-left: 8.3333333333% !important; } .small-offset-2 { margin-left: 16.6666666667% !important; } .small-offset-3 { margin-left: 25% !important; } .small-offset-4 { margin-left: 33.3333333333% !important; } .small-offset-5 { margin-left: 41.6666666667% !important; } .small-offset-6 { margin-left: 50% !important; } .small-offset-7 { margin-left: 58.3333333333% !important; } .small-offset-8 { margin-left: 66.6666666667% !important; } .small-offset-9 { margin-left: 75% !important; } .small-offset-10 { margin-left: 83.3333333333% !important; } .small-offset-11 { margin-left: 91.6666666667% !important; } .small-reset-order { float: left; left: auto; margin-left: 0; margin-right: 0; right: auto; } .column.small-centered, .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } .column.small-uncentered, .columns.small-uncentered { float: left; margin-left: 0; margin-right: 0; } .column.small-centered:last-child, .columns.small-centered:last-child { float: none; } .column.small-uncentered:last-child, .columns.small-uncentered:last-child { float: left; } .column.small-uncentered.opposite, .columns.small-uncentered.opposite { float: right; } .row.small-collapse > .column, .row.small-collapse > .columns { padding-left: 0; padding-right: 0; } .row.small-collapse .row { margin-left: 0; margin-right: 0; } .row.small-uncollapse > .column, .row.small-uncollapse > .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } } @media only screen and (min-width:40.0625em) { .medium-push-0 { position: relative; left: 0; right: auto; } .medium-pull-0 { position: relative; right: 0; left: auto; } .medium-push-1 { position: relative; left: 8.3333333333%; right: auto; } .medium-pull-1 { position: relative; right: 8.3333333333%; left: auto; } .medium-push-2 { position: relative; left: 16.6666666667%; right: auto; } .medium-pull-2 { position: relative; right: 16.6666666667%; left: auto; } .medium-push-3 { position: relative; left: 25%; right: auto; } .medium-pull-3 { position: relative; right: 25%; left: auto; } .medium-push-4 { position: relative; left: 33.3333333333%; right: auto; } .medium-pull-4 { position: relative; right: 33.3333333333%; left: auto; } .medium-push-5 { position: relative; left: 41.6666666667%; right: auto; } .medium-pull-5 { position: relative; right: 41.6666666667%; left: auto; } .medium-push-6 { position: relative; left: 50%; right: auto; } .medium-pull-6 { position: relative; right: 50%; left: auto; } .medium-push-7 { position: relative; left: 58.3333333333%; right: auto; } .medium-pull-7 { position: relative; right: 58.3333333333%; left: auto; } .medium-push-8 { position: relative; left: 66.6666666667%; right: auto; } .medium-pull-8 { position: relative; right: 66.6666666667%; left: auto; } .medium-push-9 { position: relative; left: 75%; right: auto; } .medium-pull-9 { position: relative; right: 75%; left: auto; } .medium-push-10 { position: relative; left: 83.3333333333%; right: auto; } .medium-pull-10 { position: relative; right: 83.3333333333%; left: auto; } .medium-push-11 { position: relative; left: 91.6666666667%; right: auto; } .medium-pull-11 { position: relative; right: 91.6666666667%; left: auto; } .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } .medium-1 { width: 8.3333333333%; } .medium-2 { width: 16.6666666667%; } .medium-3 { width: 25%; } .medium-4 { width: 33.3333333333%; } .medium-5 { width: 41.6666666667%; } .medium-6 { width: 50%; } .medium-7 { width: 58.3333333333%; } .medium-8 { width: 66.6666666667%; } .medium-9 { width: 75%; } .medium-10 { width: 83.3333333333%; } .medium-11 { width: 91.6666666667%; } .medium-12 { width: 100%; } .medium-offset-0 { margin-left: 0 !important; } .medium-offset-1 { margin-left: 8.3333333333% !important; } .medium-offset-2 { margin-left: 16.6666666667% !important; } .medium-offset-3 { margin-left: 25% !important; } .medium-offset-4 { margin-left: 33.3333333333% !important; } .medium-offset-5 { margin-left: 41.6666666667% !important; } .medium-offset-6 { margin-left: 50% !important; } .medium-offset-7 { margin-left: 58.3333333333% !important; } .medium-offset-8 { margin-left: 66.6666666667% !important; } .medium-offset-9 { margin-left: 75% !important; } .medium-offset-10 { margin-left: 83.3333333333% !important; } .medium-offset-11 { margin-left: 91.6666666667% !important; } .medium-reset-order { float: left; left: auto; margin-left: 0; margin-right: 0; right: auto; } .column.medium-centered, .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } .column.medium-uncentered, .columns.medium-uncentered { float: left; margin-left: 0; margin-right: 0; } .column.medium-centered:last-child, .columns.medium-centered:last-child { float: none; } .column.medium-uncentered:last-child, .columns.medium-uncentered:last-child { float: left; } .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite { float: right; } .row.medium-collapse > .column, .row.medium-collapse > .columns { padding-left: 0; padding-right: 0; } .row.medium-collapse .row { margin-left: 0; margin-right: 0; } .row.medium-uncollapse > .column, .row.medium-uncollapse > .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } .push-0 { position: relative; left: 0; right: auto; } .pull-0 { position: relative; right: 0; left: auto; } .push-1 { position: relative; left: 8.3333333333%; right: auto; } .pull-1 { position: relative; right: 8.3333333333%; left: auto; } .push-2 { position: relative; left: 16.6666666667%; right: auto; } .pull-2 { position: relative; right: 16.6666666667%; left: auto; } .push-3 { position: relative; left: 25%; right: auto; } .pull-3 { position: relative; right: 25%; left: auto; } .push-4 { position: relative; left: 33.3333333333%; right: auto; } .pull-4 { position: relative; right: 33.3333333333%; left: auto; } .push-5 { position: relative; left: 41.6666666667%; right: auto; } .pull-5 { position: relative; right: 41.6666666667%; left: auto; } .push-6 { position: relative; left: 50%; right: auto; } .pull-6 { position: relative; right: 50%; left: auto; } .push-7 { position: relative; left: 58.3333333333%; right: auto; } .pull-7 { position: relative; right: 58.3333333333%; left: auto; } .push-8 { position: relative; left: 66.6666666667%; right: auto; } .pull-8 { position: relative; right: 66.6666666667%; left: auto; } .push-9 { position: relative; left: 75%; right: auto; } .pull-9 { position: relative; right: 75%; left: auto; } .push-10 { position: relative; left: 83.3333333333%; right: auto; } .pull-10 { position: relative; right: 83.3333333333%; left: auto; } .push-11 { position: relative; left: 91.6666666667%; right: auto; } .pull-11 { position: relative; right: 91.6666666667%; left: auto; } } @media only screen and (min-width:64.0625em) { .large-push-0 { position: relative; left: 0; right: auto; } .large-pull-0 { position: relative; right: 0; left: auto; } .large-push-1 { position: relative; left: 8.3333333333%; right: auto; } .large-pull-1 { position: relative; right: 8.3333333333%; left: auto; } .large-push-2 { position: relative; left: 16.6666666667%; right: auto; } .large-pull-2 { position: relative; right: 16.6666666667%; left: auto; } .large-push-3 { position: relative; left: 25%; right: auto; } .large-pull-3 { position: relative; right: 25%; left: auto; } .large-push-4 { position: relative; left: 33.3333333333%; right: auto; } .large-pull-4 { position: relative; right: 33.3333333333%; left: auto; } .large-push-5 { position: relative; left: 41.6666666667%; right: auto; } .large-pull-5 { position: relative; right: 41.6666666667%; left: auto; } .large-push-6 { position: relative; left: 50%; right: auto; } .large-pull-6 { position: relative; right: 50%; left: auto; } .large-push-7 { position: relative; left: 58.3333333333%; right: auto; } .large-pull-7 { position: relative; right: 58.3333333333%; left: auto; } .large-push-8 { position: relative; left: 66.6666666667%; right: auto; } .large-pull-8 { position: relative; right: 66.6666666667%; left: auto; } .large-push-9 { position: relative; left: 75%; right: auto; } .large-pull-9 { position: relative; right: 75%; left: auto; } .large-push-10 { position: relative; left: 83.3333333333%; right: auto; } .large-pull-10 { position: relative; right: 83.3333333333%; left: auto; } .large-push-11 { position: relative; left: 91.6666666667%; right: auto; } .large-pull-11 { position: relative; right: 91.6666666667%; left: auto; } .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } .large-1 { width: 8.3333333333%; } .large-2 { width: 16.6666666667%; } .large-3 { width: 25%; } .large-4 { width: 33.3333333333%; } .large-5 { width: 41.6666666667%; } .large-6 { width: 50%; } .large-7 { width: 58.3333333333%; } .large-8 { width: 66.6666666667%; } .large-9 { width: 75%; } .large-10 { width: 83.3333333333%; } .large-11 { width: 91.6666666667%; } .large-12 { width: 100%; } .large-offset-0 { margin-left: 0 !important; } .large-offset-1 { margin-left: 8.3333333333% !important; } .large-offset-2 { margin-left: 16.6666666667% !important; } .large-offset-3 { margin-left: 25% !important; } .large-offset-4 { margin-left: 33.3333333333% !important; } .large-offset-5 { margin-left: 41.6666666667% !important; } .large-offset-6 { margin-left: 50% !important; } .large-offset-7 { margin-left: 58.3333333333% !important; } .large-offset-8 { margin-left: 66.6666666667% !important; } .large-offset-9 { margin-left: 75% !important; } .large-offset-10 { margin-left: 83.3333333333% !important; } .large-offset-11 { margin-left: 91.6666666667% !important; } .large-reset-order { float: left; left: auto; margin-left: 0; margin-right: 0; right: auto; } .column.large-centered, .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } .column.large-uncentered, .columns.large-uncentered { float: left; margin-left: 0; margin-right: 0; } .column.large-centered:last-child, .columns.large-centered:last-child { float: none; } .column.large-uncentered:last-child, .columns.large-uncentered:last-child { float: left; } .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right; } .row.large-collapse > .column, .row.large-collapse > .columns { padding-left: 0; padding-right: 0; } .row.large-collapse .row { margin-left: 0; margin-right: 0; } .row.large-uncollapse > .column, .row.large-uncollapse > .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } .push-0 { position: relative; left: 0; right: auto; } .pull-0 { position: relative; right: 0; left: auto; } .push-1 { position: relative; left: 8.3333333333%; right: auto; } .pull-1 { position: relative; right: 8.3333333333%; left: auto; } .push-2 { position: relative; left: 16.6666666667%; right: auto; } .pull-2 { position: relative; right: 16.6666666667%; left: auto; } .push-3 { position: relative; left: 25%; right: auto; } .pull-3 { position: relative; right: 25%; left: auto; } .push-4 { position: relative; left: 33.3333333333%; right: auto; } .pull-4 { position: relative; right: 33.3333333333%; left: auto; } .push-5 { position: relative; left: 41.6666666667%; right: auto; } .pull-5 { position: relative; right: 41.6666666667%; left: auto; } .push-6 { position: relative; left: 50%; right: auto; } .pull-6 { position: relative; right: 50%; left: auto; } .push-7 { position: relative; left: 58.3333333333%; right: auto; } .pull-7 { position: relative; right: 58.3333333333%; left: auto; } .push-8 { position: relative; left: 66.6666666667%; right: auto; } .pull-8 { position: relative; right: 66.6666666667%; left: auto; } .push-9 { position: relative; left: 75%; right: auto; } .pull-9 { position: relative; right: 75%; left: auto; } .push-10 { position: relative; left: 83.3333333333%; right: auto; } .pull-10 { position: relative; right: 83.3333333333%; left: auto; } .push-11 { position: relative; left: 91.6666666667%; right: auto; } .pull-11 { position: relative; right: 91.6666666667%; left: auto; } } [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } [class*="block-grid-"]:after { clear: both; } [class*="block-grid-"] > li { display: block; float: left; height: auto; padding: 0 0.625rem 1.25rem; } @media only screen { .small-block-grid-1 > li { list-style: none; width: 100%; } .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .small-block-grid-2 > li { list-style: none; width: 50%; } .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .small-block-grid-3 > li { list-style: none; width: 33.3333333333%; } .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .small-block-grid-4 > li { list-style: none; width: 25%; } .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .small-block-grid-5 > li { list-style: none; width: 20%; } .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .small-block-grid-6 > li { list-style: none; width: 16.6666666667%; } .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .small-block-grid-7 > li { list-style: none; width: 14.2857142857%; } .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .small-block-grid-8 > li { list-style: none; width: 12.5%; } .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .small-block-grid-9 > li { list-style: none; width: 11.1111111111%; } .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .small-block-grid-10 > li { list-style: none; width: 10%; } .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .small-block-grid-11 > li { list-style: none; width: 9.0909090909%; } .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .small-block-grid-12 > li { list-style: none; width: 8.3333333333%; } .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width:40.0625em) { .medium-block-grid-1 > li { list-style: none; width: 100%; } .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .medium-block-grid-2 > li { list-style: none; width: 50%; } .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .medium-block-grid-3 > li { list-style: none; width: 33.3333333333%; } .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .medium-block-grid-4 > li { list-style: none; width: 25%; } .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .medium-block-grid-5 > li { list-style: none; width: 20%; } .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .medium-block-grid-6 > li { list-style: none; width: 16.6666666667%; } .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .medium-block-grid-7 > li { list-style: none; width: 14.2857142857%; } .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .medium-block-grid-8 > li { list-style: none; width: 12.5%; } .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .medium-block-grid-9 > li { list-style: none; width: 11.1111111111%; } .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .medium-block-grid-10 > li { list-style: none; width: 10%; } .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .medium-block-grid-11 > li { list-style: none; width: 9.0909090909%; } .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .medium-block-grid-12 > li { list-style: none; width: 8.3333333333%; } .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width:64.0625em) { .large-block-grid-1 > li { list-style: none; width: 100%; } .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .large-block-grid-2 > li { list-style: none; width: 50%; } .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .large-block-grid-3 > li { list-style: none; width: 33.3333333333%; } .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .large-block-grid-4 > li { list-style: none; width: 25%; } .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .large-block-grid-5 > li { list-style: none; width: 20%; } .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .large-block-grid-6 > li { list-style: none; width: 16.6666666667%; } .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .large-block-grid-7 > li { list-style: none; width: 14.2857142857%; } .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .large-block-grid-8 > li { list-style: none; width: 12.5%; } .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .large-block-grid-9 > li { list-style: none; width: 11.1111111111%; } .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .large-block-grid-10 > li { list-style: none; width: 10%; } .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .large-block-grid-11 > li { list-style: none; width: 9.0909090909%; } .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .large-block-grid-12 > li { list-style: none; width: 8.3333333333%; } .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width:90.0625em) { .xlarge-block-grid-1 > li { list-style: none; width: 100%; } .xlarge-block-grid-1 > li:nth-of-type(1n) { clear: none; } .xlarge-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .xlarge-block-grid-2 > li { list-style: none; width: 50%; } .xlarge-block-grid-2 > li:nth-of-type(1n) { clear: none; } .xlarge-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .xlarge-block-grid-3 > li { list-style: none; width: 33.3333333333%; } .xlarge-block-grid-3 > li:nth-of-type(1n) { clear: none; } .xlarge-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .xlarge-block-grid-4 > li { list-style: none; width: 25%; } .xlarge-block-grid-4 > li:nth-of-type(1n) { clear: none; } .xlarge-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .xlarge-block-grid-5 > li { list-style: none; width: 20%; } .xlarge-block-grid-5 > li:nth-of-type(1n) { clear: none; } .xlarge-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .xlarge-block-grid-6 > li { list-style: none; width: 16.6666666667%; } .xlarge-block-grid-6 > li:nth-of-type(1n) { clear: none; } .xlarge-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .xlarge-block-grid-7 > li { list-style: none; width: 14.2857142857%; } .xlarge-block-grid-7 > li:nth-of-type(1n) { clear: none; } .xlarge-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .xlarge-block-grid-8 > li { list-style: none; width: 12.5%; } .xlarge-block-grid-8 > li:nth-of-type(1n) { clear: none; } .xlarge-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .xlarge-block-grid-9 > li { list-style: none; width: 11.1111111111%; } .xlarge-block-grid-9 > li:nth-of-type(1n) { clear: none; } .xlarge-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .xlarge-block-grid-10 > li { list-style: none; width: 10%; } .xlarge-block-grid-10 > li:nth-of-type(1n) { clear: none; } .xlarge-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .xlarge-block-grid-11 > li { list-style: none; width: 9.0909090909%; } .xlarge-block-grid-11 > li:nth-of-type(1n) { clear: none; } .xlarge-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .xlarge-block-grid-12 > li { list-style: none; width: 8.3333333333%; } .xlarge-block-grid-12 > li:nth-of-type(1n) { clear: none; } .xlarge-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width:120.0625em) { .xxlarge-block-grid-1 > li { list-style: none; width: 100%; } .xxlarge-block-grid-1 > li:nth-of-type(1n) { clear: none; } .xxlarge-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .xxlarge-block-grid-2 > li { list-style: none; width: 50%; } .xxlarge-block-grid-2 > li:nth-of-type(1n) { clear: none; } .xxlarge-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .xxlarge-block-grid-3 > li { list-style: none; width: 33.3333333333%; } .xxlarge-block-grid-3 > li:nth-of-type(1n) { clear: none; } .xxlarge-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .xxlarge-block-grid-4 > li { list-style: none; width: 25%; } .xxlarge-block-grid-4 > li:nth-of-type(1n) { clear: none; } .xxlarge-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .xxlarge-block-grid-5 > li { list-style: none; width: 20%; } .xxlarge-block-grid-5 > li:nth-of-type(1n) { clear: none; } .xxlarge-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .xxlarge-block-grid-6 > li { list-style: none; width: 16.6666666667%; } .xxlarge-block-grid-6 > li:nth-of-type(1n) { clear: none; } .xxlarge-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .xxlarge-block-grid-7 > li { list-style: none; width: 14.2857142857%; } .xxlarge-block-grid-7 > li:nth-of-type(1n) { clear: none; } .xxlarge-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .xxlarge-block-grid-8 > li { list-style: none; width: 12.5%; } .xxlarge-block-grid-8 > li:nth-of-type(1n) { clear: none; } .xxlarge-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .xxlarge-block-grid-9 > li { list-style: none; width: 11.1111111111%; } .xxlarge-block-grid-9 > li:nth-of-type(1n) { clear: none; } .xxlarge-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .xxlarge-block-grid-10 > li { list-style: none; width: 10%; } .xxlarge-block-grid-10 > li:nth-of-type(1n) { clear: none; } .xxlarge-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .xxlarge-block-grid-11 > li { list-style: none; width: 9.0909090909%; } .xxlarge-block-grid-11 > li:nth-of-type(1n) { clear: none; } .xxlarge-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .xxlarge-block-grid-12 > li { list-style: none; width: 8.3333333333%; } .xxlarge-block-grid-12 > li:nth-of-type(1n) { clear: none; } .xxlarge-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } button, .button { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; border-style: solid; border-width: 0; cursor: pointer; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; line-height: normal; margin: 0 0 1.25rem; position: relative; text-align: center; text-decoration: none; display: inline-block; padding: 1rem 2rem 1.0625rem 2rem; font-size: 1rem; background-color: #008CBA; border-color: #007095; color: #FFFFFF; transition: background-color 300ms ease-out; } button:hover, button:focus, .button:hover, .button:focus { background-color: #007095; } button:hover, button:focus, .button:hover, .button:focus { color: #FFFFFF; } button.secondary, .button.secondary { background-color: #e7e7e7; border-color: #b9b9b9; color: #333333; } button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { background-color: #b9b9b9; } button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { color: #333333; } button.success, .button.success { background-color: #43AC6A; border-color: #368a55; color: #FFFFFF; } button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { background-color: #368a55; } button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { color: #FFFFFF; } button.alert, .button.alert { background-color: #f04124; border-color: #cf2a0e; color: #FFFFFF; } button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { background-color: #cf2a0e; } button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { color: #FFFFFF; } button.warning, .button.warning { background-color: #f08a24; border-color: #cf6e0e; color: #FFFFFF; } button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { background-color: #cf6e0e; } button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { color: #FFFFFF; } button.info, .button.info { background-color: #a0d3e8; border-color: #61b6d9; color: #333333; } button.info:hover, button.info:focus, .button.info:hover, .button.info:focus { background-color: #61b6d9; } button.info:hover, button.info:focus, .button.info:hover, .button.info:focus { color: #FFFFFF; } button.large, .button.large { padding: 1.125rem 2.25rem 1.1875rem 2.25rem; font-size: 1.25rem; } button.small, .button.small { padding: 0.875rem 1.75rem 0.9375rem 1.75rem; font-size: 0.8125rem; } button.tiny, .button.tiny { padding: 0.625rem 1.25rem 0.6875rem 1.25rem; font-size: 0.6875rem; } button.expand, .button.expand { padding: 1rem 2rem 1.0625rem 2rem; font-size: 1rem; padding-bottom: 1.0625rem; padding-top: 1rem; padding-left: 1rem; padding-right: 1rem; width: 100%; } button.left-align, .button.left-align { text-align: left; text-indent: 0.75rem; } button.right-align, .button.right-align { text-align: right; padding-right: 0.75rem; } button.radius, .button.radius { border-radius: 3px; } button.round, .button.round { border-radius: 1000px; } button.disabled, button[disabled], .button.disabled, .button[disabled] { background-color: #008CBA; border-color: #007095; color: #FFFFFF; box-shadow: none; cursor: default; opacity: 0.7; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #007095; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { color: #FFFFFF; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #008CBA; } button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary { background-color: #e7e7e7; border-color: #b9b9b9; color: #333333; box-shadow: none; cursor: default; opacity: 0.7; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #b9b9b9; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { color: #333333; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #e7e7e7; } button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success { background-color: #43AC6A; border-color: #368a55; color: #FFFFFF; box-shadow: none; cursor: default; opacity: 0.7; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #368a55; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { color: #FFFFFF; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #43AC6A; } button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert { background-color: #f04124; border-color: #cf2a0e; color: #FFFFFF; box-shadow: none; cursor: default; opacity: 0.7; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #cf2a0e; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { color: #FFFFFF; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #f04124; } button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning { background-color: #f08a24; border-color: #cf6e0e; color: #FFFFFF; box-shadow: none; cursor: default; opacity: 0.7; } button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { background-color: #cf6e0e; } button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { color: #FFFFFF; } button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { background-color: #f08a24; } button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info { background-color: #a0d3e8; border-color: #61b6d9; color: #333333; box-shadow: none; cursor: default; opacity: 0.7; } button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { background-color: #61b6d9; } button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { color: #FFFFFF; } button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { background-color: #a0d3e8; } button::-moz-focus-inner { border: 0; padding: 0; } @media only screen and (min-width:40.0625em) { button, .button { display: inline-block; } } /* Standard Forms */ form { margin: 0 0 1rem; } /* Using forms within rows, we need to set some defaults */ form .row .row { margin: 0 -0.5rem; } form .row .row .column, form .row .row .columns { padding: 0 0.5rem; } form .row .row.collapse { margin: 0; } form .row .row.collapse .column, form .row .row.collapse .columns { padding: 0; } form .row .row.collapse input { -webkit-border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns { padding-left: 0.5rem; } /* Label Styles */ label { color: #4d4d4d; cursor: pointer; display: block; font-size: 0.875rem; font-weight: normal; line-height: 1.5; margin-bottom: 0; /* Styles for required inputs */ } label.right { float: none !important; text-align: right; } label.inline { margin: 0 0 1rem 0; padding: 0.5625rem 0; } label small { text-transform: capitalize; color: #676767; } /* Attach elements to the beginning or end of an input */ .prefix, .postfix { border-style: solid; border-width: 1px; display: block; font-size: 0.875rem; height: 2.3125rem; line-height: 2.3125rem; overflow: visible; padding-bottom: 0; padding-top: 0; position: relative; text-align: center; width: 100%; z-index: 2; } /* Adjust padding, alignment and radius if pre/post element is a button */ .postfix.button { border: none; padding-left: 0; padding-right: 0; padding-bottom: 0; padding-top: 0; text-align: center; } .prefix.button { border: none; padding-left: 0; padding-right: 0; padding-bottom: 0; padding-top: 0; text-align: center; } .prefix.button.radius { border-radius: 0; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .postfix.button.radius { border-radius: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .prefix.button.round { border-radius: 0; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } .postfix.button.round { border-radius: 0; -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; } /* Separate prefix and postfix styles when on span or label so buttons keep their own */ span.prefix, label.prefix { background: #f2f2f2; border-right: none; color: #333333; border-color: #cccccc; } span.postfix, label.postfix { background: #f2f2f2; border-left: none; color: #333333; border-color: #cccccc; } /* We use this to get basic styling on all basic form elements */ input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; background-color: #FFFFFF; border-style: solid; border-width: 1px; border-color: #cccccc; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-family: inherit; font-size: 0.875rem; height: 2.3125rem; margin: 0 0 1rem 0; padding: 0.5rem; width: 100%; box-sizing: border-box; transition: border-color 0.15s linear, background 0.15s linear; } input:not([type]):focus, input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus { background: #fafafa; border-color: #999999; outline: none; } input:not([type]):disabled, input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled { background-color: #DDDDDD; cursor: default; } input:not([type])[disabled], input:not([type])[readonly], fieldset[disabled] input:not([type]), input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly], fieldset[disabled] textarea { background-color: #DDDDDD; cursor: default; } input:not([type]).radius, input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius { border-radius: 3px; } form .row .prefix-radius.row.collapse input, form .row .prefix-radius.row.collapse textarea, form .row .prefix-radius.row.collapse select, form .row .prefix-radius.row.collapse button { border-radius: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } form .row .prefix-radius.row.collapse .prefix { border-radius: 0; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } form .row .postfix-radius.row.collapse input, form .row .postfix-radius.row.collapse textarea, form .row .postfix-radius.row.collapse select, form .row .postfix-radius.row.collapse button { border-radius: 0; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } form .row .postfix-radius.row.collapse .postfix { border-radius: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } form .row .prefix-round.row.collapse input, form .row .prefix-round.row.collapse textarea, form .row .prefix-round.row.collapse select, form .row .prefix-round.row.collapse button { border-radius: 0; -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; } form .row .prefix-round.row.collapse .prefix { border-radius: 0; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } form .row .postfix-round.row.collapse input, form .row .postfix-round.row.collapse textarea, form .row .postfix-round.row.collapse select, form .row .postfix-round.row.collapse button { border-radius: 0; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } form .row .postfix-round.row.collapse .postfix { border-radius: 0; -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; } input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; } /* Respect enforced amount of rows for textarea */ textarea[rows] { height: auto; } /* Not allow resize out of parent */ textarea { max-width: 100%; } ::-webkit-input-placeholder { color: #666666; } :-moz-placeholder { /* Firefox 18- */ color: #666666; } ::-moz-placeholder { /* Firefox 19+ */ color: #666666; } :-ms-input-placeholder { color: #666666; } /* Add height value for select elements to match text input height */ select { -webkit-appearance: none !important; -moz-appearance: none !important; background-color: #FAFAFA; border-radius: 0; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+"); background-position: 100% center; background-repeat: no-repeat; border-style: solid; border-width: 1px; border-color: #cccccc; color: rgba(0, 0, 0, 0.75); font-family: inherit; font-size: 0.875rem; line-height: normal; padding: 0.5rem; border-radius: 0; height: 2.3125rem; } select::-ms-expand { display: none; } select.radius { border-radius: 3px; } select:focus { background-color: #f3f3f3; border-color: #999999; } select:disabled { background-color: #DDDDDD; cursor: default; } select[multiple] { height: auto; } /* Adjust margin for form elements below */ input[type="file"], input[type="checkbox"], input[type="radio"], select { margin: 0 0 1rem 0; } input[type="checkbox"] + label, input[type="radio"] + label { display: inline-block; margin-left: 0.5rem; margin-right: 1rem; margin-bottom: 0; vertical-align: baseline; } /* Normalize file input width */ input[type="file"] { width: 100%; } /* HTML5 Number spinners settings */ /* We add basic fieldset styling */ fieldset { border: 1px solid #DDDDDD; margin: 1.125rem 0; padding: 1.25rem; } fieldset legend { font-weight: bold; margin: 0; margin-left: -0.1875rem; padding: 0 0.1875rem; } /* Error Handling */ [data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error { display: block; font-size: 0.75rem; font-style: italic; font-weight: normal; margin-bottom: 1rem; margin-top: -1px; padding: 0.375rem 0.5625rem 0.5625rem; background: #f04124; color: #FFFFFF; } [data-abide] span.error, [data-abide] small.error { display: none; } span.error, small.error { display: block; font-size: 0.75rem; font-style: italic; font-weight: normal; margin-bottom: 1rem; margin-top: -1px; padding: 0.375rem 0.5625rem 0.5625rem; background: #f04124; color: #FFFFFF; } .error input, .error textarea, .error select { margin-bottom: 0; } .error input[type="checkbox"], .error input[type="radio"] { margin-bottom: 1rem; } .error label, .error label.error { color: #f04124; } .error small.error { display: block; font-size: 0.75rem; font-style: italic; font-weight: normal; margin-bottom: 1rem; margin-top: -1px; padding: 0.375rem 0.5625rem 0.5625rem; background: #f04124; color: #FFFFFF; } .error > label > small { background: transparent; color: #676767; display: inline; font-size: 60%; font-style: normal; margin: 0; padding: 0; text-transform: capitalize; } .error span.error-message { display: block; } input.error, textarea.error, select.error { margin-bottom: 0; } label.error { color: #f04124; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-justify { text-align: justify !important; } @media only screen and (max-width: 40em) { .small-only-text-left { text-align: left !important; } .small-only-text-right { text-align: right !important; } .small-only-text-center { text-align: center !important; } .small-only-text-justify { text-align: justify !important; } } @media only screen { .small-text-left { text-align: left !important; } .small-text-right { text-align: right !important; } .small-text-center { text-align: center !important; } .small-text-justify { text-align: justify !important; } } @media only screen and (min-width:40.0625em) and (max-width:64em) { .medium-only-text-left { text-align: left !important; } .medium-only-text-right { text-align: right !important; } .medium-only-text-center { text-align: center !important; } .medium-only-text-justify { text-align: justify !important; } } @media only screen and (min-width:40.0625em) { .medium-text-left { text-align: left !important; } .medium-text-right { text-align: right !important; } .medium-text-center { text-align: center !important; } .medium-text-justify { text-align: justify !important; } } @media only screen and (min-width:64.0625em) and (max-width:90em) { .large-only-text-left { text-align: left !important; } .large-only-text-right { text-align: right !important; } .large-only-text-center { text-align: center !important; } .large-only-text-justify { text-align: justify !important; } } @media only screen and (min-width:64.0625em) { .large-text-left { text-align: left !important; } .large-text-right { text-align: right !important; } .large-text-center { text-align: center !important; } .large-text-justify { text-align: justify !important; } } @media only screen and (min-width:90.0625em) and (max-width:120em) { .xlarge-only-text-left { text-align: left !important; } .xlarge-only-text-right { text-align: right !important; } .xlarge-only-text-center { text-align: center !important; } .xlarge-only-text-justify { text-align: justify !important; } } @media only screen and (min-width:90.0625em) { .xlarge-text-left { text-align: left !important; } .xlarge-text-right { text-align: right !important; } .xlarge-text-center { text-align: center !important; } .xlarge-text-justify { text-align: justify !important; } } @media only screen and (min-width:120.0625em) and (max-width:6249999.9375em) { .xxlarge-only-text-left { text-align: left !important; } .xxlarge-only-text-right { text-align: right !important; } .xxlarge-only-text-center { text-align: center !important; } .xxlarge-only-text-justify { text-align: justify !important; } } @media only screen and (min-width:120.0625em) { .xxlarge-text-left { text-align: left !important; } .xxlarge-text-right { text-align: right !important; } .xxlarge-text-center { text-align: center !important; } .xxlarge-text-justify { text-align: justify !important; } } /* Typography resets */ div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; } /* Default Link Styles */ a { color: #008CBA; line-height: inherit; text-decoration: none; } a:hover, a:focus { color: #0078a0; } a img { border: none; } /* Default paragraph styles */ p { font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.6; margin-bottom: 1.25rem; text-rendering: optimizeLegibility; } p.lead { font-size: 1.21875rem; line-height: 1.6; } p aside { font-size: 0.875rem; font-style: italic; line-height: 1.35; } /* Default header styles */ h1, h2, h3, h4, h5, h6 { color: #222222; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-style: normal; font-weight: normal; line-height: 1.4; margin-bottom: 0.5rem; margin-top: 0.2rem; text-rendering: optimizeLegibility; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #6f6f6f; font-size: 60%; line-height: 0; } h1 { font-size: 2.125rem; } h2 { font-size: 1.6875rem; } h3 { font-size: 1.375rem; } h4 { font-size: 1.125rem; } h5 { font-size: 1.125rem; } h6 { font-size: 1rem; } .subheader { line-height: 1.4; color: #6f6f6f; font-weight: normal; margin-top: 0.2rem; margin-bottom: 0.5rem; } hr { border: solid #DDDDDD; border-width: 1px 0 0; clear: both; height: 0; margin: 1.25rem 0 1.1875rem; } /* Helpful Typography Defaults */ em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 60%; line-height: inherit; } code { background-color: #f8f8f8; border-color: #dfdfdf; border-style: solid; border-width: 1px; color: #333333; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; padding: 0.125rem 0.3125rem 0.0625rem; } /* Lists */ ul, ol, dl { font-family: inherit; font-size: 1rem; line-height: 1.6; list-style-position: outside; margin-bottom: 1.25rem; } ul { margin-left: 1.1rem; } /* Unordered Lists */ ul li ul, ul li ol { margin-left: 1.25rem; margin-bottom: 0; } ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; } ul.square { list-style-type: square; margin-left: 1.1rem; } ul.circle { list-style-type: circle; margin-left: 1.1rem; } ul.disc { list-style-type: disc; margin-left: 1.1rem; } /* Ordered Lists */ ol { margin-left: 1.4rem; } ol li ul, ol li ol { margin-left: 1.25rem; margin-bottom: 0; } .no-bullet { list-style-type: none; margin-left: 0; } .no-bullet li ul, .no-bullet li ol { margin-left: 1.25rem; margin-bottom: 0; list-style: none; } /* Definition Lists */ dl dt { margin-bottom: 0.3rem; font-weight: bold; } dl dd { margin-bottom: 0.75rem; } /* Abbreviations */ abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; cursor: help; } abbr { text-transform: none; } abbr[title] { border-bottom: 1px dotted #DDDDDD; } /* Blockquotes */ blockquote { margin: 0 0 1.25rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #DDDDDD; } blockquote cite { display: block; font-size: 0.8125rem; color: #555555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited { color: #555555; } blockquote, blockquote p { line-height: 1.6; color: #6f6f6f; } /* Microformats */ .vcard { display: inline-block; margin: 0 0 1.25rem 0; border: 1px solid #DDDDDD; padding: 0.625rem 0.75rem; } .vcard li { margin: 0; display: block; } .vcard .fn { font-weight: bold; font-size: 0.9375rem; } .vevent .summary { font-weight: bold; } .vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 0.0625rem; } @media only screen and (min-width:40.0625em) { h1, h2, h3, h4, h5, h6 { line-height: 1.4; } h1 { font-size: 2.75rem; } h2 { font-size: 2.3125rem; } h3 { font-size: 1.6875rem; } h4 { font-size: 1.4375rem; } h5 { font-size: 1.125rem; } h6 { font-size: 1rem; } } /* Print styles. Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */ @media print { * { background: transparent !important; color: #000000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.34in; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* small displays */ @media only screen { .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; } .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { display: none !important; } .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { display: table !important; } thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; } tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; } tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; } th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } } /* medium displays */ @media only screen and (min-width:40.0625em) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; } .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { display: none !important; } .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { display: table !important; } thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; } tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; } tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; } th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } } /* large displays */ @media only screen and (min-width:64.0625em) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; } .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { display: none !important; } .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { display: table !important; } thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; } tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; } tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; } th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } } /* xlarge displays */ @media only screen and (min-width:90.0625em) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; } .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { display: none !important; } .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { display: table !important; } thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; } tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; } tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; } th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } } /* xxlarge displays */ @media only screen and (min-width:120.0625em) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; } .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down { display: none !important; } .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down { display: table !important; } thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; } tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; } tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; } th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } } /* Orientation targeting */ .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visibility for tables */ table.hide-for-landscape, table.show-for-portrait { display: table !important; } thead.hide-for-landscape, thead.show-for-portrait { display: table-header-group !important; } tbody.hide-for-landscape, tbody.show-for-portrait { display: table-row-group !important; } tr.hide-for-landscape, tr.show-for-portrait { display: table-row !important; } td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait { display: table-cell !important; } @media only screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visibility for tables */ table.show-for-landscape, table.hide-for-portrait { display: table !important; } thead.show-for-landscape, thead.hide-for-portrait { display: table-header-group !important; } tbody.show-for-landscape, tbody.hide-for-portrait { display: table-row-group !important; } tr.show-for-landscape, tr.hide-for-portrait { display: table-row !important; } td.show-for-landscape, td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait { display: table-cell !important; } } @media only screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: inherit !important; } .hide-for-portrait, .show-for-landscape { display: none !important; } /* Specific visibility for tables */ table.show-for-portrait, table.hide-for-landscape { display: table !important; } thead.show-for-portrait, thead.hide-for-landscape { display: table-header-group !important; } tbody.show-for-portrait, tbody.hide-for-landscape { display: table-row-group !important; } tr.show-for-portrait, tr.hide-for-landscape { display: table-row !important; } td.show-for-portrait, td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape { display: table-cell !important; } } /* Touch-enabled device targeting */ .show-for-touch { display: none !important; } .hide-for-touch { display: inherit !important; } .touch .show-for-touch { display: inherit !important; } .touch .hide-for-touch { display: none !important; } /* Specific visibility for tables */ table.hide-for-touch { display: table !important; } .touch table.show-for-touch { display: table !important; } thead.hide-for-touch { display: table-header-group !important; } .touch thead.show-for-touch { display: table-header-group !important; } tbody.hide-for-touch { display: table-row-group !important; } .touch tbody.show-for-touch { display: table-row-group !important; } tr.hide-for-touch { display: table-row !important; } .touch tr.show-for-touch { display: table-row !important; } td.hide-for-touch { display: table-cell !important; } .touch td.show-for-touch { display: table-cell !important; } th.hide-for-touch { display: table-cell !important; } .touch th.show-for-touch { display: table-cell !important; } /* Screen reader-specific classes */ .show-for-sr { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } .show-on-focus { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } .show-on-focus:focus, .show-on-focus:active { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } /* Print visibility */ .print-only, .show-for-print { display: none !important; } @media print { .print-only, .show-for-print { display: block !important; } .hide-on-print, .hide-for-print { display: none !important; } table.show-for-print { display: table !important; } thead.show-for-print { display: table-header-group !important; } tbody.show-for-print { display: table-row-group !important; } tr.show-for-print { display: table-row !important; } td.show-for-print { display: table-cell !important; } th.show-for-print { display: table-cell !important; } } /** ----------------------------------------------------------------------------------------------- Base styles. ----------------------------------------------------------------------------------------------- */ html, body { color: #000; font: 16px/24px "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 1.8; font-weight: 300; -webkit-font-smoothing: antialiased; } html .mc-dark, body .mc-dark { color: #fff; } body { background: inherit; } h1, h2, h3, h4, h5, h6 { color: #000; } .mc-dark h1, .mc-dark h2, .mc-dark h3, .mc-dark h4, .mc-dark h5, .mc-dark h6 { color: #fff; } .mc-dark .site-content { color: #fff; } a { color: #6990cb; outline: none; text-decoration: none; } a:hover { color: #333; } h1, h2, h3, h4, h5, h6 { margin-top: 12px; margin-top: 0.75rem; margin-bottom: 16px; margin-bottom: 1rem; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; } h1 { font-size: 36px; line-height: 57.6px; font-size: 2.25rem; line-height: 3.6rem; } h2 { font-size: 30px; line-height: 48px; font-size: 1.875rem; line-height: 3rem; } h3 { font-size: 24px; line-height: 38.4px; font-size: 1.5rem; line-height: 2.4rem; } h4 { font-size: 18px; line-height: 28.8px; font-size: 1.125rem; line-height: 1.8rem; } h5 { font-size: 14px; line-height: 22.4px; font-size: 0.875rem; line-height: 1.4rem; } h6 { font-size: 12px; line-height: 19.2px; font-size: 0.75rem; line-height: 1.2rem; } p { margin-bottom: 20px; margin-bottom: 1.25rem; } @media only screen and (min-width: 62em) and (max-width: 74.94em) { p { font-size: 18px; line-height: 28.8px; font-size: 1.125rem; line-height: 1.8rem; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { p { font-size: 18px; line-height: 28.8px; font-size: 1.125rem; line-height: 1.8rem; } } @media only screen and (max-width: 40em) { p { font-size: 18px; line-height: 28.8px; font-size: 1.125rem; line-height: 1.8rem; } } /**********************************************************************************/ /* WP Mandatory *******************************************************************/ /**********************************************************************************/ .alignleft { float: left; margin-right: 1.5em; } .alignright { float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin: 0 auto; } .bypostauthor { clear: both; } .site-content.right-sidebar .shop_sidebar.wpb_widgetised_column { padding-right: 0; } /* Colors */ .color-main, .v-nav .mega-control-menu i, .v-nav nav#st-nav .menu-item-has-children > a:after, .v-nav nav#st-nav .tdl-dropdown-menu > a:after, .nav-container .tdl-megamenu-wrapper a:hover { color: #6990cb; } .color-main-bg { background: #6990cb; } .color-main-bg-color { background-color: #6990cb; } .color-light-gray-bg { background-color: rgba(0, 0, 0, 0.03); } .color-dark-gray-bg { background-color: #ededed; } .color-form { color: #000; } .widget-area .widget label.screen-reader-text { display: none; } /** ----------------------------------------------------------------------------------------------- Woodstock Icons. ----------------------------------------------------------------------------------------------- */ /* Icons */ .l-search button.ajax-search-submit:after, .l-search .widget_product_search .search-but-added .header-icon:after, .l-search .widget_search .search-but-added .header-icon:after, .l-header-shop .icon-shop:before, .contact-info .contact-info-icon::after, .searchsubmit:after, .widget_search .search-form:after { font-family: 'Woodstock'; } /* Contact Area Icons */ .contact-info .contact-info-arrow::after { font-family: 'Woodstock'; content: '\e628'; } /* My Account Icons */ .myacc-navigation .login-icon:after, .mobile-navigation a.acc-link .login-icon:before, #minicart-offcanvas .cart-login-link:before { font-family: 'Woodstock'; content: '\e624'; } .myacc-navigation .wishlist-icon:after, .mobile-navigation a.acc-link .wishlist-icon:before { font-family: 'Woodstock'; content: '\e612'; } .myacc-navigation .acc-icon:after, .mobile-navigation a.acc-link .acc-icon:before, #minicart-offcanvas .cart-myaccount-link:before { font-family: 'Woodstock'; content: '\e623'; } /* Main Navigation Icons */ nav#nav ul .menu-item-has-children > a .menu-item-main-title:after, nav#nav ul .tdl-dropdown-menu > a .menu-item-main-title:after, nav#st-nav ul .menu-item-has-children > a .menu-item-main-title:after, nav#st-nav ul .tdl-dropdown-menu > a .menu-item-main-title:after, .not_mega_menu .menu-item-has-children > a:after { font-family: 'Woodstock'; content: '\e628'; } /* Top Bar Navigation Icons */ .main-navigation ul li.menu-item-has-children > a:after { font-family: 'Woodstock'; content: '\e62b'; } .main-navigation > ul > li.menu-item-has-children > a:after { font-family: 'Woodstock'; content: '\e628'; } .select2-container .select2-choice .select2-arrow:before { font-family: 'Woodstock'; content: '\e628'; } .mobile-menu-button a .mobile-menu-icon:before, #mobiles-menu-offcanvas .mobile-menu-icon:before { font-family: 'Woodstock'; content: '\e610'; } .widget_product_categories .product-categories li.cat-parent > a .child-indicator::before, .wc-block-product-categories .wc-block-product-categories-list .cat-parent > a .child-indicator::before, .product-categories-with-icon .cat-parent > a .child-indicator::before { font-family: fontawesome; content: '\f067'; } .widget_product_categories .product-categories li.cat-parent > a .child-indicator.open::before, .wc-block-product-categories .wc-block-product-categories-list .cat-parent > a .child-indicator.open::before, .product-categories-with-icon .cat-parent > a .child-indicator.open::before { font-family: fontawesome; content: '\f068'; } /* Navigation bullets */ #page_header_wrap .tdl-megamenu-wrapper .tdl-megamenu-bullet:before, .tdl-megamenu-bullet:before, nav#nav ul li .menu-item-has-children > a:after, nav#nav ul li .tdl-dropdown-menu > a:after, nav#st-nav ul li .menu-item-has-children > a:after, nav#st-nav ul li .tdl-dropdown-menu > a:after { font-family: 'Woodstock'; content: '\e62b'; } /* Trash Icon */ #minicart-offcanvas table.cart_list .product-remove .remove i:after, .woocommerce table.shop_table.cart td.product-remove a i:after, .woocommerce-page table.shop_table.cart td.product-remove a i:after { font-family: 'Woodstock'; content: '\e62d'; } .shop-ordering .shop-layout-opts a i.grid-icon:after { font-family: 'Woodstock'; content: '\e60d'; } .shop-ordering .shop-layout-opts a i.list-icon:after { font-family: 'Woodstock'; content: '\e60e'; } #button_offcanvas_sidebar_left i:before { font-family: 'Woodstock'; content: '\e62e'; } .prod-plugins .add_to_wishlist:before, .prod-plugins .yith-wcwl-wishlistexistsbrowse a:before, .prod-plugins .yith-wcwl-wishlistaddedbrowse span:before { font-family: 'Woodstock'; content: '\e612'; } .prod-plugins .yith-wcwl-wishlistexistsbrowse a:before, .prod-plugins .yith-wcwl-wishlistaddedbrowse span:before { font-family: 'Woodstock'; content: '\e614'; } .compare-button a:before, .single-product-infos .compare.button:before { font-family: 'Woodstock'; content: '\e613'; } .owl-prev:after { font-family: 'Woodstock'; content: '\e61f'; } .owl-next:after { font-family: 'Woodstock'; content: '\e620'; } .fr-close-icon::before { content: '\e621'; font-family: 'Woodstock'; } /* Loaders */ #minicart-offcanvas { position: relative; } #minicart-offcanvas .loading-overlay { display: none; position: fixed; vertical-align: middle; width: 320px; height: 100%; top: 0; bottom: 0; right: 0; background-color: rgba(255, 255, 255, 0.5); padding: 0; text-align: center; z-index: 9999; /* ============================ */ /* SPINNER CIRCLE */ /* ============================ */ /* ============================ */ /* SPINNER BOUNCE */ /* ============================ */ /* ============================ */ /* SPINNER BOUNCE MIDDLE */ /* ============================ */ /* ============================ */ /* SPINNER DOTS */ /* ============================ */ } .scd-dark #minicart-offcanvas .loading-overlay { background: rgba(0, 0, 0, 0.5); } #minicart-offcanvas .loading-overlay .spinner { position: absolute; right: calc(50% - 10px); top: calc(40% - 10px); } #minicart-offcanvas .loading-overlay .spinner.spinner-circle { display: inline-block; height: 23px; width: 23px; -webkit-animation: rotate-circle 0.8s infinite linear; animation: rotate-circle 0.8s infinite linear; border: 2px solid rgba(0, 0, 0, 0.8); border-right-color: transparent; border-radius: 70%; } .scd-dark #minicart-offcanvas .loading-overlay .spinner.spinner-circle { border: 2px solid rgba(255, 255, 255, 0.8); border-right-color: transparent; } @-webkit-keyframes rotate-circle { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate-circle { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #minicart-offcanvas .loading-overlay .spinner.spinner-bounce, #minicart-offcanvas .loading-overlay .spinner.spinner-bounce:before, #minicart-offcanvas .loading-overlay .spinner.spinner-bounce:after { width: 3px; height: 20px; background: rgba(0, 0, 0, 0.9); border-radius: 2px; } .scd-dark #minicart-offcanvas .loading-overlay .spinner.spinner-bounce, .scd-dark #minicart-offcanvas .loading-overlay .spinner.spinner-bounce:before, .scd-dark #minicart-offcanvas .loading-overlay .spinner.spinner-bounce:after { background: rgba(255, 255, 255, 0.9); } #minicart-offcanvas .loading-overlay .spinner.spinner-bounce { display: inline-block; text-align: center; position: absolute; } #minicart-offcanvas .loading-overlay .spinner.spinner-bounce:before, #minicart-offcanvas .loading-overlay .spinner.spinner-bounce:after { content: ''; position: absolute; display: block; top: 0px; } #minicart-offcanvas .loading-overlay .spinner.spinner-bounce:before { left: -7px; } #minicart-offcanvas .loading-overlay .spinner.spinner-bounce:after { left: 7px; } #minicart-offcanvas .loading-overlay .spinner.spinner-bounce { -webkit-animation: bounce-middle 0.6s ease 0.1s infinite; animation: bounce-middle 0.6s ease 0.1s infinite; } #minicart-offcanvas .loading-overlay .spinner.spinner-bounce:before, #minicart-offcanvas .loading-overlay .spinner.spinner-bounce:after { top: 50%; -webkit-transform: translateY(-10px) translateZ(0); transform: translateY(-10px) translateZ(0); } #minicart-offcanvas .loading-overlay .spinner.spinner-bounce:before { -webkit-animation: bounce-middle 0.6s ease 0s infinite; animation: bounce-middle 0.6s ease 0s infinite; } #minicart-offcanvas .loading-overlay .spinner.spinner-bounce:after { -webkit-animation: bounce-middle 0.6s ease 0.2s infinite; animation: bounce-middle 0.6s ease 0.2s infinite; } @-webkit-keyframes bounce-middle { 0% { height: 4px; margin-top: 8px; margin-bottom: 8px; } 50% { height: 20px; margin-top: 0px; margin-bottom: 0px; } 100% { height: 4px; margin-top: 8px; margin-bottom: 8px; } } @keyframes bounce-middle { 0% { height: 4px; margin-top: 8px; margin-bottom: 8px; } 50% { height: 20px; margin-top: 0px; margin-bottom: 0px; } 100% { height: 4px; margin-top: 8px; margin-bottom: 8px; } } #minicart-offcanvas .loading-overlay .spinner.spinner-dots { text-align: center; display: inline-block; vertical-align: middle; height: 10px; width: 40px; } #minicart-offcanvas .loading-overlay .spinner.spinner-dots:after { content: ''; position: absolute; vertical-align: middle; left: 160px; height: 10px; width: 10px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.5); box-shadow: -20px 0 0 0 black, 20px 0 0 0 black; -webkit-animation: alter_back 1s ease-in-out infinite; animation: alter_back 1s ease-in-out infinite; } .scd-dark #minicart-offcanvas .loading-overlay .spinner.spinner-dots:after { -webkit-animation: alter_white 1s ease-in-out infinite; animation: alter_white 1s ease-in-out infinite; background-color: rgba(255, 255, 255, 0.5); box-shadow: -20px 0 0 0 white, 20px 0 0 0 white; } @-webkit-keyframes alter_black { 0%, 100% { background-color: rgba(0, 0, 0, 0.5); box-shadow: -20px 0 0 0 black, 20px 0 0 0 black; } 50% { background-color: black; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5), 0 0 0 0 rgba(0, 0, 0, 0.5); } } @keyframes alter_black { 0%, 100% { background-color: rgba(0, 0, 0, 0.5); box-shadow: -20px 0 0 0 black, 20px 0 0 0 black; } 50% { background-color: black; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5), 0 0 0 0 rgba(0, 0, 0, 0.5); } } @-webkit-keyframes alter_white { 0%, 100% { background-color: rgba(255, 255, 255, 0.5); box-shadow: -20px 0 0 0 white, 20px 0 0 0 white; } 50% { background-color: white; box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5), 0 0 0 0 rgba(255, 255, 255, 0.5); } } @keyframes alter_white { 0%, 100% { background-color: rgba(255, 255, 255, 0.5); box-shadow: -20px 0 0 0 white, 20px 0 0 0 white; } 50% { background-color: white; box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5), 0 0 0 0 rgba(255, 255, 255, 0.5); } } .blurcontent { -webkit-filter: blur(4px); -moz-filter: blur(4px); -o-filter: blur(4px); -ms-filter: blur(4px); filter: blur(4px); transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; } .blurcontent-off { -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px); transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; } /* ============================ */ /* SEARCH SPINNERS */ /* ============================ */ .l-search { /* ============================ */ /* SPINNER CIRCLE */ /* ============================ */ /* ============================ */ /* SPINNER DOTS */ /* ============================ */ /* ============================ */ /* SPINNER BOUNCE MIDDLE */ /* ============================ */ } .l-search .ajax-loading { width: 20px; height: 20px; position: absolute; top: 18px; opacity: 0; visibility: hidden; transition: opacity 0.3s visibility 0.3s; } .l-search .ajax-loading.spinner-circle { right: 19px; } #mobiles-menu-offcanvas .l-search .ajax-loading.spinner-circle { right: 23px; } .l-search .ajax-loading.spinner-circle .spinner { display: inline-block; height: 20px; width: 20px; -webkit-animation: circle-rotate 0.5s infinite linear; animation: circle-rotate 0.5s infinite linear; border: 1px solid #000; border-right-color: transparent; border-radius: 70%; } #mobiles-menu-offcanvas .l-search .ajax-loading.spinner-circle .spinner { border: 1px solid #000 !important; border-right-color: transparent !important; } .snd-dark #mobiles-menu-offcanvas .l-search .ajax-loading.spinner-circle .spinner { border: 1px solid #fff !important; border-right-color: transparent !important; } @-webkit-keyframes circle-rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes circle-rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .l-search .ajax-loading.spinner-dots { right: 28px; top: 15px; } .l-search .ajax-loading.spinner-dots .spinner { display: inline-block; height: 10px; width: 20px; } .l-search .ajax-loading.spinner-dots .spinner:after { content: ''; position: absolute; left: 13px; height: 5px; width: 5px; border-radius: 20px; } #mobiles-menu-offcanvas .l-search .ajax-loading.spinner-dots .spinner:after { background: rgba(0, 0, 0, 0.5); box-shadow: -13px 0 0 0 black, 13px 0 0 0 black; -webkit-animation: olter 1s ease-in-out infinite; animation: olter 1s ease-in-out infinite; } .snd-dark #mobiles-menu-offcanvas .l-search .ajax-loading.spinner-dots .spinner:after { background: rgba(255, 255, 255, 0.5); box-shadow: -13px 0 0 0 white, 13px 0 0 0 white; -webkit-animation: olter_dark 1s ease-in-out infinite; animation: olter_dark 1s ease-in-out infinite; } @-webkit-keyframes olter { 0%, 100% { background-color: rgba(0, 0, 0, 0.5); box-shadow: -13px 0 0 0 black, 13px 0 0 0 black; } 50% { background-color: rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 0 black, 0 0 0 0 black; } } @keyframes olter { 0%, 100% { background-color: rgba(0, 0, 0, 0.5); box-shadow: -13px 0 0 0 black, 13px 0 0 0 black; } 50% { background-color: rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 0 black, 0 0 0 0 black; } } @-webkit-keyframes olter_dark { 0%, 100% { background-color: rgba(255, 255, 255, 0.5); box-shadow: -13px 0 0 0 white, 13px 0 0 0 white; } 50% { background-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 0 white, 0 0 0 0 white; } } @keyframes olter_dark { 0%, 100% { background-color: rgba(255, 255, 255, 0.5); box-shadow: -13px 0 0 0 white, 13px 0 0 0 white; } 50% { background-color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 0 white, 0 0 0 0 white; } } .l-search .ajax-loading.spinner-bounce { right: 9px; /* ============================ */ /* SPINNER BOUNCE MIDDLE */ /* ============================ */ } #mobiles-menu-offcanvas .l-search .ajax-loading.spinner-bounce { right: 13px; } .l-search .ajax-loading.spinner-bounce .spinner, .l-search .ajax-loading.spinner-bounce .spinner:before, .l-search .ajax-loading.spinner-bounce .spinner:after { width: 2px; height: 20px; background-color: #333; border-radius: 2px; } #mobiles-menu-offcanvas .l-search .ajax-loading.spinner-bounce .spinner, #mobiles-menu-offcanvas .l-search .ajax-loading.spinner-bounce .spinner:before, #mobiles-menu-offcanvas .l-search .ajax-loading.spinner-bounce .spinner:after { background-color: #333 !important; } .snd-dark #mobiles-menu-offcanvas .l-search .ajax-loading.spinner-bounce .spinner, .snd-dark #mobiles-menu-offcanvas .l-search .ajax-loading.spinner-bounce .spinner:before, .snd-dark #mobiles-menu-offcanvas .l-search .ajax-loading.spinner-bounce .spinner:after { background-color: #fff !important; } .l-search .ajax-loading.spinner-bounce .spinner { display: inline-block; position: relative; } .l-search .ajax-loading.spinner-bounce .spinner:before, .l-search .ajax-loading.spinner-bounce .spinner:after { content: ''; position: absolute; display: block; top: 0px; } .l-search .ajax-loading.spinner-bounce .spinner:before { left: -5px; } .l-search .ajax-loading.spinner-bounce .spinner:after { left: 5px; } @-webkit-keyframes bounce-middle { 0% { height: 4px; margin-top: 8px; margin-bottom: 8px; } 50% { height: 20px; margin-top: 0px; margin-bottom: 0px; } 100% { height: 4px; margin-top: 8px; margin-bottom: 8px; } } @keyframes bounce-middle { 0% { height: 4px; margin-top: 8px; margin-bottom: 8px; } 50% { height: 20px; margin-top: 0px; margin-bottom: 0px; } 100% { height: 4px; margin-top: 8px; margin-bottom: 8px; } } .l-search .ajax-loading.spinner-bounce .spinner { -webkit-animation: bounce-middle 0.6s ease 0.1s infinite; animation: bounce-middle 0.6s ease 0.1s infinite; } .l-search .ajax-loading.spinner-bounce .spinner:before, .l-search .ajax-loading.spinner-bounce .spinner:after { top: 50%; -webkit-transform: translateY(-10px) translateZ(0); transform: translateY(-10px) translateZ(0); } .l-search .ajax-loading.spinner-bounce .spinner:before { -webkit-animation: bounce-middle 0.6s ease 0s infinite; animation: bounce-middle 0.6s ease 0s infinite; } .l-search .ajax-loading.spinner-bounce .spinner:after { -webkit-animation: bounce-middle 0.6s ease 0.2s infinite; animation: bounce-middle 0.6s ease 0.2s infinite; } /* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */ .tooltipster-default { border-radius: 5px; border: none; background: #333; color: #fff; } /* Use this next selector to style things like font-size and line-height: */ .tooltipster-default .tooltipster-content { font-size: 14px !important; line-height: 12px !important; font-weight: 400 !important; padding: 8px 10px 10px 10px; overflow: hidden; } /* ============================ */ /* SHARING POPUP */ /* ============================ */ .arthref { position: fixed; top: 0; left: 0; z-index: 99; /* Animations */ } .arthref .overlay { z-index: 100; position: fixed; width: 100%; height: 100%; opacity: 0; background: rgba(255, 255, 255, 0.7); pointer-events: none; display: none; transition: all 200ms ease-in-out; } .arthref .overlay.active { opacity: 1; pointer-events: all; } .arthref .opaque { background: rgba(255, 255, 255, 0.7); } .arthref .icon-container { z-index: 101; position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; } .arthref .icon-container:before { content: ''; height: 100%; display: inline-block; vertical-align: middle; } .arthref .icon-container .centered { display: inline-block; padding: 1em; vertical-align: middle; text-align: left; width: 90%; max-width: 725px; } .arthref .icon-container .share-title { display: block; margin-bottom: 40px; text-align: center; } .arthref .icon-container .share-title h4 { font-size: 14px; line-height: 14px; text-transform: uppercase; letter-spacing: 2px; } .arthref .icon-container .share-title h1 { line-height: 40px; } .arthref .icon-container ul { margin: 0; padding: 0; list-style-type: none; text-align: center; opacity: 0; transition: all 200ms ease-in-out; pointer-events: none; } .arthref .icon-container ul.active { opacity: 1; pointer-events: auto; } .arthref .icon-container ul li { display: inline-block; text-align: center; width: 80px; margin-bottom: 15px; } .arthref .icon-container ul li a { text-align: center; display: inline-block; width: auto; } .arthref .icon-container ul li a:before { width: 60px; height: 60px; font-size: 26px; line-height: 41.6px; font-size: 1.625rem; line-height: 2.6rem; line-height: 60px; border-radius: 60px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } .arthref .icon-container ul li a:hover:before { color: #fff; background-color: #333; } .arthref .icon-container ul li span { display: block !important; margin-top: 10px !important; text-align: center; font-size: 14px !important; font-weight: bold; font-weight: 400 !important; } .arthref .launchpadReverse .icon-container ul, .arthref .launchpadReverse .icon-container .share-title { -webkit-transform-origin: center 20%; -webkit-transform: scale(1.2); -moz-transform-origin: center 20%; -moz-transform: scale(1.2); -o-transform-origin: center 20%; -o-transform: scale(1.2); -ms-transform-origin: center 20%; -ms-transform: scale(1.2); transform-origin: center 20%; transform: scale(1.2); } .arthref .launchpadReverse.active .icon-container ul, .arthref .launchpadReverse.active .icon-container .share-title { -webkit-transform: scale(1); transform: scale(1); } .arthref.sdark h1 { color: #fff; } .arthref.sdark .overlay { background: rgba(0, 0, 0, 0.7); } .arthref.sdark .opaque { background: rgba(0, 0, 0, 0.7); } .arthref.sdark .social-icons span { color: #fff; } .arthref.sdark ul li a:hover:before { color: #333; background-color: #fff; } .blurred { -webkit-filter: blur(14px); -moz-filter: blur(14px); -o-filter: blur(14px); -ms-filter: blur(14px); filter: blur(14px); transition: -webkit-filter 0.3s ease-in-out; transition: filter 0.3s ease-in-out; transition: filter 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out; } /* ============================ */ /* LOADER */ /* ============================ */ #wstock-loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background: #fff; } .wstock-loader-section { display: block; position: relative; left: 50%; top: 50%; width: 100%; height: 100%; z-index: 1000; } /* Loader 1 */ .wstock-loader-1 { width: 60px; height: 60px; margin-top: -30px; margin-left: -30px; background-color: #333; -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; animation: sk-rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes sk-rotateplane { 0% { -webkit-transform: perspective(120px); } 50% { -webkit-transform: perspective(120px) rotateY(180deg); } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } } @keyframes sk-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } /* Loader 2 */ .wstock-loader-2 { margin-top: -25px; margin-left: -25px; border-top: 0.3em solid rgba(52, 152, 219, 0.3); border-right: 0.3em solid rgba(52, 152, 219, 0.3); border-bottom: 0.3em solid rgba(52, 152, 219, 0.3); border-left: 0.3em solid #3498db; -webkit-animation: load8 0.8s infinite linear; animation: load8 0.8s infinite linear; } .wstock-loader-2, .wstock-loader-2:after { border-radius: 50%; width: 60px; height: 60px; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* Loader 3 */ .wstock-loader-3 { display: block; position: relative; width: 120px; height: 120px; margin: -60px 0 0 -60px; border-radius: 50%; border: 3px solid transparent; border-top-color: #9da1ba; -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ z-index: 1001; } .wstock-loader-3:before { content: ''; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #ced0dd; -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ } .wstock-loader-3:after { content: ''; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #e6e8ee; -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ } 100% { -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ /* IE 9 */ transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */ } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ } 100% { -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ /* IE 9 */ transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */ } } /* Loader 4 */ .wstock-loader-4 { display: block; position: relative; width: 70px; height: 70px; margin-top: -35px; margin-left: -35px; border: 3px solid #333333; border-radius: 50%; } .wstock-loader-4:before, .wstock-loader-4:after { content: ''; position: absolute; display: block; width: 3px; background-color: #333333; border-radius: 1.5px; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } .wstock-loader-4:before { height: 20px; left: 31px; top: 50%; -webkit-animation: spin 2000ms linear infinite; animation: spin 2000ms linear infinite; } .wstock-loader-4:after { height: 25px; left: 31px; top: 50%; -webkit-animation: spin 500ms linear infinite; animation: spin 500ms linear infinite; } @-webkit-keyframes spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* Hide Loader */ .loaded .wstock-loader-section { opacity: 0; transition: all 0.1s ease-out; } .loaded #wstock-loader-wrapper { visibility: hidden; opacity: 0; transition: all 0.5s ease-out; } /* JavaScript Turned Off */ .no-js #wstock-loader-wrapper { display: none; } .page-links { clear: both; margin: 0 0 1.5em; } .page-links { font-size: 14px; font-size: 0.875rem; font-weight: 800; padding: 2em 0 3em; } figure { margin: 0; } /** ----------------------------------------------------------------------------------------------- IE8 styles. ----------------------------------------------------------------------------------------------- */ @media only screen and (min-width:64.0625em) { .entry-content .alignwide { margin-left: calc( -75vw / 2 + 100% / 2); margin-right: calc( -75vw / 2 + 100% / 2); max-width: 75vw; } } .entry-content .alignfull { margin-left: calc( -100vw / 2 + 100% / 2); margin-right: calc( -100vw / 2 + 100% / 2); max-width: 100vw; } .entry-content .has-medium-font-size { font-size: 1.1em; line-height: 1.45; } @media only screen and (min-width:64.0625em) { .with-sidebar .entry-content .alignwide { margin-left: 0; margin-right: 0; max-width: 100%; } } .with-sidebar .entry-content .alignfull { margin-left: 0; margin-right: 0; max-width: 100%; } [class*='wp-block-'], .wc-block-featured-product, .gbt_18_sk_social_media_wrapper, .gbt_18_sk_slider_wrapper, .gbt_18_sk_portfolio, .gbt_18_sk_banner { margin-bottom: 2.5rem; } .gbt_18_sk_categories_grid { margin-bottom: 1.25rem; } .gbt_18_sk_posts_grid { margin-bottom: 0.5rem; } .wp-block-cover.alignleft, .wp-block-cover.alignright, .wp-block-image.alignleft, .wp-block-image.alignright { margin-top: 1rem; margin-bottom: 1rem; } .wp-block-gallery { margin: 0 0 calc(2.5rem - 16px) 0; } @media all and (max-width: 480px) { .wp-block-gallery.alignright, .wp-block-gallery.alignleft { margin: 0; max-width: 100%; } } @media all and (min-width: 481px) { .wp-block-gallery.alignleft { margin: 0 1.5rem 0 0; } .wp-block-gallery.alignright { margin: 0 0 0 1.5rem; } } .wp-block-quote, .wp-block-quote.is-style-large { padding: 0 1em; } .wp-block-quote p, .wp-block-quote.is-style-large p { font-size: 1.875rem; font-style: normal; line-height: 1.333em; font-weight: 700; padding: 0; } @media all and (max-width: 767px) { .wp-block-quote p, .wp-block-quote.is-style-large p { font-size: 23px; } } .wp-block-quote cite, .wp-block-quote.is-style-large cite { font-size: 14px; text-align: left; } .wp-block-quote.is-style-large { margin-bottom: 2.5rem !important; } .entry-content > p + .wp-block-quote.is-style-large { margin-top: 2.5rem !important; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { margin-top: 1.5em; margin-bottom: 1.5em; } .wp-block-pullquote.is-style-solid-color.alignleft blockquote p, .wp-block-pullquote.is-style-solid-color.alignright blockquote p { font-size: 20px; } .wp-block-pullquote.is-style-solid-color.alignright blockquote { text-align: right; } .wp-block-pullquote blockquote { margin: 0 auto; max-width: 60%; } .wp-block-pullquote blockquote.has-text-color p, .wp-block-pullquote blockquote.has-text-color cite { color: inherit; } .wp-block-pullquote p { color: inherit; font-weight: 700; padding: 0; line-height: 1.333em; } .wp-block-pullquote cite { color: inherit; font-size: 14px; text-transform: inherit; } .wp-block-embed .responsive-embed.widescreen, .wp-block-embed .widescreen, .wp-block-embed .responsive-embed, .wp-block-embed .video-container { padding-bottom: 0; } .wp-block-embed .video-container { margin-top: 0; text-align: center; } .wp-block-embed .responsive-embed { position: initial; margin-bottom: 0; } .wp-block-table:not(.is-style-stripes) tbody tr:last-child td { border-bottom: 1px solid; } .wp-block-table td { padding: 0.5em; } .wp-block-button.aligncenter { margin-bottom: 1.5em; text-align: center; } .wp-block-button.is-style-squared .wp-block-button__link { border-radius: 0; } .wp-block-button a.wp-block-button__link { font-size: 13px; font-weight: bold; text-transform: uppercase; margin-bottom: 0; } .wp-block-file .wp-block-file__button { margin-bottom: 0; } .wp-block-cover::-webkit-scrollbar { display: none; } .wp-block-cover { -ms-overflow-style: none; } .wp-block-cover.alignwide, .wp-block-cover.alignfull { width: auto; } .wp-block-cover.has-parallax { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .wp-block-cover.alignright, .wp-block-cover.alignleft { margin-top: 0; margin-bottom: 1rem; } @media all and (max-width: 480px) { .wp-block-cover.alignright, .wp-block-cover.alignleft { width: 50% !important; } } .wp-block-cover.alignleft .wp-block-cover-text { text-align: left; } .wp-block-cover.alignright .wp-block-cover-text { text-align: right; } .wp-block-cover .wp-block-cover-text { color: #fff !important; font-weight: 400; margin: 10% !important; } @media all and (max-width: 480px) { .wp-block-cover .wp-block-cover-text { font-size: 24px; } } .wp-block-cover .wp-block-cover-text a { border-bottom: 1px solid #fff; } .wp-block-cover .wp-block-cover-text a:hover { border-bottom: 1px solid transparent; } .wp-block-media-text .wp-block-media-text__content p { font-weight: 700; } .wp-block-image { margin-bottom: 1.5em; position: relative; max-width: none !important; } .wp-block-image figure { position: relative; } @media all and (max-width: 480px) { .wp-block-image .aligncenter { width: 100% !important; margin-left: 0; margin-right: 0; } .wp-block-image .aligncenter img { width: 100%; } } @media all and (max-width: 480px) { .wp-block-image .alignright, .wp-block-image .alignleft { width: 50% !important; } .wp-block-image .alignright img, .wp-block-image .alignleft img { width: 100%; } } .wp-block-image.alignfull img, .wp-block-image.alignwide img { width: 100%; } .wp-block-image.alignleft figcaption { left: -25px; right: auto; } figure.wp-block-image img { max-width: 100%; } p.wp-block-subhead { font-weight: bold; font-style: normal; } .wp-block-code code { background: transparent; border: 0; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .wp-block-columns, .wp-block-text-columns { display: block; overflow: hidden; width: 100%; } } @media only screen and (max-width: 40em) { .wp-block-columns, .wp-block-text-columns { display: block; overflow: hidden; width: 100%; } } .wp-block-columns .wp-block-column, .wp-block-text-columns .wp-block-column { padding-right: 0.75rem; padding-left: 0.75rem; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .wp-block-columns .wp-block-column, .wp-block-text-columns .wp-block-column { width: 100% !important; padding: 0; margin: 0; } } @media only screen and (max-width: 40em) { .wp-block-columns .wp-block-column, .wp-block-text-columns .wp-block-column { width: 100% !important; padding: 0; margin: 0; } } .wp-block-columns .wp-block-column:first-child, .wp-block-text-columns .wp-block-column:first-child { padding-left: 0; } .wp-block-columns .wp-block-column:last-child, .wp-block-text-columns .wp-block-column:last-child { padding-right: 0; } @media only screen and (min-width: 62em) and (max-width: 74.94em) { .wp-block-columns.has-4-columns, .wp-block-columns.has-5-columns, .wp-block-columns.has-6-columns, .wp-block-columns.columns-4, .wp-block-text-columns.has-4-columns, .wp-block-text-columns.has-5-columns, .wp-block-text-columns.has-6-columns, .wp-block-text-columns.columns-4 { display: block; overflow: hidden; width: 100%; } .wp-block-columns.has-4-columns .wp-block-column, .wp-block-columns.has-5-columns .wp-block-column, .wp-block-columns.has-6-columns .wp-block-column, .wp-block-columns.columns-4 .wp-block-column, .wp-block-text-columns.has-4-columns .wp-block-column, .wp-block-text-columns.has-5-columns .wp-block-column, .wp-block-text-columns.has-6-columns .wp-block-column, .wp-block-text-columns.columns-4 .wp-block-column { width: 50%; float: left; margin: 0; } .wp-block-columns.has-4-columns .wp-block-column:nth-child(odd):not(:first-child), .wp-block-columns.has-5-columns .wp-block-column:nth-child(odd):not(:first-child), .wp-block-columns.has-6-columns .wp-block-column:nth-child(odd):not(:first-child), .wp-block-columns.columns-4 .wp-block-column:nth-child(odd):not(:first-child), .wp-block-text-columns.has-4-columns .wp-block-column:nth-child(odd):not(:first-child), .wp-block-text-columns.has-5-columns .wp-block-column:nth-child(odd):not(:first-child), .wp-block-text-columns.has-6-columns .wp-block-column:nth-child(odd):not(:first-child), .wp-block-text-columns.columns-4 .wp-block-column:nth-child(odd):not(:first-child) { clear: both; padding-left: 0; } .wp-block-columns.has-4-columns .wp-block-column:nth-child(even), .wp-block-columns.has-5-columns .wp-block-column:nth-child(even), .wp-block-columns.has-6-columns .wp-block-column:nth-child(even), .wp-block-columns.columns-4 .wp-block-column:nth-child(even), .wp-block-text-columns.has-4-columns .wp-block-column:nth-child(even), .wp-block-text-columns.has-5-columns .wp-block-column:nth-child(even), .wp-block-text-columns.has-6-columns .wp-block-column:nth-child(even), .wp-block-text-columns.columns-4 .wp-block-column:nth-child(even) { padding-right: 0; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .wp-block-columns.has-4-columns, .wp-block-columns.has-5-columns, .wp-block-columns.has-6-columns, .wp-block-columns.columns-4, .wp-block-text-columns.has-4-columns, .wp-block-text-columns.has-5-columns, .wp-block-text-columns.has-6-columns, .wp-block-text-columns.columns-4 { display: block; overflow: hidden; width: 100%; } .wp-block-columns.has-4-columns .wp-block-column, .wp-block-columns.has-5-columns .wp-block-column, .wp-block-columns.has-6-columns .wp-block-column, .wp-block-columns.columns-4 .wp-block-column, .wp-block-text-columns.has-4-columns .wp-block-column, .wp-block-text-columns.has-5-columns .wp-block-column, .wp-block-text-columns.has-6-columns .wp-block-column, .wp-block-text-columns.columns-4 .wp-block-column { width: 50%; float: left; margin: 0; } .wp-block-columns.has-4-columns .wp-block-column:nth-child(odd):not(:first-child), .wp-block-columns.has-5-columns .wp-block-column:nth-child(odd):not(:first-child), .wp-block-columns.has-6-columns .wp-block-column:nth-child(odd):not(:first-child), .wp-block-columns.columns-4 .wp-block-column:nth-child(odd):not(:first-child), .wp-block-text-columns.has-4-columns .wp-block-column:nth-child(odd):not(:first-child), .wp-block-text-columns.has-5-columns .wp-block-column:nth-child(odd):not(:first-child), .wp-block-text-columns.has-6-columns .wp-block-column:nth-child(odd):not(:first-child), .wp-block-text-columns.columns-4 .wp-block-column:nth-child(odd):not(:first-child) { clear: both; padding-left: 0; } .wp-block-columns.has-4-columns .wp-block-column:nth-child(even), .wp-block-columns.has-5-columns .wp-block-column:nth-child(even), .wp-block-columns.has-6-columns .wp-block-column:nth-child(even), .wp-block-columns.columns-4 .wp-block-column:nth-child(even), .wp-block-text-columns.has-4-columns .wp-block-column:nth-child(even), .wp-block-text-columns.has-5-columns .wp-block-column:nth-child(even), .wp-block-text-columns.has-6-columns .wp-block-column:nth-child(even), .wp-block-text-columns.columns-4 .wp-block-column:nth-child(even) { padding-right: 0; } } @media only screen and (max-width: 40em) { .wp-block-columns.has-4-columns, .wp-block-columns.has-5-columns, .wp-block-columns.has-6-columns, .wp-block-columns.columns-4, .wp-block-text-columns.has-4-columns, .wp-block-text-columns.has-5-columns, .wp-block-text-columns.has-6-columns, .wp-block-text-columns.columns-4 { display: block; overflow: hidden; width: 100%; } .wp-block-columns.has-4-columns .wp-block-column, .wp-block-columns.has-5-columns .wp-block-column, .wp-block-columns.has-6-columns .wp-block-column, .wp-block-columns.columns-4 .wp-block-column, .wp-block-text-columns.has-4-columns .wp-block-column, .wp-block-text-columns.has-5-columns .wp-block-column, .wp-block-text-columns.has-6-columns .wp-block-column, .wp-block-text-columns.columns-4 .wp-block-column { width: 50%; float: left; margin: 0; } .wp-block-columns.has-4-columns .wp-block-column:nth-child(odd):not(:first-child), .wp-block-columns.has-5-columns .wp-block-column:nth-child(odd):not(:first-child), .wp-block-columns.has-6-columns .wp-block-column:nth-child(odd):not(:first-child), .wp-block-columns.columns-4 .wp-block-column:nth-child(odd):not(:first-child), .wp-block-text-columns.has-4-columns .wp-block-column:nth-child(odd):not(:first-child), .wp-block-text-columns.has-5-columns .wp-block-column:nth-child(odd):not(:first-child), .wp-block-text-columns.has-6-columns .wp-block-column:nth-child(odd):not(:first-child), .wp-block-text-columns.columns-4 .wp-block-column:nth-child(odd):not(:first-child) { clear: both; padding-left: 0; } .wp-block-columns.has-4-columns .wp-block-column:nth-child(even), .wp-block-columns.has-5-columns .wp-block-column:nth-child(even), .wp-block-columns.has-6-columns .wp-block-column:nth-child(even), .wp-block-columns.columns-4 .wp-block-column:nth-child(even), .wp-block-text-columns.has-4-columns .wp-block-column:nth-child(even), .wp-block-text-columns.has-5-columns .wp-block-column:nth-child(even), .wp-block-text-columns.has-6-columns .wp-block-column:nth-child(even), .wp-block-text-columns.columns-4 .wp-block-column:nth-child(even) { padding-right: 0; } } .wp-block-latest-posts, .wp-block-categories, .wp-block-archives { margin-left: 0; margin-right: 0; } .wp-block-latest-posts li, .wp-block-categories li, .wp-block-archives li { list-style-type: none; } .wp-block-video video { width: 100%; } .wp-block-latest-posts li { margin-bottom: 16px; } .wp-block-latest-posts a { font-size: 24px; font-weight: 900; line-height: 36px; } .wp-block-latest-posts .wp-block-latest-posts__post-date { margin-bottom: 0; } .gbt_18_sk_categories_grid .gbt_18_sk_category_count { font-size: 13px; } @media all and (min-width: 63.9375em) { .gbt_18_sk_categories_grid .gbt_18_sk_category_name { font-size: 18px; } } .gbt_18_sk_posts_grid .gbt_18_sk_posts_grid_title { font-size: 24px; line-height: 1.4em; } @media all and (min-width: 640px) and (max-width: 1023px) { .gbt_18_sk_posts_grid .gbt_18_sk_posts_grid_title { font-size: 22px; } } @media all and (max-width: 639px) { .gbt_18_sk_posts_grid .gbt_18_sk_posts_grid_title { font-size: 20px; } } body .wp-block-woocommerce-handpicked-products ul.products, body .wp-block-woocommerce-product-best-sellers ul.products, body .wp-block-woocommerce-product-on-sale ul.products, body .wp-block-woocommerce-product-top-rated ul.products, body .wp-block-woocommerce-products-by-attribute ul.products, body .wp-block-woocommerce-product-category ul.products, body .wp-block-woocommerce-product-new ul.products, .woocommerce .wp-block-woocommerce-handpicked-products ul.products, .woocommerce .wp-block-woocommerce-product-best-sellers ul.products, .woocommerce .wp-block-woocommerce-product-on-sale ul.products, .woocommerce .wp-block-woocommerce-product-top-rated ul.products, .woocommerce .wp-block-woocommerce-products-by-attribute ul.products, .woocommerce .wp-block-woocommerce-product-category ul.products, .woocommerce .wp-block-woocommerce-product-new ul.products { margin-bottom: 0; } body .wp-block-woocommerce-handpicked-products.alignfull, body .wp-block-woocommerce-product-best-sellers.alignfull, body .wp-block-woocommerce-product-on-sale.alignfull, body .wp-block-woocommerce-product-top-rated.alignfull, body .wp-block-woocommerce-products-by-attribute.alignfull, body .wp-block-woocommerce-product-category.alignfull, body .wp-block-woocommerce-product-new.alignfull, .woocommerce .wp-block-woocommerce-handpicked-products.alignfull, .woocommerce .wp-block-woocommerce-product-best-sellers.alignfull, .woocommerce .wp-block-woocommerce-product-on-sale.alignfull, .woocommerce .wp-block-woocommerce-product-top-rated.alignfull, .woocommerce .wp-block-woocommerce-products-by-attribute.alignfull, .woocommerce .wp-block-woocommerce-product-category.alignfull, .woocommerce .wp-block-woocommerce-product-new.alignfull { padding: 0 1.6rem; } body .wp-block-woocommerce-handpicked-products.is-hidden-title li.product h3, body .wp-block-woocommerce-handpicked-products.is-hidden-title .yith-wcwl-add-to-wishlist, body .wp-block-woocommerce-product-best-sellers.is-hidden-title li.product h3, body .wp-block-woocommerce-product-best-sellers.is-hidden-title .yith-wcwl-add-to-wishlist, body .wp-block-woocommerce-product-on-sale.is-hidden-title li.product h3, body .wp-block-woocommerce-product-on-sale.is-hidden-title .yith-wcwl-add-to-wishlist, body .wp-block-woocommerce-product-top-rated.is-hidden-title li.product h3, body .wp-block-woocommerce-product-top-rated.is-hidden-title .yith-wcwl-add-to-wishlist, body .wp-block-woocommerce-products-by-attribute.is-hidden-title li.product h3, body .wp-block-woocommerce-products-by-attribute.is-hidden-title .yith-wcwl-add-to-wishlist, body .wp-block-woocommerce-product-category.is-hidden-title li.product h3, body .wp-block-woocommerce-product-category.is-hidden-title .yith-wcwl-add-to-wishlist, body .wp-block-woocommerce-product-new.is-hidden-title li.product h3, body .wp-block-woocommerce-product-new.is-hidden-title .yith-wcwl-add-to-wishlist, .woocommerce .wp-block-woocommerce-handpicked-products.is-hidden-title li.product h3, .woocommerce .wp-block-woocommerce-handpicked-products.is-hidden-title .yith-wcwl-add-to-wishlist, .woocommerce .wp-block-woocommerce-product-best-sellers.is-hidden-title li.product h3, .woocommerce .wp-block-woocommerce-product-best-sellers.is-hidden-title .yith-wcwl-add-to-wishlist, .woocommerce .wp-block-woocommerce-product-on-sale.is-hidden-title li.product h3, .woocommerce .wp-block-woocommerce-product-on-sale.is-hidden-title .yith-wcwl-add-to-wishlist, .woocommerce .wp-block-woocommerce-product-top-rated.is-hidden-title li.product h3, .woocommerce .wp-block-woocommerce-product-top-rated.is-hidden-title .yith-wcwl-add-to-wishlist, .woocommerce .wp-block-woocommerce-products-by-attribute.is-hidden-title li.product h3, .woocommerce .wp-block-woocommerce-products-by-attribute.is-hidden-title .yith-wcwl-add-to-wishlist, .woocommerce .wp-block-woocommerce-product-category.is-hidden-title li.product h3, .woocommerce .wp-block-woocommerce-product-category.is-hidden-title .yith-wcwl-add-to-wishlist, .woocommerce .wp-block-woocommerce-product-new.is-hidden-title li.product h3, .woocommerce .wp-block-woocommerce-product-new.is-hidden-title .yith-wcwl-add-to-wishlist { display: none; } body .wp-block-woocommerce-handpicked-products.is-hidden-rating li.product .star-rating, body .wp-block-woocommerce-product-best-sellers.is-hidden-rating li.product .star-rating, body .wp-block-woocommerce-product-on-sale.is-hidden-rating li.product .star-rating, body .wp-block-woocommerce-product-top-rated.is-hidden-rating li.product .star-rating, body .wp-block-woocommerce-products-by-attribute.is-hidden-rating li.product .star-rating, body .wp-block-woocommerce-product-category.is-hidden-rating li.product .star-rating, body .wp-block-woocommerce-product-new.is-hidden-rating li.product .star-rating, .woocommerce .wp-block-woocommerce-handpicked-products.is-hidden-rating li.product .star-rating, .woocommerce .wp-block-woocommerce-product-best-sellers.is-hidden-rating li.product .star-rating, .woocommerce .wp-block-woocommerce-product-on-sale.is-hidden-rating li.product .star-rating, .woocommerce .wp-block-woocommerce-product-top-rated.is-hidden-rating li.product .star-rating, .woocommerce .wp-block-woocommerce-products-by-attribute.is-hidden-rating li.product .star-rating, .woocommerce .wp-block-woocommerce-product-category.is-hidden-rating li.product .star-rating, .woocommerce .wp-block-woocommerce-product-new.is-hidden-rating li.product .star-rating { display: none; } body .wc-block-featured-product, .woocommerce .wc-block-featured-product { width: auto; } .wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before { padding-top: 0; } @font-face { font-family: 'woodstock'; src: url("../fonts/woodstock/woodstock.eot?421wez"); src: url("../fonts/woodstock/woodstock.eot?#iefix421wez") format("embedded-opentype"), url("../fonts/woodstock/woodstock.svg?421wez#woodstock") format("svg"), url("../fonts/woodstock/woodstock.woff?421wez") format("woff"), url("../fonts/woodstock/woodstock.ttf?421wez") format("truetype"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'woodstock'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-woodstock-icons-01:before { content: "\e600"; } .icon-woodstock-icons-02:before { content: "\e601"; } .icon-woodstock-icons-03:before { content: "\e602"; } .icon-woodstock-icons-04:before { content: "\e603"; } .icon-woodstock-icons-05:before { content: "\e604"; } .icon-woodstock-icons-06:before { content: "\e605"; } .icon-woodstock-icons-07:before { content: "\e606"; } .icon-woodstock-icons-08:before { content: "\e607"; } .icon-woodstock-icons-09:before { content: "\e608"; } .icon-woodstock-icons-10:before { content: "\e609"; } .icon-woodstock-icons-11:before { content: "\e60a"; } .icon-woodstock-icons-12:before { content: "\e60b"; } .icon-woodstock-icons-13:before { content: "\e60c"; } .icon-woodstock-icons-14:before { content: "\e60d"; } .icon-woodstock-icons-15:before { content: "\e60e"; } .icon-woodstock-icons-16:before { content: "\e60f"; } .icon-woodstock-icons-17:before { content: "\e610"; } .icon-woodstock-icons-18:before { content: "\e611"; } .icon-woodstock-icons-19:before { content: "\e612"; } .icon-woodstock-icons-20:before { content: "\e613"; } .icon-woodstock-icons-21:before { content: "\e614"; } .icon-woodstock-icons-22:before { content: "\e615"; } .icon-woodstock-icons-23:before { content: "\e616"; } .icon-woodstock-icons-24:before { content: "\e617"; } .icon-woodstock-icons-25:before { content: "\e618"; } .icon-woodstock-icons-26:before { content: "\e619"; } .icon-woodstock-icons-27:before { content: "\e61a"; } .icon-woodstock-icons-28:before { content: "\e61b"; } .icon-woodstock-icons-29:before { content: "\e61c"; } .icon-woodstock-icons-30:before { content: "\e61d"; } .icon-woodstock-icons-31:before { content: "\e61e"; } .icon-woodstock-icons-32:before { content: "\e61f"; } .icon-woodstock-icons-33:before { content: "\e620"; } .icon-woodstock-icons-34:before { content: "\e621"; } .icon-woodstock-icons-35:before { content: "\e622"; } .icon-woodstock-icons-36:before { content: "\e623"; } .icon-woodstock-icons-37:before { content: "\e624"; } .icon-woodstock-icons-38:before { content: "\e625"; } .icon-woodstock-icons-39:before { content: "\e626"; } .icon-woodstock-icons-40:before { content: "\e627"; } .icon-woodstock-icons-41:before { content: "\e628"; } .icon-woodstock-icons-42:before { content: "\e629"; } .icon-woodstock-icons-43:before { content: "\e62a"; } .icon-woodstock-icons-44:before { content: "\e62b"; } .icon-woodstock-icons-45:before { content: "\e62c"; } .icon-woodstock-icons-46:before { content: "\e62d"; } .icon-woodstock-icons-47:before { content: "\e62e"; } /*! Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome/fontawesome-webfont.eot?v=4.6.3"); src: url("../fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"), url("../fonts/fontawesome/fontawesome-webfont.woff2?v=4.6.3") format("woff2"), url("../fonts/fontawesome/fontawesome-webfont.woff?v=4.6.3") format("woff"), url("../fonts/fontawesome/fontawesome-webfont.ttf?v=4.6.3") format("truetype"), url("../fonts/fontawesome/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { -webkit-filter: none; filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } /** ----------------------------------------------------------------------------------------------- Button styles. ----------------------------------------------------------------------------------------------- */ .button, input[type="button"], input[type="reset"], input[type="submit"] { width: auto; background: #333; color: #fff; font-size: 12px; line-height: 19.2px; font-size: 0.75rem; line-height: 1.2rem; vertical-align: middle; letter-spacing: 0px; text-transform: uppercase; font-weight: bold; font-weight: 400; padding: 0 30px; height: 45px; line-height: 45px; border: none; background-image: none; text-align: center; text-shadow: none; box-shadow: 0px; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ border: none; margin: 0 0 7px 0; } /* VC Buttons */ .vc_btn3 { font-size: 13px; font-weight: bold; text-transform: uppercase; } .vc_btn3.vc_btn3-size-xs { font-size: 13px; padding: 10px 20px; } .vc_btn3.vc_btn3-size-sm { font-size: 13px; padding: 15px 30px; } .vc_btn3.vc_btn3-size-md { font-size: 13px; padding: 20px 40px; } .vc_btn3.vc_btn3-size-lg { font-size: 13px; padding: 26px 52px !important; } .vc_btn3.vc_btn3-style-custom { background-image: none !important; } /** ----------------------------------------------------------------------------------------------- Divider styles. ----------------------------------------------------------------------------------------------- */ hr { display: block; height: 1px; margin: 48px 0; border: none; background-color: rgba(0, 0, 0, 0.05); } .mc-dark hr { background-color: rgba(255, 255, 255, 0.05); } .content_hr { margin: 0 0 40px; padding: 0 15px; } .content_hr:nth-last-child(2) { margin-bottom: 0; } .content_hr:nth-last-child(1) { display: none; } /** ----------------------------------------------------------------------------------------------- Form styles. ----------------------------------------------------------------------------------------------- */ select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .coupon_code_wrapper #coupon_code { border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ height: 45px; height: 2.8125rem; padding: 0px 15px; padding: 0rem 0.9375rem; font-size: 14px; line-height: 22.4px; font-size: 0.875rem; line-height: 1.4rem; font-weight: normal !important; font-weight: 300 !important; background-color: rgba(0, 0, 0, 0.03); border: none; border-color: transparent; outline: 0 none; font-family: inherit; font-weight: normal; font-weight: 400; width: 100%; } .mc-dark select, .fc-dark select, .slide-from-left.snd-dark select, .mc-dark input[type="text"], .fc-dark input[type="text"], .slide-from-left.snd-dark input[type="text"], .mc-dark input[type="password"], .fc-dark input[type="password"], .slide-from-left.snd-dark input[type="password"], .mc-dark input[type="datetime"], .fc-dark input[type="datetime"], .slide-from-left.snd-dark input[type="datetime"], .mc-dark input[type="datetime-local"], .fc-dark input[type="datetime-local"], .slide-from-left.snd-dark input[type="datetime-local"], .mc-dark input[type="date"], .fc-dark input[type="date"], .slide-from-left.snd-dark input[type="date"], .mc-dark input[type="month"], .fc-dark input[type="month"], .slide-from-left.snd-dark input[type="month"], .mc-dark input[type="time"], .fc-dark input[type="time"], .slide-from-left.snd-dark input[type="time"], .mc-dark input[type="week"], .fc-dark input[type="week"], .slide-from-left.snd-dark input[type="week"], .mc-dark input[type="number"], .fc-dark input[type="number"], .slide-from-left.snd-dark input[type="number"], .mc-dark input[type="email"], .fc-dark input[type="email"], .slide-from-left.snd-dark input[type="email"], .mc-dark input[type="url"], .fc-dark input[type="url"], .slide-from-left.snd-dark input[type="url"], .mc-dark input[type="search"], .fc-dark input[type="search"], .slide-from-left.snd-dark input[type="search"], .mc-dark input[type="tel"], .fc-dark input[type="tel"], .slide-from-left.snd-dark input[type="tel"], .mc-dark input[type="color"], .fc-dark input[type="color"], .slide-from-left.snd-dark input[type="color"], .mc-dark .coupon_code_wrapper #coupon_code, .fc-dark .coupon_code_wrapper #coupon_code, .slide-from-left.snd-dark .coupon_code_wrapper #coupon_code { background-color: rgba(255, 255, 255, 0.05); color: #fff; } .woocommerce-invalid-required-field input.input-text { background-color: rgba(231, 33, 33, 0.05); } .mc-dark .woocommerce-invalid-required-field input.input-text { background-color: rgba(253, 139, 139, 0.05); } textarea { background-color: rgba(0, 0, 0, 0.03); padding: 15px; padding: 0.9375rem; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ border: none; border-color: transparent; } .mc-dark textarea, .fc-dark textarea, .slide-from-left.snd-dark textarea { background-color: rgba(255, 255, 255, 0.05); } .woocommerce form .form-row { padding: 0px; margin: 0 0 6px; } label { color: #000; margin-top: 10px; margin-bottom: 8px; text-transform: uppercase; font-size: 13px; line-height: 20.8px; font-size: 0.8125rem; line-height: 1.3rem; line-height: 18px !important; font-weight: 600; } label .required { color: rgba(0, 0, 0, 0.4) !important; } .mc-dark label, .fc-dark label, .slide-from-left.snd-dark label { color: #fff; } .mc-dark label .required, .fc-dark label .required, .slide-from-left.snd-dark label .required { color: rgba(255, 255, 255, 0.4) !important; } .variation-select select { background-image: none; } /* Placeholder */ *::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.5); } .mc-dark *::-webkit-input-placeholder, .slide-from-left.snd-dark *::-webkit-input-placeholder, .fc-dark *::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } *:-moz-placeholder { /* FF 4-18 */ color: rgba(0, 0, 0, 0.9); } .mc-dark *:-moz-placeholder, .slide-from-left.snd-dark *:-moz-placeholder, .fc-dark *:-moz-placeholder { color: rgba(255, 255, 255, 0.5); } *::-moz-placeholder { /* FF 19+ */ color: rgba(0, 0, 0, 0.9); } .mc-dark *::-moz-placeholder, .slide-from-left.snd-dark *::-moz-placeholder, .fc-dark *::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } *:-ms-input-placeholder { /* IE 10+ */ color: rgba(0, 0, 0, 0.9); } .mc-dark *:-ms-input-placeholder, .slide-from-left.snd-dark *:-ms-input-placeholder, .fc-dark *:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } *:focus::-webkit-input-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } *:focus:-moz-placeholder { opacity: 0; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } *:focus::-moz-placeholder { opacity: 0; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } *:focus:-ms-input-placeholder { opacity: 0; -ms-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /*select2*/ .cart-collaterals select { color: rgba(0, 0, 0, 0.75); font-weight: bold; } .big-select:hover { background-color: transparent; } .big-select:focus { outline: none; } .select2-container { font-size: 11px !important; text-transform: uppercase; border: none; background-color: transparent; font-family: inherit; font-size: inherit; color: #000; font-weight: inherit; -webkit-appearance: none; -moz-appearance: none; padding: 0; margin: 0; font-weight: normal; opacity: 1; width: 100%; line-height: 1; } .mc-dark .select2-container { color: #fff; } .select2-container.country_to_state { width: 100% !important; } .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices, .select2-container .select2-choice { background: none; border: none; border-radius: 0; -webkit-filter: none; filter: none; color: #000; font-weight: normal; padding: 0; padding-right: 26px; box-shadow: none; height: auto; line-height: 1; } .mc-dark .select2-dropdown-open.select2-drop-above .select2-choice, .mc-dark .select2-dropdown-open.select2-drop-above .select2-choices, .mc-dark .select2-container .select2-choice { color: #fff; } .select2-container .select2-choice > .select2-chosen { margin: 0; } .select2-container .select2-choice .select2-arrow { background: none; background-image: none; -webkit-filter: none; filter: none; border: none; border-radius: 0; font-size: 0.692em; line-height: 1em; box-shadow: none; } .select2-results { font-size: 13px; margin: 0; padding: 5px 0; } .select2-drop { min-width: 250px !important; border: none; margin-top: 0px; margin-left: 0px; box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.1); border-radius: 0; } .select2-drop.select2-drop-above { margin-bottom: 6px; } .select2-drop.select2-drop-above.select2-drop-active { border: 0; border-radius: 0; box-shadow: none; } .select2-results .select2-result-label { padding: 3px 16px 4px; } .select2-offscreen, .select2-offscreen:focus { border: 0 none !important; clip: rect(0px, 0px, 0px, 0px) !important; height: 26px !important; left: 0 !important; margin: 0 !important; outline: 0 none !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; top: 0 !important; width: 1px !important; } .catalog_top .select2-container { padding-top: 12px; } .catalog_top .select2-container .select2-choice { font-weight: bold; } .catalog_top .select2-container .select2-choice .select2-arrow { font-size: 18px; line-height: 13px; } .catalog_top .select2-container .select2-choice .select2-arrow:before { display: block; line-height: 13px; } .variations .select2-container .select2-choice { line-height: 37px; } .variations .select2-container .select2-choice > .select2-chosen { line-height: inherit; } .variations .select2-container .select2-choice .select2-arrow:before { line-height: 37px; } .select2-container.select2-container-disabled, .select2-container.select2-container-disabled .select2-choice, .select2-container.select2-container-disabled .select2-choice .select2-arrow { background: none; border: none; } .wpcf7-textarea { width: 100%; } .widget .mc4wp-form .mc4wp-form-fields { position: relative; } .widget .mc4wp-form input[type="email"] { width: 100%; padding-right: 37%; } .widget .mc4wp-form input[type="submit"] { position: absolute; right: 0; top: 0; border: none; text-transform: uppercase; padding: 0 20px; border-radius: 0 5px 5px 0; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } /** ----------------------------------------------------------------------------------------------- Table styles. ----------------------------------------------------------------------------------------------- */ /** ----------------------------------------------------------------------------------------------- Slider styles. ----------------------------------------------------------------------------------------------- */ /* Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* Core Owl Carousel CSS File */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { display: none; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } /* Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* Default theme - Owl Carousel CSS File */ .owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*='owl-']:hover { background: #869791; color: #FFF; text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-dots .owl-dot span { width: 7px; height: 7px; margin: 5px 7px; background: rgba(0, 0, 0, 0.1); display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: rgba(0, 0, 0, 0.5); } .product_thumbnail_wrapper.owl-carousel .item img { display: block; width: 100%; height: auto; } /** ----------------------------------------------------------------------------------------------- Other styles. ----------------------------------------------------------------------------------------------- */ .vc_tta.vc_general .vc_tta-panel-body { z-index: 999; } .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab > a { font-size: 20px !important; color: #000 !important; } .vc_tta-tabs-container .vc_tta-title-text { font-weight: 600 !important; } .vc_separator h4 { font-size: 160% !important; } /** ----------------------------------------------------------------------------------------------- Shortcodes styles. ----------------------------------------------------------------------------------------------- */ /* Visual Composer Rows */ /* Front-end editor */ .vc_empty-placeholder { margin-bottom: 0; } .vc_row-fluid.parallax { background-size: cover; background-position: center center; background-repeat: no-repeat; } .full-width-page .content-area { padding: 0; } .full-width-page .row-fluid { margin: 0 -15px; } .full-width-page .row { padding: 0; max-width: none; background-repeat: no-repeat; background-position: center top; } .vc_row { margin-left: 0px !important; margin-right: 0px !important; } /* Add to Cart Button */ .wpb_wrapper .add_to_cart_inline { border: none !important; padding: 0 0 35px !important; margin: 0; } .wpb_wrapper .add_to_cart_inline:after { content: ""; display: block; clear: both; } .wpb_wrapper .add_to_cart_inline .amount { display: inline-block; font-size: 30px; line-height: 48px; font-size: 1.875rem; line-height: 3rem; line-height: 1; position: relative; } .wpb_wrapper .add_to_cart_inline del .amount { color: inherit; font-size: 22px; line-height: 35.2px; font-size: 1.375rem; line-height: 2.2rem; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); display: inline; } .wpb_wrapper .add_to_cart_inline ins { background-color: transparent; } .wpb_wrapper .add_to_cart_inline .add_to_cart_separator { content: ""; display: block; clear: both; } .wpb_wrapper .add_to_cart_inline a.button { margin-top: 20px; } .add_to_cart_inline .add_to_cart_button:focus { border: 0; } .wpb_wrapper .product.woocommerce .add_to_cart_button.added:first-of-type { /*display: none;*/ } .shortcode_single_product li { width: 100% !important; } /* Banner */ .shortcode_banner_simple_height { cursor: pointer; margin-bottom: 30px; clear: both; position: relative; } .shortcode_banner_simple_height_inner { padding: 20px; overflow: hidden; position: relative; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .shortcode_banner_simple_height_inner:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; } .shortcode_banner_simple_height_inner:hover:before { background: rgba(0, 0, 0, 0.2); } .shortcode_banner_simple_height_bkg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; background-size: cover; background-repeat: no-repeat; background-position: center; transition: all 1s ease; z-index: 2; } .shortcode_banner_simple_height:hover .shortcode_banner_simple_height_bkg { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); } .shortcode_banner_simple_height:hover { background-size: 115%; } .shortcode_banner_simple_height_inside { padding: 20px; text-align: center; border: 2px solid #fff; transition: all 0.2s linear; display: table; width: 100%; box-sizing: border-box; position: relative; z-index: 5; } .shortcode_banner_simple_height_content { display: table-cell; vertical-align: middle; text-align: center; position: relative; z-index: 999; } .shortcode_banner_simple_height_inside h3 { padding: 0; margin: 0; font-size: 28px; line-height: 44.8px; font-size: 1.75rem; line-height: 2.8rem; line-height: 34px; } .shortcode_banner_simple_height_inside h3 strong { font-size: 28px; } .shortcode_banner_simple_height_inside h3 a { text-decoration: underline; } .shortcode_banner_simple_height_inside h4 { padding: 0; margin: 0; font-size: 20px; line-height: 32px; font-size: 1.25rem; line-height: 2rem; line-height: 20px; font-weight: 300; } .shortcode_banner_simple_height_inside h4 a { text-decoration: underline; } .shortcode_banner_simple_height_sep { width: 20%; height: 2px; background: #fff; margin: 5px auto; } .shortcode_banner_simple_height_bullet { display: table; width: 180px; height: 180px; background: #000; border-radius: 50%; text-align: center; text-transform: uppercase; color: #fff; line-height: 1.3em; position: absolute; top: 50%; margin-top: -90px; right: 30px; z-index: 4; } .shortcode_banner_simple_height_bullet strong { font-size: 18px; line-height: 1.5em; } .shortcode_banner_simple_height_bullet span { display: table-cell; vertical-align: middle; font-weight: 700; padding: 20px; } /**********************************************************************************/ /* Visual Composer Shortcodes ****************************************************/ /**********************************************************************************/ /*general*/ .wpb_wrapper h1, .wpb_wrapper h2, .wpb_wrapper h3, .wpb_wrapper h4, .wpb_wrapper h5, .wpb_wrapper h5, .wpb_wrapper h6, .wpb_wrapper h1 a, .wpb_wrapper p { color: inherit; } .wpb_wrapper #products-grid > li > a { color: inherit; } .wpb_wrapper #products-grid { margin-top: 5px; } .full-width-page .wpb_wrapper div[id^="gallery-"], .full-width-page .wpb_alert.wpb_content_element, .full-width-page .wpb_wrapper .wpb_gmaps_widget, .full-width-page .wpb_wrapper #map_container, .full-width-page .wpb_wrapper .wpb_revslider_element, .full-width-page .wpb_wrapper .portfolio-isotope-container, .full-width-page .lookbook { margin-left: -30px !important; margin-right: -30px !important; } .full-width-page .boxed-row .wpb_wrapper .gallery, .full-width-page .boxed-row .wpb_alert.wpb_content_element, .full-width-page .boxed-row .wpb_wrapper .wpb_gmaps_widget, .full-width-page .boxed-row .wpb_wrapper #map_container, .full-width-page .boxed-row .wpb_wrapper .wpb_revslider_element, .full-width-page .boxed-row .wpb_wrapper .portfolio-isotope-container { margin-left: 0px !important; margin-right: 0px !important; } .wpb_wrapper .owl-wrapper-outer .gallery { margin-left: 0px !important; margin-right: 0px !important; } .wpb_tabs.wpb_content_element .wpb_alert.wpb_content_element, .wpb_tour.wpb_content_element .wpb_alert.wpb_content_element, .wpb_accordion.wpb_content_element .wpb_alert.wpb_content_element { margin-left: 0px !important; margin-right: 0px !important; } .wpb_wrapper .wpb_content_element .gallery { margin-bottom: -35px !important; } .wpb_gmaps_widget.wpb_content_element { margin-bottom: 0; } .wpb_wrapper .site-social-icons-shortcode ul li a { color: inherit; } /* Visual Composer Rows */ /* Front-end editor */ .vc_empty-placeholder { margin-bottom: 0; } .vc_row-fluid.parallax { background-size: cover; background-position: center center; background-repeat: no-repeat; } .full-width-page .content-area { padding: 0; } .full-width-page .row-fluid { margin: 0 -15px; } .full-width-page .row { padding: 0; max-width: none; background-repeat: no-repeat; background-position: center top; } .full-width-page .boxed-row { max-width: 1290px; margin: 0 auto; } .full-width-page .row .boxed-row .row { margin-left: 0; margin-right: 0; } .boxed-row .vc_row-fluid .vc_row-fluid { margin-left: -15px; margin-right: -15px; } /*Tabs & Tour Sections*/ .wpb_tabs.wpb_content_element #products-grid { margin-top: 0; } .wpb_tabs.wpb_content_element .wpb_tabs_nav { list-style: none; padding: 0; margin: 0 auto; overflow: hidden; position: relative; text-align: center; background: none; } .wpb_tour.wpb_content_element .wpb_tabs_nav { width: 100%; } .wpb_tour.wpb_content_element .wpb_tabs_nav li, .wpb_tabs.wpb_content_element .wpb_tabs_nav li { display: block; float: none; background: none; padding: 0; margin: 0; } .wpb_tabs.wpb_content_element .wpb_tabs_nav li:first-child { margin-left: 0; } .wpb_tour.wpb_content_element .wpb_tabs_nav li:hover, .wpb_tabs.wpb_content_element .wpb_tabs_nav li:hover { background: none; } .wpb_tour.wpb_content_element .wpb_tabs_nav li.ui-tabs-active, .wpb_tabs.wpb_content_element .wpb_tabs_nav li.ui-tabs-active { background: none; } .wpb_tour.wpb_content_element .wpb_tabs_nav li a, .wpb_tabs.wpb_content_element .wpb_tabs_nav li a { display: block; color: inherit; font-size: 1.2857em; padding: .8em 0; text-shadow: none; text-decoration: none; border-bottom: 1px solid; opacity: 0.45; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; } .wpb_tour.wpb_content_element .wpb_tabs_nav li a { font-size: 0.8125rem; text-transform: uppercase; } .wpb_tour.wpb_content_element .wpb_tabs_nav li a:hover, .wpb_tabs.wpb_content_element .wpb_tabs_nav li a:hover { opacity: 0.55; } .wpb_tour.wpb_content_element .wpb_tabs_nav li.ui-tabs-active a, .wpb_tabs.wpb_content_element .wpb_tabs_nav li.ui-tabs-active a { color: inherit; background: none; border-bottom: 2px solid; opacity: 1; } .wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab { width: 100%; padding: 21px 0 30px 0; } .wpb_tour.wpb_content_element .wpb_tour_next_prev_nav { width: 100%; margin-left: 0; padding-left: 0; padding-right: 0; } .wpb_tour.wpb_content_element .wpb_tour_next_prev_nav span { padding-top: 20px; border-top: 1px solid #ddd; width: 50%; } .wpb_tour.wpb_content_element .wpb_tour_next_prev_nav span a { font-size: 0.875rem; border-bottom: none; } .wpb_tour.wpb_content_element .wpb_tour_next_prev_nav span a:before, .wpb_tour.wpb_content_element .wpb_tour_next_prev_nav span a:after { display: inline-block; font-size: 16px; font-style: normal; line-height: 1; -webkit-font-smoothing: antialiased; } .wpb_tour.wpb_content_element .wpb_tour_next_prev_nav .wpb_prev_slide a:before { content: "\2190"; margin-right: 8px; } .wpb_tour.wpb_content_element .wpb_tour_next_prev_nav .wpb_next_slide a:after { content: "\2192"; margin-left: 8px; } .wpb_tabs.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header, .wpb_tabs.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab { background: none; border: 0; padding: 35px 0; margin: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: .7s; animation-duration: .7s; /*-webkit-animation-name: flipY; -moz-animation-name: flipY; -o-animation-name: flipY; animation-name: flipY;*/ -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .vc_tta.vc_general .vc_tta-tab > a { padding: 16px 32px; } .vc_tta-title-text { font-size: 18px; } /* Tabs/Accordions/Toggles/Tour fix - jQuery ui */ .wpb_tabs .ui-widget-content, .wpb_accordion .ui-widget-content, .wpb_tour .ui-widget-content { border: none; } .wpb_tabs .ui-widget-header, .wpb_accordion .ui-widget-header, .wpb_tour .ui-widget-header { border: none; background: none; } .wpb_tabs .ui-state-default, .wpb_tabs .ui-widget-content .ui-state-default, .wpb_tabs .ui-widget-header .ui-state-default, .wpb_accordion .ui-state-default, .wpb_accordion .ui-widget-content .ui-state-default, .wpb_accordion .ui-widget-header .ui-state-default { border: none; } .wpb_accordion .ui-accordion .ui-accordion-header .ui-icon { font-size: 1rem; line-height: 1; left: auto; margin-top: 0; text-indent: 0; overflow: visible; } .wpb_tabs .ui-corner-all, .wpb_accordion .ui-corner-all { border-radius: 0; } .wpb_tabs .wpb_tabs_nav:after { visibility: visible; } .wpb_tabs .ui-tabs .ui-tabs-nav li { top: 0; } .wpb_tabs .ui-tabs .ui-tabs-nav li a { float: none; font-weight: bold; } .wpb_tour .ui-helper-reset, .wpb_tabs .ui-helper-reset, .wpb_accordion .ui-helper-reset { line-height: 1.714em; } .wpb_tour.wpb_content_element .wpb_tabs_nav li, .wpb_tabs.wpb_content_element .wpb_tabs_nav li { border: none; } /*Message Boxes*/ .wpb_alert.wpb_content_element { border-radius: 0; } .wpb_alert.wpb_content_element.wpb_alert-info, .wpb_alert.wpb_content_element.wpb_alert-warning, .wpb_alert.wpb_content_element.wpb_alert-success, .wpb_alert.wpb_content_element.wpb_alert-danger { border: none; padding: 22px 30px; text-shadow: none; } .wpb_alert.wpb_content_element.wpb_alert-info { color: #1e85be; border-top: 2px solid #1e85be; background: #f4f9fc; } .wpb_alert.wpb_content_element.wpb_alert-warning { color: #fca103; border-top: 2px solid #fca103; background: #fffaf2; } .wpb_alert.wpb_content_element.wpb_alert-success { color: #8fae1b; border-top: 2px solid #8fae1b; background: #f9fbf3; } .wpb_alert.wpb_content_element.wpb_alert-danger { color: #b81c23; border-top: 2px solid #b81c23; background: #fdf8f8; } .wpb_alert.wpb_content_element .messagebox_text { padding-left: 27px; position: relative; background: none; } .wpb_alert.wpb_content_element .messagebox_text:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 4px; top: 2px; } .wpb_alert.wpb_content_element.wpb_alert-info .messagebox_text:before { content: "\f129"; } .wpb_alert.wpb_content_element.wpb_alert-warning .messagebox_text:before { content: "\f12a"; } .wpb_alert.wpb_content_element.wpb_alert-success .messagebox_text:before { content: "\f00c"; left: 0px; } .wpb_alert.wpb_content_element.wpb_alert-danger .messagebox_text:before { content: "\f00d"; left: 1px; } /* Buttons */ .add_to_cart_inline .button { border-radius: 0 !important; padding: 11px 20px !important; font-size: 11px !important; line-height: 14px !important; font-weight: normal; font-weight: 300; height: auto !important; } .add_to_cart_inline .button span.button-loader { margin-top: 2px !important; } .add_to_cart_inline .button span.button-loader:after { width: 11px !important; height: 11px !important; } .add_to_cart_inline .button.vc_btn_sm span.button-loader { margin-top: 2px !important; } .add_to_cart_inline .button.vc_btn_sm span.button-loader:after { width: 12px !important; height: 12px !important; } .add_to_cart_inline .button.vc_btn_md span.button-loader { margin-top: 2px !important; } .add_to_cart_inline .button.vc_btn_md span.button-loader:after { width: 13px !important; height: 13px !important; } .add_to_cart_inline .button.vc_btn_lg span.button-loader { margin-top: 2px !important; } .add_to_cart_inline .button.vc_btn_lg span.button-loader:after { width: 14px !important; height: 14px !important; } .add_to_cart_inline .button.vc_btn_xs, .add_to_cart_inline .button.vc_btn_sm, .add_to_cart_inline .button.vc_btn_md, .add_to_cart_inline .button.vc_btn_lg { border-radius: 0; font-size: 12px; font-weight: bold; font-weight: 400; text-transform: uppercase; text-align: center; height: auto; width: auto; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; transition: padding 0.3s, min-width 0.3s, opacity 0.3s; -webkit-transition: padding 0.3s, min-width 0.3s, opacity 0.3s; } .add_to_cart_inline .button:hover { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .add_to_cart_inline .button.vc_btn_rounded:before, .add_to_cart_inline .button.vc_btn_rounded_outlined:before, .add_to_cart_inline .button.vc_btn_rounded_outlined .outlined_background, .add_to_cart_inline .button.vc_btn_rounded_outlined, .add_to_cart_inline .button.vc_btn_sm.vc_btn_rounded, .add_to_cart_inline .button.vc_btn_md.vc_btn_rounded, .add_to_cart_inline .button.vc_btn_lg.vc_btn_rounded, .add_to_cart_inline .button.vc_btn_xs.vc_btn_rounded_outlined, .add_to_cart_inline .button.vc_btn_sm.vc_btn_rounded_outlined, .add_to_cart_inline .button.vc_btn_md.vc_btn_rounded_outlined, .add_to_cart_inline .button.vc_btn_lg.vc_btn_rounded_outlined { border-radius: 100px !important; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } .add_to_cart_inline .button.vc_btn_sm { font-weight: 600 !important; font-size: 12px !important; line-height: 16px !important; padding: 13px 25px !important; } .add_to_cart_inline .button.vc_btn_md { font-weight: 600 !important; font-size: 14px !important; line-height: 18px !important; padding: 16px 35px !important; } .add_to_cart_inline .button.vc_btn_lg { font-weight: 600 !important; font-size: 18px !important; line-height: 20px !important; padding: 20px 50px !important; } .add_to_cart_inline .button.vc_btn_xs.vc_btn_square_outlined, .add_to_cart_inline .button.vc_btn_sm.vc_btn_square_outlined, .add_to_cart_inline .button.vc_btn_md.vc_btn_square_outlined, .add_to_cart_inline .button.vc_btn_lg.vc_btn_square_outlined, .add_to_cart_inline .button.vc_btn_xs.vc_btn_rounded_outlined, .add_to_cart_inline .button.vc_btn_sm.vc_btn_rounded_outlined, .add_to_cart_inline .button.vc_btn_md.vc_btn_rounded_outlined, .add_to_cart_inline .button.vc_btn_lg.vc_btn_rounded_outlined { position: relative; } .add_to_cart_inline .button.vc_btn_square_outlined, .add_to_cart_inline .button.vc_btn_rounded_outlined, .add_to_cart_inline .button.vc_btn_xs.vc_btn_square_outlined, .add_to_cart_inline .button.vc_btn_xs.vc_btn_rounded_outlined { border: 1px solid; } .add_to_cart_inline .button.vc_btn_sm.vc_btn_square_outlined, .add_to_cart_inline .button.vc_btn_md.vc_btn_square_outlined, .add_to_cart_inline .button.vc_btn_sm.vc_btn_rounded_outlined, .add_to_cart_inline .button.vc_btn_md.vc_btn_rounded_outlined { border: 2px solid; } .add_to_cart_inline .button.vc_btn_lg.vc_btn_square_outlined, .add_to_cart_inline .button.vc_btn_lg.vc_btn_rounded_outlined { border: 3px solid; } .button_text { position: relative; z-index: 5; } /**********************************************************************************/ /* Blog List **********************************************************************/ /**********************************************************************************/ .from-the-blog-list-wrapper { display: block; position: relative; } .blog-list-item { position: relative; margin: 0px; margin-bottom: 10px; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .blog-list-item { margin-bottom: 0px; } } @media only screen and (max-width: 40em) { .blog-list-item { margin-bottom: 0px; } } .blog_list_img_link { display: block; overflow: hidden; position: relative; width: 100%; } .blog_list_overlay { display: block; background: rgba(0, 0, 0, 0.3); position: absolute; width: 100%; height: 100%; z-index: 2; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; } .blog_list_img { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; -webkit-transform: scale(1); transform: scale(1); transition: -webkit-transform 2s ease; transition: transform 2s ease; transition: transform 2s ease, -webkit-transform 2s ease; } .blog_list_img_link:hover .blog_list_img { -webkit-transform: scale(1.1); transform: scale(1.1); } .blog-list-content-wrapper { display: table; color: #fff; padding: 50px 0px; width: 100%; position: relative; z-index: 10; } .blog-list-content-inner { display: table-row; } .blog-list-comment { position: relative; display: table-cell; vertical-align: top; text-align: left; padding-left: 30px; width: 80px; min-width: 80px; } .blog-list-comment i { color: rgba(255, 255, 255, 0.5); position: relative; font-size: 42px; line-height: 67.2px; font-size: 2.625rem; line-height: 4.2rem; line-height: 44px; } .blog-list-comment i span { font-size: 12px !important; font-weight: 400 !important; text-align: center; position: absolute; top: 9px; left: 42%; } .blog-list-content { display: table-cell; vertical-align: top; padding-left: 18px; padding-right: 30px; } .blog-list-title { font-size: 30px; line-height: 36px; margin: 0 0 5px 0; } .blog-list-date { display: block; font-size: 14px; line-height: 20px; font-weight: 600; text-transform: uppercase; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } /**********************************************************************************/ /* Blog Slider ********************************************************************/ /**********************************************************************************/ .from-the-blog-wrapper { margin: 0px; } .from-the-blog-wrapper .carousel-title { margin-left: 15px; margin-bottom: 20px; margin-top: 0; } .from-the-blog-wrapper .owl-nav { display: block !important; } .from-the-blog-wrapper .owl-nav { position: absolute !important; top: -63px !important; right: 15px !important; width: 50px !important; height: 40px !important; } .from-the-blog-wrapper .owl-nav .owl-prev, .from-the-blog-wrapper .owl-nav .owl-next { top: 0 !important; padding: 0 !important; width: 40px !important; height: 40px !important; line-height: 40px !important; background-color: rgba(0, 0, 0, 0.05) !important; box-shadow: none !important; } .mc-dark .from-the-blog-wrapper .owl-nav .owl-prev, .mc-dark .from-the-blog-wrapper .owl-nav .owl-next { background-color: rgba(255, 255, 255, 0.05) !important; } .mc-dark .from-the-blog-wrapper .owl-nav .owl-prev:after, .mc-dark .from-the-blog-wrapper .owl-nav .owl-next:after { color: #fff !important; } .from-the-blog-wrapper .owl-nav .owl-prev.disabled, .from-the-blog-wrapper .owl-nav .owl-next.disabled { opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); } .from-the-blog-wrapper .owl-nav .owl-prev { left: auto !important; right: 43px !important; } .from-the-blog-wrapper .owl-nav .owl-next { right: 0px !important; } .from_the_blog_item { padding: 0 15px 0 15px; height: 280px; } .from_the_blog_item .from_the_blog_content .post_header_date .comments-link { margin-right: 0; } .from_the_blog_item .from_the_blog_content_desc { width: 100%; position: absolute; bottom: 0; left: 0; z-index: 999; color: #fff; } .from_the_blog_item .from_the_blog_content_desc h3 { padding: 0 25px; margin: 0; font-size: 26px; line-height: 41.6px; font-size: 1.625rem; line-height: 2.6rem; line-height: 32px; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .from_the_blog_item .from_the_blog_content_desc h3 { font-size: 22px; line-height: 35.2px; font-size: 1.375rem; line-height: 2.2rem; line-height: 26px; } } @media only screen and (max-width: 40em) { .from_the_blog_item .from_the_blog_content_desc h3 { font-size: 22px; line-height: 35.2px; font-size: 1.375rem; line-height: 2.2rem; line-height: 26px; } } .from_the_blog_item .from_the_blog_content_desc .blog-slider-meta { display: block; margin: 10px 25px 25px; padding-top: 5px; border-top: 1px solid rgba(255, 255, 255, 0.2); } .from_the_blog_item .from_the_blog_content_desc .blog-slider-meta span { font-size: 14px; line-height: 26px; font-weight: 400; margin-right: 10px; } .from_the_blog_item .from_the_blog_content_desc .blog-slider-meta span:before { font-size: 12px; display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 7px; font-family: "fontawesome"; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); } .from_the_blog_item .from_the_blog_content_desc .blog-slider-meta .blog-slider-date:before { content: "\f073"; } .from_the_blog_item .from_the_blog_content_desc .blog-slider-meta .blog-slider-comments:before { content: "\f0e6"; } .from_the_blog_item.gallery { margin: 0 !important; } .from_the_blog_overlay { display: block; position: absolute; width: 100%; height: 100%; z-index: 2; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */ } .from_the_blog_img_link { display: block; overflow: hidden; position: relative; height: 100%; width: 100%; z-index: 999; } .from_the_blog_img { display: block; position: relative; width: 100%; height: 100%; background-position: center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; transition: -webkit-transform 2s ease; transition: transform 2s ease; transition: transform 2s ease, -webkit-transform 2s ease; } .from_the_blog_item:hover .from_the_blog_img { transform: translateZ(0) scale(1.1, 1.1); -moz-transform: translateZ(0) scale(1.1, 1.1); -webkit-transform: translateZ(0) scale(1.1, 1.1); -ms-transform: none; -webkit-transform-style: preserve-3d; } .grabbing .from_the_blog_item:hover .from_the_blog_img { transform: none; -moz-transform: none; -webkit-transform: none; -ms-transform: none; } .with_thumb_icon, .no_thumb_icon { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); position: absolute; width: 50px; height: 50px; display: block; top: 25px; left: 25px; text-align: center; color: #fff; line-height: 50px; z-index: 3; } .no_thumb_icon { opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); } .no_thumb_icon:before, .with_thumb_icon:before { display: inline-block; vertical-align: middle; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; z-index: 3; } .with_thumb_icon:before, .no_thumb_icon:before { font-size: 50px; } .no_thumb.standard .no_thumb_icon:before, .from_the_blog_item.standard .with_thumb_icon:before { content: "\f15c"; } .no_thumb.status .no_thumb_icon:before, .from_the_blog_item.status .with_thumb_icon:before { content: "\f075"; } .no_thumb.link .no_thumb_icon:before, .from_the_blog_item.link .with_thumb_icon:before { content: "\f0c1"; } .no_thumb.video .no_thumb_icon:before, .from_the_blog_item.video .with_thumb_icon:before { content: "\f16a"; } .no_thumb.audio .no_thumb_icon:before, .from_the_blog_item.audio .with_thumb_icon:before { content: "\f001"; } .no_thumb.aside .no_thumb_icon:before, .from_the_blog_item.aside .with_thumb_icon:before { content: "\f15b"; } .no_thumb.quote .no_thumb_icon:before, .from_the_blog_item.quote .with_thumb_icon:before { content: "\f10d"; } .no_thumb.image .no_thumb_icon:before, .from_the_blog_item.image .with_thumb_icon:before { content: "\f03e"; } .no_thumb.gallery .no_thumb_icon:before, .from_the_blog_item.gallery .with_thumb_icon:before { content: "\f00a"; } .no_thumb .from_the_blog_img { line-height: 280px; } .from_the_blog_noimg { background: #999; height: 280px; width: 100%; display: block; } /**********************************************************************************/ /* Site Social Icons **************************************************************/ /**********************************************************************************/ .site-social-icons-shortcode { vertical-align: middle; clear: both; margin: 5px -15px 15px -15px; display: block; } .site-social-icons-shortcode ul { list-style: none; margin: 0 !important; padding: 0 !important; line-height: 1em; } .site-social-icons-shortcode ul.left { text-align: left; } .site-social-icons-shortcode ul.center { text-align: center; } .site-social-icons-shortcode ul.right { text-align: right; } .site-social-icons-shortcode ul li { font-size: inherit; padding: 5px 0.6em; display: inline-block; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .site-social-icons-shortcode ul li { font-size: 24px; padding: 5px 15px; } } @media only screen and (max-width: 40em) { .site-social-icons-shortcode ul li { font-size: 24px; padding: 5px 15px; } } .site-social-icons-shortcode ul li a { color: #666; } .site-social-icons-shortcode ul li a:hover i { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); } .site-social-icons-shortcode ul li span { display: none; } .site-social-icons-shortcode:before, .site-social-icons-shortcode:after, .site-social-icons-shortcode ul:before, .site-social-icons-shortcode ul:after { content: " "; display: table; clear: both; } /**********************************************************************************/ /* Google Maps ********************************************************************/ /**********************************************************************************/ .wpb_gmaps_widget.wpb_content_element .wpb_wrapper { padding: 0; } #map_container { position: relative; } #map_container img { max-width: none; } .map_button_wrapper { display: inline-block; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } #map_button { display: block; font-size: 0.8125rem; font-weight: 700; text-transform: uppercase; text-align: center; min-width: 150px; background-color: #fff; padding: 1.5rem 3rem 1.5rem; transition: all 0.3s; -webkit-transition: all 0.3s; } #map_button:hover { background-color: #000; color: #fff; } .vc_btn3.vc_btn3-style-outline, .vc_btn3.vc_btn3-style-outline-custom, .vc_btn3.vc_btn3-style-outline-custom:focus, .vc_btn3.vc_btn3-style-outline-custom:hover, .vc_btn3.vc_btn3-style-outline:focus, .vc_btn3.vc_btn3-style-outline:hover { border-width: 1px !important; } .vc_toggle_title > h4 { font-size: 24px; } .vc_toggle_default .vc_toggle_icon, .vc_toggle_size_md.vc_toggle_default .vc_toggle_icon::before, .vc_toggle_size_md.vc_toggle_default .vc_toggle_icon::after { border: none !important; background-color: #000 !important; } .mc-dark .vc_toggle_default .vc_toggle_icon, .mc-dark .vc_toggle_size_md.vc_toggle_default .vc_toggle_icon::before, .mc-dark .vc_toggle_size_md.vc_toggle_default .vc_toggle_icon::after { background-color: #fff !important; } .vc_progress_bar .vc_single_bar .vc_label { font-size: 14px; font-weight: 400; } /**********************************************************************************/ /* Global *************************************************************************/ /**********************************************************************************/ .woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select { border-color: transparent; list-style: square; } .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt { color: #fff; font-size: 12px; line-height: 19.2px; font-size: 0.75rem; line-height: 1.2rem; vertical-align: middle; letter-spacing: 0px; text-transform: uppercase; font-weight: bold; font-weight: 400; padding: 0 30px; height: 45px; line-height: 45px; border: none; background-image: none; text-align: center; box-shadow: none; text-shadow: none; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt { border: 0; } .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button:hover, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt[disabled]:disabled, .woocommerce #respond input#submit.alt[disabled]:disabled:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt[disabled]:disabled, .woocommerce a.button.alt[disabled]:disabled:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt[disabled]:disabled, .woocommerce button.button.alt[disabled]:disabled:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt[disabled]:disabled, .woocommerce input.button.alt[disabled]:disabled:hover { color: #fff; } .woocommerce a.remove:hover { background: none; } /**********************************************************************************/ /* Minicart ***********************************************************************/ /**********************************************************************************/ .woocommerce ul.cart_list li, .woocommerce-page ul.cart_list li, .woocommerce ul.product_list_widget li, .woocommerce-page ul.product_list_widget li { padding: 30px 40px 35px 110px; position: relative; border-bottom: 2px solid rgba(255, 255, 255, 0.05); } .woocommerce ul.cart_list li.empty, .woocommerce-page ul.cart_list li.empty, .woocommerce ul.product_list_widget li.empty, .woocommerce-page ul.product_list_widget li.empty { padding: 0 20px 25px 20px; } .woocommerce ul.cart_list li img, .woocommerce-page ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.product_list_widget li img { float: left; margin: 0; width: 70px; height: auto; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; margin-left: -90px; } .woocommerce ul.product_list_widget li, .woocommerce-page ul.product_list_widget li { padding: 0 0 30px 90px; border: 0; } .woocommerce ul.product_list_widget li .amount, .woocommerce ul.product_list_widget li ins .amount, .woocommerce-page ul.product_list_widget li .amount, .woocommerce-page ul.product_list_widget li ins .amount { color: rgba(0, 0, 0, 0.8); } .woocommerce ul.product_list_widget li del .amount, .woocommerce-page ul.product_list_widget li del .amount { color: rgba(0, 0, 0, 0.5); text-decoration: inherit; } .woocommerce .mc-dark ul.product_list_widget li .amount, .woocommerce .mc-dark ul.product_list_widget li ins .amount, .woocommerce .fc-dark ul.product_list_widget li .amount, .woocommerce .fc-dark ul.product_list_widget li ins .amount, .woocommerce .slide-from-left.snd-dark ul.product_list_widget li .amount, .woocommerce .slide-from-left.snd-dark ul.product_list_widget li ins .amount, .woocommerce-page .mc-dark ul.product_list_widget li .amount, .woocommerce-page .mc-dark ul.product_list_widget li ins .amount, .woocommerce-page .fc-dark ul.product_list_widget li .amount, .woocommerce-page .fc-dark ul.product_list_widget li ins .amount, .woocommerce-page .slide-from-left.snd-dark ul.product_list_widget li .amount, .woocommerce-page .slide-from-left.snd-dark ul.product_list_widget li ins .amount { color: rgba(255, 255, 255, 0.8); } .woocommerce .mc-dark ul.product_list_widget li del .amount, .woocommerce .fc-dark ul.product_list_widget li del .amount, .woocommerce .slide-from-left.snd-dark ul.product_list_widget li del .amount, .woocommerce-page .mc-dark ul.product_list_widget li del .amount, .woocommerce-page .fc-dark ul.product_list_widget li del .amount, .woocommerce-page .slide-from-left.snd-dark ul.product_list_widget li del .amount { color: rgba(255, 255, 255, 0.5); } .mc-dark ul.product_list_widget li .amount, .mc-dark ul.product_list_widget li ins .amount, .fc-dark ul.product_list_widget li .amount, .fc-dark ul.product_list_widget li ins .amount { color: rgba(255, 255, 255, 0.8); } .mc-dark ul.product_list_widget li del .amount, .fc-dark ul.product_list_widget li del .amount { color: rgba(255, 255, 255, 0.5); } p.total { font-size: 16px; line-height: 1.8; } .wc-forward a:after, .wc-forward:after { content: '\f178'; display: inline-block; display: none; font-size: 1.1em; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; margin-left: 7px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /**********************************************************************************/ /* Cart ***************************************************************************/ /**********************************************************************************/ .woocommerce .cart_form, .woocommerce-page .cart_form { margin-bottom: 0px; } .woocommerce .cart_form .bordered:after, .woocommerce-page .cart_form .bordered:after { display: block; } .cart_left_wrapper { padding-right: 20px; margin-bottom: 30px; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .cart_left_wrapper { padding-right: 0px; } } @media only screen and (max-width: 40em) { .cart_left_wrapper { padding-right: 0px; } } .woocommerce table.shop_table, .woocommerce-page table.shop_table { border: none; margin: 12px 0 0 0; border-radius: 0px; } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th { font-weight: bold; font-weight: 600; padding: 17px 0; font-size: 14px; text-transform: uppercase; } .woocommerce table.shop_table td, .woocommerce-page table.shop_table td { border-top-width: 1px; border-top-style: solid; padding: 40px 30px 40px 0; border-top: 1px solid rgba(0, 0, 0, 0.05); } .woocommerce table.shop_table.cart .product-thumbnail, .woocommerce-page table.shop_table.cart .product-thumbnail { width: 120px; padding-right: 20px; min-width: 120px; display: table-cell; } @media only screen and (min-width: 62em) and (max-width: 74.94em) { .woocommerce table.shop_table.cart .product-thumbnail, .woocommerce-page table.shop_table.cart .product-thumbnail { display: none; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .woocommerce table.shop_table.cart .product-thumbnail, .woocommerce-page table.shop_table.cart .product-thumbnail { display: none; } } @media only screen and (max-width: 40em) { .woocommerce table.shop_table.cart .product-thumbnail, .woocommerce-page table.shop_table.cart .product-thumbnail { display: none; } } .woocommerce table.shop_table.cart .product-thumbnail img, .woocommerce-page table.shop_table.cart .product-thumbnail img { width: 100%; height: auto; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .woocommerce table.shop_table.cart tr, .woocommerce-page table.shop_table.cart tr { border: none; } } @media only screen and (max-width: 40em) { .woocommerce table.shop_table.cart tr, .woocommerce-page table.shop_table.cart tr { border: none; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .woocommerce table.shop_table.cart td, .woocommerce-page table.shop_table.cart td { display: table-cell; background-color: transparent !important; text-align: center !important; } .woocommerce table.shop_table.cart td:before, .woocommerce-page table.shop_table.cart td:before { display: none; } } @media only screen and (max-width: 40em) { .woocommerce table.shop_table.cart td, .woocommerce-page table.shop_table.cart td { display: table-cell; background-color: transparent !important; text-align: center !important; } .woocommerce table.shop_table.cart td:before, .woocommerce-page table.shop_table.cart td:before { display: none; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .woocommerce table.shop_table.cart .product-quantity, .woocommerce-page table.shop_table.cart .product-quantity { width: 30%; } } @media only screen and (max-width: 40em) { .woocommerce table.shop_table.cart .product-quantity, .woocommerce-page table.shop_table.cart .product-quantity { width: 30%; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .woocommerce table.shop_table.cart .product-subtotal, .woocommerce-page table.shop_table.cart .product-subtotal { width: 20%; } } @media only screen and (max-width: 40em) { .woocommerce table.shop_table.cart .product-subtotal, .woocommerce-page table.shop_table.cart .product-subtotal { width: 20%; } } .woocommerce table.shop_table.cart .product-name, .woocommerce-page table.shop_table.cart .product-name { width: 190px; min-width: 100px; padding-right: 20px; font-weight: 600; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .woocommerce table.shop_table.cart .product-name, .woocommerce-page table.shop_table.cart .product-name { width: 50%; padding-right: 10px; text-align: left !important; } } @media only screen and (max-width: 40em) { .woocommerce table.shop_table.cart .product-name, .woocommerce-page table.shop_table.cart .product-name { width: 50%; padding-right: 10px; text-align: left !important; } } .woocommerce table.shop_table.cart .product-name a, .woocommerce-page table.shop_table.cart .product-name a { display: block; font-size: 18px; line-height: 22px; color: inherit; font-weight: 600; margin-bottom: 0px; } @media only screen and (max-width: 40em) { .woocommerce table.shop_table.cart .product-name a, .woocommerce-page table.shop_table.cart .product-name a { font-size: 14px; line-height: 18px; } } .woocommerce table.shop_table.cart .product-name a:hover, .woocommerce-page table.shop_table.cart .product-name a:hover { color: rgba(0, 0, 0, 0.7); } .woocommerce table.shop_table.cart .product-name .variation dt, .woocommerce table.shop_table.cart .product-name .variation dd p, .woocommerce-page table.shop_table.cart .product-name .variation dt, .woocommerce-page table.shop_table.cart .product-name .variation dd p { color: rgba(0, 0, 0, 0.6); margin: 0; font-size: 14px; line-height: 16px; } .woocommerce table.shop_table.cart .product-name .variation p, .woocommerce-page table.shop_table.cart .product-name .variation p { padding-left: 10px; } .woocommerce table.shop_table.cart .product-name .variation dd, .woocommerce-page table.shop_table.cart .product-name .variation dd { margin: 0; } .woocommerce table.shop_table.cart .product-price, .woocommerce-page table.shop_table.cart .product-price { font-size: 18px; padding-right: 20px; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .woocommerce table.shop_table.cart .product-price, .woocommerce-page table.shop_table.cart .product-price { display: none; } } @media only screen and (max-width: 40em) { .woocommerce table.shop_table.cart .product-price, .woocommerce-page table.shop_table.cart .product-price { display: none; } } .woocommerce table.shop_table.cart .product-quantity, .woocommerce-page table.shop_table.cart .product-quantity { min-width: 110px; padding-right: 10px; } @media only screen and (max-width: 40em) { .woocommerce table.shop_table.cart .product-quantity, .woocommerce-page table.shop_table.cart .product-quantity { min-width: 80px; } .woocommerce table.shop_table.cart .product-quantity .input-text, .woocommerce-page table.shop_table.cart .product-quantity .input-text { border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } .woocommerce table.shop_table.cart .product-quantity .qty-adjust, .woocommerce-page table.shop_table.cart .product-quantity .qty-adjust { display: none; } } .woocommerce table.shop_table.cart .product-subtotal, .woocommerce-page table.shop_table.cart .product-subtotal { font-weight: 400; font-size: 18px; padding-right: 20px; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .woocommerce table.shop_table.cart .product-subtotal, .woocommerce-page table.shop_table.cart .product-subtotal { font-size: 16px; padding-right: 10px; } } @media only screen and (max-width: 40em) { .woocommerce table.shop_table.cart .product-subtotal, .woocommerce-page table.shop_table.cart .product-subtotal { font-size: 16px; padding-right: 10px; } } .woocommerce table.shop_table.cart img, .woocommerce-page table.shop_table.cart img { width: auto; } .woocommerce table.shop_table.cart td.product-remove, .woocommerce-page table.shop_table.cart td.product-remove { text-align: right; width: 20px; max-width: 20px; padding: 0; } .woocommerce table.shop_table.cart td.product-remove i, .woocommerce-page table.shop_table.cart td.product-remove i { color: rgba(0, 0, 0, 0.25); font-size: 18px; } .woocommerce table.shop_table.cart td.product-remove i:after, .woocommerce-page table.shop_table.cart td.product-remove i:after { font-weight: normal; } .woocommerce table.shop_table.cart td.product-remove i:hover, .woocommerce-page table.shop_table.cart td.product-remove i:hover { color: black; } .woocommerce .mc-dark table.shop_table td, .woocommerce-page .mc-dark table.shop_table td { border-top: 1px solid rgba(255, 255, 255, 0.05); } .woocommerce .mc-dark table.shop_table.cart .product-name a:hover, .woocommerce-page .mc-dark table.shop_table.cart .product-name a:hover { color: rgba(255, 255, 255, 0.7); } .woocommerce .mc-dark table.shop_table.cart .product-name .variation dt, .woocommerce .mc-dark table.shop_table.cart .product-name .variation dd p, .woocommerce-page .mc-dark table.shop_table.cart .product-name .variation dt, .woocommerce-page .mc-dark table.shop_table.cart .product-name .variation dd p { color: rgba(255, 255, 255, 0.6); } .woocommerce .mc-dark table.shop_table.cart td.product-remove i, .woocommerce-page .mc-dark table.shop_table.cart td.product-remove i { color: rgba(255, 255, 255, 0.25); } .woocommerce .mc-dark table.shop_table.cart td.product-remove i:hover, .woocommerce-page .mc-dark table.shop_table.cart td.product-remove i:hover { color: white; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .product-price-thead, .product-name-thead { display: none; } } @media only screen and (max-width: 40em) { .product-price-thead, .product-name-thead { display: none; } } .cart_container { margin-bottom: 0px; } .cart_right_wrapper { margin: 0; margin-bottom: 80px; margin-left: 20px; background-color: rgba(0, 0, 0, 0.03); } .mc-dark .cart_right_wrapper { background-color: rgba(255, 255, 255, 0.03); } @media only screen and (min-width: 62em) and (max-width: 74.94em) { .cart_right_wrapper { margin-left: 0px; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .cart_right_wrapper { margin-left: 0px; } } @media only screen and (max-width: 40em) { .cart_right_wrapper { margin-left: 0px; } } @media only screen and (max-width: 40em) { .cart_right_wrapper { background-color: transparent; } } .bordered { position: relative; } .bordered:before, .bordered:after { content: ''; display: block; height: 20px; width: 100%; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .bordered:before, .bordered:after { display: none; } } @media only screen and (max-width: 40em) { .bordered:before, .bordered:after { display: none; } } .bordered:before { position: absolute; top: -10px; left: 0; } .bordered:after { position: absolute; bottom: -10px; left: 0; transform: rotate(180deg); -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Opera, Chrome, and Safari */ } .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals { width: 100%; padding: 50px 50px; max-width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } @media only screen and (max-width: 40em) { .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals { padding: 0px; } } .woocommerce .cart-collaterals table, .woocommerce-page .cart-collaterals table { width: 100%; } .woocommerce .cart-collaterals table.shop_table td, .woocommerce-page .cart-collaterals table.shop_table td { border-top: 0; padding: 10px 0; } .woocommerce .cart-collaterals table.cart input, .woocommerce-page .cart-collaterals table.cart input { line-height: normal; } .woocommerce .cart-collaterals table tr th, .woocommerce-page .cart-collaterals table tr th { padding: 8px 0; } .woocommerce .cart-collaterals .cart_totals table th, .woocommerce-page .cart-collaterals .cart_totals table th { padding: 9px 20px 5px 0; width: 40%; line-height: 1.2rem; } .woocommerce .cart-collaterals .cart_totals table td, .woocommerce-page .cart-collaterals .cart_totals table td { padding: 9px; } .woocommerce .cart-collaterals .cart_totals table td, .woocommerce .cart-collaterals .cart_totals table th, .woocommerce-page .cart-collaterals .cart_totals table td, .woocommerce-page .cart-collaterals .cart_totals table th { vertical-align: top; text-align: left; } .woocommerce .cart-collaterals .cart_totals tr.shipping td, .woocommerce .cart-collaterals .cart_totals tr.shipping th, .woocommerce-page .cart-collaterals .cart_totals tr.shipping td, .woocommerce-page .cart-collaterals .cart_totals tr.shipping th { padding-bottom: 35px; } .woocommerce .cart-collaterals .cart_totals tr.order-total td, .woocommerce .cart-collaterals .cart_totals tr.order-total th, .woocommerce-page .cart-collaterals .cart_totals tr.order-total td, .woocommerce-page .cart-collaterals .cart_totals tr.order-total th { line-height: 1; padding-top: 25px; padding-bottom: 23px; vertical-align: top; } .woocommerce .cart-collaterals .cart_totals .woocommerce-shipping-destination, .woocommerce-page .cart-collaterals .cart_totals .woocommerce-shipping-destination { font-size: 14px; } .woocommerce .cart-collaterals .cart_totals tr.order-total td, .woocommerce-page .cart-collaterals .cart_totals tr.order-total td { vertical-align: top; } .woocommerce .cart-collaterals .cart_totals tr.order-total td .amount, .woocommerce-page .cart-collaterals .cart_totals tr.order-total td .amount { font-size: 30px; line-height: 26px; font-weight: 300; } @media only screen and (max-width: 40em) { .woocommerce .cart-collaterals .cart_totals tr.order-total td .amount, .woocommerce-page .cart-collaterals .cart_totals tr.order-total td .amount { font-size: 24px; line-height: 28px; } } .woocommerce .cart-collaterals .cart_totals tr.order-total td small, .woocommerce-page .cart-collaterals .cart_totals tr.order-total td small { font-size: 80%; display: block; } .woocommerce .cart-collaterals .cart_totals tr.order-total td small .amount, .woocommerce-page .cart-collaterals .cart_totals tr.order-total td small .amount { font-size: inherit; font-weight: inherit; line-height: 2; } .woocommerce .cart-collaterals .cart-totals-wrapper h2, .woocommerce-page .cart-collaterals .cart-totals-wrapper h2, .woocommerce .shipping-calculator-button-wrapper, .woocommerce-page .shipping-calculator-button-wrapper { text-transform: uppercase; text-align: left; font-size: 22px; line-height: 35.2px; font-size: 1.375rem; line-height: 2.2rem; font-weight: 700; } .woocommerce .cart-collaterals .cart_totals h2, .woocommerce-page .cart-collaterals .cart_totals h2 { padding: 0 0 10px; margin: 0 0 25px 0; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: rgba(0, 0, 0, 0.03); } .woocommerce .mc-dark .cart-collaterals .cart_totals h2, .woocommerce-page .mc-dark .cart-collaterals .cart_totals h2 { border-bottom-color: rgba(255, 255, 255, 0.03); } .shipping-calculator-form { padding-top: 15px; padding-bottom: 8px; } .shipping-calculator-form .select2-container .select2-choice, .shipping-calculator-form input[type='text'] { background-color: #fff !important; } .mc-dark .shipping-calculator-form .select2-container .select2-choice, .mc-dark .shipping-calculator-form input[type='text'] { background-color: rgba(255, 255, 255, 0.05) !important; } .woocommerce .shipping-calculator-button-wrapper, .woocommerce-page .shipping-calculator-button-wrapper { margin: 0; } .woocommerce .cart-collaterals .shipping-calculator-button, .woocommerce-page .cart-collaterals .shipping-calculator-button { display: inline-block; margin: 16px 0 0px; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width: 100% !important; float: none; } .woocommerce .cart-collaterals .cart_totals tr td, .woocommerce .cart-collaterals .cart_totals tr th, .woocommerce-page .cart-collaterals .cart_totals tr td, .woocommerce-page .cart-collaterals .cart_totals tr th { vertical-align: top; border: none; } .woocommerce .cart-collaterals .cart_totals .order-total td, .woocommerce .cart-collaterals .cart_totals .order-total th, .woocommerce-page .cart-collaterals .cart_totals .order-total td, .woocommerce-page .cart-collaterals .cart_totals .order-total th { border-top-width: 4px; border-top-style: solid; border-top-color: rgba(0, 0, 0, 0.03); } .woocommerce .mc-dark .cart-collaterals .cart_totals .order-total td, .woocommerce .mc-dark .cart-collaterals .cart_totals .order-total th, .woocommerce-page .mc-dark .cart-collaterals .cart_totals .order-total td, .woocommerce-page .mc-dark .cart-collaterals .cart_totals .order-total th { border-top-color: rgba(255, 255, 255, 0.03); } .shipping-calculator-form .button { margin: 5px 0 0 0 !important; min-width: 0 !important; width: 100%; } .woocommerce .cart-collaterals .cart_totals .cart-subtotal, .woocommerce-page .cart-collaterals .cart_totals .cart-subtotal { border-bottom: none; } .woocommerce .cart-collaterals .cart_totals .cart-subtotal td .amount, .woocommerce-page .cart-collaterals .cart_totals .cart-subtotal td .amount { font-size: 20px; font-weight: 400; } .woocommerce .cart-collaterals .cart_totals th:first-child, .woocommerce-page .cart-collaterals .cart_totals th:first-child, .woocommerce .cart-collaterals .cart_totals td:first-child, .woocommerce-page .cart-collaterals .cart_totals td:first-child { padding-right: 40px; } @media only screen and (max-width: 40em) { .woocommerce .cart-collaterals .cart_totals th:first-child, .woocommerce-page .cart-collaterals .cart_totals th:first-child, .woocommerce .cart-collaterals .cart_totals td:first-child, .woocommerce-page .cart-collaterals .cart_totals td:first-child { padding-right: 10px; } } .woocommerce .cart-collaterals .cart_totals .shipping td:first-child, .woocommerce-page .cart-collaterals .cart_totals .shipping td:first-child { padding-top: 11px; } .woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .shipping_calculator { width: 100% !important; } .cart-collaterals .shipping-calculator-button { color: #000; font-size: 14px !important; line-height: 20px !important; text-transform: uppercase; font-weight: 600 !important; } .cart-collaterals .shipping-calculator-button:hover { color: rgba(0, 0, 0, 0.7); } .cart-collaterals .shipping-calculator-button:after { margin-left: 7px; font-family: 'Woodstock' !important; content: '\e619' !important; } .mc-dark .cart-collaterals .shipping-calculator-button { color: #fff; } .mc-dark .cart-collaterals .shipping-calculator-button:hover { color: rgba(255, 255, 255, 0.7); } .woocommerce .cart-collaterals .related, .woocommerce-page .cart-collaterals .related { width: 100%; } .cart-collaterals .shipping .select2-container { width: 100% !important; } /* Cart - Buttons */ .cart-buttons { margin-top: 30px; width: 100%; } .cart-buttons .update_cart, .cart-buttons .checkout-button { margin-bottom: 10px !important; } .cart-buttons .update_cart { width: 39%; background-color: rgba(0, 0, 0, 0.8) !important; } @media only screen and (min-width: 62em) and (max-width: 74.94em) { .cart-buttons .update_cart { width: 100%; } } @media only screen and (max-width: 40em) { .cart-buttons .update_cart { width: 100%; } } .cart-buttons .update_cart:hover { background-color: rgba(0, 0, 0, 0.7) !important; } .mc-dark .cart-buttons .update_cart { color: #000 !important; background-color: rgba(255, 255, 255, 0.9) !important; } .mc-dark .cart-buttons .update_cart:hover { background-color: rgba(255, 255, 255, 0.7) !important; } .cart-buttons .checkout-button { width: 59%; float: right; } @media only screen and (min-width: 62em) and (max-width: 74.94em) { .cart-buttons .checkout-button { width: 100%; } } @media only screen and (max-width: 40em) { .cart-buttons .checkout-button { width: 100%; } } /* Cart - Coupon */ .coupon_code_wrapper { margin-bottom: 80px; text-align: center; border: 3px dashed rgba(0, 0, 0, 0.05); border-radius: 6px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ padding: 34px 30px; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .coupon_code_wrapper { margin-bottom: 50px; } } @media only screen and (max-width: 40em) { .coupon_code_wrapper { margin-bottom: 50px; } } .mc-dark .coupon_code_wrapper { border: 3px dashed rgba(255, 255, 255, 0.05); } .coupon_code_wrapper_inner { display: inline-block; } .coupon_code_wrapper_inner:after { content: ''; display: block; clear: both; } .coupon_code_text { font-size: 20px; line-height: 20px; margin-top: 0; margin-bottom: 26px; text-transform: uppercase; } .coupon_code_wrapper #coupon_code { width: 250px; vertical-align: top; margin-right: 10px; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .coupon_code_wrapper #coupon_code { width: 100%; } } @media only screen and (max-width: 40em) { .coupon_code_wrapper #coupon_code { width: 100%; } } .coupon_code_wrapper .apply_coupon { min-width: 0; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .coupon_code_wrapper .apply_coupon { width: 100%; margin-top: 15px !important; } } @media only screen and (max-width: 40em) { .coupon_code_wrapper .apply_coupon { width: 100%; margin-top: 15px !important; } } /**********************************************************************************/ /* Checkout ***********************************************************************/ /**********************************************************************************/ .woocommerce-checkout .content-area .thank_you_bank_details h2 { margin-top: 28px; margin-bottom: 25px; } .woocommerce-checkout .content-area .thank_you_bank_details h3 { text-align: left; font-size: 1.125rem; padding-bottom: 15px; margin-top: 0; font-weight: normal; text-transform: capitalize; border-bottom: 1px solid #ddd; } .woocommerce-checkout .woocommerce-info, .woocommerce-cart .woocommerce-info { padding: 5px 0 !important; font-size: 22px; line-height: 35.2px; font-size: 1.375rem; line-height: 2.2rem; border: none !important; text-align: center; color: #000 !important; margin: 0 !important; } @media only screen and (max-width: 40em) { .woocommerce-checkout .woocommerce-info, .woocommerce-cart .woocommerce-info { font-size: 18px; line-height: 28.8px; font-size: 1.125rem; line-height: 1.8rem; } } .woocommerce-checkout .woocommerce-info:before, .woocommerce-cart .woocommerce-info:before { display: none; text-align: center; } .woocommerce-checkout .woocommerce-info a, .woocommerce-cart .woocommerce-info a { color: #000; font-weight: 600; } .mc-dark .woocommerce-checkout .woocommerce-info a, .mc-dark .woocommerce-cart .woocommerce-info a { color: #fff; } .woocommerce-checkout .woocommerce-info a:hover, .woocommerce-cart .woocommerce-info a:hover { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .woocommerce-checkout form.login, .woocommerce-cart form.login { margin-top: 0; border: 3px dashed rgba(0, 0, 0, 0.05); padding: 30px; } @media only screen and (max-width: 40em) { .woocommerce-checkout form.login, .woocommerce-cart form.login { padding: 0px; border: none; } } .woocommerce-checkout form.login label, .woocommerce-cart form.login label { display: block; text-transform: uppercase; font-size: 13px; line-height: 20.8px; font-size: 0.8125rem; line-height: 1.3rem; margin-bottom: 5px; font-weight: 600; } .woocommerce-checkout form.login input.button, .woocommerce-cart form.login input.button { width: 140px !important; height: 45px !important; line-height: 45px !important; padding: 0 !important; min-width: auto !important; } .woocommerce-checkout form.login .form-row, .woocommerce-cart form.login .form-row { margin-top: 8px; } .woocommerce-checkout form.login label.inline, .woocommerce-cart form.login label.inline { display: inline-block; margin-top: 3px; vertical-align: top; margin-left: 20px; } @media only screen and (max-width: 40em) { .woocommerce-checkout form.login label.inline, .woocommerce-cart form.login label.inline { display: block; margin: 10px 0 0 0; } } .woocommerce-checkout form.login .lost_password, .woocommerce-cart form.login .lost_password { float: right; margin-top: -40px; } .woocommerce-checkout form.login .lost_password a, .woocommerce-cart form.login .lost_password a { font-size: 14px; font-weight: 400; } @media only screen and (max-width: 40em) { .woocommerce-checkout form.login .lost_password, .woocommerce-cart form.login .lost_password { float: none; margin: 0; } } .woocommerce-checkout .checkout_login .woocommerce-info, .woocommerce-cart .checkout_login .woocommerce-info { padding-left: 2em !important; } .woocommerce-checkout .checkout_coupon_box .woocommerce-info, .woocommerce-cart .checkout_coupon_box .woocommerce-info { padding-top: 20px !important; padding-left: 2em !important; } .woocommerce-checkout .checkout_coupon_box form.checkout_coupon, .woocommerce-cart .checkout_coupon_box form.checkout_coupon { text-align: center; border: 3px dashed rgba(0, 0, 0, 0.05); padding: 30px 30px; margin-top: 0; } @media only screen and (max-width: 40em) { .woocommerce-checkout .checkout_coupon_box form.checkout_coupon, .woocommerce-cart .checkout_coupon_box form.checkout_coupon { padding: 0px; border: none; } } .woocommerce-checkout .checkout_coupon_box form.checkout_coupon .checkout_coupon_inner, .woocommerce-cart .checkout_coupon_box form.checkout_coupon .checkout_coupon_inner { display: inline-block; } .woocommerce-checkout .checkout_coupon_box form.checkout_coupon #coupon_code, .woocommerce-cart .checkout_coupon_box form.checkout_coupon #coupon_code { margin-right: 10px; vertical-align: top; width: 250px; } @media only screen and (max-width: 40em) { .woocommerce-checkout .checkout_coupon_box form.checkout_coupon #coupon_code, .woocommerce-cart .checkout_coupon_box form.checkout_coupon #coupon_code { width: 100%; } } @media only screen and (max-width: 40em) { .woocommerce-checkout .checkout_coupon_box form.checkout_coupon input.button, .woocommerce-cart .checkout_coupon_box form.checkout_coupon input.button { margin-top: 10px; } } .woocommerce-checkout .ywgc_have_code, .woocommerce-cart .ywgc_have_code { padding-top: 20px !important; font-size: 22px; line-height: 35.2px; font-size: 1.375rem; line-height: 2.2rem; border: none !important; text-align: center; color: #000 !important; margin: 0 !important; margin-bottom: 20px !important; } @media only screen and (max-width: 40em) { .woocommerce-checkout .ywgc_have_code, .woocommerce-cart .ywgc_have_code { font-size: 18px; line-height: 28.8px; font-size: 1.125rem; line-height: 1.8rem; } } .woocommerce-checkout .ywgc_have_code a, .woocommerce-cart .ywgc_have_code a { color: #000; font-weight: 600; } .woocommerce-checkout .ywgc_enter_code, .woocommerce-cart .ywgc_enter_code { text-align: center; border: 3px dashed rgba(0, 0, 0, 0.05); padding: 30px 30px; margin-top: 0; margin-bottom: 50px; } .woocommerce-checkout .ywgc_enter_code .ywgc_code__inner, .woocommerce-cart .ywgc_enter_code .ywgc_code__inner { display: inline-block; } .woocommerce-checkout .ywgc_enter_code #giftcard_code, .woocommerce-cart .ywgc_enter_code #giftcard_code { max-width: 100%; vertical-align: top; margin-right: 10px; margin-bottom: 15px; } .woocommerce-checkout .mc-dark .woocommerce-info, .woocommerce-checkout .mc-dark .ywgc_have_code, .woocommerce-cart .mc-dark .woocommerce-info, .woocommerce-cart .mc-dark .ywgc_have_code { color: #fff !important; } .woocommerce-checkout .mc-dark .woocommerce-info a, .woocommerce-checkout .mc-dark .ywgc_have_code a, .woocommerce-cart .mc-dark .woocommerce-info a, .woocommerce-cart .mc-dark .ywgc_have_code a { color: #fff; } .woocommerce-checkout .mc-dark form.login, .woocommerce-checkout .mc-dark form.checkout_coupon, .woocommerce-checkout .mc-dark .ywgc_enter_code, .woocommerce-cart .mc-dark form.login, .woocommerce-cart .mc-dark form.checkout_coupon, .woocommerce-cart .mc-dark .ywgc_enter_code { border: 3px dashed rgba(255, 255, 255, 0.05); } .notice-border-container { height: 3px; width: 200px; background: rgba(0, 0, 0, 0.05); margin: 2px auto -1px; } .mc-dark .notice-border-container { background: rgba(255, 255, 255, 0.05); } .checkout_left_wrapper { margin-top: 0px; margin-bottom: 80px; margin-right: 0px; } .checkout_left_wrapper label { margin-top: 10px; margin-bottom: 4px; display: inline-block; text-transform: uppercase; font-size: 13px; font-weight: 600; } .checkout_left_wrapper label .required { color: rgba(0, 0, 0, 0.3); } .mc-dark .checkout_left_wrapper label .required { color: rgba(255, 255, 255, 0.3); } .woocommerce .input-checkbox, .woocommerce .login .inline input { display: inline; margin: 0px 5px 0 0; } .woocommerce form .form-row.woocommerce-invalid label { color: #000; } .mc-dark .woocommerce form .form-row.woocommerce-invalid label { color: #fff; } form.checkout { margin-top: 40px; } .checkout_right_wrapper { background-color: rgba(0, 0, 0, 0.03); margin: 0px 0 80px 20px; } .mc-dark .checkout_right_wrapper { background: rgba(255, 255, 255, 0.03); } @media only screen and (min-width: 62em) and (max-width: 74.94em) { .checkout_right_wrapper { margin: -20px 0 80px 0px; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .checkout_right_wrapper { margin: -20px 0 80px 0px; } } @media only screen and (max-width: 40em) { .checkout_right_wrapper { margin: -20px 0 80px 0px; } } @media only screen and (max-width: 40em) { .checkout_right_wrapper { background: transparent; } } .checkout_right_wrapper .bordered:after { display: block; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { float: none; width: 100%; } .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { float: none; width: auto; margin-top: 48px; } .woocommerce-checkout .content-area h3 { font-size: 1.3125rem; margin: 0px 20px 13px 0; } .woocommerce .checkout .col-2 h3, .woocommerce-page .checkout .col-2 h3 { margin-bottom: 12px; } #ship-to-different-address { margin-bottom: 38px; } .woocommerce form .form-row-first, .woocommerce-page form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-last { width: 49%; } @media only screen and (max-width: 40em) { .woocommerce form .form-row-first, .woocommerce-page form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-last { width: 100%; } } #order_comments_field textarea { min-height: 100px; height: 100px; } .woocommerce #payment, .woocommerce-page #payment { background: none; } .woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box { background: none; border: none; box-shadow: none; } .woocommerce #payment div.payment_box:before, .woocommerce-page #payment div.payment_box:before { display: none; } .woocommerce #payment div.payment_box:after, .woocommerce-page #payment div.payment_box:after { display: none; box-shadow: none; } .woocommerce #payment ul.payment_methods, .woocommerce-page #payment ul.payment_methods { border: 0; padding-left: 0; padding-right: 0; } .woocommerce #payment ul.payment_methods li, .woocommerce-page #payment ul.payment_methods li { margin: 7px 0 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(0, 0, 0, 0.05); padding-top: 3px; padding-bottom: 3px; } .woocommerce #payment ul.payment_methods li:last-child, .woocommerce-page #payment ul.payment_methods li:last-child { border-bottom: 0; } .payment_methods input[type='radio'] + label.check_label_radio { font-size: 18px; line-height: 24px; font-weight: 400; margin: 0; text-transform: capitalize; } .payment_methods .payment_method_bacs .check_label_radio:before, .payment_methods .payment_method_cheque .check_label_radio:before { top: 5px; } .payment_methods .payment_method_paypal .check_label_radio:before { top: 19px; } .woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box { font-size: 0.8125em; line-height: 1.538em; padding: 0; margin: 0; width: 100%; } .woocommerce #payment div.payment_box p, .woocommerce-page #payment div.payment_box p { font-size: 14px; line-height: 22.4px; font-size: 0.875rem; line-height: 1.4rem; line-height: 18px; color: rgba(0, 0, 0, 0.5); padding: 0 0 18px 0px; margin: 5px 0 13px; text-shadow: none; } .woocommerce .mc-dark #payment div.payment_box p, .woocommerce-page .mc-dark #payment div.payment_box p { color: rgba(255, 255, 255, 0.5); } .woocommerce #payment ul.payment_methods li img, .woocommerce-page #payment ul.payment_methods li img { margin: -2px 10px 0 6px; } .woocommerce #payment .payment_method_paypal .about_paypal, .woocommerce-page #payment .payment_method_paypal .about_paypal { display: inline-block; float: none; } .woocommerce #payment div.form-row.place-order, .woocommerce-page #payment div.form-row.place-order { padding: 10px 0 5px; border: medium none; } .woocommerce #payment .terms, .woocommerce-page #payment .terms { text-align: left; padding-top: 0; padding-left: 0; margin-top: 17px; } .woocommerce-page #payment .terms label { font-size: 14px; } .woocommerce-page #payment .terms label a { font-weight: 700; text-transform: capitalize; } /* Checkout - Your Order */ .order_review_wrapper { padding: 50px; } @media only screen and (max-width: 40em) { .order_review_wrapper { padding: 0px; } } .order_review_wrapper #order_review_heading { text-transform: uppercase; font-size: 22px; padding: 0 0 10px; margin: 0 0 25px 0; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: rgba(0, 0, 0, 0.03); } .mc-dark .order_review_wrapper #order_review_heading { border-bottom-color: rgba(255, 255, 255, 0.03); } .woocommerce form .form-row.create-account, .woocommerce-page form .form-row.create-account { padding: 15px 0; } .woocommerce .shop_table.woocommerce-checkout-review-order-table td, .woocommerce-page .shop_table.woocommerce-checkout-review-order-table td { line-height: 1.35; padding: 13px 0; } @media only screen and (max-width: 40em) { .woocommerce .shop_table.woocommerce-checkout-review-order-table td, .woocommerce-page .shop_table.woocommerce-checkout-review-order-table td { font-size: 14px; line-height: 22.4px; font-size: 0.875rem; line-height: 1.4rem; line-height: 16px; } } .woocommerce .shop_table.woocommerce-checkout-review-order-table tfoot tr, .woocommerce-page .shop_table.woocommerce-checkout-review-order-table tfoot tr { border: none; } .woocommerce .shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total th, .woocommerce-page .shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total th { vertical-align: bottom; } .woocommerce .shop_table.woocommerce-checkout-review-order-table thead th, .woocommerce-page .shop_table.woocommerce-checkout-review-order-table thead th { font-size: 14px; padding-bottom: 10px; } .woocommerce .shop_table.woocommerce-checkout-review-order-table tfoot th, .woocommerce-page .shop_table.woocommerce-checkout-review-order-table tfoot th, .woocommerce .shop_table.woocommerce-checkout-review-order-table tfoot td, .woocommerce-page .shop_table.woocommerce-checkout-review-order-table tfoot td { padding-top: 7px; vertical-align: top; border: none; } .woocommerce .shop_table.woocommerce-checkout-review-order-table tfoot th, .woocommerce-page .shop_table.woocommerce-checkout-review-order-table tfoot th { text-transform: capitalize; font-weight: 600 !important; } .woocommerce .shop_table.woocommerce-checkout-review-order-table tfoot td .amount, .woocommerce-page .shop_table.woocommerce-checkout-review-order-table tfoot td .amount { font-size: 20px !important; line-height: 30px !important; } .woocommerce .shop_table.woocommerce-checkout-review-order-table tfoot .order-total th, .woocommerce .shop_table.woocommerce-checkout-review-order-table tfoot .order-total td, .woocommerce-page .shop_table.woocommerce-checkout-review-order-table tfoot .order-total th, .woocommerce-page .shop_table.woocommerce-checkout-review-order-table tfoot .order-total td { border-top: 4px solid rgba(0, 0, 0, 0.03); vertical-align: top; } .woocommerce .mc-dark .shop_table.woocommerce-checkout-review-order-table .order-total th, .woocommerce .mc-dark .shop_table.woocommerce-checkout-review-order-table .order-total td, .woocommerce-page .mc-dark .shop_table.woocommerce-checkout-review-order-table .order-total th, .woocommerce-page .mc-dark .shop_table.woocommerce-checkout-review-order-table .order-total td { border-top: 4px solid rgba(255, 255, 255, 0.03); } .cart-collaterals #shipping_method, .shop_table.woocommerce-checkout-review-order-table #shipping_method { margin-bottom: 20px; } .cart-collaterals #shipping_method li, .shop_table.woocommerce-checkout-review-order-table #shipping_method li { font-size: 14px; padding: 0; } .cart-collaterals #shipping_method li label, .shop_table.woocommerce-checkout-review-order-table #shipping_method li label { text-transform: capitalize; font-weight: 300; } .cart-collaterals #shipping_method li .check_box_radio, .shop_table.woocommerce-checkout-review-order-table #shipping_method li .check_box_radio { margin-right: 5px; } .cart-collaterals #shipping_method li .amount, .shop_table.woocommerce-checkout-review-order-table #shipping_method li .amount { font-size: 14px !important; } .woocommerce .shop_table.woocommerce-checkout-review-order-table .shipping td:first-child { padding-top: 17px; padding-right: 15px; line-height: 24px; } .woocommerce .shop_table.woocommerce-checkout-review-order-table tfoot tr:first-child td, .woocommerce-page .shop_table.woocommerce-checkout-review-order-table tfoot tr:first-child td, .woocommerce .shop_table.woocommerce-checkout-review-order-table tfoot tr:first-child th, .woocommerce-page .shop_table.woocommerce-checkout-review-order-table tfoot tr:first-child th { padding-top: 20px; } form.checkout .shop_table.woocommerce-checkout-review-order-table tr:last-child th, form.checkout .shop_table.woocommerce-checkout-review-order-table tr:last-child td { padding-top: 17px !important; } .woocommerce-page .shop_table.woocommerce-checkout-review-order-table tfoot .order-total .amount { font-size: 30px !important; font-weight: 300; } @media only screen and (max-width: 40em) { .woocommerce-page .shop_table.woocommerce-checkout-review-order-table tfoot .order-total .amount { font-size: 20px !important; } } .woocommerce .shop_table.woocommerce-checkout-review-order-table tr th:last-child, .woocommerce-page .shop_table.woocommerce-checkout-review-order-table tr th:last-child, .woocommerce .shop_table.woocommerce-checkout-review-order-table tr td:last-child, .woocommerce-page .shop_table.woocommerce-checkout-review-order-table tr td:last-child { width: 60%; padding-left: 30px; } .woocommerce .order_review_wrapper table.shop_table .product-name { font-weight: 600; width: 45%; } .woocommerce .order_review_wrapper table.shop_table .product-name .variation { margin: 5px 0; } .woocommerce .order_review_wrapper table.shop_table .product-name .variation dt, .woocommerce .order_review_wrapper table.shop_table .product-name .variation dd, .woocommerce .order_review_wrapper table.shop_table .product-name .variation dd p { color: rgba(0, 0, 0, 0.6); margin: 0; font-size: 14px; line-height: 16px; } .woocommerce .order_review_wrapper table.shop_table .product-name .variation p { padding-left: 10px; } .woocommerce .order_review_wrapper table.shop_table .product-total .amount { font-size: 20px; font-weight: 300; } .mc-dark .order_review_wrapper table.shop_table .product-name .variation dt, .mc-dark .order_review_wrapper table.shop_table .product-name .variation dd, .mc-dark .order_review_wrapper table.shop_table .product-name .variation dd p { color: rgba(255, 255, 255, 0.6); } .woocommerce .order_review_wrapper table.shop_table .product-name .product-quantity { font-weight: normal; } .woocommerce .order_review_wrapper table.shop_table tfoot tr:first-child td, .woocommerce .order_review_wrapper table.shop_table tfoot tr:first-child th, .woocommerce-page .order_review_wrapper table.shop_table tfoot tr:first-child td, .woocommerce-page .order_review_wrapper table.shop_table tfoot tr:first-child th { border-top: 1px solid rgba(0, 0, 0, 0.05); } .woocommerce .mc-dark .order_review_wrapper table.shop_table tfoot tr:first-child td, .woocommerce .mc-dark .order_review_wrapper table.shop_table tfoot tr:first-child th, .woocommerce-page .mc-dark .order_review_wrapper table.shop_table tfoot tr:first-child td, .woocommerce-page .mc-dark .order_review_wrapper table.shop_table tfoot tr:first-child th { border-top: 1px solid rgba(255, 255, 255, 0.05); } .woocommerce .order_review_wrapper table.shop_table tfoot td, .woocommerce .order_review_wrapper table.shop_table tfoot th, .woocommerce-page .order_review_wrapper table.shop_table tfoot td, .woocommerce-page .order_review_wrapper table.shop_table tfoot th { border-top: none; font-weight: normal; padding: 8px 0; font-size: 1rem !important; } .woocommerce table.shop_table tfoot td, .woocommerce-page table.shop_table tfoot td { padding: 0px; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { width: 100%; float: none; } .woocommerce .shop_table.woocommerce-checkout-review-order-table { margin-bottom: 35px; } .woocommerce-page .shop_table.woocommerce-checkout-review-order-table tfoot .order-total small { font-size: 80% !important; display: block; } .woocommerce-page .shop_table.woocommerce-checkout-review-order-table tfoot .order-total small .amount { font-size: inherit !important; font-weight: inherit; line-height: inherit; } /* Checkout - Thank you */ .thank_you_header_text { margin: 0px -500px 0; padding: 40px 500px 40px; background: #8cbd8c; position: relative; } .thank_you_header p { font-size: 24px; line-height: 38.4px; font-size: 1.5rem; line-height: 2.4rem; line-height: 28px; font-weight: 600; color: #fff; margin-bottom: 0; } .thank_you_header p:before { content: '\f00c'; display: inline-block; margin-right: 10px; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .thank_you_header_text:after { content: ''; display: block; height: 10px; width: 100%; z-index: 100; } .thank_you_header_text:after { position: absolute; bottom: 0px; left: 0; } .order_details_container .order_inside { margin-top: 30px; border: 3px dashed rgba(0, 0, 0, 0.05); border-radius: 6px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ padding: 30px 30px 0px 30px; } .mc-dark .order_details_container .order_inside { border: 3px dashed rgba(255, 255, 255, 0.05); } .order_detail_box { background-color: rgba(0, 0, 0, 0.03); padding: 50px; margin-bottom: 100px; } .mc-dark .order_detail_box { background-color: rgba(255, 255, 255, 0.03); } .order_detail_box h2 { font-size: 22px; text-transform: uppercase; padding: 0 0 10px; margin: 0 0 25px 0; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: rgba(0, 0, 0, 0.03); } .mc-dark .order_detail_box h2 { border-bottom-color: rgba(255, 255, 255, 0.03); } .order_detail_box .shop_table thead th { font-size: 18px; text-transform: capitalize; } .order_detail_box .shop_table tbody td { width: 70%; padding: 20px 40px 20px 0; } @media only screen and (max-width: 40em) { .order_detail_box .shop_table tbody td { width: 60%; } } .order_detail_box .shop_table tbody td a { font-size: 18px; line-height: 20px; color: inherit; font-weight: 600; margin-bottom: 10px; } .order_detail_box .shop_table tbody td a:hover { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .order_detail_box .shop_table tbody td .product-quantity { font-weight: 300; } .order_detail_box .shop_table tbody td .variation dt, .order_detail_box .shop_table tbody td .variation dd, .order_detail_box .shop_table tbody td .variation dd p { color: rgba(0, 0, 0, 0.6); margin: 0; font-size: 14px; line-height: 16px; } .mc-dark .order_detail_box .shop_table tbody td .variation dt, .mc-dark .order_detail_box .shop_table tbody td .variation dd, .mc-dark .order_detail_box .shop_table tbody td .variation dd p { color: rgba(255, 255, 255, 0.6); } .order_detail_box .shop_table tbody td .variation dd p { margin-left: 10px; } .order_detail_box .shop_table tbody td .amount { font-size: 18px; } .order_detail_box .shop_table tbody .product-name { font-size: 18px; } .order_detail_box .shop_table tfoot th, .order_detail_box .shop_table tfoot td { border: none !important; } .order_detail_box .shop_table tfoot tr:first-child th, .order_detail_box .shop_table tfoot tr:first-child td { padding-top: 30px !important; border-top: 4px solid rgba(0, 0, 0, 0.03) !important; } .mc-dark .order_detail_box .shop_table tfoot tr:first-child th, .mc-dark .order_detail_box .shop_table tfoot tr:first-child td { border-top: 4px solid rgba(255, 255, 255, 0.03) !important; } .order_detail_box .shop_table tfoot th { font-size: 16px !important; font-weight: 600 !important; text-transform: capitalize; padding: 5px 0 5px 40%; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .order_detail_box .shop_table tfoot th { padding-left: 20%; } } @media only screen and (max-width: 40em) { .order_detail_box .shop_table tfoot th { padding-left: 20%; } } @media only screen and (max-width: 40em) { .order_detail_box .shop_table tfoot th { padding-left: 0; } } .order_detail_box .shop_table tfoot td { font-size: 16px; font-weight: 300 !important; } .order_detail_box .shop_table tfoot td .amount { font-size: 18px; } .order_detail_box .shop_table tfoot tr:last-child .amount { font-size: 20px !important; font-weight: 600; } .order_detail_box header { margin-top: 40px; } .order_detail_box table.customer_details th, .order_detail_box table.customer_details td { border: none !important; padding: 5px 0; } .order_detail_box table.customer_details th { font-size: 16px !important; font-weight: 600 !important; text-transform: capitalize; } .order_detail_box .addresses { margin-top: 40px; } .order_detail_box .addresses .col-1, .order_detail_box .addresses .col-2 { width: 50%; float: left; margin-top: 0 !important; } .order_detail_box .addresses .col-1 address, .order_detail_box .addresses .col-2 address { padding: 0; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); border: 0; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .order_detail_box .addresses .col-1, .order_detail_box .addresses .col-2 { width: 100%; float: none; } } @media only screen and (max-width: 40em) { .order_detail_box .addresses .col-1, .order_detail_box .addresses .col-2 { width: 100%; float: none; } } .order_detail_box .addresses .col-1 header, .order_detail_box .addresses .col-2 header { margin-top: 0; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .order_detail_box .addresses .col-2 { margin-top: 30px !important; } } @media only screen and (max-width: 40em) { .order_detail_box .addresses .col-2 { margin-top: 30px !important; } } .order_detail_box .addresses .col-1 { padding-right: 20px; } .order_detail_box .addresses .col-2 { padding-left: 20px; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .order_detail_box .addresses .col-1, .order_detail_box .addresses .col-2 { padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 40em) { .order_detail_box .addresses .col-1, .order_detail_box .addresses .col-2 { padding-left: 0; padding-right: 0; } } .thank_you_header .order_details { text-align: left; margin-bottom: 0 !important; display: inline-block; } .thank_you_header .order_details li { width: auto; padding: 0; margin: 0 50px 20px 50px; border: none; } .woocommerce .thank_you_header .order_details li .title, .woocommerce-page .thank_you_header .order_details li .title { font-size: 0.8125rem; font-weight: 700; display: block; margin-bottom: 6px; } .woocommerce .thank_you_header .order_details li strong, .woocommerce-page .thank_you_header .order_details li strong { font-size: 18px; line-height: 28.8px; font-size: 1.125rem; line-height: 1.8rem; font-weight: normal; font-weight: 300; } .thank_you_bank_details { margin-bottom: 25px; margin-top: 50px; } .order_details.bacs_details { margin-bottom: 0; } .woocommerce-checkout .content-area .billing_shipping_address_title { margin-top: 22px; } .woocommerce-checkout .shipping_billing_wrapper .columns:last-of-type { margin-top: 15px; } /**********************************************************************************/ /* Login/register *****************************************************************/ /**********************************************************************************/ .account-forms-container { height: auto; padding-left: 0px; } .account-forms form.login-form, .account-forms form.register, .account-forms form.track_order { margin-top: 0; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ border: 3px dashed rgba(0, 0, 0, 0.05); padding: 20px 30px 30px 30px; } .mc-dark .account-forms form.login-form, .mc-dark .account-forms form.register, .mc-dark .account-forms form.track_order { border: 3px dashed rgba(255, 255, 255, 0.05); } .account-forms form.login-form label, .account-forms form.register label, .account-forms form.track_order label { display: block; text-transform: uppercase; font-size: 13px; line-height: 20.8px; font-size: 0.8125rem; line-height: 1.3rem; margin-bottom: 5px; font-weight: 600; } .account-forms form.login-form input.button, .account-forms form.register input.button, .account-forms form.track_order input.button { width: 140px !important; height: 45px !important; line-height: 45px !important; padding: 0 !important; min-width: auto !important; } .account-forms form.login-form .form-row, .account-forms form.register .form-row, .account-forms form.track_order .form-row { margin-top: 8px; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .account-forms form.login-form .form-row, .account-forms form.register .form-row, .account-forms form.track_order .form-row { width: 100%; float: none; } } @media only screen and (max-width: 40em) { .account-forms form.login-form .form-row, .account-forms form.register .form-row, .account-forms form.track_order .form-row { width: 100%; float: none; } } .account-forms form.login-form label.inline, .account-forms form.register label.inline, .account-forms form.track_order label.inline { display: inline-block; margin-top: 6px; vertical-align: top; margin-left: 20px; } .account-forms form.login-form label.inline input, .account-forms form.register label.inline input, .account-forms form.track_order label.inline input { margin-right: 5px; } @media only screen and (max-width: 40em) { .account-forms form.login-form label.inline, .account-forms form.register label.inline, .account-forms form.track_order label.inline { display: block; margin: 20px 0 0 0; } } .account-forms form.login-form .lost_password, .account-forms form.register .lost_password, .account-forms form.track_order .lost_password { float: left; margin-top: -30px; margin-left: 167px; } .account-forms form.login-form .lost_password a, .account-forms form.register .lost_password a, .account-forms form.track_order .lost_password a { font-size: 14px; font-weight: 400; } @media only screen and (max-width: 40em) { .account-forms form.login-form .lost_password, .account-forms form.register .lost_password, .account-forms form.track_order .lost_password { float: none; margin: 0; } } .account-img-container { display: none; } .site-content .account-tab-list, .account-tab-list { list-style: none; padding: 0 0 20px; margin: 0; text-align: center; } .account-tab-list:after { content: ''; display: block; clear: both; } .account-tab-item { display: inline-block; text-align: center; margin-right: 40px; } .account-tab-item:last-child { margin-right: 0; } .account-tab-link { font-size: 36px !important; font-weight: 300 !important; display: inline-block; color: rgba(0, 0, 0, 0.3); padding-bottom: 12px; line-height: 1; text-align: center; } .mc-dark .account-tab-link { color: rgba(255, 255, 255, 0.3); } .account-tab-item.last .account-tab-link { margin-right: 0; } .account-tab-link:hover { color: black; } .mc-dark .account-tab-link:hover { color: white; } .account-tab-link.current { font-weight: 600 !important; color: #000; cursor: default; } .mc-dark .account-tab-link.current { color: #fff; } .lost-pass-link { font-size: 0.875em; } .login-register-container input[type='submit'] { margin-top: 10px !important; } .account-forms .register { display: none; } .track-order-container .entry-title { margin-bottom: 30px; } /**********************************************************************************/ /* My Account *********************************************************************/ /**********************************************************************************/ .my_account_container { margin-bottom: 80px; } .my_account_container .myaccount_user .woocommerce-MyAccount-navigation { border: 6px solid rgba(0, 0, 0, 0.05); padding: 30px; width: 27%; margin-bottom: 40px; } .mc-dark .my_account_container .myaccount_user .woocommerce-MyAccount-navigation { border: 6px solid rgba(255, 255, 255, 0.05); } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .my_account_container .myaccount_user .woocommerce-MyAccount-navigation { width: 100%; margin-bottom: 30px; } } @media only screen and (max-width: 40em) { .my_account_container .myaccount_user .woocommerce-MyAccount-navigation { width: 100%; margin-bottom: 30px; } } .my_account_container .myaccount_user .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0 0 0px 0; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .my_account_container .myaccount_user .woocommerce-MyAccount-navigation ul { text-align: center; } } @media only screen and (max-width: 40em) { .my_account_container .myaccount_user .woocommerce-MyAccount-navigation ul { text-align: center; } } .my_account_container .myaccount_user .woocommerce-MyAccount-navigation ul li { padding: 8px 0px 8px 15px; margin-right: 2px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .mc-dark .my_account_container .myaccount_user .woocommerce-MyAccount-navigation ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.05); } .my_account_container .myaccount_user .woocommerce-MyAccount-navigation ul li:last-child { border-bottom: none; } .my_account_container .myaccount_user .woocommerce-MyAccount-navigation ul li a { font-size: 18px; line-height: 28.8px; font-size: 1.125rem; line-height: 1.8rem; font-weight: 600; color: black; } .mc-dark .my_account_container .myaccount_user .woocommerce-MyAccount-navigation ul li a { color: white; } .my_account_container .myaccount_user .woocommerce-MyAccount-navigation ul li a:hover { color: rgba(0, 0, 0, 0.6); } .mc-dark .my_account_container .myaccount_user .woocommerce-MyAccount-navigation ul li a:hover { color: rgba(255, 255, 255, 0.6); } .my_account_container .myaccount_user .woocommerce-MyAccount-content { margin: 0; } .my_account_container .myaccount_user .woocommerce-MyAccount-content .myaccount-dash-hello { margin-bottom: 30px; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .my_account_container .myaccount_user .woocommerce-MyAccount-content { width: 100%; } } @media only screen and (max-width: 40em) { .my_account_container .myaccount_user .woocommerce-MyAccount-content { width: 100%; } } .my_account_container .myaccount_user .woocommerce-MyAccount-content p { margin-bottom: 10px; } .my_account_container .myaccount_user .woocommerce-MyAccount-content .my_address_title { margin-bottom: 20px; padding-bottom: 5px; border-bottom: 4px solid rgba(0, 0, 0, 0.05); } .my_account_container .my_account_inside { background-color: rgba(0, 0, 0, 0.03); padding: 50px 50px 20px; margin-bottom: 0px; } .mc-dark .my_account_container .my_account_inside { background-color: rgba(255, 255, 255, 0.03); } .my_account_container .my_account_inside h2 { font-size: 22px; line-height: 35.2px; font-size: 1.375rem; line-height: 2.2rem; text-transform: uppercase; padding: 0 0 10px; margin: 10px 0 25px 0; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: rgba(0, 0, 0, 0.03); } .mc-dark .my_account_container .my_account_inside h2 { border-bottom-color: rgba(255, 255, 255, 0.03); } .my_account_container .my_account_inside .digital-downloads { margin-bottom: 30px; } .my_account_container .my_account_inside .digital-downloads li a { font-weight: 400; } .my_account_container table.shop_table { margin-bottom: 30px; } .my_account_container table.shop_table thead th { padding: 17px 0; text-transform: capitalize; } .my_account_container table.shop_table tbody td { font-size: 16px; line-height: 25.6px; font-size: 1rem; line-height: 1.6rem; padding: 20px 30px 20px 0; } .my_account_container table.shop_table tbody td.woocommerce-orders-table__cell-order-number { font-size: 20px; line-height: 32px; font-size: 1.25rem; line-height: 2rem; font-weight: 600; } .my_account_container table.shop_table tbody td.woocommerce-orders-table__cell-order-number a { color: black; } .mc-dark .my_account_container table.shop_table tbody td.woocommerce-orders-table__cell-order-number a { color: white; } .my_account_container table.shop_table tbody td.woocommerce-orders-table__cell-order-number a:hover { color: rgba(0, 0, 0, 0.7); } .mc-dark .my_account_container table.shop_table tbody td.woocommerce-orders-table__cell-order-number a:hover { color: rgba(255, 255, 255, 0.7); } .my_account_container table.shop_table tbody td.woocommerce-orders-table__cell-order-total .amount { font-weight: 600; } .my_account_container table.shop_table tbody td.woocommerce-orders-table__cell-order-actions .account_view_link { border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ font-size: 12px; line-height: 19.2px; font-size: 0.75rem; line-height: 1.2rem; text-align: center; text-transform: uppercase; font-weight: 400; display: inline-block; color: #fff; height: 40px; line-height: 40px; padding: 0 30px; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .my_account_container table.shop_table tbody .order { margin-bottom: 30px; } } @media only screen and (max-width: 40em) { .my_account_container table.shop_table tbody .order { margin-bottom: 30px; } } .my_account_container table.shop_table_responsive tr:nth-child(2n) td { background-color: transparent; } .my_account_container .my_address_wrapper .my_address_description { font-size: 18px; line-height: 28.8px; font-size: 1.125rem; line-height: 1.8rem; width: 33.33333%; margin-bottom: 30px; padding-right: 52px; padding-bottom: 23px; float: left; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .my_account_container .my_address_wrapper .my_address_description { width: 100%; float: none; padding-right: 0; } } @media only screen and (max-width: 40em) { .my_account_container .my_address_wrapper .my_address_description { width: 100%; float: none; padding-right: 0; } } .my_account_container .my_address_wrapper .shipping_billing_wrapper { float: left; width: 66.66666%; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .my_account_container .my_address_wrapper .shipping_billing_wrapper { width: 100%; float: none; } } @media only screen and (max-width: 40em) { .my_account_container .my_address_wrapper .shipping_billing_wrapper { width: 100%; float: none; } } .my_account_container .my_address_wrapper .shipping_billing_wrapper h3 { margin-top: 0; } .my_account_container .my_address_wrapper .shipping_billing_wrapper address { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .my_account_container .my_address_wrapper .shipping_billing_wrapper .columns { margin-bottom: 30px; padding: 0; } } @media only screen and (max-width: 40em) { .my_account_container .my_address_wrapper .shipping_billing_wrapper .columns { margin-bottom: 30px; padding: 0; } } .my_account_container .my_address_wrapper .shipping_billing_wrapper .edit-link a { margin-top: 15px; border-radius: 4px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ font-size: 12px; line-height: 19.2px; font-size: 0.75rem; line-height: 1.2rem; text-align: center; text-transform: uppercase; font-weight: 400; display: inline-block; color: #fff; height: 32px; line-height: 32px; padding: 0 15px; } .my_account_container .my_address_wrapper .shipping_billing_wrapper .edit-link a i { line-height: 11px; margin-right: 10px; } .form_edit_address input.account_button { margin-top: 30px; } .form-edit-account fieldset { border-radius: 6px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ border: none; margin-top: 30px; padding: 0; } .form-edit-account input.button { margin-top: 20px; } /**********************************************************************************/ /* View Order *********************************************************************/ /**********************************************************************************/ .my_account_container .order-container .order-info { padding: 30px; margin-bottom: 20px !important; text-align: center; border-radius: 6px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ font-size: 22px; line-height: 35.2px; font-size: 1.375rem; line-height: 2.2rem; border: 3px dashed rgba(0, 0, 0, 0.05); } .mc-dark .my_account_container .order-container .order-info { border: 3px dashed rgba(255, 255, 255, 0.05); } .my_account_container .order-container .order-info mark { border-radius: 3px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ margin: 0 5px 5px; padding: 3px 10px; display: inline-block; font-weight: 400; background-color: rgba(0, 0, 0, 0.05); } .mc-dark .my_account_container .order-container .order-info mark { color: #fff; background-color: rgba(255, 255, 255, 0.05); } .my_account_container .order-container .order-info-inside { padding: 50px; background-color: rgba(0, 0, 0, 0.03); } .mc-dark .my_account_container .order-container .order-info-inside { background-color: rgba(255, 255, 255, 0.03); } .my_account_container .order-container .order-info-inside h2 { padding: 0 0 10px; margin: 0 0 25px 0; text-transform: uppercase; font-size: 22px; line-height: 35.2px; font-size: 1.375rem; line-height: 2.2rem; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: rgba(0, 0, 0, 0.03); } .mc-dark .my_account_container .order-container .order-info-inside h2 { border-bottom-color: rgba(255, 255, 255, 0.03); } .my_account_container .order-container .order-info-inside .shop_table thead th { font-size: 18px; text-transform: capitalize; } .my_account_container .order-container .order-info-inside .shop_table tbody td { width: 70%; padding: 20px 40px 20px 0; } @media only screen and (max-width: 40em) { .my_account_container .order-container .order-info-inside .shop_table tbody td { width: 60%; } } .my_account_container .order-container .order-info-inside .shop_table tbody td a { font-size: 18px; line-height: 20px; color: inherit; font-weight: 600; margin-bottom: 10px; } .my_account_container .order-container .order-info-inside .shop_table tbody td a:hover { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .my_account_container .order-container .order-info-inside .shop_table tbody td .product-quantity { font-weight: 300; } .my_account_container .order-container .order-info-inside .shop_table tbody td .variation dt, .my_account_container .order-container .order-info-inside .shop_table tbody td .variation dd, .my_account_container .order-container .order-info-inside .shop_table tbody td .variation dd p { color: rgba(0, 0, 0, 0.6); margin: 0; font-size: 14px; line-height: 16px; } .mc-dark .my_account_container .order-container .order-info-inside .shop_table tbody td .variation dt, .mc-dark .my_account_container .order-container .order-info-inside .shop_table tbody td .variation dd, .mc-dark .my_account_container .order-container .order-info-inside .shop_table tbody td .variation dd p { color: rgba(255, 255, 255, 0.6); } .my_account_container .order-container .order-info-inside .shop_table tbody td .variation dd p { margin-left: 10px; } .my_account_container .order-container .order-info-inside .shop_table tbody td .amount { font-size: 18px; } .my_account_container .order-container .order-info-inside .shop_table tbody .product-name { font-size: 18px; } .my_account_container .order-container .order-info-inside .shop_table tfoot th, .my_account_container .order-container .order-info-inside .shop_table tfoot td { border: none !important; } .my_account_container .order-container .order-info-inside .shop_table tfoot tr:first-child th, .my_account_container .order-container .order-info-inside .shop_table tfoot tr:first-child td { padding-top: 30px !important; border-top: 4px solid rgba(0, 0, 0, 0.03) !important; } .mc-dark .my_account_container .order-container .order-info-inside .shop_table tfoot tr:first-child th, .mc-dark .my_account_container .order-container .order-info-inside .shop_table tfoot tr:first-child td { border-top: 4px solid rgba(255, 255, 255, 0.03) !important; } .my_account_container .order-container .order-info-inside .shop_table tfoot th { font-size: 16px !important; font-weight: 600 !important; text-transform: capitalize; padding: 5px 0 5px 40%; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .my_account_container .order-container .order-info-inside .shop_table tfoot th { padding-left: 20%; } } @media only screen and (max-width: 40em) { .my_account_container .order-container .order-info-inside .shop_table tfoot th { padding-left: 20%; } } @media only screen and (max-width: 40em) { .my_account_container .order-container .order-info-inside .shop_table tfoot th { padding-left: 0; } } .my_account_container .order-container .order-info-inside .shop_table tfoot td { font-size: 16px; font-weight: 300 !important; } .my_account_container .order-container .order-info-inside .shop_table tfoot td .amount { font-size: 18px; } .my_account_container .order-container .order-info-inside .shop_table tfoot tr:last-child .amount { font-size: 20px !important; font-weight: 600; } .my_account_container .order-container .order-info-inside header { margin-top: 40px; } .my_account_container .order-container .order-info-inside table.customer_details th, .my_account_container .order-container .order-info-inside table.customer_details td { border: none !important; padding: 5px 0; } .my_account_container .order-container .order-info-inside table.customer_details th { font-size: 16px !important; font-weight: 600 !important; text-transform: capitalize; } .my_account_container .order-container .order-info-inside .addresses { margin-top: 40px; } .my_account_container .order-container .order-info-inside .addresses .col-1, .my_account_container .order-container .order-info-inside .addresses .col-2 { width: 50%; float: left; margin-top: 0 !important; } .my_account_container .order-container .order-info-inside .addresses .col-1 address, .my_account_container .order-container .order-info-inside .addresses .col-2 address { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .my_account_container .order-container .order-info-inside .addresses .col-1, .my_account_container .order-container .order-info-inside .addresses .col-2 { width: 100%; float: none; } } @media only screen and (max-width: 40em) { .my_account_container .order-container .order-info-inside .addresses .col-1, .my_account_container .order-container .order-info-inside .addresses .col-2 { width: 100%; float: none; } } .my_account_container .order-container .order-info-inside .addresses .col-1 header, .my_account_container .order-container .order-info-inside .addresses .col-2 header { margin-top: 0; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .my_account_container .order-container .order-info-inside .addresses .col-2 { margin-top: 30px !important; } } @media only screen and (max-width: 40em) { .my_account_container .order-container .order-info-inside .addresses .col-2 { margin-top: 30px !important; } } /* cart empty */ .cart-empty-icon { width: 220px; height: 220px; margin: 40px auto 10px auto; display: block; } .cart-empty-icon:after { font-size: 200px; color: rgba(0, 0, 0, 0.8); font-family: 'Woodstock'; content: '\e627'; } .mc-dark .cart-empty-icon:after { color: rgba(255, 255, 255, 0.7); } .cart-empty-text { text-align: center; font-size: 28px; line-height: 44.8px; font-size: 1.75rem; line-height: 2.8rem; line-height: 32px; margin: 0 auto; } .return-to-shop { margin-top: 30px; margin-bottom: 120px; } .wc-backward a:before, .wc-backward:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f112'; font-size: 1.1em; margin-right: 10px; } /**********************************************************************************/ /* Widgets ************************************************************************/ /**********************************************************************************/ .woocommerce .star-rating, .woocommerce .wc-block-review-list-item__rating__stars, .woocommerce-page .star-rating, .woocommerce-page .wc-block-review-list-item__rating__stars { margin: 5px 0; height: 1em; line-height: 0.9; font-size: 0.8em; width: 5.3em; } .woocommerce ul.product_list_widget li .star-rating, .woocommerce-page ul.product_list_widget li .star-rating { margin: 6px 0 0 0 !important; } .woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before { color: #314381; } .woocommerce .star-rating:before, .woocommerce-page .star-rating:before, .wc-block-components-review-list-item__rating > .wc-block-components-review-list-item__rating__stars:before { color: rgba(0, 0, 0, 0.2) !important; } .mc-dark .woocommerce .star-rating:before, .mc-dark .woocommerce-page .star-rating:before, .mc-dark .wc-block-components-review-list-item__rating > .wc-block-components-review-list-item__rating__stars:before { color: rgba(255, 255, 255, 0.3) !important; } .wc-block-components-review-list-item__rating > .wc-block-components-review-list-item__rating__stars:before { content: '\73\73\73\73\73'; } .woocommerce ul.cart_list li dl dt, .woocommerce-page ul.cart_list li dl dt, .woocommerce ul.product_list_widget li dl dt, .woocommerce-page ul.product_list_widget li dl dt { /*clear:none;*/ } .woocommerce ul.cart_list li dl, .woocommerce-page ul.cart_list li dl, .woocommerce ul.product_list_widget li dl, .woocommerce-page ul.product_list_widget li dl { margin: 10px 0 0 0; padding: 0; border: 0; color: #fff; } .woocommerce ul.cart_list li dl dt, .woocommerce-page ul.cart_list li dl dt, .woocommerce ul.product_list_widget li dl dt, .woocommerce-page ul.product_list_widget li dl dt { font-weight: normal; text-transform: uppercase; } .widget_shopping_cart .total { border-top: 2px solid rgba(255, 255, 255, 0.05) !important; padding: 10px 0px 5px !important; margin-bottom: 10px; /*color: #fff;*/ } #minicart-offcanvas .widget_shopping_cart .total { padding: 10px 0 !important; } .widget_shopping_cart .total strong { display: inline-block; font-size: 16px; text-transform: uppercase; } .widget_shopping_cart .total .amount { display: inline-block; text-align: right; float: right; } .widget_shopping_cart .buttons a { width: 100%; margin: 0 0 7px 0; height: 45px; line-height: 45px; padding: 0; } .products .product_after_shop_loop_switcher a.button, .products .category-price-grid-list a.button { position: relative; display: inline-block; float: left; border-radius: 3px !important; background-clip: padding-box; /* stops bg color from leaking outside the border: */ font-size: 10px; line-height: 16px; font-size: 0.625rem; line-height: 1rem; padding: 0px 15px !important; padding: 0rem 0.9375rem !important; height: 33px; vertical-align: middle !important; line-height: 33px !important; background-color: #333; color: #fff !important; letter-spacing: 0 !important; text-transform: uppercase !important; font-weight: bold !important; font-weight: 600 !important; margin: 0 !important; line-height: normal; min-width: inherit; text-decoration: none; text-align: left; border: none !important; cursor: pointer; -webkit-appearance: none; border: none; } .products a.button.added, .add_to_cart_inline a.button.added { display: none; } .jckqvBtn { display: none !important; } .quick-view-button { z-index: 999; display: none; position: absolute; bottom: 10px; left: 41%; right: 0; text-align: center; width: 40px; height: 40px; line-height: 42px; padding: 0; border-radius: 3px !important; background-clip: padding-box; /* stops bg color from leaking outside the border: */ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); background-color: #fff; } @media only screen and (max-width: 40em) { .quick-view-button { width: 34px; height: 34px; line-height: 36px; } } .preview_slider .quick-view-button { bottom: 25px; } .product-item:hover .quick-view-button { display: block; } @media only screen and (max-width: 40em) { .product-item:hover .quick-view-button { display: none; } } @-webkit-keyframes fadeInQ { from { opacity: 0; } to { opacity: 0.7; } } @keyframes fadeInQ { from { opacity: 0; } to { opacity: 0.7; } } .quick-view-button:after { color: #333; font-size: 16px; line-height: 25.6px; font-size: 1rem; line-height: 1.6rem; font-family: 'Woodstock'; content: '\e60a'; } .quick-view-button:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1); } a.button.loading { opacity: 1 !important; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; filter: alpha(opacity=100); } a.button.loading:after { display: none !important; } a.button.loading span.button-loader { margin-top: 3px; display: inline-block; float: right; margin-left: 12px; height: 12px; width: 12px; } .spinner-circle a.button.loading span.button-loader:after { content: ''; border: 1px solid; border-color: #fff; border-right-color: transparent; -webkit-animation: circle-rotate 0.5s infinite linear !important; animation: circle-rotate 0.5s infinite linear !important; border-radius: 80%; display: inline-block; width: 13px; height: 13px; position: relative; } .spinner-bounce a.button.loading span.button-loader, .spinner-bounce a.button.loading span.button-loader:before, .spinner-bounce a.button.loading span.button-loader:after { top: 11px; width: 1px; height: 11px; background: #fff; } .spinner-bounce a.button.loading span.button-loader { display: inline-block; position: relative; } .spinner-bounce a.button.loading span.button-loader:before, .spinner-bounce a.button.loading span.button-loader:after { content: ''; position: absolute; display: block; top: 0px; } .spinner-bounce a.button.loading span.button-loader:before { left: -3px; } .spinner-bounce a.button.loading span.button-loader:after { left: 3px; } .spinner-bounce a.button.loading span.button-loader { -webkit-animation: bounce-middle-but 0.6s ease 0.1s infinite; animation: bounce-middle-but 0.6s ease 0.1s infinite; } .spinner-bounce a.button.loading span.button-loader:before, .spinner-bounce a.button.loading span.button-loader:after { top: 50%; -webkit-transform: translateY(-6px) translateZ(0); transform: translateY(-6px) translateZ(0); } .spinner-bounce a.button.loading span.button-loader:before { -webkit-animation: bounce-middle-but 0.6s ease 0s infinite; animation: bounce-middle-but 0.6s ease 0s infinite; } .spinner-bounce a.button.loading span.button-loader:after { -webkit-animation: bounce-middle-but 0.6s ease 0.2s infinite; animation: bounce-middle-but 0.6s ease 0.2s infinite; } @-webkit-keyframes bounce-middle-but { 0% { height: 2px; margin-top: 4px; margin-bottom: 4px; } 50% { height: 11px; margin-top: 0px; margin-bottom: 0px; } 100% { height: 2px; margin-top: 4px; margin-bottom: 4px; } } @keyframes bounce-middle-but { 0% { height: 2px; margin-top: 4px; margin-bottom: 4px; } 50% { height: 11px; margin-top: 0px; margin-bottom: 0px; } 100% { height: 2px; margin-top: 4px; margin-bottom: 4px; } } .woocommerce a.button:active, .woocommerce button.button:active, .woocommerce input.button:active, .woocommerce #respond input#submit:active, .woocommerce #content input.button:active, .woocommerce-page a.button:active, .woocommerce-page button.button:active, .woocommerce-page input.button:active, .woocommerce-page #respond input#submit:active, .woocommerce-page #content input.button:active { top: inherit; } .woocommerce-after-shop-loop-wrapper { margin-bottom: 60px; } .woocommerce-pagination { margin: 30px 0 0 0; } .woocommerce #content nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul, .woocommerce-page #content nav.woocommerce-pagination ul, .woocommerce-page nav.woocommerce-pagination ul { border: none; white-space: normal; } .woocommerce #content nav.woocommerce-pagination ul li, .woocommerce nav.woocommerce-pagination ul li, .woocommerce-page #content nav.woocommerce-pagination ul li, .woocommerce-page nav.woocommerce-pagination ul li { border-right: none; display: inline-block; float: none; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce-page nav.woocommerce-pagination ul li a, .woocommerce-page nav.woocommerce-pagination ul li span, .woocommerce #content nav.woocommerce-pagination ul li a, .woocommerce #content nav.woocommerce-pagination ul li span, .woocommerce-page #content nav.woocommerce-pagination ul li a, .woocommerce-page #content nav.woocommerce-pagination ul li span { font-size: 16px; line-height: 25.6px; font-size: 1rem; line-height: 1.6rem; font-weight: normal; font-weight: 300; color: rgba(0, 0, 0, 0.5); margin: 0; padding: 7px 5px; padding: 0.4375rem 0.3125rem; line-height: 2em; min-width: 3em; } .woocommerce .mc-dark nav.woocommerce-pagination ul li a, .woocommerce .mc-dark nav.woocommerce-pagination ul li span, .woocommerce-page .mc-dark nav.woocommerce-pagination ul li a, .woocommerce-page .mc-dark nav.woocommerce-pagination ul li span, .woocommerce .mc-dark #content nav.woocommerce-pagination ul li a, .woocommerce .mc-dark #content nav.woocommerce-pagination ul li span, .woocommerce-page .mc-dark #content nav.woocommerce-pagination ul li a, .woocommerce-page .mc-dark #content nav.woocommerce-pagination ul li span { color: rgba(255, 255, 255, 0.5); } .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce #content nav.woocommerce-pagination ul li span.current, .woocommerce #content nav.woocommerce-pagination ul li a:hover, .woocommerce #content nav.woocommerce-pagination ul li a:focus, .woocommerce-page nav.woocommerce-pagination ul li span.current, .woocommerce-page nav.woocommerce-pagination ul li a:hover, .woocommerce-page nav.woocommerce-pagination ul li a:focus, .woocommerce-page #content nav.woocommerce-pagination ul li span.current, .woocommerce-page #content nav.woocommerce-pagination ul li a:hover, .woocommerce-page #content nav.woocommerce-pagination ul li a:focus { border-radius: 4px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ background: rgba(0, 0, 0, 0.03); color: #000; } .woocommerce .mc-dark nav.woocommerce-pagination ul li span.current, .woocommerce .mc-dark nav.woocommerce-pagination ul li a:hover, .woocommerce .mc-dark nav.woocommerce-pagination ul li a:focus, .woocommerce .mc-dark #content nav.woocommerce-pagination ul li span.current, .woocommerce .mc-dark #content nav.woocommerce-pagination ul li a:hover, .woocommerce .mc-dark #content nav.woocommerce-pagination ul li a:focus, .woocommerce-page .mc-dark nav.woocommerce-pagination ul li span.current, .woocommerce-page .mc-dark nav.woocommerce-pagination ul li a:hover, .woocommerce-page .mc-dark nav.woocommerce-pagination ul li a:focus, .woocommerce-page .mc-dark #content nav.woocommerce-pagination ul li span.current, .woocommerce-page .mc-dark #content nav.woocommerce-pagination ul li a:hover, .woocommerce-page .mc-dark #content nav.woocommerce-pagination ul li a:focus { background: rgba(255, 255, 255, 0.05); color: #fff; } /**********************************************************************************/ /* Single Product *****************************************************************/ /**********************************************************************************/ .woocommerce .single-product #breadcrumbs, .woocommerce-page .single-product #breadcrumbs { margin-top: 0; float: none; } .woocommerce .single-product .owl-nav, .woocommerce-page .single-product .owl-nav { margin-top: 0; } .woocommerce .single-product .owl-dots, .woocommerce-page .single-product .owl-dots { display: none; position: absolute; bottom: 15px; text-align: center; width: 100%; } @media only screen and (max-width: 990px) { .woocommerce .single-product .owl-dots, .woocommerce-page .single-product .owl-dots { display: block; } } .woocommerce .single-product .owl-dots .owl-dot span, .woocommerce-page .single-product .owl-dots .owl-dot span { width: 7px; height: 7px; margin: 5px 7px; background: rgba(0, 0, 0, 0.1); display: block; border-radius: 7px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } .woocommerce .single-product .owl-dots .owl-dot.active span, .woocommerce .single-product .owl-dots .owl-dot:hover span, .woocommerce-page .single-product .owl-dots .owl-dot.active span, .woocommerce-page .single-product .owl-dots .owl-dot:hover span { background: rgba(0, 0, 0, 0.5); } .woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce-page #content div.product div.images { float: none; width: 100%; margin: 0; } .woocommerce div.product div.images img, .woocommerce #content div.product div.images img, .woocommerce-page div.product div.images img, .woocommerce-page #content div.product div.images img { display: block; width: 100%; max-width: 100%; height: auto; box-shadow: none; -webkit-box-shadow: none; transition: none; } .woocommerce .disableClick a, .woocommerce-page .disableClick a { cursor: default; pointer-events: none; } .single-product .product_infos { padding-right: 0; } .single-product .product_thumbnails { overflow: hidden; margin: 20px 0; } @media only screen and (max-width: 990px) { .product_summary_thumbnails_wrapper { display: none; } } .product_thumbnails .swiper-container { width: 100%; transition: opacity 300ms ease; /*padding-top:100px;*/ } .product_thumbnails .swiper-slide { padding-bottom: 20px; opacity: 0.2; cursor: pointer; transition: opacity 300ms ease; } .product_thumbnails .swiper-slide img { max-width: 90px; } .product_thumbnails .swiper-slide:last-child { padding-bottom: 0; } .product_thumbnails .swiper-slide-active { opacity: 1; transition: opacity 300ms ease; } .product_images { position: relative; } .product_images .swiper-container { width: 100%; } .easyzoom-notice, .owl-carousel.owl-loading { background-image: url("../images/ajax-loader.gif"); background-position: center; background-repeat: no-repeat; } .easyzoom-notice { display: block !important; width: 48px; height: 48px; margin: -24px 0 0 -24px; border-radius: 48px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ box-shadow: none; background-color: rgba(255, 255, 255, 0.9); } .product_images ul, .product_images ol { margin: 0; padding: 0; list-style: none; } /* Single Product - With Sidebar */ .single-product .content-pos .summary-description { margin-top: 40px; } .single-product .content-pos .single-product-images.with_sidebar { position: relative; width: 50%; float: left; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .single-product .content-pos .single-product-images.with_sidebar { width: 100%; float: none; padding: 0; } } @media only screen and (max-width: 40em) { .single-product .content-pos .single-product-images.with_sidebar { width: 100%; float: none; padding: 0; } } @media only screen and (max-width: 40em) { .single-product .content-pos .single-product-images.with_sidebar { width: 100%; float: none; padding: 0; } } .single-product .content-pos .single-product-infos { width: 50%; float: left; padding-left: 50px; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .single-product .content-pos .single-product-infos { margin-top: 40px; width: 100%; float: none; padding-left: 0px; } } @media only screen and (max-width: 40em) { .single-product .content-pos .single-product-infos { margin-top: 40px; width: 100%; float: none; padding-left: 0px; } } .single-product .content-pos .single-product-infos .woocommerce-variation-availability p { text-transform: uppercase; font-size: 11px; line-height: 17.6px; font-size: 0.6875rem; line-height: 1.1rem; font-weight: 400; letter-spacing: 1.5px; } .single-product .content-pos .single-product-infos #breadcrumbs { color: black; } .mc-dark .single-product .content-pos .single-product-infos #breadcrumbs { color: white; } .single-product .content-pos .single-product-infos #breadcrumbs a { color: rgba(0, 0, 0, 0.4); } .mc-dark .single-product .content-pos .single-product-infos #breadcrumbs a { color: rgba(255, 255, 255, 0.4); } .single-product .content-pos .single-product-infos #breadcrumbs a:hover { color: black; } .mc-dark .single-product .content-pos .single-product-infos #breadcrumbs a:hover { color: white; } .single-product .content-pos .single-product-infos h1.product_title { font-size: 34px; line-height: 40px; display: block; margin: 10px 0 10px 0; } .single-product .content-pos .single-product-infos .woocommerce-product-rating { margin-top: -5px; margin-bottom: 10px; } .single-product .content-pos .single-product-infos .woocommerce-product-rating .star-rating { height: 1em; line-height: 1; font-size: 1em; width: 5.3em; } .single-product .content-pos .single-product-infos .woocommerce-review-link { margin-left: 5px; font-size: 14px; color: rgba(0, 0, 0, 0.7); } .mc-dark .single-product .content-pos .single-product-infos .woocommerce-review-link { color: rgba(255, 255, 255, 0.7); } .single-product .content-pos .single-product-infos .woocommerce-review-link:hover { color: black; } .mc-dark .single-product .content-pos .single-product-infos .woocommerce-review-link:hover { color: white; } .single-product .content-pos .single-product-infos .price { margin: 20px 0; } .single-product .content-pos .single-product-infos .price, .single-product .content-pos .single-product-infos .price ins, .single-product .content-pos .single-product-infos .price del { color: #000; font-size: 30px; line-height: 48px; font-size: 1.875rem; line-height: 3rem; line-height: 37px; font-weight: normal; font-weight: 300; } .mc-dark .single-product .content-pos .single-product-infos .price, .mc-dark .single-product .content-pos .single-product-infos .price ins, .mc-dark .single-product .content-pos .single-product-infos .price del { color: #fff; } .single-product .content-pos .single-product-infos .price ins { text-decoration: none; float: left; margin-right: 15px; } .single-product .content-pos .single-product-infos .price del { vertical-align: top; font-size: 22px; line-height: 35.2px; font-size: 1.375rem; line-height: 2.2rem; line-height: 32px; } .single-product .content-pos .single-product-infos .price del span { vertical-align: top; display: inline-block; text-decoration: inherit; } .single-product .product_infos { padding-right: 0; padding-left: 0; } .woocommerce div.product form.cart table.group_table td:first-child { width: 7em; } @media only screen and (max-width: 40em) { .woocommerce div.product form.cart table.group_table td:first-child { width: 10em; } .woocommerce div.product form.cart table.group_table td:first-child div.quantity { margin-right: 10px !important; } } .woocommerce div.product form.cart table.group_table label { margin: 0; } .woocommerce div.product form.cart table.group_table h4 { margin: 0; line-height: 22px; } @media only screen and (max-width: 40em) { .woocommerce div.product form.cart table.group_table h4 { font-size: 14px; line-height: 20px; } } .woocommerce div.product .product_infos .out-of-stock { text-transform: uppercase; font-size: 11px; font-weight: 400; letter-spacing: 1.5px; } /* Single Product - Without Sidebar */ .single-product.without-sidebar .image-content { display: inline-block; width: 55%; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .single-product.without-sidebar .image-content { width: 100%; } } @media only screen and (max-width: 40em) { .single-product.without-sidebar .image-content { width: 100%; } } .single-product.without-sidebar .single-product-infos { display: inline-block; width: 45%; float: right; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .single-product.without-sidebar .single-product-infos { float: none; width: 100%; } } @media only screen and (max-width: 40em) { .single-product.without-sidebar .single-product-infos { float: none; width: 100%; } } .single-product.without-sidebar .product_summary_thumbnails_wrapper { display: block; width: 15%; min-width: 80px; height: auto; float: left; } .single-product.without-sidebar .product_summary_thumbnails_wrapper .product_thumbnails { margin-top: 0; } @media only screen and (min-width: 62em) and (max-width: 74.94em) { .single-product.without-sidebar .product_summary_thumbnails_wrapper { display: none; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .single-product.without-sidebar .product_summary_thumbnails_wrapper { display: none; } } @media only screen and (max-width: 40em) { .single-product.without-sidebar .product_summary_thumbnails_wrapper { display: none; } } .single-product.without-sidebar .single-product-images { position: relative; display: block; float: right; width: 85%; } @media only screen and (min-width: 62em) and (max-width: 74.94em) { .single-product.without-sidebar .single-product-images { width: 100%; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .single-product.without-sidebar .single-product-images { width: 100%; } } @media only screen and (max-width: 40em) { .single-product.without-sidebar .single-product-images { width: 100%; } } /** Grouped Products */ .group_table { margin-bottom: 15px; } .group_table .gr-product { padding: 17px 0 10px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .mc-dark .group_table .gr-product { border-bottom: 1px solid rgba(255, 255, 255, 0.05); } .group_table .gr-product:first-child { padding-top: 0; } .group_table .gr-product:last-child { border-bottom: none; } .group_table .gr-quantity, .group_table .gr-price { display: inline-block; vertical-align: top; } .group_table .gr-price .label h4 { margin: 0; font-size: 18px; line-height: 22px; } .group_table .gr-price .label h4 a { text-transform: capitalize; color: #000; } .mc-dark .group_table .gr-price .label h4 a { color: #fff; } .group_table .gr-price .label h4 a:hover { color: rgba(0, 0, 0, 0.7); } .mc-dark .group_table .gr-price .label h4 a:hover { color: rgba(255, 255, 255, 0.7); } .group_table .price { font-size: 20px !important; margin: 0 !important; color: rgba(0, 0, 0, 0.8) !important; } .mc-dark .group_table .price { color: rgba(255, 255, 255, 0.8) !important; } .group_table .price ins { font-size: 20px !important; color: rgba(0, 0, 0, 0.8) !important; } .mc-dark .group_table .price ins { color: rgba(255, 255, 255, 0.8) !important; } .group_table .price del { vertical-align: top; font-size: 16px !important; line-height: 34px !important; color: rgba(0, 0, 0, 0.4) !important; } .mc-dark .group_table .price del { color: rgba(255, 255, 255, 0.4) !important; } /** Single Product - Socials Single Post - Socials */ .box-share-master-container { margin-top: 5px; margin-left: 25px; float: right; text-align: center; } .box-share-master-container a { display: block; } .box-share-master-container a i { width: 50px; height: 50px; border-radius: 50px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ color: rgba(0, 0, 0, 0.1); border: 2px solid rgba(0, 0, 0, 0.1); display: block; font-size: 24px; line-height: 47px; } .mc-dark .box-share-master-container a i { color: rgba(255, 255, 255, 0.2); border: 2px solid rgba(255, 255, 255, 0.2); } .box-share-master-container a span { color: rgba(0, 0, 0, 0.15); display: block; margin-top: 0px; font-size: 11px; line-height: 24px; letter-spacing: 1.5px; text-transform: uppercase; font-weight: 600; } .mc-dark .box-share-master-container a span { color: rgba(255, 255, 255, 0.2); } .box-share-master-container a:hover i { color: rgba(0, 0, 0, 0.9); border: 2px solid rgba(0, 0, 0, 0.9); } .mc-dark .box-share-master-container a:hover i { color: rgba(255, 255, 255, 0.9); border: 2px solid rgba(255, 255, 255, 0.9); } .box-share-master-container a:hover span { color: rgba(0, 0, 0, 0.9); } .mc-dark .box-share-master-container a:hover span { color: rgba(255, 255, 255, 0.9); } .box-share-container { display: inline-block; position: relative; z-index: 99; } .box-share-container a { font-weight: bold; } .box-share-container.post-share-container { display: block; text-align: center; margin: 48px 0 40px; } .trigger-share-list { display: inline-block; font-size: 13px; line-height: 20px; font-weight: 700; text-transform: uppercase; position: relative; } .trigger-share-list .fa { font-size: 13px; margin-right: 13px; position: relative; top: 0px; left: 3px; } .box-share-list { position: absolute; top: 100px; left: -50px; height: 0px; overflow: hidden; text-align: left; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); webkit-transition: height 0.3s, width 0.3s, -webkit-transform 0.3s; transition: height 0.3s, width 0.3s, -webkit-transform 0.3s; transition: height 0.3s, width 0.3s, transform 0.3s; transition: height 0.3s, width 0.3s, transform 0.3s, -webkit-transform 0.3s; } .box-share-container.open .box-share-list { top: 100px; width: 185px; } .box-share-list-inner { padding: 24px 13px 28px 22px; width: 185px; } .box-share-link { display: block; font-size: 13px; color: #000; margin-bottom: 13px; font-weight: normal; position: relative; transition: left 0.3s; } .box-share-container.open .box-share-link { left: 0; } .box-share-container.open a:nth-child(1) { transition-delay: 0.05s; } .box-share-container.open a:nth-child(2) { transition-delay: 0.1s; } .box-share-container.open a:nth-child(3) { transition-delay: 0.15s; } .box-share-container.open a:nth-child(4) { transition-delay: 0.2s; } .box-share-link:last-child { margin-bottom: 0; } .box-share-link:hover { color: #000 !important; } .box-share-link span { padding-bottom: 4px; border-bottom: 2px solid transparent; transition: border-color 0.3s; -webkit-transition: border-color 0.3s; } .box-share-link:hover span { border-bottom-width: 2px; border-bottom-style: solid; } .box-share-link .fa { font-size: 16px; margin-right: 6px; position: relative; text-align: center; top: 2px; width: 20px; } .single-product.with-sidebar .swiper-container { height: 90px !important; width: auto !important; margin: 0 -5px; } .single-product.with-sidebar .swiper-wrapper { display: flex; display: -webkit-flex; } .single-product.with-sidebar .swiper-slide { padding: 0 5px; } .single-product.with-sidebar .swiper-slide img { width: 80px; } .single-product.with-sidebar .large-10, .single-product.with-sidebar .large-10 .large-9 { width: 100%; } .single-product.with-sidebar .group_table td.price { text-align: right; } .product_images a.product_video_button { z-index: 99; display: block; position: absolute; text-align: center; bottom: 20px; left: 20px; width: 45px; height: 45px; background-color: rgba(255, 255, 255, 0.8); color: #333; border-radius: 3px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } .product_images a.product_video_button i { margin-left: 3px; font-size: 16px; line-height: 45px; } .product_images a.product_video_button:hover { background-color: white; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1); } .product_images .product_image_zoom_button { z-index: 9999; display: block; position: absolute; text-align: center; bottom: 20px; right: 20px; width: 45px; height: 45px; background-color: rgba(255, 255, 255, 0.8); color: #333; border-radius: 3px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } .product_images .product_image_zoom_button i { margin-left: 0px; font-size: 16px; line-height: 45px; } .product_images .product_image_zoom_button:hover { background-color: white; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1); } .woocommerce div.product form.cart .variations, .woocommerce-page div.product form.cart .variations, .woocommerce #content div.product form.cart.variations, .woocommerce-page #content div.product form.cart .variations { margin-bottom: 0; } .woocommerce div.product form.cart .variations select, .woocommerce #content div.product form.cart .variations select, .woocommerce-page div.product form.cart .variations select, .woocommerce-page #content div.product form.cart .variations select { float: none; } .woocommerce div.product form.cart, .woocommerce #content div.product form.cart, .woocommerce-page div.product form.cart, .woocommerce-page #content div.product form.cart { margin: 30px 0 0 0; padding: 30px 30px 20px; border: 3px solid rgba(0, 0, 0, 0.03); border-radius: 8px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } @media only screen and (max-width: 40em) { .woocommerce div.product form.cart, .woocommerce #content div.product form.cart, .woocommerce-page div.product form.cart, .woocommerce-page #content div.product form.cart { padding: 20px 20px 10px; } } .mc-dark .woocommerce div.product form.cart, .mc-dark .woocommerce #content div.product form.cart, .mc-dark .woocommerce-page div.product form.cart, .mc-dark .woocommerce-page #content div.product form.cart { border: 3px solid rgba(255, 255, 255, 0.03); } .woocommerce div.product form.cart tr td, .woocommerce #content div.product form.cart tr td, .woocommerce-page div.product form.cart tr td, .woocommerce-page #content div.product form.cart tr td { padding-bottom: 10px !important; } .woocommerce div.product form.cart tr td.label, .woocommerce #content div.product form.cart tr td.label, .woocommerce-page div.product form.cart tr td.label, .woocommerce-page #content div.product form.cart tr td.label { width: 25%; } .woocommerce div.product form.cart .select2-container, .woocommerce #content div.product form.cart .select2-container, .woocommerce-page div.product form.cart .select2-container, .woocommerce-page #content div.product form.cart .select2-container { width: 100% !important; } .woocommerce div.product form.cart .woodstock-reset-variations .reset_variations, .woocommerce #content div.product form.cart .woodstock-reset-variations .reset_variations, .woocommerce-page div.product form.cart .woodstock-reset-variations .reset_variations, .woocommerce-page #content div.product form.cart .woodstock-reset-variations .reset_variations { display: inline-block; text-transform: uppercase; margin-bottom: 10px; font-weight: 400; font-size: 11px; line-height: 16px; letter-spacing: 1.5px; color: rgba(0, 0, 0, 0.5); border-bottom: 1px dotted rgba(0, 0, 0, 0.5); } .woocommerce div.product form.cart .woodstock-reset-variations .reset_variations:hover, .woocommerce #content div.product form.cart .woodstock-reset-variations .reset_variations:hover, .woocommerce-page div.product form.cart .woodstock-reset-variations .reset_variations:hover, .woocommerce-page #content div.product form.cart .woodstock-reset-variations .reset_variations:hover { color: black; border-bottom: 1px dotted black; } .woocommerce div.product form.cart .woocommerce-variation-add-to-cart, .woocommerce #content div.product form.cart .woocommerce-variation-add-to-cart, .woocommerce-page div.product form.cart .woocommerce-variation-add-to-cart, .woocommerce-page #content div.product form.cart .woocommerce-variation-add-to-cart { margin-top: 10px; } .woocommerce .mc-dark div.product form.cart, .woocommerce .mc-dark #content div.product form.cart, .woocommerce-page .mc-dark div.product form.cart, .woocommerce-page .mc-dark #content div.product form.cart { border: 3px solid rgba(255, 255, 255, 0.05); } .woocommerce .mc-dark div.product form.cart .reset_variations, .woocommerce .mc-dark #content div.product form.cart .reset_variations, .woocommerce-page .mc-dark div.product form.cart .reset_variations, .woocommerce-page .mc-dark #content div.product form.cart .reset_variations { color: rgba(255, 255, 255, 0.5); border-bottom: 1px dotted rgba(255, 255, 255, 0.5); } .woocommerce .mc-dark div.product form.cart .reset_variations:hover, .woocommerce .mc-dark #content div.product form.cart .reset_variations:hover, .woocommerce-page .mc-dark div.product form.cart .reset_variations:hover, .woocommerce-page .mc-dark #content div.product form.cart .reset_variations:hover { color: white; border-bottom: 1px dotted white; } .woocommerce div.product form.cart .variations .tawcvs-swatches .swatch-color, .woocommerce #content div.product form.cart .variations .tawcvs-swatches .swatch-color, .woocommerce-page div.product form.cart .variations .tawcvs-swatches .swatch-color, .woocommerce-page #content div.product form.cart .variations .tawcvs-swatches .swatch-color { border: none; box-shadow: none; } .variation-select { position: relative; border-radius: 4px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ display: inline-block; width: 100%; background-color: rgba(0, 0, 0, 0.04); height: 43px; line-height: 43px; margin: 0; } .mc-dark .variation-select { background-color: rgba(255, 255, 255, 0.04); } .variation-select select { padding: 0 15px !important; margin: 0; border: none !important; outline: none !important; display: inline-block !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; cursor: pointer !important; font-weight: bold !important; font-weight: 400 !important; text-transform: uppercase !important; font-size: 11px !important; height: 43px !important; line-height: 43px !important; background-color: transparent !important; } .mc-dark .variation-select select option { color: #fff; } .variation-select:after { content: '\e628'; font-family: 'Woodstock'; font-size: 14px; right: 5px; top: 0; padding: 0; position: absolute; pointer-events: none; text-align: center !important; width: 34px; height: 43px; line-height: 43px; font-weight: normal !important; font-weight: 300 !important; } body.single-product .product_infos form.cart .single_add_to_cart_button:after, body.single-product .product_infos form.cart .single_add_to_cart_button:before { display: none; } body.single-product .product_infos form.cart .single_add_to_cart_button.loading { opacity: 1; } body.single-product .product_infos form.cart .single_add_to_cart_button.loading:disabled { padding: 0; padding-left: 30px; padding-right: 30px; } body.single-product .product_infos form.cart .single_add_to_cart_button.loading span.button-loader { margin-top: 2px !important; display: inline-block; float: right; margin-left: 12px; height: 12px; width: 12px; } body.single-product .product_infos.spinner-circle form.cart .single_add_to_cart_button.loading span.button-loader:after { content: ''; border: 1px solid; border-color: #fff; border-right-color: transparent; -webkit-animation: circle-rotate 0.5s infinite linear !important; animation: circle-rotate 0.5s infinite linear !important; border-radius: 80%; display: inline-block; width: 13px; height: 13px; position: relative; } body.single-product .product_infos.spinner-bounce form.cart .single_add_to_cart_button.loading span.button-loader { display: inline-block; position: relative; } body.single-product .product_infos.spinner-bounce form.cart .single_add_to_cart_button.loading span.button-loader, body.single-product .product_infos.spinner-bounce form.cart .single_add_to_cart_button.loading span.button-loader:before, body.single-product .product_infos.spinner-bounce form.cart .single_add_to_cart_button.loading span.button-loader:after { top: 16px; width: 1px; height: 11px; background: #fff; } body.single-product .product_infos.spinner-bounce form.cart .single_add_to_cart_button.loading span.button-loader:before, body.single-product .product_infos.spinner-bounce form.cart .single_add_to_cart_button.loading span.button-loader:after { content: ''; position: absolute; display: block; top: 0px; } body.single-product .product_infos.spinner-bounce form.cart .single_add_to_cart_button.loading span.button-loader:before { left: -3px; } body.single-product .product_infos.spinner-bounce form.cart .single_add_to_cart_button.loading span.button-loader:after { left: 3px; } body.single-product .product_infos.spinner-bounce form.cart .single_add_to_cart_button.loading span.button-loader { -webkit-animation: bounce-middle-but 0.6s ease 0.1s infinite; animation: bounce-middle-but 0.6s ease 0.1s infinite; } body.single-product .product_infos.spinner-bounce form.cart .single_add_to_cart_button.loading span.button-loader:before, body.single-product .product_infos.spinner-bounce form.cart .single_add_to_cart_button.loading span.button-loader:after { top: 50%; -webkit-transform: translateY(-6px) translateZ(0); transform: translateY(-6px) translateZ(0); } body.single-product .product_infos.spinner-bounce form.cart .single_add_to_cart_button.loading span.button-loader:before { -webkit-animation: bounce-middle-but 0.6s ease 0s infinite; animation: bounce-middle-but 0.6s ease 0s infinite; } body.single-product .product_infos.spinner-bounce form.cart .single_add_to_cart_button.loading span.button-loader:after { -webkit-animation: bounce-middle-but 0.6s ease 0.2s infinite; animation: bounce-middle-but 0.6s ease 0.2s infinite; } .woocommerce div.product form.cart .single_add_to_cart_button, .woocommerce-page div.product form.cart .single_add_to_cart_button { margin-bottom: 20px; } .woocommerce div.product form.cart tr, .woocommerce-page div.product form.cart tr, .woocommerce #content div.product form.cart tr, .woocommerce-page #content div.product form.cart tr { border: 0; } .woocommerce div.product form.cart table td, .woocommerce-page div.product form.cart table td, .woocommerce #content div.product form.cart table td, .woocommerce-page #content div.product form.cart table td { padding: 0; } .woocommerce div.product form.cart td.label, .woocommerce-page div.product form.cart td.label, .woocommerce #content div.product form.cart td.label, .woocommerce-page #content div.product form.cart td.label { background: none; padding: 0; background: none; text-transform: uppercase; font-size: 14px; line-height: 22.4px; font-size: 0.875rem; line-height: 1.4rem; line-height: 42px; cursor: pointer; } .woocommerce div.product form.cart div.quantity, .woocommerce #content div.product form.cart div.quantity, .woocommerce-page div.product form.cart div.quantity, .woocommerce-page #content div.product form.cart div.quantity { float: left; margin: 0 20px 10px 0; overflow: hidden; zoom: 1; } .woocommerce .quantity input.qty, .woocommerce .quantity .qty, .woocommerce-page .quantity input.qty, .woocommerce-page .quantity .qty { border-radius: 5px 0 0 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ background-color: rgba(0, 0, 0, 0.03); font-size: 20px; font-weight: 400; text-transform: uppercase; width: 60px !important; height: 45px !important; line-height: 45px !important; float: left; padding: 0px 0px 0px 0; text-align: center; vertical-align: middle; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; transition: none; -webkit-transition: none; z-index: 1; } .woocommerce .mc-dark .quantity input.qty, .woocommerce .mc-dark .quantity .qty, .woocommerce-page .mc-dark .quantity input.qty, .woocommerce-page .mc-dark .quantity .qty { background-color: rgba(255, 255, 255, 0.08); } .woocommerce .quantity .minus { margin-right: -2px; z-index: 2; } .woocommerce .quantity .plus { margin-left: -2px; z-index: 2; } .woocommerce .quantity .qty-adjust, #jckqv_summary .quantity .qty-adjust { float: left; } .woocommerce .quantity .qty-plus, #jckqv_summary .quantity .qty-plus { color: rgba(0, 0, 0, 0.4); border-radius: 0 5px 0 0; background-clip: padding-box; /* stops bg color from leaking outside the border: */ border: 1px solid rgba(0, 0, 0, 0.03); background-color: #fff; display: block; width: 30px; height: 23px; text-align: center; font-size: 14px; line-height: 23px; } .woocommerce .quantity .qty-plus:hover, #jckqv_summary .quantity .qty-plus:hover { color: black; } .mc-dark .woocommerce .quantity .qty-plus, .mc-dark #jckqv_summary .quantity .qty-plus { color: rgba(255, 255, 255, 0.4); } .mc-dark .quantity .qty-plus { color: rgba(255, 255, 255, 0.4); border: 1px solid rgba(255, 255, 255, 0.08); } .mc-dark .quantity .qty-plus:hover { color: white; } .woocommerce .quantity .qty-minus, #jckqv_summary .quantity .qty-minus { color: rgba(0, 0, 0, 0.4); border-radius: 0 0 5px 0; background-clip: padding-box; /* stops bg color from leaking outside the border: */ border: 1px solid rgba(0, 0, 0, 0.03); border-top: none; background-color: #fff; display: block; width: 30px; height: 22px; text-align: center; font-size: 14px; line-height: 24px; } .woocommerce .quantity .qty-minus:hover, #jckqv_summary .quantity .qty-minus:hover { color: black; } .mc-dark .woocommerce .quantity .qty-minus, .mc-dark #jckqv_summary .quantity .qty-minus { color: rgba(255, 255, 255, 0.4); } #jckqv table.variations .reset_variations { display: inline-block !important; } .mc-dark .quantity .qty-minus { color: rgba(255, 255, 255, 0.4); border: 1px solid rgba(255, 255, 255, 0.08); border-top: none; } .mc-dark .quantity .qty-minus:hover { color: white; } .woocommerce .product_meta, .woocommerce-page .product_meta { padding: 20px 30px; background-color: rgba(0, 0, 0, 0.03); border-radius: 6px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } .woocommerce .product_meta > span, .woocommerce-page .product_meta > span { font-weight: 400; margin-right: 20px; color: rgba(0, 0, 0, 0.4); } .woocommerce .product_meta > span span, .woocommerce-page .product_meta > span span { color: black; } .woocommerce .product_meta > span a, .woocommerce-page .product_meta > span a { color: black; } .woocommerce .product_meta > span a:hover, .woocommerce-page .product_meta > span a:hover { color: rgba(0, 0, 0, 0.7); } .woocommerce .mc-dark .product_meta, .woocommerce-page .mc-dark .product_meta { background-color: rgba(255, 255, 255, 0.03); } .woocommerce .mc-dark .product_meta > span, .woocommerce-page .mc-dark .product_meta > span { color: rgba(255, 255, 255, 0.4); } .woocommerce .mc-dark .product_meta > span span, .woocommerce-page .mc-dark .product_meta > span span { color: white; } .woocommerce .mc-dark .product_meta > span a, .woocommerce-page .mc-dark .product_meta > span a { color: white; } .woocommerce .mc-dark .product_meta > span a:hover, .woocommerce-page .mc-dark .product_meta > span a:hover { color: rgba(255, 255, 255, 0.7); } .woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce #content div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs { list-style: none; padding: 0; margin: 40px 0; overflow: hidden; position: relative; background: none; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce #content div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs { border-bottom: none; } } @media only screen and (max-width: 40em) { .woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce #content div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs { border-bottom: none; } } .woocommerce .mc-dark div.product .woocommerce-tabs ul.tabs, .woocommerce .mc-dark #content div.product .woocommerce-tabs ul.tabs, .woocommerce-page .mc-dark div.product .woocommerce-tabs ul.tabs, .woocommerce-page .mc-dark #content div.product .woocommerce-tabs ul.tabs { border-bottom: 1px solid rgba(255, 255, 255, 0.05); } .woocommerce div.product .single-product.without-sidebar .woocommerce-tabs ul.tabs, .woocommerce #content .single-product.without-sidebar div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .single-product.without-sidebar .woocommerce-tabs ul.tabs, .woocommerce-page #content .single-product.without-sidebar div.product .woocommerce-tabs ul.tabs { text-align: left; } .woocommerce div.product .woocommerce-tabs ul.tabs:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before { position: absolute; content: ''; width: 100%; bottom: 0; left: 0; border-bottom: 0; z-index: -1; display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li { background: none; display: block; position: relative; z-index: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; box-shadow: none; padding: 0; margin: 0; border: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li { display: inline-block; margin: 10px 30px 0 0; padding: 0px 0 15px 0; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li { padding: 10px 0 15px 0; display: block; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } } @media only screen and (max-width: 40em) { .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li { padding: 10px 0 15px 0; display: block; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .woocommerce .mc-dark div.product .woocommerce-tabs ul.tabs li, .woocommerce .mc-dark #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page .mc-dark div.product .woocommerce-tabs ul.tabs li, .woocommerce-page .mc-dark #content div.product .woocommerce-tabs ul.tabs li { border-bottom: 1px solid rgba(255, 255, 255, 0.05); } } @media only screen and (max-width: 40em) { .woocommerce .mc-dark div.product .woocommerce-tabs ul.tabs li, .woocommerce .mc-dark #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page .mc-dark div.product .woocommerce-tabs ul.tabs li, .woocommerce-page .mc-dark #content div.product .woocommerce-tabs ul.tabs li { border-bottom: 1px solid rgba(255, 255, 255, 0.05); } } .woocommerce div.product .woocommerce-tabs ul.tabs li:first-child, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:first-child, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:first-child, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:first-child { margin-left: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a { display: inline-block; font-size: 24px !important; color: rgba(0, 0, 0, 0.4); padding: 0; font-weight: 400 !important; text-shadow: none; text-decoration: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce #content div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a:hover { color: black; } .woocommerce .mc-dark div.product .woocommerce-tabs ul.tabs li a, .woocommerce .mc-dark #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page .mc-dark div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page .mc-dark #content div.product .woocommerce-tabs ul.tabs li a { color: rgba(255, 255, 255, 0.4); } .woocommerce .mc-dark div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce .mc-dark #content div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce-page .mc-dark div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce-page .mc-dark #content div.product .woocommerce-tabs ul.tabs li a:hover { color: white; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before { background: #000; bottom: 0px; content: ''; height: 3px; left: 0px; opacity: 1; position: absolute; transition: all 500ms ease-in-out 0s; width: 30px; float: left; } .woocommerce div.product .woocommerce-tabs ul.tabs li:hover:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:hover:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:hover:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:hover:after { opacity: 1; width: 100%; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active { border-bottom: 3px solid #000; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a { color: black; } .woocommerce .mc-dark div.product .woocommerce-tabs ul.tabs li.active, .woocommerce .mc-dark #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page .mc-dark div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page .mc-dark #content div.product .woocommerce-tabs ul.tabs li.active { border-bottom: 3px solid #fff; } .woocommerce .mc-dark div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce .mc-dark #content div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page .mc-dark div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page .mc-dark #content div.product .woocommerce-tabs ul.tabs li.active a { color: white; } .woocommerce-tabs h2:first-of-type { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after { border: 0; position: absolute; bottom: 0px; width: 0; height: 0; content: ''; display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:before { box-shadow: none; } .woocommerce div.product .woocommerce-tabs .panel, .woocommerce #content div.product .woocommerce-tabs .panel, .woocommerce-page div.product .woocommerce-tabs .panel, .woocommerce-page #content div.product .woocommerce-tabs .panel { background: none; text-align: left; border: 0; padding: 10px 0; margin: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-name: fadeIn; animation-name: fadeIn; } /*---------------------------------------------------------------------------*/ /* Product Reviews /*---------------------------------------------------------------------------*/ .woocommerce p.stars a::before { color: rgba(0, 0, 0, 0.2); } .woocommerce .mc-dark p.stars a::before { color: rgba(255, 255, 255, 0.2); } .woocommerce #reviews #comments, .woocommerce-page #reviews #comments { padding-left: 0; } .woocommerce #reviews #comments ol.commentlist, .woocommerce-page #reviews #comments ol.commentlist { margin: 0; width: 100%; background: none; list-style: none; } .woocommerce #reviews #comments ol.commentlist li, .woocommerce-page #reviews #comments ol.commentlist li { padding: 0; margin: 40px 0; border: 0; position: relative; background: 0; border: 0; } .woocommerce #reviews #comments ol.commentlist li:first-child, .woocommerce-page #reviews #comments ol.commentlist li:first-child { margin-top: 0; } .woocommerce #reviews #comments ol.commentlist li:last-child, .woocommerce-page #reviews #comments ol.commentlist li:last-child { margin-bottom: 35px; } .woocommerce #reviews #comments ol.commentlist li img.avatar, .woocommerce-page #reviews #comments ol.commentlist li img.avatar { background: none; border: 0; margin: 0; line-height: 1; position: absolute; float: none; left: 0; top: 0; width: 50px; height: 50px; padding: 0; overflow: hidden; border-radius: 50px; } .woocommerce #reviews #comments ol.commentlist li .comment-text, .woocommerce-page #reviews #comments ol.commentlist li .comment-text { margin: 0 0 0 65px; border: 0; border-radius: 0; padding: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text .meta strong, .woocommerce-page #reviews #comments ol.commentlist li .comment-text .meta strong { font-size: 16px; line-height: 25.6px; font-size: 1rem; line-height: 1.6rem; line-height: 22px; color: #000; } .woocommerce #reviews #comments ol.commentlist li .comment-text h4.comment-author, .woocommerce-page #reviews #comments ol.commentlist li .comment-text h4.comment-author { display: inline-block; font-size: 18px; line-height: 28.8px; font-size: 1.125rem; line-height: 1.8rem; line-height: 24px; vertical-align: top; margin: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text .verified, .woocommerce-page #reviews #comments ol.commentlist li .comment-text .verified { display: inline-block; } .woocommerce #reviews #comments ol.commentlist li .comment-text .description, .woocommerce-page #reviews #comments ol.commentlist li .comment-text .description { border-top: 1px solid rgba(0, 0, 0, 0.05); padding-top: 7px; margin: 3px 0 0 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text .description p, .woocommerce-page #reviews #comments ol.commentlist li .comment-text .description p { font-size: 14px; line-height: 22.4px; font-size: 0.875rem; line-height: 1.4rem; } .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating, .woocommerce-page #reviews #comments ol.commentlist li .comment-text .star-rating { margin: 0 0 5px 0; display: block; float: none; } .woocommerce #reviews #comments ol.commentlist li .comment-text .comment-metadata, .woocommerce-page #reviews #comments ol.commentlist li .comment-text .comment-metadata { display: inline-block; } .woocommerce #reviews #comments ol.commentlist li .comment-text .comment-metadata a, .woocommerce #reviews #comments ol.commentlist li .comment-text .comment-metadata time, .woocommerce-page #reviews #comments ol.commentlist li .comment-text .comment-metadata a, .woocommerce-page #reviews #comments ol.commentlist li .comment-text .comment-metadata time { font-size: 14px; line-height: 22.4px; font-size: 0.875rem; line-height: 1.4rem; line-height: 26px; font-weight: 300; } .woocommerce #reviews #review_form_wrapper, .woocommerce-page #reviews #review_form_wrapper { padding-right: 0; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .woocommerce #reviews #review_form_wrapper, .woocommerce-page #reviews #review_form_wrapper { padding: 0; } } @media only screen and (max-width: 40em) { .woocommerce #reviews #review_form_wrapper, .woocommerce-page #reviews #review_form_wrapper { padding: 0; } } .woocommerce #reviews #review_form_wrapper .stars, .woocommerce-page #reviews #review_form_wrapper .stars { display: block; width: auto; } .woocommerce #reviews #review_form_wrapper h3#reply-title, .woocommerce-page #reviews #review_form_wrapper h3#reply-title { font-weight: normal; font-weight: 300; font-size: 30px; line-height: 34px; margin-bottom: 20px; } .woocommerce #reviews #review_form_wrapper label, .woocommerce-page #reviews #review_form_wrapper label { display: block; text-transform: uppercase; font-size: 13px; line-height: 20.8px; font-size: 0.8125rem; line-height: 1.3rem; margin-bottom: 5px; font-weight: 600; } .woocommerce #reviews #review_form_wrapper label .required, .woocommerce-page #reviews #review_form_wrapper label .required { color: rgba(0, 0, 0, 0.3); } .woocommerce #reviews #review_form_wrapper .form-submit, .woocommerce-page #reviews #review_form_wrapper .form-submit { display: block; text-align: right; margin-top: 20px; } .woocommerce #reviews #review_form_wrapper .form-submit input, .woocommerce-page #reviews #review_form_wrapper .form-submit input { height: 40px; line-height: 40px; } .woocommerce .mc-dark #reviews .comment-metadata a, .woocommerce-page .mc-dark #reviews .comment-metadata a { color: rgba(255, 255, 255, 0.5); } .woocommerce .mc-dark #reviews .comment-metadata a:hover, .woocommerce-page .mc-dark #reviews .comment-metadata a:hover { color: #fff; } .woocommerce .mc-dark #reviews #comments ol.commentlist li .comment-text .meta strong, .woocommerce-page .mc-dark #reviews #comments ol.commentlist li .comment-text .meta strong { color: #fff; } .woocommerce .mc-dark #reviews #review_form_wrapper label .required, .woocommerce-page .mc-dark #reviews #review_form_wrapper label .required { color: rgba(255, 255, 255, 0.3); } .woocommerce .mc-dark #reviews #comments ol.commentlist li .comment-text .description, .woocommerce-page .mc-dark #reviews #comments ol.commentlist li .comment-text .description { border-top: 1px solid rgba(255, 255, 255, 0.05); } .woocommerce .mc-dark #reviews #comments ol.commentlist li .comment-text .comment-metadata a, .woocommerce-page .mc-dark #reviews #comments ol.commentlist li .comment-text .comment-metadata a { color: rgba(255, 255, 255, 0.5); } .woocommerce .mc-dark #reviews #comments ol.commentlist li .comment-text .comment-metadata a:hover, .woocommerce-page .mc-dark #reviews #comments ol.commentlist li .comment-text .comment-metadata a:hover { color: white; } /*---------------------------------------------------------------------------*/ /* Product Navigation /*---------------------------------------------------------------------------*/ .product_navigation { /*--------------------*/ /* Fill Slide */ /*--------------------*/ } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .product_navigation { display: none; } } @media only screen and (max-width: 40em) { .product_navigation { display: none; } } .product_navigation.hidden { display: none; } .product_navigation nav a { position: fixed; top: 50%; display: block; outline: none; text-align: left; z-index: 999; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .product_navigation nav a.prev { left: 0; } .product_navigation nav a.next { right: 0; } .product_navigation .nav-fillslide .icon-wrap { position: relative; text-align: center; z-index: 100; display: block; padding: 0px 0px; height: 120px; width: 35px; background: rgba(0, 0, 0, 0.05); overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .mc-dark .product_navigation .nav-fillslide .icon-wrap { background: rgba(255, 255, 255, 0.05); } .product_navigation .nav-fillslide a.prev .icon-wrap { border-radius: 0 5px 5px 0; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } .product_navigation .nav-fillslide a.next .icon-wrap { border-radius: 5px 0px 0px 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } .product_navigation .nav-fillslide .icon-wrap::before { content: ''; position: absolute; width: 100%; height: 110%; background: #fff; top: 0; left: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: -webkit-transform 0.3s 0.3s; transition: transform 0.3s 0.3s; transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s; } .product_navigation .nav-fillslide a.prev .icon-wrap::before { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .product_navigation .nav-fillslide a.next .icon-wrap::before { -webkit-transform: translateX(100%); transform: translateX(100%); } .product_navigation .nav-fillslide i { color: rgba(0, 0, 0, 0.5); top: 47px; font-size: 24px; position: relative; z-index: 100; } .mc-dark .product_navigation .nav-fillslide i { color: rgba(255, 255, 255, 0.5); } .product_navigation .nav-fillslide div { position: absolute; padding: 10px; top: -1px; width: 350px; height: 122px; background: #fff; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .product_navigation .nav-fillslide a.prev div { left: 0; padding: 10px 120px 10px 70px; text-align: right; border-radius: 0 5px 5px 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .product_navigation .nav-fillslide a.next div { right: 0; padding: 10px 70px 10px 120px; border-radius: 5px 0 0 5px; -webkit-transform: translateX(100%); transform: translateX(100%); } .product_navigation .nav-fillslide div span { display: block; padding: 0px; margin-top: 12px; color: rgba(0, 0, 0, 0.4); font-size: 10px; line-height: 16px; font-size: 0.625rem; line-height: 1rem; font-weight: bold; font-weight: 400; line-height: 12px; text-transform: uppercase; letter-spacing: 1px; } .mc-dark .product_navigation .nav-fillslide div span { color: rgba(255, 255, 255, 0.4); } .product_navigation .nav-fillslide h4 { margin: 0; padding: 5px 0 10px; font-size: 20px; line-height: 24px; } .product_navigation .nav-fillslide img { position: absolute; top: 20px; width: 80px; height: 80px; } .product_navigation .nav-fillslide a.prev img { right: 20px; } .product_navigation .nav-fillslide a.next img { left: 20px; } .product_navigation .nav-fillslide a:hover .icon-wrap::before { -webkit-transform: translateX(0); transform: translateX(0); transition-delay: 0s; } .product_navigation .nav-fillslide a:hover div { transition-delay: 0.3s; -webkit-transform: translateX(0); transform: translateX(0); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); } .mc-dark .product_navigation .nav-fillslide a:hover div { box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2); } /*---------------------------------------------------------------------------*/ /* Woocommerce Messages /*---------------------------------------------------------------------------*/ .woocommerce .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-message, .woocommerce-page .woocommerce-error, .woocommerce-page .woocommerce-info { padding: 1em 2em 1em 3.5em !important; margin: 30px 0px 30px 0px; position: relative; border-radius: 6px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ border-top: 0; border: 1px solid #8fae1b; border-top-width: 1px; border-left-width: 1px; background: none; color: #8fae1b; text-shadow: 0; list-style: none outside !important; width: auto; box-shadow: none; } .woocommerce .woocommerce-error, .woocommerce-page .woocommerce-error { border: 1px solid #b81c23; color: #b81c23; } .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-name: fadeIn; animation-name: fadeIn; } .woocommerce .woocommerce-message a, .woocommerce-page .woocommerce-message a { color: #8fae1b; font-weight: bold; font-weight: 600; } .woocommerce .woocommerce-message a:hover, .woocommerce-page .woocommerce-message a:hover { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .woocommerce .woocommerce-message a.button, .woocommerce-page .woocommerce-message a.button { padding: 0; color: #8fae1b; height: auto; font-size: 16px; line-height: 25px; font-weight: bold; font-weight: 600; background: none; } .woocommerce .woocommerce-message a.button:hover, .woocommerce-page .woocommerce-message a.button:hover { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); background: none; } .woocommerce .catalog_top .woocommerce-message, .woocommerce-page .catalog_top .woocommerce-message { margin-top: 0 !important; margin-left: 15px !important; margin-right: 15px !important; } .woocommerce .wp-notice .woocommerce-message, .woocommerce-page .wp-notice .woocommerce-message { margin-top: 0 !important; } .woocommerce .wc-notice .woocommerce-message, .woocommerce-page .wc-notice .woocommerce-message { margin: 30px 0px 30px 0px !important; } .woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-info:before { color: #8fae1b; font-family: 'fontawesome'; content: '\f05a'; } .woocommerce table.shop_attributes, .woocommerce-page table.shop_attributes, .woocommerce table.shop_attributes tr:last-child, .woocommerce-page table.shop_attributes tr:last-child { border: none; } .woocommerce table.shop_attributes tr, .woocommerce-page table.shop_attributes tr { border-bottom-width: 0px; } .woocommerce table.shop_attributes th, .woocommerce-page table.shop_attributes th { font-size: 14px; font-weight: 700; text-transform: uppercase; text-align: left; } .woocommerce table.shop_attributes td, .woocommerce table.shop_attributes th, .woocommerce-page table.shop_attributes td, .woocommerce-page table.shop_attributes td { font-style: normal; background: transparent !important; border: none !important; } /**********************************************************************************/ /* SHOP CATEGORIES ****************************************************************/ /**********************************************************************************/ #products.product-category-list { margin: 0 0 60px 0; margin: 0 -0.625rem; padding: 0; list-style: none; clear: both; } #products.product-category-list li.category_grid_item { position: relative; } @media only screen and (max-width: 40em) { #products.product-category-list li.category_grid_item { width: 100%; } } #products.product-category-list li.category_grid_item .category_grid_box { height: 100%; position: relative; display: block; overflow: hidden; z-index: 1; } #products.product-category-list li.category_grid_item .category_grid_box .category_item_bkg { z-index: 0; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #eee; background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-transform: scale(1); transform: scale(1); transition: -webkit-transform 2s ease; transition: transform 2s ease; transition: transform 2s ease, -webkit-transform 2s ease; } #products.product-category-list li.category_grid_item .category_grid_box:hover .category_item_bkg { -webkit-transform: scale(1.1); transform: scale(1.1); } #products.product-category-list li.category_grid_item .category_grid_box .category_item { display: table !important; width: 100%; color: #fff; position: relative; border-spacing: 0; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */ } #products.product-category-list li.category_grid_item .category_grid_box .category_item .category_name { width: 100%; position: absolute; bottom: 0px; text-align: left; padding: 45px 25px 25px; transition: all 0.35s ease; z-index: 2; } #products.product-category-list li.category_grid_item .category_grid_box .category_item .category_name h3 { margin: 0; font-size: 24px; line-height: 38.4px; font-size: 1.5rem; line-height: 2.4rem; line-height: 26px; color: #fff; } #products.product-category-list li.category_grid_item .category_grid_box .category_item .category_name span { color: rgba(255, 255, 255, 0.6); display: block; text-transform: uppercase; font-size: 11px; line-height: 17.6px; font-size: 0.6875rem; line-height: 1.1rem; font-weight: bold; font-weight: 500; line-height: 14px; letter-spacing: 2px; margin-top: 5px; } #products.product-category-list.owl-carousel { margin: 0; } .columns-2 .category_item { height: 350px; height: 21.875rem; } .columns-3 .category_item { height: 300px; height: 18.75rem; } .columns-4 .category_item { height: 250px; height: 15.625rem; } .columns-5 .category_item { height: 200px; height: 12.5rem; } /**********************************************************************************/ /* SHOP HEADER ********************************************************************/ /**********************************************************************************/ .site_header { text-align: left; margin-bottom: 20px; background-repeat: no-repeat; background-size: cover; position: relative; } .site_header.with_featured_img { opacity: 0; padding-top: 70px; padding-bottom: 80px; margin-top: 0; margin-bottom: 0px; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .site_header.with_featured_img { padding-top: 40px; padding-bottom: 50px; } } @media only screen and (max-width: 40em) { .site_header.with_featured_img { padding-top: 40px; padding-bottom: 50px; } } .site_header.without_featured_img { padding-top: 50px; padding-bottom: 60px; margin-top: 0; margin-bottom: 0px; } .site_header .site_header_bkg { width: 100%; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; } .site_header .site_header_overlay { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); display: none; } .site_header.with_featured_img .page-title.on-shop, .site_header.mta-dark .page-title.on-shop, .site_header.with_featured_img .term-description p, .site_header.mta-dark .term-description p { color: #fff !important; } .site_header .page-title { font-size: 50px; line-height: 80px; font-size: 3.125rem; line-height: 5rem; line-height: 54px; line-height: 3.375rem; margin: 0; padding: 0; font-weight: bold; font-weight: 700; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .site_header .page-title { font-size: 44px; line-height: 70.4px; font-size: 2.75rem; line-height: 4.4rem; line-height: 48px; line-height: 3rem; } } @media only screen and (max-width: 40em) { .site_header .page-title { font-size: 44px; line-height: 70.4px; font-size: 2.75rem; line-height: 4.4rem; line-height: 48px; line-height: 3rem; } } .site_header .term-description p { font-size: 18px; line-height: 28.8px; font-size: 1.125rem; line-height: 1.8rem; margin: 0; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .site_header .term-description p { font-size: 14px; line-height: 22.4px; font-size: 0.875rem; line-height: 1.4rem; } } @media only screen and (max-width: 40em) { .site_header .term-description p { font-size: 14px; line-height: 22.4px; font-size: 0.875rem; line-height: 1.4rem; } } .site_header.without_featured_img .term-description { color: rgba(0, 0, 0, 0.5); } .site_header.with_featured_img .term-description, .site_header.mta-dark .term-description { color: rgba(255, 255, 255, 0.7); } .site_header .title-left { text-align: left; } .site_header .title-center { text-align: center; } .site_header .title-right { text-align: right; } @media only screen and (max-width: 40em) { .site_header .title-left, .site_header .title-right, .site_header .large-centered { text-align: center; } } .site_header.with_featured_img .site_header_overlay { display: block; } .woocommerce_category_header_image { display: none; } /* Main Content */ .shop-page .site-content, .single-product .site-content { margin-top: 40px; } /* Catalog Categories List */ #archive-categories { position: relative; margin: -20px 0 0px 0; } #archive-categories.custom-header-content { top: -20px; margin: -20px 0 -20px 0; } #archive-categories .category-box { padding: 25px 25px 0px 10px; background-color: #fff; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.08); } .mc-dark #archive-categories .category-box { border-bottom: 1px solid rgba(255, 255, 255, 0.08); } #archive-categories .list_shop_categories { margin-bottom: 0; } #archive-categories .list_shop_categories.cat-center { text-align: center; } #archive-categories .list_shop_categories li { display: inline-block; margin: 0 20px 20px 0; padding-right: 20px; vertical-align: top; border-right: 1px solid rgba(0, 0, 0, 0.05); text-align: left; transition: all 0.2s; } .mc-dark #archive-categories .list_shop_categories li { border-right: 1px solid rgba(255, 255, 255, 0.08); } #archive-categories .list_shop_categories li:last-child, .mc-dark #archive-categories .list_shop_categories li:last-child { border-right: none; } @media only screen and (max-width: 40em) { #archive-categories .list_shop_categories li { border-right: none !important; margin-right: 0; padding-right: 0; width: 100%; text-align: center; } } #archive-categories .list_shop_categories li a { display: block; width: 100%; height: 100%; float: left; } @media only screen and (max-width: 40em) { #archive-categories .list_shop_categories li a { display: inline-block; width: auto; float: none; text-align: left; } } #archive-categories .list_shop_categories li a:hover { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } #archive-categories .list_shop_categories li .caterory-thumb { display: inline-block; float: left; width: 50px; height: 50px; margin-right: 15px; } #archive-categories .list_shop_categories li .caterory-thumb img { width: 50px; height: 50px; } #archive-categories .list_shop_categories li .category-item-desc { display: inline-block; float: left; } #archive-categories .list_shop_categories li h4 { font-size: 18px; line-height: 28.8px; font-size: 1.125rem; line-height: 1.8rem; line-height: 26px; font-weight: bold; font-weight: 600; display: block; margin: 0; padding: 0; color: #000; } .mc-dark #archive-categories .list_shop_categories li h4 { color: #fff; } #archive-categories .list_shop_categories li span { display: block; margin-top: 0px; letter-spacing: 1px; text-transform: uppercase; font-size: 11px; font-weight: bold; font-weight: 600; color: rgba(0, 0, 0, 0.4); } .mc-dark #archive-categories .list_shop_categories li span { color: rgba(255, 255, 255, 0.4); } @media only screen and (min-width: 90.063em) and (max-width: 120em) { .site_header_bkg.parallax { background-size: cover !important; background-position: center top; opacity: 0; transition: opacity 0s; -webkit-transition: opacity 0s; } .site_header_bkg.parallax.loaded { opacity: 1; } } @media only screen and (min-width: 64.063em) and (max-width: 90em) { .site_header_bkg.parallax { background-size: cover !important; background-position: center top; opacity: 0; transition: opacity 0s; -webkit-transition: opacity 0s; } .site_header_bkg.parallax.loaded { opacity: 1; } } @media only screen and (min-width: 62em) and (max-width: 74.94em) { .site_header_bkg.parallax.loaded { background-position: 50% 50% !important; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .site_header_bkg.parallax.loaded { background-position: 50% 50% !important; } } @media only screen and (max-width: 40em) { .site_header_bkg.parallax.loaded { background-position: 50% 50% !important; } } /**********************************************************************************/ /* ORDERING ***********************************************************************/ /**********************************************************************************/ .top_bar_shop .catalog-ordering { display: block; float: left; width: 100%; margin-bottom: 30px; } .top_bar_shop .woocommerce-result-count { display: block; margin: 0; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ font-size: 14px; line-height: 22.4px; font-size: 0.875rem; line-height: 1.4rem; font-weight: 400; text-transform: uppercase; height: 43px; line-height: 41px; } @media only screen and (max-width: 40em) { .top_bar_shop .woocommerce-result-count { margin: 0px 0 10px 0 !important; } } .woocommerce .woocommerce-ordering, .woocommerce .woocommerce-viewing, .woocommerce-page .woocommerce-ordering, .woocommerce-page .woocommerce-viewing { float: none; margin: 0; } .woocommerce .shop-ordering, .woocommerce-page .shop-ordering { list-style: none; float: right; margin: 0; } .woocommerce .shop-ordering li, .woocommerce-page .shop-ordering li { display: inline-block; margin-left: 8px; float: left; } @media only screen and (max-width: 40em) { .woocommerce .shop-ordering li .woocommerce-ordering .select2-container, .woocommerce-page .shop-ordering li .woocommerce-ordering .select2-container { max-width: 150px !important; width: auto !important; } } @media only screen and (max-width: 320px) { .woocommerce .shop-ordering li .woocommerce-ordering .select2-container, .woocommerce-page .shop-ordering li .woocommerce-ordering .select2-container { max-width: 90px !important; width: auto !important; } } .woocommerce .shop-ordering li .shop-layout-opts, .woocommerce-page .shop-ordering li .shop-layout-opts { display: inline-block; float: left; font-size: 0; } .woocommerce .shop-ordering li .shop-layout-opts a, .woocommerce-page .shop-ordering li .shop-layout-opts a { margin: 0; padding: 0; display: inline-block; vertical-align: middle; } .woocommerce .shop-ordering li .shop-layout-opts a i:after, .woocommerce-page .shop-ordering li .shop-layout-opts a i:after { color: #000; text-align: center; vertical-align: middle; font-size: 16px; line-height: 43px; width: 43px; height: 43px; background-color: rgba(0, 0, 0, 0.04); display: inline-block; } .woocommerce .shop-ordering li .shop-layout-opts a i.grid-icon:after, .woocommerce-page .shop-ordering li .shop-layout-opts a i.grid-icon:after { border-radius: 3px 0 0 3px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } .woocommerce .shop-ordering li .shop-layout-opts a i.list-icon:after, .woocommerce-page .shop-ordering li .shop-layout-opts a i.list-icon:after { border-radius: 0 3px 3px 0; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } .woocommerce .shop-ordering li .shop-layout-opts a i.active:after, .woocommerce-page .shop-ordering li .shop-layout-opts a i.active:after { background-color: rgba(0, 0, 0, 0.08); } .woocommerce .shop-ordering li .shop-layout-opts a:hover i:after, .woocommerce-page .shop-ordering li .shop-layout-opts a:hover i:after { background-color: rgba(0, 0, 0, 0.08); } @media only screen and (max-width: 40em) { .woocommerce .shop-ordering li, .woocommerce-page .shop-ordering li { margin-bottom: 10px; margin-left: 0; margin-right: 7px; } .woocommerce .shop-ordering li:last-child, .woocommerce-page .shop-ordering li:last-child { margin-right: 0; } } @media only screen and (max-width: 40em) { .woocommerce .shop-ordering, .woocommerce-page .shop-ordering { float: left; } } .widget .select2-container { width: 100% !important; } .widget .select2-container .select2-choice { float: left; display: inline-block !important; width: 100% !important; max-width: 100%; } .select2-container { min-width: 20px !important; } .select2-container .select2-choice { font-size: 11px; line-height: 17.6px; font-size: 0.6875rem; line-height: 1.1rem; border-radius: 4px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ background-color: rgba(0, 0, 0, 0.04); color: #000; padding: 0 35px 0 17px; line-height: 43px; height: 43px; letter-spacing: 0; font-weight: 500; } .select2-container .select2-choice:hover { color: #000; background-color: rgba(0, 0, 0, 0.08); } .select2-container .select2-selection--single { border: none; padding: 0 10px 0 10px; background-color: rgba(0, 0, 0, 0.04); height: 45px; line-height: 45px; color: #000; vertical-align: top; } .select2-container .select2-selection--single .select2-selection__rendered { height: 45px; line-height: 45px; } .select2-container .select2-selection--single .select2-selection__clear { display: none; } .select2-container .select2-selection--single .select2-selection__arrow { height: 43px; right: 5px; } .select2-container .select2-selection--single .select2-selection__arrow b { display: none; } .select2-container .select2-selection--single .select2-selection__arrow:before { font-family: 'Woodstock'; content: '\e628'; } .select2-container .select2-selection--single:hover { color: #000; background-color: rgba(0, 0, 0, 0.08); } .select2-container.select2-dropdown-open .select2-choice { color: #000; background-color: rgba(0, 0, 0, 0.08); } .select2-container .select2-arrow { text-align: center; font-size: 11px; line-height: 17.6px; font-size: 0.6875rem; line-height: 1.1rem; line-height: 45px; padding-right: 25px; } .mc-dark .select2-container .select2-choice, .mc-dark .select2-container .select2-selection--single, .slide-from-left.snd-dark .select2-container .select2-choice, .slide-from-left.snd-dark .select2-container .select2-selection--single { color: #fff; background-color: rgba(255, 255, 255, 0.05); } .mc-dark .select2-container .select2-choice:hover, .mc-dark .select2-container .select2-selection--single:hover, .slide-from-left.snd-dark .select2-container .select2-choice:hover, .slide-from-left.snd-dark .select2-container .select2-selection--single:hover { color: #fff; background-color: rgba(255, 255, 255, 0.15); } .mc-dark .select2-container .select2-selection__rendered, .slide-from-left.snd-dark .select2-container .select2-selection__rendered { color: #fff; } .mc-dark .select2-container.select2-dropdown-open .select2-choice, .slide-from-left.snd-dark .select2-container.select2-dropdown-open .select2-choice { color: #fff; background-color: rgba(255, 255, 255, 0.15); } .mc-dark .shop-layout-opts a i:after, .slide-from-left.snd-dark .shop-layout-opts a i:after { color: #fff !important; background-color: rgba(255, 255, 255, 0.05) !important; } .mc-dark .shop-layout-opts a i.active:after, .slide-from-left.snd-dark .shop-layout-opts a i.active:after { background-color: rgba(255, 255, 255, 0.15) !important; } .select2-drop { color: #000; background-color: #fff !important; box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1); border-radius: 4px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } .select2-drop .select2-results { background-color: #fff; padding: 10px; font-weight: 11px; } .select2-drop .select2-results .select2-result-label { font-size: 12px; } .select2-drop .select2-results .select2-highlighted { color: #fff; background: #333; } .select2-drop.orderby-drop { min-width: 220px !important; } .select2-drop.count-drop { min-width: 100px !important; } .select2-dropdown { border: none !important; border-radius: 0; background-clip: padding-box; /* stops bg color from leaking outside the border: */ box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1); } .select2-dropdown .select2-results { background-color: #fff; padding: 10px; font-weight: 11px; } .select2-dropdown .select2-results .select2-results__options { font-size: 12px; line-height: 14px; text-transform: none; } .select2-dropdown .select2-results .select2-results__option[data-selected='true'] { background-color: #eee; } .select2-container--default .select2-search--dropdown .select2-search__field { border: none !important; padding: 4px 10px; margin-top: 5px; height: 2.5rem; } .woocommerce #products li, .woocommerce-page #products li { position: relative; } .woocommerce #products.product-layout-list li:not(.category_grid_item), .woocommerce-page #products.product-layout-list li:not(.category_grid_item) { width: 100%; height: auto; } #products { margin-top: 30px; } #products li.product-item { padding: 0; padding-left: 0; padding-right: 0; } #products li.product-item figure.product-inner p.product-category-listing { line-height: 12px; display: block; margin: 10px 0 0 0; padding: 0; color: rgba(0, 0, 0, 0.5); } @media only screen and (max-width: 40em) { #products li.product-item figure.product-inner p.product-category-listing { font-size: 9px; line-height: 14.4px; font-size: 0.5625rem; line-height: 0.9rem; line-height: 12px; } } .mc-dark #products li.product-item figure.product-inner p.product-category-listing { color: rgba(255, 255, 255, 0.5); } #products li.product-item figure.product-inner p.product-category-listing a { color: rgba(0, 0, 0, 0.4); font-size: 10px; line-height: 16px; font-size: 0.625rem; line-height: 1rem; font-weight: bold; font-weight: 400; line-height: 12px; text-transform: uppercase; letter-spacing: 1px; } @media only screen and (max-width: 40em) { #products li.product-item figure.product-inner p.product-category-listing a { font-size: 10px; line-height: 16px; font-size: 0.625rem; line-height: 1rem; line-height: 12px; } } .mc-dark #products li.product-item figure.product-inner p.product-category-listing a { color: rgba(255, 255, 255, 0.4); } #products li.product-item figure.product-inner p.product-category-listing a:hover { color: rgba(0, 0, 0, 0.7); } .mc-dark #products li.product-item figure.product-inner p.product-category-listing a:hover { color: rgba(255, 255, 255, 0.7); } #products li.product-item figure.product-inner h4 { margin: 5px 0 5px; font-size: 18px; line-height: 28.8px; font-size: 1.125rem; line-height: 1.8rem; line-height: 20px; } @media only screen and (max-width: 40em) { #products li.product-item figure.product-inner h4 { font-size: 16px; line-height: 25.6px; font-size: 1rem; line-height: 1.6rem; line-height: 18px; } } #products li.product-item figure.product-inner h4 a { color: #000; } .mc-dark #products li.product-item figure.product-inner h4 a { color: #fff; } #products li.product-item figure.product-inner h4 a:hover { color: rgba(0, 0, 0, 0.7); } .mc-dark #products li.product-item figure.product-inner h4 a:hover { color: rgba(255, 255, 255, 0.7); } #products-carousel .owl-stage-outer { padding: 30px 0 60px 0; margin-right: -2px; } #products-carousel .owl-dots { z-index: 99999; margin-top: -15px; } #products-carousel .carousel-title { margin-bottom: -10px; font-size: 24px; line-height: 38.4px; font-size: 1.5rem; line-height: 2.4rem; text-transform: uppercase; } #products-carousel #products { margin-top: 0; } #products-carousel .product-inner .owl-stage-outer { padding: 0; margin-right: -2px; } .cross-sells { margin-bottom: 50px; } .single_product_upsell h2 { font-size: 24px; line-height: 38.4px; font-size: 1.5rem; line-height: 2.4rem; text-transform: uppercase; margin-bottom: 0; } .single_product_upsell .product-item .product-inner .inner-desc p { display: none; } #products .product-item:hover { z-index: 999; } #products .product-item figure.product-inner { display: block; margin: 0; padding: 20px 20px 20px 20px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); transition: all 0.3s; z-index: 1; height: auto !important; } #products .product-item figure.product-inner:after { content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } #products .product-item figure.product-inner:hover { background-color: #fff; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-4px); transform: translateY(-4px); z-index: 9999; } .mc-dark #products .product-item figure.product-inner:hover { box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.3); } #products .product-item figure.product-inner .inner-desc { text-align: left; display: none; margin-top: 15px; } #products-carousel #products .product-item figure.product-inner .inner-desc p { display: none !important; } #products .product-item figure.product-inner .inner-desc p { font-size: 12px; line-height: 19.2px; font-size: 0.75rem; line-height: 1.2rem; color: rgba(0, 0, 0, 0.7); } .mc-dark #products .product-item figure.product-inner .inner-desc p { color: rgba(255, 255, 255, 0.7); } #products .product-item.product_hover_disable figure.product-inner { display: block; -webkit-animation: none !important; animation: none !important; box-shadow: none !important; -webkit-transform: none !important; transform: none !important; } #products .product-item.product_hover_disable figure.product-inner.hover { -webkit-animation: none; animation: none; box-shadow: none !important; -webkit-transform: none !important; transform: none !important; } #products .product-item.product_hover_disable figure.product-inner.hover .inner-desc { -webkit-animation: none !important; animation: none !important; } #products .product-item.product_hover_disable figure.product-inner .product_after_shop_loop { height: auto; } #products .product-item.product_hover_disable figure.product-inner .product_after_shop_loop_switcher { height: auto; -webkit-transform: translateY(0px) !important; transform: translateY(0px) !important; } #products .product-item.product_hover_disable figure.product-inner .product_after_shop_loop_switcher .product_after_shop_loop_price { overflow: visible; -webkit-transform: translateY(0px) !important; transform: translateY(0px) !important; } #products .product-item.product_hover_disable figure.product-inner .inner-desc { display: block; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { #products .product-item.product_hover_mob_disable figure.product-inner { display: block; -webkit-animation: none !important; animation: none !important; box-shadow: none !important; -webkit-transform: none !important; transform: none !important; } #products .product-item.product_hover_mob_disable figure.product-inner.hover { -webkit-animation: none; animation: none; box-shadow: none !important; -webkit-transform: none !important; transform: none !important; } #products .product-item.product_hover_mob_disable figure.product-inner.hover .inner-desc { -webkit-animation: none !important; animation: none !important; } #products .product-item.product_hover_mob_disable figure.product-inner .product_after_shop_loop { height: auto; } #products .product-item.product_hover_mob_disable figure.product-inner .product_after_shop_loop_switcher { height: auto; -webkit-transform: translateY(0px) !important; transform: translateY(0px) !important; } #products .product-item.product_hover_mob_disable figure.product-inner .product_after_shop_loop_switcher .product_after_shop_loop_price { overflow: visible; -webkit-transform: translateY(0px) !important; transform: translateY(0px) !important; } #products .product-item.product_hover_mob_disable figure.product-inner .inner-desc { display: block; } } @media only screen and (max-width: 40em) { #products .product-item.product_hover_mob_disable figure.product-inner { display: block; -webkit-animation: none !important; animation: none !important; box-shadow: none !important; -webkit-transform: none !important; transform: none !important; } #products .product-item.product_hover_mob_disable figure.product-inner.hover { -webkit-animation: none; animation: none; box-shadow: none !important; -webkit-transform: none !important; transform: none !important; } #products .product-item.product_hover_mob_disable figure.product-inner.hover .inner-desc { -webkit-animation: none !important; animation: none !important; } #products .product-item.product_hover_mob_disable figure.product-inner .product_after_shop_loop { height: auto; } #products .product-item.product_hover_mob_disable figure.product-inner .product_after_shop_loop_switcher { height: auto; -webkit-transform: translateY(0px) !important; transform: translateY(0px) !important; } #products .product-item.product_hover_mob_disable figure.product-inner .product_after_shop_loop_switcher .product_after_shop_loop_price { overflow: visible; -webkit-transform: translateY(0px) !important; transform: translateY(0px) !important; } #products .product-item.product_hover_mob_disable figure.product-inner .inner-desc { display: block; } } #products .product-item.display_buttons figure.product-inner { display: block; } #products .product-item.display_buttons figure.product-inner .product_after_shop_loop { height: auto; } #products .product-item.display_buttons figure.product-inner .product_after_shop_loop_switcher { height: auto; -webkit-transform: translateY(0px) !important; transform: translateY(0px) !important; } #products .product-item.display_buttons figure.product-inner .product_after_shop_loop_switcher .product_after_shop_loop_price { overflow: visible; -webkit-transform: translateY(0px) !important; transform: translateY(0px) !important; } .product-layout-list figure.product-inner:hover { -webkit-transform: translateY(0px) !important; transform: translateY(0px) !important; } #products .product-item:hover figure.product-inner .inner-desc { position: relative; } #products .product-item figure.product-inner.hover .inner-desc { -webkit-animation: fadeIn 0.6s; animation: fadeIn 0.6s; display: block; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .prod-plugins { padding-top: 10px; border-top: 1px solid rgba(0, 0, 0, 0.05); margin-bottom: -10px; } .mc-dark .prod-plugins { border-top: 1px solid rgba(255, 255, 255, 0.08); } .prod-plugins ul { font-size: 0; width: 100%; bottom: 0; text-align: center; -webkit-animation: fadeIn 0.6s; animation: fadeIn 0.6s; display: block; margin: 0 auto; margin-bottom: 0 !important; } .prod-plugins ul li { margin-right: -3px; margin-bottom: -3px; padding: 0 0px !important; border: none !important; display: inline-block; line-height: 20px; text-align: center; margin: 0 !important; height: 22px; min-width: 45%; } .prod-plugins ul li div { margin: 0; } .prod-plugins ul li a, .prod-plugins ul li .feedback { font-size: 10px; line-height: 16px; font-size: 0.625rem; line-height: 1rem; display: inline-block !important; line-height: 11px !important; text-transform: uppercase; font-weight: normal; font-weight: 600; color: rgba(0, 0, 0, 0.7); } .mc-dark .prod-plugins ul li a, .mc-dark .prod-plugins ul li .feedback { color: rgba(255, 255, 255, 0.7); } .prod-plugins ul li a:hover, .prod-plugins ul li .feedback:hover { color: rgba(0, 0, 0, 0.5); } .mc-dark .prod-plugins ul li a:hover, .mc-dark .prod-plugins ul li .feedback:hover { color: rgba(255, 255, 255, 0.5); } .prod-plugins ul li .yith-wcwl-wishlistexistsbrowse span, .prod-plugins ul li .yith-wcwl-add-button img.ajax-loading, .prod-plugins ul li .yith-wcwl-wishlistaddedbrowse a { display: none !important; } .prod-plugins ul li .yith-wcwl-wishlistaddedbrowse span { cursor: pointer; } .prod-plugins ul li .add_to_wishlist:before, .prod-plugins ul li .yith-wcwl-wishlistexistsbrowse a:before, .prod-plugins ul li .yith-wcwl-wishlistaddedbrowse span:before, .prod-plugins ul li .compare-button a:before { display: inline-block; font-size: 11px; line-height: 17.6px; font-size: 0.6875rem; line-height: 1.1rem; line-height: 10px; margin-right: 3px; color: rgba(0, 0, 0, 0.4); vertical-align: top; } .mc-dark .prod-plugins ul li .add_to_wishlist:before, .mc-dark .prod-plugins ul li .yith-wcwl-wishlistexistsbrowse a:before, .mc-dark .prod-plugins ul li .yith-wcwl-wishlistaddedbrowse span:before, .mc-dark .prod-plugins ul li .compare-button a:before { color: rgba(255, 255, 255, 0.4); } .prod-plugins ul li .add_to_wishlist i.yith-wcwl-icon, .prod-plugins ul li .yith-wcwl-wishlistaddedbrowse i.yith-wcwl-icon { display: none; } .palign-center .category-discription-grid, .palign-center .inner-desc p { text-align: center; } .palign-center .archive-product-rating { display: block; margin: 0 auto; width: 52px; } .palign-center .product_after_shop_loop .price ins { float: none; margin-right: 10px; } .palign-center .product_after_shop_loop_buttons .button { float: none !important; } #yith-wcwl-popup-message { display: none !important; } /**********************************************************************************/ /* Wishlist Plugin ****************************************************************/ /**********************************************************************************/ .single-product-infos .yith-wcwl-add-to-wishlist { margin: 25px 0 10px; } .single-product-infos #yith-wcwl-popup-message, .single-product-infos .cart tr center { display: none !important; } .single-product-infos .yith-wcwl-add-button, .single-product-infos .yith-wcwl-wishlistaddedbrowse, .single-product-infos .yith-wcwl-wishlistexistsbrowse { font-size: 13px; line-height: 20.8px; font-size: 0.8125rem; line-height: 1.3rem; line-height: 13px; font-weight: bold; text-transform: uppercase; position: relative; display: inline-block; padding: 0 0 2px 24px; cursor: pointer; } .single-product-infos .yith-wcwl-add-to-wishlist a { color: #000; font-weight: 600; } .mc-dark .single-product-infos .yith-wcwl-add-to-wishlist a { color: #fff; } .single-product-infos .yith-wcwl-add-to-wishlist a:hover { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .single-product-infos .yith-wcwl-wishlistaddedbrowse, .single-product-infos .yith-wcwl-wishlistexistsbrowse { cursor: default; } .single-product-infos .yith-wcwl-wishlistaddedbrowse .feedback, .single-product-infos .yith-wcwl-wishlistexistsbrowse .feedback { text-transform: none; font-weight: 400; } .single-product-infos .product_infos .yith-wcwl-wishlistexistsbrowse.show a, .single-product-infos .product_infos .yith-wcwl-wishlistaddedbrowse a { margin-left: 8px; } .single-product-infos .single-product.with-sidebar .product_infos .yith-wcwl-wishlistexistsbrowse a { display: block; margin: 7px 0 0; } .single-product-infos .add_to_wishlist:before, .single-product-infos .product_infos .yith-wcwl-wishlistaddedbrowse:before, .single-product-infos .product_infos .yith-wcwl-wishlistexistsbrowse:before { font-size: 12px; width: 18px; text-align: center; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .single-product-infos .product_infos .add_to_wishlist:before, .single-product-infos .product_infos .yith-wcwl-wishlistaddedbrowse:before, .single-product-infos .product_infos .yith-wcwl-wishlistexistsbrowse:before { color: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: -3px; } .mc-dark .single-product-infos .product_infos .add_to_wishlist:before, .mc-dark .single-product-infos .product_infos .yith-wcwl-wishlistaddedbrowse:before, .mc-dark .single-product-infos .product_infos .yith-wcwl-wishlistexistsbrowse:before { color: rgba(255, 255, 255, 0.5); } .single-product-infos .product_infos .add_to_wishlist i.yith-wcwl-icon, .single-product-infos .product_infos .yith-wcwl-wishlistaddedbrowse i.yith-wcwl-icon { display: none; } .single-product-infos .product_infos .yith-wcwl-wishlistaddedbrowse:before, .single-product-infos .product_infos .yith-wcwl-wishlistexistsbrowse:before { content: '\f004'; line-height: 18px; } .single-product-infos .add_to_wishlist:before { content: '\f08a'; line-height: 18px; } .single-product-infos .products .yith-wcwl-add-to-wishlist { height: 0; margin: 0; overflow: hidden; } .single-product-infos .products li a.add_to_wishlist, .single-product-infos .products .yith-wcwl-add-button, .single-product-infos .products .yith-wcwl-wishlistexistsbrowse, .single-product-infos .products .yith-wcwl-wishlistaddedbrowse { font-size: 0; line-height: 0; padding: 0; position: static !important; } .single-product-infos .products .add_to_wishlist:before, .single-product-infos .products .yith-wcwl-wishlistaddedbrowse a:before, .single-product-infos .products .yith-wcwl-wishlistexistsbrowse a:before { position: absolute; bottom: -29px; right: 0; } .single-product-infos .yith-wcwl-add-to-wishlist .ajax-loading { display: none !important; position: absolute; top: 50%; left: 50%; margin-left: -8px; margin-top: -8px; } .single-product-infos .products .add_to_wishlist:before { transition: color 0.3s; -webkit-transition: color 0.3s; } .single-product-infos .yith-wcwl-add-button:after { content: ''; display: inline-block; background: rgba(255, 255, 255, 0.9); opacity: 0; transition: opacity 0.3s, width 3s ease 30s, height 0s ease 30s; -webkit-transition: opacity 0.3s, width 0s ease 30s, height 0s ease 30s; } .single-product-infos .products .yith-wcwl-add-button:after { position: absolute; top: 0; left: 0; width: 0px; height: 0px; } .single-product-infos .yith-wcwl-add-button.show_overlay:after { opacity: 1; transition: opacity 0.3s, width 0s ease 0s, height 0s ease 0s; -webkit-transition: opacity 0.3s, width 0s ease 0s, height 0s ease 0s; } .single-product-infos .product_infos .yith-wcwl-add-button.show_overlay:after { width: 48px; height: 10px; } .single-product-infos .products .yith-wcwl-add-button.show_overlay:after { position: absolute; width: 100%; height: 100.1%; } .single-product-infos .products .yith-wcwl-add-button.show_overlay.hide:after { width: 0px; height: 0px; opacity: 1; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; } .single-product-infos .yith-wcwl-add-button:after { background-image: url("../images/ajax-loader.gif") !important; background-position: center; background-repeat: no-repeat; } /**********************************************************************************/ /* Compare Plugin ****************************************************************/ /**********************************************************************************/ .single-product-infos .compare.button { color: #000 !important; margin: 0; padding: 0; margin-top: -20px; font-size: 13px; line-height: 20.8px; font-size: 0.8125rem; line-height: 1.3rem; line-height: 13px; font-weight: bold; font-weight: 600; text-transform: uppercase; position: relative; display: inline-block; padding: 0 0 0 24px; height: auto; cursor: pointer; text-align: left; } .mc-dark .single-product-infos .compare.button { color: #fff !important; } .single-product-infos .compare.button:before { color: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; } .mc-dark .single-product-infos .compare.button:before { color: rgba(255, 255, 255, 0.5); } .single-product-infos .compare.button:hover { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .compare { background: none !important; } .image-container { position: relative; margin-bottom: 15px; } .product-layout-grid .category-discription-grid-list, .product-layout-grid .category-price-grid-list { display: none; } .product-layout-list .image-container { position: relative; width: 25%; max-width: 25%; display: inline-block; margin-bottom: 0; } .product-layout-list .image-container img { width: 100%; } @media only screen and (max-width: 40em) { .product-layout-list .image-container { width: 100%; max-width: inherit; display: block; } } .product-layout-list .inner-desc, .product-layout-list .category-discription-grid { display: none !important; } .product-layout-list .category-discription-grid-list { display: inline-block; margin-left: 20px; padding: 0 10px; vertical-align: top; width: 50%; } .product-layout-list .category-discription-grid-list h4 { font-size: 22px !important; line-height: 28px !important; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .product-layout-list .category-discription-grid-list h4 { font-size: 18px !important; line-height: 22px !important; } } @media only screen and (max-width: 40em) { .product-layout-list .category-discription-grid-list h4 { font-size: 18px !important; line-height: 22px !important; } } .product-layout-list .category-discription-grid-list .archive-product-rating { margin-left: 0; } .product-layout-list .category-discription-grid-list p.description-list { padding-top: 15px; border-top: 1px solid rgba(0, 0, 0, 0.05); margin-top: 20px; font-size: 14px; line-height: 22.4px; font-size: 0.875rem; line-height: 1.4rem; color: rgba(0, 0, 0, 0.7); } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .product-layout-list .category-discription-grid-list p.description-list { font-size: 12px; line-height: 19.2px; font-size: 0.75rem; line-height: 1.2rem; } } @media only screen and (max-width: 40em) { .product-layout-list .category-discription-grid-list p.description-list { font-size: 12px; line-height: 19.2px; font-size: 0.75rem; line-height: 1.2rem; } } .mc-dark .product-layout-list .category-discription-grid-list p.description-list { color: rgba(255, 255, 255, 0.7); border-top: 1px solid rgba(255, 255, 255, 0.08); } @media only screen and (max-width: 40em) { .product-layout-list .category-discription-grid-list { margin-left: 0; width: 100%; padding: 0; } } .product-layout-list .category-price-grid-list { width: 20%; display: inline-block; float: right; vertical-align: top; } @media only screen and (max-width: 40em) { .product-layout-list .category-price-grid-list { float: none; width: 100%; } } .product_thumbnail_wrapper { position: relative; } .product_thumbnail_wrapper .product_thumbnail img { width: 100%; } .ms-thumb-list { margin-top: 20px !important; } .owl-carousel .owl-pagination { position: absolute; bottom: 0; margin-left: auto; margin-right: auto; left: 0; right: 0; } .owl-carousel .owl-pagination .owl-page span { display: block; width: 5px; height: 5px; margin: 5px 5px; filter: Alpha(Opacity=50); opacity: 0.3; border-radius: 20px; background: #000; } .owl-carousel .owl-pagination .owl-page.active span { opacity: 0.7; } .owl-carousel .owl-nav div.owl-prev, .owl-carousel .owl-nav div.owl-next { position: absolute; top: 37%; text-align: center; background-color: #fff; width: 23px; padding: 13px 0; line-height: 16px; border-radius: 3px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.15); } .owl-carousel .owl-nav div.owl-prev:hover, .owl-carousel .owl-nav div.owl-next:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); background-color: #fff; box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.1); } .owl-carousel .owl-nav div.owl-prev.disabled, .owl-carousel .owl-nav div.owl-next.disabled { opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); } .owl-carousel .owl-nav div.owl-prev.disabled:hover, .owl-carousel .owl-nav div.owl-next.disabled:hover { box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.15); } .owl-carousel .owl-nav div.owl-prev:after, .owl-carousel .owl-nav div.owl-next:after { color: #000; text-align: center; font-size: 14px; line-height: 22.4px; font-size: 0.875rem; line-height: 1.4rem; } .owl-carousel .owl-nav .owl-prev { left: -10px; } .product_images .owl-carousel .owl-nav .owl-prev { top: 45%; left: 20px; } .owl-carousel .owl-nav .owl-next { right: -10px; left: auto; } .product_images .owl-carousel .owl-nav .owl-next { top: 45%; right: 20px; } .product-item:hover .owl-carousel .owl-nav, .product_images:hover .owl-carousel .owl-nav { display: block; -webkit-animation: fadeIn 0.6s; animation: fadeIn 0.6s; } .owl-carousel .owl-nav.disabled { display: none !important; } #products > .owl-nav { display: block; position: absolute; top: -45px; right: 0; width: 50px; height: 40px; } #products > .owl-nav .owl-prev, #products > .owl-nav .owl-next { top: 0; padding: 0; width: 40px; height: 40px; line-height: 40px; background-color: rgba(0, 0, 0, 0.05); box-shadow: none; } .mc-dark #products > .owl-nav .owl-prev, .mc-dark #products > .owl-nav .owl-next { background-color: rgba(255, 255, 255, 0.05); } .mc-dark #products > .owl-nav .owl-prev:after, .mc-dark #products > .owl-nav .owl-next:after { color: #fff; } #products > .owl-nav .owl-prev.disabled, #products > .owl-nav .owl-next.disabled { opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); } #products > .owl-nav .owl-prev { left: auto; right: 43px; } #products > .owl-nav .owl-next { right: 0px; } .product_thumbnail.with_second_image { position: relative; } .product_thumbnail_background { width: 100%; height: 100%; opacity: 0; display: block; position: absolute; background-size: cover; background-repeat: no-repeat; transition: opacity 0ms ease 0.3s !important; } .product_thumbnail.with_second_image:hover .product_thumbnail_background { opacity: 1; transition: opacity 0ms ease 0s !important; } .product_thumbnail.with_second_image.second_image_loaded img { opacity: 1 !important; transform: translateZ(0) rotate(0); -webkit-transform: translateZ(0) rotate(0); transition: opacity 300ms ease 0s; } .product_thumbnail.with_second_image.second_image_loaded:hover img { opacity: 0 !important; transition: opacity 300ms ease 0.05s !important; } @media only screen and (min-width: 1048px) { .cd-gallery { margin: 2.5em auto; } .no-touch .cd-gallery > li:hover .cd-dots li.selected a { /* Slider dots - change background-color of the selected dot when hover over the its parent list item */ background: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.5); } .mc-dark .no-touch .cd-gallery > li:hover .cd-dots li.selected a { background: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.5); } .no-touch .cd-gallery > li:hover .cd-dots a { /* Slider dots - change dot border-color when hover over the its parent list item */ border-color: rgba(0, 0, 0, 0.8); } .mc-dark .no-touch .cd-gallery > li:hover .cd-dots a { border-color: rgba(255, 255, 255, 0.8); } .no-touch .cd-gallery > li:hover li.move-right, .no-touch .cd-gallery > li:hover li.move-left { /* show preview items when hover over the its parent list item */ opacity: 0.3; } } .cd-item-wrapper { position: relative; overflow: hidden; margin: 0 !important; padding-bottom: 30px !important; } .cd-item-wrapper li { position: absolute !important; padding: 20px 0 !important; overflow: visible !important; top: 0; left: 25%; height: 100% !important; width: 50% !important; opacity: 0; /* Force Hardware Acceleration */ -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform, opacity; -webkit-transform: translateX(200%) scale(0.7); transform: translateX(200%) scale(0.7); transition: opacity 0.4s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s; } .cd-item-wrapper li.selected { /* selected item */ position: relative !important; opacity: 1; -webkit-transform: translateX(0) scale(1.3); transform: translateX(0) scale(1.3); } .cd-item-wrapper li.move-left { /* item on left - preview visible */ -webkit-transform: translateX(-100%) scale(0.7); transform: translateX(-100%) scale(0.7); opacity: 0.3; } .cd-item-wrapper li.move-right { /* item on right - preview visible */ -webkit-transform: translateX(100%) scale(0.7); transform: translateX(100%) scale(0.7); opacity: 0.3; } .cd-item-wrapper li.hide-left { /* items hidden on the left */ -webkit-transform: translateX(-200%) scale(0.7); transform: translateX(-200%) scale(0.7); } .cd-item-wrapper li img { display: block; width: 100%; } @media only screen and (min-width: 1048px) { .cd-item-wrapper li.move-left, .cd-item-wrapper li.move-right { /* hide preview items */ opacity: 0; } .cd-item-wrapper li.focus-on-left { /* class added to the .selected and .move-right items when user hovers over the .move-left item (item preview on the left) */ -webkit-transform: translateX(3%) scale(1.25); transform: translateX(3%) scale(1.25); } .cd-item-wrapper li.focus-on-left.move-right { -webkit-transform: translateX(103%) scale(0.7); transform: translateX(103%) scale(0.7); } .cd-item-wrapper li.focus-on-right { /* class added to the .selected and .move-left items when user hovers over the .move-right item (item preview on the right) */ -webkit-transform: translateX(-3%) scale(1.25); transform: translateX(-3%) scale(1.25); } .cd-item-wrapper li.focus-on-right.move-left { -webkit-transform: translateX(-103%) scale(0.7); transform: translateX(-103%) scale(0.7); } .cd-item-wrapper li.hover { /* class added to the preview items (.move-left or .move-right) when user hovers over them */ opacity: 1 !important; } .cd-item-wrapper li.hover.move-left { -webkit-transform: translateX(-97%) scale(0.75); transform: translateX(-97%) scale(0.75); } .cd-item-wrapper li.hover.move-right { -webkit-transform: translateX(97%) scale(0.75); transform: translateX(97%) scale(0.75); } } .cd-dots { /* not visible in the html document - created using jQuery */ position: absolute; margin-left: 0; bottom: 5px; left: 50%; right: auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 0.2em; } .cd-dots::after { clear: both; content: ''; display: table; } .cd-dots li { width: auto !important; display: inline-block; float: left; margin: 0 3px; pointer-events: none; } .cd-dots li.selected a { background: #000; border-color: #000; } .mc-dark .cd-dots li.selected a { background: #fff; border-color: #fff; } .cd-dots a { display: block; height: 6px; width: 6px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.3); /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; transition: border-color 0.2s, background-color 0.2s; } .mc-dark .cd-dots a { border: 1px solid rgba(255, 255, 255, 0.3); } @media only screen and (min-width: 1048px) { .cd-dots li { margin: 0 5px; pointer-events: auto; } .cd-dots li.selected a { background: rgba(0, 0, 0, 0.3); border-color: rgba(0, 0, 0, 0.1); } .mc-dark .cd-dots li.selected a { background: rgba(255, 255, 255, 0.3); border-color: rgba(255, 255, 255, 0.1); } .cd-dots a { height: 6px; width: 6px; border-color: rgba(0, 0, 0, 0.3); /* fix a bug in IE9/10 - transparent anchor not clickable */ background-color: rgba(255, 255, 255, 0); } .mc-dark .cd-dots a { background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.1); } } .woocommerce span.ribbon, .woocommerce-page span.ribbon { z-index: 99; position: absolute; display: inline-block; min-height: inherit !important; min-width: inherit !important; padding: 7px 10px; font-weight: bold; font-weight: 600; position: absolute; text-align: center; margin: 0; border-radius: 2px !important; color: #fff; font-size: 11px; line-height: 11px; letter-spacing: 0; text-transform: uppercase; -webkit-font-smoothing: antialiased; } .woocommerce span.ribbon.onsale, .woocommerce-page span.ribbon.onsale { top: -10px; left: -10px; background-color: #ea5c5c; } .woocommerce span.ribbon.newbadge, .woocommerce-page span.ribbon.newbadge { top: -10px; left: auto; right: -10px; background-color: #89ae70; } .woocommerce .single-product-images span.ribbon, .woocommerce-page .single-product-images span.ribbon { padding: 8px 13px; border-radius: 3px !important; font-size: 12px; line-height: 12px; } .woocommerce .single-product-images span.ribbon.onsale, .woocommerce-page .single-product-images span.ribbon.onsale { top: 15px; left: 15px; } .woocommerce .single-product-images span.ribbon.newbadge, .woocommerce-page .single-product-images span.ribbon.newbadge { top: 15px; right: 15px; } .woocommerce .single-product-images.without_sidebar span.ribbon.onsale, .woocommerce-page .single-product-images.without_sidebar span.ribbon.onsale { left: 15px; } @media only screen and (min-width: 62em) and (max-width: 74.94em) { .woocommerce .single-product-images.without_sidebar span.ribbon.onsale, .woocommerce-page .single-product-images.without_sidebar span.ribbon.onsale { left: 15px; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .woocommerce .single-product-images.without_sidebar span.ribbon.onsale, .woocommerce-page .single-product-images.without_sidebar span.ribbon.onsale { left: 15px; } } @media only screen and (max-width: 40em) { .woocommerce .single-product-images.without_sidebar span.ribbon.onsale, .woocommerce-page .single-product-images.without_sidebar span.ribbon.onsale { left: 15px; } } .product_after_shop_loop { border-top: 1px solid rgba(0, 0, 0, 0.05); height: 40px; overflow: hidden; margin-top: 15px; } .mc-dark .product_after_shop_loop { border-top: 1px solid rgba(255, 255, 255, 0.08); } .product-item:hover .product_after_shop_loop { border-top: 1px solid #fff; } .product_after_shop_loop_switcher { height: 80px; overflow: hidden; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; -moz-transform: rotate(0); -webkit-transform: translateZ(0); } .products li:not(.catalog_mode):hover .product_after_shop_loop_switcher { -webkit-transform: translateY(-40px); transform: translateY(-40px); } .products li.product_added_to_cart .product_after_shop_loop_switcher { -webkit-transform: translateY(-40px); transform: translateY(-40px); transition: none; } .product_after_shop_loop .price, .product_after_shop_loop .price ins { color: rgba(0, 0, 0, 0.8); font-size: 16px; line-height: 25.6px; font-size: 1rem; line-height: 1.6rem; line-height: 22px; font-weight: normal; font-weight: 300; border-bottom: none; text-decoration: none; } @media only screen and (max-width: 40em) { .product_after_shop_loop .price, .product_after_shop_loop .price ins { font-size: 13px; line-height: 20.8px; font-size: 0.8125rem; line-height: 1.3rem; line-height: 14px; } } .mc-dark .product_after_shop_loop .price, .mc-dark .product_after_shop_loop .price ins { color: rgba(255, 255, 255, 0.8); } .product_after_shop_loop .price ins { float: left; margin-right: 10px; } .product_after_shop_loop .price del { font-size: 14px; line-height: 22.4px; font-size: 0.875rem; line-height: 1.4rem; line-height: 21px; font-weight: normal; font-weight: 300; vertical-align: top; color: rgba(0, 0, 0, 0.5); } @media only screen and (max-width: 40em) { .product_after_shop_loop .price del { font-size: 10px; line-height: 16px; font-size: 0.625rem; line-height: 1rem; line-height: 24px; } } .product_after_shop_loop .price del span { vertical-align: top; display: inline-block; text-decoration: inherit; } .mc-dark .product_after_shop_loop .price del { color: rgba(255, 255, 255, 0.5); } .category-price-grid-list { padding-top: 7px; } .category-price-grid-list .price, .category-price-grid-list .price ins { float: left; margin-right: 10px; color: #000; font-size: 20px; line-height: 32px; font-size: 1.25rem; line-height: 2rem; line-height: 28px; font-weight: 400; text-decoration: none; } .mc-dark .category-price-grid-list .price, .mc-dark .category-price-grid-list .price ins { color: #fff; } .category-price-grid-list .price del { font-size: 16px; line-height: 25.6px; font-size: 1rem; line-height: 1.6rem; line-height: 26px; vertical-align: top; color: rgba(0, 0, 0, 0.5); font-weight: 300; margin-right: 5px; } .mc-dark .category-price-grid-list .price del { color: rgba(255, 255, 255, 0.5); } .category-price-grid-list a.button { float: none; } .category-price-grid-list .availability { text-transform: uppercase; font-size: 10px; line-height: 16px; font-size: 0.625rem; line-height: 1rem; font-weight: bold; font-weight: 400; letter-spacing: 1px; margin: 3px 0 15px 0; } .category-price-grid-list .availability label { font-size: 10px; line-height: 16px; font-size: 0.625rem; line-height: 1rem; color: rgba(0, 0, 0, 0.5); } .mc-dark .category-price-grid-list .availability label { color: rgba(255, 255, 255, 0.5); } .category-price-grid-list .availability .available { color: #89ae70; } .category-price-grid-list .availability .not-available { color: #ea5c5c; } .category-price-grid-list .prod-plugins { margin: 15px 0 0 0; padding-top: 0; border-top: none; } .category-price-grid-list .prod-plugins ul, .category-price-grid-list .prod-plugins li { text-align: left; } .product_after_shop_loop_price { padding-top: 7px; height: 40px; overflow: hidden; } span.out_of_stock_title { z-index: 99; width: 100px; float: left; text-align: center; position: absolute; top: 45%; left: 0; right: 0; margin: 0 auto; display: block; -webkit-animation: fadeIn 0.6s; animation: fadeIn 0.6s; text-transform: uppercase; font-size: 10px; line-height: 16px; font-size: 0.625rem; line-height: 1rem; font-weight: 600; color: #ea5c5c; padding: 2px 7px; border: 1px solid #ea5c5c; border-radius: 4px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } .product-item:hover span.out_of_stock_title { display: none; } .product_after_shop_loop_buttons { padding-top: 0px; height: 40px; overflow: hidden; } .woocommerce .blockUI.blockOverlay { background-color: #fff !important; opacity: 0.8 !important; } .woocommerce .blockUI.blockMsk { display: none !important; } .woocommerce .blockUI.blockMsk h1 { display: none !important; } .woocommerce .blockUI.blockOverlay:before, .woocommerce .loader:before { width: 23px !important; height: 23px !important; border: 2px solid #000; left: 50% !important; border-right-color: transparent; border-radius: 80% !important; -webkit-animation: circle-rotate 0.3s infinite linear !important; animation: circle-rotate 0.3s infinite linear !important; background: none !important; background-image: none !important; background-size: cover; line-height: 1; text-align: center; font-size: 2em; color: rgba(0, 0, 0, 0.75); } .compare-button .blockUI.blockOverlay::before { visibility: hidden !important; } /**********************************************************************************/ /* Jckqv Qiuck View ***************************************************************/ /**********************************************************************************/ .jckqv-qty-spinners { display: none; } #jckqv { font-family: inherit; max-width: 1000px; /* Qv Typography */ /* Rating */ /* Price */ /* Sale */ } @media only screen and (min-width: 62em) and (max-width: 74.94em) { #jckqv { max-width: 900px; } } #jckqv h1, #jckqv p { font-family: inherit; margin: 0; font-style: inherit; } #jckqv h1 { font-size: 34px; line-height: 40px; display: block; margin: 10px 0 10px 0; font-weight: 600; color: #000; } #jckqv p { font-family: inherit; font-size: inherit; color: #000; font-weight: 300; margin: 0 0 25px; font-size: 14px; line-height: 22.4px; font-size: 0.875rem; line-height: 1.4rem; } #jckqv .woocommerce-product-rating { margin-top: -5px; margin-bottom: 10px; } #jckqv .woocommerce-product-rating .star-rating { overflow: hidden; position: relative; width: 65px; height: 17px; margin: 0; float: left; display: inline-block; font-size: inherit; } #jckqv .woocommerce-product-rating .star-rating:before { float: left; top: 0; left: 0; position: absolute; font-family: FontAwesome; content: '\f006\f006\f006\f006\f006'; font-size: 14px; color: rgba(0, 0, 0, 0.2); } #jckqv .woocommerce-product-rating .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } #jckqv .woocommerce-product-rating .star-rating span:before { top: 0; position: absolute; left: 0; font-family: FontAwesome; content: '\f005\f005\f005\f005\f005'; font-size: 14px; } #jckqv .price { margin: 20px 0; color: #000; font-size: 30px; line-height: 37px; font-weight: normal; font-weight: 300; } #jckqv .price ins { font-size: 30px; line-height: 37px; font-weight: normal; font-weight: 300; text-decoration: none; float: left; margin-right: 15px; } #jckqv .price ins span.amount { color: #000; } #jckqv .price del { float: none; vertical-align: top; font-size: 22px; line-height: 32px; font-weight: normal; font-weight: 300; opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); } #jckqv .variations_form, #jckqv form.cart { margin: 30px 0 0 0; padding: 25px; border: 3px solid rgba(0, 0, 0, 0.03); border-radius: 8px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } #jckqv .variations_form table.variations, #jckqv form.cart table.variations { background: transparent; margin: 0 0 20px 0; border-radius: 0; width: 100%; border: none; } #jckqv .variations_form table.variations tr, #jckqv form.cart table.variations tr { border: none !important; } #jckqv .variations_form table.variations th, #jckqv .variations_form table.variations td, #jckqv form.cart table.variations th, #jckqv form.cart table.variations td { padding: 5px 0; border: none; border-bottom: none; font-size: 14px; line-height: 1.6; color: #000; } #jckqv .variations_form .single_variation_wrap, #jckqv form.cart .single_variation_wrap { overflow: hidden; margin: 0; } #jckqv .variations_form .woocommerce-variation-price span.price, #jckqv form.cart .woocommerce-variation-price span.price { color: #000; font-size: 30px; line-height: 37px; font-weight: normal; font-weight: 300; margin: 0; } #jckqv .variations_form .woocommerce-variation-availability p, #jckqv form.cart .woocommerce-variation-availability p { text-transform: uppercase; font-size: 11px; line-height: 17.6px; font-weight: 400; letter-spacing: 1.5px; } #jckqv .variations_form .woocommerce-variation-availability .stock, #jckqv form.cart .woocommerce-variation-availability .stock { color: #77a464; } #jckqv .variations_form .woocommerce-variation-availability .out-of-stock, #jckqv form.cart .woocommerce-variation-availability .out-of-stock { color: red; } #jckqv .variations { margin-bottom: 0 !important; } #jckqv .variations tbody .label, #jckqv .variations tbody .value { display: block; width: 100%; padding: 0; margin-bottom: 0px; } #jckqv .variations tbody .label label, #jckqv .variations tbody .value label { margin-top: 0; } #jckqv .variations tbody .label .wcboost-variation-swatches__selected-label { font-weight: 300; } #jckqv .variations .wcboost-variation-swatches { margin-top: 0px; } #jckqv .variations .wcboost-variation-swatches label.variation-select { display: none; } #jckqv .variations .wcboost-variation-swatches .wcboost-variation-swatches__wrapper { display: inline-flex; vertical-align: middle; align-items: center; flex-wrap: wrap; } #jckqv .variations .wcboost-variation-swatches .wcboost-variation-swatches__wrapper .wcboost-variation-swatches__item { box-shadow: none; } #jckqv .variations .wcboost-variation-swatches.wcboost-variation-swatches--color .wcboost-variation-swatches__item .wcboost-variation-swatches__name { display: flex; align-items: center; overflow: visible; border: none; width: inherit; height: inherit; box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3); transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); } #jckqv .variations .wcboost-variation-swatches.wcboost-variation-swatches--color .wcboost-variation-swatches__item .wcboost-variation-swatches__name:after { z-index: 1; border-radius: inherit; opacity: 0; transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; background: inherit; background-size: inherit; box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.1); } #jckqv .variations .wcboost-variation-swatches.wcboost-variation-swatches--color .wcboost-variation-swatches__item .wcboost-variation-swatches__name:before { border: 1px solid transparent; z-index: 2; } #jckqv .variations .wcboost-variation-swatches.wcboost-variation-swatches--color .wcboost-variation-swatches__item .wcboost-variation-swatches__name:hover { box-shadow: none; } #jckqv .variations .wcboost-variation-swatches.wcboost-variation-swatches--color .wcboost-variation-swatches__item .wcboost-variation-swatches__name:hover:after { opacity: 0.3; -webkit-transform: scale(1.3); transform: scale(1.3); } #jckqv .variations .wcboost-variation-swatches.wcboost-variation-swatches--color .wcboost-variation-swatches__item.disabled { cursor: not-allowed; opacity: 1; } #jckqv .variations .wcboost-variation-swatches.wcboost-variation-swatches--color .wcboost-variation-swatches__item.disabled:before { visibility: visible; position: absolute; border-radius: 50%; content: ''; display: block; width: 100%; height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 0; margin: 0; opacity: 0.2; background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 0.8px), black 50%, rgba(0, 0, 0, 0) calc(50% + 0.8px), rgba(0, 0, 0, 0) 100%), linear-gradient(to top right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 0.8px), black 50%, rgba(0, 0, 0, 0) calc(50% + 0.8px), rgba(0, 0, 0, 0) 100%); border: 1px solid black; z-index: 9999; } #jckqv .variations .wcboost-variation-swatches.wcboost-variation-swatches--color .wcboost-variation-swatches__item.disabled .wcboost-variation-swatches__name { opacity: 0.3; } #jckqv .variations .wcboost-variation-swatches.wcboost-variation-swatches--color .wcboost-variation-swatches__item.selected .wcboost-variation-swatches__name { box-shadow: none; } #jckqv .variations .wcboost-variation-swatches.wcboost-variation-swatches--color .wcboost-variation-swatches__item.selected .wcboost-variation-swatches__name:after { border: none; z-index: 1; border-radius: inherit; opacity: 0; transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto; content: ''; background: inherit; background-size: inherit; box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.1); opacity: 0.3; -webkit-transform: scale(1.3); transform: scale(1.3); margin: 0; } #jckqv .variations .wcboost-variation-swatches.wcboost-variation-swatches--image .wcboost-variation-swatches__item img { z-index: 2; } #jckqv .variations .wcboost-variation-swatches.wcboost-variation-swatches--image .wcboost-variation-swatches__item .wcboost-variation-swatches__name { border-radius: 50%; position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: visible; margin: 0; clip: inherit; -webkit-clip-path: inherit; clip-path: inherit; } #jckqv .variations .wcboost-variation-swatches.wcboost-variation-swatches--image .wcboost-variation-swatches__item .wcboost-variation-swatches__name:after { z-index: 1; border-radius: 50%; opacity: 0; transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; background: inherit; background-size: inherit; box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.2); } #jckqv .variations .wcboost-variation-swatches.wcboost-variation-swatches--image .wcboost-variation-swatches__item:hover .wcboost-variation-swatches__name:after { opacity: 0.7; -webkit-transform: scale(1.25); transform: scale(1.25); } #jckqv .variations .wcboost-variation-swatches.wcboost-variation-swatches--image .wcboost-variation-swatches__item.selected .wcboost-variation-swatches__name:after { opacity: 0.7; -webkit-transform: scale(1.25); transform: scale(1.25); } #jckqv .variations .wcboost-variation-swatches.wcboost-variation-swatches--image .wcboost-variation-swatches__item.disabled { opacity: 1; cursor: not-allowed; } #jckqv .variations .wcboost-variation-swatches.wcboost-variation-swatches--image .wcboost-variation-swatches__item.disabled .wcboost-variation-swatches__name:before { position: absolute; content: ''; display: block; width: 100%; height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0; opacity: 1; background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 0.8px), rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) calc(50% + 0.8px), rgba(0, 0, 0, 0) 100%), linear-gradient(to top right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 0.8px), rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) calc(50% + 0.8px), rgba(0, 0, 0, 0) 100%); } #jckqv .variations .wcboost-variation-swatches.wcboost-variation-swatches--image .wcboost-variation-swatches__item.disabled:hover .wcboost-variation-swatches__name:after { display: none; } #jckqv .variations .wcboost-variation-swatches.wcboost-variation-swatches--button .wcboost-variation-swatches__item { background-color: transparent; padding: 0; } #jckqv .variations .wcboost-variation-swatches.wcboost-variation-swatches--label .wcboost-variation-swatches__item, #jckqv .variations .wcboost-variation-swatches.wcboost-variation-swatches--button .wcboost-variation-swatches__item { width: auto; } #jckqv .variations .wcboost-variation-swatches.wcboost-variation-swatches--label .wcboost-variation-swatches__item .wcboost-variation-swatches__name, #jckqv .variations .wcboost-variation-swatches.wcboost-variation-swatches--button .wcboost-variation-swatches__item .wcboost-variation-swatches__name { width: auto; font-size: 14px; line-height: 1.4; vertical-align: middle; padding: 5px 10px !important; margin: 0; font-weight: 500; box-shadow: none; overflow: hidden; background-color: transparent; border-radius: 2px !important; border: none !important; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset; color: rgba(0, 0, 0, 0.5); transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); } #jckqv .variations .wcboost-variation-swatches.wcboost-variation-swatches--label .wcboost-variation-swatches__item .wcboost-variation-swatches__name:hover, #jckqv .variations .wcboost-variation-swatches.wcboost-variation-swatches--button .wcboost-variation-swatches__item .wcboost-variation-swatches__name:hover { box-shadow: 0 0 0 1px #000 inset; } #jckqv .variations .wcboost-variation-swatches.wcboost-variation-swatches--label .wcboost-variation-swatches__item.selected .wcboost-variation-swatches__name, #jckqv .variations .wcboost-variation-swatches.wcboost-variation-swatches--button .wcboost-variation-swatches__item.selected .wcboost-variation-swatches__name { box-shadow: 0 0 0 2px #000 inset; color: black; } #jckqv .variations .wcboost-variation-swatches.wcboost-variation-swatches--label .wcboost-variation-swatches__item.disabled, #jckqv .variations .wcboost-variation-swatches.wcboost-variation-swatches--button .wcboost-variation-swatches__item.disabled { opacity: 1; cursor: not-allowed; } #jckqv .variations .wcboost-variation-swatches.wcboost-variation-swatches--label .wcboost-variation-swatches__item.disabled .wcboost-variation-swatches__name, #jckqv .variations .wcboost-variation-swatches.wcboost-variation-swatches--button .wcboost-variation-swatches__item.disabled .wcboost-variation-swatches__name { background-color: rgba(0, 0, 0, 0.05); } #jckqv .variations .wcboost-variation-swatches.wcboost-variation-swatches--label .wcboost-variation-swatches__item.disabled .wcboost-variation-swatches__name:before, #jckqv .variations .wcboost-variation-swatches.wcboost-variation-swatches--button .wcboost-variation-swatches__item.disabled .wcboost-variation-swatches__name:before { position: absolute; content: ''; display: block; width: 100%; height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0; opacity: 1; background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 0.8px), rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) calc(50% + 0.8px), rgba(0, 0, 0, 0) 100%); } #jckqv .variations .wcboost-variation-swatches.wcboost-variation-swatches--label .wcboost-variation-swatches__item.disabled:hover .wcboost-variation-swatches__name, #jckqv .variations .wcboost-variation-swatches.wcboost-variation-swatches--button .wcboost-variation-swatches__item.disabled:hover .wcboost-variation-swatches__name { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset; } #jckqv #jckqv_summary .out-of-stock { color: red; } #jckqv .jckqv-images__arr:hover { width: 65px; } #jckqv .jckqv-images__arr .jckqv-icon-chevron-with-circle-left:before, #jckqv .jckqv-images__arr .jckqv-icon-chevron-with-circle-right:before { text-align: center; line-height: 16px; width: 23px; padding: 13px 0; color: #000; background-color: #fff; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); border-radius: 3px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.15); } #jckqv .jckqv-images__arr .jckqv-icon-chevron-with-circle-left:before { font-size: 14px; line-height: 22.4px; font-size: 0.875rem; line-height: 1.4rem; font-family: 'Woodstock'; content: '\e61f'; } #jckqv .jckqv-images__arr .jckqv-icon-chevron-with-circle-right:before { font-size: 14px; line-height: 22.4px; font-size: 0.875rem; line-height: 1.4rem; font-family: 'Woodstock'; content: '\e620'; } #jckqv .jckqv-images__arr--prev:hover { left: 0px; } #jckqv .jckqv-images__arr--next:hover { right: 0px; } #jckqv .jckqv-images__arr--prev:hover .jckqv-icon-chevron-with-circle-left:before, #jckqv .jckqv-images__arr--prev:hover .jckqv-icon-chevron-with-circle-right:before, #jckqv .jckqv-images__arr--next:hover .jckqv-icon-chevron-with-circle-left:before, #jckqv .jckqv-images__arr--next:hover .jckqv-icon-chevron-with-circle-right:before { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); background-color: #fff; box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.1); } #jckqv .quantity { float: left; width: auto; border: none; padding: 0; margin: 0 10px 0 0; overflow: hidden; } #jckqv .quantity .qty { border-radius: 5px 0 0 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ background-color: rgba(0, 0, 0, 0.03); font-size: 20px; font-weight: 400; text-transform: uppercase; width: 60px !important; height: 45px !important; line-height: 45px !important; float: left; padding: 0px 0px 0px 0; text-align: center; vertical-align: middle; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; transition: none; -webkit-transition: none; z-index: 1; color: #000; border: none; border-right: none; } #jckqv .onsale { position: absolute; top: 15px; left: 15px; right: auto; display: inline-block; min-height: inherit !important; min-width: inherit !important; padding: 8px 13px; border-radius: 3px !important; font-size: 12px; line-height: 12px; background: #ea5c5c; color: #fff; } #jckqv .button { color: #fff; font-size: 12px; line-height: 19.2px; vertical-align: middle; letter-spacing: 0px; text-transform: uppercase; font-weight: bold; font-weight: 400; padding: 0 30px; height: 45px; line-height: 45px; border: none; background-image: none; text-align: center; box-shadow: none; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ text-shadow: none; background-clip: padding-box; } #jckqv .button.product_type_grouped { margin-bottom: 20px; } #jckqv .product_meta { clear: both; margin-top: 25px; padding: 15px 10px; background-color: rgba(0, 0, 0, 0.03); border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } #jckqv .product_meta > span { display: block; padding: 8px 10px; border-bottom: none; font-weight: 400; font-size: 14px; line-height: 20px; color: rgba(0, 0, 0, 0.4); } #jckqv .product_meta > span a { font-weight: 400; color: #000; } #jckqv .product_meta > span a:hover { color: rgba(0, 0, 0, 0.6); } #jckqv .product_meta > span span { color: #000; } /**********************************************************************************/ /* Wishlist Plugin ****************************************************************/ /**********************************************************************************/ .woocommerce #yith-wcwl-form, .woocommerce-page #yith-wcwl-form { margin: 60px 0 80px; text-align: center; } .woocommerce #yith-wcwl-form .woocommerce-message, .woocommerce-page #yith-wcwl-form .woocommerce-message { text-align: left; } .woocommerce #yith-wcwl-form .wishlist-title, .woocommerce-page #yith-wcwl-form .wishlist-title { position: relative; width: 100%; } .woocommerce #yith-wcwl-form .wishlist-title h2, .woocommerce-page #yith-wcwl-form .wishlist-title h2 { text-align: center; margin-top: 0; margin-bottom: 30px; font-size: 50px; line-height: 56px; } .woocommerce #yith-wcwl-form .wishlist-title .button, .woocommerce-page #yith-wcwl-form .wishlist-title .button { position: absolute; right: 0; top: calc(50% - 45px); } .woocommerce #yith-wcwl-form .shop_table, .woocommerce-page #yith-wcwl-form .shop_table { margin-bottom: 30px; } .woocommerce #yith-wcwl-form .shop_table thead th, .woocommerce-page #yith-wcwl-form .shop_table thead th { padding: 17px 0; border-top: none; border-color: rgba(0, 0, 0, 0.05); } .woocommerce #yith-wcwl-form .shop_table tbody .wishlist-empty, .woocommerce-page #yith-wcwl-form .shop_table tbody .wishlist-empty { text-align: center; font-size: 22px; line-height: 35.2px; font-size: 1.375rem; line-height: 2.2rem; } .woocommerce #yith-wcwl-form .shop_table tbody td, .woocommerce-page #yith-wcwl-form .shop_table tbody td { padding: 30px 30px 30px 0; border-color: rgba(0, 0, 0, 0.05); text-align: left; } .woocommerce #yith-wcwl-form .shop_table tbody td.product-remove a, .woocommerce-page #yith-wcwl-form .shop_table tbody td.product-remove a { font-size: 0; float: left; height: 17px; line-height: 17px; } .woocommerce #yith-wcwl-form .shop_table tbody td.product-remove a:before, .woocommerce-page #yith-wcwl-form .shop_table tbody td.product-remove a:before { color: rgba(0, 0, 0, 0.25); display: inline-block; font-family: 'Woodstock'; content: '\e62d'; font-size: 17px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .woocommerce #yith-wcwl-form .shop_table tbody td.product-remove a:hover:before, .woocommerce-page #yith-wcwl-form .shop_table tbody td.product-remove a:hover:before { color: #000; } .woocommerce #yith-wcwl-form .shop_table tbody td.product-name, .woocommerce-page #yith-wcwl-form .shop_table tbody td.product-name { width: 30%; padding-right: 100px; } .woocommerce #yith-wcwl-form .shop_table tbody td.product-price ins, .woocommerce-page #yith-wcwl-form .shop_table tbody td.product-price ins { text-decoration: none; float: left; margin-right: 10px; } .woocommerce #yith-wcwl-form .shop_table tbody td.product-price del, .woocommerce-page #yith-wcwl-form .shop_table tbody td.product-price del { opacity: 0.4; } .woocommerce #yith-wcwl-form .shop_table tbody td.product-stock-status span, .woocommerce-page #yith-wcwl-form .shop_table tbody td.product-stock-status span { text-transform: uppercase; font-weight: 400; font-size: 11px; line-height: 14px; letter-spacing: 1.5px; } .woocommerce #yith-wcwl-form .shop_table tbody td.product-add-to-cart, .woocommerce-page #yith-wcwl-form .shop_table tbody td.product-add-to-cart { padding-right: 0; text-align: right; width: 180px; } .woocommerce #yith-wcwl-form .shop_table tbody td.product-add-to-cart a, .woocommerce-page #yith-wcwl-form .shop_table tbody td.product-add-to-cart a { float: right; padding: 6px 12px !important; height: auto; line-height: 1.6; } .woocommerce #yith-wcwl-form .shop_table tfoot td, .woocommerce-page #yith-wcwl-form .shop_table tfoot td { padding-top: 30px; border-color: rgba(0, 0, 0, 0.05); } .woocommerce #yith-wcwl-form .shop_table.mobile li, .woocommerce-page #yith-wcwl-form .shop_table.mobile li { margin-bottom: 50px; } .woocommerce #yith-wcwl-form .shop_table.mobile li .item-wrapper, .woocommerce-page #yith-wcwl-form .shop_table.mobile li .item-wrapper { width: 100%; display: flex; } .woocommerce #yith-wcwl-form .shop_table.mobile li .item-wrapper .product-thumbnail, .woocommerce-page #yith-wcwl-form .shop_table.mobile li .item-wrapper .product-thumbnail { max-width: 140px; margin-right: 1.25rem; } @media only screen and (max-width: 40em) { .woocommerce #yith-wcwl-form .shop_table.mobile li .item-wrapper .product-thumbnail, .woocommerce-page #yith-wcwl-form .shop_table.mobile li .item-wrapper .product-thumbnail { max-width: 100px; margin-right: 0.9375rem; } } .woocommerce #yith-wcwl-form .shop_table.mobile li .item-wrapper .product-thumbnail .product-thumbnail-inner, .woocommerce-page #yith-wcwl-form .shop_table.mobile li .item-wrapper .product-thumbnail .product-thumbnail-inner { display: flex; align-items: center; } .woocommerce #yith-wcwl-form .shop_table.mobile li .item-wrapper .product-thumbnail .product-thumbnail-inner .product-remove div, .woocommerce-page #yith-wcwl-form .shop_table.mobile li .item-wrapper .product-thumbnail .product-thumbnail-inner .product-remove div { width: 35px; position: relative; height: 18px; } @media only screen and (max-width: 40em) { .woocommerce #yith-wcwl-form .shop_table.mobile li .item-wrapper .product-thumbnail .product-thumbnail-inner .product-remove div, .woocommerce-page #yith-wcwl-form .shop_table.mobile li .item-wrapper .product-thumbnail .product-thumbnail-inner .product-remove div { width: 30px; } } .woocommerce #yith-wcwl-form .shop_table.mobile li .item-wrapper .product-thumbnail .product-thumbnail-inner .product-remove a, .woocommerce-page #yith-wcwl-form .shop_table.mobile li .item-wrapper .product-thumbnail .product-thumbnail-inner .product-remove a { position: absolute; left: 0; top: 0; font-size: 0; } .woocommerce #yith-wcwl-form .shop_table.mobile li .item-wrapper .product-thumbnail .product-thumbnail-inner .product-remove a:before, .woocommerce-page #yith-wcwl-form .shop_table.mobile li .item-wrapper .product-thumbnail .product-thumbnail-inner .product-remove a:before { color: rgba(0, 0, 0, 0.25); font-family: 'Woodstock'; content: '\e62d'; font-size: 17px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .woocommerce #yith-wcwl-form .shop_table.mobile li .item-wrapper .item-details .product-name, .woocommerce-page #yith-wcwl-form .shop_table.mobile li .item-wrapper .item-details .product-name { margin-bottom: 10px; } .woocommerce #yith-wcwl-form .shop_table.mobile li .item-wrapper .item-details .product-name h3, .woocommerce-page #yith-wcwl-form .shop_table.mobile li .item-wrapper .item-details .product-name h3 { text-align: left; font-size: 1.25rem; line-height: 1.2; margin: 0; } @media only screen and (max-width: 40em) { .woocommerce #yith-wcwl-form .shop_table.mobile li .item-wrapper .item-details .product-name h3, .woocommerce-page #yith-wcwl-form .shop_table.mobile li .item-wrapper .item-details .product-name h3 { font-size: 1.125rem; } } .woocommerce #yith-wcwl-form .shop_table.mobile li .item-wrapper .item-details .item-details-table tbody tr, .woocommerce #yith-wcwl-form .shop_table.mobile li .item-wrapper .item-details .additional-info-wrapper tbody tr, .woocommerce-page #yith-wcwl-form .shop_table.mobile li .item-wrapper .item-details .item-details-table tbody tr, .woocommerce-page #yith-wcwl-form .shop_table.mobile li .item-wrapper .item-details .additional-info-wrapper tbody tr { border-bottom: 1px solid #eee; } .woocommerce #yith-wcwl-form .shop_table.mobile li .item-wrapper .item-details .item-details-table tbody tr td, .woocommerce #yith-wcwl-form .shop_table.mobile li .item-wrapper .item-details .additional-info-wrapper tbody tr td, .woocommerce-page #yith-wcwl-form .shop_table.mobile li .item-wrapper .item-details .item-details-table tbody tr td, .woocommerce-page #yith-wcwl-form .shop_table.mobile li .item-wrapper .item-details .additional-info-wrapper tbody tr td { font-size: 14px; padding: 3px; vertical-align: middle; background: transparent; } .woocommerce #yith-wcwl-form .shop_table.mobile li .item-wrapper .item-details .item-details-table tbody tr td.label, .woocommerce #yith-wcwl-form .shop_table.mobile li .item-wrapper .item-details .additional-info-wrapper tbody tr td.label, .woocommerce-page #yith-wcwl-form .shop_table.mobile li .item-wrapper .item-details .item-details-table tbody tr td.label, .woocommerce-page #yith-wcwl-form .shop_table.mobile li .item-wrapper .item-details .additional-info-wrapper tbody tr td.label { display: table-cell; color: #000; font-weight: 300; } .woocommerce #yith-wcwl-form .shop_table.mobile li .item-wrapper .item-details .item-details-table tbody tr td.value, .woocommerce #yith-wcwl-form .shop_table.mobile li .item-wrapper .item-details .additional-info-wrapper tbody tr td.value, .woocommerce-page #yith-wcwl-form .shop_table.mobile li .item-wrapper .item-details .item-details-table tbody tr td.value, .woocommerce-page #yith-wcwl-form .shop_table.mobile li .item-wrapper .item-details .additional-info-wrapper tbody tr td.value { text-align: right; } .woocommerce #yith-wcwl-form .shop_table.mobile li .item-wrapper .item-details .item-details-table tbody tr td.value .wishlist-in-stock, .woocommerce #yith-wcwl-form .shop_table.mobile li .item-wrapper .item-details .additional-info-wrapper tbody tr td.value .wishlist-in-stock, .woocommerce-page #yith-wcwl-form .shop_table.mobile li .item-wrapper .item-details .item-details-table tbody tr td.value .wishlist-in-stock, .woocommerce-page #yith-wcwl-form .shop_table.mobile li .item-wrapper .item-details .additional-info-wrapper tbody tr td.value .wishlist-in-stock { font-weight: 400; color: #297e29; } .woocommerce #yith-wcwl-form .shop_table.mobile li .item-wrapper .item-details .item-details-table tbody tr td.value .wishlist-out-of-stock, .woocommerce #yith-wcwl-form .shop_table.mobile li .item-wrapper .item-details .additional-info-wrapper tbody tr td.value .wishlist-out-of-stock, .woocommerce-page #yith-wcwl-form .shop_table.mobile li .item-wrapper .item-details .item-details-table tbody tr td.value .wishlist-out-of-stock, .woocommerce-page #yith-wcwl-form .shop_table.mobile li .item-wrapper .item-details .additional-info-wrapper tbody tr td.value .wishlist-out-of-stock { font-weight: 400; color: red; } .woocommerce #yith-wcwl-form .shop_table.mobile li .item-wrapper .item-details .additional-info-wrapper .additional-info tbody tr, .woocommerce-page #yith-wcwl-form .shop_table.mobile li .item-wrapper .item-details .additional-info-wrapper .additional-info tbody tr { border-bottom: none; } .woocommerce #yith-wcwl-form .shop_table.mobile li .item-wrapper .item-details .additional-info-wrapper .product-add-to-cart, .woocommerce-page #yith-wcwl-form .shop_table.mobile li .item-wrapper .item-details .additional-info-wrapper .product-add-to-cart { text-align: left; margin-top: 15px; } .woocommerce #yith-wcwl-form .shop_table.mobile li .item-wrapper .item-details .additional-info-wrapper .product-add-to-cart a, .woocommerce-page #yith-wcwl-form .shop_table.mobile li .item-wrapper .item-details .additional-info-wrapper .product-add-to-cart a { margin: 0 !important; padding: 6px 12px !important; height: auto; line-height: 1.6; } .woocommerce #yith-wcwl-form .yith_wcwl_wishlist_footer > div, .woocommerce-page #yith-wcwl-form .yith_wcwl_wishlist_footer > div { margin-bottom: 40px; text-align: left; } .woocommerce .mc-dark #yith-wcwl-form .shop_table thead th, .woocommerce-page .mc-dark #yith-wcwl-form .shop_table thead th { border-color: rgba(255, 255, 255, 0.05); } .woocommerce .mc-dark #yith-wcwl-form .shop_table tbody td, .woocommerce-page .mc-dark #yith-wcwl-form .shop_table tbody td { border-color: rgba(255, 255, 255, 0.05); } .woocommerce .mc-dark #yith-wcwl-form .shop_table tbody td.product-remove a:before, .woocommerce-page .mc-dark #yith-wcwl-form .shop_table tbody td.product-remove a:before { color: rgba(255, 255, 255, 0.25); } .woocommerce .mc-dark #yith-wcwl-form .shop_table tbody td.product-remove a:hover:before, .woocommerce-page .mc-dark #yith-wcwl-form .shop_table tbody td.product-remove a:hover:before { color: #fff; } .woocommerce .mc-dark #yith-wcwl-form .shop_table tfoot td, .woocommerce-page .mc-dark #yith-wcwl-form .shop_table tfoot td { border-color: rgba(255, 255, 255, 0.05); } .ev-attr-swatches { position: absolute; top: 0; right: 10px; margin: 10px 0 8px; } .ev-attr-swatches .swatch { margin: 0 2px; display: inline-block; } .ev-attr-swatches .swatch:first-child { margin-left: 0; } .ev-attr-swatches .swatch.ev-swatch-variation-image { cursor: pointer; } .ev-attr-swatches .swatch-label { border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 3px; background-color: white; color: #666; padding: 3px 5px; font-size: 11px; line-height: 12px; } .ev-attr-swatches .swatch-label.selected { border-color: rgba(0, 0, 0, 0.8); color: #000; font-weight: bold; } .ev-attr-swatches .swatch-color { border: 1px solid transparent; width: 18px; height: 18px; border-radius: 50%; position: relative; } .ev-attr-swatches .swatch-color .sub-swatch { width: 13px; height: 13px; border-radius: 50%; display: inline-block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2); } .ev-attr-swatches .swatch-color.selected { border-color: rgba(0, 0, 0, 0.3); } .ev-attr-swatches .swatch-color.selected .sub-swatch { width: 17px; height: 17px; border: 2px solid #fff; box-shadow: none; } .ev-attr-swatches .swatch-image { border: 1px solid transparent; width: 24px; height: 24px; border-radius: 50%; position: relative; } .ev-attr-swatches .swatch-image img { width: 22px; border-radius: 50%; display: inline-block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ev-attr-swatches .swatch-image.selected { border-color: rgba(0, 0, 0, 0.3); } .woocommerce.single-product form.cart.swatches-support .variations tbody .label, .woocommerce.single-product form.cart.swatches-support .variations tbody .value { display: block; width: 100%; padding: 0; margin-bottom: 0px; } .woocommerce.single-product form.cart.swatches-support .variations tbody .label .wcboost-variation-swatches__selected-label { font-weight: 300; } .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches { margin-top: 15px; } .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches label.variation-select { display: none; } .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches .wcboost-variation-swatches__wrapper { display: inline-flex; vertical-align: middle; align-items: center; flex-wrap: wrap; } .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches .wcboost-variation-swatches__wrapper .wcboost-variation-swatches__item { box-shadow: none; } .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--color .wcboost-variation-swatches__item .wcboost-variation-swatches__name { display: flex; align-items: center; overflow: visible; border: none; width: inherit; height: inherit; box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3); transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--color .wcboost-variation-swatches__item .wcboost-variation-swatches__name:after { z-index: 1; border-radius: inherit; opacity: 0; transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; background: inherit; background-size: inherit; box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.1); } .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--color .wcboost-variation-swatches__item .wcboost-variation-swatches__name:before { border: 1px solid transparent; z-index: 2; } .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--color .wcboost-variation-swatches__item .wcboost-variation-swatches__name:hover { box-shadow: none; } .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--color .wcboost-variation-swatches__item .wcboost-variation-swatches__name:hover:after { opacity: 0.3; -webkit-transform: scale(1.3); transform: scale(1.3); } .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--color .wcboost-variation-swatches__item.disabled { cursor: not-allowed; opacity: 1; } .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--color .wcboost-variation-swatches__item.disabled:before { visibility: visible; position: absolute; border-radius: 50%; content: ''; display: block; width: 100%; height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 0; margin: 0; opacity: 0.2; background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 0.8px), black 50%, rgba(0, 0, 0, 0) calc(50% + 0.8px), rgba(0, 0, 0, 0) 100%), linear-gradient(to top right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 0.8px), black 50%, rgba(0, 0, 0, 0) calc(50% + 0.8px), rgba(0, 0, 0, 0) 100%); border: 1px solid black; z-index: 9999; } .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--color .wcboost-variation-swatches__item.disabled .wcboost-variation-swatches__name { opacity: 0.3; } .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--color .wcboost-variation-swatches__item.selected .wcboost-variation-swatches__name { box-shadow: none; } .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--color .wcboost-variation-swatches__item.selected .wcboost-variation-swatches__name:after { border: none; z-index: 1; border-radius: inherit; opacity: 0; transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto; content: ''; background: inherit; background-size: inherit; box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.1); opacity: 0.3; -webkit-transform: scale(1.3); transform: scale(1.3); margin: 0; } .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--image .wcboost-variation-swatches__item img { z-index: 2; } .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--image .wcboost-variation-swatches__item .wcboost-variation-swatches__name { border-radius: 50%; position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: visible; margin: 0; clip: inherit; -webkit-clip-path: inherit; clip-path: inherit; } .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--image .wcboost-variation-swatches__item .wcboost-variation-swatches__name:after { z-index: 1; border-radius: 50%; opacity: 0; transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; background: inherit; background-size: inherit; box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.2); } .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--image .wcboost-variation-swatches__item:hover .wcboost-variation-swatches__name:after { opacity: 0.7; -webkit-transform: scale(1.25); transform: scale(1.25); } .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--image .wcboost-variation-swatches__item.selected .wcboost-variation-swatches__name:after { opacity: 0.7; -webkit-transform: scale(1.25); transform: scale(1.25); } .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--image .wcboost-variation-swatches__item.disabled { opacity: 1; cursor: not-allowed; } .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--image .wcboost-variation-swatches__item.disabled .wcboost-variation-swatches__name:before { position: absolute; content: ''; display: block; width: 100%; height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0; opacity: 1; background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 0.8px), rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) calc(50% + 0.8px), rgba(0, 0, 0, 0) 100%), linear-gradient(to top right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 0.8px), rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) calc(50% + 0.8px), rgba(0, 0, 0, 0) 100%); } .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--image .wcboost-variation-swatches__item.disabled:hover .wcboost-variation-swatches__name:after { display: none; } .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--button .wcboost-variation-swatches__item { background-color: transparent; padding: 0; } .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--label .wcboost-variation-swatches__item, .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--button .wcboost-variation-swatches__item { width: auto; } .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--label .wcboost-variation-swatches__item .wcboost-variation-swatches__name, .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--button .wcboost-variation-swatches__item .wcboost-variation-swatches__name { width: auto; font-size: 14px; line-height: 1.4; vertical-align: middle; padding: 5px 10px !important; margin: 0; font-weight: 500; box-shadow: none; overflow: hidden; background-color: transparent; border-radius: 2px !important; border: none !important; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset; color: rgba(0, 0, 0, 0.5); transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--label .wcboost-variation-swatches__item .wcboost-variation-swatches__name:hover, .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--button .wcboost-variation-swatches__item .wcboost-variation-swatches__name:hover { box-shadow: 0 0 0 1px #000 inset; } .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--label .wcboost-variation-swatches__item.selected .wcboost-variation-swatches__name, .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--button .wcboost-variation-swatches__item.selected .wcboost-variation-swatches__name { box-shadow: 0 0 0 2px #000 inset; color: black; } .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--label .wcboost-variation-swatches__item.disabled, .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--button .wcboost-variation-swatches__item.disabled { opacity: 1; cursor: not-allowed; } .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--label .wcboost-variation-swatches__item.disabled .wcboost-variation-swatches__name, .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--button .wcboost-variation-swatches__item.disabled .wcboost-variation-swatches__name { background-color: rgba(0, 0, 0, 0.05); } .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--label .wcboost-variation-swatches__item.disabled .wcboost-variation-swatches__name:before, .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--button .wcboost-variation-swatches__item.disabled .wcboost-variation-swatches__name:before { position: absolute; content: ''; display: block; width: 100%; height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0; opacity: 1; background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 0.8px), rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) calc(50% + 0.8px), rgba(0, 0, 0, 0) 100%); } .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--label .wcboost-variation-swatches__item.disabled:hover .wcboost-variation-swatches__name, .woocommerce.single-product form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--button .wcboost-variation-swatches__item.disabled:hover .wcboost-variation-swatches__name { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset; } .woocommerce .tawcvs-swatches { padding: 0; } .woocommerce .tawcvs-swatches .swatch.swatch-color { margin-right: 0 !important; box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3); } .woocommerce .tawcvs-swatches .swatch.swatch-color:before { display: none; } .woocommerce .tawcvs-swatches .swatch.swatch-color:after { border-radius: 50%; content: ''; position: absolute; left: -4px; top: -4px; right: -4px; bottom: -4px; border: 1px solid rgba(0, 0, 0, 0.1); } .woocommerce .tawcvs-swatches .swatch.swatch-color.selected { border: none; overflow: visible; box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3); } .woocommerce .tawcvs-swatches .swatch.swatch-color.selected:before { z-index: 2; display: inline-block; border-radius: 0; border-width: 0 2px 2px 0; border-color: #ddd; } .woocommerce .tawcvs-swatches .swatch.swatch-color.selected:after { border: none; z-index: 1; border-radius: inherit; transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; background: inherit; background-size: inherit; -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 0.3; } .woocommerce .tawcvs-swatches .swatch.swatch-label { color: #000; padding: 0 7px; margin-right: 5px; font-size: 14px; line-height: 24px; font-weight: 500; width: auto; height: auto; background-color: #fff; opacity: 0.4; } .woocommerce .tawcvs-swatches .swatch.swatch-label.selected { box-shadow: none; opacity: 1; font-weight: 600; } .woocommerce .tawcvs-swatches .swatch.swatch-label.selected:before { border-color: #000; } .woocommerce .tawcvs-swatches .swatch.swatch-label.swatch.swatch-shape-circle { border-radius: 3px !important; } .woocommerce .tawcvs-swatches .swatch.swatch-label.swatch.swatch-shape-circle:before { border-radius: 3px !important; } .woocommerce .tawcvs-swatches .swatch.swatch-image { margin-right: 10px; max-width: 50px; border-radius: 3px; border: 1px solid transparent; opacity: 0.6; } .woocommerce .tawcvs-swatches .swatch.swatch-image img { vertical-align: top; } .woocommerce .tawcvs-swatches .swatch.swatch-image.selected { box-shadow: none; opacity: 1; border: 1px solid rgba(0, 0, 0, 0.3); } .woocommerce.single-product .mc-dark form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--label .wcboost-variation-swatches__item .wcboost-variation-swatches__name, .woocommerce.single-product .mc-dark form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--button .wcboost-variation-swatches__item .wcboost-variation-swatches__name { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset; color: rgba(255, 255, 255, 0.5); } .woocommerce.single-product .mc-dark form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--label .wcboost-variation-swatches__item .wcboost-variation-swatches__name:hover, .woocommerce.single-product .mc-dark form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--button .wcboost-variation-swatches__item .wcboost-variation-swatches__name:hover { box-shadow: 0 0 0 1px #fff inset; } .woocommerce.single-product .mc-dark form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--label .wcboost-variation-swatches__item.selected .wcboost-variation-swatches__name, .woocommerce.single-product .mc-dark form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--button .wcboost-variation-swatches__item.selected .wcboost-variation-swatches__name { box-shadow: 0 0 0 2px #fff inset; color: white; } .woocommerce.single-product .mc-dark form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--label .wcboost-variation-swatches__item.disabled .wcboost-variation-swatches__name, .woocommerce.single-product .mc-dark form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--button .wcboost-variation-swatches__item.disabled .wcboost-variation-swatches__name { background-color: rgba(255, 255, 255, 0.05); } .woocommerce.single-product .mc-dark form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--label .wcboost-variation-swatches__item.disabled .wcboost-variation-swatches__name:before, .woocommerce.single-product .mc-dark form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--button .wcboost-variation-swatches__item.disabled .wcboost-variation-swatches__name:before { background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 0.8px), rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0) calc(50% + 0.8px), rgba(0, 0, 0, 0) 100%); } .woocommerce.single-product .mc-dark form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--label .wcboost-variation-swatches__item.disabled:hover .wcboost-variation-swatches__name, .woocommerce.single-product .mc-dark form.cart.swatches-support .variations .wcboost-variation-swatches.wcboost-variation-swatches--button .wcboost-variation-swatches__item.disabled:hover .wcboost-variation-swatches__name { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset; } #add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input { margin: 0; } /** ----------------------------------------------------------------------------------------------- Navigation styles. ----------------------------------------------------------------------------------------------- */ /* Main navigation */ .l-nav { position: relative; z-index: 101; background: #fff; border-top: 1px solid whitesmoke; border-bottom: 1px solid whitesmoke; } @media only screen and (min-width: 62em) and (max-width: 74.94em) { .l-nav { display: none; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .l-nav { display: none; } } @media only screen and (max-width: 40em) { .l-nav { display: none; } } .sticky-header .l-nav { background: transparent; box-shadow: none; border-top: none; border-bottom: none; float: left; width: auto; } .nav-container .nav-holder .tdl-navbar-nav > li > ul, .nav-container .nav-holder .tdl-navbar-nav > li > div, .nav-container .nav-holder .tdl-navbar-nav .tdl-dropdown-menu ul { z-index: -1; visibility: hidden; opacity: 0; } .nav-container .nav-holder li:hover .tdl-megamenu-wrapper .tdl-megamenu-widgets-container { display: block; } .nav-container .nav-holder .tdl-navbar-nav li:hover > .sub-menu, .nav-container .nav-holder .tdl-navbar-nav li:hover > div { visibility: visible; opacity: 1; } nav#nav, nav#st-nav { float: left; z-index: 99996; } .header-centered nav#nav, .header-centered nav#st-nav { display: block; text-align: center; float: none; } nav#nav ul, nav#st-nav ul { list-style: none; margin: 0; padding: 0; text-align: center; } .header-centered nav#nav ul, .header-centered nav#st-nav ul { float: none; } nav#nav ul li, nav#st-nav ul li { display: inline-block; position: relative; text-align: left; float: left; vertical-align: middle; height: 75px; line-height: 75px; padding: 0; margin: 0; z-index: 99996; } nav#nav ul li .menu-item-main-title, nav#st-nav ul li .menu-item-main-title { position: relative; } .header-centered nav#nav ul li, .header-centered nav#st-nav ul li { float: none; } .sticky-header nav#nav ul li, .sticky-header nav#st-nav ul li { height: 70px; line-height: 70px; } nav#nav ul li:hover, nav#st-nav ul li:hover { cursor: pointer; } nav#nav ul li a span.menu-text span.menu-item-text, nav#st-nav ul li a span.menu-text span.menu-item-text { display: inline-block; } nav#nav ul li > a, nav#st-nav ul li > a { display: inline-block; position: relative; vertical-align: middle; padding: 0 18px; text-transform: uppercase; color: #000; font-size: 16px; line-height: 25.6px; font-size: 1rem; line-height: 1.6rem; font-weight: 700; } .mn-dark nav#nav ul li > a, .mn-dark nav#st-nav ul li > a { color: #fff; } .sth-dark nav#nav ul li > a, .sth-dark nav#st-nav ul li > a { color: #fff; } nav#nav ul li > a:hover, nav#nav ul li > a.hovered, nav#st-nav ul li > a:hover, nav#st-nav ul li > a.hovered { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } nav#nav ul li.current_page_item a, nav#nav ul li.current-menu-item a, nav#nav ul li.current-menu-ancestor > a, nav#st-nav ul li.current_page_item a, nav#st-nav ul li.current-menu-item a, nav#st-nav ul li.current-menu-ancestor > a { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } nav#nav ul .menu-item-has-children > a .menu-item-main-title:after, nav#nav ul .tdl-dropdown-menu > a .menu-item-main-title:after, nav#st-nav ul .menu-item-has-children > a .menu-item-main-title:after, nav#st-nav ul .tdl-dropdown-menu > a .menu-item-main-title:after { display: inline-block; vertical-align: middle; font-size: 12px; line-height: 19.2px; font-size: 0.75rem; line-height: 1.2rem; height: 10px; line-height: 14px; margin-left: 8px; margin-left: 0.5rem; margin-top: -5px; margin-top: -0.3125rem; } nav#nav ul .sub-menu a .menu-item-main-title:after, nav#st-nav ul .sub-menu a .menu-item-main-title:after { content: ""; } nav#nav ul li .menu-item-has-children > a:after, nav#nav ul li .tdl-dropdown-menu > a:after, nav#st-nav ul li .menu-item-has-children > a:after, nav#st-nav ul li .tdl-dropdown-menu > a:after { margin-top: 2px; vertical-align: middle; font-size: 9px; line-height: 20px; float: right; } nav#nav ul .sub-menu ul, nav#st-nav ul .sub-menu ul { border-top: none; } nav#nav ul .sub-menu li:first-child ul, nav#st-nav ul .sub-menu li:first-child ul { border-top: 1px solid rgba(0, 0, 0, 0.04); } .mnd-dark nav#nav ul .sub-menu li:first-child ul, .mnd-dark nav#st-nav ul .sub-menu li:first-child ul { border-top: 1px solid rgba(255, 255, 255, 0.04); } nav#nav ul ul, nav#st-nav ul ul { position: absolute; left: 0px; width: auto; min-width: 200px; box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.08); -webkit-transform: translate3d(0, 0, 0); z-index: -1; padding: 15px 0px; padding: 0.9375rem 0rem; border-top: 1px solid rgba(0, 0, 0, 0.04); } .mnd-dark nav#nav ul ul, .mnd-dark nav#st-nav ul ul { border-top: 1px solid rgba(255, 255, 255, 0.04); } nav#nav ul ul li, nav#st-nav ul ul li { vertical-align: top; line-height: normal; height: auto; display: block; float: none; margin: 0; padding: 0; z-index: 99999; } .sticky-header nav#nav ul ul li, .sticky-header nav#st-nav ul ul li { height: auto; line-height: normal; } nav#nav ul ul li a, nav#st-nav ul ul li a { display: block; font-size: 13px !important; line-height: 22px !important; font-weight: normal; font-weight: 400 !important; border: 0; height: auto; text-indent: 0px; color: #000 !important; padding: 6px 20px 6px 30px; text-transform: inherit; opacity: 0.5 !important; } .mnd-dark nav#nav ul ul li a, .shd-dark nav#nav ul ul li a, .mnd-dark nav#st-nav ul ul li a, .shd-dark nav#st-nav ul ul li a { color: #fff !important; } nav#nav ul ul li a .menu-item-main-title:before, nav#st-nav ul ul li a .menu-item-main-title:before { display: none !important; } nav#nav ul ul li a:hover, nav#nav ul ul li.current-menu-item > a, nav#st-nav ul ul li a:hover, nav#st-nav ul ul li.current-menu-item > a { color: #000; background: none; opacity: 1 !important; } .mnd-dark nav#nav ul ul li a:hover, .shd-dark nav#nav ul ul li a:hover, .mnd-dark nav#nav ul ul li.current-menu-item > a, .shd-dark nav#nav ul ul li.current-menu-item > a, .mnd-dark nav#st-nav ul ul li a:hover, .shd-dark nav#st-nav ul ul li a:hover, .mnd-dark nav#st-nav ul ul li.current-menu-item > a, .shd-dark nav#st-nav ul ul li.current-menu-item > a { color: #fff !important; } nav#nav ul ul ul, nav#st-nav ul ul ul { top: -16px; left: 100%; } nav#nav > ul > li:last-child, nav#st-nav > ul > li:last-child { padding-right: 0 !important; } nav#nav .tdl-megamenu-wrapper ul, nav#st-nav .tdl-megamenu-wrapper ul { left: auto; } nav#nav .dd-container, nav#st-nav .dd-container { max-width: 100%; display: none; } .not_mega_menu .menu-item-has-children > a:after { display: inline-block; vertical-align: top; font-size: 13px; line-height: 20.8px; font-size: 0.8125rem; line-height: 1.3rem; margin-left: 10px; margin-left: 0.625rem; margin-top: 3px; margin-top: 0.1875rem; } .menu-subtitle { display: block; font-size: 13px; line-height: 20.8px; font-size: 0.8125rem; line-height: 1.3rem; color: #000; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); text-transform: none; font-weight: normal; font-weight: 300; padding: 0; margin-top: -5px; margin-bottom: 3px; } .mnd-dark .menu-subtitle { color: #fff !important; } /*---------------------------------------------------------------------------*/ /* Megamenu /*---------------------------------------------------------------------------*/ .nav-container .tdl-megamenu-wrapper { position: absolute; width: 970px; display: block; left: 0px; box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.08); z-index: -1; } .nav-container .tdl-megamenu-wrapper.col-span-1 { width: 192px; } @media only screen and (min-width: 90.063em) and (max-width: 120em) { .nav-container .tdl-megamenu-wrapper.col-span-1 { width: 235px; } } .nav-container .tdl-megamenu-wrapper.col-span-2 { width: 400px; } @media only screen and (min-width: 90.063em) and (max-width: 120em) { .nav-container .tdl-megamenu-wrapper.col-span-2 { width: 550px; } } .nav-container .tdl-megamenu-wrapper.col-span-3 { width: 676px; } @media only screen and (min-width: 90.063em) and (max-width: 120em) { .nav-container .tdl-megamenu-wrapper.col-span-3 { width: 750px; } } .nav-container .tdl-megamenu-wrapper.col-span-4 { width: 1000px; } @media only screen and (min-width: 90.063em) and (max-width: 120em) { .nav-container .tdl-megamenu-wrapper.col-span-4 { width: 1100px; } } .nav-container .tdl-megamenu-wrapper.col-span-5 { width: 1100px; } @media only screen and (min-width: 90.063em) and (max-width: 120em) { .nav-container .tdl-megamenu-wrapper.col-span-5 { width: 1300px; } } .nav-container .tdl-megamenu-wrapper .tdl-megamenu-holder, .nav-container .tdl-megamenu-wrapper .tdl-megamenu, .nav-container .tdl-megamenu-wrapper .tdl-megamenu-submenu, .nav-container .tdl-megamenu-wrapper .sub-menu { padding: 0; list-style: none; } .nav-container .tdl-megamenu-wrapper .tdl-megamenu-title { margin: 0; font-size: 14px !important; line-height: 18px !important; } .nav-container .tdl-megamenu-wrapper .tdl-megamenu-icon, .nav-container .tdl-megamenu-wrapper .tdl-megamenu-bullet, .nav-container .tdl-megamenu-wrapper .tdl-megamenu-widgets-container { display: none; } .nav-container .tdl-megamenu-wrapper .text-menu-icon { position: absolute; } .nav-container .tdl-megamenu-wrapper .menu-text { margin-left: 0px; } #page_header_wrap .tdl-megamenu-wrapper .tdl-megamenu-holder, #header-st .tdl-megamenu-wrapper .tdl-megamenu-holder { top: 0; width: 100%; padding: 0; z-index: 99996; } #page_header_wrap .tdl-megamenu-wrapper .tdl-megamenu-holder .tdl-megamenu-border, #header-st .tdl-megamenu-wrapper .tdl-megamenu-holder .tdl-megamenu-border { border-bottom: 1px solid rgba(0, 0, 0, 0.06); } #page_header_wrap .tdl-megamenu-wrapper .sub-menu, #header-st .tdl-megamenu-wrapper .sub-menu { padding: 0; list-style: none; } #page_header_wrap .tdl-megamenu-wrapper .sub-menu.deep-level a, #header-st .tdl-megamenu-wrapper .sub-menu.deep-level a { padding-left: 49px; } #page_header_wrap .tdl-megamenu-wrapper .sub-menu.deep-level .deep-level a, #header-st .tdl-megamenu-wrapper .sub-menu.deep-level .deep-level a { padding-left: 64px; } #page_header_wrap .tdl-megamenu-wrapper .tdl-megamenu, #header-st .tdl-megamenu-wrapper .tdl-megamenu { top: 2px; display: table; padding: 25px 0 25px 0; width: 100%; list-style: none; border-top: none; } #page_header_wrap .tdl-megamenu-wrapper .tdl-megamenu-submenu, #header-st .tdl-megamenu-wrapper .tdl-megamenu-submenu { display: table-cell; float: none; padding: 0; border-right: 1px solid rgba(0, 0, 0, 0.06); } #page_header_wrap .tdl-megamenu-wrapper .tdl-megamenu-submenu:last-child, #header-st .tdl-megamenu-wrapper .tdl-megamenu-submenu:last-child { border-right: none; } #page_header_wrap .tdl-megamenu-wrapper .tdl-megamenu-submenu:nth-child(5n), #header-st .tdl-megamenu-wrapper .tdl-megamenu-submenu:nth-child(5n) { border-right: none; } #page_header_wrap .tdl-megamenu-wrapper .tdl-megamenu-submenu .tdl-megamenu-icon img, #header-st .tdl-megamenu-wrapper .tdl-megamenu-submenu .tdl-megamenu-icon img { margin-top: 0px; } #page_header_wrap .tdl-megamenu-wrapper li a, #page_header_wrap .tdl-megamenu-wrapper .tdl-megamenu-submenu li a, #header-st .tdl-megamenu-wrapper li a, #header-st .tdl-megamenu-wrapper .tdl-megamenu-submenu li a { display: block; padding: 5px 34px; color: #000; } #page_header_wrap .tdl-megamenu-wrapper .tdl-megamenu-title, #header-st .tdl-megamenu-wrapper .tdl-megamenu-title { text-transform: uppercase; margin-top: 0; padding: 0 34px 10px 34px; color: #000; } #page_header_wrap .tdl-megamenu-wrapper .tdl-megamenu-title a, #header-st .tdl-megamenu-wrapper .tdl-megamenu-title a { padding: 0; background: none; border: none; font: inherit; color: #000; opacity: 1 !important; font-weight: bold !important; } #page_header_wrap .tdl-megamenu-wrapper .tdl-megamenu-title a:hover, #header-st .tdl-megamenu-wrapper .tdl-megamenu-title a:hover { text-decoration: none; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } #page_header_wrap .tdl-megamenu-wrapper .tdl-megamenu-title i:before, #header-st .tdl-megamenu-wrapper .tdl-megamenu-title i:before { color: #000; } #page_header_wrap .tdl-megamenu-wrapper .row, #header-st .tdl-megamenu-wrapper .row { clear: both; margin: 0 !important; padding: 0 !important; } #page_header_wrap .tdl-megamenu-wrapper ul, #header-st .tdl-megamenu-wrapper ul { position: relative; top: auto; box-shadow: none; } #page_header_wrap .tdl-megamenu-wrapper ul li:hover > ul, #header-st .tdl-megamenu-wrapper ul li:hover > ul { display: table; } #page_header_wrap .tdl-megamenu-wrapper ul li:hover ul, #header-st .tdl-megamenu-wrapper ul li:hover ul { left: 0; top: 0; } #page_header_wrap .tdl-megamenu-wrapper ul ul, #header-st .tdl-megamenu-wrapper ul ul { display: table; table-layout: fixed; width: 100%; top: 0; left: 0; } #page_header_wrap .tdl-megamenu-wrapper ul ul ul.sub-menu, #header-st .tdl-megamenu-wrapper ul ul ul.sub-menu { border-top: none; background: none; display: block; } #page_header_wrap .tdl-megamenu-wrapper li ul li li, #header-st .tdl-megamenu-wrapper li ul li li { display: block; } #page_header_wrap .tdl-megamenu-wrapper li a, #page_header_wrap .tdl-megamenu-wrapper li ul li a, #page_header_wrap .tdl-megamenu-wrapper li a, #page_header_wrap .tdl-megamenu-wrapper li ul li a, #header-st .tdl-megamenu-wrapper li a, #header-st .tdl-megamenu-wrapper li ul li a, #header-st .tdl-megamenu-wrapper li a, #header-st .tdl-megamenu-wrapper li ul li a { border-bottom: none; } #page_header_wrap .tdl-megamenu-wrapper .tdl-megamenu-widgets-container a, #header-st .tdl-megamenu-wrapper .tdl-megamenu-widgets-container a { display: inline; padding: 0; background: none; border: none; } #page_header_wrap .tdl-megamenu-wrapper .tdl-megamenu-widgets-container ul.list-icon, #header-st .tdl-megamenu-wrapper .tdl-megamenu-widgets-container ul.list-icon { margin-left: 25px; } #page_header_wrap .tdl-megamenu-wrapper .tdl-megamenu-icon, #header-st .tdl-megamenu-wrapper .tdl-megamenu-icon, .tdl-megamenu-icon { display: inline-block; vertical-align: top; margin-right: 10px; position: relative; } #page_header_wrap .tdl-megamenu-icon { top: -1px; } #page_header_wrap .tdl-megamenu-wrapper .tdl-megamenu-icon { top: 0px; } @media only screen and (min-width: 62em) and (max-width: 74.94em) { .tdl-megamenu-icon { display: none; } } #page_header_wrap .tdl-megamenu-wrapper .tdl-megamenu-icon i, #header-st .tdl-megamenu-wrapper .tdl-megamenu-icon i, .tdl-megamenu-icon i { font-size: 16px; line-height: 10px; } #page_header_wrap .tdl-megamenu-wrapper .tdl-megamenu-icon i, #header-st .tdl-megamenu-wrapper .tdl-megamenu-icon i, .tdl-megamenu-icon ul i { color: #000; font-size: 14px; line-height: 14px; } #page_header_wrap .tdl-megamenu-wrapper .tdl-megamenu-icon img, #header-st .tdl-megamenu-wrapper .tdl-megamenu-icon img, .tdl-megamenu-icon img { margin-top: -7px; max-height: 16px; vertical-align: middle; } #page_header_wrap .tdl-megamenu-wrapper .tdl-megamenu-bullet, #header-st .tdl-megamenu-wrapper .tdl-megamenu-bullet, .tdl-megamenu-bullet { display: block; float: left; margin-top: -1px; margin-right: 10px; height: 5px; width: 5px; } #page_header_wrap .tdl-megamenu-wrapper .tdl-megamenu-bullet:before, #header-st .tdl-megamenu-wrapper .tdl-megamenu-bullet:before, .tdl-megamenu-bullet:before { font-size: 8px; color: #000; } #page_header_wrap #nav ul li ul li a:hover .tdl-megamenu-bullet:before, #page_header_wrap #nav ul li ul li a:hover span i, #header-st #st-nav ul li ul li a:hover .tdl-megamenu-bullet:before, #header-st #st-nav ul li ul li a:hover span i { color: #000; } #page_header_wrap .tdl-megamenu-wrapper .tdl-megamenu-widgets-container, #header-st .tdl-megamenu-wrapper .tdl-megamenu-widgets-container { margin-bottom: 10px; color: #000; font-size: 13px; line-height: 20.8px; font-size: 0.8125rem; line-height: 1.3rem; } .tdl-megamenu-widgets-container h2 { font-size: 18px; line-height: 28.8px; font-size: 1.125rem; line-height: 1.8rem; margin-top: 0; margin-bottom: 0; } .tdl-megamenu-widgets-container p, .tdl-megamenu-widgets-container .widget_text { font-size: 14px; line-height: 22.4px; font-size: 0.875rem; line-height: 1.4rem; } .tdl-megamenu-widgets-container .product_list_widget { display: inline-block !important; min-width: 100px !important; width: auto !important; border: none !important; } .tdl-megamenu-widgets-container .product_list_widget li { margin-bottom: 10px !important; } .tdl-megamenu-widgets-container .product_list_widget li:hover { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .tdl-megamenu-widgets-container .product_list_widget a { opacity: 1 !important; padding: 0 !important; } .tdl-megamenu-widgets-container .product_list_widget a .product-title { display: block; font-size: 14px; line-height: 22.4px; font-size: 0.875rem; line-height: 1.4rem; line-height: 18px !important; margin-bottom: 7px; font-weight: 600; } .tdl-megamenu-widgets-container .product_list_widget img { width: 50px; margin-left: 0 !important; margin-right: 10px !important; } #page_header_wrap .mnd-dark .tdl-megamenu-wrapper .tdl-megamenu-title, #page_header_wrap .mnd-dark .tdl-megamenu-wrapper .tdl-megamenu-icon i, .mnd-dark .tdl-megamenu-icon ul i, #page_header_wrap .mnd-dark .tdl-megamenu-wrapper .tdl-megamenu-bullet::before, .mnd-dark .tdl-megamenu-bullet::before, #page_header_wrap .mnd-dark .tdl-megamenu-wrapper .tdl-megamenu-widgets-container, #page_header_wrap .mnd-dark #nav ul li ul li a:hover .tdl-megamenu-bullet:before, #page_header_wrap .mnd-dark #nav ul li ul li a:hover span i, #header-st .shd-dark .tdl-megamenu-wrapper .tdl-megamenu-title, #header-st .shd-dark .tdl-megamenu-wrapper .tdl-megamenu-icon i, .shd-dark .tdl-megamenu-icon ul i, #header-st .shd-dark .tdl-megamenu-wrapper .tdl-megamenu-bullet::before, .shd-dark .tdl-megamenu-bullet::before, #header-st .shd-dark .tdl-megamenu-wrapper .tdl-megamenu-widgets-container, #header-st .shd-dark #st-nav ul li ul li a:hover .tdl-megamenu-bullet:before, #header-st .shd-dark #st-nav ul li ul li a:hover span i { color: #fff; } #page_header_wrap .mnd-dark .tdl-megamenu-wrapper .tdl-megamenu-submenu, #header-st .shd-dark .tdl-megamenu-wrapper .tdl-megamenu-submenu { border-right: 1px solid rgba(255, 255, 255, 0.08); } #page_header_wrap .mnd-dark .tdl-megamenu-wrapper .tdl-megamenu-holder .tdl-megamenu-border, #header-st .shd-dark .tdl-megamenu-wrapper .tdl-megamenu-holder .tdl-megamenu-border { border-bottom: 1px solid rgba(255, 255, 255, 0.08); } #page_header_wrap .tdl-megamenu-wrapper .tdl-megamenu-widgets-container.second-level-widget, #header-st .tdl-megamenu-wrapper .tdl-megamenu-widgets-container.second-level-widget { padding: 0 34px; } #page_header_wrap .tdl-megamenu-wrapper .tdl-megamenu-widgets-container.second-level-widget .widget, #header-st .tdl-megamenu-wrapper .tdl-megamenu-widgets-container.second-level-widget .widget { width: 100%; } #page_header_wrap .tdl-megamenu-wrapper .tdl-megamenu-widgets-container.second-level-widget .widget .product_list_widget, #header-st .tdl-megamenu-wrapper .tdl-megamenu-widgets-container.second-level-widget .widget .product_list_widget { width: 100% !important; } #page_header_wrap .tdl-megamenu-wrapper .tdl-megamenu-widgets-container.second-level-widget .widget .product_list_widget del, #page_header_wrap .tdl-megamenu-wrapper .tdl-megamenu-widgets-container.second-level-widget .widget .product_list_widget ins, #page_header_wrap .tdl-megamenu-wrapper .tdl-megamenu-widgets-container.second-level-widget .widget .product_list_widget .amount, #header-st .tdl-megamenu-wrapper .tdl-megamenu-widgets-container.second-level-widget .widget .product_list_widget del, #header-st .tdl-megamenu-wrapper .tdl-megamenu-widgets-container.second-level-widget .widget .product_list_widget ins, #header-st .tdl-megamenu-wrapper .tdl-megamenu-widgets-container.second-level-widget .widget .product_list_widget .amount { font-size: 14px; } #page_header_wrap .tdl-megamenu-wrapper .tdl-megamenu-widgets-container.second-level-widget .widget .product_list_widget ins, #header-st .tdl-megamenu-wrapper .tdl-megamenu-widgets-container.second-level-widget .widget .product_list_widget ins { text-decoration: none; } #page_header_wrap .tdl-megamenu-wrapper .tdl-megamenu-widgets-container.second-level-widget .widget .product_list_widget li img, #header-st .tdl-megamenu-wrapper .tdl-megamenu-widgets-container.second-level-widget .widget .product_list_widget li img { width: 60px !important; } .bbp-arrow { margin-top: -1px; } #sliders-container { position: relative; } .tdl-animated { position: relative; z-index: 2000; } nav#nav .tdl-megamenu-widgets-container .widget a, nav#st-nav .tdl-megamenu-widgets-container .widget a { opacity: 1 !important; padding: 0px !important; } nav#nav .tdl-megamenu-widgets-container .widget a:hover, nav#st-nav .tdl-megamenu-widgets-container .widget a:hover { opacity: 0.7 !important; } /* Sticky Navigation */ .site-header-sticky { z-index: 99996; } .v-nav nav#st-nav { min-width: 250px; background-color: #fff; z-index: 99996; border: 1px solid #eee; } .v-nav nav#st-nav .menu-item-has-children > a:after, .v-nav nav#st-nav .tdl-dropdown-menu > a:after { font-family: "FontAwesome"; content: "\f105"; font-size: 13px; line-height: 20.8px; font-size: 0.8125rem; line-height: 1.3rem; margin-left: 25px; margin-left: 1.5625rem; margin-top: 2px; margin-top: 0.125rem; float: right; } .v-nav nav#st-nav .tdl-megamenu-wrapper { position: absolute; top: 0; left: 100%; } .v-nav nav#st-nav .tdl-megamenu-wrapper .tdl-megamenu-holder .tdl-megamenu { display: table; list-style: none outside none; padding: 25px 0; top: 0; width: 100%; } .v-nav nav#st-nav ul.tdl-navbar-nav { padding: 5px 0px 15px 0; margin-top: 15px; display: none; } .v-nav nav#st-nav ul.tdl-navbar-sticky li { float: none; width: 100%; position: relative; } .v-nav nav#st-nav ul.tdl-navbar-sticky li a { height: auto; line-height: inherit; margin: 10px 30px; padding: 5px 0 10px 0; background-color: transparent; border-bottom: 1px solid #eee; } .v-nav nav#st-nav ul.tdl-navbar-sticky li:last-child a { border-bottom: none; } .v-nav .mega-control-menu { background-color: #fff; cursor: pointer; display: block !important; font-size: 14px; font-weight: bold; padding: 12px 22px 12px 22px; position: relative; text-transform: uppercase; } .v-nav .mega-control-menu i { float: right; font-size: 18px; margin-top: 2px; font-weight: bold; } .v-nav .tdl-megamenu-wrapper .tdl-megamenu { display: table; list-style: none outside none; padding: 25px 0; top: 0; width: 100%; } /**********************************************************************************/ /* Top Bar Header Navigation ******************************************************/ /**********************************************************************************/ #site-navigation, #site-navigation-top-bar { text-align: left; margin-left: -15px; } #site-navigation > ul, #site-navigation-top-bar > ul { display: inline-block; vertical-align: middle; } .main-navigation ul ul { display: none; } .main-navigation ul li:hover > ul { display: block; } .main-navigation > ul > li.menu-item-has-children { margin-right: 5px; } .main-navigation ul ul li.menu-item-has-children a { margin-right: 40px; } .main-navigation ul li.menu-item-has-children > a:after { font-size: 10px; display: block; width: 10px; height: 30px; position: absolute; right: 20px; top: 5px; line-height: 12px; text-align: left; } .main-navigation > ul > li.menu-item-has-children > a:after { font-size: 10px; display: inline-block; top: 50%; right: 8px; margin-top: -6px; line-height: 12px; height: auto; } .main-navigation ul { padding: 0; margin: 0; list-style: none; position: relative; } .main-navigation ul:after { content: ""; clear: both; display: block; } .main-navigation ul li { float: left; white-space: nowrap; position: relative; } .main-navigation ul li:hover { background-color: rgba(255, 255, 255, 0.1); } .td_light .main-navigation ul li:hover { background-color: rgba(0, 0, 0, 0.1); } .main-navigation ul li a { display: block; text-decoration: none; text-transform: uppercase; } .main-navigation > ul > li > a { opacity: 1; padding: 0px 14px 0px 14px; height: 45px; line-height: 45px !important; font-size: 11px !important; letter-spacing: 0 !important; font-weight: bold; font-weight: 400; color: #000; } .td_dark .main-navigation > ul > li > a { color: #fff; } .main-navigation > ul > li > a:hover { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .main-navigation > ul > li.menu-item-has-children > a { padding: 0px 24px 0px 14px; } .main-navigation ul ul { background: #fff; padding: 13px 0; position: absolute; top: 45px; left: 0px; min-width: 200px; z-index: 99999; box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.08); font-size: 13px; line-height: 23px; } .main-navigation .edge ul { left: auto; right: 0; } /* filter Safari ( from 5+ till 6.1) from Chrome: */ @media screen and (-webkit-min-device-pixel-ratio: 0) { ::i-block-chrome, .main-navigation ul ul { -webkit-animation: none !important; animation: none !important; } } .main-navigation ul ul li { float: none; position: relative; z-index: 99999; } .main-navigation ul ul li:hover { background: none !important; } .main-navigation ul ul li a { display: block; margin: 10px 30px; text-transform: none; color: #000; font-size: 13px; line-height: 20.8px; font-size: 0.8125rem; line-height: 1.3rem; font-weight: normal; font-weight: 300; } .tbd_dark .main-navigation ul ul li a { color: #fff; } .main-navigation ul ul li a:hover { color: #000; } .tbd_dark .main-navigation ul ul li a:hover:hover { color: #fff; } .main-navigation ul ul li a:hover { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .main-navigation ul ul ul { position: absolute; left: 100%; top: -23px; } .main-navigation ul ul ul li a { display: inline-block; } /*call to action button*/ .main-navigation > ul > li.call-to-action { margin: 0px 4px 0; } .main-navigation > ul > li.call-to-action > a { border-width: 1px; border-style: solid; border-radius: 5px; } /**********************************************************************************/ /* My Account Navigation **********************************************************/ /**********************************************************************************/ .myacc-navigation { float: right; } .myacc-navigation .acc-link { padding: 0px 44px 0px 14px !important; height: 45px; line-height: 45px; } .myacc-navigation .wishlist-link .acc-link, .myacc-navigation .login-link .acc-link { height: 45px; line-height: 45px; } .myacc-navigation .wishlist-link .acc-link { padding: 0px 32px 0px 12px !important; } .myacc-navigation .login-link .acc-link { padding: 0px 42px 0px 10px !important; } .myacc-navigation i { display: block; } .myacc-navigation ul li i:after { color: rgba(0, 0, 0, 0.7); display: inline-block; float: left; font-size: 14px; line-height: 18px; padding-right: 5px; padding-top: 14px; vertical-align: top; margin-top: 1px; } .myacc-navigation ul li .acc-icon:after, .myacc-navigation ul li .login-icon:after { margin-top: 0px; font-size: 18px; } .td_dark .myacc-navigation ul li i:after { color: rgba(255, 255, 233, 0.7); } .myacc-navigation #my-account .menu-item-has-children .acc-link { padding-right: 50px !important; } .myacc-navigation #my-account .menu-item-has-children .acc-link:after { margin-left: 20px; } /**********************************************************************************/ /* Language and Currency **********************************************************/ /**********************************************************************************/ .language-and-currency { float: right; margin-left: 5px; } .select2-drop.topbar, .select2-drop.sidebar, .select2-dropdown.topbar, .select2-dropdown.sidebar { color: #000; background: none; box-shadow: none; min-width: 150px !important; } .select2-drop.topbar .select2-results, .select2-drop.sidebar .select2-results, .select2-dropdown.topbar .select2-results, .select2-dropdown.sidebar .select2-results { box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.08); padding: 15px; } .snd-dark .select2-drop.topbar .select2-results, .snd-dark .select2-drop.sidebar .select2-results, .snd-dark .select2-dropdown.topbar .select2-results, .snd-dark .select2-dropdown.sidebar .select2-results { background-color: #242424; } .select2-container--default .select2-dropdown.topbar .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-dropdown.topbar .select2-results__option[aria-selected=true] { background: transparent; color: #000; } .select2-container--default .select2-dropdown.topbar .select2-results__option--highlighted[aria-selected] { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .select2-drop.topbar .select2-results .select2-highlighted, .select2-drop.sidebar .select2-results .select2-highlighted, .select2-dropdown.topbar .select2-results .select2-highlighted, .select2-dropdown.sidebar .select2-results .select2-highlighted { background: none; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .select2-drop.topbar .select2-results .select2-result-label, .select2-drop.sidebar .select2-results .select2-result-label, .select2-dropdown.topbar .select2-results .select2-result-label, .select2-dropdown.sidebar .select2-results .select2-result-label { color: #000; font-size: 13px; line-height: 20.8px; font-size: 0.8125rem; line-height: 1.3rem; } .snd-dark .select2-drop.topbar .select2-results .select2-result-label, .snd-dark .select2-drop.sidebar .select2-results .select2-result-label, .snd-dark .select2-dropdown.topbar .select2-results .select2-result-label, .snd-dark .select2-dropdown.sidebar .select2-results .select2-result-label { color: #fff; } .language-and-currency, .site-top-message { display: inline-block; } .language-and-currency img { display: none; } .select2-container.topbar-language-switcher, .select2-container.wcml_currency_switcher { height: 45px; line-height: 0; padding-top: 0px; } .select2-container.topbar-language-switcher:hover, .select2-container.wcml_currency_switcher:hover { background-color: rgba(255, 255, 255, 0.1); } .td_light .select2-container.topbar-language-switcher:hover, .td_light .select2-container.wcml_currency_switcher:hover { background-color: rgba(0, 0, 0, 0.1); } .select2-container.topbar-language-switcher a, .select2-container.topbar-language-switcher .select2-selection--single, .select2-container.wcml_currency_switcher a, .select2-container.wcml_currency_switcher .select2-selection--single { line-height: 45px; padding-left: 15px; font-size: 11px !important; margin-top: 0px; font-weight: bold; text-transform: uppercase; color: #fff !important; } .td_light .select2-container.topbar-language-switcher a, .td_light .select2-container.topbar-language-switcher .select2-selection--single, .td_light .select2-container.wcml_currency_switcher a, .td_light .select2-container.wcml_currency_switcher .select2-selection--single { color: #000 !important; } .select2-container.topbar-language-switcher a:hover, .select2-container.topbar-language-switcher .select2-selection--single:hover, .select2-container.wcml_currency_switcher a:hover, .select2-container.wcml_currency_switcher .select2-selection--single:hover { color: #fff; } .td_light .select2-container.topbar-language-switcher a:hover, .td_light .select2-container.topbar-language-switcher .select2-selection--single:hover, .td_light .select2-container.wcml_currency_switcher a:hover, .td_light .select2-container.wcml_currency_switcher .select2-selection--single:hover { color: #000; } .select2-container.topbar-language-switcher a:hover, .select2-container.topbar-language-switcher .select2-selection--single:hover, .select2-container.wcml_currency_switcher a:hover, .select2-container.wcml_currency_switcher .select2-selection--single:hover { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .select2-container.topbar-language-switcher a .select2-chosen, .select2-container.topbar-language-switcher .select2-selection--single .select2-chosen, .select2-container.wcml_currency_switcher a .select2-chosen, .select2-container.wcml_currency_switcher .select2-selection--single .select2-chosen { line-height: 45px !important; font-size: 11px !important; letter-spacing: 0 !important; font-weight: bold !important; } .select2-container.topbar-language-switcher .select2-choice .select2-arrow, .select2-container.topbar-language-switcher .select2-choice .select2-arrow, .select2-container.wcml_currency_switcher .select2-choice .select2-arrow, .select2-container.wcml_currency_switcher .select2-choice .select2-arrow { font-size: 13px; line-height: 43px; } .select2-container.topbar-language-switcher .select2-choice .select2-arrow:before, .select2-container.topbar-language-switcher .select2-choice .select2-arrow:before, .select2-container.wcml_currency_switcher .select2-choice .select2-arrow:before, .select2-container.wcml_currency_switcher .select2-choice .select2-arrow:before { font-size: 11px; line-height: 45px; } .language-and-currency .select2-container { height: 43px; line-height: 0; padding-top: 0px; display: inline-block; width: auto !important; } .language-and-currency .select2-container:hover { background-color: rgba(255, 255, 255, 0.1); } .td_light .language-and-currency .select2-container:hover { background-color: rgba(0, 0, 0, 0.1); } .language-and-currency .select2-container .select2-selection--single { background-color: transparent; } .language-and-currency .select2-container .select2-selection--single .select2-selection__arrow { top: -1px; } .language-and-currency .select2-container .select2-selection--single .select2-selection__arrow:before { color: #fff; } .td_light .language-and-currency .select2-container .select2-selection--single .select2-selection__arrow:before { color: #000; } .language-and-currency .select2-container .select2-selection--single .select2-selection__rendered { line-height: 42px; padding-left: 15px; font-size: 11px !important; margin-top: 0px; font-weight: bold; text-transform: uppercase; color: #fff !important; } .td_light .language-and-currency .select2-container .select2-selection--single .select2-selection__rendered { color: #000 !important; } .language-and-currency .select2-container .select2-selection--single .select2-selection__rendered:hover { color: #fff; } .td_light .language-and-currency .select2-container .select2-selection--single .select2-selection__rendered:hover { color: #000; } .language-and-currency .select2-container .select2-selection--single .select2-selection__rendered:hover { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .language-and-currency .select2-container .select2-selection--single .select2-selection__rendered .select2-chosen { line-height: 43px !important; font-size: 11px !important; letter-spacing: 0 !important; font-weight: bold !important; } .language-and-currency .select2-container .select2-choice .select2-arrow, .language-and-currency .select2-container .select2-choice .select2-arrow { font-size: 13px; line-height: 43px; } .language-and-currency .select2-container .select2-choice .select2-arrow:before, .language-and-currency .select2-container .select2-choice .select2-arrow:before { font-size: 11px; line-height: 45px; } .woocommerce .select2-container.topbar-language-switcher .select2-choice, .woocommerce .select2-container.wcml_currency_switcher .select2-choice, .woocommerce-page .select2-container.topbar-language-switcher .select2-choice, .woocommerce-page .select2-container.wcml_currency_switcher .select2-choice { background-color: transparent !important; } .select2-dropdown-open .select2-choice { background-color: rgba(255, 255, 255, 0.1); } .td_light .select2-dropdown-open .select2-choice { background-color: rgba(0, 0, 0, 0.1); } /*Off-Canvas Language and Currency */ .language-and-currency-offcanvas { padding: 36px 20px 21px; border-bottom: 1px solid #3d3d3d; } .language-and-currency-offcanvas img { display: none; } .select2-drop.sidebar { background-color: #fff; } .mob-language-and-currency { margin-bottom: 10px; } .mob-language-and-currency .select2-container { padding: 0; width: 100% !important; margin-bottom: 5px; border: 1px solid #f5f5f5; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } .mob-language-and-currency .select2-container .select2-selection--single { background-color: transparent; } .snd-dark .mob-language-and-currency .select2-container { border: 1px solid #414141; } .mob-language-and-currency .select2-container a { padding: 0 15px; } .mob-language-and-currency .select2-container:hover { background-color: transparent; } .mob-language-and-currency .select2-chosen { color: #000; } .snd-dark .mob-language-and-currency .select2-chosen { color: #fff; } .mob-language-and-currency .select2-chosen:hover { color: #000 !important; } .snd-dark .mob-language-and-currency .select2-chosen:hover { color: #fff !important; } .mob-language-and-currency .select2-arrow { color: #000 !important; margin-right: 10px; } .snd-dark .mob-language-and-currency .select2-arrow { color: #fff !important; } .mob-language-and-currency .select2-arrow:after { color: #000 !important; font-family: "Woodstock"; content: "\e619"; } .wcml-dropdown-click { width: auto !important; display: inline-block; } .wcml-dropdown-click.product { margin: 0 !important; } .wcml-dropdown-click > ul li { border: none; background-color: transparent; } .wcml-dropdown-click > ul li:hover { background-color: rgba(255, 255, 255, 0.1); } .td_light .wcml-dropdown-click > ul li:hover { background-color: rgba(0, 0, 0, 0.1); } .wcml-dropdown-click > ul li a.wcml-cs-item-toggle { height: 45px; line-height: 45px; padding: 0 30px 0 15px; font-size: 11px; text-transform: uppercase; color: #000; } .td_dark .wcml-dropdown-click > ul li a.wcml-cs-item-toggle { color: #fff; } .wcml-dropdown-click > ul li a.wcml-cs-item-toggle:after { font-family: "Woodstock"; content: "\e619"; font-size: 10px; font-weight: normal; border: none; top: 2px; vertical-align: top; } .wcml-dropdown-click .wcml-cs-submenu { background-color: #fff; border: none !important; box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.08); padding: 13px 0; } .wcml-dropdown-click .wcml-cs-submenu li { border: none; border-width: 0 !important; } .wcml-dropdown-click .wcml-cs-submenu li a { padding: 6px 15px; font-size: 12px; line-height: 14px; text-transform: none; color: #000; font-weight: normal; } .wcml-dropdown-click .wcml-cs-submenu li a:hover { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .tbd_dark .wcml-dropdown-click .wcml-cs-submenu li a { color: #fff; } .wcml-dropdown-click .wcml-cs-submenu li:first-child { margin-top: 10px; } .wcml-dropdown-click .wcml-cs-submenu li:last-child { margin-bottom: 10px; } .wcml-dropdown-click .wcml-cs-submenu li:hover { opacity: 1; } .mob-language-and-currency .wcml-dropdown-click { width: 100% !important; border: 1px solid #f5f5f5; border-radius: 5px; } .mob-language-and-currency .wcml-dropdown-click .wcml-cs-submenu { top: auto; bottom: 100%; } .snd-dark .mob-language-and-currency .wcml-dropdown-click { border: 1px solid #414141; } .snd-dark .mob-language-and-currency .wcml-dropdown-click > ul li a { color: #fff; } .snd-dark .mob-language-and-currency .wcml-dropdown-click .wcml-cs-submenu li a { color: #000; } .mob-language-and-currency .select2-dropdown-open a { padding: 0 15px !important; } /**********************************************************************************/ /* Mobile Menu ********************************************************************/ /**********************************************************************************/ @-webkit-keyframes main_nav_anim { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes main_nav_anim { 0% { opacity: 0; } 100% { opacity: 1; } } .mobile-navigation { padding: 5px 0; margin: 15px 0; background-color: #f5f5f5; border-radius: 6px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } .snd-dark .mobile-navigation { background: #414141; } .mobile-navigation ul, .mobile-navigation li { padding: 0; margin: 0; list-style: none; display: block; font-size: 1em; } .mobile-navigation li { text-transform: none; display: block; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-bottom: 1px solid #fff; } .snd-dark .mobile-navigation li { border-bottom: 1px solid #333; } .mobile-navigation li:last-child { border-bottom: none; } .mobile-navigation > ul > li { text-transform: uppercase; } .mobile-navigation .sub-menu { display: none; position: relative; background: rgba(0, 0, 0, 0.05); padding: 20px 0 20px 0; margin: 5px 0 0 0; transition: all .3s ease; -webkit-backface-visibility: hidden; /*webkit fix*/ -webkit-transform: translateZ(0); /*webkit fix*/ } .snd-dark .mobile-navigation .sub-menu { background: rgba(0, 0, 0, 0.1); } .mobile-navigation .sub-menu li { border-bottom: none; } .mobile-navigation .sub-menu .sub-menu { margin: 5px 0; padding: 20px 0; background: rgba(0, 0, 0, 0.05); } .snd-dark .mobile-navigation .sub-menu .sub-menu { background: rgba(0, 0, 0, 0.1); } .mobile-navigation .sub-menu .sub-menu .sub-menu { padding: 0; margin: 0; } .mobile-navigation .sub-menu.open { display: block; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: main_nav_anim; animation-name: main_nav_anim; -webkit-backface-visibility: hidden; /*webkit fix*/ -webkit-transform: translateZ(0); /*webkit fix*/ } .mobile-navigation .menu-item-has-children .more, .mobile-navigation .menu-item-language .more { display: block; position: absolute; top: 0; right: 15px; width: 26px; height: 26px; margin-top: 9px; background-color: #fff; color: rgba(0, 0, 0, 0.6); text-align: center; font-family: FontAwesome; font-style: normal; font-weight: normal; content: ""; font-size: 10px; vertical-align: middle; line-height: 27px; border-radius: 26px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ cursor: pointer; } .snd-dark .mobile-navigation .menu-item-has-children .more, .snd-dark .mobile-navigation .menu-item-language .more { background-color: #333; color: rgba(255, 255, 255, 0.6); } .mobile-navigation .menu-item-has-children .more:hover, .mobile-navigation .menu-item-language .more:hover { background-color: #000; color: #fff; } .snd-dark .mobile-navigation .menu-item-has-children .more:hover, .snd-dark .mobile-navigation .menu-item-language .more:hover { background-color: #fff; color: #333; } .mobile-navigation .menu-item-language .sub-menu .more { display: none; } .mobile-navigation .sub-menu .menu-item-has-children .more { box-shadow: none; margin-top: 7px; color: rgba(0, 0, 0, 0.6); } .snd-dark .mobile-navigation .sub-menu .menu-item-has-children .more { color: rgba(255, 255, 255, 0.6); } .mobile-navigation .sub-menu .menu-item-has-children .more:hover { background-color: #000; color: #fff; } .snd-dark .mobile-navigation .sub-menu .menu-item-has-children .more:hover { background-color: #fff; color: #333; } .mobile-navigation .sub-menu .sub-menu .menu-item-has-children .more { margin-top: 7px; color: rgba(0, 0, 0, 0.6); } .snd-dark .mobile-navigation .sub-menu .sub-menu .menu-item-has-children .more { color: rgba(255, 255, 255, 0.6); } .mobile-navigation .sub-menu .sub-menu .menu-item-has-children .more:hover { background-color: #000; color: #fff; } .snd-dark .mobile-navigation .sub-menu .sub-menu .menu-item-has-children .more:hover { background-color: #fff; color: #333; } .mobile-navigation a { font-size: 14px !important; font-weight: bold; color: #000; padding: 11px 20px; display: inline-block; } .snd-dark .mobile-navigation a { color: #fff; } .mobile-navigation a:hover { color: rgba(0, 0, 0, 0.6); } .snd-dark .mobile-navigation a:hover { color: rgba(255, 255, 255, 0.6); } .mobile-navigation a.acc-link .acc-icon:before, .mobile-navigation a.acc-link .login-icon:before, .mobile-navigation a.acc-link .wishlist-icon:before { display: inline-block; width: 20px; height: 15px; text-align: right; color: rgba(0, 0, 0, 0.6); font-size: 14px; line-height: 10px; vertical-align: bottom; margin-right: 7px; } .snd-dark .mobile-navigation a.acc-link .acc-icon:before, .snd-dark .mobile-navigation a.acc-link .login-icon:before, .snd-dark .mobile-navigation a.acc-link .wishlist-icon:before { color: rgba(255, 255, 255, 0.6); } .mobile-navigation a.acc-link .acc-icon:before, .mobile-navigation a.acc-link .login-icon:before { font-size: 20px; } .mobile-navigation .sub-menu a { font-size: 13px !important; line-height: 20px !important; text-transform: none !important; font-weight: normal; padding: 9px 20px; } .mobile-navigation .current-menu-item > a, .mobile-navigation .current-menu-ancestor > a, .mobile-navigation .current_page_item > a, .mobile-navigation .current_page_ancestor > a { color: rgba(0, 0, 0, 0.8) !important; } .snd-dark .mobile-navigation .current-menu-item > a, .snd-dark .mobile-navigation .current-menu-ancestor > a, .snd-dark .mobile-navigation .current_page_item > a, .snd-dark .mobile-navigation .current_page_ancestor > a { color: rgba(255, 255, 255, 0.8) !important; } /* Main navigation */ #footer-navigation { border-top: 1px solid rgba(0, 0, 0, 0.03); } .fc-dark #footer-navigation { border-top: 1px solid rgba(255, 255, 255, 0.03); } #site-navigation-footer { padding: 20px 0 15px 0; } #site-navigation-footer ul { list-style: none; margin: 0; padding: 0; } #site-navigation-footer ul li { display: inline-block; border-right: 1px solid rgba(0, 0, 0, 0.1); padding-right: 18px; padding-left: 15px; height: 18px; line-height: 16px; vertical-align: top; } #site-navigation-footer ul li:first-child { padding-left: 0; } .fc-dark #site-navigation-footer ul li { border-right: 1px solid rgba(255, 255, 255, 0.1); } #site-navigation-footer ul li:last-child { border-right: none; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { #site-navigation-footer ul li { padding: 0; width: 100%; border-right: none !important; } } @media only screen and (max-width: 40em) { #site-navigation-footer ul li { padding: 0; width: 100%; border-right: none !important; } } #site-navigation-footer ul li a { color: #000; text-transform: uppercase; letter-spacing: 0px; font-size: 12px; line-height: 19.2px; font-size: 0.75rem; line-height: 1.2rem; font-weight: 400; line-height: 14px; } .fc-dark #site-navigation-footer ul li a { color: rgba(255, 255, 255, 0.9); } #site-navigation-footer ul li a:hover { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } #sticky-site-nav.ubermenu { float: left; width: auto; } .language-and-currency .wcml-dropdown { width: auto; max-width: 100%; float: right; height: 45px; } .language-and-currency .wcml-dropdown > ul { position: relative; padding: 0; margin: 0 !important; list-style-type: none; } .language-and-currency .wcml-dropdown li { list-style-type: none; padding: 0; margin: 0; border: none; vertical-align: middle; line-height: 45px; height: 45px; background-color: transparent; } .language-and-currency .wcml-dropdown li:hover, .language-and-currency .wcml-dropdown li:focus { background-color: rgba(255, 255, 255, 0.1); } .tbd_dark .language-and-currency .wcml-dropdown li:hover, .tbd_dark .language-and-currency .wcml-dropdown li:focus { background-color: rgba(0, 0, 0, 0.1); } .language-and-currency .wcml-dropdown li:hover.wcml-cs-active-currency .wcml-cs-submenu, .language-and-currency .wcml-dropdown li:focus.wcml-cs-active-currency .wcml-cs-submenu { visibility: visible; } .language-and-currency .wcml-dropdown a { color: #fff; padding: 0 35px 0 17px; display: block; text-decoration: none; line-height: 45px; font-size: 11px; box-shadow: none !important; font-weight: bold; cursor: pointer; } .language-and-currency .wcml-dropdown a:hover { color: #fff; } .tbd_dark .language-and-currency .wcml-dropdown a { color: #000; } .tbd_dark .language-and-currency .wcml-dropdown a:hover { opacity: .7; } .language-and-currency .wcml-dropdown a:hover { box-shadow: none !important; text-decoration: none; } .language-and-currency .wcml-dropdown a.wcml-cs-item-toggle { position: relative; padding-right: calc(10px + 1em + 1em); } .language-and-currency .rtl .wcml-dropdown a.wcml-cs-item-toggle { padding-right: 10px; padding-left: calc(10px + 1em + 1em); } .language-and-currency .wcml-dropdown a.wcml-cs-item-toggle:after { font-family: "Woodstock"; content: "\e628"; vertical-align: middle; display: inline-block; border: none; border-top: none; position: absolute; right: 10px; top: 1px; opacity: .7; } .language-and-currency .rtl .wcml-dropdown a.wcml-cs-item-toggle:after { right: auto; left: 10px; } .language-and-currency .wcml-dropdown .wcml-cs-submenu { visibility: hidden; position: absolute; top: 100%; right: 0; left: 0; border-top: none; padding: 0; margin: 0 !important; list-style-type: none; z-index: 101; background-color: #fff; box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.08); padding: 15px; } .language-and-currency .wcml-dropdown .wcml-cs-submenu li { padding: 0; margin: 0; border: none; border-width: 0; line-height: inherit; height: auto; } .language-and-currency .wcml-dropdown .wcml-cs-submenu li a { text-transform: inherit; font-weight: normal; padding: 3px 0; color: #000; line-height: inherit; } .tbd_dark .language-and-currency .wcml-dropdown .wcml-cs-submenu li a { color: #fff; } .language-and-currency .wcml-dropdown .wcml-cs-submenu li:hover, .language-and-currency .wcml-dropdown .wcml-cs-submenu li:focus { background-color: none !important; } .language-and-currency .wcml-dropdown li .wcml-cs-submenu li:hover, .language-and-currency .wcml-dropdown li .wcml-cs-submenu li:focus { background-color: rgba(255, 255, 255, 0) !important; } .language-and-currency .woocommerce .wcml-dropdown.product { margin: 1em 0; margin: 0; overflow: visible; } .language-and-currency .widget .wcml-dropdown ul li { padding: 0; } .language-and-currency .widget .wcml-dropdown ul li a { box-shadow: none; } .language-and-currency .widget .wcml-dropdown ul li a:hover { box-shadow: none; text-decoration: none; } .mob-language-and-currency .wcml-dropdown { border: 1px solid #f5f5f5; margin-bottom: 20px !important; width: 100%; max-width: 100%; float: right; height: 45px; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } .snd-dark .mob-language-and-currency .wcml-dropdown { border: 1px solid #414141; } .mob-language-and-currency .wcml-dropdown > ul { position: relative; padding: 0; margin: 0 !important; list-style-type: none; } .mob-language-and-currency .wcml-dropdown li { list-style-type: none; padding: 0; margin: 0; border: none; vertical-align: middle; line-height: 45px; height: 45px; background-color: transparent; } .mob-language-and-currency .wcml-dropdown li:hover, .mob-language-and-currency .wcml-dropdown li:focus { background-color: transparent; } .mob-language-and-currency .wcml-dropdown li:hover.wcml-cs-active-currency .wcml-cs-submenu, .mob-language-and-currency .wcml-dropdown li:focus.wcml-cs-active-currency .wcml-cs-submenu { visibility: visible; } .mob-language-and-currency .wcml-dropdown a { color: #000; padding: 0 35px 0 17px; display: block; text-decoration: none; line-height: 45px; font-size: 11px; box-shadow: none !important; font-weight: bold; cursor: pointer; } .snd-dark .mob-language-and-currency .wcml-dropdown a { color: #fff; } .mob-language-and-currency .wcml-dropdown a:hover { box-shadow: none !important; text-decoration: none; } .mob-language-and-currency .wcml-dropdown a.wcml-cs-item-toggle { position: relative; padding-right: 35px; } .mob-language-and-currency .rtl .wcml-dropdown a.wcml-cs-item-toggle { padding-right: 10px; padding-left: 35px; } .mob-language-and-currency .wcml-dropdown a.wcml-cs-item-toggle:after { font-family: "Woodstock"; content: "\e628"; font-size: 11px; vertical-align: middle; display: inline-block; border: none; border-top: none; position: absolute; right: 20px; top: 1px; opacity: .5; } .mob-language-and-currency .rtl .wcml-dropdown a.wcml-cs-item-toggle:after { right: auto; left: 10px; } .mob-language-and-currency .wcml-dropdown .wcml-cs-submenu { visibility: hidden; position: absolute; bottom: 100%; right: 0; left: 0; border-top: none; padding: 0; margin: 0 !important; list-style-type: none; z-index: 101; background-color: #fff; box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.08); padding: 15px; } .mob-language-and-currency .wcml-dropdown .wcml-cs-submenu li { padding: 0; margin: 0; border: none; border-width: 0; line-height: inherit; height: auto; } .mob-language-and-currency .wcml-dropdown .wcml-cs-submenu li a { text-transform: inherit; font-weight: normal; padding: 3px 0; color: #000; line-height: inherit; } .tbd_dark .mob-language-and-currency .wcml-dropdown .wcml-cs-submenu li a { color: #fff; } .mob-language-and-currency .wcml-dropdown .wcml-cs-submenu li:hover, .mob-language-and-currency .wcml-dropdown .wcml-cs-submenu li:focus { background-color: none !important; } .mob-language-and-currency .wcml-dropdown li .wcml-cs-submenu li:hover, .mob-language-and-currency .wcml-dropdown li .wcml-cs-submenu li:focus { background-color: rgba(255, 255, 255, 0) !important; } .mob-language-and-currency .woocommerce .wcml-dropdown.product { margin: 1em 0; margin: 0; overflow: visible; } .mob-language-and-currency .widget .wcml-dropdown ul li { padding: 0; } .mob-language-and-currency .widget .wcml-dropdown ul li a { box-shadow: none; } .mob-language-and-currency .widget .wcml-dropdown ul li a:hover { box-shadow: none; text-decoration: none; } /** ----------------------------------------------------------------------------------------------- Header styles. ----------------------------------------------------------------------------------------------- */ .l-header { font-style: normal; position: relative; z-index: 999; background-color: #fff; } .header-main-section { position: relative; padding: 30px 0px; padding: 1.875rem 0rem; } .header-main-section .header-tools { float: right; } .header-centered .header-main-section .header-tools { display: inline-block; float: none; width: 33%; } .header-centered .header-main-section .header-tools > ul { float: right; } @media only screen and (min-width: 62em) and (max-width: 74.94em) { .header-centered .header-main-section .header-tools { width: 100%; float: none; text-align: center; } .header-centered .header-main-section .header-tools ul { float: none; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .header-centered .header-main-section .header-tools { width: 100%; float: none; text-align: center; } .header-centered .header-main-section .header-tools ul { float: none; } } @media only screen and (max-width: 40em) { .header-centered .header-main-section .header-tools { width: 100%; float: none; text-align: center; } .header-centered .header-main-section .header-tools ul { float: none; } } @media only screen and (max-width: 40em) { .header-main-section .header-tools { margin-top: 20px; width: 100%; text-align: center; } } @media only screen and (min-width: 62em) and (max-width: 74.94em) { .header-centered .header-main-section .header-tools { margin-top: 20px; width: 100%; text-align: center; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .header-centered .header-main-section .header-tools { margin-top: 20px; width: 100%; text-align: center; } } @media only screen and (max-width: 40em) { .header-centered .header-main-section .header-tools { margin-top: 20px; width: 100%; text-align: center; } } .header-main-section .header-tools ul { margin: 0; padding: 0; list-style: none; } @media only screen and (max-width: 40em) { .header-main-section .header-tools ul { text-align: center; } } .header-main-section .header-tools ul li { padding: 0; position: relative; float: left; } .header-centered .header-main-section .header-tools ul li { float: none; vertical-align: top; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .header-main-section .header-tools ul li { vertical-align: top; float: none; margin-left: 0; text-align: center; } } @media only screen and (max-width: 40em) { .header-main-section .header-tools ul li { vertical-align: top; float: none; margin-left: 0; text-align: center; } } .header-main-section .l-logo { display: table-cell; vertical-align: middle; width: auto; float: left; min-height: 50px; } .header-centered .header-main-section .l-logo { width: 33%; display: inline-block; float: left; text-align: center; margin-right: 0px; margin-right: 0rem; margin-left: 0px; margin-left: 0rem; } @media only screen and (min-width: 62em) and (max-width: 74.94em) { .header-centered .header-main-section .l-logo { width: 100%; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .header-centered .header-main-section .l-logo { width: 100%; } } @media only screen and (max-width: 40em) { .header-centered .header-main-section .l-logo { width: 100%; } } @media only screen and (max-width: 40em) { .header-main-section .l-logo { width: 100%; margin: 0; text-align: center; } } .header-main-section .l-logo .logo h1 { font-size: 40px; font-size: 2.5rem; line-height: 40px; line-height: 2.5rem; color: #333; margin: 0; padding: 0; } .header-main-section .l-logo .logo:hover { text-decoration: none; } .header-main-section .l-logo small { font-size: 14px; font-size: 0.875rem; color: #666; font-weight: normal; font-weight: 400; } /**********************************************************************************/ /* Top Bar ************************************************************************/ /**********************************************************************************/ #header-top-bar { position: relative; height: 45px; background-color: #333; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { #header-top-bar .topbar-menu { float: none; text-align: center; } #header-top-bar .topbar-menu .main-navigation ul li { display: inline-block; float: none; } } @media only screen and (max-width: 40em) { #header-top-bar .topbar-menu { float: none; text-align: center; } #header-top-bar .topbar-menu .main-navigation ul li { display: inline-block; float: none; } } @media only screen and (min-width: 62em) and (max-width: 74.94em) { #header-top-bar .topbar-right { display: none; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { #header-top-bar .topbar-right { display: none; } } @media only screen and (max-width: 40em) { #header-top-bar .topbar-right { display: none; } } @media only screen and (min-width: 62em) and (max-width: 74.94em) { #header-top-bar { display: none; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { #header-top-bar { display: none; } } @media only screen and (max-width: 40em) { #header-top-bar { display: none; } } /**********************************************************************************/ /* Sticky Header ******************************************************************/ /**********************************************************************************/ #header-st { position: absolute; left: 0; right: 0; } #header-st .row { position: relative; } #header-st.sticky-header-top { display: none; width: 100%; position: fixed; top: -100px; left: 0; right: 0; } #header-st.sticky-header-top.wpadminbar_onscreen { top: -132px; } #header-st.sticky-header-not-top { position: fixed; top: 0; left: 0; right: 0; display: block; z-index: 9999; background-color: #fff; box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.04); } #header-st.sticky-header-not-top.wpadminbar_onscreen { top: 32px; } @media only screen and (max-width: 40em) { #header-st.sticky-header-not-top.wpadminbar_onscreen { top: 0px; } } #header-st .sth-dark .totop { background-color: rgba(255, 255, 255, 0.08); } #header-st .sth-dark .totop:after { color: #fff; } #header-st .sth-dark .totop:hover { background-color: #fff; } #header-st .sth-dark .totop:hover:after { color: #000; } .tdl-boxed #header-st.sticky-header-not-top, .tdl-boxed #header-st.sticky-header-top { margin: 0 auto; left: auto; right: auto; } @media only screen and (min-width: 600px) and (max-width: 782px) { #header-st.sticky-header-not-top.wpadminbar_onscreen { top: 46px; } } .sticky-header.slideDown { -webkit-animation-name: slideDown; animation-name: slideDown; } .sticky-header.slideUp { -webkit-animation-name: slideUp; animation-name: slideUp; } @-webkit-keyframes slideDown { 0% { -webkit-transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); } } @keyframes slideDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(0); } 100% { -webkit-transform: translateY(-120%); } } @keyframes slideUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-120%); transform: translateY(-120%); } } /**********************************************************************************/ /* Header Search ******************************************************************/ /**********************************************************************************/ .search-area { display: inline-block; } .header-centered .search-area { float: left; margin-left: 0px; padding-left: 15px; width: 33%; } @media only screen and (min-width: 62em) and (max-width: 74.94em) { .search-area { display: none !important; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .search-area { display: none !important; } } @media only screen and (max-width: 40em) { .search-area { display: none !important; } } .l-search { width: 100%; position: relative; } .l-search .woodstock-search-form { position: relative; } .header-centered .l-search .woodstock-search-form { width: 360px !important; width: 22.5rem !important; } @media only screen and (min-width: 64.063em) and (max-width: 90em) { .header-centered .l-search .woodstock-search-form { width: 320px !important; width: 20rem !important; } } .l-search .woodstock-search-form form input[type='text'] { border-radius: 6px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ box-shadow: none; height: 55px; height: 3.4375rem; padding: 0px 20px; padding: 0rem 1.25rem; padding-right: 60px; font-size: 17px; line-height: 27.2px; font-size: 1.0625rem; line-height: 1.7rem; font-weight: normal; font-weight: 300; color: #000; background-color: #f5f5f5; width: 360px !important; width: 22.5rem !important; } @media only screen and (min-width: 64.063em) and (max-width: 90em) { .header-centered .l-search .woodstock-search-form form input[type='text'] { width: 320px !important; width: 20rem !important; } } #mobiles-menu-offcanvas .l-search .woodstock-search-form form input[type='text'] { width: 100% !important; background-color: #f5f5f5 !important; color: #000 !important; border: none !important; } #mobiles-menu-offcanvas .l-search .woodstock-search-form form input[type='text']::-webkit-input-placeholder { color: #000 !important; } .snd-dark #mobiles-menu-offcanvas .l-search .woodstock-search-form form input[type='text'] { background-color: #414141 !important; color: #fff !important; } .snd-dark #mobiles-menu-offcanvas .l-search .woodstock-search-form form input[type='text']::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5) !important; } .l-search .woodstock-search-form form .searchsubmit { position: absolute; top: 0; bottom: 0; right: 2px; width: 55px; height: 55px; margin: 0; font-size: 0; padding: 0; border: none; background-color: transparent; vertical-align: middle; opacity: 1; visibility: visible; transition: opacity 0.3s visibility 0.3s; } .l-search .woodstock-search-form form .searchsubmit:after { color: #000; display: inline-block; position: absolute; top: 5px; right: 5px; font-size: 25px; line-height: 45px; width: 45px; height: 45px; } #mobiles-menu-offcanvas .l-search .woodstock-search-form form .searchsubmit:after { color: #000 !important; } .snd-dark #mobiles-menu-offcanvas .l-search .woodstock-search-form form .searchsubmit:after { color: #fff !important; } .l-search .woodstock-search-form form.search-loading .ajax-loading { opacity: 1; visibility: visible; } .l-search .woodstock-search-form form.search-loading .searchsubmit { opacity: 0; visibility: hidden; } .l-search .woodstock-search-form .search-results-wrapper { position: relative; } .l-search .woodstock-search-form .search-results-wrapper .woodstock-scroll { position: absolute; top: 100%; left: 0; right: 0; width: auto; height: auto; z-index: 1000; background-color: #fff; border-radius: 6px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); flex: 1 1 auto; overflow: hidden; } .l-search .woodstock-search-form .search-results-wrapper .woodstock-scroll .woodstock-search-results { position: relative; max-height: 57vh; overflow: auto; } .l-search .woodstock-search-form .search-results-wrapper .woodstock-scroll .woodstock-scroll-pane { z-index: 1002; } .l-search .woodstock-search-form .search-results-wrapper .woodstock-scroll .autocomplete-suggestions { padding: 20px 30px; padding: 1.25rem 1.875rem; position: relative !important; display: flex; flex-wrap: wrap; flex-direction: row; align-items: stretch; z-index: 1001 !important; margin-bottom: -1px; margin-right: -1px; margin-top: 0; width: auto !important; max-width: none !important; max-height: none !important; -webkit-animation: wd-fadeInBottomShort 0.2s ease both; animation: wd-fadeInBottomShort 0.2s ease both; } .l-search .woodstock-search-form .search-results-wrapper .woodstock-scroll .autocomplete-suggestions .view-all-results { cursor: pointer; width: 100%; display: block; margin-top: 20px; margin-bottom: 10px; padding: 0.9rem 2rem; letter-spacing: 1px; text-align: center; text-transform: uppercase; font-weight: bold; color: #000; background-color: rgba(0, 0, 0, 0.05); font-size: 11px; line-height: 17.6px; font-size: 0.6875rem; line-height: 1.1rem; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ transition: background-color 0.25s ease-in-out; } #mobiles-menu-offcanvas .l-search .woodstock-search-form .search-results-wrapper .woodstock-scroll .autocomplete-suggestions .view-all-results { color: #000; background-color: rgba(0, 0, 0, 0.05); } .snd-dark #mobiles-menu-offcanvas .l-search .woodstock-search-form .search-results-wrapper .woodstock-scroll .autocomplete-suggestions .view-all-results { color: #fff; background-color: rgba(255, 255, 255, 0.1); } #mobiles-menu-offcanvas .l-search .woodstock-search-form .search-results-wrapper .woodstock-scroll .autocomplete-suggestions .view-all-results:hover { color: #fff; background-color: rgba(0, 0, 0, 0.8); } .snd-dark #mobiles-menu-offcanvas .l-search .woodstock-search-form .search-results-wrapper .woodstock-scroll .autocomplete-suggestions .view-all-results:hover { color: #000; background-color: rgba(255, 255, 255, 0.5); } .sd-dark .l-search .woodstock-search-form .search-results-wrapper .woodstock-scroll .autocomplete-suggestions .view-all-results { color: #fff; background-color: rgba(255, 255, 255, 0.1); } .l-search .woodstock-search-form .search-results-wrapper .woodstock-scroll .autocomplete-suggestions .view-all-results:hover { color: #fff; background-color: rgba(0, 0, 0, 0.8); } .sd-dark .l-search .woodstock-search-form .search-results-wrapper .woodstock-scroll .autocomplete-suggestions .view-all-results:hover { color: #000; background-color: rgba(255, 255, 255, 0.8); } .l-search .woodstock-search-form .search-results-wrapper .woodstock-scroll .autocomplete-suggestions .autocomplete-suggestion { flex: 1 1 285px; padding-top: 15px; padding-bottom: 15px; border-top: 1px solid rgba(0, 0, 0, 0.05); cursor: pointer; transition: opacity 0.25s ease; -webkit-transition: opacity 0.25s ease; } .l-search .woodstock-search-form .search-results-wrapper .woodstock-scroll .autocomplete-suggestions .autocomplete-suggestion.autocomplete-selected { opacity: 0.7; } .l-search .woodstock-search-form .search-results-wrapper .woodstock-scroll .autocomplete-suggestions .autocomplete-suggestion:first-child { border-top: none; } .l-search .woodstock-search-form .search-results-wrapper .woodstock-scroll .autocomplete-suggestions .autocomplete-suggestion .suggestion-title strong { text-decoration: underline; } .l-search .woodstock-search-form .search-results-wrapper .woodstock-scroll .autocomplete-suggestions .autocomplete-suggestion .suggestion-thumb { max-width: 65px; float: left; margin-right: 15px; } .l-search .woodstock-search-form .search-results-wrapper .woodstock-scroll .autocomplete-suggestions .autocomplete-suggestion .suggestion-title { margin-top: 0; margin-bottom: 0; font-size: 16px; line-height: 20px; font-weight: 700; margin: 0 0 5px 0; max-width: 100%; color: rgba(0, 0, 0, 0.7); } .l-search .woodstock-search-form .search-results-wrapper .woodstock-scroll .autocomplete-suggestions .autocomplete-suggestion .suggestion-title strong { color: black; } .l-search .woodstock-search-form .search-results-wrapper .woodstock-scroll .autocomplete-suggestions .autocomplete-suggestion .suggestion-price { margin-top: 7px; font-size: 14px; line-height: 22.4px; font-size: 0.875rem; line-height: 1.4rem; } .l-search .woodstock-search-form .search-results-wrapper .woodstock-scroll .autocomplete-suggestions .autocomplete-suggestion .suggestion-price ins { text-decoration: none; color: black; } .sd-dark .l-search .woodstock-search-form .search-results-wrapper .woodstock-scroll .autocomplete-suggestions .autocomplete-suggestion .suggestion-price ins { color: white; } .l-search .woodstock-search-form .search-results-wrapper .woodstock-scroll .autocomplete-suggestions .autocomplete-suggestion .suggestion-price del { color: rgba(0, 0, 0, 0.3); } .sd-dark .l-search .woodstock-search-form .search-results-wrapper .woodstock-scroll .autocomplete-suggestions .autocomplete-suggestion .suggestion-price del { color: rgba(255, 255, 255, 0.3); } .l-search .woodstock-search-form .search-results-wrapper.sd-dark { color: #eee; color: rgba(255, 255, 255, 0.6); } .l-search .woodstock-search-form .search-results-wrapper.sd-dark .woodstock-scroll .autocomplete-suggestions .autocomplete-suggestion { border-top: 1px solid rgba(255, 255, 255, 0.1); } .l-search .woodstock-search-form .search-results-wrapper.sd-dark .woodstock-scroll .autocomplete-suggestions .autocomplete-suggestion:first-child { border-top: none; } .l-search .woodstock-search-form .search-results-wrapper.sd-dark .woodstock-scroll .autocomplete-suggestions .autocomplete-suggestion .suggestion-title { color: rgba(255, 255, 255, 0.7); } .l-search .woodstock-search-form .search-results-wrapper.sd-dark .woodstock-scroll .autocomplete-suggestions .autocomplete-suggestion .suggestion-title strong { color: white; } .l-search .woodstock-search-form .search-results-wrapper.sd-dark .woodstock-scroll .nano-pane { background: rgba(255, 255, 255, 0.15); } .l-search .woodstock-search-form .search-results-wrapper.sd-dark .woodstock-scroll .nano-pane .nano-slider { background: rgba(255, 255, 255, 0.8); } #mobiles-menu-offcanvas .l-search .woodstock-search-form .search-results-wrapper.sd-dark { color: #000; color: rgba(0, 0, 0, 0.6); } .snd-dark #mobiles-menu-offcanvas .l-search .woodstock-search-form .search-results-wrapper.sd-dark { color: #eee; color: rgba(255, 255, 255, 0.6); } #mobiles-menu-offcanvas .l-search .woodstock-search-form .search-results-wrapper.sd-dark .woodstock-scroll .autocomplete-suggestions .autocomplete-suggestion { border-top: 1px solid rgba(0, 0, 0, 0.1); } .snd-dark #mobiles-menu-offcanvas .l-search .woodstock-search-form .search-results-wrapper.sd-dark .woodstock-scroll .autocomplete-suggestions .autocomplete-suggestion { border-top: 1px solid rgba(255, 255, 255, 0.1); } #mobiles-menu-offcanvas .l-search .woodstock-search-form .search-results-wrapper.sd-dark .woodstock-scroll .autocomplete-suggestions .autocomplete-suggestion:first-child { border-top: none; } #mobiles-menu-offcanvas .l-search .woodstock-search-form .search-results-wrapper.sd-dark .woodstock-scroll .autocomplete-suggestions .autocomplete-suggestion .suggestion-title { color: rgba(0, 0, 0, 0.7); } #mobiles-menu-offcanvas .l-search .woodstock-search-form .search-results-wrapper.sd-dark .woodstock-scroll .autocomplete-suggestions .autocomplete-suggestion .suggestion-title strong { color: black; } .snd-dark #mobiles-menu-offcanvas .l-search .woodstock-search-form .search-results-wrapper.sd-dark .woodstock-scroll .autocomplete-suggestions .autocomplete-suggestion .suggestion-title { color: rgba(255, 255, 255, 0.7); } .snd-dark #mobiles-menu-offcanvas .l-search .woodstock-search-form .search-results-wrapper.sd-dark .woodstock-scroll .autocomplete-suggestions .autocomplete-suggestion .suggestion-title strong { color: white; } #mobiles-menu-offcanvas .l-search .woodstock-search-form .search-results-wrapper.sd-dark .woodstock-scroll .nano-pane { background: rgba(0, 0, 0, 0.15); } #mobiles-menu-offcanvas .l-search .woodstock-search-form .search-results-wrapper.sd-dark .woodstock-scroll .nano-pane .nano-slider { background: rgba(0, 0, 0, 0.8); } .snd-dark #mobiles-menu-offcanvas .l-search .woodstock-search-form .search-results-wrapper.sd-dark .woodstock-scroll .nano-pane { background: rgba(255, 255, 255, 0.15); } .snd-dark #mobiles-menu-offcanvas .l-search .woodstock-search-form .search-results-wrapper.sd-dark .woodstock-scroll .nano-pane .nano-slider { background: rgba(255, 255, 255, 0.8); } @-webkit-keyframes wd-fadeInBottomShort { from { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes wd-fadeInBottomShort { from { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { -webkit-transform: none; transform: none; } } .l-search button.ajax-search-submit { background: transparent; border: none; text-align: center; cursor: pointer; display: block; position: absolute; right: 5px; top: 5px; width: 45px; width: 2.8125rem; height: 45px; height: 2.8125rem; text-align: center; float: right; } .l-search button.ajax-search-submit:hover { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } #mobiles-menu-offcanvas .l-search button.ajax-search-submit { right: 10px; } .l-search button.ajax-search-submit:after { color: #000; display: inline-block; position: absolute; top: 0; right: 0; width: 45px; height: 45px; } #mobiles-menu-offcanvas .l-search button.ajax-search-submit:after { color: #000 !important; } .snd-dark #mobiles-menu-offcanvas .l-search button.ajax-search-submit:after { color: #fff !important; } .l-search .ajax-search-wrap { position: relative; } .header-centered .l-search .ajax-search-wrap { width: 360px !important; width: 22.5rem !important; } @media only screen and (min-width: 64.063em) and (max-width: 90em) { .header-centered .l-search .ajax-search-wrap { width: 320px !important; width: 20rem !important; } } .l-search .ajax-search-wrap input.ajax-search-input { border-radius: 6px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ box-shadow: none; height: 55px; height: 3.4375rem; padding: 0px 20px; padding: 0rem 1.25rem; padding-right: 60px; font-size: 17px; line-height: 27.2px; font-size: 1.0625rem; line-height: 1.7rem; font-weight: normal; font-weight: 300; color: #000; background-color: #f5f5f5; width: 360px !important; width: 22.5rem !important; } @media only screen and (min-width: 64.063em) and (max-width: 90em) { .header-centered .l-search .ajax-search-wrap input.ajax-search-input { width: 320px !important; width: 20rem !important; } } #mobiles-menu-offcanvas .l-search .ajax-search-wrap input.ajax-search-input { width: 280px !important; width: 17.5rem !important; margin-bottom: 5px; background-color: #f5f5f5 !important; color: #000 !important; border: none !important; } .snd-dark #mobiles-menu-offcanvas .l-search .ajax-search-wrap input.ajax-search-input { background-color: #414141 !important; color: #fff !important; } .ajax-search-results { display: none; width: 100%; margin-top: 15px; text-align: left; position: absolute; z-index: 998; background-color: #fff; padding: 20px 30px; padding: 1.25rem 1.875rem; border-radius: 6px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); font-size: 14px; line-height: 22.4px; font-size: 0.875rem; line-height: 1.4rem; color: #666; color: rgba(0, 0, 0, 0.6); } .sd-dark .ajax-search-results { color: #eee; color: rgba(255, 255, 255, 0.6); } #mobiles-menu-offcanvas .ajax-search-results { padding: 10px 20px; padding: 0.625rem 1.25rem; margin-top: 15px; background-color: #fff; color: #666; } .snd-dark #mobiles-menu-offcanvas .ajax-search-results { background-color: #242424; color: #fff; } .ajax-search-results .search-item-content { width: 100%; } .ajax-search-results .search-item-content .sku { margin-top: 4px; padding: 1px 5px; font-size: 10px; line-height: 12px; font-weight: 400; display: inline-block; float: right; border: 1px solid rgba(0, 0, 0, 0.1); } .sd-dark .ajax-search-results .search-item-content .sku { border-color: rgba(255, 255, 255, 0.1); } .ajax-search-results ins { text-decoration: none; color: black; } .sd-dark .ajax-search-results ins { color: white; } .ajax-search-results del { color: rgba(0, 0, 0, 0.3); } .sd-dark .ajax-search-results del { color: rgba(255, 255, 255, 0.3); } .ajax-search-results h5 { margin: 15px 0 10px 0; letter-spacing: 3px; font-weight: 300; color: #000; text-transform: uppercase; font-size: 14px !important; display: inline-block; z-index: 2; } .sd-dark .ajax-search-results h5 { color: #fff; } #mobiles-menu-offcanvas .ajax-search-results h5 { color: #000; } .snd-dark #mobiles-menu-offcanvas .ajax-search-results h5 { color: #fff; } .ajax-search-results .search-result-pt .search-result { padding: 12px 0; height: auto; overflow: hidden; } #mobiles-menu-offcanvas .ajax-search-results .search-result-pt .search-result { padding: 8px 0; } .ajax-search-results .search-result .search-item-img { margin-right: 20px; } #mobiles-menu-offcanvas .ajax-search-results .search-result .search-item-img { margin-right: 17px; } .ajax-search-results .search-result .search-item-img, .ajax-search-results .search-result .search-item-img img, .ajax-search-results .search-result .search-item-img .img-holder { display: inline-block; float: left; height: 60px; width: 60px; } .ajax-search-results .search-result .search-item-img .img-holder i { padding: 8px 6px; font-size: 18px; height: 35px; display: block; line-height: 22px; text-align: center; } .ajax-search-results .search-result { position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .sd-dark .ajax-search-results .search-result { border-bottom: 1px solid rgba(255, 255, 255, 0.05); } #mobiles-menu-offcanvas .ajax-search-results .search-result { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .snd-dark #mobiles-menu-offcanvas .ajax-search-results .search-result { border-bottom: 1px solid rgba(255, 255, 255, 0.05); } #mobiles-menu-offcanvas .ajax-search-results .search-result:last-child { border-bottom: none; } .ajax-search-results .search-result:hover { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .ajax-search-results .search-result-pt .search-result:last-child { border-bottom: none; } .ajax-search-results .search-result .search-result-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; } .ajax-search-results .search-result .search-item-content { padding-top: 5px; margin-left: 0; position: relative; z-index: 2; } .ajax-search-results .search-result .search-item-content span.search-out-stock { display: inline-block; margin-left: 10px; font-size: 10px; line-height: 16px; font-size: 0.625rem; line-height: 1rem; color: #ea5c5c; } .ajax-search-results .search-result .search-item-content h4 { font-size: 16px; line-height: 20px; font-weight: 700; margin: 0 0 5px 0; max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: rgba(0, 0, 0, 0.9); } #mobiles-menu-offcanvas .ajax-search-results .search-result .search-item-content h4 { color: rgba(0, 0, 0, 0.9); } .snd-dark #mobiles-menu-offcanvas .ajax-search-results .search-result .search-item-content h4 { color: rgba(255, 255, 255, 0.9); } .sd-dark .ajax-search-results .search-result .search-item-content h4 { color: rgba(255, 255, 255, 0.9); } .ajax-search-results .search-result .search-item-content h4 a { color: rgba(0, 0, 0, 0.9); } #mobiles-menu-offcanvas .ajax-search-results .search-result .search-item-content h4 a { color: rgba(0, 0, 0, 0.9); } .snd-dark #mobiles-menu-offcanvas .ajax-search-results .search-result .search-item-content h4 a { color: rgba(255, 255, 255, 0.9); } .sd-dark .ajax-search-results .search-result .search-item-content h4 a { color: rgba(255, 255, 255, 0.9); } .ajax-search-results .search-result.has-img .search-item-content { display: inline-block; max-width: 220px; } @media only screen and (min-width: 64.063em) and (max-width: 90em) { .header-centered .ajax-search-results .search-result.has-img .search-item-content { max-width: 180px; } } #mobiles-menu-offcanvas .ajax-search-results .search-result.has-img .search-item-content { width: 160px !important; width: 10rem !important; } .ajax-search-results .search-result.has-img .search-item-content h6 { font-size: 16px; line-height: 20px; font-weight: 700; margin: 0 0 5px 0; max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #mobiles-menu-offcanvas .ajax-search-results .search-result.has-img .search-item-content h6 { font-size: 14px; } .ajax-search-results .search-result.has-img .search-item-content h6 a { color: rgba(0, 0, 0, 0.9); } .sd-dark .ajax-search-results .search-result.has-img .search-item-content h6 a { color: rgba(255, 255, 255, 0.9); } .ajax-search-results .search-result time { line-height: 20px; font-size: 13px; margin-bottom: 0 !important; } .ajax-search-results .no-search-results p { font-size: 15px; line-height: 24px; font-size: 0.9375rem; line-height: 1.5rem; padding: 0; margin-bottom: 30px; } .ajax-search-results .all-results { display: block; margin-top: 20px; margin-bottom: 10px; padding: 0.9rem 2rem; letter-spacing: 1px; text-align: center; text-transform: uppercase; font-weight: bold; color: #000; background-color: rgba(0, 0, 0, 0.05); font-size: 11px; line-height: 17.6px; font-size: 0.6875rem; line-height: 1.1rem; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } #mobiles-menu-offcanvas .ajax-search-results .all-results { color: #000; background-color: rgba(0, 0, 0, 0.05); } .snd-dark #mobiles-menu-offcanvas .ajax-search-results .all-results { color: #fff; background-color: rgba(255, 255, 255, 0.1); } #mobiles-menu-offcanvas .ajax-search-results .all-results:hover { color: #fff; background-color: rgba(0, 0, 0, 0.8); } .snd-dark #mobiles-menu-offcanvas .ajax-search-results .all-results:hover { color: #000; background-color: rgba(255, 255, 255, 0.5); } .sd-dark .ajax-search-results .all-results { color: #fff; background-color: rgba(255, 255, 255, 0.1); } .ajax-search-results .all-results:hover { color: #fff; background-color: rgba(0, 0, 0, 0.8); } .sd-dark .ajax-search-results .all-results:hover { color: #000; background-color: rgba(255, 255, 255, 0.8); } .ajax-search-results .menu-search .ajax-search-results { margin: 0 30px; padding: 20px 0 30px; line-height: 100%; } /**********************************************************************************/ /* Mobile Menu ********************************************************************/ /**********************************************************************************/ .mobile-search { display: none; } @media only screen and (min-width: 62em) and (max-width: 74.94em) { .mobile-search { display: inline-block; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .mobile-search { display: inline-block; } } @media only screen and (max-width: 40em) { .mobile-search { display: inline-block; } } .mobile-search .mobile-search-button { position: relative; display: inline-block; width: 45px; height: 45px; margin-left: 10px; } @media only screen and (max-width: 40em) { .mobile-search .mobile-search-button { margin-top: 5px; border: none !important; background-color: transparent !important; } } @media only screen and (min-width: 62em) and (max-width: 74.94em) { .mobile-search .mobile-search-button { border-radius: 6px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ width: 55px; width: 3.4375rem; height: 55px; height: 3.4375rem; margin-left: 15px; background-color: #f5f5f5; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .mobile-search .mobile-search-button { border-radius: 6px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ width: 55px; width: 3.4375rem; height: 55px; height: 3.4375rem; margin-left: 15px; background-color: #f5f5f5; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .mobile-search .mobile-search-button { margin-left: 10px; } } .mobile-search .mobile-search-button:before { text-align: center; position: absolute; left: calc(50% - 15px); top: calc(50% - 20px); color: #000 !important; font-family: 'Woodstock'; content: '\e601'; font-size: 25px; width: 30px; width: 1.875rem; height: 30px; height: 1.875rem; } .mobile-search.mb-dark .mobile-search-button:before { color: #fff !important; } .header-tools .mobile-menu-button { display: inline-block; } .mobile-menu-button a { display: none; position: relative; border-radius: 6px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ height: 55px; height: 3.4375rem; line-height: 57px; line-height: 3.5625rem; padding: 0 25px 0 15px; padding: 0 1.5625rem 0 0.9375rem; background-color: #f5f5f5; } @media only screen and (min-width: 62em) and (max-width: 74.94em) { .mobile-menu-button a { display: inline-block; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .mobile-menu-button a { display: inline-block; } } @media only screen and (max-width: 40em) { .mobile-menu-button a { display: inline-block; } } #header-st .mobile-menu-button a { background-color: rgba(0, 0, 0, 0.05); margin: 10px 0 10px 0px; margin: 0.625rem 0 0.625rem 0rem; display: none !important; float: left; } @media only screen and (min-width: 62em) and (max-width: 74.94em) { #header-st .mobile-menu-button a { display: inline-block !important; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { #header-st .mobile-menu-button a { display: inline-block !important; } } @media only screen and (max-width: 40em) { #header-st .mobile-menu-button a { display: inline-block !important; } } .mobile-menu-button a .mobile-menu-icon { display: inline-block; vertical-align: middle; line-height: 24px; margin-right: 5px; } .mobile-menu-button a .mobile-menu-icon:before { color: #000; font-size: 32px; } .mobile-menu-button a span { display: inline-block; font-size: 16px !important; line-height: 38px !important; color: #000; text-transform: uppercase; } #header-st .mobile-menu-button a { border: none !important; } #header-st .sth-dark .mobile-menu-button a { border: none !important; background-color: rgba(255, 255, 255, 0.1); } #header-st .sth-dark .mobile-menu-button a span { color: #fff; } #header-st .sth-dark .mobile-menu-button a .mobile-menu-icon:before { color: #fff; } .mobile-menu-button.mb-dark a .mobile-menu-icon:before, .mobile-menu-button.mb-dark a span { color: #fff; } .mobile-menu-button a:hover .mobile-menu-icon, .mobile-menu-button a:hover .mobile-menu-icon:before, .mobile-menu-button a:hover span { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); } /**********************************************************************************/ /* Contact Box ********************************************************************/ /**********************************************************************************/ .contact-area { display: inline-block; margin-left: 15px; margin-left: 0.9375rem; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .contact-area { display: none; } } @media only screen and (max-width: 40em) { .contact-area { display: none; } } .contact-info { width: auto; min-width: 270px; position: relative; text-align: left; border-radius: 6px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ height: 55px; height: 3.4375rem; line-height: 50px; line-height: 3.125rem; padding: 0 20px 0 15px; padding: 0 1.25rem 0 0.9375rem; cursor: pointer; } .contact-info .contact-info-title { color: #000; font-size: 17px !important; line-height: 18px !important; line-height: 1.125rem !important; font-weight: bold; vertical-align: middle; display: inline-block; } .contact-info .contact-info-title a { color: #000; } .hc-dark .contact-info .contact-info-title a { color: #fff; } .contact-info .contact-info-title .contact-info-subtitle { margin-top: -2px; font-size: 12px !important; line-height: 16px !important; font-weight: normal; display: block; } .hc-dark .contact-info .contact-info-title { color: #fff; } .snd-dark .offcanvas-left-content .contact-info .contact-info-title, .snd-dark .offcanvas-left-content .contact-info .contact-info-title a { color: #fff; } .contact-info .inside-area { visibility: hidden; display: none; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); width: auto; min-width: 270px; position: absolute; right: 0; top: 55px; padding-top: 15px; z-index: 9999999; cursor: inherit; clear: both; } .offcanvas_from_left .contact-info .inside-area { top: 50px; } .contact-info .inside-area .inside-area-content { background-color: #fff; border-radius: 6px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); padding: 20px; color: #000; z-index: 103; font-size: 14px; line-height: 22.4px; font-size: 0.875rem; line-height: 1.4rem; } .csd-dark .contact-info .inside-area .inside-area-content { color: #fff; } .contact-info .inside-area .inside-area-content .contact-item { margin-bottom: 10px; } .snd-light .offcanvas-left-content .contact-info .inside-area .inside-area-content { min-width: 280px !important; color: #000; background-color: #fff; } .snd-dark .offcanvas-left-content .contact-info .inside-area .inside-area-content { min-width: 280px !important; color: #fff; background-color: #242424; } .contact-info .inside-area .inside-area-content span { display: block; } .contact-info .inside-area .inside-area-content span.town { font-size: 22px; line-height: 35.2px; font-size: 1.375rem; line-height: 2.2rem; } .contact-info .inside-area .inside-area-content span.phone { font-size: 18px !important; line-height: 18px !important; font-weight: bold; } .contact-info .inside-area .inside-area-content span.phone a { color: #000; font-weight: bold; font-weight: 400; } .csd-dark .contact-info .inside-area .inside-area-content span.phone a { color: #fff; } .snd-dark .offcanvas-left-content .contact-info .inside-area .inside-area-content span.phone a { color: #fff; } .contact-info .inside-area .inside-area-content span.address { text-transform: uppercase; font-weight: 400; font-size: 11px; line-height: 20px; margin-top: 5px; color: rgba(0, 0, 0, 0.4); } .csd-dark .contact-info .inside-area .inside-area-content span.address { color: rgba(255, 255, 255, 0.4); } .snd-light .offcanvas-left-content .contact-info .inside-area .inside-area-content span.address { color: rgba(0, 0, 0, 0.6); } .snd-dark .offcanvas-left-content .contact-info .inside-area .inside-area-content span.address { color: rgba(255, 255, 255, 0.6); } .contact-info .inside-area .inside-area-content p { font-size: 13px; line-height: 20.8px; font-size: 0.8125rem; line-height: 1.3rem; margin: 15px 0 0 0; padding: 0; } .contact-info .inside-area .inside-area-content hr { background-color: rgba(0, 0, 0, 0.08); margin: 15px 0px; margin: 0.9375rem 0rem; } .csd-dark .contact-info .inside-area .inside-area-content hr, .snd-dark .offcanvas-left-content .contact-info .inside-area .inside-area-content hr { background-color: rgba(255, 255, 255, 0.08); } .contact-info:hover .inside-area { visibility: visible; display: block; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-animation: fadeIn 0.3s; animation: fadeIn 0.3s; } .contact-info .contact-info-icon { height: 55px; height: 3.4375rem; line-height: 55px; line-height: 3.4375rem; width: 30px; width: 1.875rem; vertical-align: top; display: inline-block; margin-right: 7px; text-align: center; } .contact-info .contact-info-icon:after { text-align: center; color: #000; display: inline-block; font-size: 28px; line-height: 54px; } .snd-light .offcanvas-left-content .contact-info .contact-info-icon:after { color: #000; } .snd-dark .offcanvas-left-content .contact-info .contact-info-icon:after { color: #fff; } .contact-info .contact-info-arrow { float: right; display: inline-block; margin-left: 20px; margin-top: 1px; } .contact-info .contact-info-arrow:after { font-size: 20px; vertical-align: middle; color: #000; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); } .hc-dark .contact-info .contact-info-arrow:after { color: #fff; } .snd-dark .offcanvas-left-content .contact-info .contact-info-arrow:after { color: #fff; } .contact-info:hover .contact-info-icon, .contact-info:hover .contact-info-title, .contact-info:hover .contact-info-arrow { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } /**********************************************************************************/ /* Social Icons *******************************************************************/ /**********************************************************************************/ .header-main-section .header-tools .social-icons li { margin: 0 4px 4px 0; } .social-icons { margin: 0; padding: 0; display: block; list-style: none; } .social-icons li { display: inline-block; padding: 0; text-align: center; } .social-icons li a { text-decoration: none; } .social-icons li a:before { font-family: 'FontAwesome'; font-weight: normal; font-style: normal; display: inline-block; color: #fff; font-size: 18px; width: 40px; height: 40px; line-height: 40px; border-radius: 30px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ background-color: #333; } .social-icons li.twitter a:before { background-color: #54c1de; content: '\f099'; } .social-icons li.facebook a:before { background-color: #6686b7; content: '\f09a'; } .social-icons li.googleplus a:before { background-color: #e55e4b; content: '\f0d5'; } .social-icons li.pinterest a:before { background-color: #ff5e64; content: '\f0d2'; } .social-icons li.vimeo a:before { background-color: #4abae0; content: '\f27d'; } .social-icons li.youtube a:before { background-color: #ef4343; content: '\f167'; } .social-icons li.flickr a:before { background-color: #ff539b; content: '\f16e'; } .social-icons li.skype a:before { background-color: #3bb1ee; content: '\f17e'; } .social-icons li.behance a:before { background-color: #31ade1; content: '\f1b4'; } .social-icons li.dribbble a:before { background-color: #f5a1b9; content: '\f17d'; } .social-icons li.tumblr a:before { background-color: #486b89; content: '\f173'; } .social-icons li.linkedin a:before { background-color: #50a5c1; content: '\f0e1'; } .social-icons li.github a:before { background-color: #dfdfdf; content: '\f09b'; } .social-icons li.vine a:before { background-color: #00d9a3; content: '\f1ca'; } .social-icons li.instagram a:before { background-color: #34648b; content: '\f16d'; } .social-icons li.dropbox a:before { background-color: #007ee5; content: '\f16b'; } .social-icons li.rss a:before { background-color: #fbba54; content: '\f09e'; } .social-icons li.email a:before { background-color: #666666; content: '\f0e0'; } .social-icons li.stumbleupon a:before { background-color: #fe7143; content: '\f1a4'; } .social-icons li.paypal a:before { background-color: #34aad2; content: '\f1ed'; } .social-icons li.foursquare a:before { background-color: #0732a2; content: '\f180'; } .social-icons li.soundcloud a:before { background-color: #ff4d00; content: '\f1be'; } .social-icons li.spotify a:before { background-color: #648f00; content: '\f1bc'; } .social-icons li.vk a:before { background-color: #55779b; content: '\f189'; } .social-icons li.android a:before { background-color: #97c024; content: '\f17b'; } .social-icons li.apple a:before { background-color: #333333; content: '\f179'; } .social-icons li.windows a:before { background-color: #00adef; content: '\f17a'; } .social-icons li.whatsapp a:before { background-color: #43d854; content: '\f232'; } .social-icons li.yelp a:before { background-color: #d32323; content: '\f1e9'; } .social-icons li.bandcamp a:before { background-color: #d32323; content: '\f2d5'; } .social-icons li.whatsapp a:before { background-color: #25d366; content: '\f232'; } .social-icons li.etsy a:before { background-color: #eb6d20; content: '\f2d7'; } .social-icons li.twitch a:before { background-color: #9146ff; content: '\f1e8'; } .social-icons li a:hover:before { color: #333; background-color: #dedede; } .topbar-social-icons-wrapper { float: right; margin-left: 20px; } .topbar-social-icons-wrapper .social-icons { margin: 7px 0 0 0 !important; } .topbar-social-icons-wrapper .social-icons li { margin-right: 0px !important; } .topbar-social-icons-wrapper .social-icons li a:before { display: inline-block; background-color: rgba(255, 255, 255, 0.1); font-size: 12px; width: 30px; height: 30px; line-height: 30px; } .td_light .topbar-social-icons-wrapper .social-icons li a:before { background-color: rgba(0, 0, 0, 0.1); color: #000; } .topbar-social-icons-wrapper .social-icons li a:hover:before { background-color: white !important; } .sidebar-social-icons-wrapper { margin: 20px 0; } /**********************************************************************************/ /* Shopping Bag *******************************************************************/ /**********************************************************************************/ .shop-bag { display: inline-block; margin-left: 10px !important; } @media only screen and (min-width: 62em) and (max-width: 74.94em) { .shop-bag { margin-left: 0 !important; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .shop-bag { margin-left: 0 !important; } } @media only screen and (max-width: 40em) { .shop-bag { margin-left: 0 !important; } } #header-st .shop-bag { float: right; display: inline-block; margin-top: 5px; margin-top: 0.3125rem; } @media only screen and (min-width: 64.063em) and (max-width: 90em) { #header-st .shop-bag { margin-right: 5px; margin-right: 0.3125rem; } } @media only screen and (min-width: 62em) and (max-width: 74.94em) { #header-st .shop-bag { margin-right: 5px; margin-right: 0.3125rem; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { #header-st .shop-bag { margin-right: 5px; margin-right: 0.3125rem; } } @media only screen and (max-width: 40em) { #header-st .shop-bag { margin-right: 5px; margin-right: 0.3125rem; } } .l-header-shop { position: relative; height: 55px; width: auto; border-radius: 6px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } .l-header-shop .shopbag_items_number { display: none; position: absolute; left: 24px; top: 9px; background: #fff; border: 1px solid #000; padding: 1px; min-width: 21px; text-align: center; border-radius: 130px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ color: #000; font-size: 10px; line-height: 16px; font-weight: normal; z-index: 9998; } .sth-light .l-header-shop .shopbag_items_number { background: #fff; color: #000; border: 1px solid #000; } .sth-dark .l-header-shop .shopbag_items_number { background: #000; color: #fff; border: 1px solid #fff; } @media only screen and (min-width: 64.063em) and (max-width: 90em) { .l-header-shop .shopbag_items_number { display: block; } } @media only screen and (min-width: 62em) and (max-width: 74.94em) { .l-header-shop .shopbag_items_number { display: block; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .l-header-shop .shopbag_items_number { display: block; } } @media only screen and (max-width: 40em) { .l-header-shop .shopbag_items_number { display: block; } } @media only screen and (min-width: 90.063em) and (max-width: 120em) { .widget_shopping_cart .l-header-shop .shopbag_items_number { display: block; } } @media only screen and (min-width: 64.063em) and (max-width: 90em) { .widget_shopping_cart .l-header-shop .shopbag_items_number { display: block; } } @media only screen and (min-width: 62em) and (max-width: 74.94em) { .widget_shopping_cart .l-header-shop .shopbag_items_number { display: block; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .widget_shopping_cart .l-header-shop .shopbag_items_number { display: block; } } @media only screen and (max-width: 40em) { .widget_shopping_cart .l-header-shop .shopbag_items_number { display: block; } } .l-header-shop:hover .shopbag_items_number { background: #000; color: #fff; } .l-header-shop .icon-shop { margin-left: 5px; } .l-header-shop .icon-shop:before { text-align: center; color: #000; font-size: 40px; line-height: 56px; } .sth-light .l-header-shop .icon-shop:before { color: #000; } .sth-dark .l-header-shop .icon-shop:before { color: #fff; } .l-header-shop .overview { float: right; margin-left: 5px; } @media only screen and (min-width: 64.063em) and (max-width: 90em) { .l-header-shop .overview { display: none; } } @media only screen and (min-width: 62em) and (max-width: 74.94em) { .l-header-shop .overview { display: none; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .l-header-shop .overview { display: none; } } @media only screen and (max-width: 40em) { .l-header-shop .overview { display: none; } } .l-header-shop .overview small.tax_label { display: none; } .l-header-shop .woocommerce-Price-currencySymbol { display: inline-block; } .l-header-shop span { display: block; } .l-header-shop span.bag-items-number { font-size: 12px; line-height: 20px; margin-top: 11px; color: #000; text-transform: uppercase; font-size: 10px; font-weight: bold; font-weight: 600; letter-spacing: 1px; color: rgba(0, 0, 0, 0.5); } .shc-dark .l-header-shop span.bag-items-number, .sth-dark .l-header-shop span.bag-items-number { color: rgba(255, 255, 255, 0.5); } .l-header-shop span.amount { font-size: 16px !important; line-height: 14px !important; font-weight: bold !important; letter-spacing: 0 !important; color: #000; } .shc-dark .l-header-shop span.amount, .sth-dark .l-header-shop span.amount { color: #fff; } .l-header-shop:hover .overview { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } #header-st .l-header-shop:hover .shopbag_items_number { background-color: #000; } #header-st .sth-dark .l-header-shop:hover .shopbag_items_number { background-color: #fff; } /**********************************************************************************/ /* Breadcrumbs ********************************************************************/ /**********************************************************************************/ #breadcrumbs { float: right; display: block; margin: 10px 0 0; text-transform: uppercase; letter-spacing: 1.5px; font-size: 10px; line-height: 16px; font-size: 0.625rem; line-height: 1rem; font-weight: bold; font-weight: 500; color: rgba(0, 0, 0, 0.5); } .site_header .title-center #breadcrumbs { float: none; margin: 0 0 0px 0; } .site_header.with_featured_img #breadcrumbs, .mta-dark #breadcrumbs { color: rgba(255, 255, 255, 0.5); } #breadcrumbs a { color: rgba(0, 0, 0, 0.9); } .site_header.with_featured_img #breadcrumbs a, .mta-dark #breadcrumbs a { color: rgba(255, 255, 255, 0.9); } #breadcrumbs a:hover { color: rgba(0, 0, 0, 0.5); } .site_header.with_featured_img #breadcrumbs a:hover, .mta-dark #breadcrumbs a:hover { color: rgba(255, 255, 255, 0.5); } @media only screen and (min-width: 40em) and (max-width: 61.94em) { #breadcrumbs { display: none; } } @media only screen and (max-width: 40em) { #breadcrumbs { display: none; } } /** ----------------------------------------------------------------------------------------------- Main styles. ----------------------------------------------------------------------------------------------- */ .l-list-unstyled { margin: 0; padding: 0; list-style-type: none; } /* Theme layout type */ .row { padding-left: 30px; padding-left: 1.875rem; padding-right: 30px; padding-right: 1.875rem; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .row { padding-left: 10px; padding-left: 0.625rem; padding-right: 10px; padding-right: 0.625rem; } } @media only screen and (max-width: 40em) { .row { padding-left: 10px; padding-left: 0.625rem; padding-right: 10px; padding-right: 0.625rem; } } .row .row { padding: 0; } @media only screen and (max-width: 40em) { .vc_column_container > .vc_column-inner { padding-left: 0px; padding-left: 0rem; padding-right: 0px; padding-right: 0rem; } } table { width: 100%; margin-bottom: 40px; background: none; } table table { margin-bottom: 0; } table thead th { text-transform: uppercase; font-size: 13px !important; } table tbody th { font-weight: normal; } table tr { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(0, 0, 0, 0.05); text-align: left; } .mc-dark table tr { border-bottom-color: rgba(255, 255, 255, 0.05); } #page-wrap { position: relative; min-height: 100%; background: #ffffff; } #page-wrap a { outline: none; text-decoration: none; } #page-wrap.tdl-boxed { margin-left: auto; margin-right: auto; max-width: 992px; max-width: 62rem; background: transparent; } @media only screen and (min-width: 90.063em) and (max-width: 120em) { #page-wrap.tdl-boxed { max-width: 1440px; max-width: 90rem; } } @media only screen and (min-width: 64.063em) and (max-width: 90em) { #page-wrap.tdl-boxed { max-width: 1200px; max-width: 75rem; } } #page-wrap.tdl-boxed .boxed-layout { background: #ffffff; margin-left: 20px; margin-left: 1.25rem; margin-right: 20px; margin-right: 1.25rem; } @media only screen and (min-width: 62em) and (max-width: 74.94em) { #page-wrap.tdl-boxed .boxed-layout { margin-left: 0; margin-right: 0; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { #page-wrap.tdl-boxed .boxed-layout { margin-left: 0; margin-right: 0; } } @media only screen and (max-width: 40em) { #page-wrap.tdl-boxed .boxed-layout { margin-left: 0; margin-right: 0; } } #page-wrap.tdl-boxed.tdl-floating-boxed { margin-top: 20px; margin-top: 1.25rem; margin-bottom: 20px; margin-bottom: 1.25rem; } @media only screen and (min-width: 62em) and (max-width: 74.94em) { #page-wrap.tdl-boxed { width: 100%; } #page-wrap.tdl-boxed.tdl-floating-boxed { margin-top: 0; margin-bottom: 0; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { #page-wrap.tdl-boxed { width: 100%; } #page-wrap.tdl-boxed.tdl-floating-boxed { margin-top: 0; margin-bottom: 0; } } @media only screen and (max-width: 40em) { #page-wrap.tdl-boxed { width: 100%; } #page-wrap.tdl-boxed.tdl-floating-boxed { margin-top: 0; margin-bottom: 0; } } .tdl-page-background { display: none; position: fixed; z-index: -1; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; } .ie .tdl-page-background { display: block; } .tdl-background-cover { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } @media only screen and (min-width: 62em) and (max-width: 74.94em) { .tdl-responsive body .tdl-background-cover.tdl-image { background-size: auto 100%; background-attachment: initial; } } .ie .tdl-background-cover { display: none; } #primary { position: relative; } /**********************************************************************************/ /* Fresco *************************************************************************/ /**********************************************************************************/ .fr-close { display: block; cursor: pointer; width: 45px; height: 45px; pointer-events: auto; position: absolute; right: 20px; top: 15px; } @media only screen and (min-width: 62em) and (max-width: 74.94em) { .fr-close { display: none; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .fr-close { display: none; } } @media only screen and (max-width: 40em) { .fr-close { display: none; } } .fr-window-fresco .fr-close .fr-close-icon { background: none; } .fr-ui-outside .fr-close-background { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); background: none; } .fr-close-background, .fr-close-icon { width: 45px; height: 45px; top: 0px; left: 0px; } .fr-ui-outside .fr-close:hover .fr-close-background, .fr-close:hover .fr-close-background { background: none; } .fr-window-fresco:not(.fr-ltIE9) .fr-close .fr-close-icon { opacity: 0.5; } .fr-window-fresco .fr-close:hover .fr-close-icon { opacity: 1; } .fr-close-icon:before { font-size: 52px; color: #fff; } .fr-side-previous .fr-side-button { left: 3px; } .fr-side-next .fr-side-button { right: 3px; } .fr-touch-close { position: absolute; top: -1px; right: 14px; padding-right: 11px; } /**********************************************************************************/ /* Blog ***************************************************************************/ /**********************************************************************************/ .blog-isotop-container article { margin-bottom: 0; } .blog-content-area article { margin-bottom: 40px; } .blog-content-area article.sticky h2.entry-title a:before { font-family: 'FontAwesome'; content: "\f08d"; font-weight: normal; color: rgba(0, 0, 0, 0.3); margin-right: 20px; } .entry-content .master-slider-gallery { margin-bottom: 40px; } .with-sidebar .entry-title, .with-sidebar .post_header_date { text-align: left; } h1.entry-title, h2.entry-title { text-align: left; margin-top: 0; margin-bottom: 10px; font-size: 50px; line-height: 80px; font-size: 3.125rem; line-height: 5rem; line-height: 56px; } @media only screen and (min-width: 62em) and (max-width: 74.94em) { h1.entry-title, h2.entry-title { font-size: 40px; line-height: 64px; font-size: 2.5rem; line-height: 4rem; line-height: 42px; margin-bottom: 15px; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { h1.entry-title, h2.entry-title { font-size: 40px; line-height: 64px; font-size: 2.5rem; line-height: 4rem; line-height: 42px; margin-bottom: 15px; } } @media only screen and (max-width: 40em) { h1.entry-title, h2.entry-title { font-size: 40px; line-height: 64px; font-size: 2.5rem; line-height: 4rem; line-height: 42px; margin-bottom: 15px; } } .blog-isotop-container h1.entry-title, .blog-isotop-container h2.entry-title { font-size: 36px; line-height: 57.6px; font-size: 2.25rem; line-height: 3.6rem; line-height: 40px; } h1.entry-title a, h2.entry-title a { color: #000; } .mc-dark h1.entry-title a, .mc-dark h2.entry-title a { color: #fff; } h1.entry-title a:hover, h2.entry-title a:hover { color: rgba(0, 0, 0, 0.5); } .mc-dark h1.entry-title a:hover, .mc-dark h2.entry-title a:hover { color: rgba(255, 255, 255, 0.5); } h1.entry-title a .post-link-icon, h2.entry-title a .post-link-icon { margin-left: 20px; font-size: 33px; line-height: 52.8px; font-size: 2.0625rem; line-height: 3.3rem; color: rgba(0, 0, 0, 0.2); } .mc-dark h1.entry-title a .post-link-icon, .mc-dark h2.entry-title a .post-link-icon { color: rgba(255, 255, 255, 0.2); } @media only screen and (min-width: 62em) and (max-width: 74.94em) { h1.entry-title a .post-link-icon, h2.entry-title a .post-link-icon { margin-left: 10px; font-size: 28px; line-height: 44.8px; font-size: 1.75rem; line-height: 2.8rem; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { h1.entry-title a .post-link-icon, h2.entry-title a .post-link-icon { margin-left: 10px; font-size: 28px; line-height: 44.8px; font-size: 1.75rem; line-height: 2.8rem; } } @media only screen and (max-width: 40em) { h1.entry-title a .post-link-icon, h2.entry-title a .post-link-icon { margin-left: 10px; font-size: 28px; line-height: 44.8px; font-size: 1.75rem; line-height: 2.8rem; } } .blog-isotop-container h1.entry-title a .post-link-icon, .blog-isotop-container h2.entry-title a .post-link-icon { display: none; } h1.entry-title .post-link-url, h2.entry-title .post-link-url { margin-bottom: 30px; float: left; display: block; font-weight: 400; color: rgba(0, 0, 0, 0.3); font-size: 20px; line-height: 32px; font-size: 1.25rem; line-height: 2rem; } .mc-dark h1.entry-title .post-link-url, .mc-dark h2.entry-title .post-link-url { color: rgba(255, 255, 255, 0.3); } @media only screen and (min-width: 62em) and (max-width: 74.94em) { h1.entry-title .post-link-url, h2.entry-title .post-link-url { font-size: 18px; line-height: 28.8px; font-size: 1.125rem; line-height: 1.8rem; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { h1.entry-title .post-link-url, h2.entry-title .post-link-url { font-size: 18px; line-height: 28.8px; font-size: 1.125rem; line-height: 1.8rem; } } @media only screen and (max-width: 40em) { h1.entry-title .post-link-url, h2.entry-title .post-link-url { font-size: 18px; line-height: 28.8px; font-size: 1.125rem; line-height: 1.8rem; } } h1.entry-title .post-link-url:hover, h2.entry-title .post-link-url:hover { color: #000; } .mc-dark h1.entry-title .post-link-url:hover, .mc-dark h2.entry-title .post-link-url:hover { color: #fff; } .post_header_date, .post_footer_date { margin: 0 0 20px 0; } .blog-isotop-container .post_header_date, .blog-isotop-container .post_footer_date { margin-bottom: 0; } .post_header_date a, .post_footer_date a { color: #000; margin-right: 20px; display: inline-block; font-size: 16px; line-height: 25.6px; font-size: 1rem; line-height: 1.6rem; line-height: 16px; font-weight: 600; } .mc-dark .post_header_date a, .mc-dark .post_footer_date a { color: #fff; } .post_header_date a:hover, .post_footer_date a:hover { color: rgba(0, 0, 0, 0.4); } .mc-dark .post_header_date a:hover, .mc-dark .post_footer_date a:hover { color: rgba(255, 255, 255, 0.4); } .blog-isotop-container .post_header_date a, .blog-isotop-container .post_footer_date a { font-size: 14px; line-height: 22.4px; font-size: 0.875rem; line-height: 1.4rem; line-height: 14px; } .post_header_date a.entry-date:before, .post_header_date a.comments-link:before, .post_footer_date a.entry-date:before, .post_footer_date a.comments-link:before { vertical-align: top; display: inline-block; color: rgba(0, 0, 0, 0.3); font-size: 14px; margin-right: 8px; font-family: "fontawesome"; } .mc-dark .post_header_date a.entry-date:before, .mc-dark .post_header_date a.comments-link:before, .mc-dark .post_footer_date a.entry-date:before, .mc-dark .post_footer_date a.comments-link:before { color: rgba(255, 255, 255, 0.3); } .post_header_date a.entry-date:before, .post_footer_date a.entry-date:before { content: "\f073"; } .post_header_date a.comments-link:before, .post_footer_date a.comments-link:before { content: "\f0e6"; } .post_header_date p, .post_footer_date p { display: inline-block; } .entry-thumbnail { text-align: center; margin-bottom: 40px; } .more-link { color: black; font-size: 13px; font-weight: 700; text-transform: uppercase; } .mc-dark .more-link { color: white; } .more-link:hover { color: rgba(0, 0, 0, 0.6); } .mc-dark .more-link:hover { color: rgba(255, 255, 255, 0.6); } /**********************************************************************************/ /* Content ************************************************************************/ /**********************************************************************************/ .without-sidebar { /*text-align:center;*/ } .page-header { margin-bottom: 70px; } .entry-title { margin-bottom: .4em; text-align: center; } .entry-title a { color: inherit; } .page_with_slider .content-area { padding: 0; } .wp-caption { max-width: 100%; } .entry-thumbnail { margin-bottom: 35px; text-align: center; } .entry-content:after { content: ""; display: block; clear: both; } .entry-meta { display: block; font-size: 18px; margin: 50px 0 0 0; font-weight: 400; text-align: left; } .entry-meta .edit-link { margin: 0; margin-top: 10px; } .entry-meta .edit-link a { display: inline-block; border-radius: 4px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ font-size: 12px; line-height: 19.2px; font-size: 0.75rem; line-height: 1.2rem; height: 32px; line-height: 32px; padding: 0 15px; text-align: center; text-transform: uppercase; font-weight: 400; color: #fff; } .entry-meta .edit-link a:before { content: "\f044"; font-family: "fontawesome"; margin-right: 5px; } .without-sidebar .entry-meta { /*text-align:center;*/ } .entry-meta ul { list-style: none; padding: 0; margin: 0; } .entry-meta ul li { display: inline-block; margin-right: 20px; } .author-info { padding: 0 0 0 100px; position: relative; margin: 50px 0 0 0; text-align: left; } .author-avatar { position: absolute; left: 0; top: .3em; width: 70px; height: 70px; overflow: hidden; } .author-avatar img { width: 70px; height: 70px; } .author-link { display: inline-block; } .wp-caption-text { margin-top: 10px; font-size: 13px; } .attachement { text-align: center; } .attachement .entry-content { margin-top: 40px; } .page-contact .entry-content { margin-top: 0px; } .entry-meta-attachment, .previous-image, .next-image { padding: 10px 0; line-height: 1.8em; } .previous-image { text-align: left; float: left; } .next-image { text-align: right; float: right; } #nav-below { margin: 30px 0 50px 0; } #nav-below .nav-previous { font-size: 20px; line-height: 24px; } #nav-below .nav-next { font-size: 20px; line-height: 24px; margin-bottom: 5px; } #nav-below .nav-previous a, #nav-below .nav-next a { font-size: 22px; font-weight: bold; color: #000; } .mc-dark #nav-below .nav-previous a, .mc-dark #nav-below .nav-next a { color: #fff; } #nav-below .nav-previous a:hover, #nav-below .nav-next a:hover { color: rgba(0, 0, 0, 0.6); } .mc-dark #nav-below .nav-previous a:hover, .mc-dark #nav-below .nav-next a:hover { color: rgba(255, 255, 255, 0.6); } #nav-below .nav-left { border-right: 1px solid rgba(0, 0, 0, 0.05); text-align: right; padding-right: 50px; } .mc-dark #nav-below .nav-left { border-right: 1px solid rgba(255, 255, 255, 0.05); } @media only screen and (min-width: 40em) and (max-width: 61.94em) { #nav-below .nav-left { text-align: center; border-right: none; padding-left: 0px; padding-right: 0px; } } @media only screen and (max-width: 40em) { #nav-below .nav-left { text-align: center; border-right: none; padding-left: 0px; padding-right: 0px; } } #nav-below .nav-left .nav-previous { margin-bottom: 25px; padding-left: 50px; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { #nav-below .nav-left .nav-previous { padding-left: 0px; } } @media only screen and (max-width: 40em) { #nav-below .nav-left .nav-previous { padding-left: 0px; } } #nav-below .nav-left .nav-previous:before { text-align: left; position: absolute; left: 0px; top: 0px; font-size: 60px; font-family: "Woodstock"; content: "\e62a"; color: rgba(0, 0, 0, 0.1); } .mc-dark #nav-below .nav-left .nav-previous:before { color: rgba(255, 255, 255, 0.1); } @media only screen and (min-width: 40em) and (max-width: 61.94em) { #nav-below .nav-left .nav-previous:before { display: none; } } @media only screen and (max-width: 40em) { #nav-below .nav-left .nav-previous:before { display: none; } } #nav-below .nav-right { text-align: left; padding-left: 50px; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { #nav-below .nav-right { text-align: center; padding-left: 0px; padding-right: 0px; } } @media only screen and (max-width: 40em) { #nav-below .nav-right { text-align: center; padding-left: 0px; padding-right: 0px; } } #nav-below .nav-right .nav-next { margin-bottom: 5px; padding-right: 50px; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { #nav-below .nav-right .nav-next { padding-right: 0px; } } @media only screen and (max-width: 40em) { #nav-below .nav-right .nav-next { padding-right: 0px; } } #nav-below .nav-right .nav-next:before { position: absolute; right: 0px; top: 0px; font-size: 60px; font-family: "Woodstock"; content: "\e62b"; color: rgba(0, 0, 0, 0.1); } .mc-dark #nav-below .nav-right .nav-next:before { color: rgba(255, 255, 255, 0.1); } @media only screen and (min-width: 40em) and (max-width: 61.94em) { #nav-below .nav-right .nav-next:before { display: none; } } @media only screen and (max-width: 40em) { #nav-below .nav-right .nav-next:before { display: none; } } #nav-below .nav-previous-title, #nav-below .nav-next-title { font-size: 14px; color: rgba(0, 0, 0, 0.4); } .mc-dark #nav-below .nav-previous-title, .mc-dark #nav-below .nav-next-title { color: rgba(255, 255, 255, 0.4); } /**********************************************************************************/ /* Comments ***********************************************************************/ /**********************************************************************************/ .comments-area { margin: 30px 0 10px; } .comments-title { font-size: 24px; text-align: left; } .comments-area article { padding: 30px 0; margin: 0; } .comment-list { list-style: none; padding: 0; margin: 0 !important; } .comment-list ul.children { list-style: none; margin: 0 0 1em 100px; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .comment-list ul.children { list-style: none; margin: 0 0 1em 0; } } @media only screen and (max-width: 40em) { .comment-list ul.children { list-style: none; margin: 0 0 1em 0; } } .comment-content { padding: 0 0 0 90px; position: relative; } .comment-author-avatar { position: absolute; left: 0; top: 10px; width: 70px; height: 70px; overflow: hidden; border-radius: 70px; } .comment-author-avatar img { width: 70px; height: 70px; } .comment-author { padding: 0; margin: 0; display: inline-block; } .comment-author a { color: #000; font-size: 18px; line-height: 22px; margin-right: 10px; } .mc-dark .comment-author a { color: #fff; } .comment-author a:hover { color: rgba(0, 0, 0, 0.6); } .mc-dark .comment-author a:hover { color: rgba(255, 255, 255, 0.6); } .comment-metadata { display: inline-block; } .comment-metadata a { font-size: 14px; font-weight: 400; } .comment-text { border-top: 1px solid rgba(0, 0, 0, 0.05); padding-top: 15px; margin: 7px 0 0 0; color: rgba(0, 0, 0, 0.6); } .mc-dark .comment-text { border-top: 1px solid rgba(255, 255, 255, 0.05); color: rgba(255, 255, 255, 0.6); } .comment-reply a, .comment-edit-link a { font-size: 11px; line-height: 16px; text-transform: uppercase; color: rgba(0, 0, 0, 0.6); border-bottom: 1px dotted rgba(0, 0, 0, 0.6); font-weight: 400; letter-spacing: 1.5px; } .mc-dark .comment-reply a, .mc-dark .comment-edit-link a { border-bottom: 1px dotted rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6); } .comment-reply i, .comment-edit-link i { color: rgba(0, 0, 0, 0.6); font-size: 12px; margin-right: 7px; } .mc-dark .comment-reply i, .mc-dark .comment-edit-link i { color: rgba(255, 255, 255, 0.6); } .comment-reply:hover a, .comment-reply:hover i, .comment-edit-link:hover a, .comment-edit-link:hover i { color: #000; } .mc-dark .comment-reply:hover a, .mc-dark .comment-reply:hover i, .mc-dark .comment-edit-link:hover a, .mc-dark .comment-edit-link:hover i { color: #fff; } .comment-reply { font-size: 14px; margin-right: 15px; } #cancel-comment-reply-link { font-weight: 400; margin-left: 10px; } .comment-edit-link { font-size: 14px; } .comment-awaiting-moderation { font-style: italic; color: rgba(0, 0, 0, 0.6); font-size: 14px; } .mc-dark .comment-awaiting-moderation { color: rgba(255, 255, 255, 0.6); } .comment-respond { margin: 0px 0 30px 0; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .comment-respond { width: 100%; } } @media only screen and (max-width: 40em) { .comment-respond { width: 100%; } } .logged-in-as, .comment-notes { font-weight: 400; margin-bottom: 30px; } .comment-notes { font-size: 14px; font-style: italic; } textarea#comment { width: 100%; height: 200px; } .form-submit { text-align: right; } /**********************************************************************************/ /* Custom gallery *****************************************************************/ /**********************************************************************************/ .gallery-slider-wrapper { visibility: hidden; opacity: 0; margin-bottom: 30px; } .blog-isotop-container .gallery-slider-wrapper { margin-bottom: 0px; } .gallery-slider .swiper-container { /*background: #ddd;*/ color: #fff; text-align: center; margin: 0 0 10px 0; cursor: pointer; } .gallery-slider .swiper-wrapper { box-sizing: content-box; } .gallery-slider .swiper-slide { height: 100%; opacity: 0.3; transition: opacity 1s; text-align: center; } .gallery-slider .swiper-slide img.portrait { height: 100%; width: auto; } .gallery-slider .swiper-slide img.landscape { height: auto; width: 100%; } .gallery-slider .swiper-slide-active { opacity: 1; } .gallery-slider .pagination { /*position: absolute; z-index: 20; left: 0px; bottom: 15px;*/ text-align: center; width: 100%; margin: 10px 0 0 0; } .gallery-slider .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 20px; background: rgba(0, 0, 0, 0.2); margin: 10px 7px 20px; cursor: pointer; } .mc-dark .gallery-slider .swiper-pagination-switch { background: rgba(255, 255, 255, 0.2); } .gallery-slider .swiper-pagination-switch:hover { background: rgba(0, 0, 0, 0.1); } .mc-dark .gallery-slider .swiper-pagination-switch:hover { background: rgba(255, 255, 255, 0.1); } .gallery-slider .swiper-visible-switch { background: rgba(0, 0, 0, 0.4); } .mc-dark .gallery-slider .swiper-visible-switch { background: rgba(255, 255, 255, 0.4); } .gallery-slider .swiper-active-switch { background: rgba(0, 0, 0, 0.4); } .mc-dark .gallery-slider .swiper-active-switch { background: rgba(255, 255, 255, 0.4); } .gallery-slider .swiper-prev, .gallery-slider .swiper-next { width: 50%; height: 100%; position: absolute; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .gallery-slider .swiper-prev { left: 0; } .gallery-slider .swiper-next { right: 0; } /**********************************************************************************/ /* Post Formats *******************************************************************/ /**********************************************************************************/ /* Aside */ .format-aside .entry-content, .format-aside .entry-content p { font-size: 24px; line-height: 38.4px; font-size: 1.5rem; line-height: 2.4rem; } @media only screen and (max-width: 40em) { .format-aside .entry-content, .format-aside .entry-content p { font-size: 18px; line-height: 28.8px; font-size: 1.125rem; line-height: 1.8rem; } } .blog-isotop-container .format-aside .entry-content, .blog-isotop-container .format-aside .entry-content p { font-size: 22px; line-height: 35.2px; font-size: 1.375rem; line-height: 2.2rem; } /* Audio */ /* Chat */ .format-chat .entry-meta .author { display: none; } /* Gallery */ .format-gallery .entry-content .gallery:first-of-type { display: none; } .format-gallery-swiper { /*margin:0 0 40px 0 !important;*/ } /* Image */ .format-image .categories-links, .format-image .tags-links { display: none; } /* Link */ /* Quote */ .format-quote .entry-content blockquote { margin-bottom: 30px; border-left: none; } .format-quote .entry-content blockquote p { color: rgba(0, 0, 0, 0.5); font-size: 26px; line-height: 41.6px; font-size: 1.625rem; line-height: 2.6rem; font-style: italic; text-align: center; } .mc-dark .format-quote .entry-content blockquote p { color: rgba(255, 255, 255, 0.5); } @media only screen and (max-width: 40em) { .format-quote .entry-content blockquote p { font-size: 18px; line-height: 28.8px; font-size: 1.125rem; line-height: 1.8rem; } } .blog-isotop-container .format-quote .entry-content blockquote p { font-size: 22px; line-height: 35.2px; font-size: 1.375rem; line-height: 2.2rem; } .format-quote .entry-content blockquote .quote-left { position: relative; top: -10px; left: -10px; } .format-quote .entry-content blockquote .quote-left:before { color: rgba(0, 0, 0, 0.1); content: "\f10d"; font-family: "fontawesome"; } .mc-dark .format-quote .entry-content blockquote .quote-left:before { color: rgba(255, 255, 255, 0.1); } .format-quote .entry-content blockquote .quote-right { position: relative; top: 10px; right: -10px; } .format-quote .entry-content blockquote .quote-right:before { color: rgba(0, 0, 0, 0.1); content: "\f10e"; font-family: "fontawesome"; } .mc-dark .format-quote .entry-content blockquote .quote-right:before { color: rgba(255, 255, 255, 0.1); } .format-quote .entry-content blockquote cite { font-size: 18px; line-height: 28.8px; font-size: 1.125rem; line-height: 1.8rem; color: #000; font-weight: 600; text-align: center; font-style: normal; } .mc-dark .format-quote .entry-content blockquote cite { color: #fff; } .format-quote .entry-thumbnail { width: 130px; height: 130px; border-radius: 130px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ overflow: hidden; margin: 0 auto 30px auto; } .blog-isotop-container .format-quote .entry-thumbnail { width: 100px; height: 100px; border-radius: 100px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } .format-quote img { margin-bottom: 20px; } .format-quote .entry-meta .author { display: none; } /* Status */ .format-status .categories-links, .format-status .tags-links { display: none; } .format-status .entry-content, .format-status .entry-content p { font-size: 18px; line-height: 1.555em; } .video-container { margin-bottom: 40px; text-align: center; } .video-container iframe { margin: 0 auto !important; } /* Video */ /**********************************************************************************/ /* Blog Masonry *******************************************************************/ /**********************************************************************************/ .blog-isotop-container { padding: 0 0px 90px; margin: 0 0 -71px; } .blog-isotop-container #filters { display: none; } .blog-isotope { position: relative; } .blog-isotope .wpb_row, .blog-isotope .wpb_content_element, .blog-isotope ul.wpb_thumbnails-fluid > li, .blog-isotope .last_toggle_el_margin, .blog-isotope .wpb_button { margin-bottom: 0; } .blog-post, .grid-sizer { width: 33.3333333333%; float: left; margin: 0; padding-left: 2%; padding-right: 2%; opacity: 1; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .blog-post, .grid-sizer { width: 50%; } } @media only screen and (max-width: 40em) { .blog-post, .grid-sizer { width: 100%; } } .blog-isotope:before, .blog-isotope:after { content: ''; display: block; width: 1px; opacity: 0; position: absolute; top: 0; bottom: -19px; z-index: 1; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; } .blog-isotope:before { left: 33.3333%; } .blog-isotope:after { left: 66.6666%; } .blog-isotope.isotope-ready:before, .blog-isotope.isotope-ready:after { opacity: 1; } .blog-post.hidden { opacity: 0; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; } .blog-post-inner { position: relative; } .blog-post { transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; z-index: 3; margin-bottom: 20px; } .blog-post .blog-post-inner { padding-bottom: 20px; } .thumbnail_archive_container { position: relative; display: block; overflow: hidden; margin-bottom: 30px; } .thumbnail_archive_container:before { content: ""; display: block; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; } .thumbnail_archive .wp-post-image { transition: all 1s ease; } .thumbnail_archive:hover .wp-post-image { transform: translateZ(0) scale(1.1, 1.1); -moz-transform: translateZ(0) scale(1.1, 1.1); -webkit-transform: translateZ(0) scale(1.1, 1.1); -ms-transform: none; } .blog-isotope .entry-content-archive h1, .blog-isotope .entry-content-archive h2, .blog-isotope .entry-content-archive h3, .blog-isotope .entry-content-archive h4, .blog-isotope .entry-content-archive h5 { font-size: 1rem; line-height: 1.625em; margin-bottom: 10px; } .blog-isotope .entry-content-archive h6 { display: none; } .blog-isotope .entry-content-archive, .blog-isotope .entry-content-archive p, .blog-isotope .entry-content-archive ul, .blog-isotope .entry-content-archive ol, .blog-isotope .entry-content-archive dl { font-size: 1rem; line-height: 1.625em; margin-bottom: 10px; } .entry-title-archive { font-size: 1.875rem; line-height: 1.333em; } .entry-title-archive:first-child { margin: 0 0 19px; } .entry-title-archive span { display: block; } .post_meta_archive, .blog-isotope .more-link { display: block; font-size: 0.8125rem; text-transform: uppercase; } .post_meta_archive { margin-bottom: 19px; } .blog-isotope .more-link { margin: 16px 0 0; } .blog-isotope .gallery-caption { display: none; } .entry-content-archive .gallery { display: none; } .blog-post .video-container { margin-top: 31px; } .blog-post.audio iframe { margin-top: 15px; } .blog-post .wp-caption { display: inline-block; height: auto !important; } .blog-isotop-master-wrapper #nav-below.paging-navigation { margin: 0 -8px; padding: 27px 0; border-top: 1px solid rgba(0, 0, 0, 0.05); } .mc-dark .blog-isotop-master-wrapper #nav-below.paging-navigation { border-top: 1px solid rgba(255, 255, 255, 0.05); } .blog-isotop-master-wrapper .archive-navigation { margin: 0; padding: 0px; } /**********************************************************************************/ /* 404 ****************************************************************************/ /**********************************************************************************/ .error-404 { text-align: center; } .error-404 .page-header { margin-bottom: 14px; } .error-404 .screen-reader-text { display: none; } .error-404 h1.page-title { font-size: 200px; font-weight: 600; text-align: center; line-height: 1; margin-bottom: 30px; color: #000; text-shadow: 3px 3px 0px rgba(255, 255, 255, 0.6), 8px 8px 0px rgba(0, 0, 0, 0.15); } @media only screen and (max-width: 40em) { .error-404 h1.page-title { font-size: 150px; } } .mc-dark .error-404 h1.page-title { color: #fff; text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.6), 8px 8px 0px rgba(255, 255, 255, 0.15); } .error-404 .search-form { border: 3px dashed rgba(0, 0, 0, 0.05); padding: 30px 30px; margin-top: 40px; } .mc-dark .error-404 .search-form { border: 3px dashed rgba(255, 255, 255, 0.05); } @media only screen and (max-width: 40em) { .error-404 .search-submit { margin-top: 10px; } } .error-404 input[type="text"], .error-404 input[type="search"], .no-results input[type="text"], .no-results input[type="search"] { display: inline-block; width: 390px; margin-right: 10px; } @media only screen and (min-width: 62em) and (max-width: 74.94em) { .error-404 input[type="text"], .error-404 input[type="search"], .no-results input[type="text"], .no-results input[type="search"] { width: 300px; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .error-404 input[type="text"], .error-404 input[type="search"], .no-results input[type="text"], .no-results input[type="search"] { width: 250px; margin-right: 0; } } @media only screen and (max-width: 40em) { .error-404 input[type="text"], .error-404 input[type="search"], .no-results input[type="text"], .no-results input[type="search"] { display: inline-block; width: 80%; margin-right: 0; } } .no-results .screen-reader-text { display: none; } /**********************************************************************************/ /* Gallery ************************************************************************/ /**********************************************************************************/ .gallery dl dt { padding: 0; margin: 0; } .gallery .gallery-item { display: block; overflow: hidden; padding: 0 !important; margin: 0 !important; /*-webkit-transform: translateZ(0);*/ position: relative; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .gallery .gallery-item:hover { cursor: pointer; } .gallery .gallery-item .gallery-icon a { display: block; position: relative; z-index: 2; } .gallery .gallery-item .gallery-icon a:before { content: ""; display: block; background: rgba(0, 0, 0, 0); position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; z-index: 100; transition: all 0.3s ease; } .gallery .gallery-item .gallery-icon a:hover:before { background: rgba(0, 0, 0, 0.6); } .gallery .gallery-item img { transition: all 1s ease; backface-visibility: hidden; -webkit-backface-visibility: hidden; width: 100%; height: auto; border: 0 !important; } .gallery .gallery-item:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .gallery .gallery-item .gallery-caption { font-weight: 16px !important; font-weight: bold; color: #fff; position: absolute; bottom: 10px; left: 20px; } .gallery .gallery-caption-trigger { display: none; } /** ----------------------------------------------------------------------------------------------- Sidebars styles. ----------------------------------------------------------------------------------------------- */ .off-container { overflow-x: hidden; position: relative; overflow: hidden; } .off-content, .off-content-inner { position: relative; overflow: hidden; } .off-drop { position: relative; left: 0; z-index: 99; height: 100%; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; transition: all 0.4s ease; } .off-drop-after { position: absolute; z-index: 9999; top: 0; right: 0; width: 0; height: 0; background: rgba(0, 0, 0, 0.5); content: ''; opacity: 0; transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; } .off-menu-open .off-drop-after { width: 100%; height: 100%; opacity: 1; transition: opacity 0.5s; } .off-menu { position: fixed; top: 0; left: 0; z-index: 1000; visibility: hidden; width: 320px; height: 100%; padding: 0; transition: all 1s; font-size: 16px; overflow-y: auto; opacity: 0; } .off-menu.open { opacity: 1; /*overflow-y:auto;*/ } .admin-bar .off-menu { padding-top: 32px; } .off-menu::after { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); content: ''; opacity: 1; } .off-menu-open .off-menu::after { width: 0; height: 0; opacity: 0; } /*body.offcanvas_open { overflow-y:hidden; height:100%; }*/ /* Offcanvas Left - Slide along */ .slide-from-left.off-menu-open .off-drop { -webkit-transform: translate3d(320px, 0, 0); transform: translate3d(320px, 0, 0); } .slide-from-left.off-menu { z-index: 1; } .slide-from-left.off-menu-open .slide-from-left.off-menu { visibility: visible; transition: -webkit-transform 0s; transition: transform 0s; transition: transform 0s, -webkit-transform 0s; } .slide-from-left.off-menu::after { display: none; } /* Offcanvas Right - Slide along */ .slide-from-right { background: #fff; } .slide-from-right.scd-dark { background: #333; } .slide-from-right.off-menu-open .off-drop { -webkit-transform: translate3d(-320px, 0, 0); transform: translate3d(-320px, 0, 0); } .slide-from-right.off-menu { z-index: 1; right: 0; left: inherit; } .slide-from-right.off-menu-open .slide-from-right.off-menu { visibility: visible; } .slide-from-right.off-menu::after { display: none; } /* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */ .off-drop-from-right-zombie-browsers { margin-right: 320px; } .off-drop-from-left-zombie-browsers { margin-left: 320px; } /**********************************************************************************/ /* Minicart ***********************************************************************/ /**********************************************************************************/ #minicart-offcanvas .widgettitle { text-align: center; font-weight: 400; } #minicart-offcanvas { color: #000; } .scd-dark #minicart-offcanvas { color: #eee; } #minicart-offcanvas .widgettitle { display: none; } #minicart-offcanvas .minicart_title { position: relative; margin-top: 20px; } #minicart-offcanvas .l-header-shop { position: absolute; top: 0px; left: -7px; } #minicart-offcanvas .cart-title { color: #000; font-size: 22px; line-height: 30px; padding: 20px 0 5px 45px; padding: 1.25rem 0 0.3125rem 2.8125rem; margin: 0 0 15px 0; margin: 0 0 0.9375rem 0; border-bottom: 4px solid #f5f5f5; text-transform: uppercase; } .scd-dark #minicart-offcanvas .cart-title { color: #fff; border-bottom-color: #4f4f4f; } #minicart-offcanvas .cart-login-link, #minicart-offcanvas .cart-myaccount-link { position: absolute; top: 8px; left: 43px; display: block; margin-bottom: 0px; font-size: 12px; line-height: 12px; text-transform: uppercase; font-weight: bold; } #minicart-offcanvas .cart-login-link:before, #minicart-offcanvas .cart-myaccount-link:before { display: inline-block; font-size: 16px; margin-bottom: 3px; vertical-align: middle; } #minicart-offcanvas table.cart_list { margin: 0; padding: 0; } #minicart-offcanvas table.cart_list td { position: relative; vertical-align: top; padding: 12px 0; } #minicart-offcanvas table.cart_list td td { padding: 0; } #minicart-offcanvas table.cart_list tr { position: relative; border: none; border-bottom: 1px solid #f5f5f5; } .scd-dark #minicart-offcanvas table.cart_list tr { border-bottom: 1px solid #4f4f4f; } #minicart-offcanvas table.cart_list tr tr { border-bottom: none; } #minicart-offcanvas table.cart_list tr:last-child { border-bottom: none; } #minicart-offcanvas table.cart_list .product-thumbnail { width: 80px; } #minicart-offcanvas table.cart_list .product-thumbnail img { height: auto; } #minicart-offcanvas table.cart_list .product-thumbnail img:hover { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } #minicart-offcanvas table.cart_list .product-name { padding-left: 20px; } #minicart-offcanvas table.cart_list .variation dd, #minicart-offcanvas table.cart_list .variation dt, #minicart-offcanvas table.cart_list .variation dd p { vertical-align: top; font-size: 12px; line-height: 16px; color: #666; margin-bottom: 0px; } .scd-dark #minicart-offcanvas table.cart_list .variation dd, .scd-dark #minicart-offcanvas table.cart_list .variation dt, .scd-dark #minicart-offcanvas table.cart_list .variation dd p { color: #999; } #minicart-offcanvas table.cart_list .variation dt { padding-right: 5px !important; padding-bottom: 0 !important; text-transform: capitalize; } #minicart-offcanvas table.cart_list .variation dd { padding-bottom: 0 !important; } #minicart-offcanvas table.cart_list .variation:after { content: ''; display: block; clear: both; } #minicart-offcanvas table.cart_list .product-remove { padding-left: 5px; padding-top: 7px; margin-right: -5px; } #minicart-offcanvas table.cart_list .product-remove .remove { text-align: right; } #minicart-offcanvas table.cart_list .product-remove .remove i:after { font-size: 16px; color: #999; } .scd-dark #minicart-offcanvas table.cart_list .product-remove .remove i:after { color: #666; } #minicart-offcanvas table.cart_list .product-remove .remove:hover i:after { color: #000; } .scd-dark #minicart-offcanvas table.cart_list .product-remove .remove:hover i:after { color: #ccc; } #minicart-offcanvas table.cart_list .quantity { color: #666; font-size: 14px; line-height: 22.4px; font-size: 0.875rem; line-height: 1.4rem; display: block; } .scd-dark #minicart-offcanvas table.cart_list .quantity { color: #999; } #minicart-offcanvas .widget_shopping_cart_content { margin: 0 25px; } #minicart-offcanvas .widget .widget_shopping_cart_content .product-name h4 { margin: 0; } #minicart-offcanvas .widget .widget_shopping_cart_content .product-name a { font-weight: bold; font-size: 16px !important; line-height: 20px !important; display: block; margin-bottom: 8px; color: #000; } .scd-dark #minicart-offcanvas .widget .widget_shopping_cart_content .product-name a { color: #fff; } #minicart-offcanvas .widget .widget_shopping_cart_content .product-name a:hover { color: #666; } .scd-dark #minicart-offcanvas .widget .widget_shopping_cart_content .product-name a:hover { color: #ccc; } #minicart-offcanvas .widget_shopping_cart .total { border-top: 4px solid #f5f5f5 !important; padding: 20px 0px 5px !important; margin-bottom: 10px; margin-top: 10px; } .scd-dark #minicart-offcanvas .widget_shopping_cart .total { border-top-color: #4f4f4f !important; } #minicart-offcanvas .widget_shopping_cart .total strong { color: #333; font-weight: normal; font-weight: 300; } .scd-dark #minicart-offcanvas .widget_shopping_cart .total strong { color: #999; } #minicart-offcanvas .widget_shopping_cart .total .amount { font-size: 24px !important; line-height: 24px !important; font-weight: 300; } .scd-dark #minicart-offcanvas .widget_shopping_cart .total .amount { color: #fff; } #minicart-offcanvas .widget_shopping_cart .buttons { margin-top: 30px; } #minicart-offcanvas .widget_shopping_cart .buttons a.view_cart { color: #fff; } .woocommerce #minicart-offcanvas .widget_shopping_cart .buttons a.view_cart { color: #fff; } #minicart-offcanvas .widget_shopping_cart .buttons a.checkout { color: #fff; background: #333; } .scd-dark #minicart-offcanvas .widget_shopping_cart .buttons a.checkout { color: #fff !important; background: #4f4f4f !important; } .woocommerce #minicart-offcanvas .widget_shopping_cart .buttons a.checkout { color: #fff; background: #333; } .scd-dark .woocommerce #minicart-offcanvas .widget_shopping_cart .buttons a.checkout { color: #fff !important; background: #4f4f4f !important; } #minicart-offcanvas .widget_shopping_cart .buttons a.checkout:hover, .woocommerce #minicart-offcanvas .widget_shopping_cart .buttons a.checkout:hover { background: #4c4c4c; } .scd-dark #minicart-offcanvas .widget_shopping_cart .buttons a.checkout:hover, .scd-dark .woocommerce #minicart-offcanvas .widget_shopping_cart .buttons a.checkout:hover { color: #fff !important; background: #666 !important; } #minicart-offcanvas #empty-cart-offcanvas-box { width: 180px; height: 180px; margin: 20px auto; display: block; } #minicart-offcanvas #empty-cart-offcanvas-box:after { font-size: 180px; color: #333; font-family: 'Woodstock'; content: '\e627'; } .scd-dark #minicart-offcanvas #empty-cart-offcanvas-box:after { color: #666; } #minicart-offcanvas .offcanvas-empty-text { text-align: center; font-size: 24px; line-height: 38.4px; font-size: 1.5rem; line-height: 2.4rem; line-height: 28px; margin: 0 auto; } #minicart-offcanvas .cart-empty-text { max-width: 70%; } .scd-dark #minicart-offcanvas .cart-empty-text { color: #fff; } #minicart-offcanvas .l-header-shop .icon-shop::before { color: #000 !important; } .scd-dark #minicart-offcanvas .l-header-shop .icon-shop::before { color: #fff !important; } #minicart-offcanvas .l-header-shop .shopbag_items_number { color: #000 !important; background-color: #fff !important; border-color: #000 !important; } .scd-dark #minicart-offcanvas .l-header-shop .shopbag_items_number { color: #fff !important; background-color: #333 !important; border-color: #fff !important; } #minicart-offcanvas .l-header-shop:hover .shopbag_items_number { color: #fff !important; background-color: #000 !important; border-color: #000 !important; } .scd-dark #minicart-offcanvas .l-header-shop:hover .shopbag_items_number { color: #333 !important; background-color: #fff !important; border-color: #fff !important; } /**********************************************************************************/ /* Offcanvas Left Section *********************************************************/ /**********************************************************************************/ .st-mobnav .nano-content { background-color: #fff; } .st-mobnav.snd-dark .nano-content { background-color: #333; } #mobiles-menu-offcanvas { position: relative; padding: 0 20px; } #mobiles-menu-offcanvas .clearfix { margin-bottom: 20px; } #mobiles-menu-offcanvas .contact-info { display: none; margin-top: 15px; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { #mobiles-menu-offcanvas .contact-info { display: block; background-color: transparent !important; border: 1px solid #ededed !important; } .snd-dark #mobiles-menu-offcanvas .contact-info { border: 1px solid #414141 !important; } } @media only screen and (max-width: 40em) { #mobiles-menu-offcanvas .contact-info { display: block; background-color: transparent !important; border: 1px solid #ededed !important; } .snd-dark #mobiles-menu-offcanvas .contact-info { border: 1px solid #414141 !important; } } #mobiles-menu-offcanvas .l-search { margin-bottom: 0px; } #mobiles-menu-offcanvas .l-search .ajax-search-wrap input.ajax-search-input { margin-bottom: 0; } .close-icon { display: block; z-index: 9999; position: fixed; top: 10px; left: 280px; width: 30px; height: 30px; background-color: #fff; margin-bottom: 10px; box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2); border-radius: 130px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ text-align: center; } .slide-from-left.snd-dark .close-icon, .slide-from-right.scd-dark .close-icon { background-color: #1e1e1e; } .offcanvas-right-content .close-icon { right: 10px; left: auto; } .close-icon:after { font-family: 'Woodstock'; content: '\e621'; font-size: 16px; line-height: 29px; color: #333; } .slide-from-left.snd-dark .close-icon:after, .slide-from-right.scd-dark .close-icon:after { color: #fff; } .close-icon:hover { background-color: #333; } .slide-from-left.snd-dark .close-icon:hover, .slide-from-right.scd-dark .close-icon:hover { background-color: #fff; } .close-icon:hover:after { color: #fff; } .slide-from-left.snd-dark .close-icon:hover:after, .slide-from-right.scd-dark .close-icon:hover:after { color: #1e1e1e; } #button_offcanvas_sidebar_left { width: 8px; height: 100%; position: fixed; bottom: 0; left: 0; z-index: 9999999; background: #333; display: none; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { #button_offcanvas_sidebar_left { display: block; } } @media only screen and (max-width: 40em) { #button_offcanvas_sidebar_left { display: block; } } #button_offcanvas_sidebar_left i { display: block; max-width: 33px; max-height: 38px; position: fixed; top: 200px; left: 0px; padding: 3px 0 0 2px; margin: 0; border-radius: 0 3px 3px 0; background-clip: padding-box; /* stops bg color from leaking outside the border: */ color: #fff; cursor: pointer; background: #333; text-align: center; } #button_offcanvas_sidebar_left i:before { font-size: 32px; line-height: 36px; } .off-menu-open #button_offcanvas_sidebar_left { display: none; } #filters-offcanvas { padding: 20px; } /**********************************************************************************/ /* Aside **************************************************************************/ /**********************************************************************************/ @media only screen and (min-width: 40em) and (max-width: 61.94em) { .page-template .page-sidebar { display: none; } } @media only screen and (max-width: 40em) { .page-template .page-sidebar { display: none; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .page-template .page-content { width: 100%; } } @media only screen and (max-width: 40em) { .page-template .page-content { width: 100%; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .woocommerce-page .sidebar-pos { display: none; } } @media only screen and (max-width: 40em) { .woocommerce-page .sidebar-pos { display: none; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .woocommerce-page .content-pos { width: 100%; } } @media only screen and (max-width: 40em) { .woocommerce-page .content-pos { width: 100%; } } .shop_sidebar.wpb_widgetised_column { padding-right: 15px; } .right-sidebar .sidebar-pos { float: right; } .right-sidebar .sidebar-pos .shop_sidebar.wpb_widgetised_column { padding-right: 0px; padding-left: 15px; margin-top: 0px; } .widget-area { display: block; } .widget { margin-bottom: 45px; } .widget a.button { font-weight: 400 !important; } .widget form { margin: 0; } .widget ul, .widget ol, .site-content .widget ul, .site-content .widget ol { margin: 0; font-size: 15px; list-style: none; } .widget ul .children, .widget ul .sub-menu, .widget ol .children, .widget ol .sub-menu { margin: 10px 0 10px 20px; } .widget li { margin: 0 0 10px 0; } .widget li a { font-weight: 400; } .widget .menu li { margin: 0 0 7px 0; } .widget ul.menu li, .widget.widget_categories ul li, .widget .wp-block-latest-posts { margin: 0; padding: 6px 0; } .widget ul.menu li a, .widget.widget_categories ul li a, .widget .wp-block-latest-posts a { font-size: 15px; font-weight: bold; font-weight: 400; line-height: 1.6; } .widget_meta li, .widget_recent_entries li, .widget_recent_comments li, .widget_archive li { margin: 0 0 7px 0; } .widget_meta li a, .widget_recent_entries li a, .widget_recent_comments li a, .widget_archive li a { font-weight: bold; font-weight: 400; display: inline-block; margin-right: 10px; } .widget_meta li a abbr, .widget_recent_entries li a abbr, .widget_recent_comments li a abbr, .widget_archive li a abbr { color: #000; } .mc-dark .widget_meta li a abbr, .fc-dark .widget_meta li a abbr, .mc-dark .widget_recent_entries li a abbr, .fc-dark .widget_recent_entries li a abbr, .mc-dark .widget_recent_comments li a abbr, .fc-dark .widget_recent_comments li a abbr, .mc-dark .widget_archive li a abbr, .fc-dark .widget_archive li a abbr { color: #fff; } .widget_meta li .post-date, .widget_recent_entries li .post-date, .widget_recent_comments li .post-date, .widget_archive li .post-date { display: inline-block; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .widget h3, .woocommerce .widget h3, .woocommerce.widget h3, .woocommerce-checkout .widget h3, .widget > h2, .widget .wp-block-group__inner-container > h2 { color: #000; text-transform: uppercase; font-size: 16px; line-height: 25.6px; font-size: 1rem; line-height: 1.6rem; font-weight: 700; margin: 0 0 20px 0; padding: 0; } .mc-dark .widget h3, .mc-dark .woocommerce .widget h3, .mc-dark .woocommerce.widget h3, .mc-dark .woocommerce-checkout .widget h3, .mc-dark .widget > h2, .mc-dark .widget .wp-block-group__inner-container > h2 { color: #fff; } .slide-from-left.snd-dark { color: #fff; } .slide-from-left.snd-dark .widget h3 { color: #fff; } .slide-from-left.snd-dark .widget_meta li a abbr { color: #fff; } .widget .recentcomments, .widget .wp-block-latest-comments .wp-block-latest-comments__comment { position: relative; /*padding:0 0 0 20px;*/ text-indent: 23px; } .widget .recentcomments article, .widget .recentcomments .wp-block-latest-comments__comment-meta, .widget .wp-block-latest-comments .wp-block-latest-comments__comment article, .widget .wp-block-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { margin-bottom: 0; } .widget .recentcomments:before, .widget .wp-block-latest-comments__comment:before { color: rgba(0, 0, 0, 0.3); font-family: 'FontAwesome'; content: '\f0e5'; position: absolute; top: 0px; font-size: 14px; line-height: 22px; left: -23px; width: 20px; height: 20px; } .mc-dark .widget .recentcomments:before, .fc-dark .widget .recentcomments:before, .slide-from-left.snd-dark .widget .recentcomments:before, .mc-dark .widget .wp-block-latest-comments__comment:before, .fc-dark .widget .wp-block-latest-comments__comment:before, .slide-from-left.snd-dark .widget .wp-block-latest-comments__comment:before { color: rgba(255, 255, 255, 0.3); } .widget .wp-block-latest-comments__comment { line-height: 1.6; } .widget .recentcomments a, .widget .wp-block-latest-comments li a { font-style: normal; } .active_filters_ontop .widget_layered_nav_filters { margin-bottom: 10px; } .active_filters_ontop ul li { margin-right: 15px; margin-left: 1px; } .active_filters_ontop ul li a { font-size: 14px; line-height: 22.4px; font-size: 0.875rem; line-height: 1.4rem; font-weight: bold; font-weight: 400; color: black; } .mc-dark .active_filters_ontop ul li a { color: white; } .active_filters_ontop ul li a:hover { color: rgba(0, 0, 0, 0.7); } .mc-dark .active_filters_ontop ul li a:hover { color: rgba(255, 255, 255, 0.7); } .widget_calendar #calendar_wrap, .widget_calendar .wp-block-calendar { border: 1px solid rgba(0, 0, 0, 0.1); overflow: hidden; font-size: 14px; } .mc-dark .widget_calendar #calendar_wrap, .fc-dark .widget_calendar #calendar_wrap, .slide-from-left.snd-dark .widget_calendar #calendar_wrap, .mc-dark .widget_calendar .wp-block-calendar, .fc-dark .widget_calendar .wp-block-calendar, .slide-from-left.snd-dark .widget_calendar .wp-block-calendar { border: 1px solid rgba(255, 255, 255, 0.1); } .widget_calendar #calendar_wrap .wp-calendar-nav, .widget_calendar .wp-block-calendar .wp-calendar-nav { padding: 5px 10px; } .widget_calendar #calendar_wrap .wp-calendar-nav .wp-calendar-nav-prev, .widget_calendar .wp-block-calendar .wp-calendar-nav .wp-calendar-nav-prev { float: left; font-weight: bold; } .widget_calendar #calendar_wrap .wp-calendar-nav .wp-calendar-nav-next, .widget_calendar .wp-block-calendar .wp-calendar-nav .wp-calendar-nav-next { float: right; font-weight: bold; } #calendar_wrap caption { font-size: 22px; font-weight: 300; padding: 13px 0; } .widget_calendar table { display: table; width: 100%; table-layout: fixed; border-collapse: collapse; position: relative; margin-bottom: -2px; } .widget_calendar th { text-align: center; width: 26px; height: 35px; border: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 0; vertical-align: middle; } .mc-dark .widget_calendar th, .fc-dark .widget_calendar th, .slide-from-left.snd-dark .widget_calendar th { border: 1px solid rgba(255, 255, 255, 0.1); } .widget_calendar th:first-child { border-left: 0; } .widget_calendar th:last-child { border-right: 0; } .widget_calendar tbody tr { height: 35px; } .widget_calendar tbody tr > td { color: rgba(0, 0, 0, 0.5); text-align: center; border: 1px solid rgba(0, 0, 0, 0.1); vertical-align: middle; padding: 0; } .mc-dark .widget_calendar tbody tr > td, .fc-dark .widget_calendar tbody tr > td, .slide-from-left.snd-dark .widget_calendar tbody tr > td { color: rgba(255, 255, 255, 0.5); border: 1px solid rgba(255, 255, 255, 0.1); } .widget_calendar tbody tr > td:first-child { border-left: 0; } .widget_calendar tbody tr > td:last-child { border-right: 0; } .widget_calendar tbody tr > td a { color: #fff; text-decoration: none; } .widget_calendar tbody tr > td a { padding: 5px 0; display: block; } .sidebar .widget_calendar tbody tr > td a:hover { text-decoration: none; } .widget_calendar tbody tr > td.pad { border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); background-size: 4px 4px; } .mc-dark .widget_calendar tbody tr > td.pad, .fc-dark .widget_calendar tbody tr > td.pad, .slide-from-left.snd-dark .widget_calendar tbody tr > td.pad { border: 1px solid rgba(255, 255, 255, 0.1); } .widget_calendar tfoot { position: absolute; top: 2px; width: 100%; display: block; } .widget_calendar tfoot tr { border: none; width: 100%; display: block; } .widget_calendar thead tr { border-bottom: none; } .widget_calendar tfoot td { padding: 6px 0; border-color: transparent; float: left; } .widget_calendar tfoot td#prev { padding-left: 10px; width: 40px; text-align: left; } .widget_calendar tfoot td#next { padding-right: 10px; width: 40px; text-align: right; float: right; } .widget_calendar tfoot td a:hover { text-decoration: none; } .wc-block-product-categories.is-dropdown .wc-block-product-categories__dropdown { width: 100%; } .wc-block-product-categories.is-dropdown .wc-block-product-categories__button { height: 45px; line-height: 45px; border-radius: 0 3px 3px 0; } .widget_product_categories .product-categories, .widget_product_categories .wc-block-product-categories-list, .widget_product_categories .product-categories-with-icon, .wc-block-product-categories .product-categories, .wc-block-product-categories .wc-block-product-categories-list, .wc-block-product-categories .product-categories-with-icon, .widget_product_categories_with_icon .product-categories, .widget_product_categories_with_icon .wc-block-product-categories-list, .widget_product_categories_with_icon .product-categories-with-icon { padding: 5px 0; background: rgba(0, 0, 0, 0.03); border-radius: 6px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } .mc-dark .widget_product_categories .product-categories, .fc-dark .widget_product_categories .product-categories, .slide-from-left.snd-dark .widget_product_categories .product-categories, .mc-dark .widget_product_categories .wc-block-product-categories-list, .fc-dark .widget_product_categories .wc-block-product-categories-list, .slide-from-left.snd-dark .widget_product_categories .wc-block-product-categories-list, .mc-dark .widget_product_categories .product-categories-with-icon, .fc-dark .widget_product_categories .product-categories-with-icon, .slide-from-left.snd-dark .widget_product_categories .product-categories-with-icon, .mc-dark .wc-block-product-categories .product-categories, .fc-dark .wc-block-product-categories .product-categories, .slide-from-left.snd-dark .wc-block-product-categories .product-categories, .mc-dark .wc-block-product-categories .wc-block-product-categories-list, .fc-dark .wc-block-product-categories .wc-block-product-categories-list, .slide-from-left.snd-dark .wc-block-product-categories .wc-block-product-categories-list, .mc-dark .wc-block-product-categories .product-categories-with-icon, .fc-dark .wc-block-product-categories .product-categories-with-icon, .slide-from-left.snd-dark .wc-block-product-categories .product-categories-with-icon, .mc-dark .widget_product_categories_with_icon .product-categories, .fc-dark .widget_product_categories_with_icon .product-categories, .slide-from-left.snd-dark .widget_product_categories_with_icon .product-categories, .mc-dark .widget_product_categories_with_icon .wc-block-product-categories-list, .fc-dark .widget_product_categories_with_icon .wc-block-product-categories-list, .slide-from-left.snd-dark .widget_product_categories_with_icon .wc-block-product-categories-list, .mc-dark .widget_product_categories_with_icon .product-categories-with-icon, .fc-dark .widget_product_categories_with_icon .product-categories-with-icon, .slide-from-left.snd-dark .widget_product_categories_with_icon .product-categories-with-icon { background: rgba(255, 255, 255, 0.07); } .widget_product_categories .product-categories > .cat-item .count, .widget_product_categories .wc-block-product-categories-list > .cat-item .count, .widget_product_categories .product-categories-with-icon > .cat-item .count, .wc-block-product-categories .product-categories > .cat-item .count, .wc-block-product-categories .wc-block-product-categories-list > .cat-item .count, .wc-block-product-categories .product-categories-with-icon > .cat-item .count, .widget_product_categories_with_icon .product-categories > .cat-item .count, .widget_product_categories_with_icon .wc-block-product-categories-list > .cat-item .count, .widget_product_categories_with_icon .product-categories-with-icon > .cat-item .count { font-size: 12px; line-height: 19.2px; font-size: 0.75rem; line-height: 1.2rem; display: inline-block; color: rgba(0, 0, 0, 0.6); } .mc-dark .widget_product_categories .product-categories > .cat-item .count, .fc-dark .widget_product_categories .product-categories > .cat-item .count, .slide-from-left.snd-dark .widget_product_categories .product-categories > .cat-item .count, .mc-dark .widget_product_categories .wc-block-product-categories-list > .cat-item .count, .fc-dark .widget_product_categories .wc-block-product-categories-list > .cat-item .count, .slide-from-left.snd-dark .widget_product_categories .wc-block-product-categories-list > .cat-item .count, .mc-dark .widget_product_categories .product-categories-with-icon > .cat-item .count, .fc-dark .widget_product_categories .product-categories-with-icon > .cat-item .count, .slide-from-left.snd-dark .widget_product_categories .product-categories-with-icon > .cat-item .count, .mc-dark .wc-block-product-categories .product-categories > .cat-item .count, .fc-dark .wc-block-product-categories .product-categories > .cat-item .count, .slide-from-left.snd-dark .wc-block-product-categories .product-categories > .cat-item .count, .mc-dark .wc-block-product-categories .wc-block-product-categories-list > .cat-item .count, .fc-dark .wc-block-product-categories .wc-block-product-categories-list > .cat-item .count, .slide-from-left.snd-dark .wc-block-product-categories .wc-block-product-categories-list > .cat-item .count, .mc-dark .wc-block-product-categories .product-categories-with-icon > .cat-item .count, .fc-dark .wc-block-product-categories .product-categories-with-icon > .cat-item .count, .slide-from-left.snd-dark .wc-block-product-categories .product-categories-with-icon > .cat-item .count, .mc-dark .widget_product_categories_with_icon .product-categories > .cat-item .count, .fc-dark .widget_product_categories_with_icon .product-categories > .cat-item .count, .slide-from-left.snd-dark .widget_product_categories_with_icon .product-categories > .cat-item .count, .mc-dark .widget_product_categories_with_icon .wc-block-product-categories-list > .cat-item .count, .fc-dark .widget_product_categories_with_icon .wc-block-product-categories-list > .cat-item .count, .slide-from-left.snd-dark .widget_product_categories_with_icon .wc-block-product-categories-list > .cat-item .count, .mc-dark .widget_product_categories_with_icon .product-categories-with-icon > .cat-item .count, .fc-dark .widget_product_categories_with_icon .product-categories-with-icon > .cat-item .count, .slide-from-left.snd-dark .widget_product_categories_with_icon .product-categories-with-icon > .cat-item .count { color: rgba(255, 255, 255, 0.6); } .widget_product_categories .product-categories li, .widget_product_categories .wc-block-product-categories-list li, .widget_product_categories .product-categories-with-icon li, .wc-block-product-categories .product-categories li, .wc-block-product-categories .wc-block-product-categories-list li, .wc-block-product-categories .product-categories-with-icon li, .widget_product_categories_with_icon .product-categories li, .widget_product_categories_with_icon .wc-block-product-categories-list li, .widget_product_categories_with_icon .product-categories-with-icon li { margin: 0 !important; border-bottom: 1px solid #fff; } .widget_product_categories .product-categories li:last-child, .widget_product_categories .wc-block-product-categories-list li:last-child, .widget_product_categories .product-categories-with-icon li:last-child, .wc-block-product-categories .product-categories li:last-child, .wc-block-product-categories .wc-block-product-categories-list li:last-child, .wc-block-product-categories .product-categories-with-icon li:last-child, .widget_product_categories_with_icon .product-categories li:last-child, .widget_product_categories_with_icon .wc-block-product-categories-list li:last-child, .widget_product_categories_with_icon .product-categories-with-icon li:last-child { border-bottom: none; } .widget_product_categories .product-categories li > a, .widget_product_categories .wc-block-product-categories-list li > a, .widget_product_categories .product-categories-with-icon li > a, .wc-block-product-categories .product-categories li > a, .wc-block-product-categories .wc-block-product-categories-list li > a, .wc-block-product-categories .product-categories-with-icon li > a, .widget_product_categories_with_icon .product-categories li > a, .widget_product_categories_with_icon .wc-block-product-categories-list li > a, .widget_product_categories_with_icon .product-categories-with-icon li > a { color: rgba(0, 0, 0, 0.6); font-size: 12px; line-height: 19.2px; font-size: 0.75rem; line-height: 1.2rem; text-transform: uppercase; font-weight: bold; font-weight: 600; padding: 13px 5px 13px 20px; display: inline-block; } .mc-dark .widget_product_categories .product-categories li > a, .fc-dark .widget_product_categories .product-categories li > a, .slide-from-left.snd-dark .widget_product_categories .product-categories li > a, .mc-dark .widget_product_categories .wc-block-product-categories-list li > a, .fc-dark .widget_product_categories .wc-block-product-categories-list li > a, .slide-from-left.snd-dark .widget_product_categories .wc-block-product-categories-list li > a, .mc-dark .widget_product_categories .product-categories-with-icon li > a, .fc-dark .widget_product_categories .product-categories-with-icon li > a, .slide-from-left.snd-dark .widget_product_categories .product-categories-with-icon li > a, .mc-dark .wc-block-product-categories .product-categories li > a, .fc-dark .wc-block-product-categories .product-categories li > a, .slide-from-left.snd-dark .wc-block-product-categories .product-categories li > a, .mc-dark .wc-block-product-categories .wc-block-product-categories-list li > a, .fc-dark .wc-block-product-categories .wc-block-product-categories-list li > a, .slide-from-left.snd-dark .wc-block-product-categories .wc-block-product-categories-list li > a, .mc-dark .wc-block-product-categories .product-categories-with-icon li > a, .fc-dark .wc-block-product-categories .product-categories-with-icon li > a, .slide-from-left.snd-dark .wc-block-product-categories .product-categories-with-icon li > a, .mc-dark .widget_product_categories_with_icon .product-categories li > a, .fc-dark .widget_product_categories_with_icon .product-categories li > a, .slide-from-left.snd-dark .widget_product_categories_with_icon .product-categories li > a, .mc-dark .widget_product_categories_with_icon .wc-block-product-categories-list li > a, .fc-dark .widget_product_categories_with_icon .wc-block-product-categories-list li > a, .slide-from-left.snd-dark .widget_product_categories_with_icon .wc-block-product-categories-list li > a, .mc-dark .widget_product_categories_with_icon .product-categories-with-icon li > a, .fc-dark .widget_product_categories_with_icon .product-categories-with-icon li > a, .slide-from-left.snd-dark .widget_product_categories_with_icon .product-categories-with-icon li > a { color: rgba(255, 255, 255, 0.6); } .widget_product_categories .product-categories li > a:hover, .widget_product_categories .wc-block-product-categories-list li > a:hover, .widget_product_categories .product-categories-with-icon li > a:hover, .wc-block-product-categories .product-categories li > a:hover, .wc-block-product-categories .wc-block-product-categories-list li > a:hover, .wc-block-product-categories .product-categories-with-icon li > a:hover, .widget_product_categories_with_icon .product-categories li > a:hover, .widget_product_categories_with_icon .wc-block-product-categories-list li > a:hover, .widget_product_categories_with_icon .product-categories-with-icon li > a:hover { color: black; } .mc-dark .widget_product_categories .product-categories li > a:hover, .fc-dark .widget_product_categories .product-categories li > a:hover, .slide-from-left.snd-dark .widget_product_categories .product-categories li > a:hover, .mc-dark .widget_product_categories .wc-block-product-categories-list li > a:hover, .fc-dark .widget_product_categories .wc-block-product-categories-list li > a:hover, .slide-from-left.snd-dark .widget_product_categories .wc-block-product-categories-list li > a:hover, .mc-dark .widget_product_categories .product-categories-with-icon li > a:hover, .fc-dark .widget_product_categories .product-categories-with-icon li > a:hover, .slide-from-left.snd-dark .widget_product_categories .product-categories-with-icon li > a:hover, .mc-dark .wc-block-product-categories .product-categories li > a:hover, .fc-dark .wc-block-product-categories .product-categories li > a:hover, .slide-from-left.snd-dark .wc-block-product-categories .product-categories li > a:hover, .mc-dark .wc-block-product-categories .wc-block-product-categories-list li > a:hover, .fc-dark .wc-block-product-categories .wc-block-product-categories-list li > a:hover, .slide-from-left.snd-dark .wc-block-product-categories .wc-block-product-categories-list li > a:hover, .mc-dark .wc-block-product-categories .product-categories-with-icon li > a:hover, .fc-dark .wc-block-product-categories .product-categories-with-icon li > a:hover, .slide-from-left.snd-dark .wc-block-product-categories .product-categories-with-icon li > a:hover, .mc-dark .widget_product_categories_with_icon .product-categories li > a:hover, .fc-dark .widget_product_categories_with_icon .product-categories li > a:hover, .slide-from-left.snd-dark .widget_product_categories_with_icon .product-categories li > a:hover, .mc-dark .widget_product_categories_with_icon .wc-block-product-categories-list li > a:hover, .fc-dark .widget_product_categories_with_icon .wc-block-product-categories-list li > a:hover, .slide-from-left.snd-dark .widget_product_categories_with_icon .wc-block-product-categories-list li > a:hover, .mc-dark .widget_product_categories_with_icon .product-categories-with-icon li > a:hover, .fc-dark .widget_product_categories_with_icon .product-categories-with-icon li > a:hover, .slide-from-left.snd-dark .widget_product_categories_with_icon .product-categories-with-icon li > a:hover { color: white; } .widget_product_categories .product-categories li > a img, .widget_product_categories .wc-block-product-categories-list li > a img, .widget_product_categories .product-categories-with-icon li > a img, .wc-block-product-categories .product-categories li > a img, .wc-block-product-categories .wc-block-product-categories-list li > a img, .wc-block-product-categories .product-categories-with-icon li > a img, .widget_product_categories_with_icon .product-categories li > a img, .widget_product_categories_with_icon .wc-block-product-categories-list li > a img, .widget_product_categories_with_icon .product-categories-with-icon li > a img { width: 23px; margin-right: 15px; } .widget_product_categories .product-categories li.cat-parent, .widget_product_categories .wc-block-product-categories-list li.cat-parent, .widget_product_categories .product-categories-with-icon li.cat-parent, .wc-block-product-categories .product-categories li.cat-parent, .wc-block-product-categories .wc-block-product-categories-list li.cat-parent, .wc-block-product-categories .product-categories-with-icon li.cat-parent, .widget_product_categories_with_icon .product-categories li.cat-parent, .widget_product_categories_with_icon .wc-block-product-categories-list li.cat-parent, .widget_product_categories_with_icon .product-categories-with-icon li.cat-parent { position: relative; } .widget_product_categories .product-categories li.cat-parent > a .child-indicator, .widget_product_categories .wc-block-product-categories-list li.cat-parent > a .child-indicator, .widget_product_categories .product-categories-with-icon li.cat-parent > a .child-indicator, .wc-block-product-categories .product-categories li.cat-parent > a .child-indicator, .wc-block-product-categories .wc-block-product-categories-list li.cat-parent > a .child-indicator, .wc-block-product-categories .product-categories-with-icon li.cat-parent > a .child-indicator, .widget_product_categories_with_icon .product-categories li.cat-parent > a .child-indicator, .widget_product_categories_with_icon .wc-block-product-categories-list li.cat-parent > a .child-indicator, .widget_product_categories_with_icon .product-categories-with-icon li.cat-parent > a .child-indicator { position: absolute; right: 8px; top: 10px; display: block; width: 26px; height: 26px; line-height: 26px; border-radius: 26px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ background-color: rgba(255, 255, 255, 0.8); text-align: center; } .mc-dark .widget_product_categories .product-categories li.cat-parent > a .child-indicator, .fc-dark .widget_product_categories .product-categories li.cat-parent > a .child-indicator, .slide-from-left.snd-dark .widget_product_categories .product-categories li.cat-parent > a .child-indicator, .mc-dark .widget_product_categories .wc-block-product-categories-list li.cat-parent > a .child-indicator, .fc-dark .widget_product_categories .wc-block-product-categories-list li.cat-parent > a .child-indicator, .slide-from-left.snd-dark .widget_product_categories .wc-block-product-categories-list li.cat-parent > a .child-indicator, .mc-dark .widget_product_categories .product-categories-with-icon li.cat-parent > a .child-indicator, .fc-dark .widget_product_categories .product-categories-with-icon li.cat-parent > a .child-indicator, .slide-from-left.snd-dark .widget_product_categories .product-categories-with-icon li.cat-parent > a .child-indicator, .mc-dark .wc-block-product-categories .product-categories li.cat-parent > a .child-indicator, .fc-dark .wc-block-product-categories .product-categories li.cat-parent > a .child-indicator, .slide-from-left.snd-dark .wc-block-product-categories .product-categories li.cat-parent > a .child-indicator, .mc-dark .wc-block-product-categories .wc-block-product-categories-list li.cat-parent > a .child-indicator, .fc-dark .wc-block-product-categories .wc-block-product-categories-list li.cat-parent > a .child-indicator, .slide-from-left.snd-dark .wc-block-product-categories .wc-block-product-categories-list li.cat-parent > a .child-indicator, .mc-dark .wc-block-product-categories .product-categories-with-icon li.cat-parent > a .child-indicator, .fc-dark .wc-block-product-categories .product-categories-with-icon li.cat-parent > a .child-indicator, .slide-from-left.snd-dark .wc-block-product-categories .product-categories-with-icon li.cat-parent > a .child-indicator, .mc-dark .widget_product_categories_with_icon .product-categories li.cat-parent > a .child-indicator, .fc-dark .widget_product_categories_with_icon .product-categories li.cat-parent > a .child-indicator, .slide-from-left.snd-dark .widget_product_categories_with_icon .product-categories li.cat-parent > a .child-indicator, .mc-dark .widget_product_categories_with_icon .wc-block-product-categories-list li.cat-parent > a .child-indicator, .fc-dark .widget_product_categories_with_icon .wc-block-product-categories-list li.cat-parent > a .child-indicator, .slide-from-left.snd-dark .widget_product_categories_with_icon .wc-block-product-categories-list li.cat-parent > a .child-indicator, .mc-dark .widget_product_categories_with_icon .product-categories-with-icon li.cat-parent > a .child-indicator, .fc-dark .widget_product_categories_with_icon .product-categories-with-icon li.cat-parent > a .child-indicator, .slide-from-left.snd-dark .widget_product_categories_with_icon .product-categories-with-icon li.cat-parent > a .child-indicator { background-color: #333; } .widget_product_categories .product-categories li.cat-parent > a .child-indicator:before, .widget_product_categories .wc-block-product-categories-list li.cat-parent > a .child-indicator:before, .widget_product_categories .product-categories-with-icon li.cat-parent > a .child-indicator:before, .wc-block-product-categories .product-categories li.cat-parent > a .child-indicator:before, .wc-block-product-categories .wc-block-product-categories-list li.cat-parent > a .child-indicator:before, .wc-block-product-categories .product-categories-with-icon li.cat-parent > a .child-indicator:before, .widget_product_categories_with_icon .product-categories li.cat-parent > a .child-indicator:before, .widget_product_categories_with_icon .wc-block-product-categories-list li.cat-parent > a .child-indicator:before, .widget_product_categories_with_icon .product-categories-with-icon li.cat-parent > a .child-indicator:before { color: rgba(0, 0, 0, 0.8); font-size: 10px; line-height: 10px; } .mc-dark .widget_product_categories .product-categories li.cat-parent > a .child-indicator:before, .fc-dark .widget_product_categories .product-categories li.cat-parent > a .child-indicator:before, .slide-from-left.snd-dark .widget_product_categories .product-categories li.cat-parent > a .child-indicator:before, .mc-dark .widget_product_categories .wc-block-product-categories-list li.cat-parent > a .child-indicator:before, .fc-dark .widget_product_categories .wc-block-product-categories-list li.cat-parent > a .child-indicator:before, .slide-from-left.snd-dark .widget_product_categories .wc-block-product-categories-list li.cat-parent > a .child-indicator:before, .mc-dark .widget_product_categories .product-categories-with-icon li.cat-parent > a .child-indicator:before, .fc-dark .widget_product_categories .product-categories-with-icon li.cat-parent > a .child-indicator:before, .slide-from-left.snd-dark .widget_product_categories .product-categories-with-icon li.cat-parent > a .child-indicator:before, .mc-dark .wc-block-product-categories .product-categories li.cat-parent > a .child-indicator:before, .fc-dark .wc-block-product-categories .product-categories li.cat-parent > a .child-indicator:before, .slide-from-left.snd-dark .wc-block-product-categories .product-categories li.cat-parent > a .child-indicator:before, .mc-dark .wc-block-product-categories .wc-block-product-categories-list li.cat-parent > a .child-indicator:before, .fc-dark .wc-block-product-categories .wc-block-product-categories-list li.cat-parent > a .child-indicator:before, .slide-from-left.snd-dark .wc-block-product-categories .wc-block-product-categories-list li.cat-parent > a .child-indicator:before, .mc-dark .wc-block-product-categories .product-categories-with-icon li.cat-parent > a .child-indicator:before, .fc-dark .wc-block-product-categories .product-categories-with-icon li.cat-parent > a .child-indicator:before, .slide-from-left.snd-dark .wc-block-product-categories .product-categories-with-icon li.cat-parent > a .child-indicator:before, .mc-dark .widget_product_categories_with_icon .product-categories li.cat-parent > a .child-indicator:before, .fc-dark .widget_product_categories_with_icon .product-categories li.cat-parent > a .child-indicator:before, .slide-from-left.snd-dark .widget_product_categories_with_icon .product-categories li.cat-parent > a .child-indicator:before, .mc-dark .widget_product_categories_with_icon .wc-block-product-categories-list li.cat-parent > a .child-indicator:before, .fc-dark .widget_product_categories_with_icon .wc-block-product-categories-list li.cat-parent > a .child-indicator:before, .slide-from-left.snd-dark .widget_product_categories_with_icon .wc-block-product-categories-list li.cat-parent > a .child-indicator:before, .mc-dark .widget_product_categories_with_icon .product-categories-with-icon li.cat-parent > a .child-indicator:before, .fc-dark .widget_product_categories_with_icon .product-categories-with-icon li.cat-parent > a .child-indicator:before, .slide-from-left.snd-dark .widget_product_categories_with_icon .product-categories-with-icon li.cat-parent > a .child-indicator:before { color: rgba(255, 255, 255, 0.8); } .widget_product_categories .product-categories li.cat-parent > a .child-indicator.open:before, .widget_product_categories .wc-block-product-categories-list li.cat-parent > a .child-indicator.open:before, .widget_product_categories .product-categories-with-icon li.cat-parent > a .child-indicator.open:before, .wc-block-product-categories .product-categories li.cat-parent > a .child-indicator.open:before, .wc-block-product-categories .wc-block-product-categories-list li.cat-parent > a .child-indicator.open:before, .wc-block-product-categories .product-categories-with-icon li.cat-parent > a .child-indicator.open:before, .widget_product_categories_with_icon .product-categories li.cat-parent > a .child-indicator.open:before, .widget_product_categories_with_icon .wc-block-product-categories-list li.cat-parent > a .child-indicator.open:before, .widget_product_categories_with_icon .product-categories-with-icon li.cat-parent > a .child-indicator.open:before { font-size: 10px; line-height: 10px; } .widget_product_categories .product-categories li.cat-parent > a .child-indicator:hover, .widget_product_categories .wc-block-product-categories-list li.cat-parent > a .child-indicator:hover, .widget_product_categories .product-categories-with-icon li.cat-parent > a .child-indicator:hover, .wc-block-product-categories .product-categories li.cat-parent > a .child-indicator:hover, .wc-block-product-categories .wc-block-product-categories-list li.cat-parent > a .child-indicator:hover, .wc-block-product-categories .product-categories-with-icon li.cat-parent > a .child-indicator:hover, .widget_product_categories_with_icon .product-categories li.cat-parent > a .child-indicator:hover, .widget_product_categories_with_icon .wc-block-product-categories-list li.cat-parent > a .child-indicator:hover, .widget_product_categories_with_icon .product-categories-with-icon li.cat-parent > a .child-indicator:hover { background-color: rgba(0, 0, 0, 0.8) !important; } .mc-dark .widget_product_categories .product-categories li.cat-parent > a .child-indicator:hover, .fc-dark .widget_product_categories .product-categories li.cat-parent > a .child-indicator:hover, .slide-from-left.snd-dark .widget_product_categories .product-categories li.cat-parent > a .child-indicator:hover, .mc-dark .widget_product_categories .wc-block-product-categories-list li.cat-parent > a .child-indicator:hover, .fc-dark .widget_product_categories .wc-block-product-categories-list li.cat-parent > a .child-indicator:hover, .slide-from-left.snd-dark .widget_product_categories .wc-block-product-categories-list li.cat-parent > a .child-indicator:hover, .mc-dark .widget_product_categories .product-categories-with-icon li.cat-parent > a .child-indicator:hover, .fc-dark .widget_product_categories .product-categories-with-icon li.cat-parent > a .child-indicator:hover, .slide-from-left.snd-dark .widget_product_categories .product-categories-with-icon li.cat-parent > a .child-indicator:hover, .mc-dark .wc-block-product-categories .product-categories li.cat-parent > a .child-indicator:hover, .fc-dark .wc-block-product-categories .product-categories li.cat-parent > a .child-indicator:hover, .slide-from-left.snd-dark .wc-block-product-categories .product-categories li.cat-parent > a .child-indicator:hover, .mc-dark .wc-block-product-categories .wc-block-product-categories-list li.cat-parent > a .child-indicator:hover, .fc-dark .wc-block-product-categories .wc-block-product-categories-list li.cat-parent > a .child-indicator:hover, .slide-from-left.snd-dark .wc-block-product-categories .wc-block-product-categories-list li.cat-parent > a .child-indicator:hover, .mc-dark .wc-block-product-categories .product-categories-with-icon li.cat-parent > a .child-indicator:hover, .fc-dark .wc-block-product-categories .product-categories-with-icon li.cat-parent > a .child-indicator:hover, .slide-from-left.snd-dark .wc-block-product-categories .product-categories-with-icon li.cat-parent > a .child-indicator:hover, .mc-dark .widget_product_categories_with_icon .product-categories li.cat-parent > a .child-indicator:hover, .fc-dark .widget_product_categories_with_icon .product-categories li.cat-parent > a .child-indicator:hover, .slide-from-left.snd-dark .widget_product_categories_with_icon .product-categories li.cat-parent > a .child-indicator:hover, .mc-dark .widget_product_categories_with_icon .wc-block-product-categories-list li.cat-parent > a .child-indicator:hover, .fc-dark .widget_product_categories_with_icon .wc-block-product-categories-list li.cat-parent > a .child-indicator:hover, .slide-from-left.snd-dark .widget_product_categories_with_icon .wc-block-product-categories-list li.cat-parent > a .child-indicator:hover, .mc-dark .widget_product_categories_with_icon .product-categories-with-icon li.cat-parent > a .child-indicator:hover, .fc-dark .widget_product_categories_with_icon .product-categories-with-icon li.cat-parent > a .child-indicator:hover, .slide-from-left.snd-dark .widget_product_categories_with_icon .product-categories-with-icon li.cat-parent > a .child-indicator:hover { background-color: rgba(255, 255, 255, 0.8) !important; } .widget_product_categories .product-categories li.cat-parent > a .child-indicator:hover:before, .widget_product_categories .wc-block-product-categories-list li.cat-parent > a .child-indicator:hover:before, .widget_product_categories .product-categories-with-icon li.cat-parent > a .child-indicator:hover:before, .wc-block-product-categories .product-categories li.cat-parent > a .child-indicator:hover:before, .wc-block-product-categories .wc-block-product-categories-list li.cat-parent > a .child-indicator:hover:before, .wc-block-product-categories .product-categories-with-icon li.cat-parent > a .child-indicator:hover:before, .widget_product_categories_with_icon .product-categories li.cat-parent > a .child-indicator:hover:before, .widget_product_categories_with_icon .wc-block-product-categories-list li.cat-parent > a .child-indicator:hover:before, .widget_product_categories_with_icon .product-categories-with-icon li.cat-parent > a .child-indicator:hover:before { color: rgba(255, 255, 255, 0.8); } .mc-dark .widget_product_categories .product-categories li.cat-parent > a .child-indicator:hover:before, .fc-dark .widget_product_categories .product-categories li.cat-parent > a .child-indicator:hover:before, .slide-from-left.snd-dark .widget_product_categories .product-categories li.cat-parent > a .child-indicator:hover:before, .mc-dark .widget_product_categories .wc-block-product-categories-list li.cat-parent > a .child-indicator:hover:before, .fc-dark .widget_product_categories .wc-block-product-categories-list li.cat-parent > a .child-indicator:hover:before, .slide-from-left.snd-dark .widget_product_categories .wc-block-product-categories-list li.cat-parent > a .child-indicator:hover:before, .mc-dark .widget_product_categories .product-categories-with-icon li.cat-parent > a .child-indicator:hover:before, .fc-dark .widget_product_categories .product-categories-with-icon li.cat-parent > a .child-indicator:hover:before, .slide-from-left.snd-dark .widget_product_categories .product-categories-with-icon li.cat-parent > a .child-indicator:hover:before, .mc-dark .wc-block-product-categories .product-categories li.cat-parent > a .child-indicator:hover:before, .fc-dark .wc-block-product-categories .product-categories li.cat-parent > a .child-indicator:hover:before, .slide-from-left.snd-dark .wc-block-product-categories .product-categories li.cat-parent > a .child-indicator:hover:before, .mc-dark .wc-block-product-categories .wc-block-product-categories-list li.cat-parent > a .child-indicator:hover:before, .fc-dark .wc-block-product-categories .wc-block-product-categories-list li.cat-parent > a .child-indicator:hover:before, .slide-from-left.snd-dark .wc-block-product-categories .wc-block-product-categories-list li.cat-parent > a .child-indicator:hover:before, .mc-dark .wc-block-product-categories .product-categories-with-icon li.cat-parent > a .child-indicator:hover:before, .fc-dark .wc-block-product-categories .product-categories-with-icon li.cat-parent > a .child-indicator:hover:before, .slide-from-left.snd-dark .wc-block-product-categories .product-categories-with-icon li.cat-parent > a .child-indicator:hover:before, .mc-dark .widget_product_categories_with_icon .product-categories li.cat-parent > a .child-indicator:hover:before, .fc-dark .widget_product_categories_with_icon .product-categories li.cat-parent > a .child-indicator:hover:before, .slide-from-left.snd-dark .widget_product_categories_with_icon .product-categories li.cat-parent > a .child-indicator:hover:before, .mc-dark .widget_product_categories_with_icon .wc-block-product-categories-list li.cat-parent > a .child-indicator:hover:before, .fc-dark .widget_product_categories_with_icon .wc-block-product-categories-list li.cat-parent > a .child-indicator:hover:before, .slide-from-left.snd-dark .widget_product_categories_with_icon .wc-block-product-categories-list li.cat-parent > a .child-indicator:hover:before, .mc-dark .widget_product_categories_with_icon .product-categories-with-icon li.cat-parent > a .child-indicator:hover:before, .fc-dark .widget_product_categories_with_icon .product-categories-with-icon li.cat-parent > a .child-indicator:hover:before, .slide-from-left.snd-dark .widget_product_categories_with_icon .product-categories-with-icon li.cat-parent > a .child-indicator:hover:before { color: rgba(0, 0, 0, 0.8); } .widget_product_categories .product-categories .children, .widget_product_categories .wc-block-product-categories-list .children, .widget_product_categories .product-categories-with-icon .children, .wc-block-product-categories .product-categories .children, .wc-block-product-categories .wc-block-product-categories-list .children, .wc-block-product-categories .product-categories-with-icon .children, .widget_product_categories_with_icon .product-categories .children, .widget_product_categories_with_icon .wc-block-product-categories-list .children, .widget_product_categories_with_icon .product-categories-with-icon .children { display: none; margin: 0 !important; padding: 15px 0; background: rgba(0, 0, 0, 0.05); } .widget_product_categories .product-categories .children li, .widget_product_categories .wc-block-product-categories-list .children li, .widget_product_categories .product-categories-with-icon .children li, .wc-block-product-categories .product-categories .children li, .wc-block-product-categories .wc-block-product-categories-list .children li, .wc-block-product-categories .product-categories-with-icon .children li, .widget_product_categories_with_icon .product-categories .children li, .widget_product_categories_with_icon .wc-block-product-categories-list .children li, .widget_product_categories_with_icon .product-categories-with-icon .children li { border-bottom: none; } .widget_product_categories .product-categories .children li > a, .widget_product_categories .wc-block-product-categories-list .children li > a, .widget_product_categories .product-categories-with-icon .children li > a, .wc-block-product-categories .product-categories .children li > a, .wc-block-product-categories .wc-block-product-categories-list .children li > a, .wc-block-product-categories .product-categories-with-icon .children li > a, .widget_product_categories_with_icon .product-categories .children li > a, .widget_product_categories_with_icon .wc-block-product-categories-list .children li > a, .widget_product_categories_with_icon .product-categories-with-icon .children li > a { font-size: 13px; line-height: 20.8px; font-size: 0.8125rem; line-height: 1.3rem; text-transform: none; font-weight: normal; font-weight: 400; padding: 7px 5px 7px 20px; } .widget_product_categories .product-categories .children li > a .child-indicator, .widget_product_categories .wc-block-product-categories-list .children li > a .child-indicator, .widget_product_categories .product-categories-with-icon .children li > a .child-indicator, .wc-block-product-categories .product-categories .children li > a .child-indicator, .wc-block-product-categories .wc-block-product-categories-list .children li > a .child-indicator, .wc-block-product-categories .product-categories-with-icon .children li > a .child-indicator, .widget_product_categories_with_icon .product-categories .children li > a .child-indicator, .widget_product_categories_with_icon .wc-block-product-categories-list .children li > a .child-indicator, .widget_product_categories_with_icon .product-categories-with-icon .children li > a .child-indicator { top: 5px; background: rgba(255, 255, 255, 0.6); } .widget_product_categories .product-categories .children li > a img, .widget_product_categories .wc-block-product-categories-list .children li > a img, .widget_product_categories .product-categories-with-icon .children li > a img, .wc-block-product-categories .product-categories .children li > a img, .wc-block-product-categories .wc-block-product-categories-list .children li > a img, .wc-block-product-categories .product-categories-with-icon .children li > a img, .widget_product_categories_with_icon .product-categories .children li > a img, .widget_product_categories_with_icon .wc-block-product-categories-list .children li > a img, .widget_product_categories_with_icon .product-categories-with-icon .children li > a img { display: none; } .widget_product_categories .product-categories .current-cat-parent > .children, .widget_product_categories .wc-block-product-categories-list .current-cat-parent > .children, .widget_product_categories .product-categories-with-icon .current-cat-parent > .children, .wc-block-product-categories .product-categories .current-cat-parent > .children, .wc-block-product-categories .wc-block-product-categories-list .current-cat-parent > .children, .wc-block-product-categories .product-categories-with-icon .current-cat-parent > .children, .widget_product_categories_with_icon .product-categories .current-cat-parent > .children, .widget_product_categories_with_icon .wc-block-product-categories-list .current-cat-parent > .children, .widget_product_categories_with_icon .product-categories-with-icon .current-cat-parent > .children { display: block; } .widget_product_categories .product-categories .current-cat > .children, .widget_product_categories .wc-block-product-categories-list .current-cat > .children, .widget_product_categories .product-categories-with-icon .current-cat > .children, .wc-block-product-categories .product-categories .current-cat > .children, .wc-block-product-categories .wc-block-product-categories-list .current-cat > .children, .wc-block-product-categories .product-categories-with-icon .current-cat > .children, .widget_product_categories_with_icon .product-categories .current-cat > .children, .widget_product_categories_with_icon .wc-block-product-categories-list .current-cat > .children, .widget_product_categories_with_icon .product-categories-with-icon .current-cat > .children { display: block; } .widget_product_categories .product-categories .current-cat > a, .widget_product_categories .wc-block-product-categories-list .current-cat > a, .widget_product_categories .product-categories-with-icon .current-cat > a, .wc-block-product-categories .product-categories .current-cat > a, .wc-block-product-categories .wc-block-product-categories-list .current-cat > a, .wc-block-product-categories .product-categories-with-icon .current-cat > a, .widget_product_categories_with_icon .product-categories .current-cat > a, .widget_product_categories_with_icon .wc-block-product-categories-list .current-cat > a, .widget_product_categories_with_icon .product-categories-with-icon .current-cat > a { color: black; } .widget_product_categories .product-categories li.current-cat > a, .widget_product_categories .wc-block-product-categories-list li.current-cat > a, .widget_product_categories .product-categories-with-icon li.current-cat > a, .wc-block-product-categories .product-categories li.current-cat > a, .wc-block-product-categories .wc-block-product-categories-list li.current-cat > a, .wc-block-product-categories .product-categories-with-icon li.current-cat > a, .widget_product_categories_with_icon .product-categories li.current-cat > a, .widget_product_categories_with_icon .wc-block-product-categories-list li.current-cat > a, .widget_product_categories_with_icon .product-categories-with-icon li.current-cat > a { color: black; } .mc-dark .widget_product_categories .product-categories li.current-cat > a, .fc-dark .widget_product_categories .product-categories li.current-cat > a, .slide-from-left.snd-dark .widget_product_categories .product-categories li.current-cat > a, .mc-dark .widget_product_categories .wc-block-product-categories-list li.current-cat > a, .fc-dark .widget_product_categories .wc-block-product-categories-list li.current-cat > a, .slide-from-left.snd-dark .widget_product_categories .wc-block-product-categories-list li.current-cat > a, .mc-dark .widget_product_categories .product-categories-with-icon li.current-cat > a, .fc-dark .widget_product_categories .product-categories-with-icon li.current-cat > a, .slide-from-left.snd-dark .widget_product_categories .product-categories-with-icon li.current-cat > a, .mc-dark .wc-block-product-categories .product-categories li.current-cat > a, .fc-dark .wc-block-product-categories .product-categories li.current-cat > a, .slide-from-left.snd-dark .wc-block-product-categories .product-categories li.current-cat > a, .mc-dark .wc-block-product-categories .wc-block-product-categories-list li.current-cat > a, .fc-dark .wc-block-product-categories .wc-block-product-categories-list li.current-cat > a, .slide-from-left.snd-dark .wc-block-product-categories .wc-block-product-categories-list li.current-cat > a, .mc-dark .wc-block-product-categories .product-categories-with-icon li.current-cat > a, .fc-dark .wc-block-product-categories .product-categories-with-icon li.current-cat > a, .slide-from-left.snd-dark .wc-block-product-categories .product-categories-with-icon li.current-cat > a, .mc-dark .widget_product_categories_with_icon .product-categories li.current-cat > a, .fc-dark .widget_product_categories_with_icon .product-categories li.current-cat > a, .slide-from-left.snd-dark .widget_product_categories_with_icon .product-categories li.current-cat > a, .mc-dark .widget_product_categories_with_icon .wc-block-product-categories-list li.current-cat > a, .fc-dark .widget_product_categories_with_icon .wc-block-product-categories-list li.current-cat > a, .slide-from-left.snd-dark .widget_product_categories_with_icon .wc-block-product-categories-list li.current-cat > a, .mc-dark .widget_product_categories_with_icon .product-categories-with-icon li.current-cat > a, .fc-dark .widget_product_categories_with_icon .product-categories-with-icon li.current-cat > a, .slide-from-left.snd-dark .widget_product_categories_with_icon .product-categories-with-icon li.current-cat > a { color: white; } .slide-from-left.snd-dark .widget_product_categories .product-categories li { border-bottom: 1px solid #333; } .slide-from-left.snd-dark .widget_product_categories .product-categories li:last-child { border-bottom: none; } .slide-from-left.snd-dark .widget_product_categories .product-categories li .children li { border-bottom: none; } .widget_product_categories_with_icon .product-categories-with-icon li { margin: 0; display: flex; align-items: center; flex-wrap: wrap; cursor: pointer; } .widget_product_categories_with_icon .product-categories-with-icon li a { display: flex; align-items: center; line-height: 1.2; } .widget_product_categories_with_icon .product-categories-with-icon li a span { line-height: 1.2; } .widget_product_categories_with_icon .product-categories-with-icon li > ul.children { width: 100%; } .woocommerce .widget_layered_nav ul li { margin: 0; padding: 7px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.03); } .woocommerce .widget_layered_nav ul li:last-child { border-bottom: none; } .woocommerce .widget_layered_nav ul li a { color: rgba(0, 0, 0, 0.6); font-weight: bold; font-weight: 400; line-height: 10px; } .woocommerce .widget_layered_nav ul li a:before { font-size: 12px; } .woocommerce .widget_layered_nav ul li a:hover { color: black; } .woocommerce .widget_layered_nav ul li .count { float: right; font-size: 12px; line-height: 19.2px; font-size: 0.75rem; line-height: 1.2rem; display: inline-block; color: rgba(0, 0, 0, 0.6); } .woocommerce .widget_layered_nav li.chosen a { color: black; } .woocommerce .mc-dark .widget_layered_nav ul li, .woocommerce .fc-dark .widget_layered_nav ul li, .woocommerce .slide-from-left.snd-dark .widget_layered_nav ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.05); } .woocommerce .mc-dark .widget_layered_nav ul li a, .woocommerce .fc-dark .widget_layered_nav ul li a, .woocommerce .slide-from-left.snd-dark .widget_layered_nav ul li a { color: rgba(255, 255, 255, 0.6); } .woocommerce .mc-dark .widget_layered_nav ul li a:hover, .woocommerce .fc-dark .widget_layered_nav ul li a:hover, .woocommerce .slide-from-left.snd-dark .widget_layered_nav ul li a:hover { color: white; } .woocommerce .mc-dark .widget_layered_nav ul li .count, .woocommerce .fc-dark .widget_layered_nav ul li .count, .woocommerce .slide-from-left.snd-dark .widget_layered_nav ul li .count { color: rgba(255, 255, 255, 0.6); } .widget .wp-block-product-new ul.wc-block-grid__products li a .wc-block-grid__product-title { margin-bottom: 5px; font-size: 16px !important; line-height: 20px !important; color: black; } .mc-dark .widget .wp-block-product-new ul.wc-block-grid__products li a .wc-block-grid__product-title, .fc-dark .widget .wp-block-product-new ul.wc-block-grid__products li a .wc-block-grid__product-title, .slide-from-left.snd-dark .widget .wp-block-product-new ul.wc-block-grid__products li a .wc-block-grid__product-title { color: white; } .widget .wp-block-product-new ul.wc-block-grid__products li a .wc-block-grid__product-title:hover { color: rgba(0, 0, 0, 0.7); } .mc-dark .widget .wp-block-product-new ul.wc-block-grid__products li a .wc-block-grid__product-title:hover, .fc-dark .widget .wp-block-product-new ul.wc-block-grid__products li a .wc-block-grid__product-title:hover, .slide-from-left.snd-dark .widget .wp-block-product-new ul.wc-block-grid__products li a .wc-block-grid__product-title:hover { color: rgba(255, 255, 255, 0.7); } .widget .wp-block-product-new ul.wc-block-grid__products li .wc-block-grid__product-onsale { background-color: #ea5c5c; color: #fff; padding: 7px 10px !important; border: 0; font-size: 11px !important; line-height: 11px !important; } .widget .wp-block-product-new ul.wc-block-grid__products li .wc-block-grid__product-price ins { text-decoration: none; } .widget .wp-block-product-new ul.wc-block-grid__products li .wc-block-grid__product-rating .star-rating { float: none; margin: 5px auto; } .widget .wp-block-product-new ul.wc-block-grid__products li .wc-block-grid__product-add-to-cart a { position: relative; display: inline-block; border-radius: 3px !important; background-clip: padding-box; font-size: 10px; line-height: 16px; font-size: 0.625rem; line-height: 1rem; padding: 0px 15px !important; padding: 0rem 0.9375rem !important; height: 33px; vertical-align: middle !important; line-height: 33px !important; background-color: #333; color: #fff !important; letter-spacing: 0 !important; text-transform: uppercase !important; font-weight: bold !important; font-weight: 600 !important; line-height: normal; min-width: inherit; text-decoration: none; text-align: left; border: none !important; cursor: pointer; -webkit-appearance: none; border: none; } .widget .wp-block-product-new ul.wc-block-grid__products li .wc-block-grid__product-add-to-cart .added_to_cart_button { margin-left: 5px !important; } .widget .wp-block-product-new.has-1-columns ul.wc-block-grid__products .wc-block-grid__product { position: relative; display: block; } .widget .wp-block-product-new.has-1-columns ul.wc-block-grid__products .wc-block-grid__product a { display: block; position: relative; text-align: left; } .widget .wp-block-product-new.has-1-columns ul.wc-block-grid__products .wc-block-grid__product a .wc-block-grid__product-image { max-width: 70px; position: absolute; } .widget .wp-block-product-new.has-1-columns ul.wc-block-grid__products .wc-block-grid__product a .wc-block-grid__product-title { padding-left: 90px; } .widget .wp-block-product-new.has-1-columns ul.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-onsale { position: absolute; top: -10px; left: -10px; } .widget .wp-block-product-new.has-1-columns ul.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-price { text-align: left; padding-left: 90px; } .widget .wp-block-product-new.has-1-columns ul.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-rating { text-align: left; padding-left: 90px; } .widget .wp-block-product-new.has-1-columns ul.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-rating .star-rating { float: left; } .widget .wp-block-product-new.has-1-columns ul.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-add-to-cart { padding-left: 90px; } .shop_sidebar ul.product_list_widget, #filters-offcanvas ul.product_list_widget { margin-top: 40px !important; } .shop_sidebar ul.product_list_widget li, #filters-offcanvas ul.product_list_widget li { vertical-align: top; padding-bottom: 20px; } .shop_sidebar ul.product_list_widget li a, #filters-offcanvas ul.product_list_widget li a { font-size: 16px !important; line-height: 20px !important; color: black; } .mc-dark .shop_sidebar ul.product_list_widget li a, .fc-dark .shop_sidebar ul.product_list_widget li a, .slide-from-left.snd-dark .shop_sidebar ul.product_list_widget li a, .mc-dark #filters-offcanvas ul.product_list_widget li a, .fc-dark #filters-offcanvas ul.product_list_widget li a, .slide-from-left.snd-dark #filters-offcanvas ul.product_list_widget li a { color: white; } .shop_sidebar ul.product_list_widget li a .product-title, #filters-offcanvas ul.product_list_widget li a .product-title { font-size: 16px !important; line-height: 20px !important; } .shop_sidebar ul.product_list_widget li a:hover, #filters-offcanvas ul.product_list_widget li a:hover { color: rgba(0, 0, 0, 0.7); } .mc-dark .shop_sidebar ul.product_list_widget li a:hover, .fc-dark .shop_sidebar ul.product_list_widget li a:hover, .slide-from-left.snd-dark .shop_sidebar ul.product_list_widget li a:hover, .mc-dark #filters-offcanvas ul.product_list_widget li a:hover, .fc-dark #filters-offcanvas ul.product_list_widget li a:hover, .slide-from-left.snd-dark #filters-offcanvas ul.product_list_widget li a:hover { color: rgba(255, 255, 255, 0.7); } .shop_sidebar ul.product_list_widget li ins, #filters-offcanvas ul.product_list_widget li ins { float: left; margin-right: 10px; text-decoration: none; } .shop_sidebar ul.product_list_widget li del, #filters-offcanvas ul.product_list_widget li del { color: rgba(0, 0, 0, 0.4); } .mc-dark .shop_sidebar ul.product_list_widget li del, .fc-dark .shop_sidebar ul.product_list_widget li del, .slide-from-left.snd-dark .shop_sidebar ul.product_list_widget li del, .mc-dark #filters-offcanvas ul.product_list_widget li del, .fc-dark #filters-offcanvas ul.product_list_widget li del, .slide-from-left.snd-dark #filters-offcanvas ul.product_list_widget li del { color: rgba(255, 255, 255, 0.4); } .shop_sidebar ul.product_list_widget li span.reviewer, #filters-offcanvas ul.product_list_widget li span.reviewer { color: rgba(0, 0, 0, 0.6); } .mc-dark .shop_sidebar ul.product_list_widget li span.reviewer, .fc-dark .shop_sidebar ul.product_list_widget li span.reviewer, .slide-from-left.snd-dark .shop_sidebar ul.product_list_widget li span.reviewer, .mc-dark #filters-offcanvas ul.product_list_widget li span.reviewer, .fc-dark #filters-offcanvas ul.product_list_widget li span.reviewer, .slide-from-left.snd-dark #filters-offcanvas ul.product_list_widget li span.reviewer { color: rgba(255, 255, 255, 0.4); } .shop_sidebar ul.product_list_widget span.amount, #filters-offcanvas ul.product_list_widget span.amount { display: inline-block; margin-top: 3px; } .woocommerce .widget_price_filter .ui-slider-horizontal, .woocommerce-page .widget_price_filter .ui-slider-horizontal { height: 5px; height: 0.3125rem; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content, .woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content { border-radius: 1px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ background-color: rgba(0, 0, 0, 0.05); margin-top: 33px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-range { box-shadow: none; } .woocommerce .widget_price_filter .ui-slider, .woocommerce-page .widget_price_filter .ui-slider { margin-right: 5px; margin-left: 5px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle { border-radius: 3px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ border-width: 1px; border-style: solid; background-color: #fff; width: 15px; height: 15px; top: -5px; box-shadow: none; } .woocommerce .widget_price_filter .price_slider_amount, .woocommerce-page .widget_price_filter .price_slider_amount { margin-top: 20px; text-align: left; /*color: #a1a1a1;*/ font-size: 14px; line-height: 22.4px; font-size: 0.875rem; line-height: 1.4rem; font-weight: normal; font-weight: 300; } .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce-page .widget_price_filter .price_slider_amount .button { color: #fff; float: right; min-width: 0; font-size: 11px; line-height: 17.6px; font-size: 0.6875rem; line-height: 1.1rem; letter-spacing: 0; border-radius: 3px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ padding: 0px 15px; padding: 0rem 0.9375rem; height: 30px; } .woocommerce .widget_layered_nav .woocommerce-widget-layered-nav-dropdown button, .woocommerce-page .widget_layered_nav .woocommerce-widget-layered-nav-dropdown button { text-transform: uppercase; color: #fff; float: right; min-width: 0; font-size: 11px; line-height: 17.6px; font-size: 0.6875rem; line-height: 1.1rem; letter-spacing: 0; border-radius: 3px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ padding: 0px 15px; padding: 0rem 0.9375rem; height: 30px; } .woocommerce .mc-dark .widget_price_filter .price_slider_wrapper .ui-widget-content, .woocommerce .fc-dark .widget_price_filter .price_slider_wrapper .ui-widget-content, .woocommerce .slide-from-left.snd-dark .widget_price_filter .price_slider_wrapper .ui-widget-content, .woocommerce-page .mc-dark .widget_price_filter .price_slider_wrapper .ui-widget-content, .woocommerce-page .fc-dark .widget_price_filter .price_slider_wrapper .ui-widget-content, .woocommerce-page .slide-from-left.snd-dark .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: rgba(255, 255, 255, 0.1); } .woocommerce .slide-from-left.snd-dark .ui-slider-handle, .woocommerce-page .slide-from-left.snd-dark .ui-slider-handle { background-color: #333; } .widget_search .search-form::after, .widget_search .wp-block-search::after, .woocommerce-product-search::after, .submit_icon, .widget_product_search input[type='submit'], .widget_product_search button[type='submit'], .widget_search #searchsubmit, .widget_product_search .search-submit, .widget_search .search-submit, .wc-block-product-search form:after { font-family: 'Woodstock'; position: absolute; bottom: 0; right: 0px; width: 55px; height: 55px; font-weight: normal; text-transform: uppercase; text-align: center; z-index: 2; overflow: hidden; font-size: 16px; cursor: pointer; color: #000; } .widget_product_search input[type='submit'], .widget_product_search input[type='submit']:hover, .widget_product_search button[type='submit'], .widget_product_search button[type='submit']:hover, .widget_search #searchsubmit, .widget_search .search-submit, .widget_search #searchsubmit:hover, .widget_search .search-submit:hover { background: none !important; border-width: 0 !important; font-size: 0; min-width: 0; padding: 0 !important; z-index: 4; } .widget-area .widget.widget_search form input[type='submit'], .widget-area .widget.widget_search form .wp-block-search__button, .widget-area .widget.widget_search form .wc-block-product-search__button, .wc-block-product-search .wc-block-product-search__button { position: absolute; right: 0; bottom: 0; height: 100%; width: 55px; height: 55px; overflow: hidden; padding: 0; text-indent: -999px; z-index: 10; background: none; margin: 0; border: 0; } .widget_search, .widget_product_search, .wc-block-product-search { position: relative; } .widget_search .search-field, .widget_search .wp-block-search__input, .widget_search .wc-block-product-search__field, .widget_product_search .search-field, .widget_product_search .wp-block-search__input, .widget_product_search .wc-block-product-search__field, .wc-block-product-search .search-field, .wc-block-product-search .wp-block-search__input, .wc-block-product-search .wc-block-product-search__field { border: none; border-radius: 6px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ height: 55px; height: 3.4375rem; height: 55px; display: block; width: 100%; margin: 0; padding: 0 15px; font-weight: normal; font-weight: 300; background-color: rgba(0, 0, 0, 0.03); } .mc-dark .widget_search .search-field, .fc-dark .widget_search .search-field, .slide-from-left.snd-dark .widget_search .search-field, .mc-dark .widget_search .wp-block-search__input, .fc-dark .widget_search .wp-block-search__input, .slide-from-left.snd-dark .widget_search .wp-block-search__input, .mc-dark .widget_search .wc-block-product-search__field, .fc-dark .widget_search .wc-block-product-search__field, .slide-from-left.snd-dark .widget_search .wc-block-product-search__field, .mc-dark .widget_product_search .search-field, .fc-dark .widget_product_search .search-field, .slide-from-left.snd-dark .widget_product_search .search-field, .mc-dark .widget_product_search .wp-block-search__input, .fc-dark .widget_product_search .wp-block-search__input, .slide-from-left.snd-dark .widget_product_search .wp-block-search__input, .mc-dark .widget_product_search .wc-block-product-search__field, .fc-dark .widget_product_search .wc-block-product-search__field, .slide-from-left.snd-dark .widget_product_search .wc-block-product-search__field, .mc-dark .wc-block-product-search .search-field, .fc-dark .wc-block-product-search .search-field, .slide-from-left.snd-dark .wc-block-product-search .search-field, .mc-dark .wc-block-product-search .wp-block-search__input, .fc-dark .wc-block-product-search .wp-block-search__input, .slide-from-left.snd-dark .wc-block-product-search .wp-block-search__input, .mc-dark .wc-block-product-search .wc-block-product-search__field, .fc-dark .wc-block-product-search .wc-block-product-search__field, .slide-from-left.snd-dark .wc-block-product-search .wc-block-product-search__field { color: #fff; background-color: rgba(255, 255, 255, 0.07); } .widget_product_search label, .widget_search label { display: none; } .widget_search .wp-block-search, .widget_search .search-form, .woocommerce-product-search, .wc-block-product-search form { position: relative; } .widget_search .wp-block-search:after, .widget_search .search-form:after, .woocommerce-product-search:after, .wc-block-product-search form:after { position: absolute; bottom: 0px; right: 0px; font-weight: normal; text-transform: uppercase; text-align: center; width: 55px; height: 55px; line-height: 55px; z-index: 2; overflow: hidden; font-size: 22px; cursor: pointer; color: #000; vertical-align: middle; display: block; } .mc-dark .widget_search .wp-block-search:after, .fc-dark .widget_search .wp-block-search:after, .slide-from-left.snd-dark .widget_search .wp-block-search:after, .mc-dark .widget_search .search-form:after, .fc-dark .widget_search .search-form:after, .slide-from-left.snd-dark .widget_search .search-form:after, .mc-dark .woocommerce-product-search:after, .fc-dark .woocommerce-product-search:after, .slide-from-left.snd-dark .woocommerce-product-search:after, .mc-dark .wc-block-product-search form:after, .fc-dark .wc-block-product-search form:after, .slide-from-left.snd-dark .wc-block-product-search form:after { color: #fff; } .widget .tagcloud a, .widget .wp-block-tag-cloud a { color: rgba(0, 0, 0, 0.7); border-radius: 3px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ font-size: 11px !important; line-height: 12px; text-transform: uppercase; padding: 7px 10px; border: 1px solid rgba(0, 0, 0, 0.1); display: inline-block; margin: 0 1px 3px 0; font-weight: bold; font-weight: 600; } .mc-dark .widget .tagcloud a, .fc-dark .widget .tagcloud a, .slide-from-left.snd-dark .widget .tagcloud a, .mc-dark .widget .wp-block-tag-cloud a, .fc-dark .widget .wp-block-tag-cloud a, .slide-from-left.snd-dark .widget .wp-block-tag-cloud a { color: rgba(255, 255, 255, 0.7); border: 1px solid rgba(255, 255, 255, 0.1); } .widget .tagcloud a:hover, .widget .wp-block-tag-cloud a:hover { background: rgba(0, 0, 0, 0.8); color: #fff !important; border-width: 1px; border-style: solid; border: 1px solid rgba(0, 0, 0, 0.1); } .mc-dark .widget .tagcloud a:hover, .fc-dark .widget .tagcloud a:hover, .slide-from-left.snd-dark .widget .tagcloud a:hover, .mc-dark .widget .wp-block-tag-cloud a:hover, .fc-dark .widget .wp-block-tag-cloud a:hover, .slide-from-left.snd-dark .widget .wp-block-tag-cloud a:hover { color: #000 !important; background: rgba(255, 255, 255, 0.8); border: 1px solid rgba(255, 255, 255, 0.1); } .widget.widget_layered_nav ul li { border-bottom: none; padding: 3px 0; } .widget.widget_layered_nav ul li.show-label { display: inline-block; margin-right: 10px; margin-bottom: 10px; } .widget.widget_layered_nav ul li.show-label a { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset; color: rgba(0, 0, 0, 0.5); padding: 6px 8px; font-size: 14px; font-weight: 500; line-height: 14px; transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); border-radius: 2px; } .widget.widget_layered_nav ul li.show-label a:hover { box-shadow: 0 0 0 1px #000 inset; color: #000; } .widget.widget_layered_nav ul li.show-label a:before { display: none; } .widget.widget_layered_nav ul li.show-label.chosen a { box-shadow: 0 0 0 2px #000 inset; color: #000; } .widget.widget_layered_nav ul li.show-label .count, .widget.widget_layered_nav ul li.show-label .nav-title { display: none; } .widget.widget_layered_nav ul li.show-color { display: inline-block; margin-right: 15px; border-bottom: none; } .widget.widget_layered_nav ul li.show-color a { padding: 0; } .widget.widget_layered_nav ul li.show-color a:before { display: none; } .widget.widget_layered_nav ul li.show-color .count, .widget.widget_layered_nav ul li.show-color .nav-title { display: none; } .widget.widget_layered_nav ul li.show-color .swatch-color { width: 30px; height: 30px; border-radius: 50%; display: block; position: relative; transition: all 0.3s; box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3); } .widget.widget_layered_nav ul li.show-color .swatch-color:hover { opacity: 0.5; } .widget.widget_layered_nav ul li.show-color .swatch-color:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ''; width: 6px; height: 12px; display: block; border: solid #fff; border-width: 0 2px 2px 0; position: absolute; top: 8px; left: 13px; opacity: 0; transition: all 0.3s; } .widget.widget_layered_nav ul li.show-color .swatch-color:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ''; width: 7px; height: 14px; display: block; border: solid #fff; border-width: 0 2px 2px 0; position: absolute; top: 9px; left: 13px; opacity: 0; transition: all 0.3s; } .widget.widget_layered_nav ul li.chosen .swatch-color { box-shadow: 0 0 10px; opacity: 1; } .widget.widget_layered_nav ul li.chosen .swatch-color:after { opacity: 1; } .widget.widget_layered_nav ul li.chosen .swatch-color:hover:after { width: 4px; border-width: 0 2px 0 0; height: 14px; top: 8px; left: 13px; } .widget.widget_layered_nav ul li.chosen .swatch-color:hover:before { opacity: 1; width: 4px; height: 15px; border-width: 0 2px 0 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .widget .wp-block-woocommerce-all-reviews ul.wc-block-components-review-list li .wc-block-review-list-item__info { margin-bottom: 1rem; } .widget .wp-block-woocommerce-all-reviews ul.wc-block-components-review-list li .wc-block-review-list-item__info .wc-block-review-list-item__meta .wc-block-review-list-item__product a { margin-bottom: 5px; font-size: 16px !important; line-height: 20px !important; color: black; } .widget .wp-block-woocommerce-all-reviews ul.wc-block-components-review-list li .wc-block-review-list-item__info .wc-block-review-list-item__meta .wc-block-review-list-item__rating { display: block; } .widget .wp-block-woocommerce-all-reviews ul.wc-block-components-review-list li .wc-block-review-list-item__text > div { margin-bottom: 2rem; } .widget .wp-block-woocommerce-all-reviews ul.wc-block-components-review-list li .wc-block-review-list-item__text p { font-size: 14px; } .widget .wp-block-woocommerce-all-reviews .wc-block-load-more .wp-block-button__link { position: relative; display: inline-block; border-radius: 3px !important; background-clip: padding-box; font-size: 10px; line-height: 16px; font-size: 0.625rem; line-height: 1rem; padding: 0px 15px !important; padding: 0rem 0.9375rem !important; height: 33px; vertical-align: middle !important; line-height: 33px !important; color: #fff !important; letter-spacing: 0 !important; text-transform: uppercase !important; font-weight: bold !important; font-weight: 600 !important; line-height: normal; min-width: inherit; text-decoration: none; text-align: left; border: none !important; cursor: pointer; -webkit-appearance: none; border: none; } .woocommerce .mc-dark .widget.widget_layered_nav ul li.show-label a, .woocommerce .fc-dark .widget.widget_layered_nav ul li.show-label a { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset; color: rgba(255, 255, 255, 0.5); } .woocommerce .mc-dark .widget.widget_layered_nav ul li.show-label a:hover, .woocommerce .fc-dark .widget.widget_layered_nav ul li.show-label a:hover { box-shadow: 0 0 0 1px #fff inset; color: #fff; } .woocommerce .mc-dark .widget.widget_layered_nav ul li.show-label.chosen a, .woocommerce .fc-dark .widget.widget_layered_nav ul li.show-label.chosen a { box-shadow: 0 0 0 2px #fff inset; color: #fff; } .widget .wp-block-button__link { position: relative; display: inline-block; border-radius: 3px !important; background-clip: padding-box; font-size: 10px; line-height: 16px; font-size: 0.625rem; line-height: 1rem; padding: 0px 15px !important; padding: 0rem 0.9375rem !important; height: 33px; vertical-align: middle !important; line-height: 33px !important; color: #fff !important; letter-spacing: 0 !important; text-transform: uppercase !important; font-weight: bold !important; font-weight: 600 !important; line-height: normal; min-width: inherit; text-decoration: none; text-align: left; border: none !important; cursor: pointer; -webkit-appearance: none; border: none; } .shop_sidebar .widget_shopping_cart .minicart_title { display: none; } /** ----------------------------------------------------------------------------------------------- Footer styles. ----------------------------------------------------------------------------------------------- */ footer#site-footer { padding: 0; width: 100%; background-color: #eee; } footer#site-footer.active .f-columns { padding: 40px 0 30px; } footer#site-footer .f-columns { color: #666; } .fc-dark footer#site-footer .f-columns { color: #fff; } footer#site-footer .f-columns p { margin: 0; padding: 0; } @media only screen and (min-width: 62em) and (max-width: 74.94em) { footer#site-footer .f-columns section.column-widget { margin-bottom: 30px; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { footer#site-footer .f-columns section.column-widget { margin-bottom: 30px; } } @media only screen and (max-width: 40em) { footer#site-footer .f-columns section.column-widget { margin-bottom: 30px; } } @media only screen and (max-width: 40em) { footer#site-footer .f-columns section.column-widget { width: 100%; } } footer#site-footer .f-copyright { box-shadow: inset 0px 10px 40px -10px rgba(0, 0, 0, 0.15); background-color: #eee; padding: 30px 0; } footer#site-footer .f-copyright .copytxt p { font-size: 14px; line-height: 22.4px; font-size: 0.875rem; line-height: 1.4rem; color: rgba(0, 0, 0, 0.5); } @media only screen and (min-width: 40em) and (max-width: 61.94em) { footer#site-footer .f-copyright .copytxt p { text-align: center; } } @media only screen and (max-width: 40em) { footer#site-footer .f-copyright .copytxt p { text-align: center; } } footer#site-footer .f-copyright .copytxt p a { color: black; } footer#site-footer .f-copyright .copytxt p a:hover { color: rgba(0, 0, 0, 0.7); } footer#site-footer .f-copyright .cards { text-align: right; } @media only screen and (min-width: 40em) and (max-width: 61.94em) { footer#site-footer .f-copyright .cards { text-align: center; } } @media only screen and (max-width: 40em) { footer#site-footer .f-copyright .cards { text-align: center; } } footer#site-footer .widget { margin-bottom: 30px; } footer#site-footer .widget:last-child { margin-bottom: 0; } footer#site-footer.fc-dark { color: #fff; } footer#site-footer.fc-dark h1, footer#site-footer.fc-dark h2, footer#site-footer.fc-dark h3, footer#site-footer.fc-dark h4, footer#site-footer.fc-dark h5 { color: #fff; } footer#site-footer.fc-dark .f-columns { color: #fff; } footer#site-footer.fc-dark .copytxt p { color: rgba(255, 255, 255, 0.5); } footer#site-footer.fc-dark .copytxt p a { color: white; } footer#site-footer.fc-dark .copytxt p a:hover { color: rgba(255, 255, 255, 0.7); } .f-columns .textwidget { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); font-size: 14px; line-height: 22.4px; font-size: 0.875rem; line-height: 1.4rem; } .f-columns.shop_sidebar ul.product_list_widget { margin-top: 25px !important; } .fc-dark .f-columns.shop_sidebar .amount { color: rgba(255, 255, 255, 0.8); } .fc-dark .f-columns.shop_sidebar ins .amount { color: rgba(255, 255, 255, 0.8); } .fc-dark .f-columns.shop_sidebar del .amount { color: rgba(255, 255, 255, 0.8); } .fc-dark .f-columns.shop_sidebar .star-rating:before { color: rgba(255, 255, 255, 0.2) !important; } /** ----------------------------------------------------------------------------------------------- Theme styles. ----------------------------------------------------------------------------------------------- */ .button-sample { background-color: #6990cb; padding: 10px 18px; color: #fff; font-size: 11px; font-weight: 400; text-transform: uppercase; border-radius: 4px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } .button-sample span::before { font-family: "woodstock"; font-size: 16px; vertical-align: -3px; margin-right: 5px; } .button-sample.quickview span::before { content: "\e619"; } .button-sample.addtocart span::before { content: "\e617"; } .button-sample.readmore span::before { content: "\e618"; } .button-sample2 { background-color: #eee; width: 40px; height: 40px; line-height: 42px; display: block; text-align: center; color: #000; text-transform: uppercase; float: left; margin-right: 10px; border-radius: 4px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } .button-sample2 span::before { font-family: "woodstock"; font-size: 16px; } .button-sample2.boxes span::before { content: "\e612"; } .button-sample2.box-lines span::before { content: "\e613"; } .button-sample2.boxes2 span::before { content: "\e615"; } .button-sample2.box-lines2 span::before { content: "\e616"; } .button-sample2.box-lines3 span::before { content: "\e61a"; } .button-sample2.arrow span::before { content: "\e61b"; font-size: 12px; } .button-sample2.arrow2 span::before { content: "\e61c"; font-size: 16px; } .shipping-box { margin-bottom: 15px; vertical-align: top; } .shipping-box img { float: left; margin-right: 10px; vertical-align: top; display: inline-block; } .shipping-box .shipping-box-ins { width: 70%; float: left; display: inline-block; } .shipping-box span { line-height: 20px; font-weight: 600; display: block; } .shipping-box small { margin-top: 0px; display: block; font-size: 13px; line-height: 16px; opacity: 0.7; } /* box-sizing */ .fr-window, .fr-window [class^='fr-'], .fr-overlay, .fr-overlay [class^='fr-'], .fr-spinner, .fr-spinner [class^='fr-'] { box-sizing: border-box; } .fr-window { position: fixed; width: 100%; height: 100%; top: 0; left: 0; font: 13px/20px 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif; /* Chrome hack, this fixes a visual glitch when quickly toggling a video */ -webkit-transform: translateZ(0px); transform: translateZ(0px); } /* z-index */ .fr-overlay { z-index: 99998; } .fr-window { z-index: 99999; } .fr-spinner { z-index: 100000; } /* overlay */ .fr-overlay { position: fixed; top: 0; left: 0; height: 100%; width: 100%; } .fr-overlay-background { float: left; width: 100%; height: 100%; background: #000; opacity: 0.9; filter: alpha(opacity=90); } .fr-overlay-ui-fullclick .fr-overlay-background { background: #292929; opacity: 1; filter: alpha(opacity=100); } /* mobile touch has position:absolute to allow zooming */ .fr-window.fr-mobile-touch, .fr-overlay.fr-mobile-touch { position: absolute; overflow: visible; } /* some properties on the window are used to toggle things like margin and the fullclick mode, we reset those properties after measuring them */ .fr-measured { margin: 0 !important; min-width: 0 !important; min-height: 0 !important; } .fr-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .fr-pages { position: absolute; width: 100%; height: 100%; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fr-page { position: absolute; width: 100%; height: 100%; } .fr-container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding: 0; text-align: center; } .fr-hovering-clickable .fr-container { cursor: pointer; } /* padding: youtube & vimeo always have buttons on the outside side button = 72 = 54 + (2 * 9 margin) close button = 48 */ /* padding ui:inside */ .fr-ui-inside .fr-container { padding: 20px 20px; } .fr-ui-inside.fr-no-sides .fr-container { padding: 20px; } /* padding ui:outside */ .fr-ui-outside .fr-container { padding: 20px 82px; } .fr-ui-outside.fr-no-sides .fr-container { padding: 20px 48px; } /* reduce padding on smaller screens */ @media all and (max-width: 700px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 700px) { /* padding ui:inside */ .fr-ui-inside .fr-container { padding: 12px 12px; } .fr-ui-inside.fr-no-sides .fr-container { padding: 12px; } /* padding ui:outside */ .fr-ui-outside .fr-container { padding: 12px 72px; } .fr-ui-outside.fr-no-sides .fr-container { padding: 12px 48px; } } @media all and (max-width: 500px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 500px) { /* padding ui:inside */ .fr-ui-inside .fr-container { padding: 0px 0px; } .fr-ui-inside.fr-no-sides .fr-container { padding: 0px; } /* padding ui:outside */ .fr-ui-outside .fr-container { padding: 0px 72px; } .fr-ui-outside.fr-no-sides .fr-container { padding: 0px 48px; } } /* padding ui:fullclick */ .fr-ui-fullclick .fr-container { padding: 0; } .fr-ui-fullclick.fr-no-sides .fr-container { padding: 0; } /* video fullclick */ .fr-ui-fullclick.fr-type-video .fr-container { padding: 0px 62px; } .fr-ui-fullclick.fr-no-sides.fr-type-video .fr-container { padding: 48px 0px; } /* overflow-y should always have 0 padding top and bottom */ .fr-overflow-y .fr-container { padding-top: 0 !important; padding-bottom: 0 !important; } .fr-content, .fr-content-background { position: absolute; top: 50%; left: 50%; /* IE11 has a 1px blur bug on the edges of the caption (ui:inside) during animation with overflow:hidden */ overflow: visible; } /* img/iframe/error */ .fr-content-element { float: left; width: 100%; height: 100%; } .fr-content-background { background: #101010; } .fr-info { position: absolute; top: 0; left: 0; width: 100%; color: #efefef; font-size: 13px; line-height: 20px; text-align: left; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .fr-info-background { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #000; line-height: 1%; -webkit-filter: none; filter: none; opacity: 1; } .fr-ui-inside .fr-info-background { filter: alpha(opacity=80); opacity: 0.8; zoom: 1; } /* ui:outside has a slightly lighter info background to break up from black page backgrounds */ .fr-ui-outside .fr-info-background { background: #0d0d0d; } /* info at the bottom for ui:inside */ .fr-content .fr-info { top: auto; bottom: 0; } .fr-info-padder { display: block; overflow: hidden; padding: 12px; position: relative; width: auto; } .fr-caption { width: auto; display: inline; } .fr-position { color: #b3b3b3; float: right; line-height: 21px; opacity: 0.99; position: relative; text-align: right; margin-left: 15px; white-space: nowrap; } /* positions not within the info bar for ui:outside/inside */ .fr-position-outside, .fr-position-inside { position: absolute; bottom: 0; right: 0; margin: 12px; width: auto; padding: 2px 8px; border-radius: 10px; font-size: 11px; line-height: 20px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); display: none; overflow: hidden; white-space: nowrap; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .fr-position-inside { border: 0; } .fr-position-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0d0d0d; filter: alpha(opacity=80); opacity: 0.8; zoom: 1; /* oldIE */ } .fr-position-text { color: #b3b3b3; } .fr-position-outside .fr-position-text, .fr-position-inside .fr-position-text { float: left; position: relative; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); opacity: 1; } /* display it for the outside ui, hide the caption inside */ .fr-ui-outside .fr-position-outside { display: block; } .fr-ui-outside .fr-info .fr-position { display: none; } .fr-ui-inside.fr-no-caption .fr-position-inside { display: block; } /* links */ .fr-info a, .fr-info a:hover { color: #ccc; border: 0; background: none; text-decoration: underline; } .fr-info a:hover { color: #eee; } /* no-caption */ .fr-ui-outside.fr-no-caption .fr-info { display: none; } .fr-ui-inside.fr-no-caption .fr-caption { display: none; } /* --- stroke */ .fr-stroke { position: absolute; top: 0; left: 0; width: 100%; height: 1px; } .fr-stroke-vertical { width: 1px; height: 100%; } .fr-stroke-horizontal { padding: 0 1px; } .fr-stroke-right { left: auto; right: 0; } .fr-stroke-bottom { top: auto; bottom: 0; } .fr-stroke-color { float: left; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.08); } /* the stroke is brighter inside the info box */ .fr-info .fr-stroke-color { background: rgba(80, 80, 80, 0.3); } /* remove the stroke when outside ui has a caption */ .fr-ui-outside.fr-has-caption .fr-content .fr-stroke-bottom { display: none; } /* remove stroke and shadow when ui:fullclick */ .fr-ui-fullclick .fr-stroke { display: none; } .fr-ui-fullclick .fr-content-background { box-shadow: none; } /* the info box never bas a top stroke */ .fr-info .fr-stroke-top { display: none; } /* < > */ .fr-side { position: absolute; top: 50%; width: 54px; height: 72px; margin: 0 9px; margin-top: -36px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; zoom: 1; } .fr-side-previous { left: 0; } .fr-side-next { right: 0; left: auto; } .fr-side-disabled { cursor: default; } .fr-side-hidden { display: none !important; } .fr-side-button { float: left; width: 100%; height: 100%; margin: 0; padding: 0; } .fr-side-button-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #101010; } .fr-side-button-icon { float: left; position: relative; height: 100%; width: 100%; zoom: 1; background-position: 50% 50%; background-repeat: no-repeat; } /* smaller side buttons */ @media all and (max-width: 500px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 414px) { .fr-side { width: 54px; height: 60px; margin: 0; margin-top: -30px; } .fr-side-button { width: 48px; height: 60px; margin: 0 3px; } } /* X */ .fr-close { position: absolute; width: 48px; height: 48px; top: 0; right: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fr-close-background, .fr-close-icon { position: absolute; top: 12px; left: 12px; height: 26px; width: 26px; background-position: 50% 50%; background-repeat: no-repeat; } .fr-close-background { background-color: #000; } /* Thumbnails */ .fr-thumbnails { position: absolute; overflow: hidden; } .fr-thumbnails-disabled .fr-thumbnails { display: none !important; } .fr-thumbnails-horizontal .fr-thumbnails { width: 100%; height: 12%; min-height: 74px; max-height: 160px; bottom: 0; } .fr-thumbnails-vertical .fr-thumbnails { height: 100%; width: 10%; min-width: 74px; max-width: 160px; left: 0; } .fr-thumbnails, .fr-thumbnails * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fr-thumbnails-wrapper { position: absolute; top: 0; left: 50%; height: 100%; } .fr-thumbnails-vertical .fr-thumbnails-wrapper { top: 50%; left: 0; } .fr-thumbnails-slider { position: relative; width: 100%; height: 100%; float: left; zoom: 1; } .fr-thumbnails-slider-slide { position: absolute; top: 0; left: 0; height: 100%; } .fr-thumbnails-thumbs { float: left; height: 100%; overflow: hidden; position: relative; top: 0; left: 0; } .fr-thumbnails-slide { position: absolute; top: 0; height: 100%; width: 100%; } .fr-thumbnail-frame { position: absolute; zoom: 1; overflow: hidden; } .fr-thumbnail { position: absolute; width: 30px; height: 100%; left: 50%; top: 50%; zoom: 1; cursor: pointer; margin: 0 10px; } .fr-ltIE9 .fr-thumbnail * { overflow: hidden; /* IE6(7) */ z-index: 1; zoom: 1; } .fr-thumbnail-wrapper { position: relative; background: #161616; width: 100%; height: 100%; float: left; overflow: hidden; display: inline; /* IE6(7) */ z-index: 0; /* IE8 */ } .fr-thumbnail-overlay { cursor: pointer; } .fr-thumbnail-active .fr-thumbnail-overlay { cursor: default; } .fr-thumbnail-overlay, .fr-thumbnail-overlay-background, .fr-thumbnail-overlay-border { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-width: 0; overflow: hidden; border-style: solid; border-color: transparent; } .fr-ltIE9 .fr-thumbnail-overlay-border { border-width: 0 !important; } .fr-thumbnail .fr-thumbnail-image { position: absolute; filter: alpha(opacity=85); opacity: 0.85; max-width: none; } .fr-thumbnail:hover .fr-thumbnail-image, .fr-thumbnail-active:hover .fr-thumbnail-image { filter: alpha(opacity=99); opacity: 0.99; } .fr-thumbnail-active .fr-thumbnail-image, .fr-thumbnail-active:hover .fr-thumbnail-image { filter: alpha(opacity=35); opacity: 0.35; } .fr-thumbnail-active { cursor: default; } /* Thumbnails loading */ .fr-thumbnail-loading, .fr-thumbnail-loading-background, .fr-thumbnail-loading-icon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .fr-thumbnail-loading-background { background-color: #161616; background-position: 50% 50%; background-repeat: no-repeat; opacity: 0.8; position: relative; float: left; } /* this element is there as an alternative to putting the loading image on the background */ .fr-thumbnail-loading-icon { display: none; } /* error on thumbnail */ .fr-thumbnail-error .fr-thumbnail-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #202020; } /* Thumbnail < > */ .fr-thumbnails-side { float: left; height: 100%; width: 28px; margin: 0 5px; position: relative; overflow: hidden; } .fr-thumbnails-side-previous { margin-left: 12px; } .fr-thumbnails-side-next { margin-right: 12px; } .fr-thumbnails-vertical .fr-thumbnails-side { height: 28px; width: 100%; margin: 10px 0; } .fr-thumbnails-vertical .fr-thumbnails-side-previous { margin-top: 20px; } .fr-thumbnails-vertical .fr-thumbnails-side-next { margin-bottom: 20px; } .fr-thumbnails-side-button { position: absolute; top: 50%; left: 50%; margin-top: -14px; margin-left: -14px; width: 28px; height: 28px; cursor: pointer; } .fr-thumbnails-side-button-background { position: absolute; top: 0; left: 0; height: 100%; width: 100%; filter: alpha(opacity=80); opacity: 0.8; transition: background-color 0.2s ease-in; background-color: #333; cursor: pointer; border-radius: 4px; } .fr-thumbnails-side-button:hover .fr-thumbnails-side-button-background { background-color: #3b3b3b; } .fr-thumbnails-side-button-disabled * { cursor: default; } .fr-thumbnails-side-button-disabled:hover .fr-thumbnails-side-button-background { background-color: #333; } .fr-thumbnails-side-button-icon { position: absolute; /*top: -7px; left: -7px;*/ top: 0; left: 0; width: 100%; height: 100%; } /* vertical thumbnails */ .fr-thumbnails-vertical .fr-thumbnails-side, .fr-thumbnails-vertical .fr-thumbnails-thumbs, .fr-thumbnails-vertical .fr-thumbnail-frame { clear: both; } /* ui:fullclick has a dark thumbnail background */ .fr-window-ui-fullclick .fr-thumbnails { background: #090909; } /* put a stroke on the connecting caption*/ .fr-window-ui-fullclick.fr-thumbnails-enabled.fr-thumbnails-horizontal .fr-info .fr-stroke-bottom { display: block !important; } /*({ box-shadow: inset 0 -1px 0 rgba(255,255,255,.1); } */ .fr-window-ui-fullclick.fr-thumbnails-enabled.fr-thumbnails-vertical .fr-info .fr-stroke-left { display: block !important; } /* thumbnail spacing */ .fr-thumbnails-horizontal .fr-thumbnails-thumbs { padding: 12px 5px; } .fr-thumbnails-vertical .fr-thumbnails-thumbs { padding: 5px 12px; } .fr-thumbnails-measured .fr-thumbnails-thumbs { padding: 0 !important; } /* horizontal */ @media all and (min-height: 700px) { .fr-thumbnails-horizontal .fr-thumbnails-thumbs { padding: 16px 8px; } .fr-thumbnails-horizontal .fr-thumbnails-side { margin: 0 8px; } .fr-thumbnails-horizontal .fr-thumbnails-side-previous { margin-left: 16px; } .fr-thumbnails-horizontal .fr-thumbnails-side-next { margin-right: 16px; } } @media all and (min-height: 980px) { .fr-thumbnails-horizontal .fr-thumbnails-thumbs { padding: 20px 10px; } .fr-thumbnails-horizontal .fr-thumbnails-side { margin: 0 10px; } .fr-thumbnails-horizontal .fr-thumbnails-side-previous { margin-left: 20px; } .fr-thumbnails-horizontal .fr-thumbnails-side-next { margin-right: 20px; } } /* vertical */ @media all and (min-width: 1200px) { .fr-thumbnails-vertical .fr-thumbnails-thumbs { padding: 8px 16px; } .fr-thumbnails-vertical .fr-thumbnails-side { margin: 0 8px; } .fr-thumbnails-vertical .fr-thumbnails-side-previous { margin-top: 16px; } .fr-thumbnails-vertical .fr-thumbnails-side-next { margin-bottom: 16px; } } @media all and (min-width: 1800px) { .fr-thumbnails-vertical .fr-thumbnails-thumbs { padding: 10px 20px; } .fr-thumbnails-vertical .fr-thumbnails-side { margin: 10px 0; } .fr-thumbnails-vertical .fr-thumbnails-side-previous { margin-top: 20px; } .fr-thumbnails-vertical .fr-thumbnails-side-next { margin-bottom: 20px; } } /* hide thumbnails on smaller screens the js always hides them on touch based devices */ @media all and (max-width: 500px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 500px) { .fr-thumbnails-horizontal .fr-thumbnails { display: none !important; } } @media all and (max-width: 700px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 414px) { .fr-thumbnails-vertical .fr-thumbnails { display: none !important; } } /* force fullClick: true and force overflow: false */ @media all and (max-width: 500px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 414px) { .fr-page { min-width: 100%; } /* fullclick */ .fr-page { min-height: 100%; } /* overflow: false */ } /* switch between ui modes we force everything not in the current UI mode to hide */ .fr-window-ui-fullclick .fr-side-next-outside, .fr-window-ui-fullclick .fr-side-previous-outside, .fr-window-ui-fullclick .fr-close-outside, .fr-window-ui-fullclick .fr-content .fr-side-next, .fr-window-ui-fullclick .fr-content .fr-side-previous, .fr-window-ui-fullclick .fr-content .fr-close, .fr-window-ui-fullclick .fr-content .fr-info, .fr-window-ui-outside .fr-side-next-fullclick, .fr-window-ui-outside .fr-side-previous-fullclick, .fr-window-ui-outside .fr-close-fullclick, .fr-window-ui-outside .fr-content .fr-side-next, .fr-window-ui-outside .fr-content .fr-side-previous, .fr-window-ui-outside .fr-content .fr-close, .fr-window-ui-outside .fr-content .fr-info, .fr-window-ui-inside .fr-page > .fr-info, .fr-window-ui-inside .fr-side-next-fullclick, .fr-window-ui-inside .fr-side-previous-fullclick, .fr-window-ui-inside .fr-close-fullclick, .fr-window-ui-inside .fr-side-next-outside, .fr-window-ui-inside .fr-side-previous-outside, .fr-window-ui-inside .fr-close-outside { display: none !important; } /* some ui elements can be toggled on mousemove. filter:alpha(opacity) is bugged so we use display in oldIE */ .fr-toggle-ui { opacity: 0; transition: opacity 0.3s; } .fr-visible-fullclick-ui .fr-box > .fr-toggle-ui, .fr-visible-inside-ui .fr-ui-inside .fr-toggle-ui { opacity: 1; } .fr-hidden-fullclick-ui .fr-box > .fr-toggle-ui, .fr-hidden-inside-ui .fr-ui-inside .fr-toggle-ui { transition: opacity 0.3s; } .fr-ltIE9.fr-hidden-fullclick-ui .fr-box > .fr-toggle-ui, .fr-ltIE9.fr-hidden-inside-ui .fr-ui-inside .fr-toggle-ui { display: none; } /* Spinner */ .fr-spinner { position: fixed; width: 52px; height: 52px; background: #101010; background: rgba(16, 16, 16, 0.85); border-radius: 5px; } .fr-spinner div { position: absolute; top: 0; left: 0; height: 64%; width: 64%; margin-left: 18%; margin-top: 18%; opacity: 1; -webkit-animation: fresco-12 1.2s infinite ease-in-out; animation: fresco-12 1.2s infinite ease-in-out; } .fr-spinner div:after { content: ''; position: absolute; top: 0; left: 50%; width: 2px; height: 8px; margin-left: -1px; background: #fff; box-shadow: 0 0 1px rgba(0, 0, 0, 0); /* fixes rendering in Firefox */ } .fr-spinner div.fr-spin-1 { -webkit-transform: rotate(30deg); transform: rotate(30deg); -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .fr-spinner div.fr-spin-2 { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-delay: -1s; animation-delay: -1s; } .fr-spinner div.fr-spin-3 { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .fr-spinner div.fr-spin-4 { -webkit-transform: rotate(120deg); transform: rotate(120deg); -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .fr-spinner div.fr-spin-5 { -webkit-transform: rotate(150deg); transform: rotate(150deg); -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .fr-spinner div.fr-spin-6 { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .fr-spinner div.fr-spin-6 { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .fr-spinner div.fr-spin-7 { -webkit-transform: rotate(210deg); transform: rotate(210deg); -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .fr-spinner div.fr-spin-8 { -webkit-transform: rotate(240deg); transform: rotate(240deg); -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .fr-spinner div.fr-spin-9 { -webkit-transform: rotate(270deg); transform: rotate(270deg); -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .fr-spinner div.fr-spin-10 { -webkit-transform: rotate(300deg); transform: rotate(300deg); -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .fr-spinner div.fr-spin-11 { -webkit-transform: rotate(330deg); transform: rotate(330deg); -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } .fr-spinner div.fr-spin-12 { -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-animation-delay: 0s; animation-delay: 0s; } @-webkit-keyframes fresco-12 { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fresco-12 { 0% { opacity: 1; } 100% { opacity: 0; } } /* Thumbnail spinner */ .fr-thumbnail-spinner { position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; width: 40px; height: 40px; } .fr-thumbnail-spinner-spin { position: relative; float: left; margin: 8px 0 0 8px; text-indent: -9999em; border-top: 2px solid rgba(255, 255, 255, 0.2); border-right: 2px solid rgba(255, 255, 255, 0.2); border-bottom: 2px solid rgba(255, 255, 255, 0.2); border-left: 2px solid #fff; -webkit-animation: fr-thumbnail-spin 1.1s infinite linear; animation: fr-thumbnail-spin 1.1s infinite linear; } .fr-thumbnail-spinner-spin, .fr-thumbnail-spinner-spin:after { border-radius: 50%; width: 24px; height: 24px; } @-webkit-keyframes fr-thumbnail-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fr-thumbnail-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* Error */ .fr-error { float: left; position: relative; background-color: #ca3434; width: 160px; height: 160px; } .fr-error-icon { position: absolute; width: 42px; height: 42px; top: 50%; left: 50%; margin-left: -21px; margin-top: -21px; } /* skin: 'fresco' */ /* Sprite */ .fr-window-skin-fresco .fr-side-button-icon, .fr-window-skin-fresco .fr-close-icon, .fr-window-skin-fresco .fr-thumbnails-side-button-icon, .fr-window-skin-fresco .fr-error-icon { background-image: url("../images/fresco/sprite.svg"); } /* fallback png sprite */ .fr-window-skin-fresco.fr-no-svg .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-close-icon, .fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-button-icon, .fr-window-skin-fresco .fr-error-icon { background-image: url("../images/fresco/sprite.png"); } .fr-window-skin-fresco .fr-error-icon { background-position: -160px -126px; } .fr-window-skin-fresco .fr-content-background { background: #101010; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); } .fr-window-skin-fresco.fr-window-ui-fullclick .fr-content-background { box-shadow: none; } /* thumbnail shadow */ .fr-window-skin-fresco .fr-thumbnail-wrapper { box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); } .fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-wrapper { box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); } /* < > */ .fr-window-skin-fresco .fr-side-button-background { background-color: transparent; } .fr-window-skin-fresco .fr-side-previous .fr-side-button-icon { background-position: -13px -14px; } .fr-window-skin-fresco .fr-side-next .fr-side-button-icon { background-position: -93px -14px; } .fr-window-skin-fresco .fr-side-previous:hover .fr-side-button-icon { background-position: -13px -114px; } .fr-window-skin-fresco .fr-side-next:hover .fr-side-button-icon { background-position: -93px -114px; } /* transition (png) */ .fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-previous .fr-side-button-icon { background-position: -13px -114px; } .fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-next .fr-side-button-icon { background-position: -93px -114px; } /* disabled state (png) */ .fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled:hover .fr-side-button-icon { background-position: -13px -214px; } .fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled:hover .fr-side-button-icon { background-position: -93px -214px; } /* transition (svg) */ .fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon { background-position: -13px -114px; } .fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon { background-position: -93px -114px; } .fr-window-skin-fresco.fr-svg .fr-side-button-icon { opacity: 0.5; } .fr-window-skin-fresco.fr-svg .fr-side:hover .fr-side-button-icon, .fr-window-skin-fresco.fr-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon, .fr-window-skin-fresco.fr-svg .fr-hovering-next .fr-side-next .fr-side-button-icon { opacity: 1; } .fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-side .fr-side-button-icon { opacity: 0.8; } /* touch always active but at lower opacity */ /* disabled (svg) */ .fr-window-skin-fresco.fr-svg .fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-svg .fr-hovering-previous .fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-svg .fr-hovering-next .fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-svg .fr-side-disabled:hover .fr-side-button-icon, .fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-side-disabled .fr-side-button-icon { opacity: 0.2; } /* hide for ui:inside/fullclick, only for the image type */ .fr-window-skin-fresco.fr-window-ui-inside .fr-type-image .fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-window-ui-fullclick.fr-showing-type-image .fr-side-disabled .fr-side-button-icon { background-image: none; } /* < > responsive */ @media all and (max-width: 500px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 414px) { .fr-window-skin-fresco .fr-side-previous .fr-side-button-icon { background-position: 0px -300px; } .fr-window-skin-fresco .fr-side-next .fr-side-button-icon { background-position: -48px -300px; } .fr-window-skin-fresco .fr-side-previous:hover .fr-side-button-icon { background-position: 0px -360px; } .fr-window-skin-fresco .fr-side-next:hover .fr-side-button-icon { background-position: -48px -360px; } /* transition (png) */ .fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-previous .fr-side-button-icon { background-position: 0px -360px; } .fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-next .fr-side-button-icon { background-position: -48px -360px; } /* transition (svg) */ .fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon { background-position: 0px -360px; } .fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon { background-position: -48px -360px; } /* disabled state (png) */ .fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled:hover .fr-side-button-icon { background-position: 0px -420px; } .fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled:hover .fr-side-button-icon { background-position: -48px -420px; } } /* X */ /* colors */ .fr-window-skin-fresco.fr-window-ui-outside .fr-close-background { background-color: #363636; } .fr-window-skin-fresco.fr-window-ui-outside .fr-close:hover .fr-close-background { background-color: #434343; } .fr-window-skin-fresco.fr-window-ui-inside .fr-close-background, .fr-window-skin-fresco.fr-window-ui-fullclick .fr-close-background { background-color: #131313; filter: alpha(opacity=80); opacity: 0.8; } .fr-window-skin-fresco.fr-window-ui-inside .fr-close:hover .fr-close-background, .fr-window-skin-fresco.fr-window-ui-fullclick .fr-close:hover .fr-close-background { background-color: #191919; } /* - image */ .fr-window-skin-fresco .fr-close .fr-close-icon { background-position: -168px -8px; } .fr-window-skin-fresco .fr-close:hover .fr-close-icon { background-position: -210px -8px; } /* - transition */ .fr-window-skin-fresco.fr-svg .fr-close .fr-close-icon { background-position: -210px -8px; opacity: 0.8; } .fr-window-skin-fresco .fr-close:hover .fr-close-icon { opacity: 1; } /* iOS 8.4.1 bug: when opacity changes it'll require 2 taps force a single opacity to fix this */ .fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-close .fr-close-icon, .fr-window-skin-fresco.fr-mobile-touch .fr-close:hover .fr-close-icon { opacity: 1; } /* Thumbnails */ .fr-window-skin-fresco .fr-thumbnail-wrapper { border-color: transparent; border-style: solid; border-width: 0; } .fr-window-skin-fresco .fr-thumbnail-wrapper { box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); } .fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-wrapper { box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); } .fr-window-skin-fresco .fr-thumbnail-wrapper { box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.3); } .fr-window-skin-fresco .fr-thumbnail-overlay-border { border-width: 1px; border-color: rgba(255, 255, 255, 0.08); /* should remain rgba */ } /* no inner border on active thumbnail */ .fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-overlay-border, .fr-window-skin-fresco .fr-thumbnail-active:hover .fr-thumbnail-overlay-border { border: 0; } /* Thumbnails < > */ .fr-window-skin-fresco .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon { background-position: -167px -49px; } .fr-window-skin-fresco .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-icon { background-position: -209px -49px; } .fr-window-skin-fresco .fr-thumbnails-side-next .fr-thumbnails-side-button-icon { background-position: -167px -91px; } .fr-window-skin-fresco .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-icon { background-position: -209px -91px; } /* vertical ^ (up/down) adjustments */ .fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon { background-position: -293px -49px; } .fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-icon { background-position: -335px -49px; } .fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-icon { background-position: -293px -91px; } .fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-icon { background-position: -335px -91px; } /* Thumbnails < > transition */ .fr-window-skin-fresco.fr-svg .fr-thumbnails-side .fr-thumbnails-side-button-icon { transition: opacity 0.2s ease-in; opacity: 0.8; } .fr-window-skin-fresco.fr-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled { background-position: -167px -49px; } .fr-window-skin-fresco.fr-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled { background-position: -209px -91px; } .fr-window-skin-fresco.fr-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-icon { opacity: 1; } /* vertical ^ (up/down) adjustments */ .fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled { background-position: -293px -49px; } .fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled { background-position: -335px -91px; } /* lower opacity on disabled states */ .fr-window-skin-fresco.fr-svg .fr-thumbnails-side .fr-thumbnails-side-button-disabled, .fr-window-skin-fresco.fr-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-disabled { opacity: 0.5; } /* lower opacity IE < 9 using images */ .fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon { background-position: -251px -49px; } .fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon { background-position: -251px -91px; } .fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-background, .fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-background { filter: alpha(opacity=50); } /* vertical ^ (up/down) adjustments */ .fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon { background-position: -377px -49px; } .fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon { background-position: -377px -91px; }