/* Theme Name: BuzzStore Theme URI: http://sparklewpthemes.com/themes/buzzstore/ Author: sparklewpthemes Author URI: http://sparklewpthemes.com/ Description: Buzz Store is a clean, beautiful and fully customizable responsive WooCommerce WordPress theme. This theme is packed with lots of exciting feature that enhances the ecommerce experience. Theme is fully compatible with WooCommerce and YITH WooCommerce Wishlist, YITH WooCommerce Quick View plugins. This theme packs many premium features and several custom widgets which helps making your online store professional and well organized. Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: buzzstore Tags: light, one-column, two-columns, right-sidebar, left-sidebar, custom-header, custom-background, custom-menu, threaded-comments, featured-images, theme-options, post-formats This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Buzz Store is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Asides ## Comments # Infinite scroll # Media ## Captions ## Galleries # Global # Main Slider # Categories # Products Filter # Discounts # Blog preview # Vertical BxSlider # Brands # Free Shpping # Subscribe # Banner # Comments # Popular Items # Footer --------------------------------------------------------------*/ /* 01 Global */ *{ margin: 0; padding: 0; } *:focus { outline: 0 none; } a{ -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } a:focus{ outline:none; } a:-moz-focus-inner{ border:0; } .btn, .form-control{ border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .btn{ text-transform: uppercase; } .btn-white, .btn-white.hvr-shutter-out-horizontal{ background-color: transparent; border-color: #fff; color: #fff; } .btn-white:hover{ color: #fff; } .btn-black, .btn-black.hvr-shutter-out-horizontal{ background-color: transparent; border-color: #333; color: #333; } .btn-black:hover{ color: #333; } ul{ margin: 0; padding: 0; } ul li{ list-style-type: none; } h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0; } .sp-body{ overflow: hidden; } .circle{ border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; } select::-ms-expand{ display: none; } select { -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ""; cursor: pointer; } .select{ display: block; position: relative; } .select-field{ border: 1px solid #ececec; display: block; font-size: 12px; height: 100%; line-height: 100%; padding: 10px 40px 10px 10px; } .select i{ margin-top: -7px; position: absolute; right: 15px; top: 50%; } .formDropdown{ border: 1px solid #ececec; display: block; height: 100%; padding: 7px 40px 10px 15px; width: 100%; } body{ color: #333; font-family: 'Open Sans',Helvetica,Arial,sans-serif; font-size: 14px; line-height: 100%; } body .container{ padding-left: 0; padding-right: 0; min-width: 320px; } .text-italic{ font-style: italic; } .relative{ position: relative; } .form-group{ width: 100%; } .font-main{ font-family: 'Open Sans', sans-serif; } .font-additional{ font-family: 'Montserrat', sans-serif; } .font-third{ font-family: 'Roboto Slab', serif; } .font-weight-light{ font-weight: 300; } .font-weight-normal{ font-weight: 400; } .font-weight-semibold{ font-weight: 600; } .font-weight-bold{ font-weight: 700; } .logo{ display: inline-block; height: 66px; margin: 0; width: 175px; } .line-text{ display: inline-block; position: relative; } .line-text:before, .line-text:after{ content: ""; position: absolute; top: 50%; margin-top: -1px; width: 20px; height: 1px; } .line-text:before{ left: -30px; } .line-text:after{ right: -30px; } .line-text_white.line-text:before, .line-text_white.line-text:after{ background-color: #fff; } .borderTopSeparator{ border-top: 1px solid #ececec; } .smallLogo{ position: absolute; left: 50%; top: -22px; width: 42px; height: 42px; margin-left: -21px; } h2.title{ font-size: 29px; letter-spacing: 2px; line-height: 100%; padding-bottom: 15px; text-align: center; } h3.title-small{ font-size: 24px; letter-spacing: 2px; text-align: center; text-transform: uppercase; } .subTitle{ color: #aaa; display: block; font-size: 13px; letter-spacing: 6px; line-height: 100%; text-align: center; word-spacing: 2px; } .starSeparatorBox{ padding: 25px 0; text-align: center; } .starSeparator{ display: inline-block; position: relative; font-size: 16px; } .starSeparator:before, .starSeparator:after{ content: ""; background-color: #ccc; position: absolute; top: 50%; margin-top: -1px; width: 30px; height: 1px; } .starSeparator:before{ left: -37px; } .starSeparator:after{ right: -37px; } .transition{ -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .button-border{ background: rgba(0, 0, 0, 0) !important; border-style: solid; border-width: 2px; color: #333; display: inline-block; font-size: 13px; font-weight: normal; line-height: 100%; margin: 0 0 0 5px; overflow: hidden; padding: 12px 21px 11px; position: relative; text-transform: uppercase; } .button-border:focus, .button-border:hover{ text-decoration: none; color: #fff; } .button-additional{ background-color: #eee !important; border: 0 none; color: #333; display: inline-block; font-size: 11px; font-weight: normal; line-height: 19px; padding: 12px 22px; text-transform: uppercase; } .button-additional span{ float: left; font-size: 18px; margin: 0 10px 0 0; } .button-additional:focus, .button-additional:hover{ text-decoration: none; color: #fff; } .text-shadow{ text-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1); -moz-text-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1); -webkit-text-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1); } .paralax{ background-attachment: fixed !important; background-position: 50% 100% !important; background-repeat: no-repeat !important; background-size: cover !important; } .btn-primary{ border: 0 none; color: #fff; font-size: 11px; padding: 15px 23px 13px; } .goToTop{ background-color: #222; display: none; bottom: 40px; height: 50px; padding-top: 8px; position: fixed; right: 30px; text-align: center; width: 50px; z-index: 20; text-decoration: none; opacity: 0.4; } .goToTop span{ display: block; font-size: 9px; line-height: 100%; padding-top: 3px; width: 100%; } .goToTop:focus, .goToTop:hover{ text-decoration: none; opacity: 1; } .fa.mobileMenuNav{ cursor: pointer; float: left; font-size: 34px; margin: 12px 0; } .home-construction-v5 .fa.mobileMenuNav{ color: #fff; } .onlyMobile{ display: none !important; } .navbar-main .dropdown-menu > .active > a, .navbar-main .dropdown-menu > .active > a:focus, .navbar-main .dropdown-menu > .active > a:hover{ background-color: rgba(0, 0, 0, 0); } /* Main Slider */ .owl-main-slider.owl-carousel .owl-controls{ margin: 0; } .owl-main-slider.owl-carousel.slider-pagination .owl-controls{ position: absolute; width: 100%; bottom: 2%; margin-top: 0; top: auto; } .owl-main-slider.owl-carousel.slider-pagination .owl-controls .owl-page span{ background-color: #fff; } .owl-main-slider.owl-carousel .item img{ width: 100%; } .owl-main-slider.owl-carousel .owl-controls .owl-buttons div{ background: transparent; border-color: #aaa; font-size: 23px; height: 32px; width: 32px; position: absolute; top: 50%; margin-top: -16px; opacity: 1; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .owl-main-slider.owl-carousel .owl-controls .owl-buttons div i{ color: #aaa; } .owl-main-slider.owl-carousel .owl-controls .owl-buttons div.owl-prev{ border-right-style: solid; border-right-width: 4px; left: 0; } .owl-main-slider.owl-carousel .owl-controls .owl-buttons div.owl-next{ border-left-style: solid; border-left-width: 4px; right: 0; } .owl-main-slider .owl-item .item{ position: relative; overflow: hidden; } .slide1 .main-slider_content{ left: 7%; top: 21%; width: 50%; } .slide2 .main-slider_content{ left: 6%; margin: auto; right: 6%; top: 20%; } .slide2 .main-slider_content .starSeparator{ color: #fff; } .slide2 .main-slider_content .main-slider_smalltitle{ font-size: 28px; padding: 45px 0 16px; } .slide2 .main-slider_content .main-slider_title{ letter-spacing: 3px; } .slide2 .main-slider_content .main-slider_buttons{ padding-top: 20px; } .slide2 .main-slider_content .main-slider_buttons .button-border{ border-color: #fff; color: #fff; } .slide3 .main-slider_content{ left: 28%; right: 32%; top: 22%; } .main-slider_content{ position: absolute; text-align: center; z-index: 2; } .main-slider_smalltitle{ font-size: 15px; text-transform: uppercase; } .main-slider_smalltitle i{ font-size: 5px; margin: 0 10px; position: relative; top: -4px; } .main-slider_title{ font-size: 48px; line-height: 56px; padding: 20px 0 35px; text-transform: uppercase; } .main-slider_buttons{ padding-top: 40px; } .main-slider_buttons .button-border{ border-color: #333; margin: 0 5px; } .main-slider_desc{ display: block; font-size: 14px; line-height: 23px; padding: 40px 0 0 8%; } /* Categories */ .category-images{ float: left; width: 100%; padding: 76px 0 72px; } .home-construction-v3 .category-images{ padding-bottom: 0; } .category-images li{ float: left; width: 32%; margin-bottom: 30px; } .category-images li.left-space{ margin-left: 2%; } .category-images li.right-space{ margin-right: 2%; } .category-images li.two-width{ width: 66%; } .category-images li.grid figure{ background: #000; max-height: 750px; max-width: 100%; min-width: 100%; width: 100%; } .category-images li.grid figure figcaption > a{ z-index: 9; } .category-images li.grid figure img{ width: 100%; } .category-images li.grid figure figcaption{ padding: 10px; } .category-images li.grid figure.effect-bubba h2{ font-size: 20px; font-weight: 400; margin-top: 0; padding: 15px 0; word-spacing: 0px; -webkit-transform: translate3d(0,0px,0); transform: translate3d(0,0px,0); } .category-images li.grid figure.effect-bubba p{ font-size: 14px; padding: 5px 0; opacity: 1; -webkit-transform: translate3d(0,0px,0); transform: translate3d(0,0px,0); } .category-images li.grid figure.effect-bubba figcaption:before, .category-images li.grid figure.effect-bubba figcaption:after{ top: 10px; left: 10px; right: 10px; bottom: 10px; } .category-images li.grid figure.effect-bubba:hover h2{ -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } .category-images li.grid figure.effect-bubba:hover p { -webkit-transform: translate3d(0,15px,0); transform: translate3d(0,15px,0); } .category-images_content{ bottom: 60px; left: 0; position: absolute; width: 100%; } /* Products Filter */ .isotopeBox{ padding-top: 90px; padding-bottom: 23px; } .home-construction-v5 .isotopeBox{ padding-top: 8px; } .isotopeBox.noTitle{ padding-top: 3px; padding-bottom: 14px; } .product-filter, .isotope-frame, .isotope-filter{ float: left; width: 100%; } /*.isotope-frame{ padding-bottom: 25px; }*/ .home-construction-v5 #filter.product-filter{ height: auto; margin-bottom: 0; margin-top: 35px; } .isotope-filter .isotope-item{ float: left; padding: 0 15px; } .product-item{ margin: 0 auto 30px; max-width: 270px; width: 100%; } .product-item.hvr-underline-from-center:before{ background-color: #333; height: 1px; z-index: 1; } .product-item_body{ float: left; position: relative; width: 100%; } /*.product-item_body.product-border{ border: 1px solid #ececec; }*/ img.product-item_image{ float: left; width: 100%; } .product-item_link{ height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .product-item:hover .product-item_link{ background-color: rgba(255, 255, 255, 0.5); } ul.product-item_info{ background-color: #ff8300; bottom: 0; left: 0; margin: 0; padding: 5px; position: absolute; text-align: center; width: 100%; z-index: 2; opacity: 0; color: #fff; } .sv-header-title { margin-bottom: 8px; } .product-item:hover ul.product-item_info{ opacity: 1; } ul.product-item_info li{ display: inline-block; height: 50px; position: relative; text-align: center; width: 60px; } ul.product-item_info li a{ color: #fff; font-size: 20px; line-height: 52px; float: left; width: 100%; height: 100%; position: relative; } ul.product-item_info li a:before{ border-left: 8px solid rgba(0, 0, 0, 0); border-right: 8px solid rgba(0, 0, 0, 0); content: ""; height: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 0; opacity: 0; } ul.product-item_info li a:hover:before{ opacity: 1; } ul.product-item_info li a:hover{ text-decoration: none; } .product-item_tip{ bottom: 100%; font-size: 10px; left: 50%; line-height: 100%; margin-left: -57px; padding: 0; height: 0; position: absolute; text-align: center; white-space: nowrap; width: 114px; opacity: 0; } ul.product-item_info li a:hover .product-item_tip{ height: 32px; padding: 11px 0; opacity: 1; } .product-item_footer{ border-bottom: 1px solid #ececec; float: left; padding: 34px 0 26px; width: 100%; } .product-item_title{ color: #333; float: left; font-size: 13px; line-height: 100%; padding-bottom: 15px; width: 100%; } .product-item_price{ float: left; font-size: 16px; line-height: 100%; width: 100%; text-align: center; } .product-item_price span{ color: #333; padding: 0 15px; text-decoration: line-through; } .product-item_sale{ font-size: 11px; height: 42px; line-height: 42px; position: absolute; right: 28px; text-align: center; top: 30px; width: 42px; } .product-item_new{ background-color: #333; font-size: 10px; height: 42px; line-height: 42px; position: absolute; right: 28px; text-align: center; top: 30px; width: 42px; } .buzz-new{ right: 210px !important; background: #FF8300; } .product-item_outofstock{ background-color: #e6ab4c; bottom: 0; font-size: 11px; height: 62px; left: 0; line-height: 13px; margin: auto; padding: 17px 0 0; position: absolute; right: 0; text-align: center; top: 0; width: 62px; } .home-construction-v5 .product-filter li{ float: left; margin: 0 !important; } .home-construction-v5 .isotope-item{ width: 16.666%; text-align: center; } /* DISCOUNTS */ .background-container{ background-color: #f4f4f4; } .discount{ padding: 42px 0; } .home-construction-v5 .discount.paralax{ background-position: 50% 0 !important; } .home-construction-v4 .discount{ padding-top: 10px; } .discount-background{ background-color: #fef4e2; padding-bottom: 40px; padding-top: 44px; } .discount-image{ float: left; margin-left: 109px; max-width: 100%; } .home-construction-v5 .discount-image{ margin-left: 0; } .discount-info{ float: left; padding: 49px 122px 0 0; width: 100%; } .discount-info_small_txt{ float: left; font-size: 17px; line-height: 100%; padding-bottom: 13px; width: 100%; } .discount-info_shadow_txt{ float: left; font-size: 46px; line-height: 100%; width: 100%; } .discount-info_right_txt{ float: left; font-size: 47px; line-height: 100%; padding: 5px 0 29px; width: 100%; } .discount-info_right_txt span{ font-size: 30px; margin-right: 5px; } .discount-banner-info{ float: left; margin-left: -55px; padding: 38px 0 0; } .discount-banner-info_small_txt{ float: left; font-size: 42px; line-height: 100%; width: 100%; } .discount-banner-info_shadow_txt{ float: left; font-size: 46px; line-height: 100%; padding: 4px 0 26px; width: 100%; } .discount-banner-info_subtitle{ float: left; font-size: 24px; letter-spacing: 5px; line-height: 100%; padding: 0 0 34px 6px; width: 100%; } .discount-banner-info .button-border{ margin-left: 11px; } /* Slider */ /*.slider-container{ padding: 100px 0 58px; }*/ .home-construction-v3 .slider-container{ padding-top: 55px; } .home-construction-v4 .slider-container{ padding-top: 0; padding-bottom: 0; } .owl-product-slider{ padding: 25px 0 0; } .owl-product-slider .item{ padding: 0 15px; } .owl-product-slider li, .buzzSeparator li { list-style-type: none; } .owl-product-slider.owl-theme .owl-controls .owl-buttons div{ background: rgba(0, 0, 0, 0); color: #aaa; font-size: 20px; margin: 0 7px; padding: 3px 8px; opacity: 1; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .owl-product-slider.owl-theme .owl-controls .owl-buttons:after{ background-color: #ccc; content: ""; height: 20px; left: 0; margin: auto; position: absolute; right: 0; top: 5px; width: 2px; } .owl-bottom-pagination.owl-theme .owl-controls .owl-buttons{ position: relative; } .owl-top-pagination.owl-theme .owl-controls .owl-buttons{ margin-top: 0; position: absolute; right: 0; top: -23px; } .slider-container.slider-top-pagination{ padding-bottom: 8px; } /* Blog preview */ .title-primary{ font-size: 24px; letter-spacing: 3px; } .blog-preview{ padding-bottom: 56px; padding-top: 94px; } .blog-preview .starSeparator{ float: left; margin: 25px 0 56px 37px; } .blog-preview_item{ float: left; padding-bottom: 60px; width: 100%; } .blog-preview_image{ float: left; width: 44%; position: relative; } .blog-preview_image img{ float: left; width: 100%; } .blog-preview_info{ float: left; padding: 0 0 0 35px; width: 56%; } .blog-preview_title{ font-size: 14px; padding-bottom: 16px; } .blog-preview_desc{ color: #666; font-size: 13px; line-height: 20px; padding-bottom: 37px; } .blog-preview_btn{ border: 2px solid #ececec; font-size: 11px; margin: 0; padding: 9px 17px; } .blog-preview_btn:focus, .blog-preview_btn:hover{ color: #fff; } .blog-preview_posted{ color: #333; background-color: #fff; border-style: solid; border-width: 2px; bottom: -20px; height: 75px; left: 25px; position: absolute; width: 105px; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .blog-preview_date{ float: left; font-size: 13px; padding: 15px 0 9px; position: relative; text-align: center; width: 100%; } .blog-preview_date:after{ content: ""; background-color: #ccc; position: absolute; left: 50%; bottom: 0; width: 30px; height: 1px; margin-left: -15px; } .blog-preview_comments{ float: left; font-size: 10px; padding-top: 9px; text-align: center; width: 100%; } .blog-preview_image:hover .blog-preview_posted{ color: #fff; } .blog-preview_image:hover .blog-preview_date:after{ background-color: #f2a9a6; } .blog-container{ padding: 25px 0; text-align: center; } .blog-container .row{ padding-top: 45px; } .blog-preview-small{ float: left; position: relative; width: 100%; } .blog-preview-small_img{ float: left; width: 100%; } .blog-preview-small_link{ height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .blog-preview-small_link:hover{ background-color: rgba(0,0,0,0.4); } .blog-preview-small_link:hover .blog-preview_posted{ color: #fff; } .blog-preview-small_txt{ bottom: 30px; left: 0; position: absolute; text-align: center; width: 100%; } .blog-preview-small .blog-preview_posted{ border-style: none; border-width: 0; bottom: auto; left: 0; margin: 0 auto; right: 0; top: -25px; } .blog-preview-small_more{ border-color: #ececec; float: left; font-size: 11px; margin: 28px 0 0; padding: 8px 15px; } /* Vertical BxSlider */ .mentions-slider{ float: left; width: 100%; } .vertical-slider .bx-wrapper{ float: left; width: 100%; } .vertical-slider .bx-wrapper .bx-viewport{ background: rgba(0, 0, 0, 0); border: 0 none; left: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .vertical-slider .bx-wrapper .bx-controls-direction{ bottom: -45px; position: absolute; right: 0; width: 62px; } .vertical-slider .bx-wrapper .bx-controls-direction:after{ background-color: #ccc; content: ""; height: 20px; left: 0; margin: auto; position: absolute; right: 0; top: 5px; width: 2px; } .vertical-slider .bx-wrapper .bx-controls-direction a{ background: rgba(0, 0, 0, 0); color: #aaa; font-size: 20px; height: auto; padding: 3px 8px; text-indent: 0; width: auto; } .vertical-slider .bx-wrapper .bx-prev{ left: 0; margin: 0 7px 0 0; } .vertical-slider .bx-wrapper .bx-next{ right: 0; margin: 0 0 0 7px; } .slide-controls-left.vertical-slider .bx-wrapper .bx-controls-direction{ right: auto; left: 0; } .clients-comment{ border-bottom: 1px solid #ececec; display: block; margin-left: -5px; min-height: 75px; padding: 0 0 39px 115px; position: relative; width: 100%; } .clients-comment_ava{ height: 70px; left: 0; overflow: hidden; position: absolute; top: 0; width: 70px; } .clients-comment_ava img{ max-width: 100%; } .clients-comment_body{ float: left; font-size: 13px; line-height: 20px; margin-top: -3px; padding-bottom: 28px; position: relative; width: 100%; } .clients-comment_body i{ font-size: 11px; left: -20px; position: absolute; top: 5px; } .clients-comment_author{ float: left; font-size: 11px; width: 100%; } .clients-comment_author span{ color: #bababa; margin-left: 4px; } /* Brands */ .brands-box{ padding-bottom: 58px; padding-top: 59px; } .brands-container{ padding-top: 27px; } ul.brands-list{ padding-top: 42px; text-align: center; } ul.brands-list li{ display: inline-block; margin: 0 0.5%; width: 15%; } .brand-item{ background-color: rgba(255, 255, 255, 0.4); display: block; padding: 1px 0; width: 100%; } .brand-item img{ max-width: 100%; opacity: 0.9; } .brand-item:hover{ background-color: rgba(255, 255, 255, 1); } .brand-item:hover img{ opacity: 1; } .brands-slider{ border-top: 2px solid #ececec; padding-top: 65px; } .brands-slider h2.title{ font-size: 25px; } .brands-slider .starSeparatorBox{ padding: 12px 0 65px; } .brands-slider .owl-product-slider{ padding: 43px 0 0; } .brands-slider .owl-product-slider .item{ padding: 0; } .brands-slider_logo{ cursor: pointer; } .brands-slider_logo:hover{ opacity: 0.8; } /* Free Shpping */ body .container.freeshpping-container{ padding: 0 15px; } .home-construction-v4 .free-shpping-row{ border-bottom: 2px solid #ececec; } #freeShpping { border-bottom: 1px solid #ECECEC; border-top: 1px solid #ECECEC; } .freeshpping{ border-right: 1px solid #ececec; padding-bottom: 25px; padding-top: 32px; } .freeshpping:first-child{ border-left: 1px solid #ececec; } .freeshpping-item{ display: block; font-size: 16px; line-height: 22px; margin: 0 auto; padding-left: 45px; position: relative; width: 185px; } .freeshpping-item span{ font-size: 34px; left: 0; margin-top: -18px; position: absolute; top: 50%; } /* Subscribe */ .subscribe-row{ border-top: 2px solid #ececec; } .subscribe-custom-bg.subscribe-row{ border-top: 0 none; } .subscribe-container{ padding-bottom: 50px; padding-top: 50px; } .subscribe-desc{ float: left; font-size: 14px; padding-top: 17px; text-align: right; text-transform: uppercase; width: 42%; } .subscribe-form{ float: right; padding-left: 26px; width: 58%; } .subscribe-field{ float: left; padding-right: 15px; width: 56%; } .subscribe-field input{ border: 2px solid #ececec; height: 44px; padding: 0 10px; width: 100%; } .subscribe-custom-bg .subscribe-field input{ border-color: #fff; } .subscribe-button{ float: left; } .subscribe-custom-bg .btn-primary{ border: 2px solid #fff; color: #fff; padding: 12px 23px; } /* Banner */ .banner-item.grid figure{ background: #000; max-height: 600px; max-width: 100%; width: 100%; } .banner-item.grid figure img{ opacity: 1; } .banner-item.grid figure:hover img{ opacity: 0.6; } .banner-item.grid figure.effect-bubba figcaption{ padding: 10px; } .banner-item.grid figure.effect-bubba div{ font-size: 48px; line-height: 100%; padding-bottom: 17px; } .banner-item.grid figure.effect-bubba h2{ font-size: 28px; font-weight: 400; margin-top: 6%; padding: 7px 0 8px; word-spacing: 0; -webkit-transform: translate3d(0,0px,0); transform: translate3d(0,0px,0); } .banner-item.grid figure.effect-bubba p{ font-size: 14px; padding: 5px 0; opacity: 1; -webkit-transform: translate3d(0,0px,0); transform: translate3d(0,0px,0); } .banner-item.grid figure.effect-bubba figcaption:before, .banner-item.grid figure.effect-bubba figcaption:after{ top: 10px; left: 10px; right: 10px; bottom: 10px; } .banner-item.grid figure.effect-bubba:hover h2{ -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } .banner-item.grid figure.effect-bubba:hover p { -webkit-transform: translate3d(0,15px,0); transform: translate3d(0,15px,0); } /* Comments */ .comments-box{ padding-top: 56px; } .comments-slider{ /* padding-bottom: 82px;*/ padding-top: 26px; text-align: center; } .comment-slide-item_text{ font-size: 14px; line-height: 26px; padding-bottom: 38px; text-align: center; } .comment-slide-item_author{ display: inline-block; padding-left: 30px; position: relative; text-align: left; } .comment-slide-item_author i{ left: 5px; position: absolute; top: 0; } .comment-slide-item_author_name{ clear: both; display: block; font-size: 14px; padding-bottom: 4px; } .comment-slide-item_author_desc{ clear: both; color: #bababa; display: block; font-size: 11px; } .comments-slider .bx-wrapper{ padding: 10px 10% 25px; margin: 0 auto 25px; } .comments-slider .bx-wrapper .bx-viewport{ background: rgba(0, 0, 0, 0); border: 0 none; left: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .comments-slider .bx-wrapper .bx-controls-direction{ bottom: 0; left: 0; margin: 0 auto; position: absolute; right: 0; width: 62px; } .comments-slider .bx-wrapper .bx-controls-direction:after{ background-color: #ccc; content: ""; height: 20px; left: 0; margin: auto; position: absolute; right: 0; top: 5px; width: 2px; } .comments-slider .bx-wrapper .bx-controls-direction a{ background: rgba(0, 0, 0, 0); color: #aaa; font-size: 20px; height: auto; padding: 3px 8px; text-indent: 0; width: auto; } .comments-slider .bx-wrapper .bx-prev{ left: 0; margin: 0 7px 0 0; } .comments-slider .bx-wrapper .bx-next{ right: 0; margin: 0 0 0 7px; } /* Popular Items */ .title-section{ font-size: 15px; line-height: 100%; } .popular-products{ padding-top: 42px; padding-bottom: 69px; } .popular-products .title-section{ padding-bottom: 43px; } .popular-product-item{ border-bottom: 1px solid #ececec; display: block; min-height: 93px; padding: 5px 0 0 97px; position: relative; width: 100%; } .popular-product-item:focus, .popular-product-item:hover{ text-decoration: none; } .popular-product-item:focus .popular-product-item_title, .popular-product-item:hover .popular-product-item_title, .popular-product-item:focus img, .popular-product-item:hover img{ opacity: 0.8; } .popular-product-item img{ position: absolute; left: 0; top: 0; } .popular-product-item_title{ color: #333; display: block; float: left; font-size: 12px; line-height: 100%; padding-bottom: 10px; text-decoration: none; width: 100%; } .popular-product-item_price{ font-size: 13px; line-height: 100%; text-decoration: none; } .popular-products .product-item_footer{ padding: 15px 0 9px; } /* Footer */ .footer-top{ background-color: #222; padding-bottom: 30px; padding-top: 15px; } .footer-top_container{ padding-top: 15px; } .footer-top_container > span{ float: left; font-size: 12px; line-height: 20px; width: 100%; } .footer-top_title{ border-bottom: 1px solid #444; font-size: 13px; padding: 2px 0 10px 5px; } /* Top Header Social Icon */ ul.top-header-social-list{ float: left; padding-top: 10px; } ul.top-header-social-list li{ float: left; margin-right: 12px; } ul.top-header-social-list li a{ border: 1px solid #fff; color: #fff; float: left; height: 30px; line-height: 23px; padding-top: 4px; text-align: center; width: 30px; } ul.top-header-social-list li a:hover{ text-decoration: none; color: #fff; border-color: #ff8300; box-shadow: inset 0 0 0 2px #ff8300,0 0 1px rgba(0,0,0,0); -moz-box-shadow: inset 0 0 0 2px #ff8300,0 0 1px rgba(0,0,0,0); -webkit-box-shadow: inset 0 0 0 2px #ff8300,0 0 1px rgba(0,0,0,0); } .buzzstore-plugins-shortcode{ margin-top: 10px; float: left; } .buzztopmenu { padding: 20px 0px 0px 0px; color: #fff; } .default-right { margin-right: 0px; } /* End Top Header Social Icon */ ul.footer-social-list{ float: left; padding-top: 15px; } ul.footer-social-list li{ float: left; margin-right: 7px; } ul.footer-social-list li a{ border: 1px solid #555; color: #555; float: left; height: 30px; line-height: 23px; padding-top: 4px; text-align: center; width: 30px; } ul.footer-social-list li a:hover, ul.footer-contact li span:hover{ border-color: #FF8300; color: #fff; text-decoration: none; cursor: pointer; } ul.footer-nav{ float: left; padding: 0 0 0 13px; width: 100%; } ul.footer-nav li{ float: left; padding: 4px 0 11px; width: 100%; } ul.footer-nav li a{ font-size: 12px; } ul.footer-nav li a i{ margin-right: 7px; } ul.footer-nav li a:hover{ text-decoration: none; } ul.footer-contact{ float: left; width: 100%; } ul.footer-contact li{ float: left; font-size: 12px; line-height: 20px; margin-bottom: 11px; min-height: 35px; padding: 1px 0 0 54px; position: relative; width: 100%; } ul.footer-contact li.oneLine{ padding-bottom: 10px; padding-top: 9px; } ul.footer-contact li span{ border: 2px solid #555; color: #ddd; font-size: 14px; height: 35px; left: 3px; line-height: 29px; margin-top: -17px; position: absolute; text-align: center; top: 50%; width: 35px; } .footer-bottom{ background-color: #333; min-height: 90px; } .footer_copyright{ float: left; font-size: 12px; padding: 37px 0 0; } .footer_copyright .icon_heart{ margin: 0 5px; } ul.footer-payments{ padding: 30px 0 0; } ul.footer-payments li{ float: left; margin-left: 8px; } ul.footer-payments li:first-child{ margin-left: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*------------------------------------------------------------------ [Table of contents] # Breadcrumbs # Inner Page Title # Sidebar # Categories Tree # Categories Filter # Products # Pagination -------------------------------------------------------------------*/ /* Breadcrumbs */ .breadcrumb-container{ min-height: 300px; padding: 108px 0 50px; position: relative; } ul.breadcrumb-list{ padding: 15px 0 0; text-align: center; } ul.breadcrumb-list li{ display: inline-block; font-size: 14px; } ul.breadcrumb-list li a{ font-size: 14px; } ul.breadcrumb-list li span{ color: #fff; font-size: 15px; line-height: 16px; margin: 0 6px; } /* Inner Page Title */ h1.title{ font-size: 41px; text-align: center; } .overlay{ background-color: rgba(0, 0, 0, 0.6); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } /* Sidebar */ .page-content{ padding-bottom: 44px; padding-top: 69px; } .page-content.category-type_list{ padding-bottom: 87px; } .sidebar-title{ font-size: 15px; line-height: 15px; padding-bottom: 18px; clear: both; } .sidebar-slider{ float: left; width: 100%; padding: 18px 5px 15px; } .sidebar-slider.sidebar-slider_btm_padding{ padding-bottom: 60px; } .sidebar-slider .slider-range{ background: #ececec; border: 0 none; float: left; height: 5px; margin-bottom: 40px; width: 100%; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .sidebar-slider .slider-range .ui-slider-range{ background: #333; border: 0 none; height: 5px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .sidebar-slider .slider-range .ui-state-focus, .sidebar-slider .slider-range .ui-state-hover, .sidebar-slider .slider-range .ui-state-active, .sidebar-slider .slider-range .ui-slider-handle{ background: #fff; border: 3px solid #333; cursor: pointer; height: 12px; margin-left: -6px; top: -3px; width: 12px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; } .slider-range-value{ padding-top: 15px; } .slider-range-value label{ color: #000; float: left; font-size: 14px; line-height: 100%; margin: 0 4px 0 0; } .slider-range-value input{ background-color: #fff; border: 0 none; color: #000; float: left; line-height: 100%; width: 100px; } .filter-container{ float: left; width: 100%; } .filter-container .button-border{ border-color: #333; } .sidebar-product.category-images{ padding: 40px 0 60px; } .sidebar-product.category-images li{ margin-bottom: 0; width: 100%; } ul.sidebar-popular-product{ float: left; padding: 25px 0; width: 100%; } ul.sidebar-popular-product li{ float: left; width: 100%; margin-bottom: 20px; } ul.sidebar-popular-product .product-item_sale{ bottom: 13px; height: 32px; line-height: 32px; right: 10px; top: auto; width: 32px; } /* Categories Tree */ ul.categories-tree{ float: left; width: 100%; padding-bottom: 57px; } ul.categories-tree li{ border-bottom: 1px solid #ececec; float: left; padding: 20px 0 15px; width: 100%; } ul.categories-tree li a{ float: left; font-size: 12px; width: 100%; } /* Categories Filter */ .content-box{} .category-filter{ border-bottom: 1px solid #ececec; padding-bottom: 21px; } .category-filter .select{ margin-right: 15px; } .category-filter .select-field{ min-width: 170px; } .grid-type{ border: 1px solid #ececec; color: #333; font-size: 17px; margin-left: 9px; width: 41px; height: 41px; text-align: center; line-height: 41px; } .grid-type:hover{ text-decoration: none; } .grid-type.active{ border: 0 none; } /* Products */ .products-cat{ padding-top: 50px; } ul.products-grid{ float: left; text-align: justify; width: 100%; } ul.products-grid li{ display: inline-block; margin-bottom: 20px; } ul.products-grid li.helper-justify{ margin-bottom: 0; } .helper-justify{ width: 100%; height: 0; visibility: hidden; } ul.products-list{} ul.products-list > li{ padding-bottom: 55px; } .product-list_item_img{ display: block; max-width: 100%; } .product-list-info{ float: left; width: 100%; border-bottom: 1px solid #ececec; padding-bottom: 41px; } .product-list_item_title{ float: left; padding-bottom: 8px; width: 100%; } .product-list_item_title h3{ float: left; font-size: 21px; line-height: 24px; padding: 11px 45px 10px 0; } .product-list_item_title .rating{ margin-top: 15px; } .product-list-info .product-item_price{ font-size: 18px; text-align: left; } .product-list-info .product-item_price span{ font-size: 14px; } .product-list_item_desc{ float: left; font-size: 13px; line-height: 22px; padding: 24px 0 37px; width: 100%; } ul.rating{ float: left; } ul.rating > li{ float: left; font-size: 16px; margin: 0 2px; } .product-list-info .btn{ float: left; } .product-list-info .button-border{ border-color: #ececec; font-size: 16px; margin-left: 10px; padding: 12px 12px 9px; } /* Pagination */ .pagination-container{ float: left; padding: 4px 0 0; width: 100%; } .pagination-center{ text-align: center; } .pagination-center ul.pagination-list{ float: none; padding: 30px 0px; border-top: 1px solid #ececec; } .pagination-info{ float: left; font-size: 12px; margin-top: 7px; } ul.pagination-list{ float: right; } ul.pagination-list li{ display: inline-block; padding: 0 5px; } ul.pagination-list li a{ color: #333; font-family: "Montserrat",sans-serif; font-size: 13px; font-weight: 400; height: 26px; line-height: 27px; text-align: center; text-decoration: none; } ul.pagination-list li a.prev{ margin-right: 28px; } ul.pagination-list li a.page{ display: block; margin: 0; width: 26px; } ul.pagination-list li a.current{ color: #fff; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; } ul.pagination-list li a.next{ margin-left: 28px; } ul.pagination-list li span{ color: #333; font-family: "Montserrat",sans-serif; font-size: 12px; font-weight: 400; height: 26px; letter-spacing: -1px; margin: 0 9px 0 5px; } /*------------------------------------------------------------------ [Table of contents] # Gallery # Product Cart # Product Brands # Tabs # Product Content -------------------------------------------------------------------*/ .slider-products{ padding: 49px 0 10px; } .slider-products h2.title{ padding-top: 38px; } .product-details{ padding-top: 100px; padding-bottom: 47px; } /* Gallery */ .product-gallery{ float: left; } .vertical-pager{ width: 100%; } .product-gallery .bx-wrapper{ margin: 0 auto 20px; } .product-gallery .bx-wrapper .bx-viewport{ border: 0 none; left: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .product-gallery_preview{ float: left; width: 100%; } .product-gallery_preview a{ float: left; margin-right: 5%; width: 30%; opacity: 0.3; } .product-gallery_preview a:nth-child(3n){ margin-right: 0; } .product-gallery_preview a.active{ opacity: 1; } .product-gallery_preview a img{ width: 100%; } .vertical-pager.product-gallery .product-gallery_preview{ height: 100%; position: absolute; width: 22%; z-index: 1; } .vertical-pager.product-gallery .product-gallery_preview a{ height: 25%; overflow: hidden; padding-bottom: 15px; width: 100%; } .vertical-pager.product-gallery .product-gallery_preview a.active{} .vertical-pager.product-gallery .product-gallery_preview a img{ height: 100%; width: auto; } .vertical-pager.product-gallery .bx-wrapper{ float: right; margin: 0 0 15px; width: 78%; } .narrow-content{ padding-left: 70px; padding-right: 70px; } .product-details-narrow .product-options_header{ padding-bottom: 20px; } .product-details-narrow .product-options_body{ padding-top: 20px; padding-bottom: 20px; } .product-details-narrow .product-options_cart{ padding-top: 20px; } .product-details-narrow .product-options_row{ padding-top: 20px; } .product-details-narrow ul.product-links{ padding-bottom: 20px; } .product-details-narrow ul.tags-list{ padding-bottom: 25px; } .product-details-narrow .product-options_footer{ padding-bottom: 27px; } /* Product Cart */ .product-cart{ float: left; } .product-options_header{ border-bottom: 1px solid #ececec; padding-bottom: 24px; } .product-options_header h3{ font-size: 21px; } .product-options_header .product-item_price{ font-size: 18px; padding: 25px 0 0; width: auto; } .product-options_header .product-item_price span{ font-size: 14px; } .product-options_header .rating{ float: right; margin-top: 25px; } .product-options_body{ border-bottom: 1px solid #ececec; padding-bottom: 27px; padding-top: 25px; } .product-cart h4{ font-size: 12px; padding-bottom: 13px; } .product-options_desc{ font-size: 13px; line-height: 20px; } .product-options_cart{ float: left; padding: 30px 0 0; width: 100%; } .product-options_cart .select{ width: 47%; } .product-options_cart .select-field{ font-size: 11px; padding: 15px 40px 11px 10px; text-transform: uppercase; width: 100%; } .product-options_row{ float: left; padding-top: 30px; width: 100%; } .product-counter{ border: 1px solid #bbb; float: left; padding-right: 38px; position: relative; } .product-counter > input{ background-color: #f5f5f5; border: 0 none; float: left; font-size: 19px; line-height: 100%; padding: 12px 0; text-align: center; width: 60px; } .product-counter > div{ border-left: 1px solid #bbb; cursor: pointer; font-size: 15px; line-height: 100%; padding: 3px 0; position: absolute; right: 0; text-align: center; width: 39px; -moz-user-select: none; -khtml-user-select: none; user-select: none; } .product-counter > div.addQuantity{ border-bottom: 1px solid #bbb; top: 0; } .product-counter > div.minusQuantity{ bottom: 0; } .button-big.button-additional{ float: right; font-size: 16px; width: 70%; } .button-big.button-additional span{ float: none; } ul.product-links{ border-bottom: 1px solid #ececec; float: left; padding-bottom: 30px; width: 100%; } ul.product-links li{ float: left; margin-right: 40px; } ul.product-links li:last-child{ margin-right: 0; } ul.product-links li a{ color: #333; float: left; font-size: 11px; padding-top: 13px; text-decoration: none; text-transform: uppercase; } ul.product-links li a span{ border: 1px solid #ececec; float: left; font-size: 16px; height: 39px; margin: -13px 16px 0 0; padding: 11px 0 0; text-align: center; width: 40px; } .product-options_footer{ border-bottom: 1px solid #ececec; float: left; width: 100%; padding-bottom: 38px; } ul.tags-list{ float: left; padding: 7px 0 40px; width: 100%; } ul.tags-list li{ float: left; margin-right: 4px; } ul.tags-list li a{ font-size: 12px; text-decoration: none; text-transform: uppercase; } ul.social-list{ float: left; padding-top: 8px; } ul.social-list li{ float: left; margin-right: 7px; } ul.social-list li a{ background-color: #fff !important; border: 1px solid #ececec; color: #333; float: left; height: 30px; line-height: 23px; padding-top: 4px; text-align: center; width: 30px; } ul.social-list li a:focus, ul.social-list li a:hover{ color: #fff; text-decoration: none; } /* Product Brands */ .product-brand{ float: right; } .product-sidebar-slider{ float: left; width: 100%; padding-top: 24px; padding-bottom: 50px; } .slide-controls-top.vertical-slider .bx-wrapper .bx-controls-direction{ bottom: auto; top: -63px; } .product-brand_item{ display: block; text-align: center; width: 100%; } .bx-wrapper .product-brand_item img{ display: inline-block; max-width: 90%; } .product-brand-container{ border-bottom: 1px solid #ececec; margin-bottom: 60px; } /* Tabs */ .tabs-container{ padding-bottom: 25px; padding-top: 64px; } .tabs-panel{ float: left; width: 100%; } .tabs-panel .nav-tabs{ border: 0 none; float: left; text-align: center; width: 100%; } .tabs-panel .nav-tabs > li{ display: inline-block; float: none; margin: 0 5px; } .tabs-panel .nav-tabs > li.active{} .tabs-panel .nav-tabs > li.active > a, .tabs-panel .nav-tabs > li.active > a:hover, .tabs-panel .nav-tabs > li.active > a:focus{ border-style: solid; border-width: 2px; color: #fff; } .tabs-panel .nav-tabs > li > a{ background-color: #fff; border-color: #ececec; border-style: solid; border-width: 2px; color: #333; float: left; font-size: 13px; margin: 0; padding: 9px 25px 8px; text-decoration: none; text-transform: uppercase; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .tabs-panel .nav-tabs > li > a:hover, .tabs-panel .nav-tabs > li > a:focus{ color: #fff; } .tabs-panel .tab-content{ float: left; padding-bottom: 17px; padding-top: 47px; width: 100%; } .tabs-panel .tab-content > .tab-pane{ float: left; padding: 0 8%; width: 100%; } .tab-pane p{ color: #666; font-size: 13px; line-height: 22px; margin: 0 0 22px; } ul.bullet-list{ float: left; padding-top: 13px; width: 100%; padding-bottom: 20px; } ul.bullet-list li{ color: #666; float: left; font-size: 13px; line-height: 14px; list-style-position: inside; list-style-type: disc; margin: 4px 0; width: 100%; } /* Product Content */ .product-content{ padding-top: 81px; } .product-content h3{ font-size: 20px; padding-bottom: 34px; } .product-content h4{ font-size: 16px; padding-bottom: 19px; padding-top: 49px; } .product-content p{ color: #666; font-size: 13px; line-height: 22px; margin-bottom: 22px; } .product-content .shell-box{ border-top: 1px solid #ececec; color: #000; font-size: 18px; padding: 27px 0 31px; } .product-content .options-box{ border-bottom: 1px solid #ececec; border-top: 2px solid #f6f6f6; color: #333; font-size: 13px; margin-bottom: 22px; padding: 27px 0 24px; } .product-content ul.bullet-list{ display: block; float: none; padding-bottom: 27px; padding-top: 3px; width: auto; } .product-content ul.bullet-list li{ float: none; margin: 8px 0; } .product-content img.pull-left{ margin-top: 52px; } .product-content .sepparator{ height: 1px; padding-bottom: 55px; } .border-img-l{ border-right: 50px solid #fff; } .border-img-r{ border-left: 50px solid #fff; } /*------------------------------------------------------------------ # Blog Item # Blog Post # Share # Leave a Reply -------------------------------------------------------------------*/ /* Blog Item */ /*.blog-item { margin-top: 20px; }*/ .blog-item{ padding-bottom: 60px; } .blog-item_img{ float: left; position: relative; } .blog-item_img img{ float: left; max-width: 100%; } .blog-item .blog-preview_posted{ bottom: auto; left: auto; right: 6%; top: -6%; z-index: 1; } .blog-item_header{ float: left; padding: 12px 0 0; width: 100%; } .blog-item_posted{ color: #bababa; float: left; font-size: 11px; margin-right: 9px; } .blog-item_posted_name{ color: #333; float: left; font-size: 11px; text-decoration: none; } .blog-item_posted_name:hover{ text-decoration: none; } .blog-item_posted_sepparator{ background-color: #ccc; float: left; height: 15px; margin: -1px 19px 0; width: 2px; } .blog-item-cats{ display: inline-block; } .blog-item-cats a{ color: #333; font-size: 11px; text-decoration: none; } .blog-item-cats a:hover{ color: #ff8300; } .page .item_body_page{ padding-top: 0px; } .blog-item_body{ float: left; padding-top: 20px; width: 100%; } .blog-item_text{ border-top: 1px solid #ececec; float: left; font-size: 13px; line-height: 24px; padding-top: 10px; width: 100%; } .blog-item_body h3{ font-size: 21px; line-height: 26px; padding-bottom: 10px; } .blog-item_body h3 a{ color: #666; } .blog-item_body h3 a:hover{ color: #FF8300; text-decoration: none; } .blog-item_body .button-border{ float: right; } .hvr-rectangle-out:before{ background: #FF8300 !important; } .blog-item_body .button-border{ border-color: #ececec; margin: 0; } .blog-additional .blog-item:nth-child(2n) .blog-item_img{ float: right; } .blog-additional .blog-item:nth-child(2n) .blog-item_desc{ float: left; } .blog-additional .blog-item .blog-preview_posted{ bottom: 0; left: -20px; margin: auto; right: auto; top: 0; } .blog-additional .blog-item:nth-child(2n) .blog-preview_posted{ right: -20px; left: auto; } /* Blog Post */ .blog-post_img{ position: relative; padding-bottom: 38px; } .blog-post_img .blog-preview_posted{ bottom: auto; left: 0; margin: auto; right: 0; top: -25px; z-index: 2; } .blog-post_img img{ width: 100%; } .blog-post .blog-item_desc{ float: left; width: 100%; } .blog-post .blog-item_body{ padding-top: 30px; } .blog-post .blog-item_body p{ margin: 0 0 25px; } .important-text{ background-color: #f2f2f2; border-style: solid; border-width: 0 0 0 3px; color: #333; float: left; font-size: 15px; font-weight: 600; line-height: 30px; margin: 33px 5% 58px; padding: 38px 25px 42px 47px; width: 90%; } /* Share */ .blog-item_share{ border-bottom: 1px solid #ececec; float: left; padding-bottom: 53px; width: 100%; } .blog-item_share h4{ font-size: 12px; padding-bottom: 32px; } ul.share-list li{ float: left; } ul.share-list li a{ border: 1px solid #ececec; color: #888; float: left; font-size: 20px; height: 50px; line-height: 52px; text-align: center; width: 50px; text-decoration: none; } ul.share-tags-list{ padding-top: 36px; } ul.share-tags-list li{ color: #bababa; float: left; font-size: 11px; margin-left: 8px; } ul.share-tags-list li.line-sepparator{ background-color: #ccc; height: 15px; margin: -1px 9px 0 15px; width: 2px; } ul.share-tags-list li a{ color: #333; float: left; margin-right: 3px; text-decoration: none; } ul.share-tags-list li span{ color: #333; float: left; } /* Leave a Reply */ /*.reply{ float: left; padding-bottom: 100px; padding-top: 64px; width: 100%; } .reply h3{ font-size: 22px; padding-bottom: 37px; } .reply-form{ float: left; width: 100%; } .reply-form .form-group{ float: left; padding-bottom: 20px; } .reply-form .form-group.half-wigth{ width: 48%; } .reply-form .form-group.full-width{ width: 100%; } .reply-field{ background-color: #fff; border: 2px solid #ececec; font-size: 11px; padding: 13px 15px; width: 100%; } textarea.reply-field{ min-height: 150px; } .reply-form .button-border{ background-color: #fff; border: 2px solid #ececec; margin: 15px 0 0; padding: 14px 21px 13px; }*/ /*------------------------------------------------------------------ # RESPONSIVE CSS -------------------------------------------------------------------*/ @media (max-width: 1650px){ .home-construction-v5 .isotope-item{ width: 18.99%; } } @media (max-width: 1450px){ .home-construction-v5 .isotope-item{ width: 24.5%; } } @media (max-width: 1199px){ .main-slider_title{ font-size: 30px; line-height: 34px; padding: 20px 0; } .main-slider_buttons{ padding-top: 20px; } .slide1 .main-slider_content{ top: 26%; } .slide3 .main-slider_content{ top: 30%; } .main-slider_desc{ display: none; } .isotope-filter .isotope-item{ width: 33%; } .discount-image{ margin-left: 30px; } .discount-info{ padding-top: 25px; } .footer-top .row > div{ padding-bottom: 20px; } .banner-item.grid figure.effect-bubba h2{ margin-top: 4%; } .discount-banner-info{ margin-left: 0; } .home-construction-v3 .header-nav{ padding-left: 10px; } .home-construction-v3 .navbar-main > li > a{ padding: 13px 7px; } } @media (max-width: 991px){ .header-middle > .container{ padding-bottom: 70px; } html .header-search{ bottom: 0; left: 0; right: auto; top: auto; width: 100%; } html .header-search_filter{ width: 40%; } html .header-search_form{ width: 60%; } html .product-search_field{ width: 100%; } .slide1 .main-slider_content, .slide3 .main-slider_content{ top: 14%; } .slide2 .main-slider_content{ top: 12%; } .slide2 .main-slider_content .main-slider_smalltitle{ padding: 30px 0 5px; } .slide2 .main-slider_content .main-slider_buttons{ padding-top: 5px; } .isotope-filter .isotope-item{ width: 49.99%; } .discount-image { display: block; float: none; margin: 0 auto; } .discount-info{ padding: 50px 0 0; text-align: center; } .discount-info_right_txt{ text-align: center; } .banner-item.grid figure.effect-bubba h2{ margin-top: 2%; } .popular-products{ padding-bottom: 0; } .popular-products .row > div{ padding-bottom: 120px; } .home-construction-v3 .header-nav{ position: absolute; padding: 0; left: 0; right: 0; bottom: 0; width: 610px; margin: 0 auto; } .home-construction-v3 .header-container{ padding-bottom: 55px; } .product-gallery .bx-wrapper img{ width: 100%; } .product-cart{ padding-top: 25px; } .blog{ padding: 50px 0px; } } @media (max-width: 767px){ body .container{ padding-left: 10px; padding-right: 10px; } .navbar-right{ float: right; } .navbar-right .dropdown-menu { left: auto; right: 0; } html .header-search{ padding: 0 11px; } .menu-container{ background-color: #333; height: 100%; left: 0; margin: 0; position: fixed; top: -100%; width: 100%; z-index: 99999; overflow-x: hidden; overflow-y: auto; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .menu-container .close-menu{ color: #fff; cursor: pointer; font-size: 20px; position: absolute; right: 20px; top: 20px; z-index: 3; } .openMenu{ overflow: hidden; } .openMenu .menu-container{ top: 0; } .onlyMobile{ display: block !important; } .product-search .form-group{ margin-bottom: 0; } html .navbar-main{ margin: 0; padding: 60px 10px 10px; } html .navbar-main > li{ border-bottom: 1px solid #666; float: left; width: 100%; } html .navbar-main > li:first-child{ border-top: 1px solid #666; } html .navbar-main > li > a{ color: #fff; float: left; font-size: 16px; padding: 10px !important; width: 100%; } html .navbar-main > li > a i{ float: right; margin-top: 3px; } html .navbar-main > .open > a:after{ display: none; } html .navbar-main .open > .dropdown-menu{ float: left; padding: 5px 0 5px 20px; width: 100%; } html .navbar-main .open > .dropdown-menu > li{ border-top: 1px solid #666; float: left; width: 100%; } html .navbar-main .open > .dropdown-menu > li > a{ color: #fff; float: left; padding: 10px; width: 100%; } .mentions-slider{ padding-bottom: 60px; } ul.brands-list li{ margin: 0 0.5% 15px; width: 32%; } .freeshpping{ border-left: 1px solid #ececec; border-right: 1px solid #ececec; border-bottom: 1px solid #ececec; } .freeshpping:last-child{ border-bottom: 0 none; } .footer_copyright{ width: 100%; text-align: center; } ul.footer-payments{ text-align: center; width: 100%; padding-bottom: 20px; } ul.footer-payments li{ float: none; display: inline-block; margin: 0 5px 10px; } .subscribe-desc{ width: 100%; text-align: center; } .subscribe-form{ width: 100%; padding: 30px 0 0; } .subscribe-field{ width: 70%; } .subscribe-button{ width: 30%; } .subscribe-button .btn-primary{ width: 100%; } body .container.freeshpping-container{ padding: 0 35px; } .banner-item.grid figure.effect-bubba h2{ font-size: 20px; } .banner-item.grid figure.effect-bubba div { font-size: 26px; padding-bottom: 0; } .blog-preview-small_more{ margin-bottom: 50px; } .popular-products .row > div:last-child{ text-align: center; } .discount-banner-info{ text-align: center; } .home-construction-v5 .discount-image{ margin: 0 auto; } .home-construction-v3 .fa.mobileMenuNav{ color: #fff; } .home-construction-v3 .header-top{ padding-top: 15px; } .home-construction-v3 .header-nav{ width: 30px; bottom: 15px; } .home-construction-v3 .header-container{ padding-bottom: 0; } .product-list_item_img{ text-align: center; padding-bottom: 10px; } .product-brand{ padding-top: 25px; } .blog-item_desc{ width: 100%; } .blog-item_img { display: block; float: none; margin: 0 auto 15px; width: 50%; } .blog-additional .blog-item:nth-child(2n) .blog-item_img{ float: none; } } @media (max-width: 750px){ .contact-list{ display: none; } .header-top .container{ padding-left: 0; padding-right: 0; } .category-images li.two-width, .category-images li{ width: 80%; margin: 0 10% 20px !important; } .sidebar .category-images li.two-width, .sidebar .category-images li{ margin: 0 0 20px !important; } .narrow-content{ padding-left: 0; padding-right: 0; } .product-content .shell-box{ line-height: 22px; } } @media (max-width: 700px){ .isotope-filter .isotope-item{ width: 100%; } } @media (max-width: 670px){ .main-slider_smalltitle{ display: none; } .main-slider_title{ display: none; } .slide2 .main-slider_content .main-slider_buttons{ padding-top: 15px; } ul.brands-list li{ width: 100%; margin: 0 0 15px; } .home-construction-v3 .half-title_left{ font-size: 30px; width: 100%; text-align: center; padding: 5px 0; } .home-construction-v3 .half-title_right{ font-size: 60px; width: 100%; text-align: center; padding: 5px 0; } } @media (max-width: 570px){ ul.products-grid{ text-align: center; } .pagination-info{ width: 100%; text-align: center; margin: 0 0 25px; } ul.pagination-list{ width: 100%; text-align: center; } .tabs-panel .nav-tabs > li{ width: 100%; margin: 0 0 10px; } .tabs-panel .nav-tabs > li > a{ width: 100%; } .tabs-panel .tab-content > .tab-pane{ padding: 0; } .border-img-l{ border-right-width: 10px; } .border-img-r{ border-left-width: 10px; } .product-content img{ max-width: 50%; } .blog-item_share ul.share-list{ width: 100%; } .blog-item_share ul.share-tags-list{ width: 100%; } .reply{ width: 100%; } } @media (max-width: 540px){ .main-slider_buttons .button-border{ margin-bottom: 10px; } .blog-preview_image{ width: 100%; } .blog-preview_info{ width: 100%; padding: 50px 0 0; } .banner-item.grid figure.effect-bubba p{ display: none; } .banner-item.grid figure.effect-bubba h2{ margin-top: 5%; } .category-filter .select { margin: 0 0 15px; width: 100%; } .category-filter .select-field { width: 100%; } } @media (max-width: 500px){ .home-construction-v3 .logo{ display: block; float: none !important; margin: auto; } .home-construction-v3 .header-container{ padding: 0 10px; } .home-construction-v3 .header-nav{ position: static; width: auto; } .home-construction-v3 ul.header-right-nav{ margin-top: 10px; } .home-construction-v3 ul.header-right-nav li{ width: auto; } html .home-construction-v3 .header-cart_product{ min-width: 320px; right: -20px; } } @media (max-width: 460px){ .header-middle .logo{ display: block; float: none !important; margin: 0 auto; } .header-cart{ width: 100%; } html .header-cart_product{ width: 100%; right: 0; } html .header-middle{ padding-bottom: 15px; padding-top: 15px; } .header-middle > .container{ padding-bottom: 60px; } .main-slider_content{ display: none; } .category-images li.two-width, .category-images li{ width: 100%; margin: 0 0 20px !important; } .category-images li.two-width .category-images_content{ bottom: 20px; } html #filter{ height: auto; } html #filter li{ width: 100%; margin: 0; } .banner-item.grid figure.effect-bubba h2{ display: none; } .banner-item.grid figure.effect-bubba div{ margin-top: 7%; } .home-construction-v3 .header{ min-height: 570px; } } @media (max-width: 400px){ .banner-item.grid figure{ min-width: 100%; } ul.pagination-list li a.prev { margin-right: 10px; } ul.pagination-list li a.next { margin-left: 10px; } ul.pagination-list li span{ margin: 0 5px 0 1px; } .button-big.button-additional{ width: 64%; } ul.product-links li{ margin-bottom: 10px; } .blog-item_img{ float: left; width: 100%; } .blog-additional .blog-item:nth-child(2n) .blog-item_img{ float: right; } .blog-additional .blog-item .blog-preview_posted{ left: 0; } .blog-additional .blog-item:nth-child(2n) .blog-preview_posted{ right: 0; } .reply-form .form-group.half-wigth{ width: 100%; } .important-text { font-size: 14px; line-height: 23px; margin: 33px 2% 58px; padding: 15px 10px; width: 96%; } } /*------------------------------------------------------------------ [Table of contents] # Home construction 1 -------------------------------------------------------------------*/ /* Home construction 1 */ .header-top{ background-color: #333; min-height: 52px; } .contact-list{ padding: 11px 0 0; } .contact-list li{ float: left; margin-right: 34px; } .contact-list li:last-child{ margin-right: 0px; } .contact-list li .sli{ border: 1px solid #bbb; color: #fff; float: left; font-size: 15px; height: 29px; line-height: 26px; text-align: center; width: 29px; } .contact-list_label{ color: #fff; float: left; font-size: 12px; margin: 7px 4px 0 12px; } a.contact-list_value, .contact-list_value{ color: #ccc; float: left; font-size: 12px; margin-top: 7px; } .nav-top{ margin: 0; } .nav-top > li{ border-right: 1px solid #555; margin: 0 !important; } .nav-top > li > a{ color: #fff; font-size: 11px; padding: 18px 14px 20px 15px; text-transform: uppercase; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .nav-top > li > a i{ font-size: 14px; margin-left: 3px; } .nav-top > li > a:hover, .nav-top > li > a:focus { background-color: transparent; } .nav-top > li:first-child { border-left: 1px solid #555; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: transparent; border-color: transparent; } .nav-top .dropdown-menu{ background-color: #333; border: 0 none; margin: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .nav-top .dropdown-menu > li > a:focus, .nav-top .dropdown-menu > li > a:hover{ background-color: transparent; } .nav-top .langs .dropdown-menu, .nav-top .currency .dropdown-menu{ min-width: 100%; } .nav-top .langs .dropdown-menu a, .nav-top .currency .dropdown-menu a{ text-align: center; } .nav-top .dropdown-menu li a{ color: #fff; font-size: 11px; padding: 3px 15px; text-transform: uppercase; } .header-middle{ padding-top: 30px; padding-bottom: 29px; } .header-search{ left: 175px; margin: auto; position: absolute; right: 250px; top: 11px; width: 429px; } .header-search_filter{ float: left; height: 44px; position: relative; width: 117px; } .header-search_filter .formDropdown{ color: #333; font-size: 11px; padding: 6px 30px 3px 13px; text-transform: uppercase; } .header-search_filter i{ position: absolute; right: 15px; top: 16px; } .header-search_form{ float: left; width: 312px; } .product-search{ float: left; position: relative; width: 99%; } .product-search_field{ color: #333; border-color: #ececec; border-style: solid none; border-width: 1px 0; font-size: 13px; height: 44px; padding: 10px 10px 10px 20px; width: 268px; } .product-search_btn{ background-color: #333; border: 0 none; color: #fff; height: 44px; position: absolute; right: 0; top: 0; width: 42px; } .product-search_btn.hvr-border-fade{ box-shadow:inset 0 0 0 4px #333333,0 0 1px rgba(0,0,0,0); -moz-box-shadow:inset 0 0 0 4px #333333,0 0 1px rgba(0,0,0,0); -webkit-box-shadow:inset 0 0 0 4px #333333,0 0 1px rgba(0,0,0,0); } .header-cart{ border: 1px solid #ececec; height: 44px; margin: 11px 0 0; position: relative; } .header-cart_preview{ cursor: pointer; padding: 15px 16px 10px 67px; height: 100%; } .header-cart .sli{ color: #fff; font-size: 17px; height: 44px; left: -1px; line-height: 44px; position: absolute; text-align: center; top: -1px; width: 44px; } .header-cart_qty{ float: left; font-size: 12px; margin: 0 11px 0 1px; } .header-cart_amount{ float: left; font-size: 12px; margin-right: 21px; } .header-cart_product{ background-color: #333; padding: 0 10px; height: 0; overflow: hidden; position: absolute; right: -1px; top: 100%; width: 370px; z-index: 1; opacity: 0; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .header-cart_product.open{ padding: 10px; height: auto; opacity: 1; } .header-cart_product > h3{ color: #fff; font-size: 14px; text-transform: uppercase; } ul.header-cart_product_list{ padding-top: 10px; } .header-cart_product_list_item{ border-bottom: 1px dotted #ececec; min-height: 90px; padding: 10px 25px 10px 80px; position: relative; } .header-cart_product_list_item .item-preview{ height: 70px; left: 0; position: absolute; top: 10px; width: 70px; } .header-cart_product_list_item img{ width: 100%; height: 100%; display: block; } .header-cart_product_list_item h4 a{ color: #fff; float: left; font-size: 12px; text-decoration: none; } .header-cart_product_list_item .item-cat{ float: left; padding: 10px 0; width: 100%; } .header-cart_product_list_item .item-cat a{ color: #ccc; font-size: 12px; text-decoration: none; } .header-cart_product_list_item .item-price{ float: left; font-size: 14px; text-transform: uppercase; width: 100%; } .header-cart_product_list_item .item-del{ color: #fff; font-size: 14px; line-height: 14px; margin-top: -10px; position: absolute; right: 7px; top: 50%; } .header-cart_product .cart-total{ color: #fff; float: left; text-transform: uppercase; width: 100%; padding: 15px 0; } .header-cart_product .cart-buttons{ float: right; width: 100%; } .header-nav{ border-color: #ececec; border-width: 1px 0 0; border-style: solid none none; margin: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .navbar-main > li > a{ color: #333; font-family: "Montserrat",sans-serif; font-size: 13px; font-weight: 700; line-height: 100%; padding: 25px 14px 21px; text-transform: uppercase; } .navbar-main > li > a:focus, .navbar-main > li > a:hover{ background-color: transparent; } .navbar-main > li:first-child > a{ padding-left: 2px; } .navbar-main > li > a > i{ margin-left: 3px; line-height: 12px; } .navbar-main > li.open:first-child > a:after{ margin-left: -13px; } .navbar-main > .open > a:after{ border-bottom: 6px solid #333; border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); bottom: 0; content: ""; height: 0; left: 50%; margin-left: -5px; position: absolute; width: 0; } .navbar-main .dropdown-menu{ background-color: #333; border: 0 none; display: block; height: 0; padding: 0; overflow: hidden; opacity: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .navbar-main .open > .dropdown-menu{ height: auto; padding: 5px 0; opacity: 1; } .navbar-main .dropdown-menu > li > a{ color: #fff; font-family: "Montserrat",sans-serif; font-weight: 400; padding: 5px 20px; } .navbar-main .dropdown-menu > li > a:focus, .navbar-main .dropdown-menu > li > a:hover{ background: transparent; } /*------------------------------------------------------------------ [Table of contents] # Default colors # Project: Buzz Store - Ecommerce WordPress Themes -------------------------------------------------------------------*/ .footer-top_logo{ display: block; text-align: center; padding-bottom: 10px; } .smallLogo{ background-image: url('media/logo/small/logo-orange.jpg'); } .home-construction-v3 .logo{ background-image: url('media/logo/header2/logo-orange.png'); } .home-construction-v5 .logo{ background-image: url('media/logo/header3/logo-orange.jpg'); } .home-construction-v3 .ip-loader .logo, .home-construction-v5 .ip-loader .logo{ background-image: url('media/logo/header1/logo-orange.jpg'); } .before-bg:before, .hover-focus-bg:focus, .hover-focus-bg:hover, .category-images li.grid figure.effect-bubba:hover h2, #filter li a.current, .blog-preview_image:hover .blog-preview_posted, .blog-preview-small_link:hover .blog-preview_posted, .tabs-panel .nav-tabs > li.active > a, .btn-primary, .btn-primary:focus, .btn-primary:hover, .customBgColor{ background-color: #ff8300; } .navbar-main > li.active > a, .navbar-main > li a:hover, .navbar-main > li.open > a, .navbar-main .dropdown-menu > li > a:focus, .navbar-main .dropdown-menu > li > a:hover, .owl-main-slider.owl-carousel .owl-controls .owl-buttons div:hover i, .header-v2 .nav-top > li > a i, ul.footer-nav li a:hover, .owl-product-slider.owl-theme .owl-controls .owl-buttons div:focus, .owl-product-slider.owl-theme .owl-controls .owl-buttons div:hover, .vertical-slider .bx-wrapper .bx-controls-direction a:focus, .vertical-slider .bx-wrapper .bx-controls-direction a:hover, .comments-slider .bx-wrapper .bx-controls-direction a:focus, .comments-slider .bx-wrapper .bx-controls-direction a:hover, .navbar-main .dropdown-menu > .active > a, .navbar-main .dropdown-menu > .active > a:focus, .navbar-main .dropdown-menu > .active > a:hover, .hover-focus-color:focus, .hover-focus-color:hover, .starSeparator, a.customColor:focus, a.customColor:hover, .customColor{ color: #ff8300 !important; } .owl-main-slider.owl-carousel .owl-controls .owl-buttons div:hover, .btn-white.hvr-shutter-out-horizontal:hover, .btn-black.hvr-shutter-out-horizontal:hover, #filter li a:hover, #filter li a.current, .blog-preview_btn.hvr-rectangle-out:hover, .blog-preview-small_more.hvr-rectangle-out:hover, .main-slider_buttons .hvr-rectangle-out:hover, .tabs-panel .nav-tabs > li.active > a, .blog-preview_posted, .hover-focus-border:focus, .hover-focus-border:hover, .customBorderColor{ border-color: #ff8300 !important; } a.color-main:focus, a.color-main:hover, .color-main{ color: #fff; } a.color-additional:focus, a.color-additional:hover, .color-additional{ color: #ccc; } a.color-third:focus, a.color-third:hover, .color-third{ color: #666; } .nav-top .dropdown-menu > li > a:focus, .nav-top .dropdown-menu > li > a:hover{ color: #ff8300; } .product-search_btn.hvr-border-fade:active, .product-search_btn.hvr-border-fade:focus, .product-search_btn.hvr-border-fade:hover{ box-shadow:inset 0 0 0 4px #ff8300,0 0 1px rgba(0,0,0,0); -moz-box-shadow:inset 0 0 0 4px #ff8300,0 0 1px rgba(0,0,0,0); -webkit-box-shadow:inset 0 0 0 4px #ff8300,0 0 1px rgba(0,0,0,0); } ul.product-item_info li a:before{ border-top: 6px solid #ff8300; } /********************************** ## Currency Switcher **********************************/ .switcher-form .dd-selected { padding: 5px 8px !important; } .woocommerce-currency-switcher-form { height: 33px; padding-top: 5px; } .buzz_lang_default { padding: 10px; } /*-------------------------------------------------------------- ## Search Settings --------------------------------------------------------------*/ .product-search { border-left: 1px solid #ccc; } .buzzstore_adc_search .product-search { border-left: 0px solid #ccc; } .buzzstore_adc_search .header-search_form { width: 515px; } .buzzstore_adc_search .form-group{ width: 60% !important; } .buzzstore_adc_search .header-search_filter { width: 150px; } .buzzstore_adc_search .product-search_field { width: 325px; } .no-item-cart{ text-align: center; color: #fff; } .cart-item-list-scroll{ max-height: 270px; overflow-y: scroll; } /** * STYLE 3 **/ #style-3::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; } #style-3::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; } #style-3::-webkit-scrollbar-thumb { background-color: #000000; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /* Custom Css Area */ .buzz-right-top-section li a:hover{ color: #ff8300; } .buzz-left-top-section li span:hover{ color: #fff; border:1px solid #ff8300; box-shadow: inset 0 0 0 2px #ff8300,0 0 1px rgba(0,0,0,0); -moz-box-shadow: inset 0 0 0 2px #ff8300,0 0 1px rgba(0,0,0,0); -webkit-box-shadow: inset 0 0 0 2px #ff8300,0 0 1px rgba(0,0,0,0); cursor: pointer; } .buzz-left-top-section li a:hover{ color: #ff8300; text-decoration: none; } .navigation .screen-reader-text{ display: none; } .page-header { padding-bottom: 9px; margin: 0px 0 20px; border-bottom: 1px solid #eee; } .page-header .blog-item_text{ border-top: 0px solid #ececec; margin-bottom: 30px } .subfooter a { color: #ccc; } .subfooter a:hover { color: #FF8300; text-decoration: none; } .buzz-footer-mail a{ color: #ccc; } .buzz-footer-mail a:hover{ text-decoration: none; color: #FF8300; } /** * Header Title **/ .site-title { padding: 0px 0px 7px 0px; display: inline-block; vertical-align: middle; } .site-title a { text-decoration: none; } .site-title a:hover{ color: #FF8300; } .site-description { text-align: center; } /** * Default Widget Sidebar **/ .sidebar aside { margin: 0 0 5px; } .sidebar .widget-title{ background: #FF8300 none repeat scroll 0 0; border-bottom: 0 solid #294A70; border-left: 5px solid #294A70; color: #ffffff; font-size: 16px; font-weight: normal; line-height: 1.5; padding: 5px 15px; position: relative; margin: 0 0 8px; } .sidebar .widget-title::after { border-left: 9px solid rgba(0, 0, 0, 0); border-right: 9px solid rgba(0, 0, 0, 0); border-top: 9px solid #FF8300; bottom: -18px; content: ""; display: block; height: 21px; left: 5%; margin: 0 auto; position: absolute; width: 13px; z-index: 9999; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { float: left; margin-left: 0px; width: 80px; height: auto; box-shadow: none; margin-right: 20px; } .widget_products .product-title { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 16px; margin-bottom: 3px; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a{ color: #483A3A; } .woocommerce ul.cart_list li a:hover, .woocommerce ul.product_list_widget li a:hover{ color: #FF8300; text-decoration: none; } #secondary .widget .amount { font-size: 12px; font-weight: bold; padding: 7px 0; display: inherit; } del { color: #999; } ins { border: none; text-decoration: none; } .reviewer { color: #999; } .woocommerce .star-rating { font-size: 9px !important; width: 6.3em !important; margin-top: 10px !important; letter-spacing: 2px; margin-bottom: 10px; } .woocommerce .star-rating span, .woocommerce-page .star-rating span { color: #ffc60a; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a, .woocommerce-page ul.cart_list li a, .woocommerce-page ul.product_list_widget li a { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 18px; margin-bottom: 8px; } .woocommerce.widget_shopping_cart .total, .woocommerce .widget_shopping_cart .total, .woocommerce-page.widget_shopping_cart .total, .woocommerce-page .widget_shopping_cart .total { border: none !important; margin-left: 15px; padding-top: 0px; } .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li { padding-left: 0em; } .woocommerce .widget_shopping_cart .total strong, .woocommerce.widget_shopping_cart .total strong { min-width: 40px; display: inline-block; } .widget_shopping_cart_content .total .amount{ display: inline-block !important; margin-left: 20px; } .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove { color: #000 !important; font-family: 'Open Sans', sans-serif; font-weight: bold; left: auto; right: 0px; top: 2px; line-height: normal !important; font-size: 16px; } .woocommerce .widget_shopping_cart .cart_list li a.remove:hover, .woocommerce.widget_shopping_cart .cart_list li a.remove:hover { color: #FF8300 !important; background: inherit !important; left: auto; right: 0px; top: 2px; line-height: normal !important; } .woocommerce .widget_layered_nav ul li, .woocommerce .widget_product_categories ul li{ display: inline-block; position: relative; width: 100%; } .woocommerce .widget_layered_nav ul li a, .woocommerce .widget_product_categories ul li a{ float: left; } .woocommerce .widget_layered_nav ul li a:before{ content: "\f105"; font-family: FontAwesome; font-size: 13px; display: inline-block; cursor: pointer; line-height: 20px; margin-right: 5px; } .woocommerce .widget_layered_nav ul li span.count, .woocommerce .widget_product_categories ul li span.count { float: right; } .yith-woocompare-widget ul.products-list li a.title { display: inline-block; width: 90%; } .yith-woocompare-widget .clear-all { margin-left: 0px; } .clear-all { padding: 8px 12px; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; background-color: #014693; color: #fff; border: 1px #014693 solid; background: none repeat scroll 0 0 #fff; color: #333; display: inline-block; font-size: 11px; font-weight: bold; letter-spacing: 1px; line-height: normal; padding: 8px 12px; text-transform: uppercase; border: 1px #d1d1d1 solid; height: 33px; font-family: "Poppins", sans-serif; border-radius: 2px; } .clear-all:hover { padding: 8px 12px; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; background-color: #014693; color: #fff; border: 1px #014693 solid; } .widget_recent_entries ul, .widget_archive ul, .widget_meta ul, .widget_categories ul, .widget_recent_comments ul, .widget_pages ul, .widget_nav_menu ul, .widget_product_categories ul, .yith-woocompare-widget ul { list-style: none; padding: 5px 0px; } .widget_recent_entries ul li, .widget_archive ul li, .widget_meta ul li, .widget_recent_comments ul li, .widget_pages ul li, .widget_nav_menu ul li, .widget_product_categories ul li, .yith-woocompare-widget ul li{ list-style: none; padding: 5px 0px; } .widget_categories ul li, .widget_product_categories ul li{ border-bottom: 1px solid #ededed; display: inline-block; padding: 8px 0; position: relative; width: 100%; text-align: right; } .widget_product_categories ul li{ border-bottom: 0px solid #ededed; display: inline-block; padding: 8px 0; position: relative; width: 100%; text-align: right; } .widget_recent_entries ul li a, .widget_archive ul li a, .widget_meta ul li a, .widget_recent_comments ul li a, .widget_pages ul li a, .widget_nav_menu ul li a, .widget_product_categories ul li a { color: #666; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s; } .widget_categories ul li a, .widget_product_categories ul li a{ float: left; color: #666; } .footer-top .widget_categories ul li a, .footer-top .widget_product_categories ul li a, .footer-top .widget_recent_entries ul li a, .footer-top .widget_archive ul li a, .footer-top .widget_meta ul li a, .footer-top .widget_recent_comments ul li a, .footer-top .widget_pages ul li a, .footer-top .widget_nav_menu ul li a, .footer-top .widget_product_categories ul li a, .footer-top .woocommerce ul.cart_list li a, .footer-top .woocommerce ul.product_list_widget li a { color: #ddd; font-size: 13px; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s; } .widget_recent_entries ul li a:hover, .widget_archive ul li a:hover, .widget_meta ul li a:hover, .widget_categories ul li a:hover, .widget_recent_comments ul li a:hover, .widget_pages ul li a:hover, .widget_nav_menu ul li a:hover, .widget_product_categories ul li a:hover { color: #FF8300; text-decoration: none; } .widget_recent_entries ul li a:before, .widget_archive ul li a:before, .widget_meta ul li a:before, .widget_categories ul li a:before, .widget_recent_comments ul li span:before, .widget_pages ul li a:before, .widget_nav_menu ul li a:before, .widget_product_categories ul li a:before { content: "\f101"; font-family: FontAwesome; font-size: 13px; display: inline-block; cursor: pointer; line-height: 20px; margin-right: 5px; color: #FF8300; } .widget_nav_menu ul li ul.sub-menu, .widget_product_categories ul li ul.children, .widget_pages ul li ul.children { margin-left: 15px; padding: 0; } .widget_nav_menu ul li ul.sub-menu a:before, .widget_product_categories ul li ul.children a:before{ content: "\f101"; font-family: FontAwesome; font-size: 13px; display: inline-block; cursor: pointer; line-height: 20px; margin-right: 5px; } .dropdown_product_cat, .postform { padding: 10px; width: 100%; } .screen-reader-text{ display: none; } /*.search-form label { margin-left: 15px; }*/ /*.widget_search, .woocommerce-product-search { padding: 0px 0px 10px 0px; }*/ .widget_price_filter{ padding: 0px 0px 15px 0px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: #014693; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #FDD922; } .widget_search .screen-reader-text, .woocommerce-product-search .screen-reader-text { color: #333; font-family: "Raleway", sans-serif; font-size: 14px; margin: 0 0 8px; padding: 0px 0px 6px; text-transform: uppercase; background: #fff; font-weight: bold; letter-spacing: 1px; line-height: normal; border-radius: 0px; position: relative; border-bottom: 1px solid #e62263; display: inline-block; width: 100%; display: none; } .widget_search input, .woocommerce-product-search input { width: 195px; padding: 8px; margin-bottom: 0px; margin-top: 0px; border: 1px solid #e5e5e5; background-color: #fff; font-size: 12px; } .widget_search input.search-submit, .woocommerce-product-search input[type=submit] { width: auto; background-color: #FF8300; color: #fff; border: 1px #FDD922 solid; text-transform: uppercase; font-family: "Open Sans", sans-serif; padding: 9px 10px; font-weight: bold; margin: auto; font-size: 11px; letter-spacing: 0.5px; border-radius: 0px; } .calendar_wrap caption { background: none repeat scroll 0 0 #FF8300; color: #ffffff; line-height: 20px; text-align: center; } .calendar_wrap table { border-collapse: collapse; width: auto; } .calendar_wrap table th { border: 1px solid #ccc; font-weight: bold; padding: 8px 0px; text-align: center; width: 5% } .calendar_wrap table td { border: 1px solid #ccc; padding: 8px 0px; color: #000; width: 5%; text-align: center; } .calendar_wrap table td #prev, .calendar_wrap table td#next { text-align: left; padding-left: 10px; padding-right: 10px; } .calendar_wrap table td #next { text-align: right; } .tagcloud { display: inline-block; } .tagcloud a { border-left: solid 2px #FFD740; position: relative; z-index: 1; background-color: #FF8300; float: left; margin: 2px 5px; text-align: center; border-bottom: none; padding-bottom: 0; color: #fff !important; text-transform: capitalize; display: block; padding: 8px 10px; font-size: 14px !important; } .tagcloud a:hover { background: #014693; color: #fff !important; text-decoration: none; } .tagcloud a:hover:before { border-color:#014693; } .tagcloud a:before { content: ""; display: block; position: absolute; left: -6px; border-left: solid 4px #014693; width: auto; margin-top: -8px; min-height: 100%; z-index: 10; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; } .widget_shopping_cart_content a.wc-forward { color: #fff; background-color: #FF8300; margin-right: 35px; border-radius: 0; } .widget_shopping_cart_content a.wc-forward:hover { background-color: #294A70; color: #fff; } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{ margin-left: 0; margin: 15px 0; font-size: 16px; font-weight: 700; } .widget_text .textwidget { font-size: 16px; color: #666; font-family: Open Sans-serif; line-height: 18px; } /** * Comment Form Section **/ .comment-reply-title { font-size: 22px; padding-bottom: 15px; } .comments-area .comment-notes { color: #FF8300; font-size: 15px; font-family: Open Sans; margin-bottom: 15px; } .logged-in-as a { color: #FF8300; font-size: 15px; font-family: Open Sans; margin-bottom: 15px; } .comments-area p label { color: #424242; font-size: 13px; text-transform: uppercase; } .comments-area .comment-form-author { width: 48%; display: inline-block; vertical-align: middle; margin-right: 13px; } .comments-area .comment-form-email { width: 49%; display: inline-block; vertical-align: middle; } .comments-area label { display: block; } .comments-area textarea, .comments-area .comment-form-author input, .comments-area .comment-form-email input, .comments-area .comment-form-url input { border-radius: 0; width: 100%; padding: 10px; } .comments-area .comment-form-comment, .comments-area .comment-form-author, .comments-area .comment-form-email, .comments-area .comment-form-url { margin-bottom: 20px; } .comments-area .form-submit .submit { display: inline-block; border: none; box-shadow: none; text-shadow: none; background: #FF8300; padding: 10px; color: #fff; border-radius: 0; transition: all 300ms ease-in-out 0s; -webkit-transition: all 300ms ease-in-out 0s; float: right; } .comments-area .form-submit .submit:hover { transition: all 300ms ease-in-out 0s; -webkit-transition: all 300ms ease-in-out 0s; background: #294A70; } /** * Comments List **/ .comments-title { border-bottom: 1px solid #ddd; padding-bottom: 15px; font-size: 21px; line-height: 1.3; } .comment-info-content .fn { font-weight: 700; font-style: normal; } .comments-title, .comment-list, .comment-reply-title, .must-log-in, .comment-respond .comment-form, .comment-respond iframe { display: block; margin-left: auto; margin-right: auto; width: 100%; } .sidebar .comments-title, .sidebar .comment-list, .sidebar .must-log-in, .sidebar .comment-reply-title, .sidebar .comment-navigation, .sidebar .comment-respond .comment-form { max-width: 1040px; padding-left: 60px; padding-right: 376px; } .comment-list, .comment-list .children { list-style-type: none; padding: 0; } .comment-list .children { margin-left: 25px; } .comment-list > li:after, .comment-list .children > li:before { background-size: 4px 4px; content: ""; display: block; height: 1px; width: 100%; } .comment-list > li:last-child:after { display: none; } .comment-body { padding: 24px 0; position: relative; display: inline-block; width: 100%; } .comment-author { float: left; max-width: 74px; margin-right: 20px; } .comment-author .avatar { display: block; margin-bottom: 10px; border-radius: 100px; } .comment-author .fn { word-wrap: break-word; } .comment-author .fn, .comment-author .url, .comment-reply-link, .comment-reply-login { color: #333; font-size: 11px; font-style: normal; font-weight: 700; text-transform: uppercase; } .says { display: none; } .no-avatars .comment-author { margin: 0 0 5px; max-width: 100%; position: relative; } .no-avatars .comment-metadata, .no-avatars .comment-content, .no-avatars .comment-list .reply { width: 100%; } .bypostauthor > .comment-body .fn:before { vertical-align: text-top; } .comment-list .edit-link { margin-left: 20px; } .comment-metadata, .comment-awaiting-moderation, .comment-content, .comment-list .reply { float: right; } .comment-meta { padding-bottom: 10px; } .comment { font-size: 13px; color: #666; line-height: 18px; } .comment-body { border-bottom: 1px dashed #ececec; } .comment-meta, .comment-meta a { font-size: 13px; color: #bababa; } .comment-meta a:hover { color: #ea9629; } .comment-metadata { margin-bottom: 20px; } .ping-meta { color: #a2a2a2; font-size: 13px; line-height: 2; } .comment-awaiting-moderation { color: #a2a2a2; } .comment-awaiting-moderation:before { margin-right: 5px; position: relative; top: -2px; } .comment-reply-link:before, .comment-reply-login:before { font-family: 'FontAwesome'; font-weight: normal; font-style: normal; content: "\f064"; margin-right: 3px; } /** * single page navigation css **/ .nav-links { clear: both; display: table; width: 100%; margin-bottom: 25px; } .nav-links .nav-previous, .nav-links .nav-next, .default-wp-page li { display: inline-block; float: left; vertical-align: top; width: 50%; } .default-wp-page li.next { float: right; } .nav-links .nav-next, .default-wp-page .next { text-align: right; } .nav-links .nav-previous a:before { content: "\f100"; font-family: FontAwesome; font-style: normal; margin-right: 10px; } .nav-links .nav-next a:after { content: "\f101"; font-family: FontAwesome; font-style: normal; margin-left: 10px; } .navigation .nav-links a{ background: #FF8300; color: #fff; cursor: pointer; font-size: 14px; line-height: 13px; height: 33px; border: none; padding: 10px 15px; font-weight: 400; display: inline-block; position: relative; text-shadow: none; transition: background 0.5s ease; } .navigation .nav-links a:hover{ background: #294A70; color: #fff; text-decoration: none; } /*end of css*/ .sticky{ }