/* Theme Name: Buzstores Theme URI: https://buzthemes.com/wordpress_themes/buzstores-2/ Author: Buzthemes Author URI: https://buzthemes.com/ Description: Buzstore is free E-Commerce based theme. It provides simply and clean design and easy to use. If you looking for online store or eCommerce theme this is a perfect theme for commercial propose. We include Wishlist, Compare, Add To Cart, Quick View, Product Gallery Slide, Product Image Flip, Product Image Zoom and many more. Demo http://buzthemes.com/demo/buzstores. Version: 1.0.4 License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Text Domain: buzstores Tags: custom-background, custom-menu, featured-images, threaded-comments, translation-ready, theme-options, left-sidebar, right-sidebar, two-columns, three-columns, e-commerce 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. buzstores is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v3 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, optgroup, textarea { color: #404040; font-family: "Open Sans",sans-serif; font-size: 14px; /*font-size: 1rem;*/ line-height: 1.5; } h1, h2, h3, h4, h5, h6 { clear: both; margin: 0 0 15px; } p { margin: 0 0 15px; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 15px; } address { margin: 0 0 15px; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { background: #fff; /* Fallback for when there is no custom background color defined. */ } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 15px 30px; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 15px; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ } table { margin: 0 0 1.5em; width: 100%; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"] { border-radius: 0px; line-height: 1; background: #00b8ed; color: #fff; padding: 10px; font-size: 14px; border:1px solid #00b8ed; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{ background: #666666; border-color: #666666; } button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border-color: #aaa #bbb #bbb; outline: 0; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border: 1px solid #ccc; border-radius: 0px; padding: 5px; outline: 0; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; } select { border: 1px solid #ccc; } textarea { width: 100% !important; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: #333333; text-decoration: none; outline: 0; } /*a:visited { color: #00b8ed; }*/ a:hover/*, a:focus, a:active*/ { color: #00b8ed; } a:focus { outline: 0; } a:hover, a:active { outline: 0; } /********************************************** return to top ***********************************************/ #return-to-top { position: fixed; bottom: 20px; right: 20px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); width: 50px; height: 50px; display: block; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 9999; } #return-to-top i { color: #fff; margin: 0; position: relative; left: 16px; top: 13px; font-size: 19px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #return-to-top:hover { background: rgba(0, 0, 0, 0.9); } #return-to-top:hover i { color: #fff; top: 5px; } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ /*.main-navigation { clear: both; display: block; float: left; width: 100%; }*/ .main-navigation ul ul li{ float: none; padding: 0; } .main-navigation ul { display: none; list-style: none; margin: 0; padding-left: 0; } .main-navigation ul ul li a{ color: #fff; border-top: 1px solid rgba(240,240,237,0.3); font-size: 12px; letter-spacing: 0.4px; padding: 10px 15px 9px; } .main-navigation ul ul > li:hover > a{ background: #178be2; color: #fff; } .main-navigation li.current_page_item > a{ color: #00b8ed; } .main-navigation a { display: block; text-decoration: none; color: #fff; } .main-navigation a:hover{ color: rgba(255,255,255,0.6); } /* Small menu. */ .menu-toggle, .main-navigation.toggled ul { display: block; } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 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; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clearfix:before, .clearfix:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; clear: both; } .clearfix:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; /*table-layout: fixed;*/ clear: both; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 30px; /* Make sure select elements fit in widgets. */ } .widget select { max-width: 100%; } .widget.widget_categories select{ width: 100%; padding: 6px 8px; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .hentry { margin: 0 0 15px; } .updated:not(.published) { display: none; } .page-content, .entry-content, .entry-summary { /*margin: 15px 0 0;*/ margin: 15px 0 0; color: #515151; } .page-links { clear: both; margin: 0 0 1.5em; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } /*-------------------------------------------------------------- ## 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; } /****************/ .bs-container{ max-width: 1170px; width: 100%; margin: 0 auto; padding: 0 15px; } .main-navigation{ width: 100%; clear: both; text-align: left; } .site-branding, .main-navigation{ vertical-align: middle; } .site-branding .site-title{ margin: 0px; font-size: 30px; } .site-branding .site-description{ margin: 0; line-height: 1; font-size: 14px; margin-bottom: 5px; } .site-branding .site-title a{ text-decoration: none; text-transform: capitalize; color: #00b8ed; } .site-header{ padding-bottom:18px; } /********************************* top navigation ************************************/ /************************* header search bar and social links *****************/ .header-cart { position: relative; text-align: center; line-height: 1.3; } /*********/ .mid-header{ position: relative; padding: 20px 0; clear: both; /*overflow: hidden;*/ width: 100%; display: table; } .site-branding, .advance-search, .info-top-header, .header-cart{ display: table-cell; vertical-align: middle; } .site-branding{ width: 25%; } .site-branding a{ display: block; } .site-branding img{ display: block; } .header-cart{ width: 7%; position: relative; } .info-top-header{ width: 17%; text-transform: uppercase; font-size: 13px; font-weight: 600; position: relative; } .header-cart:before{ content: ""; background: rgb(221,224,226); position: absolute; top: 10%; left: 0; height: 80%; bottom: 10%; width: 1px; } .info-top-header i{ font-weight: 600; margin-right: 5px; } .advance-search{ width: 51%; padding-left: 20px; } .info-top-header > span{ display: block; margin-bottom: 5px; } .info-top-header > span:last-child{ margin-bottom: 0; } .info-top-header i{ margin-right: 5px; } /*clearsss*/ .widget.widget_buzstores_tab_product_categoryr_widget:after, .widget.widget_buzstores_product_listr_widget:after, .top-header:after{ clear: both; content: ""; display: block; } .top-header{ padding: 0px 0 0px 3px; } .main-top-header{ background: rgb(0, 184, 237); } .main-navigation .menu ul:after, .main-navigation ul:after, ul#primary-menu:after { clear: both; display: block; content: ""; } .top-navigation ul li{ display: inline-block; margin-left: 20px; padding: 6px 0 7px; position: relative; } .top-navigation ul li a{ font-size: 12px; text-transform: uppercase; color: rgba(255, 255, 255, 0.86); } .top-navigation ul li a:hover{ color: rgba(255, 255, 255, 1); } .top-navigation ul{ list-style: none; margin: 0; } .top-navigation ul ul li{ display: block; } .top-navigation ul ul.sub-menu { opacity: 0; visibility: hidden; position: absolute; top: 110%; min-width: 200px; width: 100%; background: #00b8ed; border-top: 1px solid #039ac4; left: 0; z-index: 111; text-align: left; margin: 0; padding: 0; transition: 0.5s all ease; } .top-navigation ul li:hover ul.sub-menu{ opacity: 1; visibility: visible; top: 100%; } /*********/ header .advance-search .cat-list{ border-right: 0; margin-right: 0; } header .social-links > a{ margin: 2px 15px 2px 0; font-size: 14px; float: left; width: 20px; height: 20px; display: block; text-align: center; line-height: 20px; font-size: 12px; border: 1px solid rgba(255, 255, 255, 0.86); color: rgba(255, 255, 255, 0.86); } header .social-links a:last-child{ margin-right: 0; } header .social-links a:hover{ border-color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1); } header .social-links{ width: 30%; } .top-navigation{ width: 70%; text-align: right; } header .social-links, .top-navigation { margin: 0 -1px; vertical-align: middle; display: inline-block; } .title-test h2{ position: relative; padding-bottom: 14px; margin-bottom: 50px; text-transform: capitalize; font-weight: 400; font-size: 22px; } .title-test h2, .title-test h2:before, .title-test h2:after{ border-bottom: 1px dashed #dedede; } .title-test h2:before, .title-test h2:after{ width: 100%; height: 1px; position: absolute; left: 0; right: 0; content: ""; } .title-test h2:after { bottom: 2px; } .title-test h2:before { bottom: 5px; } /*********/ header .advance-search .search-icon button, .advance-search select.buzstores-cat-list, .advance-search .search-field input[type="text"]{ height: 50px; outline: 0; } header .advance-search .search-icon button{ width: 70px; } .advance-search select.buzstores-cat-list{ border-right: 0; border-right: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; padding-left: 25px; color: #363d47; font-size: 14px; } .advance-search select.buzstores-cat-list, .advance-search .search-field input[type="text"]{ border-color: #eee; } .cat-list:after { content: "\f078 "; font-family: FontAwesome; color: #828085; position: absolute; z-index: 1; pointer-events: none; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); right: 15px; font-size: 12px; } .widget_buzstores_product_categoryr_widget .bs-cat-pro .main-content-product, .advance-search select.buzstores-cat-list, .advance-search .search-field input[type="text"]{ font-family: 'Poppins', sans-serif; } header .advance-search .cat-list{ position: relative; width: 174px; } .advance-search .search-field input[type="text"]{ width: 100%; padding-left: 18px; padding-right: 15px; border-left: 0; } .advance-search .search-field input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #aaa; } .advance-search .search-field input[type="text"]::-moz-placeholder { /* Firefox 19+ */ color: #aaa; } .advance-search .search-field input[type="text"]:-ms-input-placeholder { /* IE 10+ */ color: #aaa; } .advance-search .search-field input[type="text"]:-moz-placeholder { /* Firefox 18- */ color: #aaa; } header .search-field { float: left; position: relative; width: calc(100% - 244px); width: -webkit-calc(100% - 244px); width: -ms-calc(100% - 244px); width: -moz-calc(100% - 244px); width: calc(100% - 244px); } .search-field:before { content: ""; width: 1px; height: 40%; position: absolute; top: 30%; bottom: 30%; background: #eee; left: 0; } .search-product-cat{ display: inline-block; width: 100%; padding-right: 55px; } /************************/ #primary{ width: 71%; float: left; } .no-sidebar #primary{ width: 100%; float: none; } #secondary{ width: 25%; } #secondary.right-sidebar{ float: right; margin-left: 4%; } #secondary.left-sidebar{ float: left; margin-right: 4%; } .left-sidebar #primary{ float: right; } .site-footer .site-info { padding: 15px 0; text-align: center; background: #1e1e1e; color: #fff; font-size: 14px; } .site-footer .site-info a{ color: rgba(255,255,255,0.8); } /******both sidebar*****/ .both-sidebar .bs-main-wraper { padding-left: 270px; padding-right: 270px; } .both-sidebar .bs-main-wraper #primary { width: 100%; float: right; } .both-sidebar .bs-main-wraper #secondary.right-sidebar { margin-right: -270px; float: right; right: -100%; width: 240px; position: relative; margin-left: 0; } .both-sidebar .bs-main-wraper #secondary.left-sidebar { margin-left: -270px; float: left; width: 240px; position: relative; margin-right: 0; } /*******widget section******/ #secondary .widget-title, footer .widget-title { border-bottom: 2px solid #f2f2f2; padding-bottom: 8px; margin-bottom: 25px; font-size: 16px; text-transform: uppercase; font-weight: 500; } #secondary h2.widget-title, footer h2.widget-title { position: relative; } #secondary h2.widget-title:before, footer h2.widget-title:before { border-bottom: 2px solid #00b8ed; position: absolute; bottom: -2px; content: ""; left: 0; width: 70px; } #secondary .widget_newsletterwidget h2.widget-title:before{ content: none; } .bottom-footer h2.widget-title{ border-bottom-color: #424242; } #secondary .bottom-footer .widget-title{ margin-bottom: 25px; } .widget ul{ margin-left: 0; padding-left: 0; list-style: none; } .widget ul li{ margin-bottom: 10px; } .widget ul li a, .widget_recent_comments ul li{ position: relative; padding-left: 18px; display: block; } .home .site-footer .widget_recent_comments ul li:before, .home .site-footer .widget ul li a:before, .widget_recent_comments ul li:before, .widget ul li a:before{ content: "\f104"; font-family: "FontAwesome"; position: absolute; left: 0; top: 1px; } .widget_recent_comments ul li a:before{ content: none; } .woocommerce ul.owl-carousel.products li.product, .woocommerce-page ul.owl-carousel.products li.product{ width: 100%; margin: 0; } .widget.widget_buzstores_product_slider_widget li a:before, .widget.widget_buzstores_product_listr_widget li a:before, .widget.widget_buzstores_product_listr_widget ul li:before, .widget.widget_buzstores_tab_product_categoryr_widget ul li a:before{ content: none; } .widget.widget_buzstores_product_slider_widget li a, .widget.widget_buzstores_product_listr_widget ul li a, .widget.widget_buzstores_product_listr_widget ul li, .widget.widget_buzstores_tab_product_categoryr_widget ul li a{ padding-left: 0; } /****widget section anchor tag pseudo removal***/ .widget_recent_comments ul li a{ position: static; padding-left: 0; display: inline-block; } .widget_categories ul li a{ display: inline-block; } .widget_categories ul li{ display: block; } .widget_categories ul li:hover, .widget_categories ul li:hover a{ color: #00b8ed; } /********/ .entry-footer > span{ margin-left: 12px; } .entry-footer > span:first-child{ margin-left: 0; } .widget ul li, .widget ul li a{ color: #333333; } /************theme hover color code******************/ .woocommerce .widget_products ul.product_list_widget li a:hover, .site-footer .site-info a:hover, .widget ul li a:hover, .widget ul li a:hover:before, .widget_recent_comments ul li:hover:before{ color: #00b8ed; } /***********transitionsss*****/ a, .widget_categories ul li, .woocommerce .payment-image img, .widget_recent_comments ul li:before{ transition: all 350ms ease-in-out; -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; } button, input[type="button"], input[type="reset"], input[type="submit"], .owl-prev, .owl-next, a.read-more i, .main-navigation ul ul, .woocommerce ul.product_list_widget li img, .widget_buzstores_tab_product_categoryr_widget .tab-button > span, li.product a.woocommerce-LoopProduct-link:hover .quick-view-link, li.product a.woocommerce-LoopProduct-link:hover:after, .terms-container .bs-container > section{ -webkit-transition: all ease 0.4s; -ms-transition: all ease 0.4s; -moz-transition: all ease 0.4s; transition: all ease 0.4s; } .banner-slider-image > div a:after, .widget_buzstores_recent_posts .image_wrap_recent .img_recent_post_img:after{ -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } /****************** toggle ****************/ #top-toggle{ width: 22px; } #top-toggle, #site-navigation #toggle { display: none; float: right; cursor: pointer; } #top-toggle{ margin: 5px; } #site-navigation #toggle{ margin:15px 0 15px 15px; width: 28px; } #top-toggle span, #site-navigation #toggle span { width: 100%; height: 3px; margin: 3px 0; display: block; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; } #top-toggle span{ background-color: #fff; } #site-navigation #toggle span{ background-color: #fff; } #top-toggle.on span.one, #site-navigation #toggle.on span.one { transform: rotate(45deg) translate(3px, 3px); } #top-toggle.on span.two, #site-navigation #toggle.on span.two { opacity: 0; } #top-toggle.on span.three, #site-navigation #toggle.on span.three { transform: rotate(-45deg) translate(5px, -6px); } /************************ single page ***************************/ .oops-text, .page-title { margin:0 0 30px; font-size: 30px; font-weight:700; text-transform: uppercase; /*line-height: 1;*/ color:#454545; } .header-banner-container .page-title{ color: #fff; margin-bottom: 20px; font-size: 30px; } .header-banner-container, .header-banner-container .bs-container{ min-height: 300px; } .header-banner-container .bs-container{ display: table; z-index: 1; position: relative; } .header-banner-container .page-title-wrap{ display: table-cell; vertical-align: middle; } .header-banner-container{ margin-bottom: 60px; position: relative; background-size: cover; background-position: 0 0; } .header-banner-container:after { background: rgba(0,0,0,0.3); content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } div#buzstores-breadcrumb{ color: #fff; font-size: 15px; } div#buzstores-breadcrumb a { color: #e7e7e7; } div#buzstores-breadcrumb a:hover { color: #fff; } /*====================== comment area ================*/ .comments-area .comment-form-author, .comments-area .comment-form-email, .comments-area .comment-form-url{ width: 32%; margin-right: 2%; float: left; } .comments-area .comment-form-url { margin-right: 0; } .comments-area .comment-form label{ display: block; } .comments-area .comment-form input{ width: 100%; padding: 8px 10px; } .comments-area .comment-form input[type="submit"]{ width: auto; padding: 12px 15px; margin-top: 10px; outline: 0; } .comment-reply-title{ font-size: 22px; } /*=============================== POSTS-COMMENTS =================================*/ .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 15px; overflow: hidden; font-size: 14px; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } .navigation.pagination{ text-align: center; margin-bottom: 40px; } .navigation .page-numbers, .navigation a { display: inline-block; background-color: #00b8ed; border: 2px solid #00b8ed; color: #ffffff; line-height: 1.3; position: relative; } .navigation .page-numbers{ padding: 4px 10px; margin-right: 7px; } .navigation .page-numbers.dots{ background-color: transparent; border: 0; color: #000; font-size: 18px; } .navigation .nav-previous a { padding: 10px 14px 10px 23px; } .navigation .nav-next a { padding: 10px 23px 10px 14px; } .navigation .nav-previous a:before { content: '\f104'; font-family: 'FontAwesome'; font-size: 17px; position: absolute; top: 50%; left: 9px; margin-top: -12px; } .navigation .nav-next a:after { content: '\f105'; font-family: 'FontAwesome'; font-size: 17px; position: absolute; top: 50%; right: 9px; margin-top: -12px; } .navigation .page-numbers.current, .navigation a:hover { color: #fff; background-color: #666666; border-color: #666666; } /********************************* home slider ************************************/ .banner-slider:after, .bs-container:after{ content: ""; clear: both; display: block; } .banner-slider{ margin-bottom: 30px; } .banner-slider-image{ width: 34%; } .main-slider-wraper .image-slider img{ height: 499px; } .banner-slider-image .image-one, .banner-slider-image .image-two{ margin-right:15px; } .banner-slider-image .image-one img, .banner-slider-image .image-two img{ width: 100%; height: 242px; } .banner-slider-image .image-one{ margin-bottom: 15px; } .main-slider-wraper{ width: 66%; } .banner-slider-image{ width: 34%; } .banner-slider-image, .main-slider-wraper{ float: left; } .banner-slider-image > div a{ position: relative; overflow: hidden; } .banner-slider-image > div a:after{ content: ""; background: rgba(255,255,255,0.4); opacity: 0; visibility: hidden; position: absolute; top: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); bottom: 0; left: 0; right: 0; } .banner-slider-image > div:hover a:after{ opacity: 1; visibility: visible; transform: translateY(0); } .main-slider-wraper .cntent-slider{ position: relative; } .banner-slider-image a, .banner-slider-image a img{ display: block; } /*.main-slider-wraper .titl-desc{ background: rgba(0,0,0,0.4); padding: 30px 45px; text-align: center; } .main-slider-wraper .titl-desc{ position: absolute; left: 0; right: 0; margin: 0 auto; width: 85%; color: #fff; z-index: 9; }*/ .main-slider-wraper .titl-desc .title-slider{ margin-bottom: 10px; text-transform: uppercase; font-size: 22px; font-weight: 600; } /**/ .cntent-slider{ position: relative; } .cntent-slider:after{ background: rgba(255,255,255,0.3); content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .main-slider-wraper .titl-desc{ right: 0; width: 45%; color: #fff; z-index: 9; position: absolute; padding: 0 15px 0 0; } .main-slider-wraper .titl-desc .title-slider { margin-bottom: 10px; text-transform: capitalize; font-size: 36px; font-weight: 600; color: #354448; line-height: 1.3; font-family: 'Montserrat', sans-serif; } .main-slider-wraper .content-slider { font-family: 'Montserrat', sans-serif; font-weight: 400; color: #0c0f10; font-size: 16px; } .main-slider-wraper .content-slider a{ background: #178be2; color: #fff; padding: 7px 15px; min-width: 90px; display: inline-block; margin-top: 20px; text-align: center; font-size: 14px; } .main-slider-wraper .content-slider a:hover { background: #00b8ed; } .main-slider-wraper .owl-dots { position: absolute; bottom: 10px; right: 0; left: 0; margin: 0 auto; } .main-slider-wraper .owl-dots .owl-dot span{ background: #635c5c; } /**/ .banner-main-wrap .banner-img{ overflow: hidden; } .banner-main-wrap .banner-img img{ -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; max-width: 100%; vertical-align: middle; } .banner-main-wrap:hover .banner-img img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .banner-main-wrap .banner-img{ position: relative; overflow: hidden; } .banner-main-wrap .banner-img:before { border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); } .banner-main-wrap .banner-img:after { border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); } .banner-main-wrap .banner-img:before, .banner-main-wrap .banner-img:after { bottom: 10px; content: ""; left: 10px; position: absolute; right: 10px; top: 10px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; z-index: 1; } .banner-main-wrap:hover .banner-img:before, .banner-main-wrap:hover .banner-img:after { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .widget_buzstores_banner_widger .banner-main-wrap{ position: relative; } .widget_buzstores_banner_widger .banner-main-wrap:after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: rgba(128, 128, 128, 0.34); } .widget_buzstores_banner_widger .banner-main-wrap h2:before { content: none; } .widget_buzstores_banner_widger .banner-main-wrap .widget-title { border: none; } /*===========================transformss===================*/ .owl-carousel .owl-prev, .owl-carousel .owl-next, .widget_buzstores_sidebar_product_slider_widget .owl-carousel .owl-controls .owl-nav .owl-prev, .widget_buzstores_sidebar_product_slider_widget .owl-carousel .owl-controls .owl-nav .owl-next, .main-slider-wraper .titl-desc, .main-slider-wraper .owl-prev, .main-slider-wraper .owl-next{ -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } .owl-theme .owl-controls .owl-nav .owl-prev, .owl-theme .owl-controls .owl-nav .owl-next{ margin: 0; padding: 0; border-radius: 0; } .owl-theme .owl-controls{ margin-top: 0; } /*********************** archive page **********************/ article.hentry, .archive article.hentry{ margin: 0 0 40px; } .archive .site-main > article.hentry:last-child, .site-main > article.hentry:last-child{ margin: 0; } .entry-title { font-size: 21px; text-transform: capitalize; color: #111; margin-bottom: 15px; } .entry-title a{ color: #111; } .entry-title a:hover{ color: #00b8ed; } .entry-header img{ margin-bottom: 20px; } .category-blog .entry-header img{ margin-bottom: 15px; } .post .entry-title{ margin-bottom: 7px; } .cat-links, .entry-header .entry-meta { font-size: 13px; } .entry-footer, .cat-links, .entry-header .entry-meta span.posted-on, .entry-header .entry-meta span.byline{ color: #aaa; } .entry-footer a, .cat-links a, .entry-header .entry-meta a{ text-transform: uppercase; font-size: 12px; color: #00b8ed; font-weight: 600; } /********/ .search-results .entry-footer a, .search-results .cat-links a, .search-results .entry-header .entry-meta a{ font-weight: 400; } .search-results article .entry-header .entry-title{ margin-bottom: 10px; } .search-results article { margin-bottom: 30px; } .search-results article .entry-header .entry-summary{ margin-top: 10px; } /*********/ .comment-metadata .edit-link a:before, .edit:before, .post-edit-link:before{ content: "\f044"; margin-right: 5px; } .entry-footer a:hover, .cat-links a:hover, .entry-header .entry-meta a:hover{ color: #3e3b3b; } .comment-metadata .edit-link a:before, .post-author a:before, .edit:before, .post-edit-link:before, .comments-link a:before{ font-family: "FontAwesome"; } .comments-link a:before{ content: "\f075"; margin-right: 5px; } .comments-link a:before{ font-size: 14px; margin-left: 2px; } .entry-footer{ font-size: 14px; margin-top: 5px; } .post-author a:before, .post-comment i, .post-date i{ margin-right: 5px; } .comment-author-date > span{ margin-right: 8px; } .comment-author-date > span:last-child{ margin-right: 0; } .post-author a:before{ content: "\f2c0"; font-size: 11px; position: relative; top: -1px; } .entry-header .entry-meta .comment-author-date span, .entry-header .entry-meta .comment-author-date span a{ color: #a9a9a9; font-weight: 400; font-size: 13px; text-transform: capitalize; } .entry-header .entry-meta .comment-author-date span a:hover{ color: #00b8ed; } a.read-more{ color: #00b8ed; } a.read-more i{ margin-left: 7px; } a.read-more:hover i{ margin-left: 12px; } /****************** comment area *********************/ .comments-title { font-size: 22px; margin-bottom: 25px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{ font-size: 13px; } .comment-notes { font-size: 14px; color: #777777; font-style: italic; } .required, .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta, .comment-notes .required{ color: #ff0000; } .comments-area { margin-top: 50px; } .comment-author img, .comment-author b.fn, .comment-author .says{ display: inline-block; vertical-align: middle; } .comment-author .says{ font-style: italic; color: #847f7f; } .comment-author b.fn{ text-transform: capitalize; } .comment-metadata{ font-size: 11px; } .comment-metadata a{ color: #aaa; } .comment-metadata .edit-link{ font-size: 13px; float: right; position: relative; top: -20px; } .comment-metadata .edit-link a{ color: #111; } .comment-metadata .edit-link a:hover{ color: #00b8ed; } article.comment-body{ padding-left: 40px; position: relative; margin-bottom: 20px; } .comment-author img{ position: absolute; left: 0; top: 4px; } .comment-author{ font-size: 13px; margin-bottom: 4px; } #comments .comment-meta{ margin-bottom: 10px; } #comments .reply a{ font-size: 12px; text-align: right; display: inline-block; padding: 1px 5px; color: #00b8ed; border: 1px solid #00b8ed; } #comments .reply a:hover{ color: #111; border: 1px solid #111; } #comments .reply a:before{ content: "\f112"; } #comments .comment-content{ color: #676767; } #comments .comment-content, .comment-awaiting-moderation{ font-size: 13px; } .comment-awaiting-moderation{ font-style: italic; color: rgb(255, 0, 0); margin: 5px 0; } #cancel-comment-reply-link:before{ content: "\f057"; } #cancel-comment-reply-link{ font-size: 14px; color: rgb(255, 0, 0); font-style: italic; } #cancel-comment-reply-link:hover{ color: rgba(255, 0, 0,0.5); } .comments-area ol{ list-style: none; margin-left: 0; } .comments-area ol.children{ margin-left: 15px; } #comments #commentform .form-submit input[type="submit"]{ background: #00b8ed; color: #fff; padding: 12px 15px; font-size: 14px; border-color: #00b8ed; font-weight: 400; } #comments #commentform .form-submit input[type="submit"]:hover{ background: #111; border-color: #111; } .logged-in-as a{ color: #00b8ed; font-style: italic; } .logged-in-as a:hover{ color: #111; } /***************************** home widget sidebar slider ******************************/ .home section{ padding: 30px 0; } .home section.widget{ margin-bottom: 0; } .home #secondary section.widget{ padding: 0; margin-bottom: 30px; } .home .widget.widget_buzstores_blog_widget{ margin: 30px 0; } .subscribe-container{ margin-top: 30px; } /******/ .widget_buzstores_sidebar_product_slider_widget .side-slider-content, .widget_buzstores_sidebar_product_slider_widget .main-wrap-side-slide{ width: 50%; float: left; display: flex; } .widget_buzstores_sidebar_product_slider_widget .main-wrap-side-slide{ background: #fff; z-index: 1; position: relative; } .widget_buzstores_sidebar_product_slider_widget .main-wrap-side-slide .owl-controls{ margin:0; } .widget_buzstores_sidebar_product_slider_widget .side-slider-content h2{ font-size: 30px; font-weight: 400; text-transform: capitalize; color: #fff; line-height: 1.5; margin-bottom: 18px; } .widget_buzstores_sidebar_product_slider_widget .side-slider-content{ font-size: 14px; line-height: 1.8; } .widget_buzstores_sidebar_product_slider_widget .side-slider-content a{ display: inline-block; background: #00b8ed; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: 600; padding: 8px 10px 7px; margin-top: 15px; } .widget_buzstores_sidebar_product_slider_widget .side-slider-content a:hover{ color: #00b8ed; background: #fff; } .widget_buzstores_sidebar_product_slider_widget ul li a:before{ content: none; } .widget_buzstores_sidebar_product_slider_widget .side-pro-slider.owl-carousel{ position: relative; margin: 0; } .widget.widget_buzstores_sidebar_product_slider_widget ul li{ margin-bottom: 0; background-color: #fff; } .widget.widget_buzstores_sidebar_product_slider_widget ul li a{ padding: 0; } .widget_buzstores_sidebar_product_slider_widget .side-slider-content{ color: #fff; position: relative; padding: 40px; } .widget_buzstores_sidebar_product_slider_widget{ overflow: hidden; } .widget_buzstores_sidebar_product_slider_widget .main-ps-wrap{ position: relative; display: flex; align-items: center; background-size: cover; } .widget_buzstores_sidebar_product_slider_widget .main-ps-wrap:after{ content: ""; display: block; clear: both; } .widget_buzstores_sidebar_product_slider_widget .main-ps-wrap .side-slider-content{ position: relative; z-index: 2; } .widget_buzstores_sidebar_product_slider_widget .main-ps-wrap:before{ content: ""; background: rgba(0,0,0,0.4); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } /************************** newsletter *********************/ .subscribe-container{ background: #f5f5f5; border: 1px solid #efefef; margin-top: 30px; } .subscribe-container .widget.widget_newsletterwidget{ margin: 0; font-size: 14px; color: #6f6e6e; padding-right: 640px; position: relative; padding: 20px 640px 20px 0; } .widget_newsletterwidget .tnp-widget{ width: 600px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); right: 0; } .widget_newsletterwidget .tnp-field-email{ width: 80%; } .widget_newsletterwidget .tnp-field-button{ width: 20%; float: right; } .subscribe-container .widget_newsletterwidget .tnp-field-email, .subscribe-container .widget_newsletterwidget .tnp-field-button{ display: inline-block; margin: 0; } .subscribe-container .widget_newsletterwidget .tnp-field-email input[type=email]{ border: 1px solid #ddd; background-color: #fff; outline: 0; } .subscribe-container .widget_newsletterwidget .tnp-widget input.tnp-submit{ background-color: #00b8ed; text-transform: uppercase; font-size: 14px; border: 1px solid #00b8ed; } .subscribe-container .widget_newsletterwidget .tnp-field-email input[type=email], .subscribe-container .widget_newsletterwidget .tnp-widget input.tnp-submit{ height: 40px; } .subscribe-container .widget_newsletterwidget .tnp-field-email label{ display: none; } .subscribe-container .widget_newsletterwidget .tnp-widget .tnp-field{ margin: 0; } .subscribe-container .widget_newsletterwidget .widget-title{ text-transform: uppercase; font-weight: 600; margin-bottom: 5px; color: #404040; padding-bottom: 0; border-bottom: 0; } /*********************** terms container and product list ****************/ .terms-container{ background: #00b8ed; color: #fff; overflow: hidden; } .terms-container .widget_buzstores_termsr_widget{ border-left: 1px solid #f5f5f5; } .terms-container .widget_buzstores_termsr_widget:first-child{ border-left: 0; } .woocommerce .widget.widget_buzstores_product_listr_widget ul li, .bottom-footer .bottom-footer-wrapper > div{ width: 23.5%; float: left; margin-left: 2%; margin-bottom: 0; } .terms-container .bs-container > section{ padding: 0px 20px; float: left; margin-bottom: 0; width: 25%; } .terms-container .bs-container{ padding: 35px 0; overflow: hidden; } .woocommerce .widget.widget_buzstores_product_listr_widget ul li:nth-child(3n+1){ clear: none; margin-left: 2%; } .woocommerce .terms-container .bs-container > section:nth-child(3n+1){ clear: none; } .woocommerce .widget.widget_buzstores_product_listr_widget ul li:nth-child(4n+1), .woocommerce .terms-container .bs-container > section:nth-child(4n+1){ clear: both; margin-left: 0; } .widget_buzstores_tab_product_categoryr_widget .wrap-tab-roduct ul li{ width: 32%; margin-left: 2%; float: left; } .widget_buzstores_tab_product_categoryr_widget .wrap-tab-roduct ul li, .widget.widget_buzstores_product_listr_widget ul li{ margin-top: 30px; } .widget_buzstores_tab_product_categoryr_widget .wrap-tab-roduct{ display: none; } .widget_buzstores_tab_product_categoryr_widget .wrap-tab-roduct.active{ display: block; } .widget_buzstores_tab_product_categoryr_widget .wrap-tab-roduct ul li:nth-child(3n+1){ clear: both; margin-left: 0; } .widget_buzstores_tab_product_categoryr_widget .wrap-tab-roduct ul li img, .widget.widget_buzstores_product_listr_widget ul li img{ display: block; } .woocommerce-loop-product__title, .widget_buzstores_tab_product_categoryr_widget .wrap-tab-roduct .woocommerce-loop-product__title, .widget.widget_buzstores_product_listr_widget ul li .woocommerce-loop-product__title{ font-size: 16px; padding: 0 10px; } .woocommerce-loop-product__title, .widget_buzstores_tab_product_categoryr_widget .wrap-tab-roduct .woocommerce-loop-product__title, .widget.widget_buzstores_product_listr_widget ul li .woocommerce-loop-product__title, .widget_buzstores_multiple_slide_categoryr_widget .title-test h2{ text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .widget_buzstores_tab_product_categoryr_widget .wrap-tab-roduct:first-child, .widget.widget_buzstores_product_listr_widget ul li:first-child, .bottom-footer .bottom-footer-wrapper > div:first-child, .terms-container .bs-container > section:first-child{ margin-left: 0; } .terms-container .content-term { padding-left: 65px; position: relative; font-size: 12px; color: #f5f5f5; } .terms-container .icon-term{ position: absolute; top: 3px; left: 0; } .terms-container i{ font-size: 45px; color: #fff; } .terms-container h2{ font-size: 16px; margin-bottom: 2px; color: #fff; } .widget_buzstores_tab_product_categoryr_widget .tab-button > span{ display: inline-block; padding: 5px 10px; background: #f5f5f5; text-transform: capitalize; font-size: 14px; text-align: center; border: 1px solid #00b8ed; margin: 0 2px; color: #00b8ed; cursor: pointer; border-radius: 4px; } .widget_buzstores_tab_product_categoryr_widget .cap-tab-title{ position: relative; } .widget_buzstores_tab_product_categoryr_widget .cap-tab-title .tab-button{ position: absolute; top: 0; right: 0; } .widget_buzstores_tab_product_categoryr_widget .tab-button > span.active, .widget_buzstores_tab_product_categoryr_widget .tab-button > span:hover{ background: #00b8ed; color: #fff; } .widget_buzstores_tab_product_categoryr_widget .title-test h2{ margin-bottom: 20px; color: #404040; } /*********************** testimonial ****************/ .widget_buzstores_testimonial_widget .testimonial-wrap .image-test{ width: 120px; height: 120px; border-radius: 100%; display: inline-block; position: absolute; top: -60px; left: 0; right: 0; margin: 0 auto; } .widget_buzstores_testimonial_widget .testimonial-wrap .image-test img{ border-radius: 100%; display: block; } .widget_buzstores_testimonial_widget .testimonial-wrap .loop-test{ text-align: center; border:1px solid #ccc; padding: 90px 30px 30px; position: relative; margin-top: 60px; } .widget_buzstores_testimonial_widget .content-title{ font-size: 14px; font-style: italic; line-height: 1.8; } .widget_buzstores_testimonial_widget .content-title h4{ font-style: normal; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; color: #00b8ed; margin: 20px 0 0; font-weight: 400; } .widget_buzstores_testimonial_widget .owl-dots{ display: block; } /*********************************** blog section **********************************/ .widget_buzstores_blog_widget .blog-wrap .date-blog, .widget_buzstores_blog_widget .blog-content-title{ float: left; } .widget_buzstores_blog_widget .blog-wrap .date-content{ overflow: hidden; padding: 20px 0; background: #fff; border: solid 1px #eeeeee; } .widget_buzstores_blog_widget .blog-wrap .date-blog{ width: 80px; text-align: center; } .widget_buzstores_blog_widget .blog-wrap .date-blog > span{ display: block; color: #00b8ed; padding: 2px 0; } .widget_buzstores_blog_widget .blog-wrap .date-blog .date, .widget_buzstores_blog_widget .blog-wrap .date-blog .year{ font-weight: 600; font-size: 27px; } .widget_buzstores_blog_widget .blog-wrap .date-blog .year{ font-size: 15px; } .widget_buzstores_blog_widget .blog-wrap .date-blog .month{ font-size: 13px; text-transform: capitalize; } .widget_buzstores_blog_widget .blog-content-title{ width: -webkit-calc(100% - 80px); width: -moz-calc(100% - 80px); width: -ms-calc(100% - 80px); width: calc(100% - 80px); border-left: 1px solid #eee; padding: 0 20px; font-size: 14px; line-height: 1.8; color: #aaa; } .widget_buzstores_blog_widget .blog-content-title p{ margin: 0; } .widget_buzstores_blog_widget .blog-content-title h3{ font-size: 16px; text-transform: uppercase; margin-bottom: 5px; } .widget_buzstores_blog_widget .blog-content-title a{ color: #333333; } .widget_buzstores_blog_widget .blog-content-title a:hover{ color: #00b8ed; } .widget_buzstores_blog_widget .owl-nav{ text-align: center; } /*********************************** product category **********************************/ .widget_buzstores_product_categoryr_widget .ps-secondary-pro{ position: relative; } .widget_buzstores_product_categoryr_widget .bs-cat-pro{ position: relative; z-index: 9; } .widget_buzstores_product_categoryr_widget .bs-cat-pro .main-content-product{ position: absolute; left: 0; width: 160px; margin: 0 auto; text-align: right; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0px 0px 0 5px; color: #111; cursor: pointer; top: 50%; } .owl-carousel .owl-item .main-content-product { margin-left: 23px; text-align: center; } .widget_buzstores_product_categoryr_widget .bs-cat-pro .main-content-product .cat-name{ text-transform: capitalize; font-size: 28px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-bottom: 5px; position: relative; margin-bottom: 15px; } .widget_buzstores_product_categoryr_widget .bs-cat-pro .main-content-product .cat-name:after{ position: absolute; content: ""; background: #b4b4b4; width: 50px; height: 1px; bottom: 0; left: 0; right: 0; margin: 0 auto; } .widget_buzstores_product_categoryr_widget .bs-cat-pro .main-content-product a{ background: #00b8ed; color: #fff; min-width: 80px; display: inline-block; margin-top: 16px; font-size: 13px; text-transform: uppercase; padding: 9px 15px 8px; border-radius: 200px; letter-spacing: 0.1px; text-align: center; } .widget_buzstores_product_categoryr_widget .bs-cat-pro .main-content-product a:hover{ background: rgba(0,0,0,0.6); } .widget_buzstores_product_categoryr_widget .bs-cat-pro .count-product{ font-size: 15px; color: #111; line-height: 1.6; } /*********************************** owl dots **********************************/ .owl-dots{ text-align: center; margin-top: 10px; display: none; } .owl-theme .owl-dots .owl-dot span{ margin: 5px 4px; } .owl-dots .owl-dot{ display: inline-block; margin-right: 0px } .owl-dots .owl-dot span{ width: 10px; height: 10px; border-radius: 100%; background: #ddd; display: block; } .owl-dots .owl-dot:last-child{ margin-right: 0; } .owl-theme .owl-dots .owl-dot span:hover, .owl-theme .owl-dots .owl-dot.active span{ background: #00b8ed; } /*********************************** prev next ************************************/ .widget_buzstores_sidebar_product_slider_widget .owl-carousel .owl-controls .owl-nav .owl-prev, .widget_buzstores_sidebar_product_slider_widget .owl-carousel .owl-controls .owl-nav .owl-next{ width: 40px; height: 40px; line-height: 39px; color: #fff; background: rgba(0,0,0,0.4); text-align: center; position: absolute; font-size: 25px; } .widget_buzstores_sidebar_product_slider_widget .owl-carousel .owl-controls .owl-nav .owl-prev:hover, .widget_buzstores_sidebar_product_slider_widget .owl-carousel .owl-controls .owl-nav .owl-next:hover{ background: rgba(0,0,0,1); } .owl-carousel .owl-prev, .widget_buzstores_sidebar_product_slider_widget .owl-carousel .owl-controls .owl-nav .owl-prev{ left: 0; } .owl-carousel .owl-next, .widget_buzstores_sidebar_product_slider_widget .owl-carousel .owl-controls .owl-nav .owl-next{ right: 0; } .main-slider-wraper .owl-prev, .main-slider-wraper .owl-next{ width: 34px; height: 74px; position: absolute; background: #fcfcfc; line-height: 74px; text-align: center; font-size: 40px; color: #3e3e3e; } .widget_buzstores_testimonial_widget .owl-prev i, .widget_buzstores_testimonial_widget .owl-next i, .main-slider-wraper .owl-prev i, .main-slider-wraper .owl-next i{ font-weight: bold; } .main-slider-wraper .owl-prev:hover, .main-slider-wraper .owl-next:hover{ background: #e2e2e2; } .widget_buzstores_product_categoryr_widget .owl-carousel .owl-controls .owl-nav .owl-prev, .main-slider-wraper .owl-prev{ left: 0; } .widget_buzstores_product_categoryr_widget .owl-carousel .owl-controls .owl-nav .owl-next, .main-slider-wraper .owl-next{ right: 0; } .widget_buzstores_product_categoryr_widget .owl-carousel .owl-controls .owl-nav .owl-prev, .widget_buzstores_product_categoryr_widget .owl-carousel .owl-controls .owl-nav .owl-next{ font-size: 40px; background: #00b8ed; padding: 0 8px; color: #fff; position: absolute; } .widget_buzstores_testimonial_widget .owl-prev, .widget_buzstores_testimonial_widget .owl-next{ position: absolute; font-size: 50px; color: #3e3e3e; } .widget_buzstores_product_categoryr_widget .owl-carousel .owl-controls .owl-nav .owl-prev:hover, .widget_buzstores_product_categoryr_widget .owl-carousel .owl-controls .owl-nav .owl-next:hover{ color: #fff; background: rgba(0,0,0,0.6); } .widget_buzstores_testimonial_widget .owl-prev:hover, .widget_buzstores_testimonial_widget .owl-next:hover{ color: #00b8ed; } .widget_buzstores_testimonial_widget .owl-prev{ left: -30px; } .widget_buzstores_testimonial_widget .owl-next{ right: -30px; } .widget_buzstores_blog_widget .owl-carousel .owl-controls .owl-nav .owl-prev, .wrap-pro-slider.owl-carousel .owl-controls .owl-nav .owl-prev, .main-test-loop .owl-controls .owl-nav .owl-prev{ right: 40px; } .widget_buzstores_blog_widget .owl-carousel .owl-controls .owl-nav .owl-next, .wrap-pro-slider.owl-carousel .owl-controls .owl-nav .owl-next, .main-test-loop .owl-controls .owl-nav .owl-next{ right: 0; } .widget_buzstores_blog_widget .owl-carousel .owl-controls .owl-nav .owl-prev, .widget_buzstores_blog_widget .owl-carousel .owl-controls .owl-nav .owl-next, .wrap-pro-slider.owl-carousel .owl-controls .owl-nav .owl-prev, .wrap-pro-slider.owl-carousel .owl-controls .owl-nav .owl-next, .main-test-loop .owl-controls .owl-nav .owl-prev, .main-test-loop .owl-controls .owl-nav .owl-next{ -webkit-transform: none; -ms-transform: none; -moz-transform: none; transform: none; left: auto; font-size: 20px; color: #3e3e3e; top: -94px; width: 30px; height: 30px; background: #00b8ed; display: block; color: #fff; text-align: center; margin: 0; } .widget_buzstores_blog_widget .owl-carousel .owl-controls .owl-nav .owl-prev, .widget_buzstores_blog_widget .owl-carousel .owl-controls .owl-nav .owl-next, .wrap-pro-slider.owl-carousel .owl-controls .owl-nav .owl-prev, .wrap-pro-slider.owl-carousel .owl-controls .owl-nav .owl-next, .main-test-loop .owl-controls .owl-nav .owl-prev, .main-test-loop .owl-controls .owl-nav .owl-next{ position: absolute; } .widget_buzstores_blog_widget .owl-carousel .owl-controls .owl-nav .owl-prev:hover, .widget_buzstores_blog_widget .owl-carousel .owl-controls .owl-nav .owl-next:hover, .wrap-pro-slider.owl-carousel .owl-controls .owl-nav .owl-prev:hover, .wrap-pro-slider.owl-carousel .owl-controls .owl-nav .owl-next:hover, .main-test-loop .owl-controls .owl-nav .owl-prev:hover, .main-test-loop .owl-controls .owl-nav .owl-next:hover{ background-color: #454545; color: #fff; } /*********************** footer ****************/ .site{ background-color: #fff; } .home .site-content { padding-bottom: 0; } .site-content { padding-bottom: 60px; } .site-footer .bottom-footer{ background: #272525; padding: 20px 0; border-bottom: 1px solid #3c3b3b; } .bottom-footer .bottom-footer-wrapper > div{ color: #fff; } .bottom-footer .bottom-footer-wrapper > div section { margin: 0; padding: 20px 0; } .bottom-footer .bottom-footer-wrapper .widget ul li a, .bottom-footer .bottom-footer-wrapper a{ color: #ccc; font-size: 14px; } .bottom-footer .bottom-footer-wrapper a:hover, .bottom-footer .bottom-footer-wrapper .widget ul li a:hover{ color: #00b8ed; } .bottom-footer .bottom-footer-wrapper .widget ul li a{ display: inline-block; } .bottom-footer .bottom-footer-wrapper .widget ul li{ display: block; } .widget_product_search input[type="submit"], .widget_product_search .search-field, .widget_search label, .widget_search input[type="submit"]{ display: inline-block; margin: 0 -2px; line-height: 35px; height: 35px; vertical-align: top; } .widget_search label input[type="search"]{ display: block; } .widget_product_search input[type="submit"], .widget_search label input[type="search"]{ width: 100%; padding: 0 10px; height: 35px; line-height: 35px; font-size: 12px; outline: 0; } .widget_product_search .search-field, .widget_search label{ width: 70%; outline: 0; } .widget_product_search input[type="submit"], .widget_search input[type="submit"]{ width: 30%; font-size: 13px; padding: 0; background: #00b8ed; } .widget_product_search input[type="submit"]:hover, .widget_search input[type="submit"]:hover{ background: rgba(0, 184, 237, 0.89); border-color: rgba(0, 184, 237, 0.89); } /*******/ .site-footer .site-info .footer-copyright, .site-footer .site-info .payment-image{ width: 48%; } .site-footer .site-info .footer-copyright{ text-align: left; float: left; margin:5px 0; } .site-footer .site-info .payment-image{ float: right; text-align: right; } .site-footer .site-info{ overflow: hidden; padding: 10px 40px 3px; clear: both; } .woocommerce .payment-image img{ border: 1px solid rgba(255,255,255,0.4); background: rgba(0,0,0,0.4); margin-left: 8px; float: right; padding: 0 2px; cursor: pointer; margin-bottom: 4px; } .woocommerce .payment-image img:hover { background: rgba(255,255,255,0.05); } /**************************** error ******************************/ .error404 .page-content .search-form{ margin-bottom: 40px; margin-top: 40px; } .error404 .page-content .search-form label{ width: 80%; } .error404 .page-content .search-form label, .error404 .page-content .search-submit{ display: inline-block; vertical-align: top; } .error404 .page-content .search-form label .search-field{ display: block; width: 100%; } .error404 .page-content .search-form label .search-field, .error404 .page-content .search-submit{ height: 37px; } .error404 .search-submit{ width: 19%; } /************************************* multiple slider category *****************************************/ .widget_buzstores_multiple_slide_categoryr_widget .title-test h2 { padding-right: 70px; margin-bottom: 30px; } .widget_buzstores_multiple_slide_categoryr_widget .owl-carousel .owl-controls .owl-nav .owl-prev, .widget_buzstores_multiple_slide_categoryr_widget .owl-carousel .owl-controls .owl-nav .owl-next{ background: #f1f1f1; color: #111; } .widget_buzstores_multiple_slide_categoryr_widget .owl-carousel.second-product-loop .owl-controls .owl-nav .owl-prev, .widget_buzstores_multiple_slide_categoryr_widget .owl-carousel.second-product-loop .owl-controls .owl-nav .owl-next{ width: 28px; height: 28px; line-height: 27px; font-size: 18px; display: inline-block; text-align: center; border-radius: 2px; } .widget_buzstores_multiple_slide_categoryr_widget .owl-carousel .owl-controls .owl-nav .owl-prev:hover, .widget_buzstores_multiple_slide_categoryr_widget .owl-carousel .owl-controls .owl-nav .owl-next:hover{ background: #00b8ed; color: #fff; } .wrap-tab-roduct{ position: relative; } .widget_buzstores_multiple_slide_categoryr_widget .owl-carousel.second-product-loop .owl-controls .owl-nav .owl-prev, .widget_buzstores_multiple_slide_categoryr_widget .owl-carousel.second-product-loop .owl-controls .owl-nav .owl-next{ -webkit-transform: none; -ms-transform: none; -moz-transform: none; transform: none; position: absolute; top: -74px; left: auto; } .widget_buzstores_multiple_slide_categoryr_widget .owl-carousel.second-product-loop .owl-controls .owl-nav .owl-prev{ right: 35px; } .widget_buzstores_multiple_slide_categoryr_widget .owl-carousel.second-product-loop .owl-controls .owl-nav .owl-next{ right: 0px; } .widget_buzstores_multiple_slide_categoryr_widget .owl-carousel .owl-controls .owl-nav .owl-prev, .widget_buzstores_multiple_slide_categoryr_widget .owl-carousel .owl-controls .owl-nav .owl-next{ height: 70px; width: 30px; font-size: 25px; line-height: 70px; position: absolute; text-align: center; } .widget_buzstores_multiple_slide_categoryr_widget .owl-carousel .owl-controls .owl-nav .owl-prev{ left: -55px; } .widget_buzstores_multiple_slide_categoryr_widget .owl-carousel .owl-controls .owl-nav .owl-next{ right: -55px; } .widget_buzstores_multiple_slide_categoryr_widget .item-image, .widget_buzstores_multiple_slide_categoryr_widget .title-rate-price{ float: left; } .widget_buzstores_multiple_slide_categoryr_widget .item-image{ width: 35%; border: 1px solid #ddd; border-radius: 4px; } .widget_buzstores_multiple_slide_categoryr_widget .price-rating{ padding: 0; margin:0px; font-size: 14px; color: #aaa; } .widget_buzstores_multiple_slide_categoryr_widget .title-rate-price{ width: 65%; padding-left: 10px; } .widget_buzstores_multiple_slide_categoryr_widget .main-wrap-items:after{ clear: both; content: ""; display: block; } .widget_buzstores_multiple_slide_categoryr_widget .main-wrap-items{ margin-bottom: 15px; } .widget_buzstores_multiple_slide_categoryr_widget .woocommerce-loop-product__title{ padding: 0; } .widget_buzstores_multiple_slide_categoryr_widget .title-rate-price a{ color: #111; } .widget_buzstores_multiple_slide_categoryr_widget .title-rate-price a:hover{ color: #00b8ed; } .widget_buzstores_multiple_slide_categoryr_widget .title-rate-price a h2{ text-transform: capitalize; font-size: 16px; font-weight: 400; margin-bottom: 10px; } .woocommerce .widget_buzstores_multiple_slide_categoryr_widget ul.products li.product .star-rating, .woocommerce .widget_buzstores_multiple_slide_categoryr_widget .star-rating{ margin:0 0 25px; float: none; font-size: 12px; } .woocommerce .widget_buzstores_multiple_slide_categoryr_widget ins{ background: transparent; margin-left: 8px; } .woocommerce .widget_buzstores_multiple_slide_categoryr_widget ins .woocommerce-Price-amount.amount{ color: #ff0000; font-weight: 600; background: transparent; font-size: 16px; } .woocommerce .widget_buzstores_multiple_slide_categoryr_widget ul.products li.product .star-rating span:before, .woocommerce .widget_buzstores_multiple_slide_categoryr_widget .star-rating span:before{ color: #111; } /************************************** recent post ***************************************/ .widget_buzstores_recent_posts .date_recent_post{ display: block; margin-top: 6px; color: #aaa; font-size: 13px; } .widget_buzstores_recent_posts .image_wrap_recent{ width: 32%; margin-right: 3%; margin-top: 5px; } .widget_buzstores_recent_posts .image_wrap_recent .img_recent_post_img, .widget_buzstores_recent_posts .image_wrap_recent .img_recent_post_img img{ display: block; } .widget_buzstores_recent_posts .image_wrap_recent .img_recent_post_img{ position: relative; } .widget_buzstores_recent_posts .image_wrap_recent .img_recent_post_img:after{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; background:rgba(0, 184, 237, 0.3); opacity: 0; visibility: hidden; content: ""; } .widget_buzstores_recent_posts .recent-post-wrap:hover .image_wrap_recent .img_recent_post_img:after{ opacity: 1; visibility: visible; } .widget_buzstores_recent_posts .recent-post-content{ width: 65%; } .bottom-footer .bottom-footer-wrapper .widget_buzstores_recent_posts .recent-post-title-widget{ color: #f5f5f5; font-size: 14px; } .bottom-footer .bottom-footer-wrapper .widget_buzstores_recent_posts .recent-post-title-widget:hover{ color: #00b8ed; } .widget_buzstores_recent_posts .image_wrap_recent, .widget_buzstores_recent_posts .recent-post-content{ float: left; } .widget_buzstores_recent_posts .recent-post-wrap:after{ content: ""; clear: both; display: block; } .widget_buzstores_recent_posts .recent-post-wrap{ margin-bottom: 25px; } .widget_buzstores_recent_posts .recent-post-wrap:last-child { margin-bottom: 0; } /******************************* home banner ********************************/ .widget_buzstores_banner_widger.widget{ width: 32%; float: left; margin-left: 2%; } .widget_buzstores_banner_widger.widget{ margin-bottom: 0; } .widget_buzstores_banner_widger:first-child{ margin-left: 0; } .widget_buzstores_banner_widger .banner-img img{ display: block; } .widget_buzstores_banner_widger .banner-main-wrap{ position: relative; } .title-desc-button{ position: absolute; width: 75%; left: 0; right: 0; margin: 0 auto; color: #fff; z-index: 99; font-size: 30px; text-transform: uppercase; text-align: left; line-height: 0; bottom: 15.6%; } .widget_buzstores_banner_widger .banner-main-wrap h2{ font-size: 20px; text-transform:uppercase; line-height: 1.4; margin-bottom: 7px; padding: 3px 0px; font-weight: 600; color: #111; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .widget_buzstores_banner_widger .banner-button{ display: inline-block; line-height: 1; } .widget_buzstores_banner_widger .banner-button a{ color: #fff; font-size: 14px; padding-bottom: 2px; display: block; margin: 0; text-transform: capitalize; font-weight: 600; outline: 0; border-bottom: 2px solid rgba(17, 17, 17, 0.65); color: rgba(17, 17, 17, 0.8); } .widget_buzstores_banner_widger .banner-button a:hover{ border-bottom: 2px solid #111; color: #111; } /********************/ .boxed-layout{ box-shadow: 0 0 4px 0 rgba(0,0,0,0.1); width: 90%; margin: 0 auto; } .main-navigation{ position: relative; } .main-navigation .login-reg-logout a:first-child{ border-left: 0; } .main-navigation a.wishlist-menu i{ font-size: 13px; } a.logout-header:before { content: "\f08b"; } #cancel-comment-reply-link:before, #comments .reply a:before, a.logout-header:before, a.login-myaccount:before{ font-family: "FontAwesome"; padding-right: 4px; } a.login-myaccount:before{ content: "\f007"; padding-right: 5px; } /*******/ .bottom-footer .woocommerce ul.product_list_widget li .woocommerce-Price-amount { color: #64a499; font-size: 14px; } .bottom-footer .bottom-footer-wrapper .widget.woocommerce.widget_products ul li a { display: block; } .bottom-footer .widget.widget_products ul li:before { color: #ccc; } .bottom-footer .bottom-footer-wrapper .widget.woocommerce.widget_products ul li:hover:before, .bottom-footer .bottom-footer-wrapper .widget.woocommerce.widget_products ul li:hover a { color: #00b8ed; } .bottom-footer .woocommerce ul.product_list_widget li ins .woocommerce-Price-amount { color: #111; font-size: 14px; padding: 1px 3px; } .bottom-footer .bottom-footer-wrapper .widget ul li { margin-bottom: 12px; } .bottom-footer .widget.widget_products ul li a:before{ content: none; } .bottom-footer .widget_search{ margin-left: 2px; } .widget.widget_tag_cloud a { display: inline-block; border: 1px solid #ccc; padding: 5px 10px; margin-right: 5px; color: #313131; } .widget.widget_tag_cloud a:last-child{ margin-right: 0px; } .bottom-footer .widget.widget_tag_cloud a{ color: #ccc; } .bottom-footer .widget.widget_tag_cloud a:hover, .widget.widget_tag_cloud a:hover { background: #00b8ed; color: #fff; border-color: #00b8ed; } ::selection { background-color: #00b8ed; color: #fff; } -moz-selection { background-color: #00b8ed; color: #fff; } /*********calendar********/ .widget.widget_calendar td, .widget.widget_calendar th { border: 1px solid #ccc; padding: 5px 2px; } .widget_calendar caption{ border: 1px solid #00b8ed; padding: 8px 10px; text-transform: uppercase; margin-bottom: 0; border-bottom: 0; background: #00b8ed; color: #fff; } .widget_calendar tbody{ text-align: center; } .archive.woocommerce nav.woocommerce-pagination, .archive.woocommerce nav.woocommerce-pagination{ margin-top: 60px; } /***********/ .main-navigation ul > li a{ padding: 18px 20px; font-size: 14px; text-transform: uppercase; } .main-navigation a{ color: #fff; } .main-navigation .login-reg-logout a{ display: inline-block; margin-left: 4px; border-left: 1px solid #ddd; padding-left: 6px; text-transform: uppercase; } .advance-search .search-icon button{ background: #178be2; } .advance-search .search-icon button:hover{ background: #00b8ed; border-color: #00b8ed; } /***************loader **********/ .woocommerce #respond input#submit.loading:after, .woocommerce a.button.loading:after, .woocommerce button.button.loading:after, .woocommerce input.button.loading:after{ margin-top: -20px; } .section-title h2 { font-size: 14px; color: #a0a0a0; margin-bottom: 3px; font-weight: 400; } .entry-title, h2.comments-title span, .header-banner-container .page-title-wrap, .main-navigation ul li a, .widget ul li, .widget ul li a { word-break: break-all; }