/*
Theme Name:   HelloVOXRLP
Description:  Hello Elementor Child for Réussir le Périgord
Author:       VOX pour Réussir le Périgord
Author URL:   https://www.reussirleperigord.fr
Template:     hello-elementor
Version:      1.1
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  HelloVOXRLP
*/

/* Écrivez ici votre propre feuille de style personnelle */

html,body{
    position: relative;
    min-height: 100vh;
}

body{
    position: relative;
    display: flex;
    flex-direction: column;
}

.textes-longs h2,
.textes-longs h3,
.elementor-widget-theme-post-content h2,
.elementor-widget-theme-post-content h3{
    font-size: 29px;
    font-weight: bold;
    line-height: 1.6em;
    margin: 1em 0 0.7em;
}

.textes-longs h3,
.elementor-widget-theme-post-content h3{
    font-size: 19px;
    margin: 1.4em 0 0.9em;
}
.textes-longs.titres-xs h2{
    font-size: 19px;
    margin-top: 1.2em;
}
.textes-longs.titres-xs h3{
    font-size: 16px;
    margin-top: 1.2em;
}

.textes-longs h2 + h3{
    margin-top: 1rem;
}

.textes-longs blockquote,
.elementor-widget-theme-post-content blockquote{
    font-family: 'Roboto Slab';
    color: #3d4022;
    font-size: 1.1em;
    font-style: italic;
    padding: 14px 22px 14px 40px;
    margin: 1.6em 0 1.6em 1.5em;
    border-left: 1px solid #DEDEDE;
}

.textes-longs blockquote *:last-child,
.elementor-widget-theme-post-content blockquote *:last-child{
    margin-bottom: 0;
}

.textes-longs ul,
.textes-longs ol{
    margin-bottom: 1.6rem;
}

.elementor .textes-longs hr{
    margin: 1.8rem 0;
    background-color: #DEDEDE;
    border: none;
    height: 2px;
}

.elementor .textes-longs figure{
    margin-top: 1.6rem;
    margin-bottom: 1.4rem;
}
.elementor .textes-longs figcaption{
    margin-top: 0.9rem;
    font-size: 15px;
}
.textes-longs .wp-block-image{
    margin-bottom: 1.6rem;
}
.textes-longs .wp-block-image figure,
.textes-longs .wp-block-image figcaption{
    margin-bottom: 0;
}

.textes-longs .encartdossier,
.textes-longs .encartarticle{
    background-color: #F8F8F8;
    margin: 2.5rem 0 2.5rem;
    position: relative;
}
.textes-longs .encartdossier:before,
.textes-longs .encartarticle:before{
    position: absolute;
    top: -18px;
    left: 0;
    content: "";
    display: block;
    width: 36px;
    height: 36px;
    background: #dddddd;
    border-radius: 36px;
    box-shadow: 0 0 0 12px white;
}
.textes-longs .encartdossier > div,
.textes-longs .encartarticle > div{
    border-left: 18px solid white;
    padding: 0.1rem 2.4rem 1rem;
}
.textes-longs .encartdossier h2,
.textes-longs .encartarticle h2{
    font-size: 25px;
}
.textes-longs .encartdossier h3,
.textes-longs .encartarticle h3{
    font-size: 18px;
}

.label em{
    font-weight: normal;
    padding-left: 8px;
    color: #303030;
}


@media screen and (max-width: 768px){

    .h-center-mobile .elementor-shortcode{
        text-align: center;
    }
    .h-center-mobile .elementor-item{
        justify-content: center !important;
        text-align: center;
    }
    .vertical-mobile .elementor-icon-list-items{
        flex-direction: column;
    }
    .vertical-mobile .elementor-icon-list-items li + li{
        margin-top: 16px;
    }
}

/* || Print **/
@media print {
    *[data-print="noprint"]{
        display: none !important;
    }
    p{
        color: blue !important;
    }
}

.ecs-link-wrapper.ecs-ignore-link{
    cursor: inherit;
}

.ecs-ignore-link a[href="#"]{
    pointer-events: none;
}

/* || Forms **/
.elementor-field-option input[type="checkbox"], .elementor-field-option input[type="radio"] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
/* For Radio button */
.elementor-field-type-radio .elementor-field-subgroup label:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    margin-right: 0.5em;
    border-radius: 100%;
    border: 1px solid #818a91;
    padding: 0.13em;
    background-color: transparent;
    background-clip: content-box;
    transition: all 0.2s ease;
    cursor: pointer;
}
.elementor-field-type-radio .elementor-field-option label {
    margin-right: 1em;
}

.elementor-field-type-radio .elementor-field-option input:checked + label:before {
    background-color: #C2161C;
    border-color: #C2161C;
}
/* For Checkbox */
.elementor-field-type-acceptance .elementor-field-subgroup label:before,
.elementor-field-type-checkbox .elementor-field-subgroup label:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    margin-right: 0.5em;
    margin-bottom: 0.3em;
    border: 1px solid #818a91;
    padding: 0.12em;
    background-color: white;
    background-clip: content-box;
    transition: all 0.2s ease;
    border-radius: 4px;
}
.dark-bg .elementor-field-type-acceptance .elementor-field-subgroup label:before,
.dark-bg .elementor-field-type-checkbox .elementor-field-subgroup label:before {
    border: none;
}

.elementor-field-type-acceptance .elementor-field-option label,
.elementor-field-type-checkbox .elementor-field-option label {
    margin-right: 1em;
    line-height: 24px !important;
    position: relative;
    display: inline-block;
}
.elementor-field-type-acceptance .elementor-field-subgroup label:after,
.elementor-field-type-checkbox .elementor-field-subgroup label:after {
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    content: "";
    height: 11px;
    left: 3px;
    position: absolute;
    top: 9px;
    transform: scaleX(-1) rotate(135deg);
    transform-origin: left top;
    width: 6px;
    display: none;
}
.elementor-field-type-acceptance .elementor-field-subgroup input:checked + label:before,
.elementor-field-type-checkbox .elementor-field-subgroup input:checked + label:before {
    border-color: #C2161C;
    background: #C2161C;
}

.dark-bg .elementor-field-type-acceptance .elementor-field-subgroup input:checked + label:before,
.dark-bg .elementor-field-type-checkbox .elementor-field-subgroup input:checked + label:before {
    border-color: white;
    background: white;
}

.elementor-field-type-acceptance .elementor-field-subgroup input:checked + label:after,
.elementor-field-type-checkbox .elementor-field-subgroup input:checked + label:after {
    -moz-animation: check 0.8s ease 0s running;
    -webkit-animation: check 0.8s ease 0s running;
    animation: check 0.8s ease 0s running;
    display: block;
    width: 6px;
    height: 13px;
    border-color: #fff;
}

.dark-bg  .elementor-field-type-acceptance .elementor-field-subgroup input:checked + label:after,
.dark-bg  .elementor-field-type-checkbox .elementor-field-subgroup input:checked + label:after {
    border-color: #C2161C;
}

@keyframes check {
    0% {
        height: 0;
        width: 0;
    }
    25% {
        height: 0;
        width: 6px;
    }
    50% {
        height: 11px;
        width: 6px;
    }
}