/* subscribe to our blog */

#subscribe-component {
    color: white;
}

#subscribe-component input[type='email'] {
   font-size: 14px !important;
    color:black;
    width: 60%;
}

#subscribe-component input[type='email'] ::placeholder{
    color: #b6b6b6;  
}

#subscribe-component .hs-button.primary {
    background-image: linear-gradient(to top, #f60 -33%, #f4af18);
    padding-inline: 8%;
    padding-block: 14px;
    font-weight: 500;
    font-size: 20px !important;
    box-shadow: 2px 0px 15px rgba(0, 0, 0, 0.22) !important;
    min-width: 230px;
    min-height: 65px
}

#subscribe-component form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

#subscribe-component form div.submitted-message ul li span{
    color: white !important;
} 
#subscribe-component form .hs-form label {
    color: white;
}

#subscribe-component form div.hs-email {
    width:66%;
    padding-inline: 5%;
    width: 320px;
}

#subscribe-component.popup form div.hs-email,
#subscribe-component.single-post form div.hs-email {
    width:100%;
}

#subscribe-component .hs-button.primary:hover{
    background-image:none;
    color: var( --primary-color) !important;
    background-color:white !important;
    transform: scale(1.04);
    transition: 0.3s all;
}

#subscribe-component .submitted-message ul {
    padding: 0;
}

#subscribe-box .elementor-background-overlay{
	transition: 0.3s all;
}

#subscribe-box:hover > .elementor-background-overlay{
	transform: scale(1.02);
	transition: 0.3s all;
}

@media (max-width: 768px) {
    #subscribe-component form div.hs-email {
        padding-inline: unset;
    }
}