/*
 Theme Name:   Astra Child
 Theme URI:    #
 Description:  Astra Child Theme
 Author:       IARP
 Author URI:   https://iarp.org/
 Template:     astra
 Version:      1.0.0
 Text Domain:  astra-child
*/

/* Add custom CSS below this line */

/* hero section */
.iarp-bdr-blue {
    border-top: 2px solid #1b3557 !important;
    transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;

    &:hover {
        transform: translatey(-4px);
    }
}

.iarp-bdr-purple {
    border-top: 2px solid #8a3fae !important;
    transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;

    &:hover {
        transform: translatey(-4px);
    }
}

.iarp-bdr-gold {
    border-top: 2px solid #c9962b !important;
    transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;

    &:hover {
        transform: translatey(-4px);
    }
}

/* resources */

.iarp-res-tab .e-n-tabs-heading button:hover,
.iarp-res-tab .e-n-tabs-heading button[aria-selected="true"] {
    border-radius: 20px !important;
}

.iarp-card {
    transition:
        border-color 400ms cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow 400ms cubic-bezier(0.4, 0, 0.2, 1);

    & .elementor-icon {
        transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
        will-change: transform;
    }

    &:hover {
        border-color: #c9962b !important;

        .elementor-icon {
            color: #c9962b;
            transform: scale(1.09) rotate(5deg);
        }
    }
}

.iarp-btn-arrow .elementor-button {
    transition: border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);

    & .elementor-button-icon {
        transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
        will-change: transform;
    }

    &:hover .elementor-button-icon {
        transform: translatex(4px);
    }
}

.iarp-card-tra {
    transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);

    &:hover {
        transform: translatey(-4px);
    }
}

.iarp-btn-primary .elementor-button,
.iarp-form .elementor-button {
    background-color: #c9962b !important;
    color: #ffffff !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    font-size: 14px;
    font-weight: 400 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    overflow: visible !important;
    border: 1px solid transparent !important;
    transition:
        box-shadow 0.4s ease,
        transform 0.4s ease !important;

    &:hover {
        box-shadow: 0 0 15px rgba(197, 157, 51, 0.6) !important;
    }
}

.iarp-btn-secondary .elementor-button {
    padding: 12px 24px !important;
    border-radius: 4px !important;
    font-size: 14px;
    font-weight: 400 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    overflow: visible !important;
    transition:
        box-shadow 0.4s ease,
        transform 0.4s ease !important;

    &:hover {
        box-shadow: 0 0 15px rgba(197, 157, 51, 0.6) !important;
    }
}


.iarp-hm-shp {
    position: relative;
    overflow: hidden;
}

.iarp-hm-shp::before,
.iarp-hm-shp::after {
    content: "";
    position: absolute;
    width: 340px;
    height: 340px;
    border-radius: 50%;

}

/* left beige circle */
.iarp-hm-shp::before {
    left: -120px;
    background: #ecdcb4;
    top: -140px;
    z-index: 1;
}

/* right purple circle */
/* .iarp-hm-shp::after {
    left: 130px;
    background: #d3c2e6;
    top: -230px;
    z-index: 2;
    mix-blend-mode: multiply;
} */

/* circle */

.iarp-newsletter-circle {
    position: relative;
    overflow: hidden;

    &::after {
        content: "";
        position: absolute;
        width: 270px;
        height: 270px;
        border-radius: 50%;
        background: #22416b;
        right: -130px;
        top: -120px;
    }
}

.iarp-newsletter-circle-wt {
    position: relative;
    overflow: hidden;

    &::before {
        content: "";
        position: absolute;
        width: 270px;
        height: 270px;
        border-radius: 50%;
        background: #22416b;
        left: -120px;
        top: auto;
        bottom: -120px !important;
        border: 1px solid #fff;
        opacity: 0.4;
    }
}