/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

:root{
    --button-linear-gradient: linear-gradient(78.26deg, #5E5C51 -2.66%, #A09979 17.02%, #E4DAAD 30.36%, #F8EEBC 42.45%, #E2D9AC 62.32%, #9A9475 86.49%, #5E5C51 100.83%);
    --button-bg-color: #FEDB4A;
    --button-linear-gradient-hover: linear-gradient(92.83deg, #5E5C51 -62.88%, #A09979 -23.64%, #E4DAAD 2.95%, #F8EEBC 27.05%, #E2D9AC 66.67%, #9A9475 114.84%, #5E5C51 143.43%);
    --heading-gradient: linear-gradient(88.02deg, #928C6F -5.11%, #F8EEBC 29.42%, #928C6F 104.97%);

}
.mb-0,
.mb-0 h1,
.mb-0 h2,
.mb-0 h3,
.mb-0 h4{
    margin-bottom: 10px !important;
}
.heading-gradient{
    background: var(--heading-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.golden-bg-gradient{
    background: linear-gradient(70.09deg, #928C6F -0.46%, #F8EEBC 27.24%, #928C6F 100.16%);
}
.ue-dual-color-heading span{
    display: block;
}
.ct-header-cta .ct-button-text{
    flex-direction: row;
    align-items: center;
    gap: 5px
}
.ct-header-cta .ct-button-ghost{
    border-width: 1px;
}
.ct-footer select, 
.ct-footer textarea, 
.ct-footer [type=tel],
.ct-footer [type=text],
.ct-footer [type=email], 
.ct-footer .ct-pseudo-input, 
.ct-footer fieldset {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #FFFFFF80;
    padding-left: 0;
    color: var(--wp--preset--color--palette-color-7);
    font-family: Be Vietnam Pro, sans-serif;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.01em;
}
.ct-footer textarea:focus,
.ct-footer input:focus{
    color: var(--wp--preset--color--palette-color-7);
    font-family: Be Vietnam Pro, sans-serif;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.01em;
}
.ct-footer textarea::placeholder,
.ct-footer input::placeholder{
    color: #70827C;
    font-family: Be Vietnam Pro, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -0.01em;
}
form textarea {
    height: 120px;
}
.ue-simple-popup-trigger,
.elementor-button,
.wpcf7-submit{
    background: var(--button-linear-gradient);
    color: #284239;
    border: 1px solid #EFEDE1;
    font-family: Roboto, sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 130%;
    border-radius: 8px;
    transition: all 0.5s ease-in-out;
    padding: 16px 24px;
}
.ue-simple-popup-trigger:hover,
.elementor-button:hover,
.wpcf7-submit:hover{
    background: var(--button-linear-gradient-hover);
    color: #284239;
    border: 1px solid #EFEDE1;
    font-family: Roboto, sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 130%;
    border-radius: 8px;
}
.ue-simple-popup-wrapper{
    flex-direction: column;
}
.overflow-hidden{
    overflow: hidden;
}
@media (max-width: 640px){
    .hero-section{
        background-position: center bottom !important;
        background-repeat: no-repeat !important;
        background-size: 100% !important;
        background: linear-gradient(171.79deg, #29423A 11.77%, #29423A 25.81%, #151F1C 81.35%);

    }
}
.cf7-green .wpcf7 input{
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #716B5A80;
    padding-left: 0;
    color: var(--wp--preset--color--palette-color-7);
    font-family: Be Vietnam Pro, sans-serif;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.01em;
    color: #716B5A;
}
.cf7-green .wpcf7 .wpcf7-submit{
    background: linear-gradient(87.84deg, #1F312B -11.33%, #2C4B40 11.42%, #307A60 31.82%, #307A60 57.74%, #2C4B40 83.42%, #1F312B 98.66%);
    color: #EDEBE0;
    width: 100%;
    text-align: center;
    border: 1px solid #56CFA4;
    box-shadow: 0px 4px 10px 0px #3A2E0426;
    transition: all 0.25s;
}
.cf7-green .wpcf7 .wpcf7-submit:hover{
    transform: scale(1.05);
}
.product-types {
    position: relative;
    z-index: 9;
}
.product-types .elementor-image-box-title{
    font-family: Saira, sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
    color: #C0BDAB
}
@media (max-width: 767px){
    .product-types .elementor-image-box-title{
        color: #284239
    }
}