/*
Theme Name: Fire Cloak
Description: Child theme for Avada
Author: HERRON
Author URI: https://herron.agency/
Template: Avada
Version: 4.0.0030
Text Domain:  firecloak
*/

/*
####################################################################################################
# GLOBAL
####################################################################################################
*/

.responsive-iframe {
    position: relative;
    padding-top: 16%;
    padding-bottom: 16%;
    height: 0;
    overflow: hidden;
}

.responsive-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

@media all and (max-width:800px){
    .reverse-cols .fusion-row {
        display: flex;
        flex-flow: wrap;
        flex-direction: column-reverse;
    }
}



/*
####################################################################################################
# PAGE TITLE HEADINGS
####################################################################################################
*/

#main #content .page-title-heading h1 {
    padding-bottom: 10px;
    border-bottom: solid 2px var(--awb-color5);
    display: inline;
}

/*
####################################################################################################
# PRODUCT CAROUSEL
####################################################################################################
*/

#main #content .product-carousel-post-card > .fusion-column-wrapper {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

#main #content .product-carousel-post-card .product-carousel-title a,
#main #content .product-carousel-post-card .product-carousel-title a:hover {
    text-decoration: none;
}

#main #content .product-carousel-post-card .product-carousel-title .product-highlight-text {
    color: var(--awb-color5);
}

/*
####################################################################################################
# FORMS
####################################################################################################
*/

.fluentform .quick_enquiry_name, .fluentform .quick_enquiry_email, .fluentform .quick_enquiry_phone, .fluentform .quick_enquiry_message {
    margin-bottom: 40px;
}

/*
####################################################################################################
# PRODUCTS
####################################################################################################
*/

#wrapper #main .product-super-title {
    font-size: 40px;
}

#wrapper #main .sp-tab__lay-default > ul > li > .sp-tab__nav-link,
#wrapper #main .sp-tab__lay-default > ul > li > a {
    font-size: 10px;
    padding-top: 8px;
    padding-right: 10px;
    padding-bottom: 8px;
    padding-left: 10px;
}

#wrapper #main .sp-tab__lay-default > ul .sp-tab__nav-item .sp-tab__tab_title,
#wrapper #main .sp-tab__lay-default span > .sp-tab__card-header {
    font-size: 14px;
}

#wrapper #main div:has(> a.fusion-button-span-yes) {
  margin: 0;
  padding: 0;
  line-height: 0;
  font-size: 0;
}

#wrapper #main .sp-easy-accordion .ea-header,
#wrapper #main .sp-easy-accordion .ea-header a {
    text-transform: none;
}

#wrapper #main .product-toggles-row .product-toggles-col .product-toggles-text .sp-tab-content ul {
    padding-left: 20px;
    margin-top: 0;
}

/*
####################################################################################################
# CONTENT PAGES
####################################################################################################
*/

#wrapper #main .content-page-content h2 {
    font-size: 30px;
    margin: 0 0 20px 0;
}

/*
####################################################################################################
# TESTIMONIALS
####################################################################################################
*/

#wrapper #main .testimonials-row .testimonials-col .testimonials-post-cards .testimonials-client-name p {
    font-weight: normal;
}

#wrapper #main .testimonials-row .testimonials-col .testimonials-post-cards .testimonials-client-company p {
    font-weight: bold;
}

#wrapper #main .testimonials-row .testimonials-col .testimonial-image {
    background-color: #fff;
}

#wrapper #main .testimonials-row .testimonials-col .testimonial-image img {
    max-width: 150px;
    padding: 20px;
}

/*
####################################################################################################
# BLOGS
####################################################################################################
*/

#wrapper .fusion-page-title-bar .blog-post-title-row .blog-post-title-col .blog-post-title h1 {
    font-size: 48px;
    line-height: 1.2;
}

#wrapper #main #content .blog-post-content-row .blog-post-content-col .blog-post-content h2 {
    color: #188ded;
    font-size: 32px;
    line-height: 1.2;
}

#wrapper #main #content .blog-post-content-row .blog-post-content-col .blog-post-content h3 {
    margin: 0 0 10px 0;
    font-size: 24px;
    line-height: 1.2;
}

/*
####################################################################################################
# TABLES
####################################################################################################
*/

.tablepress thead tr th {
    background-color: #188ded;
    color: #fff;
    font-size: 13px;
}

.tablepress tbody tr td {
    font-size: 13px;
}

#wrapper #main .made-to-measure-table thead tr th,
#wrapper #main .made-to-measure-table tbody tr td {
    font-size: 15px;
}

#wrapper #main .tablepress>:not(caption)>*>* {
    padding: 0.3em 0.5em;
}

/*
####################################################################################################
# STEPS
####################################################################################################
*/

#wrapper #main .steps-row .steps-col .steps-post-cards .fusion-content-tb p {
    line-height: 1.4;
}

#wrapper #main .steps-row .steps-col .steps-post-cards .fusion-content-tb p em {
    font-size: 11px;
    line-height: 1.1;
}

/*
####################################################################################################
# FORMS
####################################################################################################
*/


.ff-country-container select, .ff-country-container option, .ff-purpose-container label span {
    color: #8f9298 !important;
    font-size: 15px;
}

#wrapper #main .fluentform .ff-purpose-container {
    margin-top: 8px;
    margin-bottom: 0;
    margin-left: 1px;
}

/*
####################################################################################################
# FOOTER
####################################################################################################
*/

.footer-flag-col .fusion-image-element a img {
    width: 64px;
}


/*
####################################################################################################
# HACKS
####################################################################################################
*/

#wrapper #main .sp-easy-accordion .ea-header,
#wrapper #main .fusion-checklist li,
#wrapper #main .fusion-accordian .fusion-panel .panel-heading h4,
#wrapper #main .fusion-accordian .fusion-panel .panel-body p,
#wrapper #main .sp-tab-content,
#wrapper #main .sp-tab-content p,
#wrapper #main .fusion-text.fusion-animated p {
text-align: left;
}



/*
####################################################################################################
# MOBILE TWEAKS
####################################################################################################
*/

@media all and (max-width:800px){

    #wrapper #main .hp-banner-row .fusion-title h1.fusion-title-heading {
        font-size: 30px !important;
    }

    #wrapper #main .hp-banner-row .fusion-text p,
    #wrapper #main .hp-banner-row .fusion-li-item-content p {
        font-size: 20px !important;
    }

    #wrapper #main .hp-banner-row .fusion-li-item-content p {
        line-height: 1.4 !important;
    }
    
    #wrapper #main .location-toggles-row .fusion-title h3.fusion-title-heading,
    #wrapper #main .accreditation-logos-row .fusion-title h3.fusion-title-heading,
    #wrapper #main .latest-news-row .fusion-title h3.fusion-title-heading,
    #wrapper #main .quick-enquiry-row .fusion-title h3.fusion-title-heading {
        font-size: 30px !important;
    }

    #wrapper #main .location-toggles-row .panel-heading .panel-title a {
        font-size: 20px !important;
    }

    #wrapper #main .location-toggles-row .fusion-accordian .fusion-panel {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #wrapper #main .testimonials-row .testimonials-col .testimonials-post-cards .fusion-content-tb p {
        font-size: 30px !important;
    }

    #wrapper #main .big-stat-row .big-stat-col .big-stat-stat h3 {
        font-size: 100px !important;
    }

    #wrapper #main .inner-title-bar-row .inner-title-bar-col h2 {
        font-size: 36px !important;
    }

    #wrapper #main .inner-title-bar-row .inner-title-bar-col h3 {
        font-size: 30px !important;
    }

    #wrapper .fusion-page-title-bar .blog-post-title-row .blog-post-title-col .blog-post-title h1 {
        font-size: 36px !important;
    }

    #wrapper #main #content .blog-post-content-row .blog-post-content-col .blog-post-content h2 {
        font-size: 24px !important;
    }

    #wrapper #main #content .blog-post-content-row .blog-post-content-col .blog-post-content h3 {
        font-size: 20px !important;
    }
}