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


span.optional {
    display: none !important
}

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

body #mailchimp-gdpr-fields {
    display: none !important
}

body table td,
body table th {
    font-size: 21px;
    padding: 10px;
    border: 1px solid #ccc
}

.post .wp-post-image {
    margin-top: 0
}

.header_social,
.phone {
    position: relative;
    z-index: 10
}

.form-row label {
    font-size: 18px !important;
    font-weight: normal
}

.fooevents-attendee-number:after {
    font-size: 18px;
    content: "Please note we require your email address in order to send you the course details. Your email address will be added to our Mailchimp mailing list. You can unsusbscribe at any time. ";
    display: block;
    font-weight: normal
}

#gform_fields_4 fieldset {
    padding-left: 0
}

.woocommerce-order-received table.woocommerce-table--order-details tbody tr:last-child td,
.woocommerce-order-received table.woocommerce-table--order-details tbody tr:last-child th {
    padding: 10px !important
}

#field_4_10 {
    display: none
}

body p,
body h2 {
    white-space: normal !important;
}

body .helpie-faq.accordions .accordion .accordion__item .accordion__body p {
    font-weight: lighter !important
}

footer.copyright {
    background: rgba(78, 104, 112, 0.84) !important
}

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

.bannerpage .entry-header {
    display: none
}

#post-238817,
#post-238841 {
    padding-top: 40px
}

#page .product .woocommerce-product-gallery,
.single-product div.product .images {
    width: 30% !important;
}

div.product .summary {
    width: 56% !important
}

.page-id-239755 .entry-title {
    text-align: center
}

#gform_wrapper_3 {
    margin: 0 auto;
    background: #eee;
    padding: 20px;
    max-width: 800px
}

body {
    line-height: 1.5 !important
}

#backgroundimage,
#backgroundimage p,
#backgroundimage h2,
#backgroundimage h3,
#backgroundimage a {
    color: #fff
}

#gform_wrapper_1 {
    max-width: 800px;
    margin: 20px auto
}

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

.home .strong-view.wpmtst-simple .wpmtst-testimonial-inner {
    text-align: center
}

#backgroundimage {
    background-size: cover !important
}

.home .wpmslider-wrapper {
    max-width: 900px !important;
    margin: 0 auto !important
}

#greenbanner {
    padding: 60px 0
}

#greenbanner p {
    margin-bottom: 0
}

#who .button {
    background: none;
    border: 1px solid #000;
    color: #000
}

.imagebox {
    min-height: 600px;
    width: 50%;
    float: left;
    background-position: center !important;
    background-size: cover !important
}

.page-id-238576 .imagebox {
    width: 35%
}

.page-id-238576 .textbox {
    width: 65%;
    padding-top: 0
}

.textbox {
    padding: 40px;
    float: left;
    width: 50%;
    box-sizing: border-box
}

#greenbanner a {
    border: 2px solid #fff
}

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

body.header-4:not(.full-width-header) .header-4-inner {
    max-width: 1400px !important
}

.homebanner {
    clear: both;
    width: 100%;
    position: relative;
    height: 800px
}

.bannerhomeimage {
    width: 65%;
    height: 100%;
    position: absolute !important;
    background-size: cover !important;
    background-position: center !important
}

.bannerhometext {
    width: 35%;
    height: 100%;
    position: absolute !important;
    background-size: cover !important;
    background-position: center !important
}

.bannerhometext:before {
    width: 300px;
    background: #a7bbba;
    content: "";
    left: -100px;
    top: 0;
    position: absolute;
    height: 100%;
    -moz-transform: skewx(30deg);
    z-index: 0;
    -webkit-transform: skewx(-10deg);
}

.bannerhometext {
    right: 0;
    text-align: right;
    background: #a7bbba;
    padding: 10% 5%
}

.bannerhometext,
.bannerhometext p,
.bannerhometext a,
.bannerhometext h1 {
    color: #fff;
    position: relative;
    z-index: 1
}

.bannerhometext,
.bannerhometext p,
.bannerhometext a {
    font-size: 40px
}

.services.fullwidthsection {
    padding: 0
}

.single-product .site-content .col-full {
    background: none !important
}

div.product .summary {
    margin-bottom: 0 !important
}

body #ffw-main-wrapper .ffw-accordion .ffw-accordion-item .ffw-button,
body #ffw-main-wrapper .ffw-accordion .ffw-accordion-item .ffw-button {
    color: #111 !important
}

body #ffw-main-wrapper .ffw-accordion .ffw-accordion-item .ffw-button {
    font-size: 24px !important
}

.single-product .strong-view.wpmtst-modern.controls-type-sides .wpmtst-testimonial-inner {
    background: #e4eceb;
    margin-bottom: 40px
}

body #ffw-main-wrapper .ffw-accordion .ffw-classic-answer p,
body #ffw-main-wrapper .ffw-accordion .ffw-classic-answer li {
    font-size: 18px
}

#page .woocommerce-tabs ul.tabs li a {
    font-size: 30px !important
}

.services a {
    display: inline-block;
    float: left;
    width: 31.3%;
    margin-right: 2%;
    color: #fff;
    box-sizing: border-box;
    padding: 40px;
    margin-bottom: 30px
}

.services a:last-child {
    margin-right: 0
}

.services a:hover {
    color: #fff;
    opacity: .6
}

.services i {
    font-size: 60px
}

.services h3 {
    color: #fff
}

.bannerhometext h1 {
    font-size: 100px;
    margin-bottom: 20px
}

.header-4-container {
    border-top: 15px solid #30777a
}

#post-238817 {
    padding-bottom: 60px
}

.woocommerce-message .message-inner,
.woocommerce-cart .woocommerce-message {
    background: #30777a !important
}

.homebanner p {
    margin-bottom: 0
}

.pt-cv-edit-post,
.pt-cv-edit-view {
    display: none !important
}




@media only screen and (max-width: 1450px) {
    .bannerhometext h1 {
        font-size: 70px
    }

}


a.custom-logo-link {
    position: relative;
    z-index: 1
}

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

    #sara .imagebox {
        float: right
    }

    .bannerimage h1 {
        font-size: 100px
    }

    #bigtext p {
        font-size: 36px
    }


    .header-4 .menu-primary-menu-container > ul > li > a,
    .header-4 .search-trigger {
        line-height: 130px !important;

    }



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

}


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

    .menu-primary-menu-container > ul > li > a,
    .site-header-cart .cart-contents {
        font-size: 19px !important
    }

    .homebanner {
        height: 600px
    }

    .menu-toggle .bar-text {
        font-size: 20px !important;
        margin-top: 0 !important
    }

}

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

    .homebanner h1 {
        font-size: 50px
    }

}

.pswp__caption {
    display: none !important
}


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

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

    #page .product .woocommerce-product-gallery,
    .single-product div.product .images,
    div.product .summary {
        width: 100% !important
    }

    .imagebox {
        min-height: 600px;
        width: 100%;
        float: left;
        background-position: center !important;
        background-size: cover !important
    }

    .textbox {
        padding: 40px;
        float: left;
        width: 100%;
        box-sizing: border-box
    }



    .homebanner {
        height: 500px
    }

    .bannerhometext,
    .bannerhometext p,
    .bannerhometext a {
        font-size: 30px
    }

    .bannerhometext {
        padding: 15% 30px
    }


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

#text-2,
#text-2 a,
#text-2 p {
    font-size: 14px;
    color: #fff;
    text-align: left
}

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

    .services a {
        margin-right: 0;
        width: 100%
    }

}

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

.woocommerce-breadcrumb {
    display: none
}

.woocommerce-product-details__short-description p {
    font-size: 22px !important;
    line-height: 1.8
}

.woocommerce-page .woocommerce-breadcrumb {
    display: block;
    padding-bottom: 40px !important
}

.woocommerce-page .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb p,
.woocommerce-page .woocommerce-breadcrumb aa {
    font-size: 16px
}

.bannerimage h1 {
    color: #fff;
}

.banner .entry-header {
    padding: 40px 0 20px;
    border-bottom: 1px dotted #6b8187;
    margin-bottom: 20px
}






.entry-content h2 {
    color: #6b8187
}

#whitetext,
#whitetext p,
#whitetext h2 {
    color: #fff
}

#jill,
#sara {
    padding: 60px 0 30px;
    clear: both
}

footer:last-child:not(:only-of-type) {
    margin-top: 0 !important;
    background: #6b8187
}

.bannerimage {
    text-align: left;
    padding: 10% 0 15%;
    background-size: cover !important;
    background-position: center
}

.page-id-238380 .bannerimage {
    padding: 10% 0 25%;
}

#folding {
    padding: 10% 0 40% 0;
    background-size: cover !important
}

.single-post table td,
.single-post table th {
    border: 1px solid #ccc
}


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



    .bannerhometext {
        text-align: center
    }

    .homebanner {
        height: auto
    }

    .textbox,
    .imagebox,
    .page-id-238576 .imagebox,
    .page-id-238576 .textbox {
        min-height: 600px;
        margin-bottom: 20px;
        width: 100%;
        clear: both
    }

    .homebanner h1 {
        font-size: 60px !important
    }

    .bannerhometext {
        padding: 5% 30px;
    }

    .imagebox {
        min-height: 400px;
    }

    .bannerhomeimage,
    .bannerhometext {
        width: 100%;
        min-height: 250px;
        position: relative !important;
        clear: both;
        background-size: cover !important;
        background-position: center !important;
    }

    .bannerhomeimage {
        min-height: 500px;
    }

}

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

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

    .textbox {
        padding: 20px !important
    }

    .strong-masonry.columns-2 .wpmtst-testimonial,
    .strong-masonry.columns-2 .grid-sizer {
        width: 100% !important
    }

    .bannerhomeimage {
        min-height: 400px;
    }

    .imagebox {
        min-height: 300px;
    }

    #jill .imagebox,
    #sara .imagebox {
        min-height: 400px;
    }


}