/*
Theme Name: Astra-child
Author: 
Description: Your description goes here
Version: 1.0
Template: astra

This is the child theme for Astra theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&display=swap');
@import url('https://fonts.cdnfonts.com/css/bebas-neue');

body,
.elementor-widget-text-editor,
.elementor-heading-title {
    font-family: 'DM Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Bebas Neue', sans-serif;
}
.yellow{
    color: #C9A84C;
}
/* ===================================
   CARD
=================================== */
.three-piller-image-hover{
    position: relative;
    overflow: hidden;
}
.three-piller-image-hover .piller-content-hover{
    transform: translateY(37px);
}
/* Dark Gradient Overlay */
.three-piller-image-hover:before{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0,0,0,0.90) 0%,
        rgba(0,0,0,0.45) 45%,
        rgba(0,0,0,0.10) 100%
    );
    z-index: 1;
    transition: all .4s ease;
}

.three-piller-image-hover:hover:before{
    background: linear-gradient(
        to top,
        rgba(0,0,0,0.95) 0%,
        rgba(0,0,0,0.60) 50%,
        rgba(0,0,0,0.15) 100%
    );
}

/* ===================================
   CONTENT CONTAINER
=================================== */
.three-piller-image-hover .piller-content-hover{
    position: absolute;
    left: 30px;
    right: 30px;
    z-index: 2;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;

    background: transparent !important;
    box-shadow: none !important;

    transition: all .4s ease;
}

/* Remove unwanted backgrounds */
.three-piller-image-hover .piller-content-hover,
.three-piller-image-hover .piller-content-hover *{
    background: transparent !important;
}

/* ===================================
   TITLE DEFAULT STATE
=================================== */
.three-piller-image-hover .piller-content-hover h1,
.three-piller-image-hover .piller-content-hover h2,
.three-piller-image-hover .piller-content-hover h3,
.three-piller-image-hover .piller-content-hover h4{
    margin: 0;
    line-height: 1.1;
}

/* ===================================
   HIDE DESCRIPTION & ICON
=================================== */
.three-piller-image-hover .piller-content-hover > *:not(:first-child){
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    transform: translateY(20px);
    transition: all .4s ease;
}

/* ===================================
   HOVER EFFECT
=================================== */
.three-piller-image-hover:hover .piller-content-hover{
    bottom: 35px;
}

.three-piller-image-hover:hover .piller-content-hover > *:not(:first-child){
    opacity: 1;
    visibility: visible;
    max-height: 300px;
    transform: translateY(0);
}
/* FORM WRAPPER */
.gdc-contact-form{
    background:#EAE2CF;
    padding:40px;
    border-radius:8px;
}

/* HEADING */
.gdc-contact-form .form-title{
    font-family:'Bebas Neue', sans-serif;
    font-weight:400;
    font-size:60px;
    line-height:100%;
    letter-spacing:0;
    margin:0 0 30px;
    color:#001F3F;
}

.gdc-contact-form .form-title span{
    color:#D4B45F;
}

/* ROWS */
.gdc-contact-form .cf7-row{
    display:flex;
    gap:16px;
    margin-bottom:22px;
}

.gdc-contact-form .cf7-col{
    flex:1;
}

/* LABELS */
.gdc-contact-form label{
    display:block;
    font-family:'Bebas Neue', sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:17.91px;
    text-transform:uppercase;
    color:#001F3F;
    margin-bottom:8px;
}

/* INPUTS */
.gdc-contact-form input,
.gdc-contact-form select,
.gdc-contact-form textarea{
    width:100%;
    height:58px;
    padding:14px 16px;
    border:1px solid #D5D0C5;
    border-radius:4px;
    background:#F8F6F1;

    font-family:'DM Sans', sans-serif;
    font-size:14px;
    font-weight:400;
    color:#1A2E45;

    box-sizing:border-box;
}

/* PLACEHOLDER */
.gdc-contact-form input::placeholder,
.gdc-contact-form textarea::placeholder{
    color:#9A9A9A;
    opacity:1;
}

/* TEXTAREA */
.gdc-contact-form textarea{
    height:130px;
    resize:none;
    padding-top:14px;
}

/* FULL WIDTH FIELDS */
.gdc-contact-form .cf7-full{
    margin-bottom:22px;
}

/* NOTE TEXT */
.gdc-contact-form .form-note{
    font-family:'DM Sans', sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:100%;
    color:#1A2E45;
    margin:15px 0;
}

/* BUTTON */
.gdc-contact-form input[type="submit"]{
    width:100%;
    height:48px;
    background:#D4B45F;
    border:none;
    border-radius:4px;

    font-family:'Bebas Neue', sans-serif;
    font-size:18px;
    font-weight:400;
    letter-spacing:0;

    color:#001F3F;
    cursor:pointer;
    transition:.3s;
}

.gdc-contact-form input[type="submit"]:hover{
    opacity:.9;
}
@media(max-width:767px){

   .gdc-contact-form{
        padding:24px;
    }

    .gdc-contact-form .cf7-row{
        flex-direction:column;
        gap:20px;
    }

    .gdc-contact-form .form-title{
        font-size:42px;
    }
	
    .three-piller-image-hover .piller-content-hover{
        left: 20px;
        right: 20px;
    }
}