/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 27 2024 | 13:23:15 */
body {
    background: #ffffff!important;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0!important;
}

p, .wp-site-blocks ul {
    margin-bottom: 25px!important;
}

.nbsp {
    white-space: nowrap;
}

div.blocks-for-eventbrite div.event__list {
    justify-content: space-between!important;
    gap: 30px;
}

.site-header-upper-inner-wrap.child-is-fixed {
    height: 115px!important;
}

.btn:focus, a:focus, button:focus, .interactive-button:focus, a img:focus {
    outline: 2px solid #000000!important;
    outline-offset: 2px;
    -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1);
    -moz-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1);
    transition: all .2s ease!important;
}

.hs-web-interactive-inline a:focus, .kb-advanced-image-link:focus, .kb-advanced-image-link img:focus {
    transition: all .0s ease!important;
    border: 2px solid black!important;
}

.site-header-upper-inner-wrap.child-is-fixed {
    height: 115px!important;
}

.error h1, .search-title {
    color: #132c54!important;
}

.search-archive-title {
    margin-top: 50px;
}

.error .search-form, .search-archive {
    margin-bottom: 50px;
}

figure a:focus {
    width: max-content;
    display: block;
}

.kb-gallery-ul .kadence-blocks-gallery-item {
    margin: auto!important;
}

.site-info-inner .widget_nav_menu ul li a {
    transition: border .1s ease-in;
    border-bottom: 1px solid transparent;
    font-size: 16px;
    color: #ffffff!important;
    display: inline-block;
    margin-bottom: 5px;
}

.site-info-inner .widget_nav_menu ul li a:hover {
    border-color: #fff;
}

.ct-footer-ic ul li a .kt-svg-icon-list-text {
    transition: border .1s ease-in;
    border-bottom: 1px solid transparent;
    font-size: 16px;
    color: #ffffff!important;
}

.ct-footer-ic ul li a .kt-svg-icon-list-text:hover {
    border-color: #fff;
}

.site-header-row-container-inner {
    box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 3%);
    -webkit-box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 3%);
    -moz-box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 3%);
}

.site-branding a.brand img.svg-logo-image {
    padding: 7px 0;
}

span.b-end {
    position: relative;
    display: block;
    padding: 30px 0;
}

span.b-end:before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    left: 50%;
    background: #474747;
    border-radius: 50%;
    top: -30px;
    margin-left: -7px;
}

span.b-end:after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    left: 50%;
    background: #474747;
    border-radius: 50%;
    bottom: -30px;
    margin-left: -7px;
}

ul.no-list {
    padding: 0;
    list-style: none;
    margin-left: 0;
}

ul.no-list li {
    margin-bottom: 5px;
    display: flex;
    align-items: baseline;
    gap: 7px;
}

ul.no-list li>img {
    margin-right: 5px;
    position: relative;
    top: 5px;
}

.flex-in-cta .kt-inside-inner-col {
    display: flex;
}

.flex-in-cta .kt-inside-inner-col .hs-cta-embed {
    margin: auto auto 0;
}

.flex-in-cta .kt-inside-inner-col .hs-web-interactive-inline {
    margin: auto auto 0;
}

.docaposte .kt-inside-inner-col {
    justify-content: space-between;
}

.section-faq .kt-accordion-pane {
    border: 1px solid #2072B7;
    border-radius: 8px;
}

.section-faq .kt-accordion-header-wrap {
    margin-top: 0!important;
}

.section-faq .kt-blocks-accordion-header {
    border-radius: 8px!important;
    background: white!important;
}

.section-faq .kt-accordion-inner-wrap.kt-accordion-initialized {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.section-faq .kt-accordion-panel-inner {
    border-radius: 8px;
}

.section-faq .kt-accordion-panel {
    border-radius: 8px;
}

.web-quote {
    background-color: #F6F6F6;
    padding: 80px 60px;
    border-radius: 8px;
    margin: 0!important;
}

.web-quote blockquote {
    border: none;
    text-align: left;
    padding: 0!important;
    margin: 0!important;
    font-family: "Be Vietnam Pro";
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px;
}

.web-quote figcaption {
    margin-top: 25px;
    color: #2072B7;
    font-family: "Be Vietnam Pro";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}

.web-quote figcaption cite {
    font-style: normal;
    display: block;
    font-weight: 400;
}

blockquote {
    color: #323232;
    font-family: "Be Vietnam Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    padding: 20px 40px;
    border: none;
    margin: 0!important;
}

.deco-function {
    position: absolute;
    top: -20%;
    right: -5%;
    z-index: 9;
}

.kb-gallery-ul.kb-gallery-type-carousel .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic.kb-gallery-image-ratio-inherit img {
    height: 65px;
}

/* Timeline */

.timeline {
    position: relative;
    width: 100%;
    padding: 30px 0;
}

.timeline:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background: transparent;
    left: 50%;
    z-index: 1;
    border: 1px dashed #474747;
    top: 0;
}

.timeline .date span {
    padding: 32px 12px;
    border-radius: 50px;
    width: 90px;
    height: 90px;
    background-color: #132C54;
    white-space: nowrap;
    color: #fff;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.10);
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    display: block;
    margin: 0;
}

.timeline h4, .timeline p {
    margin-bottom: 15px;
}

.timeline .green h4 {
    color: #0F8570;
}

.timeline .left {
    width: 50%;
    margin-right: auto;
    text-align: right;
    position: relative;
}

.timeline .left .date {
    margin: 0;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: end;
    height: 100%;
    width: 100%;
    right: -47px;
    z-index: 1;
    top: 0;
}

.timeline .purple {
    padding: 30px;
    background-color: #fff;
    border-right: 10px solid #8C2C87;
    text-align: left;
    width: 80%;
    position: relative;
}

.timeline .purple h4 {
    color: #8C2C87;
}

.timeline .purple:before {
    content: "";
    position: absolute;
    width: 45px;
    height: 15px;
    background-color: transparent;
    right: -50px;
    z-index: 0;
    top: 49%;
    background-image: url(https://www.fresque-accessibilite-web.fr/wp-content/uploads/2024/01/ic-right.svg);
    background-size: auto;
    background-repeat: no-repeat;
}

.timeline .left, .timeline .right {
    padding: 30px 0;
}

.timeline .right {
    width: 50%;
    margin-left: auto;
    text-align: left;
    position: relative;
    display: flex;
    justify-content: end;
}

.timeline .right .date {
    margin: 0;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: start;
    height: 100%;
    width: 100%;
    left: -47px;
    z-index: 1;
    top: 0;
}

.timeline .green {
    padding: 30px;
    background-color: #fff;
    border-left: 10px solid #0F8570;
    text-align: left;
    width: 80%;
    position: relative;
}

.timeline .green h4 {
    color: #0F8570;
}

.timeline .green:before {
    content: "";
    position: absolute;
    width: 45px;
    height: 15px;
    background-color: transparent;
    left: -50px;
    z-index: 0;
    top: 49%;
    background-image: url(https://www.fresque-accessibilite-web.fr/wp-content/uploads/2024/01/ic-left.svg);
    background-size: auto;
    background-repeat: no-repeat;
}

.timeline .center {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ------------------ */

.btn-certification a.kt-blocks-info-box-learnmore.info-box-link {
    display: flex;
    gap: 10px;
}

button#kt-scroll-up-reader {
    display: none;
}

time {
    color: #d62550 !important;
}

.event__details--rightInnerTop h3 a:after {
    content: "\f08e";
    margin-left: 5px;
    position: relative;
	font-family: "FontAwesome";
}

/* Responsive */

@media (min-width: 1200px) {
    .img-banner-home {
        margin-top: -350px!important;
    }
    .up-125 {
        margin-top: -125px;
    }
}

@media (max-width: 1199.98px) {
    .img-banner-home {
        display: none!important;
    }
    
    @media (min-width: 1024px) {
        .img-banner-home {
            margin-top: -200px!important;
        }
    }
}

@media (min-width: 1024px) {}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) and (hover: none) {
    div.banner-home {
        background-image: url(https://www.fresque-accessibilite-web.fr/wp-content/uploads/2024/02/Background-Banner-scaled.jpg)!important;
    }
    div.kb-row-layout-wrap.wp-block-kadence-rowlayout.kb-row-layout-id1204_2b8c57-17 {
        background-image: url(https://www.fresque-accessibilite-web.fr/wp-content/uploads/2024/02/Background-Banner-scaled.jpg)!important;
    }
}

@media (max-width: 1024px) {
    blockquote {
        padding: 20px 30px;
    }
    .img-banner-home {
        display: flex;
        justify-content: center;
    }
    .web-quote {
        padding: 60px 40px;
    }
    .web-quote blockquote {
        font-size: 24px;
        line-height: 34px;
    }
    .deco-function {
        right: -2%;
        max-width: 150px;
        top: -40px;
    }
}

@media (max-width: 991px) {
    .web-quote figcaption {
        font-size: 17px;
    }
    .timeline .purple:before {
        background: #8c2c87;
        width: 75px;
        right: -75px;
        height: 2px;
        z-index: -1;
        top: 50%;
    }
    .timeline .green:before {
        background: #0f8570;
        width: 75px;
        height: 2px;
        z-index: -1;
        left: -75px;
        top: 50%;
    }
}

@media (min-width: 768px) {
    .double {
        display: none!important;
    }
    .fresco-artist span.kt-blocks-info-box-link-wrap.info-box-link {
        height: 260px;
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
    }
}

@media (max-width: 767.98px) {
    blockquote {
        padding: 20px;
    }
    .web-quote figcaption {
        font-size: 16px;
    }
    p, ul {
        margin-bottom: 20px!important;
    }
    .banner-blue {
        background-color: #132C54;
    }
    span.b-end:before {
        top: -40px;
    }

    span.b-end:after {
        bottom: -10px;
    }
    .double {
        display: block;
    }
    .web-quote {
        padding: 50px 20px;
    }
    .web-quote blockquote {
        font-size: 22px;
        line-height: 32px;
        text-align: left;
    }
    .timeline {
        padding: 40px 0 10px;
    }
    
    .timeline .left, .timeline .right {
        padding: 0px;
        margin-bottom: 30px!important;
    }

    .timeline .left, .timeline .right {
        margin: auto;
        text-align: left;
        position: relative;
        width: 100%;
        display: block;
    }

    .timeline .left .date, .timeline .right .date {
        z-index: 1;
        top: 0;
        position: relative;
        right: 0;
        left: 0;
        justify-content: center;
    }

    .timeline .purple {
        width: 100%;
        border: none;
        border-top: 10px solid #8C2C87;
        z-index: 2;
        margin-top: 20px;
    }

    .timeline .green {
        width: 100%;
        border: none;
        border-top: 10px solid #0F8570;
        z-index: 2;
        margin-top: 20px;
    }

    .timeline .purple:before {
        background: #8c2c87;
        width: 2px;
        right: auto;
        height: 20px;
        z-index: -1;
        top: -30px;
        left: 50%;
    }

    .timeline .green:before {
        background: #0f8570;
        width: 2px;
        right: auto;
        height: 20px;
        z-index: -1;
        top: -30px;
        left: 50%;
    }
    .timeline .center {
        display: block;
    }
	div.blocks-for-eventbrite div.event__list {
		justify-content: center!important;
	}
}

p:last-child, ul:last-child, li:last-child {
    margin-bottom: 0px!important;
}

@media (scripting: none) {
    .kt-accordion-panel.kt-accordion-panel-hidden {
        display: block!important;
        max-height: 100%!important;
    }
}