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

#custom_html-7 a {
display: block; margin: 30px 0}

#custom_html-8 i {
font-size:30px}

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

.top-bar svg {
position: absolute; left: -30px; top: 0;     fill: none!important}

.top-bar a , .top-bar .textwidget{
position: relative}

#content {
    padding-top: 60px; clear: both
}

body #menu-item-85 svg, body #menu-item-86 svg, body #menu-item-84  svg{
    fill: none!important
}
.below-content .widget {
text-align: center; } 

.below-content .widget i{
    color: #e30b5c;  font-size: 28px; margin-top: 10px; 
}
.site .below-content .widget .widget-title {
font-size: 18px!important}

#text-3 i {
font-size: 30px; margin-right: 20px}


.home #content {
    padding-top: 0px!important
} 
.site footer.site-footer .widget .widget-title {
font-size: 18px!important; letter-spacing: 0!important}
/* 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 */
    
html#ecwid_html body#ecwid_body .ec-size.ec-size--l .ec-store h1, html#ecwid_html body#ecwid_body .ec-size.ec-size--l .ec-store .ec-header-h1 {
font-size: 40px!important;}
    
    
    .below-content {
padding: 6em 0!important}
  
    .shoptimizer-primary-navigation, #site-navigation {
display: block; width: 100%; text-align: center}
    
    footer.site-footer {
    padding: 6rem 0!important;
}
}


* ipad landscape ----------- */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    /* STYLES GO HERE */
}


/* ipad potrait  ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* STYLES GO HERE */
}


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

@media only screen and (max-width: 993px) {
    .top-bar-left, .top-bar-center {
        display: none!important
}
       
   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: 680px) {
.mobvile {
    display: block; margin: 10px 0
}
	
	.mobvile  {
position: absolute; top: -73px; right: 20px; z-index: 30}
	
	#masthead {
position: relative}
	
}