/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

:root {
    --clr-primary: #f1b310;
    --clr-secondary: #444;
    --clr-black: #000;
    --clr-white: #fff;
}

/* header */
#main-header .contact-info .fusion-content-boxes {
    margin-right: 60px;
}

#main-header .contact-info .fusion-content-boxes .fusion-column {
    width: fit-content !important;
}

#main-header .contact-info .fusion-content-boxes a {
    text-decoration: none !important;
}

#main-header .nav .fusion-button {
    height: 50px;
}

#main-header .awb-menu.collapse-enabled.mobile-size-full-absolute .awb-menu__main-ul {
    top: 100px;
}

/* home */
.home #hero:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgb(0 0 0 / .7) 0%, rgb(0 0 0 / .2) 50%);
}

.home #services .fusion-imageframe {
    background: var(--clr-white);
    border: 5px solid var(--clr-primary);
    box-shadow: 0 0 0 1px var(--clr-white);
}

.home #services .fusion-layout-column .fusion-column-wrapper :where(.fusion-imageframe, h3, .fusion-button) {
    transition: all .2s ease-in;
}

.home #services .fusion-layout-column .fusion-column-wrapper:hover .fusion-imageframe {
    background: transparent;
    border-color: var(--clr-primary);
    box-shadow: 0 0 0 1px var(--clr-secondary);

}

.home #services .fusion-layout-column .fusion-column-wrapper:hover h3 {
    color: var(--clr-white);
}

.home #services .fusion-layout-column .fusion-column-wrapper:hover .fusion-button {
    background: var(--clr-secondary);
}

.home #services .fusion-layout-column .fusion-column-wrapper:hover .fusion-button :where(.fusion-button-text, .fas) {
    color: var(--clr-primary);
}

.home #deferred-services:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(68 68 68 / .6);
}

.home #deferred-services ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.home #deferred-services ul li {
    margin-bottom: 20px;
}

.home #deferred-services ul li::first-letter {
    color: var(--clr-primary);
}

/* exchange types */
.page-exchange-types .exchange-types .fusion-content-boxes .heading img {
    background: var(--clr-primary);
    border-radius: 50%;
}

/* about */
.page-about .fusion-content-boxes.content-boxes-icon-on-top .heading img {
    border-radius: 50%;
}

.page-about .fusion-content-boxes.content-boxes-icon-on-top .content-container {
    text-align: left;
}

/* page title */
#page-title:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / .5);
}

#page-title .fusion-title {
    margin-bottom: 0 !important;
}

/* toTop */
.to-top-right #toTop {
    right: 0;
}

@media (max-width: 991px) {

    #page-title {
        padding-top: 60px;
        min-height: 360px !important;
    }

    #page-title .fusion-builder-row {
        align-content: center !important;
    }

}

@media (max-width: 680px) {

    #page-title {
        min-height: 240px !important;
    }

    .page-exchange-types #content .fusion-content-boxes.content-boxes-icon-on-side .image {
        position: relative;
        margin-bottom: 20px;
    }

    .page-exchange-types #content .fusion-content-boxes .heading .content-box-heading,
    .page-exchange-types .fusion-content-boxes .content-container {
        padding-left: 0 !important;
    }

    .page-faq .fusion-accordian .panel-title {
        font-size: 16px !important;
    }

}