/* ========================================================================== * * 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 .product-categories li.cat-parent > a .child-indicator:before, .widget_product_categories .product-categories 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 { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .transition-off { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .after-clear { content: ''; display: block; clear: both; } .box-sizing, .widget_search .search-field, .widget_product_search .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 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .icon-style, .button-sample2 span::before, .button-sample span::before, .widget .recentcomments: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, .widget_product_categories .product-categories li.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; 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 { -moz-box-sizing: content-box; 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 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 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 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 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.secondary[disabled], .button.disabled.secondary, .button.secondary[disabled] { 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.secondary[disabled]:hover, button.secondary[disabled]:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button.secondary[disabled]:hover, .button.secondary[disabled]:focus { background-color: #b9b9b9; } button.disabled.secondary:hover, button.disabled.secondary:focus, button.secondary[disabled]:hover, button.secondary[disabled]:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button.secondary[disabled]:hover, .button.secondary[disabled]:focus { color: #333333; } button.disabled.secondary:hover, button.disabled.secondary:focus, button.secondary[disabled]:hover, button.secondary[disabled]:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button.secondary[disabled]:hover, .button.secondary[disabled]:focus { background-color: #e7e7e7; } button.disabled.success, button.success[disabled], .button.disabled.success, .button.success[disabled] { 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.success[disabled]:hover, button.success[disabled]:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button.success[disabled]:hover, .button.success[disabled]:focus { background-color: #368a55; } button.disabled.success:hover, button.disabled.success:focus, button.success[disabled]:hover, button.success[disabled]:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button.success[disabled]:hover, .button.success[disabled]:focus { color: #ffffff; } button.disabled.success:hover, button.disabled.success:focus, button.success[disabled]:hover, button.success[disabled]:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button.success[disabled]:hover, .button.success[disabled]:focus { background-color: #43ac6a; } button.disabled.alert, button.alert[disabled], .button.disabled.alert, .button.alert[disabled] { 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.alert[disabled]:hover, button.alert[disabled]:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button.alert[disabled]:hover, .button.alert[disabled]:focus { background-color: #cf2a0e; } button.disabled.alert:hover, button.disabled.alert:focus, button.alert[disabled]:hover, button.alert[disabled]:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button.alert[disabled]:hover, .button.alert[disabled]:focus { color: #ffffff; } button.disabled.alert:hover, button.disabled.alert:focus, button.alert[disabled]:hover, button.alert[disabled]:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button.alert[disabled]:hover, .button.alert[disabled]:focus { background-color: #f04124; } button.disabled.warning, button.warning[disabled], .button.disabled.warning, .button.warning[disabled] { 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.warning[disabled]:hover, button.warning[disabled]:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button.warning[disabled]:hover, .button.warning[disabled]:focus { background-color: #cf6e0e; } button.disabled.warning:hover, button.disabled.warning:focus, button.warning[disabled]:hover, button.warning[disabled]:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button.warning[disabled]:hover, .button.warning[disabled]:focus { color: #ffffff; } button.disabled.warning:hover, button.disabled.warning:focus, button.warning[disabled]:hover, button.warning[disabled]:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button.warning[disabled]:hover, .button.warning[disabled]:focus { background-color: #f08a24; } button.disabled.info, button.info[disabled], .button.disabled.info, .button.info[disabled] { 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.info[disabled]:hover, button.info[disabled]:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button.info[disabled]:hover, .button.info[disabled]:focus { background-color: #61b6d9; } button.disabled.info:hover, button.disabled.info:focus, button.info[disabled]:hover, button.info[disabled]:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button.info[disabled]:hover, .button.info[disabled]:focus { color: #ffffff; } button.disabled.info:hover, button.disabled.info:focus, button.info[disabled]:hover, button.info[disabled]:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button.info[disabled]:hover, .button.info[disabled]: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%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border-color 0.15s linear, background 0.15s linear; -moz-transition: border-color 0.15s linear, background 0.15s linear; -ms-transition: border-color 0.15s linear, background 0.15s linear; -o-transition: border-color 0.15s linear, background 0.15s linear; 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[disabled]:not([type]), input[readonly]:not([type]), 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.radius:not([type]), input.radius[type='text'], input.radius[type='password'], input.radius[type='date'], input.radius[type='datetime'], input.radius[type='datetime-local'], input.radius[type='month'], input.radius[type='week'], input.radius[type='email'], input.radius[type='number'], input.radius[type='search'], input.radius[type='tel'], input.radius[type='time'], input.radius[type='url'], input.radius[type='color'], 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 { font-family: fontawesome; content: '\f067'; } .widget_product_categories .product-categories li.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; -moz-animation: rotate-circle 0.8s infinite linear; -ms-animation: rotate-circle 0.8s infinite linear; -o-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; } @keyframes rotate-circle { 0% { transform: rotate(0deg); } 100% { 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; -moz-animation: bounce-middle 0.6s ease 0.1s infinite; -ms-animation: bounce-middle 0.6s ease 0.1s infinite; -o-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%; -moz-transform: translateY(-10px) translateZ(0); -o-transform: translateY(-10px) translateZ(0); -ms-transform: translateY(-10px) translateZ(0); -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; -moz-animation: bounce-middle 0.6s ease 0s infinite; -ms-animation: bounce-middle 0.6s ease 0s infinite; -o-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; -moz-animation: bounce-middle 0.6s ease 0.2s infinite; -ms-animation: bounce-middle 0.6s ease 0.2s infinite; -o-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; -moz-animation: alter_back 1s ease-in-out infinite; -ms-animation: alter_back 1s ease-in-out infinite; -o-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; -moz-animation: alter_white 1s ease-in-out infinite; -ms-animation: alter_white 1s ease-in-out infinite; -o-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; } @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_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); -webkit-transition: all 0.2s linear; 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); -webkit-transition: all 0.2s linear; 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; 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; } @keyframes circle-rotate { 0% { transform: rotate(0deg); } 100% { 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; 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; animation: olter_dark 1s ease-in-out infinite; } @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_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; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; 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; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; 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; -moz-border-radius: 60px; -webkit-border-radius: 60px; -ms-border-radius: 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 { -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -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); -webkit-transition: filter 0.3s ease-in-out; -moz-transition: filter 0.3s ease-in-out; -ms-transition: filter 0.3s ease-in-out; -o-transition: filter 0.3s ease-in-out; transition: 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+ */ -ms-transform: rotate(0deg); /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ } 100% { -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(360deg); /* IE 9 */ transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */ } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(0deg); /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ } 100% { -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(360deg); /* 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; -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .loaded #wstock-loader-wrapper { visibility: hidden; opacity: 0; -webkit-transition: all 0.5s ease-out; 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: 0.2em 0.25em 0.15em; border: solid 0.08em #eeeeee; border-radius: 0.1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right { margin-left: 0.3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: 0.3em; } .fa.pull-right { margin-left: 0.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); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=2)'; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)'; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)'; -webkit-transform: scale(-1, 1); -ms-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); -ms-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 { 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; -webkit-box-shadow: 0px; -moz-box-shadow: 0px; box-shadow: 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; 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 { -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; 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; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; 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; transition: opacity 0.3s ease; } *:focus:-moz-placeholder { opacity: 0; transition: opacity 0.3s ease; } *:focus::-moz-placeholder { opacity: 0; transition: opacity 0.3s ease; } *:focus:-ms-input-placeholder { opacity: 0; 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; 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; 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; -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.1); 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; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; 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 { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; 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; -khtml-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; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { 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; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); 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; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; 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; -webkit-border-radius: 3px; -moz-border-radius: 3px; 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; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease; -webkit-border-radius: 30px; -moz-border-radius: 30px; 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; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; 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; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; 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: 0.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; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.7s; -moz-animation-duration: 0.7s; -ms-animation-duration: 0.7s; -o-animation-duration: 0.7s; animation-duration: 0.7s; /*-webkit-animation-name: flipY; -moz-animation-name: flipY; -o-animation-name: flipY; animation-name: flipY;*/ -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-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 { -moz-border-radius: 100px !important; -webkit-border-radius: 100px !important; -ms-border-radius: 100px !important; 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 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.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; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -webkit-transition: transform 2s ease; -moz-transition: transform 2s ease; -ms-transition: transform 2s ease; -o-transition: transform 2s ease; transition: transform 2s ease; } .blog_list_img_link:hover .blog_list_img { -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -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; -webkit-box-shadow: none !important; -moz-box-shadow: none !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; background: -moz-linear-gradient( top, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.6) 100% ); /* FF3.6-15 */ background: -webkit-linear-gradient( top, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.6) 100% ); /* 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; -webkit-transition: transform 2s ease; -moz-transition: transform 2s ease; -ms-transition: transform 2s ease; -o-transition: transform 2s ease; transition: 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%); -ms-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; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-shadow: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; 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; -webkit-border-radius: 0px; 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 { -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; 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); -moz-border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px; 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); -moz-border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px; 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; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; 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 { -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; 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; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; 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 { -moz-border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px; 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; -moz-border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px; 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 { -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; 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-page .star-rating { 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 { color: rgba(0, 0, 0, 0.2) !important; } .mc-dark .woocommerce .star-rating:before, .mc-dark .woocommerce-page .star-rating:before { color: rgba(255, 255, 255, 0.3) !important; } .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; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; -ms-border-radius: 3px !important; 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; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; -ms-border-radius: 3px !important; 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); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); 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); -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1); 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; -moz-animation: circle-rotate 0.5s infinite linear !important; -ms-animation: circle-rotate 0.5s infinite linear !important; -o-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; -moz-animation: bounce-middle-but 0.6s ease 0.1s infinite; -ms-animation: bounce-middle-but 0.6s ease 0.1s infinite; -o-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%; -moz-transform: translateY(-6px) translateZ(0); -o-transform: translateY(-6px) translateZ(0); -ms-transform: translateY(-6px) translateZ(0); -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; -moz-animation: bounce-middle-but 0.6s ease 0s infinite; -ms-animation: bounce-middle-but 0.6s ease 0s infinite; -o-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; -moz-animation: bounce-middle-but 0.6s ease 0.2s infinite; -ms-animation: bounce-middle-but 0.6s ease 0.2s infinite; -o-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 { -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; 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; -moz-border-radius: 7px; -webkit-border-radius: 7px; -ms-border-radius: 7px; 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; -webkit-transition: none; -moz-transition: none; -o-transition: 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%; -webkit-transition: opacity 300ms ease; -moz-transition: opacity 300ms ease; transition: opacity 300ms ease; /*padding-top:100px;*/ } .product_thumbnails .swiper-slide { padding-bottom: 20px; opacity: 0.2; cursor: pointer; -webkit-transition: opacity 300ms ease; -moz-transition: opacity 300ms ease; 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; -webkit-transition: opacity 300ms ease; -moz-transition: opacity 300ms ease; 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; -moz-border-radius: 48px; -webkit-border-radius: 48px; -ms-border-radius: 48px; border-radius: 48px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ -webkit-box-shadow: none; -moz-box-shadow: none; 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; -moz-border-radius: 50px; -webkit-border-radius: 50px; -ms-border-radius: 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, 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; -webkit-transition: left 0.3s; transition: left 0.3s; } .box-share-container.open .box-share-link { left: 0; } .box-share-container.open a:nth-child(1) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } .box-share-container.open a:nth-child(2) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .box-share-container.open a:nth-child(3) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .box-share-container.open a:nth-child(4) { -webkit-transition-delay: 0.2s; 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; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); 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; -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1); 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; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); 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; -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1); 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); -moz-border-radius: 8px; -webkit-border-radius: 8px; -ms-border-radius: 8px; 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 .reset_variations, .woocommerce #content div.product form.cart .reset_variations, .woocommerce-page div.product form.cart .reset_variations, .woocommerce-page #content div.product form.cart .reset_variations { text-transform: uppercase; 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 .reset_variations:hover, .woocommerce #content div.product form.cart .reset_variations:hover, .woocommerce-page div.product form.cart .reset_variations:hover, .woocommerce-page #content div.product form.cart .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; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; 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; -moz-animation: circle-rotate 0.5s infinite linear !important; -ms-animation: circle-rotate 0.5s infinite linear !important; -o-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; -moz-animation: bounce-middle-but 0.6s ease 0.1s infinite; -ms-animation: bounce-middle-but 0.6s ease 0.1s infinite; -o-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%; -moz-transform: translateY(-6px) translateZ(0); -o-transform: translateY(-6px) translateZ(0); -ms-transform: translateY(-6px) translateZ(0); -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; -moz-animation: bounce-middle-but 0.6s ease 0s infinite; -ms-animation: bounce-middle-but 0.6s ease 0s infinite; -o-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; -moz-animation: bounce-middle-but 0.6s ease 0.2s infinite; -ms-animation: bounce-middle-but 0.6s ease 0.2s infinite; -o-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 { -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px; 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); -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; -ms-border-radius: 0 5px 0 0; 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); -moz-border-radius: 0 0 5px 0; -webkit-border-radius: 0 0 5px 0; -ms-border-radius: 0 0 5px 0; 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); -moz-border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px; 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; -webkit-transition: all 500ms ease-in-out 0s; -moz-transition: all 500ms ease-in-out 0s; -ms-transition: all 500ms ease-in-out 0s; -o-transition: all 500ms ease-in-out 0s; 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; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.7s; -moz-animation-duration: 0.7s; -ms-animation-duration: 0.7s; -o-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-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; -webkit-border-radius: 50px; -moz-border-radius: 50px; 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; -webkit-border-radius: 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 { -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; 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 { -moz-border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px; -ms-border-radius: 5px 0px 0px 5px; 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; -webkit-transition: -webkit-transform 0.3s 0.3s; transition: 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; -webkit-transition: -webkit-transform 0.3s; transition: 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); -webkit-transition-delay: 0s; transition-delay: 0s; } .product_navigation .nav-fillslide a:hover div { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transform: translateX(0); transform: translateX(0); -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); } .mc-dark .product_navigation .nav-fillslide a:hover div { -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2); 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; -moz-border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px; 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; -webkit-box-shadow: none; 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; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -ms-animation-duration: 0.3s; -o-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-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; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -webkit-transition: transform 2s ease; -moz-transition: transform 2s ease; -ms-transition: transform 2s ease; -o-transition: transform 2s ease; transition: transform 2s ease; } #products.product-category-list li.category_grid_item .category_grid_box:hover .category_item_bkg { -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -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; background: -moz-linear-gradient( top, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.6) 100% ); /* FF3.6-15 */ background: -webkit-linear-gradient( top, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.6) 100% ); /* 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; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; 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; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.08); 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; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; 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; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; 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 { -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; 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 { -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; 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; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; 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; -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1); -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; 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; -moz-border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; border-radius: 0; background-clip: padding-box; /* stops bg color from leaking outside the border: */ -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1); 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; -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; 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; -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); -moz-transform: translateY(-4px); -o-transform: translateY(-4px); -ms-transform: translateY(-4px); -webkit-transform: translateY(-4px); transform: translateY(-4px); z-index: 9999; } .mc-dark #products .product-item figure.product-inner:hover { -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.3); 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; -moz-animation: none !important; -ms-animation: none !important; -o-animation: none !important; animation: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; -moz-transform: none !important; -o-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; } #products .product-item.product_hover_disable figure.product-inner.hover { -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; -moz-transform: none !important; -o-transform: none !important; -ms-transform: 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; -moz-animation: none !important; -ms-animation: none !important; -o-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; -moz-transform: translateY(0px) !important; -o-transform: translateY(0px) !important; -ms-transform: translateY(0px) !important; -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; -moz-transform: translateY(0px) !important; -o-transform: translateY(0px) !important; -ms-transform: translateY(0px) !important; -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; -moz-animation: none !important; -ms-animation: none !important; -o-animation: none !important; animation: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; -moz-transform: none !important; -o-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; } #products .product-item.product_hover_mob_disable figure.product-inner.hover { -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; -moz-transform: none !important; -o-transform: none !important; -ms-transform: 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; -moz-animation: none !important; -ms-animation: none !important; -o-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; -moz-transform: translateY(0px) !important; -o-transform: translateY(0px) !important; -ms-transform: translateY(0px) !important; -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; -moz-transform: translateY(0px) !important; -o-transform: translateY(0px) !important; -ms-transform: translateY(0px) !important; -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; -moz-animation: none !important; -ms-animation: none !important; -o-animation: none !important; animation: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; -moz-transform: none !important; -o-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; } #products .product-item.product_hover_mob_disable figure.product-inner.hover { -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; -moz-transform: none !important; -o-transform: none !important; -ms-transform: 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; -moz-animation: none !important; -ms-animation: none !important; -o-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; -moz-transform: translateY(0px) !important; -o-transform: translateY(0px) !important; -ms-transform: translateY(0px) !important; -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; -moz-transform: translateY(0px) !important; -o-transform: translateY(0px) !important; -ms-transform: translateY(0px) !important; -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; -moz-transform: translateY(0px) !important; -o-transform: translateY(0px) !important; -ms-transform: translateY(0px) !important; -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; -moz-transform: translateY(0px) !important; -o-transform: translateY(0px) !important; -ms-transform: translateY(0px) !important; -webkit-transform: translateY(0px) !important; transform: translateY(0px) !important; } .product-layout-list figure.product-inner:hover { -moz-transform: translateY(0px) !important; -o-transform: translateY(0px) !important; -ms-transform: translateY(0px) !important; -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; -moz-animation: fadeIn 0.6s; -ms-animation: fadeIn 0.6s; -o-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; -moz-animation: fadeIn 0.6s; -ms-animation: fadeIn 0.6s; -o-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); } .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 .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; -webkit-border-radius: 20px; -moz-border-radius: 20px; 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; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; 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); -webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.15); 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; -webkit-box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.1); 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 { -webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.15); 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; -moz-animation: fadeIn 0.6s; -ms-animation: fadeIn 0.6s; -o-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); -webkit-box-shadow: none; -moz-box-shadow: none; 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; -webkit-transition: opacity 0ms ease 0.3s !important; -moz-transition: opacity 0ms ease 0.3s !important; transition: opacity 0ms ease 0.3s !important; } .product_thumbnail.with_second_image:hover .product_thumbnail_background { opacity: 1; -webkit-transition: opacity 0ms ease 0s !important; -moz-transition: opacity 0ms ease 0s !important; 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); -webkit-transition: opacity 300ms ease 0s; -moz-transition: opacity 300ms ease 0s; -ms-transition: opacity 300ms ease 0s; -o-transition: opacity 300ms ease 0s; transition: opacity 300ms ease 0s; } .product_thumbnail.with_second_image.second_image_loaded:hover img { opacity: 0 !important; -webkit-transition: opacity 300ms ease 0.05s !important; -moz-transition: opacity 300ms ease 0.05s !important; -ms-transition: opacity 300ms ease 0.05s !important; -o-transition: opacity 300ms ease 0.05s !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); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform, opacity; -webkit-transform: translateX(200%) scale(0.7); -moz-transform: translateX(200%) scale(0.7); -ms-transform: translateX(200%) scale(0.7); -o-transform: translateX(200%) scale(0.7); transform: translateX(200%) scale(0.7); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; -moz-transition: -moz-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; } .cd-item-wrapper li.selected { /* selected item */ position: relative !important; opacity: 1; -webkit-transform: translateX(0) scale(1.3); -moz-transform: translateX(0) scale(1.3); -ms-transform: translateX(0) scale(1.3); -o-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); -moz-transform: translateX(-100%) scale(0.7); -ms-transform: translateX(-100%) scale(0.7); -o-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); -moz-transform: translateX(100%) scale(0.7); -ms-transform: translateX(100%) scale(0.7); -o-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); -moz-transform: translateX(-200%) scale(0.7); -ms-transform: translateX(-200%) scale(0.7); -o-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); -moz-transform: translateX(3%) scale(1.25); -ms-transform: translateX(3%) scale(1.25); -o-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); -moz-transform: translateX(103%) scale(0.7); -ms-transform: translateX(103%) scale(0.7); -o-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); -moz-transform: translateX(-3%) scale(1.25); -ms-transform: translateX(-3%) scale(1.25); -o-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); -moz-transform: translateX(-103%) scale(0.7); -ms-transform: translateX(-103%) scale(0.7); -o-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); -moz-transform: translateX(-97%) scale(0.75); -ms-transform: translateX(-97%) scale(0.75); -o-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); -moz-transform: translateX(97%) scale(0.75); -ms-transform: translateX(97%) scale(0.75); -o-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%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-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; -webkit-transition: border-color 0.2s, background-color 0.2s; -moz-transition: border-color 0.2s, background-color 0.2s; 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; -webkit-transition: -webkit-transform 0.3s ease; -moz-transition: -moz-transform 0.3s ease; -o-transition: -o-transform 0.3s ease; -ms-transition: -ms-transform 0.3s ease; transition: transform 0.3s ease; -moz-transform: rotate(0); -webkit-transform: translateZ(0); } .products li:not(.catalog_mode):hover .product_after_shop_loop_switcher { -moz-transform: translateY(-40px); -o-transform: translateY(-40px); -ms-transform: translateY(-40px); -webkit-transform: translateY(-40px); transform: translateY(-40px); } .products li.product_added_to_cart .product_after_shop_loop_switcher { -moz-transform: translateY(-40px); -o-transform: translateY(-40px); -ms-transform: translateY(-40px); -webkit-transform: translateY(-40px); transform: translateY(-40px); -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; 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; -moz-animation: fadeIn 0.6s; -ms-animation: fadeIn 0.6s; -o-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; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -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; -moz-animation: circle-rotate 0.3s infinite linear !important; -ms-animation: circle-rotate 0.3s infinite linear !important; -o-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); -moz-border-radius: 8px; -webkit-border-radius: 8px; -ms-border-radius: 8px; 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 #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); -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ -webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.15); 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; -webkit-box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.1); 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 { -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px; 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; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; 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); -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; 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%; transform: translate(-50%, -50%); -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2); 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; -webkit-box-shadow: none; -moz-box-shadow: none; 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%; transform: translate(-50%, -50%); } .ev-attr-swatches .swatch-image.selected { border-color: rgba(0, 0, 0, 0.3); } .tawcvs-swatches .swatch.swatch-color { -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3); } .tawcvs-swatches .swatch.swatch-color.selected { -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3); } .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; border-radius: 3px; background-color: #fff; border: 1px solid black; opacity: 0.4; } .tawcvs-swatches .swatch.swatch-label.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; opacity: 1; font-weight: 600; } .tawcvs-swatches .swatch.swatch-image { margin-right: 10px; max-width: 50px; border-radius: 3px; border: 1px solid transparent; opacity: 0.6; } .tawcvs-swatches .swatch.swatch-image img { vertical-align: top; } .tawcvs-swatches .swatch.swatch-image.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; opacity: 1; border: 1px solid rgba(0, 0, 0, 0.3); } #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; -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.08); 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; -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.08); 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; -moz-box-shadow: none; -webkit-box-shadow: none; 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; -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.08); 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; -moz-animation: none !important; -o-animation: none !important; -ms-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; -webkit-border-radius: 5px; -moz-border-radius: 5px; 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; -webkit-box-shadow: none; -moz-box-shadow: 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 { -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.08); 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; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; 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; -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.08); 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; } } @-moz-keyframes main_nav_anim { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-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; -moz-border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px; 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; -khtml-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; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.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: 0.3s; -moz-animation-duration: 0.3s; -o-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: main_nav_anim; -moz-animation-name: main_nav_anim; -o-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; -moz-border-radius: 26px; -webkit-border-radius: 26px; -ms-border-radius: 26px; 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 { -webkit-box-shadow: none; -moz-box-shadow: none; 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.wcml-cs-active-currency:hover .wcml-cs-submenu, .language-and-currency .wcml-dropdown li.wcml-cs-active-currency:focus .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: 0.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: 0.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; -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.08); 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; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; 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.wcml-cs-active-currency:hover .wcml-cs-submenu, .mob-language-and-currency .wcml-dropdown li.wcml-cs-active-currency:focus .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: 0.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; -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.08); 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: 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; -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.04); 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; -moz-animation-name: slideDown; -o-animation-name: slideDown; animation-name: slideDown; } .sticky-header.slideUp { -webkit-animation-name: slideUp; -moz-animation-name: slideUp; -o-animation-name: slideUp; animation-name: slideUp; } @-webkit-keyframes slideDown { 0% { -webkit-transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes slideDown { 0% { -moz-transform: translateY(-100%); } 100% { -moz-transform: translateY(0); } } @-o-keyframes slideDown { 0% { -o-transform: translateY(-100%); } 100% { -o-transform: translateY(0); } } @keyframes slideDown { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(0); } 100% { -webkit-transform: translateY(-120%); } } @-moz-keyframes slideUp { 0% { -moz-transform: translateY(0); } 100% { -moz-transform: translateY(-120%); } } @-o-keyframes slideUp { 0% { -o-transform: translateY(0); } 100% { -o-transform: translateY(-120%); } } @keyframes slideUp { 0% { transform: translateY(0); } 100% { 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'] { -moz-border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ -webkit-box-shadow: none; -moz-box-shadow: none; 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; -moz-border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); -webkit-box-flex: 1; -ms-flex: 1 1 auto; 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: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -ms-flex-align: stretch; 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; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; 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 { -webkit-box-flex: 1; -ms-flex: 1 1 285px; 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 { -moz-border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ -webkit-box-shadow: none; -moz-box-shadow: none; 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; -moz-border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); 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; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; 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 { -moz-border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px; 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 { -moz-border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px; 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; -moz-border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px; 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; -moz-border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px; 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; -moz-border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); 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; -moz-border-radius: 30px; -webkit-border-radius: 30px; -ms-border-radius: 30px; 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 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; -moz-border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px; 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; -moz-border-radius: 130px; -webkit-border-radius: 130px; -ms-border-radius: 130px; 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: 0.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; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; 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: 0.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; -webkit-border-radius: 70px; -moz-border-radius: 70px; 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 { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .gallery-slider .swiper-slide { height: 100%; opacity: 0.3; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -ms-transition: opacity 1s; -o-transition: opacity 1s; 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; -khtml-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; -moz-border-radius: 130px; -webkit-border-radius: 130px; -ms-border-radius: 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; -moz-border-radius: 100px; -webkit-border-radius: 100px; -ms-border-radius: 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 { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; 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; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .gallery .gallery-item .gallery-icon a:hover:before { background: rgba(0, 0, 0, 0.6); } .gallery .gallery-item img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; backface-visibility: hidden; -webkit-backface-visibility: hidden; width: 100%; height: auto; border: 0 !important; } .gallery .gallery-item:hover img { -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -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%; -webkit-transition: -webkit-transform 0.5s; transition: 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; -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; 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; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .off-menu { position: fixed; top: 0; left: 0; z-index: 1000; visibility: hidden; width: 320px; height: 100%; padding: 0; -webkit-transition: all 1s; 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; -webkit-transition: -webkit-transform 0s; transition: 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; -webkit-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2); -moz-border-radius: 130px; -webkit-border-radius: 130px; -ms-border-radius: 130px; 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; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 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 { margin: 0; padding: 6px 0; } .widget ul.menu li a, .widget.widget_categories ul li a { font-weight: bold; font-weight: 400; line-height: 10px; } .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 { 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 { 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 { position: relative; /*padding:0 0 0 20px;*/ text-indent: 23px; } .widget .recentcomments: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 { color: rgba(255, 255, 255, 0.3); } .widget .recentcomments 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 { 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 { border: 1px solid rgba(255, 255, 255, 0.1); } .widget_calendar #calendar_wrap .wp-calendar-nav { padding: 5px 10px; } .widget_calendar #calendar_wrap .wp-calendar-nav .wp-calendar-nav-prev { float: left; font-weight: bold; } .widget_calendar #calendar_wrap .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; } .widget_product_categories .product-categories { padding: 5px 0; background: rgba(0, 0, 0, 0.03); -moz-border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px; 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 { background: rgba(255, 255, 255, 0.07); } .widget_product_categories .product-categories > .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 { color: rgba(255, 255, 255, 0.6); } .widget_product_categories .product-categories li { margin: 0 !important; border-bottom: 1px solid #fff; } .widget_product_categories .product-categories li:last-child { border-bottom: none; } .widget_product_categories .product-categories 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 { color: rgba(255, 255, 255, 0.6); } .widget_product_categories .product-categories 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 { color: white; } .widget_product_categories .product-categories li.cat-parent { position: relative; } .widget_product_categories .product-categories li.cat-parent > a .child-indicator { position: absolute; right: 8px; top: 10px; display: block; width: 26px; height: 26px; line-height: 26px; -moz-border-radius: 26px; -webkit-border-radius: 26px; -ms-border-radius: 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 { background-color: #333; } .widget_product_categories .product-categories 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 { color: rgba(255, 255, 255, 0.8); } .widget_product_categories .product-categories 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 { 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 { background-color: rgba(255, 255, 255, 0.8) !important; } .widget_product_categories .product-categories 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 { color: rgba(0, 0, 0, 0.8); } .widget_product_categories .product-categories .children { display: none; margin: 0 !important; padding: 15px 0; background: rgba(0, 0, 0, 0.05); } .widget_product_categories .product-categories .children li { border-bottom: none; } .widget_product_categories .product-categories .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 { top: 5px; background: rgba(255, 255, 255, 0.6); } .widget_product_categories .product-categories .current-cat-parent > .children { display: block; } .widget_product_categories .product-categories .current-cat > .children { display: block; } .widget_product_categories .product-categories .current-cat > a { color: black; } .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; } .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); } .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 { -moz-border-radius: 1px; -webkit-border-radius: 1px; -ms-border-radius: 1px; 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 { -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; 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; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; 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; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; 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, .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 { font-family: 'Woodstock'; position: absolute; top: 0px; 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_search, .widget_product_search { position: relative; } .widget_search .search-field, .widget_product_search .search-field { -moz-border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ height: 55px; height: 3.4375rem; 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_product_search .search-field, .fc-dark .widget_product_search .search-field, .slide-from-left.snd-dark .widget_product_search .search-field { color: #fff; background-color: rgba(255, 255, 255, 0.07); } .widget_product_search label, .widget_search label { display: none; } .widget_search .search-form, .woocommerce-product-search { position: relative; } .widget_search .search-form:after, .woocommerce-product-search:after { position: absolute; top: 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 .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 { color: #fff; } .widget .tagcloud a { color: rgba(0, 0, 0, 0.7); -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; 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 { color: rgba(255, 255, 255, 0.7); border: 1px solid rgba(255, 255, 255, 0.1); } .widget .tagcloud 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 { 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-color { display: inline-block; margin-right: 15px; } .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%; opacity: 0.5; 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: 1; } .widget.widget_layered_nav ul li.show-color .swatch-color:after { 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 { 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; transform: rotate(-45deg); } .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 { -webkit-box-shadow: inset 0px 10px 40px -10px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0px 10px 40px -10px rgba(0, 0, 0, 0.15); 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; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; 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; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; 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; }