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

.post .wp-post-image, .search-results .wp-post-image {
margin: 0 0 30px 0!important }

.entry-header {
    margin-top: 30px
}
.gform_legacy_markup_wrapper .gform_footer input.button, .gform_legacy_markup_wrapper .gform_footer input[type=submit], .gform_legacy_markup_wrapper .gform_page_footer input.button, .gform_legacy_markup_wrapper .gform_page_footer input[type=submit] {
    background: #00387b
}

.fullwidthsection h3 {
    color: #00387b
}
.gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
border-radius: 0}

.gform_legacy_markup_wrapper {
float: left; width: 100%; background: #eee; padding: 20px}




.slider {
clear: both; width: 100%;  padding: 10% 0;
background-size: cover!important;
text-align: center}

a.button {
    background: #f29400
}
a.button:hover {
   background: #00387b}
.services a.button:before {
     font-family: "Font Awesome 5 Pro"; font-weight: 400; content: "\f019"; margin-right: 20px
}

#anc-6310-4-6:after {
content: "%"}

#anc-6310-4-5:after {
    content: " million kgs"
}

#anc-6310-4-6:before {
content: "> "}

#label_2_10_1 {
font-size: 12px; padding-left: 10px}


.services a.button {
margin-bottom: 10px}

.services  h2 {
text-align: center}


#blue, #blue h2, #blue p {
color: #fff; }

#text-4 hr {
display: block; clear: both; margin: 20px 0; width: 100%}

#text-4 a:hover {
color: #f29400!important}

.blog header.entry-header.title {
    display: block!important; padding-top: 50px
}
h2.entry-title, h2.entry-title a {
color: #00387b!important}

.fullwidthsection {
padding: 60px 0; clear: both; float: left; width: 100%}

.home .subpages {
margin-top: 60px}

#secondary>.widget:first-child .widget-title{
    background: #f29400; padding: 10px 20px!important; display: block; color: #fff; margin-bottom: 20px;
    font-size: 18px
}

#secondary {
margin-top: 60px}

#text-4 .textwidget {
padding-left: 20px}


a.box:hover {color: #fff; opacity: .7}

.subpages {
background-image: url(images/globe.jpg); background-size: cover!important;
background-attachment: fixed; background-position: top 600px left 0}

.banner h1 {
color: #fff}

button, .button, input[type=submit], ul.products li.product .button, .woocommerce #respond input#submit.alt, .product .cart .single_add_to_cart_button, .widget_shopping_cart a.button.checkout, .main-navigation ul.menu li.menu-item-has-children.full-width > .sub-menu-wrapper li a.added_to_cart, div.wpforms-container-full .wpforms-form button[type=submit], ul.products li.product .added_to_cart, .woocommerce-cart p.return-to-shop a, .elementor-row .feature a, .image-feature figcaption span {
background-color: #00387b}

hr {
display: block; clear: both; width: 100%; float: left}

#truckbg .button {
clear: both; display: inline-block; background: none; color: #00387b; border: 1px solid #00387b
}

#truckbg .button:hover {
    background: #00387b; color: #fff
}
#truckbg  p {
clear: both
}


.banner  {
padding: 10% 0 40px; background-size: cover!important}
.subpages h2 {
color: #fff; text-align: center; border: none!important}


.header-4-container .header-4-inner {
max-width: 1500px!important; margin: 0 auto }

.home.header-4 .header-4-container{
box-shadow: none!important}

.intro {
padding: 20px; max-width: 1000px; margin: 0 auto}

.intro p, .intro {
    font-size: 18px; color: #fff
}

a.box {
width: 23%; margin: 1%; padding: 40px 30px; box-sizing: border-box; text-align: center; color: #fff;  
background: rgba(0, 56, 123, 0.8);; display: inline-block; float: left; min-height: 250px
}

a.box  h3 {
color: #fff; text-transform: uppercase}
.intro h1 {
text-transform: uppercase; color: #fff; font-weight: bolder!important }

.intro .button {
color: #fff; background: none; border: 2px solid #fff; font-weight: bolder; text-transform: uppercase;
padding: 15px 60px}

.intro .button:hover {
background: #1f75ba}

.entry-content a.button {
color: #00387b; background: none; border: 1px solid #00387b}

.below-content {
background: #1f75ba; color: #fff; text-align: center; text-transform: uppercase; font-weight: bolder}

.below-content a.button {
background: none; color: #fff; border: 1px solid #fff; margin: 0 20px}

.below-content a.button:hover {
opacity: .7}
.home .entry-content {
padding: 60px 0}
footer:last-child:not(:only-of-type) {
margin-top: 0; background: #072b57}

    .imagebox {
width: 100%; height: 400px; background-size: cover!important; float: left; margin-bottom: 20px
}

.site-footer, .site-footer a, .site-footer p {
font-size: 16px!important}

.fullwidthsection h2 {
font-weight: 900!important; max-width: 900px; margin-left: auto; margin-right: auto}

#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-title2, #bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-ecommerce2 {
font-size: 22px!important;
    font-weight: 600!important;
    margin-top: 20px;
font-family: Inter!important;
    color: #00387b!important;}

#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-item1 {
border: 3px solid #eee}

#truckbg {
background-color: #d5d5d5; background-image: url(images/trucks.jpg); background-repeat: no-repeat; background-position: center top}

h3.ea-header img {max-width: 90px; float: right}

#sp-ea-1040 h3  img {
    max-width: 50px;
}

.sp-easy-accordion .sp-ea-single .ea-header:hover {
opacity: .7}

#sp-ea-1040.sp-easy-accordion>.sp-ea-single>.ea-header a, #sp-ea-1040.sp-easy-accordion>.sp-ea-single>.ea-header a i, #sp-ea-1040.sp-easy-accordion>.sp-ea-single>.ea-header a .ea-expand-icon.fa {
color: #fff}
#sp-ea-1045.sp-easy-accordion>.sp-ea-single>.ea-header a, #sp-ea-1045.sp-easy-accordion>.sp-ea-single>.ea-header a i, #sp-ea-1045.sp-easy-accordion>.sp-ea-single>.ea-header a .ea-expand-icon.fa {
color: #fff}


footer .widget .widget-title {
font-size: 18px!important; font-weight: bolder!important; letter-spacing: 0!important}

footer.copyright p {
font-size: 14px}

.fullwidthsection .textbox {
padding: 2.5%; background: #fff}

.fullwidthsection .textbox, .fullwidthsection .textbox p {
font-size: 16px}


.ea-body img {
display: block;  float: none}


/* 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) {
    
    .fullwidthsection h2 {
font-size: 35px!important}
    
    .imagebox {
width: 50%; height: 600px; background-size: cover!important; float: left; background-position: top center!important}
    
    .fullwidthsection .textbox h2 {
        max-width: 100%
}
    .fullwidthsection .textbox {
 float: left; box-sizing: border-box; width: 50%; height: 600px}
    
    #blue .threecol-two {
        padding: 60px 40px
}
    
    #nav-menu-item-69 a {
padding-left: 20px; padding-right: 20px}
    
    .banner h1 {
font-size: 50px}
    
    
    /* Desktop styles go below this line */
    
    a.box  i {
font-size: 60px}
    
    .twocol-one h2 {
margin-top: 50px; margin-bottom: 40px!important}
    
    
    .main-navigation ul.menu, .main-navigation ul.nav-menu {
margin-top: 50px}
    
    .header-4 .menu-primary-menu-container > ul > li > a, .header-4 .search-trigger {
line-height: 300%!important}
    
    #nav-menu-item-69 a {
background: #f29400 }
    
    .menu-primary-menu-container>ul.menu {
float: right; margin-right: 40px}
    
    .intro h1  {
font-size: 60px; font-weight: bolder}
    
    .intro  {
margin-top: 380px}
    
    .home .slider {
margin-top: -150px}
    
    .home .header-4-container {
background: none!important; border: none!important}

  
   
}

@media only screen and (max-width: 1446px) {
    a.box h3 {
font-size: 19px}
}

@media only screen and (max-width: 1031px) {
    a.box  {
width: 48%}
    
        a.box h3 {
font-size: 22px}
}



@media only screen and (max-width: 992px) {
    
    a.box {
min-height: 210px}
    a.box i {
font-size: 34px}
        a.box h3 {
font-size: 18px}
    
}
@media only screen and (max-width: 640px) { 
    
    a.box h3 {
font-size: 14px!important}
    .anc-6310-counter-4-count-number {
font-size: 26px!important}
}