/*
 Theme Name:   Astra Child
 Theme URI:    https://wpastra.com/
 Description:  A child theme of Astra
 Author:       Just Codify
 Author URI:   https://www.justcodify.com
 Template:     astra
 Version:      1.0.0
 Text Domain:  astra-child
*/

/* Custom CSS can be added below */

.site-header {
    position: fixed !important;
    top: 0 !important;
    width: 100%;
}

.wpforms-confirmation-container {
    color: var(--ast-global-color-1);
    padding-top: 40px;
}

.content h1 {
    color: #06752E;
}

.content h2 {
    color: #14261C;
}

.video-background-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/wp-content/uploads/2024/10/360-Grow-Swoosh-Lines.png') no-repeat;
    background-size: cover;
    z-index: 2;
    background-position: bottom center;
}

.video-background .content h3 {
    margin-top: 20px;
    color: #06752E;
}

.video-background ul {
    list-style-type: none;
    padding: 0;
    margin: 10px 0;
}

.video-background ul li {

    margin: 5px 0;
    padding: 5px;


}

.cta-button {
    border-color: var(--ast-global-color-0);
    background-color: var(--ast-global-color-0);
    color: var(--ast-global-color-4);
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    line-height: 1em;
    text-transform: capitalize;
    font-size: 14px;
    font-size: 0.82352941176471rem;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    padding-top: 16px;
    padding-right: 32px;
    padding-bottom: 16px;
    padding-left: 32px;
}



.banner-section {
    min-height: 800px;
    position: relative;
}

.banner-section .wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained {
    position: absolute;
    left: -20px;
    min-width: calc(100vw + 20px);
    top: 40px;
    min-height: 100%;
    z-index: -1;
}

.banner-section .video-background {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.banner-section .video-background-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/wp-content/uploads/2024/10/new-grow-banner-bg.png) no-repeat;
    background-size: cover;
    z-index: 2;
    background-position: bottom center;
}

.banner-section .container {
    position: relative;
    z-index: 3;
}

.banner-section h1,
.banner-section h2,
.banner-section h3,
.banner-section h4,
.banner-section p {
    text-shadow: 1px 1px 2px #0a1a3e;
}

#services .uagb-icon-wrapper,
#help .uagb-icon-wrapper {
    margin-top: -50px;
}

#services .wp-block-column-is-layout-flow:hover {
    transition: 0.25s;
    transform: translateY(-10px);
    box-shadow: 0px 0px 10px var(--ast-global-color-1);
}

#services .wp-block-column-is-layout-flow:hover .uagb-svg-wrapper {
    transition: 0.01s;
    box-shadow: 0px 0px 10px var(--ast-global-color-1);
}

#help .wp-block-column-is-layout-flow:hover {
    transition: 0.25s;
    transform: translateY(-10px);
    box-shadow: 0px 0px 10px var(--ast-global-color-5);
}

#help .wp-block-column-is-layout-flow:hover .uagb-svg-wrapper {
    transition: 0.01s;
    box-shadow: 0px 0px 10px var(--ast-global-color-5);
}

.wpforms-container textarea.wpforms-field-medium {
    max-width: 60%;
}

.wpforms-submit {
    color: #fff;
}

@media (max-width: 782px) {
    .wp-block-columns-is-layout-flex {
        gap: 60px;
    }

    .wp-block-group-is-layout-flow iframe {
        height: 200px;
    }
}

@media (max-width: 921px) {
    .footer-widget-area[data-section="sidebar-widgets-footer-widget-1"].footer-widget-area-inner {
        text-align: justify;
    }
}

@media (max-width: 544px) {
    .ast-separate-container .ast-article-single {
        padding: 3.5em 1em;
    }
}

@media (max-width: 782px) {
    #home .wp-block-columns-is-layout-flex {
        margin-bottom: 30px !important;
        margin-top: 20px !important;
    }
}