/*
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
*/

*,
::after,
::before {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}


.modal__wrapper {
    color: #703C41 !important;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    display: none;
}

.modal__wrapper .modal {
    display: flex;
    justify-content: space-between;
    background: white;
    border-radius: 5px;
    height: 75%;
    width: 75%;
    gap: 50px;
}

.modal__wrapper .modal__title {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    background-color: #703C41;
    color: white;
    background-repeat: no-repeat;
    background-position: 85% 100%;
    background-size: contain;
    padding: 30px;
    width: 95%;
 
}

.modal__title-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;

}

.modal__title-wrapper  *{
	color: white !important;
}

.modal__title-wrapper h2,
.modal__title-wrapper p {
    margin-bottom: 20px;
	
}

.modal__title-wrapper h4{
    padding-bottom: 40px;
}

/* .modal__wrapper .modal__title img {
    min-width: 250px;
} */

.modal__wrapper .modal__body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 50%

}

.modal__body-text {
	padding-right:100px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.modal__wrapper .modal__close {
    cursor: pointer;
    display: flex;
    justify-content: flex-end;
}

.title h4 {
    color: #59202D;
    text-transform: uppercase;
    padding-bottom: 15px;
}

.modal__body p {
    padding-bottom: 5px !important;
}



.modal__close img {
    width: 30px;
    height: 30px;
    padding: 15px 15px 0 0;
    width: 40px !important;
    height: 40px !important;

}

.btn {
    padding: 5px 20px;
    border-radius: 5px;
    border: 2px solid white;
}


/*media */
@media (max-width: 1100px) {
    .modal__wrapper .modal {
        flex-direction: column;
        justify-content: flex-start
    }

    .modal__wrapper .modal {
        gap: 10px;
        overflow-y: auto;
    }

    .modal__wrapper .modal__title {
        width: 100%;
    }

    .modal__wrapper .modal__title img {
        /*max-width: 250px;*/
    }

    .modal__wrapper .modal__body {
        padding: 10px;
        background-color: white;
    }

    .modal__close img {
        display: none;
    }

    .title h4 {
        font-size: 18px !important;
        padding: 0;
    }

    .modal__body {
        font-size: 14px !important;
        padding-bottom: 0px !important;
    }

    .modal__wrapper .modal__title {
        background-image: none;

    }

    .modal__body-text{
        padding: 10px 20px;
    }

}