/**
 * Theme Name: Rey Child
 * Theme URI: http://reytheme.com/
 * Description: This is a child theme of Rey.
 * Author: Marius H.
 * Author URI:  https://twitter.com/mariushoria
 * Template: rey
 * Version: 1.0.0
 * License: General Public License
 * License URI: http://www.gnu.org/licenses/gpl.html
 * Text Domain: rey-child
 */
:root {
    --orangelamarck: rgb(236, 104, 6);
    --bleulamarck: #05003B;
    --bleuclair: #E1EDFF;
    --bleupale: #E1EDFF;
    --bleuclairfonce: #ABCDFF;
    --btn-border-radius: 2px;
    --bg-gradient-orange: linear-gradient(95deg, #ec6806, #9c4200);
    --color-orange: #ec6806;
}
.elementor-heading-title i {
    font-family: "Playfair Display";
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: var(--bg-gradient-orange)!important;
}
ul.list-services {
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
}
ul.list-services li {
    border-radius: 20px;
    padding: 12px 20px;
    box-sizing: border-box;
    text-align: center;
    color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    word-break: break-word;
    opacity: 0;
    transition: opacity 1.2s ease-out, transform 1.2s ease-out;
}
ul.list-services li {
    opacity: 1;
    border: 1px solid var(--orangelamarck);
	background-color: transparent;
}
.dot {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

.open {
    background-color: green;
}

.closed {
    background-color: red;
}
#boutique-schedule span, #intervention-schedule span {
    font-size: 14px;
        color: white;
}
.horaires {
    color: white!important;
}
#boutique-hours div, #intervention-hours div {
    margin-bottom: 5px;
    color: white;
}

@media (max-width:767px){
#boutondevis::after {
content: "Devis rapide";
display: block;
font-size: 10px;
font-weight: 200!important;
height: 10px;
margin-top: -5px;
margin-left: 5px;
}
    #boutonheaderdevis {
    display: block;
}
#boutonheaderdevis::after {
    content: "Appel gratuit";
    display: block;
    font-size: 10px;
    font-weight: 200!important;
    height: 10px;
    margin-top: -5px;
    margin-left: -5px;
}
#boutonheaderwhatsapp::after {
    content: "Devis gratuit";
    display: block;
    font-size: 10px;
    font-weight: 200!important;
    height: 10px;
margin-top: -5px;
margin-left: 15px;
}
#boutonheaderwhatsapp {
    display: block;
}
.bigreviews {
    font-size: 52px!important;
}
}

/* 
CUSTOM CSS
PC PORTABLE 
*/

@media (min-width:767px){
    #boutondevis {
        display: block;
    }
#boutondevis::after {
content: "Réponse rapide";
display: block;
font-size: 10px;
font-weight: 200!important;
height: 10px;
margin-top: -5px;
margin-left: 0px;
}
    #boutonheaderdevis {
    display: block;
}
#boutonheaderdevis::after {
    content: "Appel gratuit";
    display: block;
    font-size: 10px;
    font-weight: 200!important;
    height: 10px;
    margin-top: -5px;
    margin-left: -15px;
}
#boutonheaderwhatsapp::after {
    content: "Devis Rapide";
    display: block;
    font-size: 10px;
    font-weight: 200!important;
    height: 10px;
    margin-top: -5px;
    margin-left: 10px;
}
#boutonheaderwhatsapp {
    display: block;
}
.bigreviews {
    font-size: 62px!important;
    display: inline-block;
}
}
    #btn-primary {
        position: relative;
        overflow: hidden;
        color: #FFF;
        border-radius: 3.45rem;
        border-color: transparent;
        background: var(--bg-gradient-orange);
        padding: 16px 35px;
        display: block;
        text-align: center;
        align-content: center;
        font-weight: 600;
        min-width: auto;
        transition: color 0.4s ease; 

    }

    #btn-primary::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background-color: #e15f00;
        transition: left 0.4s ease;
    }

    #btn-primary:hover::before {
        left: 0;
    }

    #btn-primary:hover {
        color: #fff; 
        z-index: 1;
    }

    #btn-primary .elementor-button-text {
        position: relative;
        z-index: 5!important; 
    }
        #btn-secondary {
        position: relative;
        overflow: hidden;
        color: #FFF;
        border-radius: var(--btn-border-radius);
        border-color: transparent;
        background-color: var(--bleulamarck);
        padding: 16px 35px;
        display: block;
        text-align: center;
        align-content: center;
        font-weight: 600;
        height: 50px;
        min-width: auto;
        transition: color 0.4s ease; 

    }

    #btn-secondary::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background-color: var(--bleuclairfonce);
        transition: left 0.4s ease;
    }

    #btn-secondary:hover::before {
        left: 0;
    }

    #btn-secondary:hover {
        color: #fff; 
        z-index: 1;
    }

    #btn-secondary .elementor-button-text {
        position: relative;
        z-index: 5!important; 
    }
        #btn-green {
        position: relative;
        overflow: hidden;
        color: #FFF;
        border-radius: var(--btn-border-radius);
        border-color: transparent;
        background-color: #27D366;
        padding: 16px 35px;
        display: block;
        text-align: center;
        align-content: center;
        font-weight: 600;
        height: 50px;
        min-width: auto;
        transition: color 0.4s ease; 

    }

    #btn-green::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background-color: #198D44;
        transition: left 0.4s ease;
    }

    #btn-green:hover::before {
        left: 0;
    }

    #btn-green:hover {
        color: #fff; 
        z-index: 1;
    }

    #btn-green .elementor-button-text {
        position: relative;
        z-index: 5!important; 
    }
    .elementor-button-icon {
        z-index: 999;
    }
    #transparent {
    color: var(--bleulamarck);
    background-color: transparent;
    text-transform: capitalize !important;
    padding: 0;
    margin: 0;
}
#btn-light {
        position: relative;
        overflow: hidden;
        color: #FFF;
        border-radius: var(--btn-border-radius);
        border-color: transparent;
        background-color: var(--bleuclairfonce);
        padding: 16px 35px;
        display: block;
        text-align: center;
        align-content: center;
        font-weight: 600;
        height: 50px;
        min-width: auto;
        transition: color 0.4s ease; 

    }

    #btn-light::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background-color: var(--bleupale);
        transition: left 0.4s ease;
    }

    #btn-light:hover::before {
        left: 0;
    }

    #btn-light:hover {
        color: var(--bleulamarck); 
        z-index: 1;
    }

@media (min-width: 767px) {
    .hidepc {
        visibility: hidden;
    }
}
.buttonwhatsapp {
    visibility: hidden;
}
.buttontel {
    visibility: hidden;
}
.prixservices::before {
    content: "GARANTIE Sans frais cachés.";
    margin-top: 2px;
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    color: red;
    background: #F8F8F8;
    padding: 2px;
}
.price-card-notice {
    background-color: #EC6806;
    padding: 5px;
    border-radius: 7px;
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 30px;
    margin-top: -30px;
}
.card {
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 3.4px 2.7px -21px rgba(0, 0, 0, .02), 0 8.7px 6.9px -21px rgba(0, 0, 0, .03), 0 17.7px 14.2px -21px rgba(0, 0, 0, .04), 0 36.5px 29.2px -21px rgba(0, 0, 0, .05), 0 100px 80px -21px rgba(0, 0, 0, .07);
    border: 1px solid #00000010;
    padding: 10px;
}
.card .jour .elementor-image-box-img  img {
    background-color: #FFFF00!important;
    border-radius: 50px;
}
.card .informations {
 font-size: 14px;
 display: block;
}
.card .nuit .elementor-image-box-img  img {
    background-color: #F5F9FF!important;
    border-radius: 50px;
}
.urgence {
    margin: 4px;
    padding: 5px 10px;
    background-color: #d30606;
    border-radius: 4px 4px 4px 4px;
    text-transform: uppercase!important;
}
.white-cap .elementor-drop-cap-letter {
    color: white!important;
}