/*//////////////////////////////////////////////////////////////////////////////////////////////////
// 01 - LOGIN
//////////////////////////////////////////////////////////////////////////////////////////////////*/

body.login div#login h1 a {
    width: 290px;
    height: 144px;

    background-image: url(https://bbmat.com/wp-content/themes/BBMat/images/site-login-logo.png);
    background-size: auto;
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////
// 02 - GRAVITY FORM
//////////////////////////////////////////////////////////////////////////////////////////////////*/

#gform_wrapper_1 {
    display: block !important;
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////
// 03 - PROPHOTO MOBILE MENU
//////////////////////////////////////////////////////////////////////////////////////////////////*/

body:not(.pp-visualbuilder) .pp-slideover > .pp-block {
    width: 100vw !important;
}

.pp-menu-item--depth1.pp-menu-item.has-children {
    padding-top: 15px;
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////
// 04 - TESTIMONIALS
//////////////////////////////////////////////////////////////////////////////////////////////////*/

.ti-review-text,
.ti-inner,
.ti-review-content {
    font-family: "Lato-Light" !important;
    font-size: 15px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    letter-spacing: 0;
    word-spacing: 0;
    color: rgb(70, 70, 70);
    text-transform: none;
    font-variant: none;
}

.ti-widget.ti-wp-testimonial-1 .ti-widget-container .ti-date,
.ti-widget.ti-wp-testimonial-2 .ti-widget-container .ti-date,
.ti-widget.ti-wp-testimonial-3 .ti-widget-container .ti-date {
    display: none;
}

.accordion-link {
    padding-top: 10px;
}

.accordion-link a,
.accordion-link a:hover,
.ea-body a,
.ea-body a:hover {
    text-transform: none;
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////
// 05 - FOOTER
//////////////////////////////////////////////////////////////////////////////////////////////////*/

.copyright-footer {
    padding: 10px 5%;
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////
// 06 - COOKIE NOTICE
//////////////////////////////////////////////////////////////////////////////////////////////////*/

.cky-btn-revisit-wrapper {
    background: #939292;
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////
// 07 - ACCORDION
//////////////////////////////////////////////////////////////////////////////////////////////////*/

.collapsed {
    font-weight: normal !important;
    background-color: #eee;
}

.sp-easy-accordion .sp-ea-single {
    overflow: hidden;

    border: none !important;
    border-radius: 10px;

    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}

.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a,
.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a:hover,
.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a:focus,
.sp-ea-one.sp-easy-accordion .ea-card.ea-expand .ea-header a {
    display: block !important;

    padding: 12px 40px 10px 16px !important;

    line-height: 1.35 !important;

    box-sizing: border-box !important;

    border: 0 !important;
    outline: 0 !important;
}

.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a {
    position: relative !important;

    font-size: 16px !important;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: none !important;

    color: #444;
    background-color: #f9f9f6;

    transition: background-color 0.2s ease;
}

.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a:hover,
.sp-ea-one .ea-card.ea-expand .ea-header a {
    background-color: #eae8e4;
}

.sp-easy-accordion .ea-header,
.sp-easy-accordion .ea-header a {
    font-weight: 400 !important;
}

.sp-easy-accordion .ea-expand-icon::before {
    content: "" !important;
}

.sp-easy-accordion .ea-expand-icon {
    display: inline-block;

    width: 22px;
    height: 22px;

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.sp-easy-accordion .eap-icon-ea-expand-plus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6l6 6-6 6' fill='none' stroke='%23686865' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.sp-easy-accordion .eap-icon-ea-expand-minus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23686865' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a .ea-expand-icon {
    position: absolute !important;
    top: 50% !important;
    right: 12px !important;
    left: auto !important;

    margin: 0 !important;

    transform: translateY(-50%) !important;

    float: none !important;
}

.sp-ea-one .ea-card.ea-expand {
    border-radius: 10px;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.sp-easy-accordion .ea-body {
    font-size: calc(100% - 1px);
}

.sp-easy-accordion .ea-body p {
    margin: 0 0 1em !important;

    line-height: 1.6;
}

.sp-easy-accordion .ea-body p:last-child {
    margin-bottom: 0 !important;
}

@media (max-width: 768px) {
    .sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a {
        font-size: 15px !important;
    }
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////
// 08 - IMAGE HOVER
//////////////////////////////////////////////////////////////////////////////////////////////////*/

.pp-grid-image__image {
    opacity: 1;

    transform: scale(1);

    transition: transform .3s ease-in-out;
}

.pp-grid-image__image:hover {
    cursor: pointer;

    opacity: 5;

    transform: scale(1.05);
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////
// 09 - BREADCRUMB
//////////////////////////////////////////////////////////////////////////////////////////////////*/

.fbc-page .fbc-wrap .fbc-items {
    height: 40px;

    background-color: #f7f7f7;
}

.fbc-page .fbc-wrap .fbc-items li:first-child {
    margin-top: -8px;
}

.article-content li,
.pp-module--text li {
    margin-left: 1em;
}

.fbc-page .fbc-wrap .fbc-items li {
    padding: 12px 2px;
}

.fbc-page .fbc-wrap .fbc-items li.active span,
.fbc-page .fbc-wrap .fbc-items li .fbc-end-text,
.fbc-page .fbc-wrap .fbc-items li a {
    font-family: "TTCommons-Medium.woff";
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
    text-transform: uppercase;

    color: rgba(134, 109, 65, 1);
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////
// 10 - POSTS NAVIGATION
//////////////////////////////////////////////////////////////////////////////////////////////////*/

.prev-post-link-wrap a,
.next-post-link-wrap a {
    visibility: hidden;
}

.prev-post-link-wrap a::before {
    content: "Précédent";

    visibility: visible !important;
}

.next-post-link-wrap a::after {
    content: "Suivant";

    visibility: visible !important;
}

.prev-post-link-wrap {
    width: 300px;
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////
// 11 - GRAVITY BUTTON
//////////////////////////////////////////////////////////////////////////////////////////////////*/

.gform_wrapper.gravity-theme .gform_footer button,
.gform_wrapper.gravity-theme .gform_footer input,
.gform_wrapper.gravity-theme .gform_page_footer button,
.gform_wrapper.gravity-theme .gform_page_footer input {
    margin-bottom: 8px;
    padding: 2px 19px;

    font-size: 18px;
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////
// 12 - CONTACT FORM 7
//////////////////////////////////////////////////////////////////////////////////////////////////*/

#formulaire-responsive {
    width: 100%;
    margin: 0 auto;
}

#formulaire-responsive h2 {
    position: relative;

    padding: 15px 0 10px;
}

input:focus,
textarea:focus {
    outline: 1px solid #9d9d9d;
}

.form-spacer {
    padding-top: 30px !important;
}

.form-small-spacer {
    padding-top: 10px !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;

    background: #e7f5d2;
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////
// 13 - POPUP APPLE STYLE
//////////////////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 768px) {
    .apple-popup-card h2 {
        font-size: 21px !important;
    }
    .apple-popup-close {
       width: 36px !important;
       height: 36px !important;
    }
    .apple-popup-close-svg {
       width: 38px !important;
       height: 38px !important;
    }
   .apple-popup-close-icon {
       width: 32px !important;
       height: 32px !important;
    }
}



.apple-popup-overlay {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    background: rgba(29, 29, 31, 0.45);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    opacity: 0;
    visibility: hidden;
    transition:
        opacity .35s ease,
        visibility .35s ease;
    z-index: 99999;
}

.apple-popup-overlay.active {
    opacity: 1;
    visibility: visible;
}

.apple-popup-card {
    position: relative;
    width: 100%;
    max-width: 780px;
    padding: 50px;
    background: rgba(255, 255, 255, 0.96);
    border-radius: 38px;
    overflow: visible;
    box-shadow:
        0 30px 80px rgba(0, 0, 0, 0.18),
        0 10px 30px rgba(0, 0, 0, 0.08);

    transform:
        translateY(24px)
        scale(.98);
    opacity: 0;
    transition:
        transform .45s cubic-bezier(.28, .11, .32, 1),
        opacity .35s ease;
}

.apple-popup-overlay.active .apple-popup-card {
    transform:
        translateY(0)
        scale(1);
    opacity: 1;
}

.apple-popup-card h2 {
    margin: 0 0 32px;
    font-size: 30px;
    font-weight: 700;
    line-height: .95;
    letter-spacing: -0.02em;
    color: #1d1d1f;
    text-align: center;
}

.apple-popup-close {
    position: absolute;
    top: 28px;
    right: 28px;
    width: 56px;
    height: 56px;
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    z-index: 30;
}

.apple-popup-close::before {
    content: '';
    position: absolute;
    inset: -12px;
}

.apple-popup-close-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 999px;
    background: #1d1d1f;
    transition:
        transform .25s cubic-bezier(.28, .11, .32, 1),
        background .15s linear;
}

.apple-popup-close-svg {
    display: block;
    width: 38px;
    height: 38px;
    color: #fff;
    flex-shrink: 0;
}

.apple-popup-close:hover .apple-popup-close-icon {
    background: #000;
    transform: scale(1.08);
}

.apple-popup-document {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 20;
}

.apple-popup-document img {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 70vh;
    object-fit: contain;
    border-radius: 20px;
    background: #fff;
    box-shadow:
        0 10px 30px rgba(0, 0, 0, .08);
}

.apple-popup-download {
    position: relative;
    z-index: 100;
    display: inline-flex;
    margin-top: 24px;
    color: #0066cc;
    text-decoration: none;
    cursor: pointer;
    padding: 8px 12px;
}

body.apple-popup-open {
    overflow: hidden;
}

@media (max-width: 768px) {

    .apple-popup-overlay {
        padding: 20px;
    }

    .apple-popup-card {
        padding: 32px 22px;
        border-radius: 28px;
    }

    .apple-popup-card h2 {
        font-size: 32px;
    }

    .apple-popup-close {
        top: 18px;
        right: 18px;
        width: 40px;
        height: 40px;
    }

    .apple-popup-close-icon {
        width: 40px;
        height: 40px;
    }

    .apple-popup-close-svg {
        width: 46px;
        height: 46px;
    }

    .apple-popup-document img {
        max-height: 60vh;
    }

}