/********* Compiled - Do not edit *********/
:root{--color-primary:#5170ff;--color-secondary:#5471ff;--color-gradient-start:#5170FF;--color-gradient-stop:#5170FF;--color-link:#5471ff;--color-link-hover:#0a0a0a;}.woocommerce ul.products, .woocommerce-page ul.products{margin-left:-15px;margin-right:-15px;}.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{padding-left:15px;padding-right:15px;}body{font-family:Roboto;font-weight:400;line-height:1.7em;font-size:1em;color:#808291;}body.single-post .blog-single-title{font-family:inherit;}body.single-post .content{font-family:inherit;}.h1,h1{font-family:Roboto;font-weight:500;line-height:1.2em;font-size:52px;color:#181b31;}.h2,h2{font-family:Roboto;font-weight:500;line-height:1.2em;font-size:40px;color:#181b31;}.h3,h3{font-family:Roboto;font-weight:500;line-height:1.2em;font-size:32px;color:#181b31;}.h4,h4{font-family:Roboto;font-weight:500;line-height:1.2em;font-size:25px;color:#181b31;}.h5,h5{font-family:Roboto;font-weight:500;line-height:1.2em;font-size:21px;color:#181b31;}.h6,h6{font-family:Roboto;font-weight:500;line-height:1.2em;font-size:18px;color:#181b31;}.titlebar-inner h1{}.titlebar-inner p{}.titlebar-inner{padding-top:200px;padding-bottom:200px;}.titlebar{background-image:url( //virtusthree.liquid-themes.com/wp-content/uploads/2018/09/call-to-action-min.jpg);background-size:cover;}.titlebar .titlebar-scroll-link{color:rgb(255, 255, 255);}section.vc_row{units:px;}@media ( min-width: 1200px ){.main-header .is-stuck{background:rgba(255, 255, 255, 0.94) !important;}.mainbar-wrap.is-stuck .social-icon:not(.branded):not(.branded-text) a, .mainbar-wrap.is-stuck .header-module .ld-module-trigger, .mainbar-wrap.is-stuck .main-nav > li > a, .mainbar-wrap.is-stuck .ld-module-search-visible-form .ld-search-form input, .mainbar-wrap.is-stuck .header-module .lqd-custom-menu > li > a{color:rgb(27, 27, 27) !important;}.mainbar-wrap.is-stuck .mainbar-wrap.is-stuck .header-module .nav-trigger .bar{background-color:rgb(27, 27, 27) !important;}.mainbar-wrap.is-stuck .header-module .ld-module-trigger-icon, .mainbar-wrap.is-stuck .header-module .ld-module-trigger-txt{color:inherit !important;}.mainbar-wrap.is-stuck .ld-module-search-visible-form .ld-search-form input{border-color:rgb(27, 27, 27) !important;}.mainbar-wrap.is-stuck .social-icon:not(.branded):not(.branded-text) a:hover, .mainbar-wrap.is-stuck .main-nav > li > a:hover, .mainbar-wrap.is-stuck .header-module .lqd-custom-menu > li > a:hover{color:rgb(75, 168, 67) !important;}}@media (max-width: 768px) {
    /* Only affects this icon box heading on mobile */
    .custom-heading h3.font-weight-light {
        letter-spacing: -0.5px; /* adjust spacing for mobile */
    }
}

/* Static circle background */
.custom-icon-bg .iconbox-icon-container {
    background-color: #FFC857 !important;
}

/* Ripple layers (all pseudo-elements) */
.custom-icon-bg .iconbox-icon-container::before,
.custom-icon-bg .iconbox-icon-container::after,
.custom-icon-bg .iconbox-icon-container * {
    background-color: #FFC857 !important;
    border-color: #FFC857 !important; /* if ripple uses border */
}

/* Ripple SVG or animation wrapper (sometimes added by Ave) */
.custom-icon-bg .iconbox-icon-wrap svg {
    fill: #FFC857 !important;
}

/* Optional: adjust ripple opacity if too strong */
.custom-icon-bg .iconbox-icon-container::after {
    opacity: 0.25 !important;
}

.logo-default {
    max-width: 120px !important;
}

.logo-sticky {
    max-width: 120px !important;
}

@media (max-width: 768px) {
    /* Only affects this icon box heading on mobile */
.mobile-logo-default {
    max-width: 110px !important;
}
}

/* Target the file input button */
.wpcf7-form-control.wpcf7-file::-webkit-file-upload-button {
    background-color: #5471FF !important;
    color: #ffffff !important;
    font-weight: bold !important;
    padding: 10px 20px !important;
    border-radius: 0px !important;
    border: none !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
}

/* Hover effect for Webkit browsers */
.wpcf7-form-control.wpcf7-file::-webkit-file-upload-button:hover {
    background-color: #405EDC !important;
}

/* Firefox */
.wpcf7-form-control.wpcf7-file::file-selector-button {
    background-color: #5471FF !important;
    color: #ffffff !important;
    font-weight: bold !important;
    padding: 10px 20px !important;
    border-radius: 0px !important;
    border: none !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
}

.wpcf7-form-control.wpcf7-file::file-selector-button:hover {
    background-color: #405EDC !important;
}

/* Sticky nav text color */
.mainbar-wrap.is-stuck .main-nav > li > a {
    color: rgba(0, 0, 0, 0.75) !important; /* keeps black text */
}

/* Sticky nav hover color (your blue #5471FF) */
.mainbar-wrap.is-stuck .main-nav > li > a:hover {
    color: #5471FF !important;
}

/* Optional: Keep the blue underline on sticky */
.mainbar-wrap.is-stuck .main-nav > li > a .link-ext {
    background-color: #5471FF !important;
}

.mainbar-wrap.is-stuck .main-nav > li.is-active > a {
    color: #5471FF !important;
}

/* Normal header: make active link text blue (#5471FF) */
.mainbar-wrap:not(.is-stuck) .main-nav > li.is-active > a {
    color: #5471FF !important;
}

/* Keep the underline blue */
.mainbar-wrap:not(.is-stuck) .main-nav > li.is-active > a .link-ext {
    background-color: #5471FF !important;
}

/* Force sticky social icons white */
.mainbar-wrap.is-stuck .header-module ul.social-icon li a i {
    color: #ffffff !important;
}

.main-footer .custom-footer-height {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
}

/* ===============================
   FORCE FACEBOOK ICON ON MOBILE
   AVE / LIQUID SAFE FIX
   =============================== */
   
   
@media (max-width: 991px) {
    .mobile-fb {
        color: #5471ff !important;
        font-size: 30px !important;
        margin-right: 10px !important;
        position: absolute !important; /* ensures it floats above content */
        right: 60px !important;
        top: 40px !important;
        z-index: 9999 !important;

        /* Prevent it from affecting layout */
        display: flex !important;
        width: auto;
        height: auto;
        line-height: 0; 
    }
}

@media (max-width: 991px) {
    .main-header .mainbar-wrap {
        height: 110px !important; /* adjust to match hamburger height */
        overflow: visible;
    }
}

/* Hide on desktop */
@media (min-width: 992px) {
    .mobile-fb {
        display: none !important;
    }
}