/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.24.2.1710924469
Updated: 2024-03-20 09:47:49

*/

/* Header : Fix conflict for footer */

header.et-l.et-l--header {
    z-index: 10001;
    position: relative;
}


/* Home slide constrollers */

.et-pb-controllers a {
    width: 12px;
    height: 12px;
    @media screen and (max-width: 980px){
        width: 16px;
        height: 16px;
        margin-right: 30px;
    }
}


/* Footer */

footer a {
    transition: all 300ms ease;
}

footer .et_pb_social_media_follow_network_name {
  visibility: hidden;
  display: none;
}

footer .grace_footers_naos .et_pb_social_media_follow li a.icon:before {
    width: 100%! important;
}

.df-title-bg {
    position: relative;
    z-index: 2001;
    display: inline-flex;
}
  
.df-title-bg:before {
    content: '';
    background-color: #c6aa89;
    width: 100%;
    height: 80%;
    position: absolute;
    left: 0.05rem;
    top: 1rem;
    z-index: -1;
}

/*@media screen and (min-width: 981px) and (max-width: 1500px) {
    #section-concept .et_pb_row.et_pb_row_1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    #section-concept .et_pb_column.et_pb_column_1_4 {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: auto;
    }

    #section-concept .et_pb_row_2 .et_pb_column_3_4 {
        width: 100%;
    }

    #section-concept .et_pb_gutters2 .et_pb_column_1_4 .et_pb_module, 
    #section-concept .et_pb_gutters2.et_pb_row .et_pb_column_1_4 .et_pb_module {
        margin: 2rem auto !important;
        max-width: 550px;
        width: 80%;
        text-align: center;
    }

    #section-concept p, #section-concept h2 {
        text-align: center !important;
    }
}*/

@media screen and (min-width: 981px) {

    /* Fixed Footer */
    #et-main-area {
        position: relative;
        z-index: 10;
    }

    footer {
        position: fixed;
        bottom: 0;
        z-index: 0;
        width: 100%;
    }
    /* END fontsFixed Footer */
}

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

    /* Menu Principal */
    #mobile_menu1 {
        width: 100vw !important;
        transform: translateX(-4%) !important;
        margin-top: 1rem;
    }

    /* Footer */

    footer, footer a {
        font-size: 16px !important;
    }

}

/* Sidebar */

.content-sidebar-right{
    display: flex;
    flex-direction: column;
}
  
.content-sidebar-right .bt{
    position: absolute;
    top: 0;
    left: -24px;
    background-color: #3e3d45;
    color: #FFFFFF;
    padding: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 20px;
}
  
.content-sidebar-right .bt:after{
    content: "\35";
    font-family: 'ETmodules'!important;
    display: block;
}
  
#bloc-fixed-right.close .content-sidebar-right .bt{
    background-color: #DC7743;
}
  
#bloc-fixed-right.close .bt:after{
    content: "\34";
}
  
.content-sidebar-right a.services {
    background: #DC7743;
    color: #FFFFFF;
    font-size: 11px;
    line-height: 13px;
    padding: 10px;
    padding-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    flex-wrap: wrap;
    transition: all 0.3s ease;
}
.content-sidebar-right a.soldes {
    background: #2c75ff!important;
}
  
.content-sidebar-right a.services:hover {
    opacity: 0.8;
}
  
.content-sidebar-right a.services img{
    display: block;
    margin: auto;
    margin-bottom: 8px;
}
  
.content-sidebar-right a.services span{
    text-align: center;
    display: block;
    width: 100%;
}
  
.content-sidebar-right a.services:nth-child(odd) {
    background: #3E3D45;
}

/* Boutons réseaux sociaux RS */

.sticky-buttons.-medium .sb-icon {
    width: 45px !important;
}
.sticky-buttons.-medium .sb-icon {
    height: 45px !important;
    line-height: 45px !important;
    font-size: 22px !important;
}

/* Navigation */

.wp-pagenavi {
  text-align: center;
  padding: 3% 1rem 0;
}

.wp-pagenavi a, .wp-pagenavi span {
    border: 1px solid #957D64;
    background-color: #957D64;
    color: white;
    transition: all 300ms ease;
}

.wp-pagenavi span.current {
    background-color: #c2ab8c;
}

.wp-pagenavi span.current {
    border-color: #c2ab8c;
}

.wp-pagenavi span, .wp-pagenavi a {
    padding: 5px 8px;
}

/* Réalisations */

.page-id-3377 .et_pb_salvattore_content article {
    height: 550px;
    display: flex;
    flex-direction: column;
}

.page-id-3377 .et_main_video_container {
    height: 350px;
    margin-bottom: 0;
}


.cherry-projects-wrapper {
  padding: 5rem 0;
}


.projects.type-projects {
  position: relative;
  z-index: 10;
}

.cherry-projects-wrapper .projects-container {
    position: relative;
    z-index: 8;
    background-color: white;
    margin: auto;
    max-width: 1500px;
    width: 80%;
}

.cherry-projects-wrapper {
    background-color: white;
}

#post-3128 {
  background-color: white;
  z-index: 1;
  position: relative;
}

.projects-item-instance .featured-image img {
    max-height: 350px;
    object-fit: cover;
}

.projects-item .inner-wrapper {
  padding: 1rem;
}

.project-meta {
  display: none;
}

.projects-item-instance .project-content, .projects-item-instance .project-terms-media {
    padding: 1rem;
}

.project-content > a {
  display: none;
}

.post-terms a {
  color: #959595!important;
}

.projects-item-instance.simple-scale-hover .hover-content {
  display: none;
}

.project-content h3 a {
  color: #C6AA89;
  font-weight: 600;
}

.projects-ajax-button-wrapper .projects-ajax-button span {
    background: #c7aa89;
}

/* Fix list projects */

.tax-projects_category .projects-list {
      display: flex !important;
    flex-wrap: wrap !important;
}

.cherry-animation-container.loading-animation-move-up .cherry-animation-list .cherry-animation-item.animate-cycle-show .inner-wrapper {
  opacity: 1;
}

.tax-projects_category  .projects-item-instance .featured-image img {
    height: 350px;
    object-fit: cover;
    object-position: center;
}

/* Contact form */
.nf-form-content input[type=submit] {
    background: #917e67 !important;
    color: white !important;
    padding: 5px 15px;
    font-weight: 700;
}

.nf-form-content input[type=submit]:hover {
    background: #c2ab8c !important;
    color: white !important;
  }

.et_contact_bottom_container{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    row-gap: 20px;
} 

.et_pb_contact_right{
    max-width: 135px;
    width: 100%;
}
.et_pb_contact_submit{
    flex: auto;
}

/* Responsive */

@media screen and (max-width: 981px) {
    .et_pb_gutters2 .et_pb_column_1_4 .et_pb_gutters2.et_pb_row .et_pb_column_1_4 {
        width: 35% !important;
    }
}

  @media screen and (max-width: 768px) {
    .nf-form-content input[type=submit] {
        width: 100% !important;
    }
}

/* Mobile (425px) */

@media screen and (max-width: 425px) {
    .field-wrap input[type="submit"] {
        width: 100% !important;
    }

    .nf-form-content label{
      font-size: 16px !important;
    }

    g.imapsSprite-group.imapsContainer-group.imapsMapObject-group.imapsMapImage-group {
        pointer-events: none;
    }

}

@media screen and (min-width: 1024px) {
    .sticky-buttons.-medium .sb-icon {
        width: 55px !important;
    }
    .sticky-buttons.-medium .sb-icon {
        height: 55px !important;
        line-height: 55px !important;
        font-size: 28px !important;
    }
}

@media screen and (max-width: 768px) {
    .sticky-buttons.-medium .sb-icon {
        width: 45px !important;
    }
    .sticky-buttons.-medium .sb-icon {
        height: 45px !important;
        line-height: 45px !important;
        font-size: 22px !important;
    }
}

@media screen and (max-width: 425px) {
    .sticky-buttons.-medium .sb-icon {
        width: 45px !important;
    }
    .sticky-buttons.-medium .sb-icon {
        height: 45px !important;
        line-height: 45px !important;
        font-size: 22px !important;
    }
}

/* Corriger les problèmes ARIA de la carte */
.imapsSprite-group.imapsRectangle-group[aria-label] {
    aria-label: none !important;
}

.social__container{
    position: fixed;
    display: flex;
    flex-direction: column;
    top: 30%;
    right: 0;
    gap: 5px;
    .social__item{
        position: relative;
        background: #c6aa89;
        border-radius: 0.25em;
        align-items: center;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;

        .tooltip{
            background: #ffffff;
            block-size: 40px;
            border-radius: 0.25em;
            color: #c6aa89;
            cursor: pointer;
            font-size: 20px;
            line-height: 40px;
            margin-inline: calc(20px / 2);
            opacity: 0;
            visibility: hidden;
            padding: 0 10px;
            position: absolute;
            vertical-align: middle;
            visibility: hidden;
            white-space: nowrap;
            left: -25px;
            top: 50%;
            transform: translate(-100%, -50%);
            transition: opacity .5s;
            &:before{
                background-color: inherit;
                block-size: calc(20px / 2);
                content: "";
                display: block;
                inline-size: calc(20px / 2);
                inset: 50% calc(20px / 4 * -1) auto auto;
                position: absolute;
                transform: translateY(-50%) rotate(45deg);
            }
        }
        &.devis{
            color: #fff;
            background: #a84935;
            .tooltip{
               background: #fff;
                color: #a84935;
            }
        }
        .icon{
            fill: #fff;
            cursor: pointer;
            font-size: 0;
            transition: all .5s;

            width: 55px;
            height: auto;
            padding: 14px;
            line-height: 0;
            @media screen and (max-width: 980px){
                width: 40px;
                padding: 7px;
            }
        }
        &:hover{
            border-radius: 0.25em;
            color: #c6aa89;
            background: #fff;
            &.devis{
                color: #a84935;
                background: #fff;
                .icon{
                    fill: #a84935;
                }
            }
            .icon{
                fill: #c6aa89;
            }
            .tooltip{
                opacity: 1;
                visibility: visible;
            }
        }
    }
}