/*
Theme Name: Shoptimizer Child Theme
Theme URI: 
Description: Child theme of Shoptimizer
Author: CommerceGurus
Author URI: 
Template: shoptimizer
Version: 1.1.0
*/

img.custom-logo {
    image-rendering: auto;
}

#cmplz-document {
max-width: 100%!important}

.bannerpage .entry-header {
    display: none
}
body a {
 transition: all 0.5s ease;}

.secondary-navigation .menu li:not(.ri) a {
padding-top: 0!important}

.secondary-navigation .menu a {
font-size: 20px!important; color: #c99e25!important}

.secondary-navigation .menu a:hover {
color: #eee!important}

#secondary>.widget:first-child .widget-title {
text-transform: uppercase; color: #09261e; font-weight: bolder}



.woocommerce-info, .woocommerce-noreviews, p.no-comments {
background-color:#dc9814!important }

#menu-product-categories li a {
display: block; padding: 15px 0; border-bottom: 1px solid #eee}

.below-content {
    background-color: #09261e; background-image: url(images/twirl.png); background-repeat: no-repeat
}
.below-content .textwidget, .below-content.textwidget p {
    color: #fff; text-align: center
}

.below-content i {
    color: #c09723; display: block; clear: both; font-size: 40px; margin-bottom: 20px
}
.below-content {
padding: 60px 0!important}

body.page-template-default .archive-header, body.single-post .archive-header {
margin-bottom: 0!important}


.elementor-widget-image-box a:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } 

.elementor-widget-image-box a:hover, .elementor-widget-image-box:hover {
    opacity: .5;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}
.site footer.site-footer .widget .widget-title, .site-footer .widget.widget_block h2 {
font-size: 21px!important; text-transform: uppercase; font-weight: bolder}
.product__categories a {
    color: #C99E25!important; font-family: "Crimson Pro", Sans-serif; font-size: 16px!important
}
ul.products li.product .woocommerce-LoopProduct-link {
font-size: 18px!important}

footer:last-child:not(:only-of-type) {
margin-top: 0; background: #F6F4F0}





/* DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */

@media only screen and (min-width: 993px) {
    /* Desktop styles go below this line */
  
   
}

@media only screen and (min-width: 770px) {
    #page .product .woocommerce-product-gallery, .single-product div.product .product-details-wrapper .images {
        width: 48%!important
    }
    div.product .summary {
width: 50%!important}
}





/* Smartphones (landscape & portait) ----------- */

@media only screen and (max-width: 993px) {
    

    
       
   footer .col-full {
    display: block !important;
    padding-right: 1em !important;
    padding-left: 1em !important;
    max-width: 100% !important;
}
    footer .widget {
        width: 100%!important; margin-bottom: 30px!important
    }
}


/* Smartphones (portait) ----------- */

@media only screen and (max-width: 360px) {}