/*
Theme Name: Online Bazaar
Theme URI: https://sparklewpthemes.com/wordpress-themes/ecommerce-wordpress-theme/
Author: sparklewpthemes
Author URI: https://sparklewpthemes.com
Description: Online Bazaar is a powerful, dynamic and highly customized child theme of Metrostore Free multipurpose e-commerce theme. Online Bazaar free WooCommerce WordPress theme suitable for eCommerce websites of any store type : fashion store, sports store, men - women or children store, jewelry store, kitchen or food store, toys store, digital product store, affiliate store or all in one store, Its modern design is perfect to create a website for your business. Online Bazaar is easy to use and fully responsive free WordPress theme, a theme is packed with lots of exciting features that enhance the eCommerce experience. A theme is fully compatible with most popular WooCommerce, YITH WooCommerce Wishlist, YITH WooCommerce Quick View and many more plugins. This theme packs many premium features and several custom widgets which helps to make your online store professional and well organized, Use this theme for your e-commerce website, you will feel the best ever experience. 
Version: 1.1.1
Tested up to: 6.5
Requires PHP: 7.0
Requires at least: 6.4
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: metrostore
Text Domain: online-bazaar
Tags: one-column, two-columns, right-sidebar, left-sidebar, custom-header, custom-background, custom-menu, translation-ready, featured-images, theme-options, custom-logo, e-commerce, footer-widgets
*/


body {
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: 400;
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}



/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {
    display: block;
}

.hentry {
    margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
# 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;
}

.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;
}


/*--------------------------------------------------------------
## 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;
}


/*--------------------------------------------------------------
## 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;
}

.header-top a {
    font-weight: 500;
}

.quickinfo li {
    font-size: 13px;
    font-weight: 500;
}

.headerlinkmenu div.links div a {
    color: #fff;
    background-color: #f36;
    border-right: 1px solid #ff3366;
    border-left: 1px solid #ff3366;
    display: inline-block;
    padding: 10px 10px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 400;
}

.headerlinkmenu div.links div a:hover {
    color: #ff3366;
    text-decoration: none;
    background: none;
    border-right: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.headerlinkmenu div.links div a:hover span {
    color: #f36;
}

.badge {
    padding: 0;
    font-size: 14px;
    background: none;
}

.links .social ul {
    float: none;
}

.links .social ul li {
    margin-left: 0;
    border-left: 1px solid #e2e2e4;
}

.links .social ul.inline-mode li a {
    border: 0;
    border-radius: 0;
    font-size: 14px;
    height: auto;
    line-height: 16px;
    width: auto;
    background: none;
    color: #000;
    padding: 0 8px;
}

.links .social ul.inline-mode li a:hover {
    color: #f36;
}

.logo {
    text-align: inherit;
}

.logo {
    margin-top: 30px;
    margin-bottom: 30px;
}

/*--------------------------------------------------------------
# Background Hover Style Navigation menu hover style css
--------------------------------------------------------------*/
.hove-style-bg.mtmegamenu ul>li.current-menu-item,
.hove-style-bg.mtmegamenu ul>li:hover {
    background: #ff3366;
}

.hove-style-bg.mtmegamenu ul>li.current-menu-item>a,
.hove-style-bg.mtmegamenu ul>li.menu-item:hover>a {
    color: #fff;
}

.hove-style-bg.mtmegamenu ul ul.sub-menu,
.hove-style-bg.mtmegamenu ul ul.children {
    padding-left: 0px;
    padding-right: 0px;
}

.hove-style-bg.mtmegamenu ul ul.sub-menu>li.menu-item:hover>a,
.hove-style-bg.mtmegamenu ul ul.children>li.menu-item:hover>a {
    color: #fff;
}

.text-center {
    text-align: center;
}

.mtmegamenu ul>li {
    font-size: 14px;
    float: left;
}

.mtmegamenu ul>li li {
    float: none;
}

.collections-link::before {
    background: #ff3366;
}

.collections-link a {
    color: #fff;
}

/*--------------------------------------------------------------
## All Default Sidebar widget
--------------------------------------------------------------*/

/**
 * Normal Product Woocommerce Search
*/
.woocommerce-product-search {
    position: relative;
    width: 100%;
}

.woocommerce-product-search input[type="search"] {
    width: 100%;
    height: 40px;
    border-radius: 0;
    border-radius: 20px;
}

.woocommerce-product-search button {
    position: absolute;
    width: 60px;
    height: 40px;
    right: 0;
    top: 0;
    z-index: 9;
    background-color: #ff3366;
    background-image: url(assets/images/search.png);
    background-repeat: no-repeat;
    background-position: center center;
    box-shadow: none;
    border: 1px solid #ff3366;
    color: transparent;
    text-shadow: none;
    border-radius: 20px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.woocommerce-product-search button:hover {
    background-color: #c2185b;
}

.widget_archive a::before,
.widget_categories a::before,
.widget_recent_entries a::before,
.widget_meta a::before,
.widget_recent_comments li::before,
.widget_rss li:before,
.widget_pages li:before,
.widget_nav_menu li:before,
.widget_product_categories a::before {
    color: #333333;
    content: "\f187";
    font-family: "FontAwesome";
}

.widget_meta a::before,
.widget_nav_menu li:before {
    content: "\f138";
}

.widget_categories a::before,
.widget_product_categories a::before {
    content: "\f07b";
}

.widget_recent_entries a::before {
    content: "\f101";
}

.widget_meta a::before,
.widget_nav_menu li:before {
    content: "\f138";
}

.widget_recent_comments li::before {
    content: "\f086";
}

.widget_rss li::before {
    content: "\f09e";
}

.widget_pages li:before {
    content: "\f1ea";
}

footer .widget_text .textwidget {
    color: #fff;
}

footer {
    overflow: hidden;
    color: #999;
    background: #444;
}

footer .widget-title {
    position: relative;
    font-size: 16px;
}

footer .widget-title:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 30px;
    height: 1px;
    background: #ff3366;
    z-index: 9;
}

footer .widget-title:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #999;
    z-index: 2;
}

.payment-accept {
    padding: 0px 10px;
    text-align: center;
    margin-bottom: 40px;
}

.payment-accept h3 {
    text-align: left;
}

.payment-accept img {
    display: inline-block;
    max-height: 40px;
    width: auto;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.payment-accept img:last-of-type {
    margin-right: 0;
}

@media (max-width: 1020px) {
    .header-two .woocommerce-product-search {
        margin-top: 30px;
    }
}