/*
Theme Name: Jigsaw
Description: Jigsaw is a child theme by Myriad Media
Author: MyriadMedia
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

@import url('https://2809c7.claudeassets.com/20250117152853cs_/https://fonts.googleapis.com/css?family=Open+Sans:600&display=swap');

    .modalDiv{
        width: 900px;
        max-width: 100%;
        margin: 0 auto;
        position: relative;
        transition: all ease 0.3s;
        margin-top: 25px;
    }   
    .modalBodyDiv{
        background: #d0d0d0;
        padding: 30px 30px 25px;
        color: #000;
    }
    .modalDiv h1{
        text-transform: uppercase;
        font-weight: 400;
        text-align: center;
        margin: 0px;
        margin-bottom: 50px;
        position: relative;
        color: #000;
        font-size: 35px;
    }
    .modalDiv p{text-align: center;}
    .modalDiv h1:before{
        position: absolute;
        content: "";
        width: 200px;
        height: 8px;
        background: #ff7800;
        bottom: -20px;
        left: 50%;
        transform: translate(-50%);
    }
    .selectDiv{
        width: 550px;
        max-width: 100%;
        margin: 0 auto;        
    }
    .selectDiv select{
        width: 100%;
        border: 0px;
        border-bottom: 8px solid #ff7800;
        height: 50px;
        padding: 0 15px;
        font-size: 17px;
        font-weight: 700;
        color: #000;
    }
    .inputGroupDiv{
        width: 550px;
        max-width: 100%;
        margin: 0 auto;
        margin-top: 25px;
        display: flex;
        justify-content: space-between;
    }
    .inputGroupDiv .inputDiv{
        flex:0 0 30%;
        text-align: center;
    }
    .inputGroupDiv .inputDiv span{
        margin-bottom: 5px;
        display: block;
    }
    .inputGroupDiv .inputDiv input{
        border: 0px;
        border-bottom: 8px solid #ff7800;
        height: 90px;
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
        text-align: center;
        font-size: 25px;
        margin-bottom: 0;
    }
    input[type=number]::-webkit-inner-spin-button, 
    input[type=number]::-webkit-outer-spin-button {
      -webkit-appearance: none; 
      margin: 0; 
    }
    input[type="number"] {
        -moz-appearance: textfield;
    }

    .inputGroupDiv .inputDiv input:focus{
        outline: none;
    }
    .modalFooter{
         background: #464646;
        padding: 25px 50px 25px;
    }
    .modalMain{
        display: none;
    }
    .modalDiv .closeModal{
        position: absolute;
        top: 10px;
        right: 10px;
        border: 1px solid #000;
        color: #000;
        padding: 4px 15px;
        font-size: 14px;
        
    }
    .modalMain{
        position: fixed;
        left: 0;
        top: 0px;
        bottom: 0px;
        background: rgba(0,0,0,0.5);
        width: 100%;
        z-index: 9999;
    }
    .calculateDiv{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .calculateDiv > div{
        flex: 0 0 48%;
    }
    .calculateDiv .right{
        text-align: right;
    }
.calculateDiv .right a{
    border: 3px solid #ff7800;
    height: 60px;
    line-height: 55px;
    padding:0 15px;
    text-transform: uppercase;
    font-size: 17px;
    margin: 0px;
    text-decoration: none;
    display: inline-block;
    transition: all ease 0.3s;
}
.calculateDiv .right a.inputClick:hover{
    border: 3px solid transparent;
    background: #ff7800;
    color: #fff;
}
.calculateDiv .left{
    color: #fff;
    text-align: left;
}
.calculateDiv .left a{
    background: #ff7800;
    transition: all ease 0.3s;
    border: 3px solid transparent;
    padding: 10px 25px;
    color: #fff;
    text-transform: uppercase;
    margin-top: 10px;
    font-size: 17px;
    display: inline-block;
    clear: both;
}
.calculateDiv .left a:hover{
    border: 3px solid #ff7800;
    background: transparent;
}

.calculateDiv .left p{margin: 0px;text-align: left;}
.secondPart .calculateDiv .right a:last-child{
    background: #ff7800;
    color: #fff;
}
.secondPart .calculateDiv .right a{
    height: 55px;
    line-height: 50px;
}
.secondPart{
    display: none;
}
.calculateDiv .left p span {
    font-size: 35px;
    font-weight: 500;
}

.single-product .product-main .product-summary .is-divider{
    max-width: 74px;
}
.single-product .product-main .product-summary .product-page-price span.amount{
    font-size: 14px;
}
.single-product .product-main .product-summary .single_variation_wrap span.amount{
    font-size: 24px;
}
.single-product .product-main .product-summary .single_variation_wrap #wc-stripe-payment-request-wrapper{
    margin-bottom: 0;clear: none;display: inline-block;
}
.single-product .product-main .product-summary .single_variation_wrap .single_add_to_cart_button{
    display: inline-block;
}
.single-product .product-main .product-summary .product-page-price span.amount .woocommerce-Price-currencySymbol{
    vertical-align: super;
}



.homebackground {
	/*background-image: url("https://1c2e19.claudeassets.com/20250117152853im_/https://www.jigsawinfrared.com/wp-content/uploads/2019/05/infrared-background.jpg");*/
	background: url("https://91f9b1.claudeassets.com/20250117152853im_/https://www.jigsawinfrared.com/wp-content/uploads/2020/05/infrared-heating-home.jpg") no-repeat center top;
	background-size: cover;

}
.imageOverlay {background:rgba(0, 0, 0, 0.65);}
.bannerLeft h1 {font-size: 2.1em;}
.bannerLeft p {font-size: 1.6em;line-height: 33px;}
.bannerLeft .button {font-size: 1.3em;font-weight: 600;}
.bannerLeft .divider {margin-left: 0px!important;}

.bannerRight h4 {font-size: 2.3em;font-weight: normal;}
.bannerRight h4 strong {font-weight: 600;}
.bannerRight h5 {color: #f16501;font-size: 2.8em;font-weight: 600;}
.bannerRight p {font-size: 1.6em;font-weight: 600;margin: 0 0 10px;line-height: normal;}
.bannerRight ul {list-style: none;margin: 0; padding: 0;}
.bannerRight ul li {background: url(https://33c8a9.claudeassets.com/20250117152853im_/https://www.jigsawinfrared.com/wp-content/themes/jigsaw/img/tick.png) no-repeat left top;padding: 0 0 0 40px;font-size: 1.35em;margin: 0 0 10px;min-height: 32px;line-height: normal;}















@media screen and (max-width: 991px) {
    .secondPart .calculateDiv .right a:first-child{
        margin-bottom: 15px;
    }
    .secondPart .calculateDiv .right a{
        width: 235px;
    }
}


@media screen and (max-width: 767px) {
    .modalDiv h1{
        font-size: 25px;
        margin-bottom: 35px;
        margin-top: 15px;
    }
    .calculateDiv{
        flex-direction: column;
    }
    .calculateDiv .left{
        text-align: center;
    }
    .calculateDiv .left p{
        text-align: center;
        line-height: 28px;
    }
    .modalDiv{
        margin-top: 10px;
    }
    .calculateDiv .left{
        margin-bottom: 15px;
    }
    .modalDiv h1:before{
        height: 5px;
        bottom: -15px;
    }
    .inputGroupDiv .inputDiv input{
        height: 70px;
        border-bottom: 5px solid #ff7800;
    }
    .selectDiv select{
        border-bottom: 8px solid #ff7800;
    }
    .calculateDiv .right a{
        height: 50px;
        line-height: 45px;
        display: block;
        text-align: center;
    }
    .calculateDiv .left a{
        width: 100%;
        display: block;
    }
    .calculateDiv > div{
        width: 100%;
    }
    .secondPart .calculateDiv .right a{
        display: block;
        text-align: center;
    }
    .secondPart .calculateDiv .right a:first-child{
        margin-bottom: 15px;
    }
/*
    .modalDiv .closeModal{
        top: 0px;
        right: 0px;
    }
*/
    .secondPart .calculateDiv .right a{
        width: 100%;
    }
    .modalFooter,.modalBodyDiv{
        padding-left: 15px;
        padding-right: 15px;
    }

}

@media screen and (max-width: 480px) {
.bannerLeft h1 {
    font-size: 1.3em;
}
.bannerLeft p {
    font-size: 1.1em;
    line-height: 25px;
}
.bannerLeft .button {
    width: 100%;
}
.bannerRight .col-inner{
	padding:0px!important;
}
.bannerRight h4 {
    font-size: 1.8em;
    padding-top: 30px;
}
.bannerRight p {
    font-size: 1.4em;
}
.bannerRight h5 {
    font-size: 2.7em;
}


}
/*
     FILE ARCHIVED ON 17:32:32 Sep 02, 2021 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 16:47:57 Aug 31, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.603
  exclusion.robots: 0.103
  exclusion.robots.policy: 0.089
  esindex: 0.009
  cdx.remote: 52.859
  LoadShardBlock: 116.695 (3)
  PetaboxLoader3.datanode: 373.961 (5)
  load_resource: 442.645
  PetaboxLoader3.resolve: 88.687
  loaddict: 314.515
*/