/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

.subscribe-form{
    position: relative;
}
.subscribe-form p{
    display: flex;
    gap: 0.5rem;
}
.subscribe-form > p input{
    border-radius: 2rem;
    padding: 1rem 2rem;
}
.subscribe-form input[type="submit"]{
    max-height: 3.6rem;
}
.subscribe-form p > span{
    flex: 1;
}
.subscribe-form .wpcf7-spinner{
    position: absolute;
    margin: 0;
    right: -2rem;
    top: 1rem;
}
.svg-white-color svg path{
    stroke: rgb(255,255,255);
}
.custom-sm-text{
    font-size: 1rem;
    line-height: 1.4rem;
    color: rgba(0, 0, 0, 0.46);
}
.custom-overlay-hard-light{

}

.custom-overlay-hard-light .video-color-overlay{
    opacity: 0.5 !important;
    background-color: #024599 !important;
    mix-blend-mode: hard-light;
}

.custom-overlay-hard-light .nectar-video-wrap{
    filter: contrast(1.5);
}
.form-row{
    display: flex;
    text-align: left;
    gap: 1rem;
    margin-bottom: 1rem;
}
.form-row > p{
    flex: 1;
    padding: 0;
}
.social-media-icons-links .nectar_icon{
    width: 50px;
    height: 50px;
    text-align: center;
    position: relative;
}
.social-media-icons-links .nectar_icon i{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
}
.social-media-icons-links .nectar_icon a{
    border-radius: 2rem;
    border: 2px solid rgba(255, 255, 255, 0.15);
    transition: border-color 0.3s ease-in-out;
}
.social-media-icons-links .nectar_icon a:hover,
.social-media-icons-links .nectar_icon a:focus{
    border-color: rgba(255, 255, 255, 0.85);
}
.align-items-end .vc_column-inner{
    align-items: end;
}
.single-product .product.product-type-simple,
.single-product .woocommerce-breadcrumb{
    max-width: 65rem;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 768px){
    .logo-image{
        max-width: 240px !important;
    }
    .form-row{
        flex-direction: column;
    }
    .subscribe-form p{
        flex-direction: column;
    }
}