/*
Theme Name: Kalium
Theme URI: https://laborator.co/themes/kalium/
Author: Laborator
Author URI: https://laborator.co/
Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on:  <a href="https://themeforest.net/user/laborator">Envato</a> &bull; <a href="https://twitter.com/thelaborator">Twitter</a> &bull; <a href="https://www.facebook.com/laboratorcreative">Facebook</a> &bull; <a href="https://www.instagram.com/laboratorcreative/">Instagram</a>
Version: 2.8
License: GNU General Public License version 3.0
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kalium
*/

/*-------------------------*/
/* --- BACKGROUND PERSO ---*/
/*-------------------------*/

.bg-right-50{
	background-repeat: no-repeat;
    background-size: 48% 100%;
    background-position: right;
}

.bg-right-53{
	background-repeat: no-repeat;
    background-size: 53% 100%;
    background-position: right;
}

.bg-left-66{
	background-repeat: no-repeat;
    background-size: 63% 100%;
    background-position: left;
}

.bg-left-85 {
	background-repeat: no-repeat;
    background-size: 85% 100%;
    background-position: left;
}

.bg-left-50{
    background-repeat: no-repeat;
    background-size: 50% 100%;
    background-position: left;
}

.bg-left-40{
    background-repeat: no-repeat;
    background-size: 40% 100%;
    background-position: left;
}

.bg-left-47{
    background-repeat: no-repeat;
    background-size: 47% 100%;
    background-position: left;
}

@media (max-width: 767px) {
/*
    .bg-right-50 {
	background-repeat: no-repeat;
    background-size: 100% 50%;
    background-position: bottom;
    }
    */
    .bg-left-40{
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: left;
    }
    .bg-right-50{
        background-repeat: no-repeat;
        background-size: 50% 100%;
        background-position: right;
    }

    .bg-left-50 {
    background-size: 0% 0%;
    }
    .bg-left-85 {
	  background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: left;
    }
    /*-----------------------------------------*/
    /* --- PARTI VIDEO SUPPRESSION BORDURE --- */
    /*-----------------------------------------*/

    .wpb_column .vc_custom_1554282103058 {
        border-right-style: none !important;
    }
    .vc_custom_1553874459482 .wpb_wrapper {
        padding-top: 15px;
    }

    /*--------------------------------*/
    /* --- PARTIE POLE D'ACTIVITE --- */
    /*--------------------------------*/

    .vc-row-container .wpb_row .wpb_column .vc_custom_1554297839055{
        margin-right: 25px !important;
    }

    .vc-row-container .wpb_row .wpb_column .vc_custom_1554297845190{
        margin-left: 25px !important;
    }

}



/*-----------------------*/
/* --- CSS Helvetica --- */
/*-----------------------*/

.col-texte-white{
	color: white;
}

.col-texte-white p{
	color: white;
}

h1, h2, h3, h4, h5, h6{
    letter-spacing: 2px;
}

h3{
    line-height: 29px !important;
}

/*-------------------------------------------*/
/* --- CSS Bouton Pôle + IMG FULL HEIGHT --- */
/*-------------------------------------------*/

.wpb_wrapper .color-pole-travaux-speciauxl{
	color: #f68b1e;
}

.wpb_wrapper .color-pole-civil{
	color: #e3bd11;
}

.wpb_wrapper .color-pole-construction{
	color: #00A2EE;
}

.wpb_wrapper .button-construction .vc_general {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
		padding-left: 5px !important;
		padding-right: 5px !important;
    border-radius: 2px;
    text-transform: uppercase;
}

.wpb_wrapper .button-travaux-speciaux .vc_general {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
		padding-left: 5px !important;
		padding-right: 5px !important;
    border-radius: 2px;
    text-transform: uppercase;
}

.vc_btn3-container{
    font-family: 'Helvetica-Condensed' !important;
}

.wpb_wrapper .button-construction .vc_btn3 .vc_btn3-icon{
	content: url(./assets/images/icons/pole-construction-icon-white.png);
    font-size: 30px;
    height: 30px;
    vertical-align: middle;
}

.wpb_wrapper .button-travaux-speciaux .vc_btn3 .vc_btn3-icon{
    content: url(./assets/images/icons/pole-travaux-speciaux-icon-white.png);
    font-size: 30px;
    height: 30px;
    vertical-align: middle;
}

.vc_column-inner .wpb_wrapper .vc_btn3-container .vc_btn3 {
    background-image: inherit;
}


/*------------------*/
/* --- CSS FORM --- */
/*------------------*/

.wpcf7-form .contact-form{
	color: white;
}

.contact-form .wpcf7-textarea{
	height: inherit;
	width: 100%;
	background-color: #fff;
	color: #6e6e6e;
}

.contact-form .button-form input{
    background-color: #fac081;
    color: #000;
    padding: 10px 25px 10px 25px;
    border: inherit;
    text-transform: uppercase;
}

.contact-form .link-form{
    color: white;
    font-weight: bold;
}

.contact-form .link-form:hover{
    color: black;
    font-weight: bold;
    transition: 0.5s;
}

.contact-form .wpcf7-form-control {
    width: 100%;
}

.contact-form .button-form input {
    width: auto;
    margin-top: 10px;
    padding: 15px 40px 15px 40px;
}

.wpcf7 .sent .wpcf7-response-output{
    color: #43a047;
    margin: 1em 0 1.5em;
    border: 0px /*solid white*/;
    padding: 1.5em 0.5em;
    background-color: white;
    text-align: center;
    font-size: 21px;
    font-weight: 500;
    box-shadow: 7px 7px 0px rgba(0, 0, 0, 0.2);
    font-family: 'Helvetica-LT-Condensed-Regular';
}

.wpcf7 .invalid .wpcf7-response-output{
    color: #ff0000;
    margin: 1em 0 1.5em;
    border: 0px /*solid white*/;
    padding: 1.5em 0.5em;
    background-color: white;
    text-align: center;
    font-size: 21px;
    font-weight: 500;
    box-shadow: 7px 7px 0px rgba(0, 0, 0, 0.2);
    font-family: 'Helvetica-LT-Condensed-Regular';
}

.wpcf7-form-control-wrap .wpcf7-not-valid-tip{
  position: absolute;
  width: 300px;
}

/*--------------------*/
/* --- TEXT-WHITE --- */
/*--------------------*/

.text-white{
    color: white !important;
}


/*----------------------------*/
/* --- ADRESSE ENTREPRISE --- */
/*----------------------------*/

.adresse-entreprise .wpb_column .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper h3{
    font-size: 20px !important;
    letter-spacing: 0.5px !important;
}

/*--------------------------*/
/* --- BOUTON PORTFOLIO --- */
/*--------------------------*/

.show-more .reveal-button .btn{
    background-color: #F18800;
    color: white;
    padding: 15px 40px;
    font-family: 'Helvetica-Condensed';
}
.show-more .reveal-button .btn:hover{
    background-color: #FAC081;
    color: white;
    padding: 15px 40px;
}

/*---------------------------------------------*/
/* --- ESPACEMENT TROP IMPORTANT PORTFOLIO --- */
/*---------------------------------------------*/

.services{
    margin-top: 0px !important;
}

.section-title{
    margin-bottom: 0px !important;
}

/*------------------------------*/
/* --- BOUTON COOKIE NOTICE --- */
/*------------------------------*/

#cookie-notice{
    padding-top: 10px;
    padding-bottom: 20px;
    font-size: 1.1em;
    min-width: 70% !important;
    margin-left: 15%;
    margin-right: 15%;
    margin-bottom: 48px;
    line-height: 25px;
    box-shadow:10px 10px rgba(0,0,0,0.2);
}

#cookie-notice .cn-button {
    margin: 10px 13px;
    padding: 10px 30px;
    background: #04a6f2;
    color: white;
    text-decoration: none;
    font-family: 'Helvetica-LT-Condensed-Regular';
}

#cookie-notice .cn-button:hover {
    background: #014a7c ;
    transition: 0.5s;
}

#cn-notice-text{
    display: block;
    margin-bottom: 24px;
    font-family: 'Helvetica-LT-Condensed-Regular';
    padding: 20px;
}

@media (max-width: 767px) {
    #cookie-notice{
        min-width: 100%;
        margin: auto;
    }

    #cookie-notice .cn-button{
        display: block;
        margin-top: 10px;
    }
}

@media (max-width: 479px) {
    #cookie-notice{
        min-width: 100%;
        margin: auto;
    }

    #cookie-notice .cn-button{
        display: block;
        margin-top: 10px;
    }


}

#cookie-notice.cookie-notice-hidden {
    display: none;
}

/*--------------------*/
/* --- TEXTE MENU --- */
/*--------------------*/

nav .menu .menu-item a span{
    letter-spacing: 1px;
}

/*---------------------------*/
/* --- HEADER RESPONSIVE --- */
/*---------------------------*/

@media (max-width: 992px) {
    header{
        margin-top: 24px !important;
    }
}

/*--------------------------------*/
/* --- RESPONSIVE NOS METIERS --- */
/*--------------------------------*/

.col-xs-metiers {
        text-align: right !important;
    }

.vc_custom_1554297845190, .vc_custom_1554297839055{
	position: relative;
}

.vc_custom_1554297845190 .wpb_wrapper, .vc_custom_1554297839055 .wpb_wrapper{
	position: relative;
	height: 100%
}

.vc_custom_1554297845190 .wpb_wrapper .button-travaux-speciaux, .vc_custom_1554297845190 .wpb_wrapper .button-construction {
  bottom: 0;
  position: absolute;
  width: 100%;
}



@media (max-width: 768px) {
    .col-xs-metiers {
        text-align: center !important;
    }
}



/*----------------------------------------*/
/* --- IMAGE RECRUTEMENT + RESPONSIVE --- */
/*----------------------------------------*/

.vc-container .vc-row-container .vc_row .vc_col-has-fill{
  padding-right: 13px !important;
}

.vc-container .vc-row-container .vc_row .vc_col-has-fill .vc_column-inner{
  background-position: left !important;
}

.vc_column-inner.vc_custom_1566380945635{
	background-position: top !important;
}

.vc-container .vc-row-container .vc_row .vc_col-has-fill .vc_column-inner .wpb_wrapper .vc_empty_space{
  height: 252px !important;
}

@media (max-width: 768px) {
  .vc_row .wpb_column .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper  h2{
    text-align: center !important;
  }

  .vc_row .wpb_column .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper  p{
    text-align: center !important;
  }
  .vc_row .wpb_column .vc_column-inner .wpb_wrapper .vc_btn3-container{
    text-align: center;
  }
}

/*----------------------*/
/* --- CARTE FRANCE --- */
/*----------------------*/

circle{
  cursor: pointer;
}

.point-active{
  fill: #F18800 !important;
  transition: 0.5s;
}

.border-active .vc_column-inner{
  border-left-color: #F18800 !important;
  transition: 0.5s;
}

circle:hover{
  stroke: #fac081;
  stroke-width: 7px;
}

.point-active:hover{
  stroke: #F18800;
  stroke-width: 7px;
}

/*------------------------------*/
/* --- RESPONSIVE PORTFOLIO --- */
/*------------------------------*/

@media screen and (max-width: 480px){
    .portfolio-accueil .row .portfolio-holder .portfolio-item.w4{
        width: 50%;
    }
}

/*--------------------------------*/
/* --- RESPONSIVE RECRUTEMENT --- */
/*--------------------------------*/

@media screen and (max-width: 768px){
 .vc_custom_1556892600840 .wpb_column .vc_custom_1556543746250{
    margin-left: 0px !important;
  }
}