/*

Theme Name: Divi child

Description: Thème enfant de Divi

Author: Jérémie Mougeat

Author URI: https://jeremie-mougeat.fr

Template: Divi

Version: 1.0

*/



.wpcf7-form button {

    background-color: #109999 !important;

    color: #fff !important;

}



h2 {

    font-size: 30px;

}





/****************** MENU *******************/

.notificationIcon {

    padding: 2px;

    position: relative;

    top: -5px;

}



/****************** MODAL ******************/

#errorModal .modal-footer {

    visibility: hidden;

    justify-content: center;

}



.modal .modal-header {

    background-color:#0F9A9A;

}



.modal .modal-header h4 {

    color: #fff;

}







/************** PAGE ACCUEIL ***************/

div.productsCount {

    font-size: 1.2em;

    text-align: center;

    box-shadow: 0px 0px 30px -3px rgba(0,0,0,0.3);

    display: inline-block;

    border-radius: 5%;

    margin-bottom: 10px;

} 



div.productsCount > div {

    padding: 0 10px;

}



div.productsCount > div:nth-of-type(2) {

    background-color: #0F9A9A;

    color: #ffffff;

    font-size: 16px;

}



/************ PAGE STOCK DISPO *************/



/* Paramétrage des encarts d'information*/



.encart-info .et_pb_blurb_container{

    padding: 10px;

}



.encart-info .et_pb_main_blurb_image {

    margin-bottom: 0;

}



.encart-info .et_pb_image_wrap {

    height: 200px

}



.encart-info .et_pb_image_wrap img {

    object-fit: cover;

    height: 100%;

}



.encart-info .et_pb_button_module_wrapper  {

    margin-top: 10px;

}



.encart-info .et_pb_button {

    font-size: 16px;

    border-radius: 10px;

}



/* Taille du texte d'explication pour la demande de devis */

#indication-devis {

    background-color: #6EC175;

    color: #ffffff;

    display: inline-block;

}



#indication-devis img {

    vertical-align: middle;

    margin-right: 5px;

}



#stocks-explains-wrapper {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: space-between;

}



/* Style du tableau des stock */

#stock-table {

    box-shadow: 0px 0px 30px -3px rgba(0,0,0,0.3);

    border-radius: 15px;

}



#stock-table td:first-child a {

    color: #109999;

    font-weight: bold;

}



#request-a-quote, #make-offer {

    background-color: #0F9A9A;

    color: #fff;

}



/************* FICHE MATERIAU **************/



/* Changement de l'état du curseur sur "Retour à la page précédente */

#previous-page:hover{

    cursor: pointer;

}



/* Suppression des puces de liste */

.material-infos ul {

    list-style-type: none !important;

}



/* Ajout d'une marge en bas de chaque item de la liste */

.material-infos ul li {

    margin-bottom: 5px;

}



.material-infos ul li:nth-last-of-type(2n) {

    background-color: #E8E8E8;

}





/* Mise en gras des titres des caractéristiques du matériau */

.material-infos-title {

    font-weight: bold;

}



/* Agrandissement de la police de la fiche matériau */

.type-leanwaste_materials {

    font-size: 1.2em;

    background-color: #F8F8F8;

}







/************** PAGE PRESENTATION ***************/



.encart-presentation button {

    opacity:0;

    background-color: #5BD779;

    transition: opacity 600ms, margin-left 500ms;

    text-shadow: rgba(0,0,0,0.3);

}



.encart-presentation:hover button {

    opacity: 1;

}



.encart-presentation button:hover {

    color: #fff;

    margin-left: 15px;

}





/************** PAGE CONTACT ***************/





/* Centrage du bouton du formulaire de contact */

.et_contact_bottom_container {

    float: none;

    justify-content: center;

}







/********** PAGE VENDRE MON STOCK **********/



@media(min-width: 800px) {

    

    .form2cols {

        display: flex;

        justify-content: space-between;

    }



    .formInput {

        width: 48%;

        margin-bottom: 20px;

    }



}



textarea.form-control {

    height: 100px;

}





/************ PAGE ESPACE MEMBRE ************/



.um-account-tab h2 {

    font-size: 1.2rem;

}



.um-account-tab .um-field {

    padding-top: 30px;

}



#quotes span.badge {

    font-size: 0.6em;

    vertical-align: bottom;

}







/************ PAGE INSCRIPTION ************/



.registerH2 {

    font-size: 1.3em;

}









/************ PAGE DEMANDE D'APPROVISIONNEMENT ************/

#supplyQueryModal form {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



.supplyQueryField {

    margin-top: 15px;

}



#supplyQueryModal form button {

    background-color: #0F9A9A;

    color: #fff;

    margin-top: 40px;

    font-size: 16px;

}



.dashboardWrapper .card {

    margin-bottom: 30px;

}



#supplyQueryModalErrorMsg {

    display: none;

    margin-top: 15px;

    padding: 10px;

}



#priceOffer .modal-dialog {

    max-width: 80%;

    margin: auto;

}



#proposalConfirmation {

    display: none;

    color: #6EC175;

}

/* Formulaires de contact */
.form-2-col {
   display: flex;
   justify-content: space-between;
   margin: 5px 0;
}

.form-2-col label {
    width: 48%;
}

.form-2-col input {
    width: 100%;
}

.form-1-col textarea {
    width: 100%;
}