/* CSS Page Soins */

/* FONTS */
@font-face {
    font-family: "PT Sans";
    src: url("../fonts/PT_Sans/PTSans-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Bloc Hero */

h1 {
    color: #E2B851 !important;
    font-weight: 400!important;
}

.hero-hook h3{
    color: #E2B851;
    font-size: 1.2rem!important;
    font-family: 'PT Sans', serif!important;
    text-transform: uppercase;
}

.soins-hero-img > img{
    /*display: block;*/
    /*margin: 0 auto;*/
    width: 200px!important;
    height: 200px!important;
    border-radius: 100%;
}

/* Bloc Intro */

.soins-intro-block-wrapper h3
{
    color: #c59d5f !important;
    text-transform: uppercase;
    font-family: 'PT Sans', serif!important;
    font-size: 1.2rem!important;
}

.soins-intro-wrapper .type-wysiwyg p {
    text-align: start;
    line-height: 1.5;
}
.soins-intro-wrapper ul {
    display: block;
    margin: 0 auto 25px;
    padding: 0;

}
.soins-intro-wrapper li {
    text-align: start;
    position: relative;
    padding-left: 1.6em;
    margin-bottom: 0.5em;
    list-style: none;
}

.soins-intro-wrapper li::before {
    content: "\f06c";
    font-family: "FontAwesome";
    font-weight: lighter;
    position: absolute;
    width: 40px;
    height: 40px;
    left: 0px;
    top: 0;
    color: #000;
}

/* Block offres */

.soins-block-offer-wrapper h3,
.soins-engagement-title,
.soins-appointment-title h3
{
    color: #E2B851;
}

.soins-block-offer-wrapper h4 {
    color: #65756f;
    text-shadow: 1px 1px 2px #E2B851;
}

.card-service-row-threecard-spacebetween .row_col_wrap_12_inner{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    padding-left: 1rem;
}

/*.card-service-row-threecard-spacebetween, .row_col_wrap_12_inner {*/
/*    height: 100vh;*/
/*}*/

.card-service-row-twocard-spacearround .row_col_wrap_12_inner{
    display: flex;
    justify-content: space-around;
    align-items: stretch;
    width: 100%!important;
    padding-left: 1rem;
    flex-wrap: wrap;

}

.soins-single-offer-card {
    display: block;
    background-color: #fff;
    box-sizing: border-box;
    padding-top: 20px;
    padding-left: 0%!important;
    padding-right: 0%!important;
    border-radius: 8px;
    box-shadow: 0px 0px 15px 17px rgba(0,0,0,0.1)!important;
    position: relative;
    padding-bottom: 60px;
    width: 360px;
    min-width: 300px;
    margin-bottom: 3rem;
    /*height: 90vh;*/
    height: 700px;
    /*height: 100vh;*/
    overflow: hidden;
}

/* When the offer row has only 2 card, the second should fill the space between car 1 and 3 */
.soins-single-offer-card-blank {
    display: block;
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 60px;
    width: 350px;
    min-width: 300px;
    margin-bottom: 3rem;
}

/* Additionnal class for row that contains  columns with long descriptions */
.soins-long-description {
    height: 87vh;
}

.soins-single-offer-price-container {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.soins-offer-description-block {
    padding-left: 5%!important;
    padding-right: 5%!important;
}

.soins-offer-description-block ul {
    text-align: left!important;
    padding-left: 1rem;
    padding-bottom: 1rem;
}

.soins-single-offer-separator {
    padding-bottom: 25px;
}

.soins-single-offer-img img {
    border-radius: 8px;

}

.soins-single-offer-price {
    border-top: 4px solid #E2B851;
    margin: 20px auto;
    padding: 10px 20px;
    background-color: #65756f;
    color: #E2B851;
    font-size: 1.6rem;
    font-weight: normal;
    border-radius: 0 0 8px 8px;
    width: 100%;
    position: absolute!important;
    bottom: -60px;
}


/* Block engagements */
/* Row wrapper de la section */
.soins-engagement-wrapper {

}


/* Block  prise de rendez-vous */

.soins-appointment-wrapper {

}

.soins-appointment-hook {
    margin-bottom: 2rem;
}

/* manage display and leaf */
@media screen and (max-width: 1285px) {

    /*.soins-single-offer-card {*/
    /*    margin-left: 1rem!important;*/
    /*    margin-right: 1rem!important;*/
    /*    margin-bottom: 3rem!important;*/
    /*    width: 400px;*/
    /*}*/

    .card-service-row-twocard-spacearround .row_col_wrap_12_inner,
    .card-service-row-threecard-spacebetween .row_col_wrap_12_inner{
        flex-direction: column;
        align-items: center;
    }

    .soins-single-offer-card-blank {
        height: 0px;
        width: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        padding-top: 0px;
    }

    .soins-single-offer-card {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 3rem!important;
        width: 450px;
    }


}

/* manage display and leaf */
@media screen and (max-width: 1110px) {


    /*.soins-single-offer-card {*/
    /*    margin-left: 1rem!important;*/
    /*    margin-right: 1rem!important;*/
    /*    margin-bottom: 3rem!important;*/
    /*    width: 350px;*/
    /*}*/

    /*.soins-single-offer-card {*/
    /*    margin-left: 0;*/
    /*    margin-right: 0;*/
    /*    margin-bottom: 3rem!important;*/
    /*    width: 450px;*/
    /*}*/


}

/* manage display and leaf */
@media screen and (max-width: 1010px) {

    /*.card-service-row .row_col_wrap_12_inner{*/
    /*    justify-content: center;*/

    /*}*/

    .soins-single-offer-card {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 3rem!important;
        width: 400px;
        height: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }


    .soins-long-description {
        height: 100%;
    }

}