/* = Theme customization starts here
-------------------------------------------------------------- */
@font-face {
    font-family:'Nexa_Bold';
    src:   url('/cms/wp-content/themes/flatter-child/fonts/Nexa_Bold.otf');
   }
   
   @font-face {
    font-family:'Nexa_Light';
    src:   url('/cms/wp-content/themes/flatter-child/fonts/Nexa_Light.otf');
   }
   
    h2{
       font-size: 35px !important;
       
    }
    .title1{
        margin-top: 50px;
        display: flex;
        margin-left: 1em;
    }
    .title2{
        margin-top: 70px;
        display: flex;
        margin-left: 80px;
    }
    .title3{
        margin-top: 60px;
        display: flex;
        margin-left: 1em;
    }
    .title4{
        margin-top: 70px;
        display: flex;
    }

    .section.primary .single-content h4{
        font-size: 50px;
        margin: -15px;
        margin-top: 0px;
        margin-bottom: -30px;
    }

   .section.primary .single-content h5{
        line-height: 0.6em;
        
   }
   h1, h2, h3, h4, h5, h6 {
       font-family: Nexa_Light !important;
   }
   .gras {
       font-family:'Nexa_Bold';
   }

   .smtgras{
        font-family:'Nexa_Bold';
        font-size: 25px;
        white-space: nowrap;
        margin: -60px;
   }
   .btn-default, .label-default {
       background-color: #515151 !important;
       border-color: #515151 !important;
       color: #FFF !important;
   }
   .btn-default:hover, .btn-default:focus, .btn-default.active {
       background-color: #a6a6a6 !important; 
       border-color: #a6a6a6 !important;
       color: #FFF !important;
   }
   
   .btn-warning, .label-warning {
       background-color: #FAAA00 !important;
       border-color: #FAAA00 !important;
   }
   .btn-warning:hover, .btn-warning:focus {
       background-color: #FAAA00 !important;
       border-color: #FAAA00 !important;
   }
   
   .panel-title {
       font-size: 18px !important;
       color: #fff !important;
   }
   
   .panel-default>.panel-heading {
       background: #4cb4e7 !important;;
   }
   .panel-heading a {
       color: #fff !important;
   }
   .panel-heading a:hover {
       color:  !important;
   }
   .panel-default {
       border:1px solid #fff !important;
   }
   
   
   /*Permet d'agrandir le menu déroulant */
   .menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-4551.dropdown-menu{
       height: 40px;
       width: 60px;
   }
   
   
   /* changes by thomas */
   
   /*Mailchimp extension newsletter*/
   
   .mailchimp-form{
       display: flex;
       justify-content: center;
   }
   
   
   .mailchimp-form .form-email { 
       width: 300px;
       float: left;
       height: 40px;
       margin-right: 10px;
       
   }
   
   .mailchimp-form .form-button {
       background-color: #FAAA00;
       border-color: #FAAA00;
       text-align: center;
       
   }
   
   /*Cela permet de mettre des cadres gris aux articles*/
   .blox-element.blox-element-text1{
       border: solid 2px #a6a6a6;
       padding: 5px;
       height: 560px;
   }
   
   /* ce .colortext permet de changer la couleur des textes dans l'accueil*/
   .smt-colortext{
       color: #515151;
       padding-bottom: 3em;
   }
   /* ce .colortext1 permet de changer la couleur des textes des 4 pages*/ 
   .smt-colortext1{
        color: #515151;
        margin-top: -35px !important;
   }

   /* Permet d'aligner les 4 boutons en savoir +, règle les hauteurs des blocs*/
   .smt-bloc-nosmetiers{
        height: 9em;
   }

   .blox-element .image .text-center{
       margin:0px;
   }

   /*cette class permet de mettre des cadres dynamiques des articles dans "nos réalisations"*/
   .smt-bordertext{
       padding: 20px;
       height: 32em;
       background-color: #f2f2f2;
   }

   .smt-artrealisations{
        background-color: #f2f2f2;
        max-width: 100%;
        padding-left: 40px;
        padding-right: 50px;
        padding-bottom: 2px;
        padding-top: 0px;
        min-height: 25em;
   }
   
   .smt-borderarticles{
        padding: 11px;
        height: 15em;
        background-color: #f2f2f2;
        margin-top: 30px;
        padding-top: 10em;
        color: #6344c7;
        min-height: 18em;
        font-weight: bold;
   }
   
   .smt-artitle{
       margin-top: 0px;
       
   }
   
   .element-title{
    margin-top: 3em;
}

   .smt-image{
        margin-top: 0;
   }

   .smt-articles{
        margin-top: -60px !important; 
        margin: 2px;
        padding-top: 15px;
        padding: 10px;
   }

   /*Permet de régler les boutons en savoir + du site  */
   .btn.btn-default.btn-md.center.smt-btn {
        margin-top: -40px;
        margin-left:0px;
   }

   .btn.btn-default.btn-lg.smt-btn-somany {
        margin-top: -5em;
        float: left;
        padding: 0px;
        margin-left: -1px;
        width:50%;
   }
   .smt-btn-somany{
    margin-top: -10em !important;
    margin-left: 10px !important;
   }

   .btn .btn-default .btn-lg .smt-btn1 {
        margin-top: -70px;
        float: left;
        padding: 10px;
   }

   .blox-element .blox-element-text  .smt-exupery {
        margin: 0px !important;
   }
   
   /* Permet de changer la taille des titres du menu déroulant*/
   .dropdown-menu .menu-text {
       font-size: 19px !important;
   }
   
   /*Les paramètres permettent de changer le css des réponses lors d'une inscription à la newsletter*/
   .mc4wp-response {
       text-align: center;
       font-weight:bold;
       color:#4cb4e7;
       text-transform: uppercase;
   }

    /*Comme son nom l'indique, permet de régler la phrase d'Antoine*/
   .smt-exupery{
        padding: 65px;
        font-size: 24px;
        color: white;
   }
   
   /*Permet de mettre des espaces sous les gros titres bleue du site*/
   h4 {
       padding-bottom: 30px !important;
       overflow-wrap: initial;
   
   }

   /*Réglage du pied de page*/
   
   .smt-copyright{
        display: flex;
        place-content: flex-end;
        padding: 1px;
        font-size: 10px;
        font-family:'Nexa_light';
        color: black;
        margin-top: 26%;
   }

   #footer .widget ul li{
        font-family: 'nexa_light';
        white-space: nowrap;
        font-size: 10px;
        position: absolute;
        margin-left: 69%;
        margin-top: 15%;
        color:black;
    }
   

    /*Permet de régler le logo noir somanytalents en pied de page*/
    /*Note importante, 
    le pied de page est modifiable ici mais aussi dans la partie "Apparence -> Widgets -> FooterSideBar Area 1, 2, 3 et 4"*/
   .smt-logo{
       margin-left:-12em;
       padding:25px;
       margin-top: -15px;
   }
   /*Régle le logo facebook en pied de page*/
   .smt-logofb{
       height: 40px;
       margin: 10px;
   }
   /*Régle le logo tweeter en pied de page*/
   .smt-logotwt{
        height: 40px;
        margin: 10px;
   }
   /*Régle le logo linkedin en pied de page */
   .smt-logoin{
        height: 40px;
        margin: 10px;
   }
   /*Régler le logo mail en pied de page*/
   .smt-logomail{
        height: 40px;
        margin: 10px;
   }

   .textwidget{
        text-align: center;
   }
   /*NL du pied de page*/
   .mc4wp-form-fields{
       padding: 0px;
   }
   .mc4wp-form .mc4wp-form-4527{
       margin: 0p;
    }

/* redefine border */
.blox-element h3.element-title {
    border-bottom: none;
}

    #footer .form-email {
        font-size: 15px;
        height: 25px;
        width: 17em;
        margin-top: -14px;
    }
    #footer .mailchimp-form .form-button{
        font-size: 10px;
        width: 10em;
        position: relative;
        top: -16px;
        padding: 4px;
       
    }
    #footer .a{
        margin: 0%;
    }

/* 
 * style pour onboarding 
 */
body.page-onboarding .smt-artrealisations .element-title {
   padding-top: 40px;
}
body.page-formation .smt-artrealisations .element-title {
    padding-top: 40px;
 }
 body.page-mobilite .smt-artrealisations .element-title {
    padding-top: 40px;
 }
 body.page-management .smt-artrealisations .element-title {
    padding-top: 40px;
 }

 .smt-artext .element-title{
    padding-top: 0px;
 }

/*
 * Style pour accueil 
 */
body.home .smt-artrealisations .element-title .smt-artext {
    padding-top: 66px;
}
.smt-publications{
    margin-bottom: -110px !important;
    margin-top: 0em !important;
}

.smt-borderarticles .content img {
    margin: 0%;
}




.smt-borderarticles {
    position: relative;
}
.smt-borderarticles + .image {
    position: absolute;
    top: 48px;
    left: 8px;
    width: 90%;
}
/*Permet de regler les images des articles en pied de page*/
.smt-borderarticles + .image img {
    max-width: 90%;
    margin-left: 2px;
    margin-top: -5px;
    height: 120px;
}

/*Permet de regler les tritres des articles juste avant pied de page*/

#smt-content{

}
.smt-title01{
    color: #515151 !important;
    font-size: 16px !important;
    font-style: italic;
    position: absolute;
    right: 165px;
    bottom: 12em;
}

.smt-title02{
    color: #515151 !important;
    font-size: 16px !important;
    font-style: italic;
    position: absolute;
    right: -135px;
    bottom: 12em;
    z-index: 1;
}

.smt-title03{
    color: #515151 !important;
    font-size: 16px !important;
    font-style: italic;
    position: absolute;
    right: -500px;
    bottom: 11em;
    z-index: 1;
    width: 13em;
    line-height: 1em !important;
}

.smt-title04{
    color: #515151 !important;
    font-size: 16px !important;
    font-style: italic;
    position: absolute;
    right: -712px;
    bottom: 13em;
    z-index: 1;
}