/* ========================================================================== * * 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, a, a:hover, .arthref .icon-container .share-title, .button, input[type="button"], input[type="reset"], input[type="submit"], .shortcode_banner_simple_height_inner:before, .shortcode_banner_simple_height_inner:hover:before, .from_the_blog_item .from_the_blog_content_desc h3, .site-social-icons-shortcode ul li a 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, .woocommerce table.shop_table.cart td.product-remove i, .woocommerce-page table.shop_table.cart td.product-remove i, .products .product_after_shop_loop_switcher a.button, .products .category-price-grid-list a.button, .products a.button:hover, .quick-view-button, .quick-view-button:after, .quick-view-button:hover, .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, .woocommerce .single-product .owl-dots .owl-dot span, .woocommerce-page .single-product .owl-dots .owl-dot span, .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, .box-share-master-container a i, .box-share-master-container a span, .box-share-master-container a:hover span, .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, .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 .shop-ordering li .shop-layout-opts a i:after, .woocommerce-page .shop-ordering li .shop-layout-opts a i:after, .woocommerce .shop-ordering li .shop-layout-opts a:hover i:after, .woocommerce-page .shop-ordering li .shop-layout-opts a:hover i:after, .select2-drop .select2-results .select2-highlighted, .prod-plugins ul li a, .prod-plugins ul li .feedback, .prod-plugins ul li a:hover, .prod-plugins ul li .feedback:hover, .owl-carousel .owl-nav div.owl-prev, .owl-carousel .owl-nav div.owl-next, .owl-carousel .owl-nav div.owl-prev:hover, .owl-carousel .owl-nav div.owl-next:hover, .woocommerce span.ribbon, .woocommerce-page span.ribbon, #jckqv .jckqv-images__arr .jckqv-icon-chevron-with-circle-left:before, #jckqv .jckqv-images__arr .jckqv-icon-chevron-with-circle-right: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, .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, .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, .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, nav#nav ul li:hover, nav#st-nav ul li:hover, nav#nav ul li > a, nav#st-nav ul li > a, #page_header_wrap .tdl-megamenu-wrapper .tdl-megamenu-bullet:before, #header-st .tdl-megamenu-wrapper .tdl-megamenu-bullet:before, .tdl-megamenu-bullet:before, #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, .v-nav .mega-control-menu, .select2-drop.topbar .select2-results .select2-highlighted, .select2-drop.sidebar .select2-results .select2-highlighted, .select2-drop.topbar .select2-results .select2-result-label, .select2-drop.sidebar .select2-results .select2-result-label, .select2-container.topbar-language-switcher a, .select2-container.wcml_currency_switcher a, .select2-container.topbar-language-switcher a:hover, .select2-container.wcml_currency_switcher a:hover, .mobile-navigation .menu-item-has-children .more, .mobile-navigation .menu-item-language .more, .mobile-navigation .menu-item-has-children .more:hover, .mobile-navigation .menu-item-language .more:hover, .mobile-navigation .sub-menu .menu-item-has-children .more:hover, .mobile-navigation .sub-menu .sub-menu .menu-item-has-children .more:hover, .mobile-navigation a, .mobile-navigation a:hover, .l-search button.ajax-search-submit, .l-search button.ajax-search-submit:hover, .ajax-search-results .search-result, .ajax-search-results .search-result:hover, .mobile-menu-button a, .mobile-menu-button a .mobile-menu-icon, .mobile-menu-button a .mobile-menu-icon:before, .mobile-menu-button a span, .mobile-menu-button a:hover .mobile-menu-icon, .mobile-menu-button a:hover .mobile-menu-icon:before, .mobile-menu-button a:hover span, .contact-info, .contact-info .contact-info-title, .contact-info .inside-area, .contact-info .contact-info-icon, .contact-info .contact-info-arrow, .contact-info:hover .contact-info-icon, .contact-info:hover .contact-info-title, .contact-info:hover .contact-info-arrow, .social-icons li a:before, .l-header-shop .icon-shop:before, .l-header-shop .overview, .l-header-shop span, .l-header-shop:hover .overview, #page-wrap a, #page-wrap a:hover, .comment-reply a, .comment-edit-link a, .comment-reply i, .comment-edit-link i, .comment-reply:hover a, .comment-reply:hover i, .comment-edit-link:hover a, .comment-edit-link:hover i, .slide-from-right.off-menu-open .off-drop, #minicart-offcanvas table.cart_list .product-thumbnail img, #minicart-offcanvas table.cart_list .product-thumbnail img:hover, #minicart-offcanvas table.cart_list .product-remove .remove i:after, #minicart-offcanvas table.cart_list .product-remove .remove:hover i:after, #minicart-offcanvas .widget .widget_shopping_cart_content .product-name a, #minicart-offcanvas .widget .widget_shopping_cart_content .product-name a:hover, #minicart-offcanvas .widget_shopping_cart .buttons a.checkout, .woocommerce #minicart-offcanvas .widget_shopping_cart .buttons a.checkout, #minicart-offcanvas .widget_shopping_cart .buttons a.checkout:hover, .woocommerce #minicart-offcanvas .widget_shopping_cart .buttons a.checkout:hover, .close-icon, .close-icon:hover, .widget_product_categories .product-categories li.cat-parent > a .child-indicator, .widget_product_categories .product-categories li.cat-parent > a .child-indicator:before, .widget_product_categories .product-categories li.cat-parent > a .child-indicator:hover { -webkit-transition: all .20s ease-in-out; -moz-transition: all .20s ease-in-out; -ms-transition: all .20s ease-in-out; -o-transition: all .20s ease-in-out; transition: all .20s 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, 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, textarea, .l-search, .widget_search .search-field, .widget_product_search .search-field { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .icon-style, .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, .woocommerce-product-search:after, .widget_search .search-form:after, .contact-info .contact-info-arrow::after, .myacc-navigation .login-icon:after, .mobile-navigation a.acc-link .login-icon:before, #minicart-offcanvas .cart-login-link:before, .myacc-navigation .wishlist-icon:after, .mobile-navigation a.acc-link .wishlist-icon:before, .myacc-navigation .acc-icon:after, .mobile-navigation a.acc-link .acc-icon:before, #minicart-offcanvas .cart-myaccount-link:before, .main-navigation ul li.menu-item-has-children > a:after, .select2-container .select2-choice .select2-arrow:before, .mobile-menu-button a .mobile-menu-icon:before, #mobiles-menu-offcanvas .mobile-menu-icon:before, .widget_product_categories .product-categories li.cat-parent > a .child-indicator::before, .widget_product_categories .product-categories li.cat-parent > a .child-indicator.open::before, #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, #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, .shop-ordering .shop-layout-opts a i.grid-icon:after, .shop-ordering .shop-layout-opts a i.list-icon:after, #button_offcanvas_sidebar_left i:before, .prod-plugins .add_to_wishlist:before, .prod-plugins .yith-wcwl-wishlistexistsbrowse a:before, .prod-plugins .yith-wcwl-wishlistaddedbrowse span:before, .compare-button a:before, .single-product-infos .compare.button:before, .owl-prev:after, .owl-next:after, .fr-close-icon::before, .from_the_blog_item .from_the_blog_content_desc .blog-slider-meta span:before, .cart-collaterals .shipping-calculator-button:after, .cart-empty-icon:after, .quick-view-button:after, .variation-select:after, #jckqv .jckqv-images__arr .jckqv-icon-chevron-with-circle-left:before, #jckqv .jckqv-images__arr .jckqv-icon-chevron-with-circle-right:before, .social-icons li 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, .entry-meta .edit-link a:before, #nav-below .nav-left .nav-previous:before, #nav-below .nav-right .nav-next:before, .format-quote .entry-content blockquote .quote-left:before, .format-quote .entry-content blockquote .quote-right:before, #minicart-offcanvas #empty-cart-offcanvas-box:after, .widget .recentcomments:before, .button-sample span::before, .button-sample2 span::before { 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: proxima-nova, Helvetica, Roboto, Arial, sans-serif !important; 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, .columns + .column:last-child, .column + .columns:last-child, .columns + .columns:last-child { float: right; } .column + .column.end, .columns + .column.end, .column + .columns.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; } } .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: proxima-nova, Helvetica, Roboto, Arial, sans-serif !important; 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 proxima-nova, Helvetica, Arial, sans-serif !important; 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: proxima-nova, Helvetica, Arial, sans-serif !important; 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 { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; 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, .nav-container .tdl-megamenu-wrapper a:hover, .v-nav nav#st-nav .menu-item-has-children > a:after, .v-nav nav#st-nav .tdl-dropdown-menu > a:after, .v-nav .mega-control-menu i { 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, .woocommerce-product-search: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 .2s linear; transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; -o-transition: all .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 .2s linear; transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; -o-transition: all .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; display: none; } .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; } /** *----------------------------------------------------------------------------------------------- * IE8 styles. *----------------------------------------------------------------------------------------------- */ /*@import url("http://fonts.googleapis.com/css?family=Lato:300,400,700,900,400italic,700italic");*/ /*@import url(http://fonts.googleapis.com/css?family=Open+Sans);*/ @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.woff?421wez") format("woff"), url("../fonts/woodstock/woodstock.ttf?421wez") format("truetype"), url("../fonts/woodstock/woodstock.svg?421wez#woodstock") format("svg"); 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.6.3 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome/fontawesome-webfont.eot?v=4.6.3"); src: url("../fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"), url("../fonts/fontawesome/fontawesome-webfont.woff2?v=4.6.3") format("woff2"), url("../fonts/fontawesome/fontawesome-webfont.woff?v=4.6.3") format("woff"), url("../fonts/fontawesome/fontawesome-webfont.ttf?v=4.6.3") format("truetype"), url("../fonts/fontawesome/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -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-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"; } .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; 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; } /* Version: 3.5.1 Timestamp: Tue Jul 22 18:58:56 EDT 2014 */ .select2-container { margin: 0; position: relative; display: inline-block; /* inline-block for ie7 */ zoom: 1; *display: inline; vertical-align: middle; } .select2-container, .select2-drop, .select2-search, .select2-search input { /* Force border-box so that % widths fit the parent container without overlap because of margin/padding. More Info : http://www.quirksmode.org/css/box.html */ -webkit-box-sizing: border-box; /* webkit */ -moz-box-sizing: border-box; /* firefox */ box-sizing: border-box; /* css3 */ } .select2-container .select2-choice { display: block; height: 26px; padding: 0 0 0 8px; overflow: hidden; position: relative; border: 1px solid #aaa; white-space: nowrap; line-height: 26px; color: #444; text-decoration: none; border-radius: 4px; background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff)); background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%); background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0); background-image: linear-gradient(to top, #eee 0%, #fff 50%); } html[dir="rtl"] .select2-container .select2-choice { padding: 0 8px 0 0; } .select2-container.select2-drop-above .select2-choice { border-bottom-color: #aaa; border-radius: 0 0 4px 4px; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff)); background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%); background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); background-image: linear-gradient(to bottom, #eee 0%, #fff 90%); } .select2-container.select2-allowclear .select2-choice .select2-chosen { margin-right: 42px; } .select2-container .select2-choice > .select2-chosen { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: none; width: auto; } html[dir="rtl"] .select2-container .select2-choice > .select2-chosen { margin-left: 26px; margin-right: 0; } .select2-container .select2-choice abbr { display: none; width: 12px; height: 12px; position: absolute; right: 24px; top: 8px; font-size: 1px; text-decoration: none; border: 0; cursor: pointer; outline: 0; } .select2-container.select2-allowclear .select2-choice abbr { display: inline-block; } .select2-container .select2-choice abbr:hover { background-position: right -11px; cursor: pointer; } .select2-drop-mask { border: 0; margin: 0; padding: 0; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 9998; /* styles required for IE to work */ background-color: #fff; filter: alpha(opacity=0); } .select2-drop { width: 100%; margin-top: -1px; position: absolute; z-index: 9999; top: 100%; background: #fff; color: #000; border: 1px solid #aaa; border-top: 0; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); } .select2-drop.select2-drop-above { margin-top: 1px; border-top: 1px solid #aaa; border-bottom: 0; border-radius: 4px 4px 0 0; -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); } .select2-drop-active { border: 1px solid #5897fb; border-top: none; } .select2-drop.select2-drop-above.select2-drop-active { border-top: 1px solid #5897fb; } .select2-drop-auto-width { border-top: 1px solid #aaa; width: auto; } .select2-drop-auto-width .select2-search { padding-top: 4px; } .select2-container .select2-choice .select2-arrow { display: inline-block; width: 18px; height: 100%; position: absolute; right: 0; top: 0; border-left: 1px solid #aaa; border-radius: 0 4px 4px 0; background-clip: padding-box; background: #ccc; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee)); background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%); background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0); background-image: linear-gradient(to top, #ccc 0%, #eee 60%); } html[dir="rtl"] .select2-container .select2-choice .select2-arrow { left: 0; right: auto; border-left: none; border-right: 1px solid #aaa; border-radius: 4px 0 0 4px; } .select2-container .select2-choice .select2-arrow b { display: block; width: 100%; height: 100%; } html[dir="rtl"] .select2-container .select2-choice .select2-arrow b { background-position: 2px 1px; } .select2-search { display: inline-block; width: 100%; min-height: 26px; margin: 0; padding-left: 4px; padding-right: 4px; position: relative; z-index: 10000; white-space: nowrap; } .select2-search input { width: 100%; height: auto !important; min-height: 26px; padding: 4px 20px 4px 5px; margin: 10px 0 0 0; outline: 0; font-family: sans-serif; font-size: 1em; border: 1px solid #aaa; -moz-border-radius: 2px !important; -webkit-border-radius: 2px !important; -ms-border-radius: 2px !important; border-radius: 2px !important; -webkit-box-shadow: none; box-shadow: none; } html[dir="rtl"] .select2-search input { padding: 4px 5px 4px 20px; } .select2-drop.select2-drop-above .select2-search input { margin-top: 4px; } .select2-container-active .select2-choice, .select2-container-active .select2-choices { border: 1px solid #5897fb; outline: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .select2-dropdown-open .select2-choice { border-bottom-color: transparent; -webkit-box-shadow: 0 1px 0 #fff inset; box-shadow: 0 1px 0 #fff inset; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-color: #eee; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee)); background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%); background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); background-image: linear-gradient(to top, #fff 0%, #eee 50%); } .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices { border: 1px solid #5897fb; border-top-color: transparent; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee)); background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%); background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); } .select2-dropdown-open .select2-choice .select2-arrow { background: transparent; border-left: none; filter: none; } html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow { border-right: none; } .select2-dropdown-open .select2-choice .select2-arrow b { background-position: -18px 1px; } html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b { background-position: -16px 1px; } .select2-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* results */ .select2-results { max-height: 200px; padding: 0 0 0 4px; margin: 4px 4px 4px 0; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-tap-highlight-color: transparent; } html[dir="rtl"] .select2-results { padding: 0 4px 0 0; margin: 4px 0 4px 4px; } .select2-results ul.select2-result-sub { margin: 0; padding-left: 0; } .select2-results li { list-style: none; display: list-item; background-image: none; } .select2-results li.select2-result-with-children > .select2-result-label { font-weight: bold; } .select2-results .select2-result-label { padding: 3px 7px 4px; margin: 0; cursor: pointer; min-height: 1em; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .select2-results-dept-1 .select2-result-label { padding-left: 20px; } .select2-results-dept-2 .select2-result-label { padding-left: 40px; } .select2-results-dept-3 .select2-result-label { padding-left: 60px; } .select2-results-dept-4 .select2-result-label { padding-left: 80px; } .select2-results-dept-5 .select2-result-label { padding-left: 100px; } .select2-results-dept-6 .select2-result-label { padding-left: 110px; } .select2-results-dept-7 .select2-result-label { padding-left: 120px; } .select2-results .select2-highlighted { background: #3875d7; color: #fff; } .select2-results li em { background: #feffde; font-style: normal; } .select2-results .select2-highlighted em { background: transparent; } .select2-results .select2-highlighted ul { background: #fff; color: #000; } .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-ajax-error, .select2-results .select2-selection-limit { background: #f4f4f4; display: list-item; padding-left: 5px; } /* disabled look for disabled choices in the results dropdown */ .select2-results .select2-disabled.select2-highlighted { color: #666; background: #f4f4f4; display: list-item; cursor: default; } .select2-results .select2-disabled { background: #f4f4f4; display: list-item; cursor: default; } .select2-results .select2-selected { display: none; } .select2-results .select2-ajax-error { background: rgba(255, 50, 50, 0.2); } .select2-more-results { background: #f4f4f4; display: list-item; } /* disabled styles */ .select2-container.select2-container-disabled .select2-choice { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .select2-container.select2-container-disabled .select2-choice .select2-arrow { background-color: #f4f4f4; background-image: none; border-left: 0; } .select2-container.select2-container-disabled .select2-choice abbr { display: none; } /* multiselect */ .select2-container-multi .select2-choices { height: auto !important; height: 1%; margin: 0; padding: 0 5px 0 0; position: relative; border: 1px solid #aaa; cursor: text; overflow: hidden; background-color: #fff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff)); background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%); background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%); background-image: linear-gradient(to bottom, #eee 1%, #fff 15%); } html[dir="rtl"] .select2-container-multi .select2-choices { padding: 0 0 0 5px; } .select2-locked { padding: 3px 5px 3px 5px !important; } .select2-container-multi .select2-choices { min-height: 26px; } .select2-container-multi.select2-container-active .select2-choices { border: 1px solid #5897fb; outline: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .select2-container-multi .select2-choices li { float: left; list-style: none; } html[dir="rtl"] .select2-container-multi .select2-choices li { float: right; } .select2-container-multi .select2-choices .select2-search-field { margin: 0; padding: 0; white-space: nowrap; } .select2-container-multi .select2-choices .select2-search-field input { padding: 5px; margin: 1px 0; font-family: sans-serif; font-size: 100%; color: #666; outline: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; background: transparent !important; } .select2-default { color: #999 !important; } .select2-container-multi .select2-choices .select2-search-choice { padding: 3px 5px 3px 18px; margin: 3px 0 3px 5px; position: relative; line-height: 13px; color: #333; cursor: default; border: 1px solid #aaaaaa; border-radius: 3px; -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #e4e4e4; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); } html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice { margin: 3px 5px 3px 0; padding: 3px 18px 3px 5px; } .select2-container-multi .select2-choices .select2-search-choice .select2-chosen { cursor: default; } .select2-container-multi .select2-choices .select2-search-choice-focus { background: #d4d4d4; } .select2-search-choice-close { display: block; width: 12px; height: 13px; position: absolute; right: 3px; top: 4px; font-size: 1px; outline: none; } html[dir="rtl"] .select2-search-choice-close { right: auto; left: 3px; } .select2-container-multi .select2-search-choice-close { left: 3px; } html[dir="rtl"] .select2-container-multi .select2-search-choice-close { left: auto; right: 2px; } .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover { background-position: right -11px; } .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close { background-position: right -11px; } /* disabled styles */ .select2-container-multi.select2-container-disabled .select2-choices { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { padding: 3px 5px 3px 5px; border: 1px solid #ddd; background-image: none; background-color: #f4f4f4; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { display: none; background: none; } /* end multiselect */ .select2-result-selectable .select2-match, .select2-result-unselectable .select2-match { text-decoration: underline; } .select2-offscreen, .select2-offscreen:focus { clip: rect(0 0 0 0) !important; width: 1px !important; height: 1px !important; border: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; outline: 0 !important; left: 0px !important; top: 0px !important; } .select2-display-none { display: none; } .select2-measure-scrollbar { position: absolute; top: -10000px; left: -10000px; width: 100px; height: 100px; overflow: scroll; } /* Retina-ize icons */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) { .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b { background-repeat: no-repeat !important; background-size: 60px 40px !important; } .select2-search input { background-position: 100% -21px !important; } } /** *----------------------------------------------------------------------------------------------- * 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); } .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; } /* 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; width: auto !important; font-weight: normal; opacity: 1; width: auto; 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: .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: .7s; -moz-animation-duration: .7s; -ms-animation-duration: .7s; -o-animation-duration: .7s; animation-duration: .7s; /*-webkit-animation-name: flipY; -moz-animation-name: flipY; -o-animation-name: flipY; animation-name: flipY;*/ -webkit-animation-name: fadeInUp; -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 .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; } .blog_list_img { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; -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, transparent 20%, rgba(0, 0, 0, 0.6) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, transparent 20%, rgba(0, 0, 0, 0.6) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, transparent 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; } @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 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-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"; content: "\e619"; } .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 .content-area .checkout_coupon_box { margin-bottom: 40px; } .woocommerce-checkout .woocommerce-info { padding: 5px 0 !important; font-size: 14px; line-height: 1.5!important; 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 { font-size: 18px; line-height: 28.8px; font-size: 1.125rem; line-height: 1.8rem; } } .woocommerce-checkout .woocommerce-info:before { display: none; text-align: center; } .woocommerce-checkout .woocommerce-info a { color: #000; font-weight: 600; } .mc-dark .woocommerce-checkout .woocommerce-info a { color: #fff; } .woocommerce-checkout .woocommerce-info a:hover { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .woocommerce-checkout 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 { padding: 0px; border: none; } } .woocommerce-checkout 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 { width: 140px !important; height: 45px !important; line-height: 45px !important; padding: 0 !important; min-width: auto !important; } .woocommerce-checkout form.login .form-row { margin-top: 8px; } .woocommerce-checkout 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 { display: block; margin: 10px 0 0 0; } } .woocommerce-checkout form.login .lost_password { float: left; margin-top: -30px; margin-left: 167px; } .woocommerce-checkout form.login .lost_password a { font-size: 14px; font-weight: 400; } @media only screen and (max-width: 40em) { .woocommerce-checkout form.login .lost_password { float: none; margin: 0; } } .woocommerce-checkout .checkout_coupon_box .woocommerce-info { padding-top: 20px !important; } .woocommerce-checkout .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 { padding: 0px; border: none; } } .woocommerce-checkout .checkout_coupon_box form.checkout_coupon .checkout_coupon_inner { display: inline-block; } .woocommerce-checkout .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 { width: 100%; } } @media only screen and (max-width: 40em) { .woocommerce-checkout .checkout_coupon_box form.checkout_coupon input.button { margin-top: 10px; } } .woocommerce-checkout .mc-dark .woocommerce-info { color: #fff !important; } .woocommerce-checkout .mc-dark .woocommerce-info a { color: #fff; } .woocommerce-checkout .mc-dark form.login, .woocommerce-checkout .mc-dark form.checkout_coupon { 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; } .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 { margin-bottom: 35px; } .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 0 0 22px; } .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; } /* 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 { 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) { .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; } } .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: 13px; 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; } .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: 0; } .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: 16px; width: 52px; } .woocommerce ul.product_list_widget li .star-rating, .woocommerce-page ul.product_list_widget li .star-rating { margin: 3px 0 0 0 !important; } .woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f005\f005\f005\f005\f005"; color: #314381; font-size: 11px; line-height: 16px; } .woocommerce .star-rating:before, .woocommerce-page .star-rating:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f006\f006\f006\f006\f006"; color: rgba(0, 0, 0, 0.2) !important; font-size: 11px; line-height: 16px; } .mc-dark .woocommerce .star-rating:before, .mc-dark .woocommerce-page .star-rating:before { color: rgba(255, 255, 255, 0.3) !important; } .woocommerce .mc-dark .star-rating:before, .woocommerce-page .mc-dark .star-rating:before, .woocommerce .slide-from-left.snd-dark .star-rating:before, .woocommerce-page .slide-from-left.snd-dark .star-rating:before { color: rgba(255, 255, 255, 0.3) !important; } .woocommerce .products .star-rating, .woocommerce-page .products .star-rating { display: block; float: none; margin: 5px 0 -5px; width: 52px; } .woocommerce .woocommerce-product-rating .star-rating, .woocommerce-page .woocommerce-product-rating .star-rating { margin: 0; float: none; display: inline-block; top: 5px; width: 52px; } .woocommerce .woocommerce-product-rating .star-rating span, .woocommerce-page .woocommerce-product-rating .star-rating span { text-align: left; } .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 (min-width: 62em) and (max-width: 74.94em) { .woocommerce .single-product .owl-dots, .woocommerce-page .single-product .owl-dots { display: block; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .woocommerce .single-product .owl-dots, .woocommerce-page .single-product .owl-dots { display: block; } } @media only screen and (max-width: 40em) { .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; } .single-product .product_infos { padding-right: 0; } .single-product .product_thumbnails { overflow: hidden; margin: 20px 0; } @media only screen and (min-width: 62em) and (max-width: 74.94em) { .product_summary_thumbnails_wrapper { display: none; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { .product_summary_thumbnails_wrapper { display: none; } } @media only screen and (max-width: 40em) { .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: .2; cursor: pointer; -webkit-transition: opacity 300ms ease; -moz-transition: opacity 300ms ease; transition: opacity 300ms ease; } .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: 22px; line-height: 26px; 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 { width: 65px; height: 17px; } .single-product .content-pos .single-product-infos .woocommerce-product-rating .star-rating:before { font-size: 14px; } .single-product .content-pos .single-product-infos .woocommerce-product-rating .star-rating span:before { font-size: 14px; } .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 .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 .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: */ } .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; } .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; } .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); } .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: .7s; -moz-animation-duration: .7s; -ms-animation-duration: .7s; -o-animation-duration: .7s; animation-duration: .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; width: 65px; height: 15px; } .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating:before, .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating span:before, .woocommerce-page #reviews #comments ol.commentlist li .comment-text .star-rating:before, .woocommerce-page #reviews #comments ol.commentlist li .comment-text .star-rating span:before { font-size: 14px; } .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: 90px; } .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: .3s; -moz-animation-duration: .3s; -ms-animation-duration: .3s; -o-animation-duration: .3s; animation-duration: .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; 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, transparent 30%, rgba(0, 0, 0, 0.6) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, transparent 30%, rgba(0, 0, 0, 0.6) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, transparent 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; } .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; } .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; } } @media only screen and (max-width: 40em) { .woocommerce .shop-ordering, .woocommerce-page .shop-ordering { float: left; } } .woocommerce .widget .select2-container, .woocommerce-page .widget .select2-container { width: 100% !important; } .woocommerce .widget .select2-container .select2-choice, .woocommerce-page .widget .select2-container .select2-choice { float: left; display: inline-block !important; width: 100% !important; max-width: 100%; } .woocommerce .select2-container .select2-choice, .woocommerce-page .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; } .woocommerce .select2-container .select2-choice:hover, .woocommerce-page .select2-container .select2-choice:hover { color: #000; background-color: rgba(0, 0, 0, 0.08); } .woocommerce .select2-container.select2-dropdown-open .select2-choice, .woocommerce-page .select2-container.select2-dropdown-open .select2-choice { color: #000; background-color: rgba(0, 0, 0, 0.08); } .woocommerce .select2-container .select2-arrow, .woocommerce-page .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; } .woocommerce .mc-dark .select2-container .select2-choice, .slide-from-left.snd-dark .woocommerce .select2-container .select2-choice, .woocommerce-page .mc-dark .select2-container .select2-choice, .slide-from-left.snd-dark .woocommerce-page .select2-container .select2-choice { color: #fff; background-color: rgba(255, 255, 255, 0.05); } .woocommerce .mc-dark .select2-container .select2-choice:hover, .slide-from-left.snd-dark .woocommerce .select2-container .select2-choice:hover, .woocommerce-page .mc-dark .select2-container .select2-choice:hover, .slide-from-left.snd-dark .woocommerce-page .select2-container .select2-choice:hover { color: #fff; background-color: rgba(255, 255, 255, 0.15); } .woocommerce .mc-dark .select2-container.select2-dropdown-open .select2-choice, .slide-from-left.snd-dark .woocommerce .select2-container.select2-dropdown-open .select2-choice, .woocommerce-page .mc-dark .select2-container.select2-dropdown-open .select2-choice, .slide-from-left.snd-dark .woocommerce-page .select2-container.select2-dropdown-open .select2-choice { color: #fff; background-color: rgba(255, 255, 255, 0.15); } .woocommerce .mc-dark .shop-layout-opts a i:after, .slide-from-left.snd-dark .woocommerce .shop-layout-opts a i:after, .woocommerce-page .mc-dark .shop-layout-opts a i:after, .slide-from-left.snd-dark .woocommerce-page .shop-layout-opts a i:after { color: #fff !important; background-color: rgba(255, 255, 255, 0.05) !important; } .woocommerce .mc-dark .shop-layout-opts a i.active:after, .slide-from-left.snd-dark .woocommerce .shop-layout-opts a i.active:after, .woocommerce-page .mc-dark .shop-layout-opts a i.active:after, .slide-from-left.snd-dark .woocommerce-page .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; } .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 transparent; -moz-box-shadow: 0px 0px 0px transparent; box-shadow: 0px 0px 0px transparent; -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.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; } #products .product-item.display_buttons figure.product-inner .inner-desc { display: block; opacity: 1 !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; } } #products .product-item.display_buttons figure.product-inner { -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.display_buttons 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.display_buttons 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; } .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: .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 .3s ease; -moz-transition: -moz-transform .3s ease; -o-transition: -o-transform .3s ease; -ms-transition: -ms-transform .3s ease; transition: transform .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 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 .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; } .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 .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); } /** *----------------------------------------------------------------------------------------------- * Navigation styles. *----------------------------------------------------------------------------------------------- */ /* Main navigation */ .l-nav { position: relative; z-index: 101; background: #fff; } @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: 17px; line-height: 27.2px; font-size: 1.0625rem; line-height: 1.7rem; } .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; } #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;*/ /*}*/ .main-navigation .edge ul { left: 0; transform: translateX(-100%); } /* 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 { 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 { -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 { background-color: #242424; } .select2-drop.topbar .select2-results .select2-highlighted, .select2-drop.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 { 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 { 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 { margin-right: -5px; 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.wcml_currency_switcher a { 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.wcml_currency_switcher a { color: #000 !important; } .select2-container.topbar-language-switcher a:hover, .select2-container.wcml_currency_switcher a:hover { color: #fff; } .td_light .select2-container.topbar-language-switcher a:hover, .td_light .select2-container.wcml_currency_switcher a:hover { color: #000; } .select2-container.topbar-language-switcher a:hover, .select2-container.wcml_currency_switcher a: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.wcml_currency_switcher a .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; } .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: */ } .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"; } .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 .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; -webkit-backface-visibility: hidden; /*webkit fix*/ -webkit-transform: translateZ(0); /*webkit fix*/ } .snd-dark .mobile-navigation .sub-menu { background: rgba(0, 0, 0, 0.1); } .mobile-navigation .sub-menu li { border-bottom: none; } .mobile-navigation .sub-menu .sub-menu { margin: 5px 0; padding: 20px 0; background: rgba(0, 0, 0, 0.05); } .snd-dark .mobile-navigation .sub-menu .sub-menu { background: rgba(0, 0, 0, 0.1); } .mobile-navigation .sub-menu .sub-menu .sub-menu { padding: 0; margin: 0; } .mobile-navigation .sub-menu.open { display: block; -webkit-animation-duration: .3s; -moz-animation-duration: .3s; -o-animation-duration: .3s; animation-duration: .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; } /** *----------------------------------------------------------------------------------------------- * 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: bottom; } @media only screen and (max-width: 40em) { .header-main-section .header-tools ul li { vertical-align: bottom; 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 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; font-size: 25px; line-height: 45px; 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 ********************************************************************/ /**********************************************************************************/ .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; } } @media (max-width: 500px) { .phone-header-show { display: block !important; } } #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 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; } #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 .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; } .entry-content .master-slider-gallery { margin-bottom: 40px; } .with-sidebar .entry-title, .with-sidebar .post_header_date { text-align: left; } h1.entry-title, h2.entry-title { text-align: left; margin-top: 0; margin-bottom: 10px; font-size: 50px; line-height: 80px; font-size: 3.125rem; line-height: 5rem; line-height: 56px; } @media only screen and (min-width: 62em) and (max-width: 74.94em) { h1.entry-title, h2.entry-title { font-size: 40px; line-height: 64px; font-size: 2.5rem; line-height: 4rem; line-height: 42px; margin-bottom: 15px; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { h1.entry-title, h2.entry-title { font-size: 40px; line-height: 64px; font-size: 2.5rem; line-height: 4rem; line-height: 42px; margin-bottom: 15px; } } @media only screen and (max-width: 40em) { h1.entry-title, h2.entry-title { font-size: 40px; line-height: 64px; font-size: 2.5rem; line-height: 4rem; line-height: 42px; margin-bottom: 15px; } } .blog-isotop-container h1.entry-title, .blog-isotop-container h2.entry-title { font-size: 36px; line-height: 57.6px; font-size: 2.25rem; line-height: 3.6rem; line-height: 40px; } h1.entry-title a, h2.entry-title a { color: #000; } .mc-dark h1.entry-title a, .mc-dark h2.entry-title a { color: #fff; } h1.entry-title a:hover, h2.entry-title a:hover { color: rgba(0, 0, 0, 0.5); } .mc-dark h1.entry-title a:hover, .mc-dark h2.entry-title a:hover { color: rgba(255, 255, 255, 0.5); } h1.entry-title a .post-link-icon, h2.entry-title a .post-link-icon { margin-left: 20px; font-size: 33px; line-height: 52.8px; font-size: 2.0625rem; line-height: 3.3rem; color: rgba(0, 0, 0, 0.2); } .mc-dark h1.entry-title a .post-link-icon, .mc-dark h2.entry-title a .post-link-icon { color: rgba(255, 255, 255, 0.2); } @media only screen and (min-width: 62em) and (max-width: 74.94em) { h1.entry-title a .post-link-icon, h2.entry-title a .post-link-icon { margin-left: 10px; font-size: 28px; line-height: 44.8px; font-size: 1.75rem; line-height: 2.8rem; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { h1.entry-title a .post-link-icon, h2.entry-title a .post-link-icon { margin-left: 10px; font-size: 28px; line-height: 44.8px; font-size: 1.75rem; line-height: 2.8rem; } } @media only screen and (max-width: 40em) { h1.entry-title a .post-link-icon, h2.entry-title a .post-link-icon { margin-left: 10px; font-size: 28px; line-height: 44.8px; font-size: 1.75rem; line-height: 2.8rem; } } .blog-isotop-container h1.entry-title a .post-link-icon, .blog-isotop-container h2.entry-title a .post-link-icon { display: none; } h1.entry-title .post-link-url, h2.entry-title .post-link-url { margin-bottom: 30px; float: left; display: block; font-weight: 400; color: rgba(0, 0, 0, 0.3); font-size: 20px; line-height: 32px; font-size: 1.25rem; line-height: 2rem; } .mc-dark h1.entry-title .post-link-url, .mc-dark h2.entry-title .post-link-url { color: rgba(255, 255, 255, 0.3); } @media only screen and (min-width: 62em) and (max-width: 74.94em) { h1.entry-title .post-link-url, h2.entry-title .post-link-url { font-size: 18px; line-height: 28.8px; font-size: 1.125rem; line-height: 1.8rem; } } @media only screen and (min-width: 40em) and (max-width: 61.94em) { h1.entry-title .post-link-url, h2.entry-title .post-link-url { font-size: 18px; line-height: 28.8px; font-size: 1.125rem; line-height: 1.8rem; } } @media only screen and (max-width: 40em) { h1.entry-title .post-link-url, h2.entry-title .post-link-url { font-size: 18px; line-height: 28.8px; font-size: 1.125rem; line-height: 1.8rem; } } h1.entry-title .post-link-url:hover, h2.entry-title .post-link-url:hover { color: #000; } .mc-dark h1.entry-title .post-link-url:hover, .mc-dark h2.entry-title .post-link-url:hover { color: #fff; } .post_header_date, .post_footer_date { margin: 0 0 20px 0; } .blog-isotop-container .post_header_date, .blog-isotop-container .post_footer_date { margin-bottom: 0; } .post_header_date a, .post_footer_date a { color: #000; margin-right: 20px; display: inline-block; font-size: 16px; line-height: 25.6px; font-size: 1rem; line-height: 1.6rem; line-height: 16px; font-weight: 600; } .mc-dark .post_header_date a, .mc-dark .post_footer_date a { color: #fff; } .post_header_date a:hover, .post_footer_date a:hover { color: rgba(0, 0, 0, 0.4); } .mc-dark .post_header_date a:hover, .mc-dark .post_footer_date a:hover { color: rgba(255, 255, 255, 0.4); } .blog-isotop-container .post_header_date a, .blog-isotop-container .post_footer_date a { font-size: 14px; line-height: 22.4px; font-size: 0.875rem; line-height: 1.4rem; line-height: 14px; } .post_header_date a.entry-date:before, .post_header_date a.comments-link:before, .post_footer_date a.entry-date:before, .post_footer_date a.comments-link:before { vertical-align: top; display: inline-block; color: rgba(0, 0, 0, 0.3); font-size: 14px; margin-right: 8px; font-family: "fontawesome"; } .mc-dark .post_header_date a.entry-date:before, .mc-dark .post_header_date a.comments-link:before, .mc-dark .post_footer_date a.entry-date:before, .mc-dark .post_footer_date a.comments-link:before { color: rgba(255, 255, 255, 0.3); } .post_header_date a.entry-date:before, .post_footer_date a.entry-date:before { content: "\f073"; } .post_header_date a.comments-link:before, .post_footer_date a.comments-link:before { content: "\f0e6"; } .post_header_date p, .post_footer_date p { display: inline-block; } .entry-thumbnail { text-align: center; margin-bottom: 40px; } .more-link { color: black; font-size: 13px; font-weight: 700; text-transform: uppercase; } .mc-dark .more-link { color: white; } .more-link:hover { color: rgba(0, 0, 0, 0.6); } .mc-dark .more-link:hover { color: rgba(255, 255, 255, 0.6); } /**********************************************************************************/ /* Content ************************************************************************/ /**********************************************************************************/ .without-sidebar { /*text-align:center;*/ } .page-header { margin-bottom: 70px; } .entry-title { margin-bottom: .4em; text-align: center; } .entry-title a { color: inherit; } .page_with_slider .content-area { padding: 0; } .wp-caption { max-width: 100%; } .entry-thumbnail { margin-bottom: 35px; text-align: center; } .entry-meta { 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: .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 transparent; 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"] { 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: transparent; 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 .5s; transition: opacity .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; } .off-menu.open { /*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 (max-width: 1024px) { #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 **************************************************************************/ /**********************************************************************************/ .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; 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); } #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 .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_search #searchsubmit, .widget_product_search .search-submit, .widget_search .search-submit { 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_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); } .shop_sidebar .widget_shopping_cart .minicart_title { display: none; } /** *----------------------------------------------------------------------------------------------- * Footer styles. *----------------------------------------------------------------------------------------------- */ footer#site-footer { padding: 0; width: 100%; background-color: #eee; } footer#site-footer .f-columns { padding: 40px 0 30px; 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; } nav#nav ul li > a, nav#st-nav ul li > a, #page_header_wrap .tdl-megamenu-wrapper .tdl-megamenu-title, .mobile-navigation a, .mob-language-and-currency .select2-chosen { font-family: proxima-nova !important; } body, p, .contact-info .contact-info-title .contact-info-subtitle, nav#nav ul ul li a, nav#st-nav ul ul li a, .ajax_autosuggest_item_description, input[type="search"], .tooltipster-default .tooltipster-content, .arthref .icon-container ul li span, .blog-list-comment i span { font-family: proxima-nova !important; } h4, .ajax_autosuggest_suggestions .ajax_autosuggest_category, #minicart-offcanvas .widget .widget_shopping_cart_content .product-name 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, .shop_sidebar ul.product_list_widget li a .product-title, .woocommerce table.shop_table th, .woocommerce-page table.shop_table th, .cart-collaterals .shipping-calculator-button { font-family: proxima-nova !important; } .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, .ajax-search-results .all-results { font-family: proxima-nova !important; } .instalink-panel-counter-value { color: #000; } @media(min-width: 74.94em) { .owl-carousel.owl-drag .owl-item { max-height: 590px; overflow: hidden; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .owl-stage-outer { max-height: 590px; overflow: hidden; } } @media(max-width: 1020px) { .owl-carousel.owl-drag .owl-item { max-height: 100vmin; overflow: hdidden; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .owl-stage-outer { max-height: 100vmin; overflow: hidden; } } #formOrderOneClick * { font-family: proxima-nova, Helvetica, Arial, sans-serif !important; box-sizing: border-box !important; } #formOrderOneClick .overlay { } #formOrderOneClick .popup, #formOrderOneClick .popummessage { width: 100% !important; max-width: 640px !important; border-radius: 4px !important; padding: 20px !important; border: navajowhite !important; } #formOrderOneClick .popummessage { text-align: left !important; } #formOrderOneClick .close_order, #formOrderOneClick .close_message { top: 0 !important; right: 0 !important; background-color: rgba(0, 0, 0, 0) !important; background-image: none !important; color: #000 !important; border: none !important; box-shadow: none !important; padding: 0 !important; width: 40px !important; height: 40px !important; line-height: 40px !important; opacity: .5 !important; transition-duration: .3s !important; } #formOrderOneClick .close_order:hover { opacity: 1 !important; } #formOrderOneClick .b1c-form { } #formOrderOneClick .b1c-form h2 { color: #000 !important; cursor: auto !important; display: block !important; font-size: 30px !important; font-weight: 300 !important; line-height: 34px !important; margin-bottom: 40px !important; padding: 0px !important; text-align: left !important; } #formOrderOneClick .description { } #formOrderOneClick input.buyvalide[type=tel] { width: 100% !important; height: 45px !important; padding: 0px 15px !important; box-sizing: border-box !important; border: none !important; box-shadow: none !important; text-shadow: none !important; margin: 0 0 10px !important; color: #000 !important; max-width: 320px !important; } #formOrderOneClick .phoneFormat { color: #000 !important; opacity: .8 !important; margin-bottom: 20px !important; } #formOrderOneClick .button { width: auto !important; } #formOrderOneClick .buyButtonOkForm { } #formOrderOneClick .overlay_message { } #formOrderOneClick .popummessage { } #formOrderOneClick .close_message { } #formOrderOneClick table { margin-bottom: 20px !important; } #formOrderOneClick table tr { } #formOrderOneClick table th { } #formOrderOneClick table td { }