/* ** Table Of Contents ** bootstrap overrides ** vertical margins and paddings ** general styles ** plugins - Owl Carousel - FlexSlider - prettyPhoto - Easy pieChart - toTop ** styled lists ** icons ** buttons ** common sections styles: ** light section - .ls ** grey section - .ls.ms ** dark sections - .ds ** color section - .cs ** boxed layout ** template styles ** main menu (min 768px) styles ** main menu mobile styles ** subpages ** widgets ** shortcodes ** utilites */ /* **shop */ input[disabled] { cursor: not-allowed; opacity: .4; } /* sort panel */ .shop-sorting { line-height: 1; margin-top: -10px; } .shop-sorting label { padding-right: 10px; } .shop-sorting select { min-width: 270px; } .woocommerce-ordering { display: inline-block; } .woocommerce-result-count { line-height: 40px; margin-bottom: 0; } #toggle_shop_view:before, #toggle_shop_view:after { border-radius: 1px; color: #808080; display: inline-block; font-family: "FontAwesome"; font-size: 28px; height: 36px; line-height: 36px; text-align: center; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; width: 36px; } #toggle_shop_view:before { color: #4ebbe3; content: "\f009"; margin-right: 5px; } #toggle_shop_view:after { content: "\f0c9"; } #toggle_shop_view.grid-view:before { color: #808080; } #toggle_shop_view.grid-view:after { color: #4ebbe3; } #sort_view { background-color: #fff; color: #272727; display: inline-block; font-size: 14px; padding: 12px 16px 13px; } .columns-1 .product { float: none; margin-right: 0; width: 100%; } @media (min-width: 992px) { .columns-3 .product { float: left; width: 33.33333333%; } .columns-4 .product { float: left; width: 25%; } .col-sm-7 .columns-3 .product { float: left; width: 50%; } .col-sm-7 .columns-4 .product { float: left; width: 50%; } .columns-2 .product { float: left; width: 50%; } .columns-2 .product:nth-child(2n + 1) { clear: both; } } @media (min-width: 1200px) { .col-sm-7 .columns-3 .product { width: 33.33333333%; } .col-sm-7 .columns-4 .product { width: 25%; } } #content_products .pagination { display: block; } .product .images, .product .thumbnails a, .product .item-media { display: block; overflow: hidden; } .product .images img, .product .thumbnails a img, .product .item-media img { -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .product .images:hover img, .product .thumbnails a:hover img, .product .item-media:hover img { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 0.8; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .products { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; margin-top: 30px; } .products:before, .products:after { clear: both; content: ""; display: block; } .upsells .products, .related .products { margin-left: 0; margin-right: 0; } li.product { margin-bottom: 30px; padding-left: 15px; padding-right: 15px; } .owl-carousel li.product { margin-bottom: 0; } li.product { text-align: center; } .owl-item .product { padding: 0; } .product .row { position: relative; } .product [class*="col-"] { margin-bottom: 0; margin-top: 0; position: static; } .product [class*="col-"].images a { display: block; position: relative; } .product h2 { font-size: 24px; margin-bottom: 20px; } .product .rating-title { font-size: 1.2em; } .product .item-meta + .entry-title { margin-top: 5px; } .product .product-media { position: relative; } .product .images { position: relative; } .product .newproduct, .product .onsale { background-color: #bee27b; border-radius: 20px; color: #fff; padding: 5px 18px; position: absolute; right: 20px; text-transform: uppercase; top: 20px; z-index: 1; } .product .onsale { background-color: #bee27b; bottom: 20px; left: 20px; right: auto; top: auto; } .related, .upsells { margin-top: 80px; padding-left: 15px; padding-right: 15px; } .related > h2, .upsells > h2 { font-size: 32px; margin: 20px 0 30px; text-align: center; text-transform: uppercase; } .related .owl-theme .owl-dots, .upsells .owl-theme .owl-dots { margin-top: 30px; right: 0; } .upsells + .related { margin-top: 30px; } .price { color: #4ebbe3; font-size: 16px; } .price del { color: #808080; margin-right: 10px; } .price ins { color: #4ebbe3; text-decoration: none; } .woocommerce-loop-product__link + .price { display: block; margin-bottom: 20px; margin-top: 5px; } .woocommerce-loop-product__link:hover, .woocommerce-loop-product__link:active, .woocommerce-loop-product__link:focus { color: #bee27b; } .product-buttons { bottom: 20px; position: absolute; right: 20px; } .product-buttons a { background-color: #4ebbe3; color: transparent; float: left; font-size: 0; height: 40px; text-align: center; width: 40px; } .product-buttons a.loading [class*='rt-icon'], .product-buttons a.loading:before { -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; display: inline-block; } .product-buttons a.loading [class*='rt-icon']:before, .product-buttons a.loading:before:before { content: "\e61b"; } .product-buttons a.loading:before { content: "\e61b"; } .product-buttons a i, .product-buttons a:before { color: #fff; font-size: 16px; line-height: 40px; } .product-buttons a:before { content: "\e626"; font-family: "rt-icons-2"; } .product-buttons a.favorite_button { background-color: #bee27b; color: #272727; } .product-buttons a.favorite_button:before { content: "\f08a"; font-family: "rt-icons-2"; } .product-buttons a:hover { background-color: #272727; color: #fff; } .product-buttons a.added_to_cart { background-color: #fff; color: transparent; font-size: 0; } .product-buttons a.added_to_cart:hover { background-color: #4ebbe3; } .product-buttons a.added_to_cart:before { color: #272727; content: "\e6c0"; font-family: "rt-icons-2"; font-size: 26px; line-height: 40px; } .product-buttons a.product_type_variable:before { content: "\e63f"; font-size: 20px; } /* single-product */ .thumbnails-wrap { margin-top: 9px; } .summary h1 { font-size: 24px; margin-top: 0; } @media (min-width: 1200px) { .summary h1 { font-size: 30px; } } .summary .product-rating, .summary .woocommerce-product-rating { margin-bottom: 10px; } .summary .price { background-color: transparent; display: block; line-height: 1; position: static; word-wrap: break-word; } .summary .price del { font-size: 16px; } .summary .woocommerce-variation-price .price { padding-top: 0; } .summary .star-rating { display: inline-block; font-size: 16px; margin-right: 20px; vertical-align: baseline; } .summary .star-rating:before, .summary .star-rating span:before { font-size: 16px; } .summary .stock { margin-bottom: 0; } .summary .email-to { margin-bottom: 10px; } .summary .product-option-name { display: inline-block; margin: 10px 0; } .summary .theme_button { margin-top: 0; } .summary .theme_button.wc-variation-selection-needed { cursor: not-allowed; opacity: .4; } .summary .posted_in { margin: 10px 0; } .summary .posted_in .small_button { margin-left: 5px; padding-left: 6px; padding-right: 6px; } .summary .product_meta { border-bottom: 1px solid rgba(0, 0, 0, 0.05); font-size: 0; margin-top: 20px; padding-bottom: 30px; } .summary .product_meta > * { font-size: 13px; } .summary .product_meta > span { display: inline-block; min-width: 50%; } .summary .product_meta > span.sku_wrapper { display: block; } .summary .product_meta a { margin: 0 0 0 6px; } .summary [itemprop="description"] { margin: 30px 0; } .summary ul.list1 li { padding-bottom: 20px; padding-top: 15px; } .summary .reset_variations { color: transparent; font-size: 0; padding: 0 5px; } .summary .reset_variations:before { color: #272727; content: "\e117"; font-family: "rt-icons-2"; font-size: 18px; } .summary label { margin: 0; } .summary select { padding-left: 20px; padding-right: 20px; } .summary [class*='add-to-cart'] { margin: 10px 0; } .summary [class*='add-to-cart'] .theme_button { vertical-align: middle; } .summary .share_buttons { background-color: transparent; border-bottom: 1px solid rgba(0, 0, 0, 0.05); margin: 0 0 40px; padding: 0 0 30px; } .summary .variations + .share_buttons { border-top: 1px solid rgba(0, 0, 0, 0.05); margin-top: 10px; padding-top: 30px; } .quantity { display: inline-block; position: relative; } .quantity [type="button"] { background-color: transparent; border: none; color: transparent; height: 10px; line-height: 1; position: absolute; right: 20px; top: 12px; width: 22px; z-index: 1; } .quantity [type="button"] + i { color: #79d7d8; display: inline-block; font-size: 16px; line-height: 10px; position: absolute; right: 20px; text-align: center; top: 12px; width: 22px; } .quantity [type="button"]:hover + i { color: #272727; } .quantity [type="button"].minus { bottom: 12px; top: auto; } .quantity [type="button"].minus + i { bottom: 12px; top: auto; } .quantity [type="number"] { max-width: 95px; min-width: 70px; padding-left: 20px; padding-right: 40px; } .summary .quantity { margin-bottom: 5px; margin-right: 16px; } .variations td { border: 0; display: block; padding: 3px 0; } .variations td.value { margin-bottom: 10px; } .variations label { color: #272727; font-size: 24px; text-transform: capitalize; } .product_meta_bottom { margin: 0 0 20px; } .owl-carousel.products { margin-bottom: 0; } .owl-carousel.thumbnails-wrap { margin: 10px 0 0; } .owl-carousel.thumbnails-wrap .owl-dots { margin: 10px 0 5px; } .owl-carousel.thumbnails-wrap .owl-dots .owl-dot span { border-width: 1px; height: 10px; width: 10px; } .product-icons .teaser [class*="_bg_color"] { padding: 10px; } .product + .nav-tabs, .woocommerce-tabs { margin-top: 80px; } /*shop comments*/ .commentlist { list-style: none; margin: 0; padding: 0; } .commentlist li { margin-bottom: 20px; } .commentlist li img { border-radius: 50%; display: block; float: left; overflow: hidden; } .commentlist .comment-text { overflow: hidden; padding: 5px 0 0 20px; position: relative; } .commentlist p.meta { font-size: 0; margin: 0 0 30px; } .commentlist p.meta strong { color: #272727; display: block; font-size: 18px; font-weight: 400; line-height: 1; } @media (min-width: 992px) { .commentlist p.meta strong { font-size: 20px; } } .commentlist p.meta .woocommerce-review__dash { display: none; } .commentlist p.meta time { color: #4ebbe3; display: block; font-size: 14px; line-height: 20px; } .commentlist .star-rating { position: absolute; top: 60px; } #reply-title { color: #272727; font-size: 24px; } .woocommerce-tabs .tab-content { padding-top: 40px; } .woocommerce-tabs .tab-content .comment-respond { margin: 30px 0 0; } .woocommerce-tabs .tab-content .comment-respond h3 { font-size: 28px; } .woocommerce-tabs .tab-content .comment-respond h4 { font-size: 28px; margin-bottom: 0; } /*comment respond form*/ #review_form textarea, #review_form [type*='text'], #review_form [type*='email'] { display: block; margin-bottom: 10px; width: 100%; } @media (min-width: 992px) { #review_form .comment-form-author { float: left; padding-right: 5px; width: 50%; } #review_form .comment-form-email { float: left; padding-left: 5px; width: 50%; } #review_form .form-submit { clear: both; } } .comment-form-rating label[for] { display: block; } /* cart */ .shop_table ul { list-style: none; padding: 0; } .shop-adds { font-size: 20px; font-weight: 300; line-height: 1.4; } .shop-adds .fa { padding: 0 10px; } .shop-adds.teaser { margin-bottom: 0; } .shop-adds.teaser [class*="_bg_color"] { padding: 12px; } table.cart { margin-bottom: 30px; margin-top: 0; } table.cart .media img { max-width: 60px; } table.cart .product-thumbnail img { max-width: 100px; } table.cart h4 { font-size: 16px; margin-bottom: 4px; } table.cart td, table.cart th { padding: 18px 20px; vertical-align: middle; } table.cart .coupon { display: inline-block; margin-bottom: 5px; } table.cart a { color: #272727; } table.cart td.product-name { font-size: 18px; } table.cart .product-remove { text-align: center; } table.cart .attachment-shop_thumbnail { min-width: 100px; } table.cart .product-info { min-width: 200px; } .coupon .button { background-color: #4ebbe3; border-color: #4ebbe3; color: #fff; } .coupon .button:hover { background-color: transparent; border-color: #4ebbe3; color: #4ebbe3; } form.cart { margin-top: 20px; } form.cart .theme_button { margin: 0; } form.cart .quantity + .theme_button { border-radius: 25px; padding: 17px 25px; vertical-align: top; } .cart_totals h4:first-child { margin: 60px 0 30px; } .cart_totals table { margin: 0 0 50px; } .cart_totals table th, .cart_totals table td { padding: 20px 20px; } .cart_totals table th { width: 140px; } /* chekcout */ .shop-info { margin-bottom: 15px; } #createaccount { margin-top: 0; } #ship-to-different-address label { display: inline-block; } #ship-to-different-address label + input { margin: 0 12px; } .checkout [class*='col-'], .shop-register [class*='col-'] { margin-bottom: 0; margin-top: 0; } .woocommerce form input[type="radio"] { margin-right: 6px; } .woocommerce form input[type="checkbox"] { margin-right: 6px; position: relative; top: 2px; } .woocommerce form p:last-child { margin-bottom: 10px; } .form-row { margin: 0 0 15px; } .form-row:before, .form-row:after { clear: both; content: ""; display: block; } .form-row .checkbox { margin: -5px 0 0; } .form-row .lost_password { margin: 15px 0 -15px; } .form-row label { display: block; margin-top: 10px; } .form-row [type="email"], .form-row [type="number"], .form-row [type="password"], .form-row [type="text"], .form-row select, .form-row textarea { display: block; width: 100%; } @media (min-width: 768px) { .form-row label { float: left; padding-right: 25px; text-align: right; width: 30%; } .form-row label + *, .form-row.address-field input { float: right; width: 70% !important; } } .woocommerce-account h2 { text-align: center; } .woocommerce form.login { text-align: center; } .woocommerce form.login label, .woocommerce form.login input { float: none; text-align: center; width: auto !important; } .woocommerce form.login [type="submit"] { background-color: #4ebbe3; color: #fff; margin-top: 10px; text-align: center; } .woocommerce form.login [type="submit"]:hover { color: #272727; } .woocommerce form.login .woocommerce-Input { margin: auto; } @media (min-width: 992px) { .col2-set { float: left; padding-right: 50px; width: 70%; } .col2-set.addresses { float: none; margin: 0 -15px; padding: 0; width: 100%; } .col2-set.addresses:before, .col2-set.addresses:after { clear: both; content: ""; display: block; } .col2-set.addresses .col-1, .col2-set.addresses .col-2 { float: left; padding: 0 15px; width: 50%; } #order_review_heading, #order_review { float: left; margin-top: 0; width: 30%; } } /* shop single*/ .cart-button { margin: 50px 0 55px; } .share-title { font-size: 20px; margin: 56px 0 18px; } /* shop */ .shop-item .item-content { padding: 30px 40px; } .shop-item .item-price { font-size: 30px; font-weight: 800; line-height: 1; margin: 9px 0 16px; } .shop-item .item-price span { font-size: 40px; } .shop-item .cart-button { margin: 50px 0 28px; } .related-item .item-content { padding: 14px 25px; } .related-item h4 { font-size: 20px; line-height: 24px; } .related-item .cart-button { margin: 14px 0 14px; } .select2-container .select2-choice { border: none; border-radius: 0; padding: 10px 20px; } .select2-drop-active { border-color: #f2f2f2; } .woocommerce-checkout-payment { margin-top: 40px; } .woocommerce-checkout-payment .radio { margin: 2px 0; } .woocommerce-checkout-payment ul { list-style: none; padding: 0; } .woocommerce-checkout-payment li { border-bottom: 1px solid #f2f2f2; padding: 11px 0 6px; } .woocommerce-checkout-payment li:first-child { border-top: 1px solid #f2f2f2; } .woocommerce-checkout-payment p { margin: 0; } .woocommerce-checkout-payment img { display: none; } .woocommerce-checkout-payment [type="submit"] { margin-top: 20px; } /*messages*/ .wc-forward { float: right; } .row > .alert { margin-left: 25px; margin-right: 25px; } /*my account*/ .woocommerce-MyAccount-navigation { margin-bottom: 40px; } .woocommerce-MyAccount-navigation ul { padding: 0; } .woocommerce-MyAccount-navigation li { display: inline-block; margin-right: 20px; } .woocommerce-MyAccount-navigation .is-active a { color: #4ebbe3 !important; } .woocommerce-MyAccount-content h2 { margin: 40px 0; } .woocommerce-Message { background: #fff; padding: 30px; } .woocommerce-Message .woocommerce-Button { float: right; } .order-actions { text-align: center; } .customer_details { margin-bottom: 60px; } .addresses address { margin-bottom: 0; } /* shop widgets */ /* cart widget */ .widget_shopping_cart img { max-width: 80px; } .widget_shopping_cart h4 { font-size: 16px; font-weight: 400; margin-bottom: 0; margin-right: 20px; margin-top: 6px; } .widget_shopping_cart .cart_list { padding-bottom: 4px; } .widget_shopping_cart .product-quantity { display: block; font-size: 12px; line-height: 1; } .widget_shopping_cart .product-quantity .price { font-size: 14px; } .widget_shopping_cart .remove { float: left; font-size: 0; } .widget_shopping_cart .remove:before { content: "\f00d"; font-family: FontAwesome; font-size: 20px; line-height: 1em; padding-right: 10px; } .widget_shopping_cart.darklinks .remove { color: #79d7d8; } .widget_shopping_cart.darklinks .remove:hover { color: #272727; } .widget_shopping_cart li a + a { color: #272727; font-size: 12px; font-weight: 400; text-transform: uppercase; } .widget_shopping_cart li .quantity { display: block; font-size: 12px; font-weight: 400; line-height: 1em; text-transform: uppercase; } .widget_shopping_cart .wc-forward { float: none; margin-right: 5px; } .widget_shopping_cart .total { font-size: 12px; font-weight: 400; margin: 5px 0 15px; text-transform: uppercase; } .widget_shopping_cart.darklinks a.button, .widget_shopping_cart a.button { background-color: #79d7d8; border-color: #79d7d8; color: #fff; } .widget_shopping_cart.darklinks a.button:hover, .widget_shopping_cart.darklinks a.button:active, .widget_shopping_cart.darklinks a.button:focus, .widget_shopping_cart a.button:hover, .widget_shopping_cart a.button:active, .widget_shopping_cart a.button:focus { background-color: transparent; color: #79d7d8; } .widget_shopping_cart.darklinks a.button.checkout, .widget_shopping_cart a.button.checkout { background-color: #bee27b; border-color: #bee27b; } .widget_shopping_cart.darklinks a.button.checkout:hover, .widget_shopping_cart.darklinks a.button.checkout:active, .widget_shopping_cart.darklinks a.button.checkout:focus, .widget_shopping_cart a.button.checkout:hover, .widget_shopping_cart a.button.checkout:active, .widget_shopping_cart a.button.checkout:focus { background-color: transparent; color: #bee27b; } .widget_popular_entries.widget_recently_viewed_products li, .widget_popular_entries.widget_shopping_cart li { border-bottom: none !important; border-top: none !important; } .widget_popular_entries.widget_rating_filter li { margin: 0; } .woocommerce-mini-cart__total strong { font-weight: 400; } /* price filter */ .widget_price_filter input[readonly] { display: inline-block; margin-bottom: 4px; max-width: 80px; padding-left: 3px; padding-right: 3px; } .widget_price_filter .ui-slider-range { background: #79d7d8; } .widget_price_filter .ui-slider-horizontal { margin-bottom: 15px; } .widget_price_filter label[for] { display: inline-block; padding-right: 4px; } .widget_price_filter .form-group { display: inline-block; margin-bottom: 10px; margin-right: 10px; } .widget_price_filter .price_slider_amount { padding-bottom: 70px; position: relative; } .widget_price_filter input[type="text"] + .theme_button { border-radius: 20px; height: auto; left: 0; line-height: 1em; margin: 0; padding: 12px 25px; right: 0; top: 50px; width: auto; } /*! jQuery UI - v1.11.1 - 2014-10-03 * http://jqueryui.com * Includes: core.css, slider.css * Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */ /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { height: 100%; left: 0; position: fixed; top: 0; width: 100%; } .ui-slider { background-color: rgba(0, 0, 0, 0.05); position: relative; text-align: left; } .ui-slider .ui-slider-handle { background-color: #79d7d8; border-radius: 50%; cursor: pointer; height: 12px; position: absolute; -ms-touch-action: none; touch-action: none; width: 12px; z-index: 2; } .ui-slider .ui-slider-range { background-position: 0 0; border: 0; display: block; font-size: .7em; position: absolute; z-index: 1; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { -webkit-filter: inherit; filter: inherit; } .ui-slider-horizontal { height: 4px; } .ui-slider-horizontal .ui-slider-handle { margin-left: -6px; top: -4px; } .ui-slider-horizontal .ui-slider-range { height: 100%; top: 0; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { height: 100px; width: .8em; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-bottom: -.6em; margin-left: 0; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } /* color layered nav */ .widget_layered_nav .color-filters li { display: inline-block; margin: 0 29px 14px 0; } .widget_layered_nav .color-filters a { background-color: #ccc; color: transparent; display: inline-block; font-size: 0; height: 23px; position: relative; width: 23px; } .widget_layered_nav .color-filters a:before { border: 1px solid rgba(0, 0, 0, 0.05); bottom: -2px; content: ""; display: block; left: -2px; position: absolute; right: -2px; top: -2px; } .widget_layered_nav .color-filters span { left: 5px; position: relative; top: 2px; } /* widget_products */ .widget_products img { max-width: 80px; } .widget_products .media h3 { font-size: 16px; font-weight: normal; line-height: 1.4; margin: 3px 0 10px; } .widget_products .star-rating { margin-bottom: 10px; } .widget_products .price { background-color: transparent; line-height: 1; padding: 0; position: static; } /*widget_top_rated_products*/ .widget .product-title { display: block; font-size: 12px; font-weight: 400; line-height: 1; padding-top: 5px; text-transform: uppercase; } .widget .woocommerce-Price-amount { color: #4ebbe3; font-size: 12px; font-weight: 400; text-transform: uppercase; } .widget del .woocommerce-Price-amount { color: inherit; } .widget .star-rating { display: block; } /*widget_recent_reviews*/ .widget_recent_reviews li:before, .widget_recent_reviews li:after, .product_list_widget li:before, .product_list_widget li:after { clear: both; content: ""; display: block; } .widget_recent_reviews img, .product_list_widget img { float: left; margin-right: 20px; } .widget_recent_reviews .remove, .product_list_widget .remove { font-weight: 400; } /*widget_rating_filter*/ .widget_rating_filter li { clear: both; padding: 10px; text-align: right; } .widget_rating_filter .star-rating { float: left; margin-top: 9px; } @media (max-width: 991px) { table.cart { display: block; overflow-x: auto; } } @media (min-width: 992px) { #order_review_heading, #order_review { float: left; margin-top: 0; } #order_review_heading > table, #order_review > table { margin-top: 0; } } .cart-button i { position: relative; } .cart-button i:after { background-color: #4ebbe3; border: 2px solid #fff; border-radius: 50%; content: ""; height: 10px; position: absolute; right: -2px; top: -3px; width: 10px; } .cart-button i.empty:after { display: none; } .cart-button .total-price { color: #fff; padding-left: 5px; vertical-align: middle; } .header_white .cart-button .total-price { color: #4ebbe3; }