/*

 * Custom code goes here.

 * A template should always ship with an empty custom.css

 */



 /*BOUTON CONFIGURATEUR MENU*/

.wrapper-menu-horizontal a.style_element_a_2{

border-radius: 2rem;

}



 /*SUB MENU PAGES PRODUIT*/

.product-images-cover{z-index: 0;}



 /*SEPARATEURS*/

.elementor-divider-separator{

    border-radius: 5px;

}



 /*SUPPRESSION NOTES PRODUITS*/

 .product-rating, .product-type-1 .reviews_note{display: none;}


 /*PAGE INSTALLATEURS*/
.blog-single .img-placeholder, .blog-single .single-navigation{
    display:none;
}

/*MENU PETITS ECRANS*/
@media screen and (max-width: 1494px) and (min-width: 1024px){
    .menu-desk-md{
        width:45% !important;
    }
    .elementor-2 .elementor-element.elementor-element-ocvyt2t .menu-horizontal .item-level-0 > a, .elementor-4 .elementor-element.elementor-element-lddsewn .menu-horizontal .item-level-0 > a{
        padding:8px !important;
    }
    .elementor-2 .elementor-element.elementor-element-2tg9k90 > .elementor-element-populated{
        padding: 0px 0px 0px 15px !important;
    }
    .elementor-2 .elementor-element.elementor-element-ocvyt2t .menu-horizontal .item-level-0, .elementor-4 .elementor-element.elementor-element-lddsewn .menu-horizontal .item-level-0{
        margin:0 !important;
    }
    .elementor-4 .elementor-element.elementor-element-pppkvpv{
        width: 21% !important;
    }
    .elementor-4 .elementor-element.elementor-element-dbjspel{
    width:50% !important;
}
}

/*MENU STICKY*/
.elementor-4 .elementor-element.elementor-element-lddsewn .menu-horizontal .item-level-0 > a{
        color:#154862 !important;
        font-weight: 600 !important;
    }
/*.elementor-4 .elementor-element.elementor-element-dbjspel{
    width:27% !important;
}*/
.elementor-4 .elementor-element.elementor-element-xjrtxiz{
    width: 59% !important;
}

.wrapper-menu-mobile a{
    color:#082D54 !important;
}
.wrapper-menu-mobile a.mo_element_a_32{
    color:#ffffff !important;
    font-weight: 600;
    margin-top:20px;
    background-color:#FF8400;
    border-radius:8px;
    width: 85%;
    margin-left: 10px;
}
#canvas-menu-mobile .btn-canvas, #canvas-menu-mobile .social-list{
    display:none;
}

.tel-menu{
    background-color: #ff8400;
    color: #ffffff;
    border-radius: 5px;
    padding:5px;
}
.elementor-2 .elementor-element.elementor-element-7dd61f1 .axps-dropdown-menu, .elementor-4 .elementor-element.elementor-element-b9b2b18 .axps-dropdown-menu{
    padding:10px 0 20px 0;
}

/*POPUP SERVICES*/

.custom-modal-footer-price{
    font-size: 2.5rem;
}
.groupeButtonsModal,
.modal-footer .left{
    text-align:center!important;
}

.modal-footer{
  border-top: 2px solid #f2f2f2;
  padding-top: 5px;
}

.modal-footer .row{
    flex-wrap: wrap;
}
.modal-footer .row > div{
    flex: 0 0 100%;
  max-width: none;
}


.bd-example-modal-lg .modal-dialog{
    width: calc(100% - 60px);
}
@media screen and (min-width: 1200px) {
  .bd-example-modal-lg .modal-dialog{
    width: calc(70% - 60px);
  }
}

#module-yeah_installer-dashboard .container.container-parent,
#my-account .container.container-parent{
  max-width: 90%;
}

.my-account-links a.active{
    background-color: #FF8400;
    color: #fff;
}

.tailOrderInstaller .form-select
{
  background-color: #E7E7E7;
  border: 0;
  padding: 6px 12px;
  border-radius: 3px;
}

.titleOrderInstaller{
  padding: 10px 0;
}

.demande-label-9,
.demande-label-10,
.demande-label-11,
.demande-label-cours{
    border-radius: 3px;
    padding: 2px 4px;
    color: #fff;
    font-weight: bold;
    margin: 0 5px;
}

.demande-label-9,
.demande-label-10,
.demande-label-11{
    background-color: #082d54;
    
}

.demande-label-cours{
    background-color: #FF8400;
    white-space: nowrap;
}

.tailProductsOrderInstaller thead{
    color: #082d54;
}

.btn-primary{
    text-transform: none;
    font-weight: bold;
    border-radius: 10px;
}

.actionOrderInstaller textarea,
.tailOrderInstaller textarea,
input[type=date]{
  background-color: #E6E6E6;
  border: 0;
  border-radius: 3px;
}

/*BLOC INSTALL PANIER*/

.indication1{
    margin-top:25px;
}
.indication1 img{
    margin-top:10px;
}
.indication1 .price-installer, .indication2 .price-installer, .indication1 a, .price-installer, .indication2 a {
    font-weight: bold;
}

.indication2{
    flex-wrap: wrap;
}

.indication2 > div{
    flex: 0 0 100%;
}

@media screen and (min-width: 768px) {
    .indication2 > div{
        flex: 0 0 48%;
    }
    .modal-footer .left,
    .groupeButtonsModal{
        text-align:right;
    }
    .modal-footer .row > div{
        flex: 0 0 50%;
    }
  }