/*
Theme Name: TradeCraft
Description: TradeCraft is Child theme for Avada theme
Author: Design Thinking
Author URI: http://designthinking.agency/
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/*--------------------------------------------------------------
    General Elements
-------------------------------------------------------------- */
.white{
    color:#ffffff;
    }
.black{
    color:#000000;
    }
.grey{
    color:#58595B;
    }  
.red{
    color:#BD202E;
    } 
.right-float{
    float:right;
    }
.left-float{
    float:left;
    }
.right-text{
    text-align:right;
    }
.left-text{
    text-align:left;
    }

.mobile-br{
    display:inline;
    }

.pbs, #main .post-content .pbs h1, #main .post-content .pbs h2, #main .post-content .pbs h3 {
    font-family: PantonSemiBold !important;
}

.pbr, #main .post-content .pbr h1, #main .post-content .pbr h2, #main .post-content .pbr h3 {
    font-family: PantonRegular !important;
}
.pb, #main .post-content .pb h1, #main .post-content .pb h2, #main .post-content .pb h3, #main .post-content .pbr strong{
    font-family: PantonBold !important;
}
.t-logo {
    position: absolute !important;
    left: 0;
    right: 0;
    top: -62px;
}
#main .post-content .white h1, #main .post-content .white h2, #main .post-content .white h3, #main .post-content .white p, #main .post-content .white li{
    color:#ffffff;
    }
#main .post-content .black h1, #main .post-content .black h2, #main .post-content .black h3, #main .post-content .black p, #main .post-content .black li{
    color:#000000;
    }
#main .post-content .grey h1, #main .post-content .grey h2, #main .post-content .grey h3, #main .post-content .grey p, #main .post-content .grey li{
    color:#58595B;
    }
#main .post-content .red h1, #main .post-content .red h2, #main .post-content .red h3, #main .post-content .red p, #main .post-content .red li, 
#main .post-content .grey-red strong {
    color:#BD202E;
    }

#main .post-content .red-link a{
    color:#BD202E;
    text-decoration:underline;
    }
#main .post-content .white-link a{
    color:#ffffff;
    text-decoration:underline;
    }
#main .post-content p:last-child {
    margin-bottom: 0px;
}
.hide-desk{
display:none !important;
}
/*--------------------------------------------------------------
    Header Elements
-------------------------------------------------------------- */

.fusion-logo {
    max-width: 315px !important;
}

ul.sub-menu {
    text-align: left;
}
.main-home-banner rs-sbg {
    background-position: 50% 50% !important;
}

.right-sec {
    display: inline-block;
    float: right;
    text-align: right;
    color:#ffffff;
}
.right-sec a{
    color:#ffffff;
}
.right-top-tag, .right-top-phone, .right-top-social {
    display: inline-block;
    
}
.fusion-main-menu .fusion-dropdown-menu a {
    padding-bottom: 22px;
}
.right-top-tag {
    font-family: PantonSemiBold;
    font-size: 20px;
    line-height: 1;
    width: 180px;
    text-align: left;
    border-right: 1px solid #FFFFFF;
    padding-right: 30px;
}
.right-top-phone {
    font-family: PantonSemiBold;
    font-size: 42px;
    padding: 0px 20px;
    line-height: 1;
}
 .right-top-social a{ 
     font-size:25px;
}
.right-top-social {
    position: relative;
    top: -5px;
}
.right-top-sec {
    margin-top: 20px;
}

.fusion-header {
    background: -moz-linear-gradient(90deg, rgba(174,7,33,1) 0%, rgba(184,13,34,1) 60%, rgba(232,39,39,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(174,7,33,1) 0%, rgba(184,13,34,1) 60%, rgba(232,39,39,1) 100%);
    background: linear-gradient(90deg, rgba(174,7,33,1) 0%, rgba(184,13,34,1) 60%, rgba(232,39,39,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ae0721",endColorstr="#e82727",GradientType=1);
}

a.right-top-phone:hover {
    color: #67494b;
}



/*--------------------------------------------------------------
    Homepage Elements
-------------------------------------------------------------- */
.hm-boxes, .hm-boxes .fusion-column {
    margin-bottom: 0px;
}

.hm-boxes .heading .image {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: -62px;
    float: none;
}
.hm-boxes  .col.content-box-wrapper {
    padding: 90px 30px 30px;
}

#main .post-content .box-white-btn {
    display: inline-block;
    padding: 10px 10px;
        width: 140px;
    -webkit-box-shadow: 0px 5px 28px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 5px 28px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 5px 28px 0px rgba(0,0,0,0.5);
}

#main .post-content .box-grey-btn {
    padding: 10px 10px;
    width: 140px;
    font-size: 13px;
    -webkit-box-shadow: 0px 5px 28px 0px rgba(0,0,0,0.5) !important;
    -moz-box-shadow: 0px 5px 28px 0px rgba(0,0,0,0.5) !important;
    box-shadow: 0px 5px 28px 0px rgba(0,0,0,0.5) !important;
}


.hm-box-cnt {
    margin-bottom: 20px;
}
.hm-boxes .hm-box .fusion-column-wrapper {
    position: relative;
    padding-bottom: 120px !important;
}
.hm-box-btn1, .hm-box-btn2 {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}
.hm-box-btn2 {
    bottom: 30px;
}
.hm-box-btn1 {
    bottom: 70px;
}
#main .post-content .hm-boxes >div {
    margin-bottom: -120px !important;
}

.m-logo {
    position: absolute;
    left: 50%;
    z-index: 999;
    top: 50%;
    transform: translate(-50%, 250px);
    -moz-transform: translate(-50%, 250px);
    -webkit-transform: translate(-50%, 250px);
}
.hm-offer h3 {
    font-size: 25px;
}

.hm-offers-sec >div {
    box-shadow: inset 0 0 0 500px rgb(88 89 91 / 75%);
    overflow: hidden;
}
.hm-offer {
    padding: 20px 30px;
    border-bottom: 1px solid #ffffff;
}
.m-logo-sec {
    position: relative;
}
.hm-offer .fusion-column-inner-bg a:hover {
    background: rgb(190 32 45 / 60%);
}
.hm-offers-left-sec >div, .testi-cnt-col > .fusion-column-wrapper {
    overflow: hidden !important;
}
.testi-cnt-col > .fusion-column-wrapper:before {
    content: "";
    background: url(https://tradecraftheatingandcooling.com/beta/wp-content/uploads/2020/12/quote.png);
    width: 386px;
    height: 158px;
    position: absolute;
    right: 1.1%;
    top: -6px;
}
.testi-cnt q {
    font-style: normal !important;
    letter-spacing: 0px !important;
}

.testi-cnt .company-name {
    text-transform: uppercase;
}
.carousel-images {
    margin-bottom: 0px;
}
.fusion-carousel .fusion-carousel-nav .fusion-nav-next:before, .fusion-carousel .fusion-carousel-nav .fusion-nav-prev:before {
    color: #000000 !important;
    font-size: 30px !important;
}
.fusion-carousel .fusion-carousel-nav .fusion-nav-next, .fusion-carousel .fusion-carousel-nav .fusion-nav-prev  {
    background: transparent !important;
}
/*--------------------------------------------------------------
    Interior Page Elements
-------------------------------------------------------------- */
.top-right-image  .fusion-column-wrapper {
    min-height: 400px !important;
}
.int-offers-sec >div {
    overflow: hidden;
}

.grey-overlay .fusion-column-inner-bg-image{
    box-shadow: inset 0 0 0 500px rgb(88 89 91 / 75%);
}
.red-overlay .fusion-column-inner-bg-image{
    box-shadow: inset 0 0 0 500px rgb(190 32 45 / 75%);
}
.int-offer {
    min-height: 290px;
}
.offer-amount {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
}

.int-m-logo {
    transform: translate(-50%, 235px);
    -moz-transform: translate(-50%, 235px);
    -webkit-transform: translate(-50%, 235px);
}

.t-logo > img, .int-m-logo img, .m-logo img  {
    width: 110px !important;
    height: 110px !important;
}


.why-t-cnt p {
    font-size: 21px;
}
.p-t-logo {
    z-index: 999;
}
.caldera-grid input[type=submit] {
    border: 0px;
    background: #be202d;
    border-radius: 0px;
    color: #ffffff;
    text-transform: uppercase;
    padding: 10px 30px;
}

.caldera-grid input[type=submit]:hover {
    background: #dc2225;
}
.p-t-logo {
    height: 1px;
    overflow: visible;
}
.hm-offers-left-sec .fusion-imageframe.p-t-logo {
    overflow: visible;
    z-index: 999;
    position: absolute;
}
.lp-top-m-logo-sec .lp-top-m-logo {
    transform: translate(-50%, 220px);
    -moz-transform: translate(-50%, 220px);
    -webkit-transform: translate(-50%, 220px);
}
.int-m-logo-sec {
    height: 1px;
}
/*--------------------------------------------------------------
    Footer Elements
-------------------------------------------------------------- */
.footer-col-2 h4 {
    font-size: 18px !important;
    color: #ffffff !important;
}
.footer-col-2 p {
    margin-top:0px;
}
.footer-col-3 .fusion-text p {
    margin: 0px;
    font-size: 18px;
}
.footer-col-3 .fusion-text p a{
    color:#ffffff;
}

.foot-sub-link p {
    font-size: 14px !important;
    font-family: PantonRegular !important;
}
.foot-main-link p {
    font-family: PantonBold !important;
}
.foot-social-link .fa-facebook {
    font-size: 22px;
}
.foot-social-link em {
    display:none;
}
.foot-copy div {
    text-align: center;
    font-size: 12px;
}



/*--------------------------------------------------------------
    Media Query Elements
-------------------------------------------------------------- */
@media screen and (max-width: 1240px) {
    
}
@media screen and (max-width: 1200px) {
    
}
@media screen and (max-width: 1140px) {
    
}
@media screen and (max-width: 980px) {
.main-home-banner rs-sbg {
    background-position: 20% 50% !important;
}
.int-two-side-sec > .fusion-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.int-two-side-sec > .fusion-row > .int-side-left, .int-two-side-sec > .fusion-row > .int-side-cnt {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}
.int-two-side-sec > .fusion-row  > .int-side-right, .int-two-side-sec > .fusion-row  > .int-side-img {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}

.int-two-side-sec > .fusion-row > .int-side-img .fusion-column-wrapper, .int-two-side-sec > .fusion-row > .int-side-img {
    min-height: 351px !important;
    max-height: 500px;
}
.int-side-cnt > .fusion-column-wrapper {
    padding: 40px 0px !important;
}

.fusion-icon.fusion-icon-bars {
    position: relative;
    font-size: 27px;
}
.fusion-mobile-menu-design-modern .fusion-mobile-menu-text-align-left .fusion-mobile-nav-item a {
    display: flex;
    align-items: center;
}
.hide-mob{
display:none;
}
.hide-desk{
display:inline-block !important;
}
.right-top-phone.hide-desk {
    font-size: 25px;
    position: relative;
    top: -4px;
}
.right-sec {
    width: 100%;
    text-align: center;
}
.fusion-logo {
    float: none;
    margin: 0 auto !important;
    display: inline-block;
}
nav.fusion-mobile-nav-holder.fusion-mobile-menu-text-align-left.fusion-mobile-menu-expanded {
    position: absolute;
    width: 100%;
    left: 30px;
    padding-top: 0px;
    top: 40px;
}
.left-sec {
    text-align: center;
}
nav.fusion-mobile-nav-holder.fusion-mobile-menu-text-align-left.fusion-mobile-menu-expanded a{
    color: #000000;
}
.right-top-sec {
    position: relative;
}
.fusion-header {
    padding: 10px 0px !important;
}
.right-top-sec {
    margin-top: 10px;
}
.right-top-social {
    line-height: 1;
}
#main .post-content h1, #main .post-content h2 {
    font-size: 26px;
}
#main .post-content h3 {
    font-size: 22px;
}
#main .post-content p {
    font-size: 16px;
}
.hm-boxes .hm-box {
    padding-top: 80px;
}
.hm-boxes .hm-box p{
    line-height:1.25;
}

}
@media screen and (max-width: 767px) {
.mobile-br{
display:none;
}
.m-logo {
    top: 0%;
    transform: translate(-50%, -53px);
    -moz-transform: translate(-50%, -53px);
    -webkit-transform: translate(-50%, -53px);
}
.fusion-footer {
    text-align: center;
}
.fusion-footer .fusion-column-wrapper {
    border: none !important;
}
.testi-cnt-col > .fusion-column-wrapper:before {
    width: 328px;
    height: 130px;
    position: absolute;
    right: -3%;
    top: -5px;
    background-size: contain;
}
.fusion-footer .fusion-fullwidth:first-child {
    padding-bottom: 0px !important;
}
.fusion-flex-container.hundred-percent-fullwidth .fusion-flex-align-self-stretch .fusion-column-wrapper {
    padding: 50px 30px !important;
}
.page-id-280 .hundred-percent-fullwidth {
    margin-bottom: 0px !important;
}
.lp-logo {
    text-align: center;
}
}
@media screen and (max-width: 640px) {
   
}
@media screen and (max-width: 480px) {
    
}
@media screen and (max-width: 320px) {
    
}