/*
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;
}
.gt_selector {
margin-left:20px}
#cmplz-document {
max-width: 100%!important}

.bannerpage .entry-header {
    display: none
}
.top-bar select {
padding: 5px}
body .col-full.topbar-wrapper {
background: #5AC2C5!important; border-color: #5AC2C5!important; padding: 6px 0!important}
body a {
 transition: all 0.5s ease;}

.gform_required_legend {
display: none!important}



.top-bar .widget-title {
    padding-top: 5px!important
}
.top-bar, .top-bar a {
color: #fff!important}

.secondary-navigation .menu span {
display: block; clear: both}

.secondary-navigation .menu  i, .elementor-24 .elementor-element.elementor-element-f9cf1fc .elementor-heading-title {
    color: #5ac2c5!important
}

.shoptimizer-archive > .col-full > div > .elementor-top-section:first-child {
background-color: #0c243c!important}


.elementor-widget-accordion .elementor-accordion-title {
color:#0c243c!important }
#menu-item-484 a {
max-width: 138px; top: 5px; display: block}

body .elementor-tab-title {
    background: #5ac2c5!important
}
.elementor-widget-icon-box a:after { content: ""; display: block !IMPORTANT; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } 

.elementor-widget-icon-box:hover {
opacity: .7!important}
.greenbox {
float: left; clear: both; width: 100%; background:#0c243c; padding: 40px 20px; margin: 40px 0!important; font-size: 14px;
color: #fff!important; border-bottom: 10px solid #5ac2c5}

.greenbox p, .greenbox a , .greenbox i {
color: #fff!important}
.below-content .widget p {
padding-left: 0!important; font-size: 18px!important; color: #687585}

.lefty {margin-bottom: 30px}

footer.site-footer a:not(.button):hover, footer.copyright a:hover {
color:#5ac2c5!important }

footer.site-footer li a:after {
    border-color:#5ac2c5!important
}

.elementor-view-stacked .elementor-icon {
background: #5ac2c5!important}

.home .below-content {
background:#fff; margin-top: 80px; padding-top: 80px!important; padding-bottom: 80px!important}

.below-content {
background:#fff; }


#custom_html-2 img {
margin-bottom: 40px}

.site .below-content .widget .widget-title {
color: #0C243C;
    margin-bottom: 40px!important;
    font-family: playfair display,Sans-serif;
    font-size: 42px!important;
    font-weight: 600;
    line-height: 77px; padding-left: 0!important}
.strong-view.wpmtst-modern .wpmtst-testimonial-content {
font-size: 18px!important; font-style: normal!important; color: #687585}
.secondary-navigation .menu li:not(.ri) a {
padding-top: 0!important}

.gform_wrapper.gravity-theme .gfield_label {
font-size: 14px!important; font-weight: normal!important}
 .gform_wrapper.gravity-theme .field_sublabel_above .description, .gform_wrapper.gravity-theme .field_sublabel_above .gfield_description, .gform_wrapper.gravity-theme .field_sublabel_above .gsection_description {
font-size: 14px!important}
.secondary-navigation .menu li:not(.ri) a:hover {
      color: #7f8a9c; 
}
body input[type=email], body input[type=password], body input[type=tel], body input[type=text], body input[type=url], body textarea {
border-radius: 0!important}
.gform_wrapper.gravity-theme .gform_footer input {
border-radius: 0!important}
.gform_wrapper.gravity-theme .gform_footer input:hover {
background: #7f8a9c!important; color: #687585!important }
.strong-view.wpmtst-modern .wpmtst-testimonial-field.testimonial-name {
font-weight: bold!important}
.strong-view.wpmtst-modern .wpmtst-testimonial-image {
margin-top: 30px}

.strong-view.wpmtst-modern .wpmtst-testimonial-content:after, .strong-view.wpmtst-modern .wpmtst-testimonial-content:before , .strong-view.wpmtst-modern .wpmtst-testimonial-content:before{
content: none!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 */
    
    li.menu-item-gtranslate {
position: absolute!important; right:5%!important; top: 30px!important}
    
    .menu-primary-menu-container {
position: relative!important}
    
    .gt_float_switcher {
margin-top: -30px!important; box-shadow: none!important; font-size: 16px!important}
    
    .gt_float_switcher img {
max-width: 20px}
    
    .lefty {
width: 48%; margin-right: 2%; float: left}
    
    .shoptimizer-primary-navigation {
display: block!important}
    .col-full-nav  {
text-align: center}
    
    .below-content .widget {
        padding: 80px!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: 780px) {
    
    .elementor-element-fc90799 {
margin-bottom: -180px}
    
    .elementor-2 .elementor-element.elementor-element-6aa9036 {
top: -197px; padding-bottom: 20px!important}
    
    
    .home .elementor-widget-icon-box.elementor-position-left .elementor-icon-box-wrapper {
padding-bottom: 20px!important}
    .top-bar .widget-title{
display: none}
    
    .elementor-2 .elementor-element.elementor-element-6aa9036 > .elementor-widget-container {
padding: 20px!important}
    
    .top-bar select:before {
content: "Translate"; color: #fff}
    
    .top-bar .widget-title {
   font-size: 12px
}
    
    .top-bar {
padding: 0!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: 360px) {}
