/**
Theme Name: Camera Store
Theme URI: https://themepalace.com/downloads/camera-store/
Author: themepalace
Author URI: https://themepalace.com
Version: 1.0.4
Requires PHP: 5.6
Tested up to: 5.8
Requires at least: 5.0
Template: stortech
Text Domain: camera-store
Description: Camera Store ( Child Theme of Stortech ) theme is a suitable theme for shops, eCommerce sites, and other corporate business sites. It could be used for all types of eCommerce online stores, including mobile and gadgets stores, shoes, watch, sports equipment, technology, digital product store, cradle toys, handbags, smartwatch, hardware, book shop, cosmetics shop, jewelry shop, baby store, kitchen online shop, furniture shop, digital product store, etc. You can create your online store easily with all the basic options. The theme is modern, elegant, sophisticated, minimal, and retina-ready in design. It is coded with clean and secure codes. It is a user-friendly theme that offers many options for customization and personalization. As the theme is compatible with WooCommerce you can instantly add useful functionalities to your online store. Camera Store is fully responsive and cross-browser compatible, meaning it will look great on all devices and screen sizes regardless of browsers and their versions. Plus, it is well optimized for SEO and page loading speed. Download Camera Store now and grow your business like never before.
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: translation-ready, custom-background, theme-options, custom-menu, threaded-comments, featured-images, footer-widgets, editor-style, right-sidebar, full-width-template, two-columns, grid-layout, custom-colors, custom-header, custom-logo, featured-image-header, blog, portfolio, entertainment

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.
*/


body.child.product {
    background-color: transparent;
    color: #333;
}

/*--------------------------------------------------------------
#  Introduction
--------------------------------------------------------------*/
.product .main-navigation svg.icon-down, 
.product .icon-search, 
.product .icon-close {
    fill: #010101;
}
.product .section-header {
    margin-bottom: 20px;
}
.product .section-title {
    font-size: 42px;
    color: #333;
}
#introduction .entry-container {
    text-align: center;
}
#introduction .entry-container {
    text-align: center;
}
#introduction .entry-header {
    margin-bottom: 40px;
}
#introduction .entry-container .entry-title a,
#introduction .entry-content span {
    color: #333;
}
#introduction .entry-container .entry-title a:hover {
    color: #e93f4a;
}
#introduction .entry-container .entry-header span {
    font-size: 28px;
    font-weight: 500;
}
#introduction .entry-content {
    max-width: 690px;
    margin: 30px auto auto;
    font-size: 21px;
}

/*--------------------------------------------------------------
#  Gallery
--------------------------------------------------------------*/
.product #camera-masonry .customize-partial-edit-shortcut button {
    left: -5px !important;
}
#gallery article,
#cta .section-content {
    color: rgb(255 255 255 / 0.70);
}
#gallery article,
#design article,
#zoom article {
    position: relative;
    display: table;
    width: 100%;
}
#gallery article.has-post-thumbnail .featured-image,
#design article.has-post-thumbnail .featured-image,
#zoom article.has-post-thumbnail .featured-image {
    position: relative;
    padding-bottom: 100%;
    background-size: cover;
    background-position: 50%;
}
#gallery article.has-post-thumbnail .entry-container,
#gallery article.no-featured-image .entry-container {
    padding: 30px;
    position: relative;
    background-color: #111111;
}
#gallery .section-header {
    text-align: left;
    margin: 0 0 10px 0;
    color: #fff;
}
#gallery .section-title {
    font-size: 52px;
    color: #fff;
    line-height: 1.1;
}
#gallery .entry-content {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.2
}
#gallery .btn {
    border-color: rgb(255 255 255 / 0.70);
    color: rgb(255 255 255 / 0.70);
}
#gallery .btn:hover {
    color: #fff;
    border-color: #e93f4a;
}

/*--------------------------------------------------------------
#  Cta
--------------------------------------------------------------*/
#cta {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    padding: 200px 0;
    position: relative;
}
.cta-wrapper {
    position: relative;
    max-width: 550px;
}
.cta-wrapper .section-header {
    text-align: left;
}
.product #cta .section-title {
    color: #fff;
}
.menu-label {
    margin-right: 10px;
}

/*--------------------------------------------------------------
#  Camera masonry
--------------------------------------------------------------*/
#camera-masonry .grid {
    margin: 0 -15px;
}
#camera-masonry .grid article {
    width: 100%;
    padding: 0 15px;
    margin-bottom: 30px;
}
#camera-masonry .section-header {
    text-align: left;
    margin-bottom: 15px;
    max-width: 100%;
}
#camera-masonry .section-content {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.2;
}
#camera-masonry .featured-image {
    padding: 178px 0;
}
/*--------------------------------------------------------------
#  Services
--------------------------------------------------------------*/
#services .section-header {
    max-width: 600px;
}
#services .section-header .section-title {
    margin-bottom: 15px;
}
#services .section-header p {
    font-size: 24px;
}
#services .featured-image {
    margin: 60px 0;
}
#services svg {
    fill: #333;
    width: 50px;
    height: 50px;
}
#services .service-icon {
    margin-bottom: 30px;
}
#services .service-icon a {
    color: #333;
    font-size: 50px;
}
#services .service-icon a:hover svg {
    fill: #e93f4a;
}
#services .entry-title {
    font-size: 32px;
    margin: 0 0 10px 0;
    font-weight: 500;
}
#services .entry-title a {
    color: #333;
}
#services .entry-title a:hover,
#services .entry-title a:focus {
    color: #e93f4a;
}
#services .entry-content,
#design p {
    font-size: 18px;
}

#design .section-header,
#zoom .section-header {
    text-align: left;
}
#design .btn:hover, 
#zoom .btn:hover {
    color: #fff;
}
#similar-product {
    text-align: center;
}
.product.woocommerce ul.products li.product, 
.product.woocommerce-page ul.products li.product {
    padding: 0 30px;
    width: 100%;
}
.product #similar-product .entry-container {
    padding-top: 40px;
}
.product.woocommerce ul.products li.product .product-meta a,
.product.woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: #333;
}
.product.woocommerce ul.products li.product .product-meta a:hover,
.product.woocommerce ul.products li.product .woocommerce-loop-product__title:hover,
.product.woocommerce ul.products li.product .price {
    color: #e93f4a;
}
.product.woocommerce ul.products li.product .woocommerce-loop-product__title,
.product.woocommerce ul.products li.product .price {
    font-size: 18px;
}
.product ul.colors li:nth-child(1n) span {
    background-color: #322f2f;
}
.product ul.colors li:nth-child(3n) span {
    background-color: #ababab;
}
.product ul.colors li:nth-child(2n) span {
    background-color: #717171;
}
#similar-product .btn.btn-fill {
    border-color: #e93f4a;
    color: #e93f4a;
}
#similar-product .btn.btn-fill:hover {
    border-color: #e93f4a;
    color: #fff;
}
.product #colophon {
    background-color: #111;
}
.product #colophon .widget-title, 
.product #colophon .widgettitle {
    color: #fff;
}
.woocommerce ul.products li.product .onsale {
    left: 30px;
}
.product #colophon {
    background-color: #eee;
}
.product #colophon .widget-title, 
.product #colophon .widgettitle {
    color: #000;
}

 @media screen and (min-width: 767px) {
    #gallery article.has-post-thumbnail .featured-image, 
    #design article.has-post-thumbnail .featured-image {
        width: 55%;
        display: table-cell;
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        padding-bottom: 0;
    }
    #gallery article.has-post-thumbnail .entry-container {
        width: 45%;
        float: left;
        display: table-cell;
        padding: 50px 50px 70px;
    }
    #zoom article.has-post-thumbnail .featured-image {
        width: 50%;
        display: table-cell;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        padding-bottom: 0;
    }
    #design article.has-post-thumbnail .entry-container, 
    #zoom article.has-post-thumbnail .entry-container {
        width: 50%;
        float: left;
        display: table-cell;
        padding: 80px 80px 80px 0;
    }
    #zoom article.has-post-thumbnail .entry-container {
        padding: 80px 0 80px 80px;
        float: right;
    }
    #camera-masonry article {
        width: 50%;
        height: 600px;
        overflow: hidden;
    }
    #camera-masonry article:first-child,
    #camera-masonry article:nth-child(3) {
        height: 300px;
    }
    #camera-masonry .grid article:first-child {
        margin-bottom: 0;
    }
    #camera-masonry article .section-header,
    #camera-masonry article .section-content {
        padding-right: 15px;
    }
    #camera-masonry .featured-image {
        height: 100%;
    }
    .product.woocommerce ul.products li.product, 
    .product.woocommerce-page ul.products li.product {
        width: 33.33%;
    }

 }

@media screen and (min-width: 992px) {
    #introduction .entry-title {
        font-size: 52px;
    }
}

@media screen and (min-width: 1024px) {
    .product .main-navigation a,
    .product #login-register svg {
        color: #010101;
        fill: #010101;
    }
    #camera-masonry article:nth-child(1) {
        height: 356px;
    }
    #camera-masonry article:nth-child(2) {
        height: 734px;
    }
    #camera-masonry article:nth-child(3) {
        height: 378px;
    }
    #camera-masonry article {
        height: 740px;
    }
    #camera-masonry article:nth-child(n+4) {
        width: 33.33%;
    }
    #camera-masonry .section-title {
        font-size: 52px;
        line-height: 1;
        margin-bottom: 23px;
    }
    #camera-masonry article .section-header, 
    #camera-masonry article .section-content {
        max-width: 525px;
        margin: 0;
    }
}

@media screen and (min-width: 1200px) {
    #site-navigation {
        text-align: right;
        width: 60%;
    }
}

@media screen and (max-width: 1023px) {
    .product .menu-toggle svg {
        fill: #000;
    }
    .menu-toggle.active span,
    .product .menu-toggle.active svg {
        color: #fff;
        fill:#fff;
    }
}