/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/*
Theme Name: 		Elmatec
Text Domain: elmatec
Version: 0.1.0
Author: 		Dev'Impulse
Author URI: 		https://dev-impulse.com
Description: 	Thème développé pour Elmatec
Template: hello-elementor
Requires at least: WordPress 4.9.6
Requires PHP: 5.2.4
*/

/* Mise en forme de tous les liens :focus - OK------------------------------------------------------- */
body.elementor-kit-826 a:focus {
 color:rgba(77, 150, 203, 0.75);
 line-height:2em;
}

/* Mise en forme du menu sticky -------------------------------------------------------------------- */
	/* Bouton recherche */
.elmatec_nav_header .elementor-search-form__submit{
    -webkit-box-shadow: 0px 0px 0px 0px #5A5A5A;
            box-shadow: 0px 0px 0px 0px #5A5A5A;
}
.elementor-2891 .elementor-element.elementor-element-de02217 .elementor-search-form__submit:focus, 
.elementor-3408 .elementor-element.elementor-element-c764cf8 .elementor-search-form__submit:focus{
	color:#5A5A5A;}

	/* Menu hamburger */
.elmatec_nav_header .elementor-menu-toggle{
    background-color: inherit;
}

.elementor-2891 .elementor-element.elementor-element-9f43c12 div.elementor-menu-toggle:focus{
	color:#5A5A5A;}

	/* Menu déroulant */
.elmatec_nav_header .elementor-nav-menu a, .elmatec_nav_header .elementor-nav-menu a:hover, .elmatec_nav_header .elementor-nav-menu a:active {
    line-height: 2em;
}	
	
.elmatec_nav_header .elementor-nav-menu >li >a {
    padding-left: 5%;
}
.elmatec_nav_header .elementor-nav-menu .sub-menu >li >a{
    padding-left:8%;
}
.elmatec_nav_header .elementor-nav-menu--dropdown .elementor-item:focus, 
.elmatec_nav_header .elementor-nav-menu--dropdown .elementor-sub-item:focus{
    background-color: #E1F0FD;
    line-height: 2em;
}
	/* Bouton contact */
.elmatec_nav_header .elmatec_bouton_contact_header .elmatec_bouton_min a{
    line-height: 1em;
}


/* Mise en forme du background ------------------------------------------------------------------- */
#elmatec_background{
	position: fixed;
    height: 100vh;
    width: 100vw;
    background-size: cover;
    background-position: center;
    top: 0;
    left: 0;
}

/* Mise en forme du carrousel du hero -------------------------------------------------------------- */
/*.elmatec_sous_carrousel{
	background-color: white;
}*/

/* Mise en forme du footer ------------------------------------------------------------------------- */
.elmatec_contact .elementor-icon-list-text{
    font-weight: 600;
    letter-spacing: 0.2;
}

.elmatec_contact .elementor-icon-list-item a:focus .elementor-icon-list-text{
    color:rgba(90, 90, 90, 0.75);
}

@media only screen and (max-width: 767px) {
	.elmatec_contact .elmatec_footer_column > div{
		background-color: #E1F0FD !important;
		background-image: none !important;
	}
	.elmatec_contact .elementor-icon-list-text{
	    font-size: 16px;
	}	
}
@media only screen and (min-width: 768px) {
	.elmatec_contact .elementor-icon-list-text{
	    font-size: 14px;
	}
}
@media only screen and (min-width: 1025px) {
	.elmatec_contact .elementor-icon-list-text{
	    font-size: 16px;
	}
}




/* Mise en forme de la liste des actualités (page News et page de recherches) ------------------------ */

.elmatec_articles_list .elementor-grid-item{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.elmatec_articles_list .elementor-post__thumbnail{
	background-color: #4D96CB;
}
.elmatec_articles_list .elementor-post__thumbnail img{
	opacity: 0.9;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, -webkit-transform 1s;
	-o-transition: opacity 1s, transform 1s;
	transition: opacity 1s, transform 1s;
	transition: opacity 1s, transform 1s, -webkit-transform 1s;
}
.elmatec_articles_list .elementor-post__thumbnail img:hover, 
.elmatec_articles_list .elementor-post__thumbnail__link:focus img{
	-webkit-transform: scale(1.1,1.1);
	    -ms-transform: scale(1.1,1.1);
	        transform: scale(1.1,1.1);
	opacity: 0.75;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, -webkit-transform 1s;
	-o-transition: opacity 1s, transform 1s;
	transition: opacity 1s, transform 1s;
	transition: opacity 1s, transform 1s, -webkit-transform 1s;
}

.elmatec_articles_list .elementor-post__text{
	margin-top: 2%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

@media only screen and (min-width: 768px) {
	.elmatec_articles_list .elementor-grid-item{
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}
	.elmatec_articles_list .elementor-post__text{
		margin-top: 0%;
	}
}






/* Mise en forme des customs posts carrière (page "news") ------------------------------------- */
@media only screen and (max-width: 767px) {
	#elmatec_carrieres .elementor-posts .elementor-post__card{
		height: 450px;
	}
}
@media only screen and (min-width: 768px) {
	#elmatec_carrieres .elementor-posts .elementor-post__card{
		height: 357px;
		width: 475px;
		margin-left: auto;
		margin-right: auto;
	}
}

#elmatec_carrieres .elementor-posts--thumbnail-top .elementor-post__thumbnail__link{
    margin: 0 !important;
    height: 100%;
}
#elmatec_carrieres .elementor-posts .elementor-post__card .elementor-post__text{
    padding: 0 !important;
    position: absolute;
    background-color: rgba(77,150,203,0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%;
}
#elmatec_carrieres .elementor-posts .elementor-post__card .elementor-post__title{
    background-color: rgba(255,255,255,0.75);
    padding: 2.5% 5%;
    margin: 0 !important;
    pointer-events: none;
}
#elmatec_carrieres .elementor-post__excerpt{
    padding: 5%;
    color: #FFF;
}



/* Mise en forme de la bannière salon (page "news") ---------------------------------------------- */
#elmatec_salon .my_container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2%;
}

#elmatec_salon .my_column{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;   
}

/*@media only screen and (width < 768px) {
	#elmatec_salon .my_container{
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: column;
	            flex-direction: column;
	}
	#elmatec_salon .my_column_l{
	    width: 100%;
	    margin-bottom: 3%;
	}
	#elmatec_salon .my_column_s{
	    width: 100%;
	}	
}*/
@media only screen and (max-width: 767px) {
	#elmatec_salon .my_container{
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: column;
	            flex-direction: column;
	}
	#elmatec_salon .my_column_l{
	    width: 100%;
	    margin-bottom: 3%;
	}
	#elmatec_salon .my_column_s{
	    width: 100%;
	}	
}

@media only screen and (min-width: 768px) {
	#elmatec_salon .my_column_l{
	    width: 66%;
	}
	#elmatec_salon .my_column_s{
	    width: 33%;
	}	
}	
#elmatec_salon .my_column_l{
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5em;
    letter-spacing: 1px;
    text-shadow: 0px 0px 5px #5A5A5A;
}

#elmatec_salon .my_column_s{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

#elmatec_salon .elementor-button-text{
    letter-spacing: 0.2px;
}


/* Mise en forme du menu du hero (page "accueil") --------------------------------------------------- */
#hero_nav .sub-menu{
    background-color: transparent;
}

#hero_nav .sub-menu a{
    padding-right: 15%;
    padding-left: 15%;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
	color: #4D96CB;
}

#hero_nav a, #hero_nav a:hover{
    line-height: 2em;
}
#hero_nav a:focus{
    line-height: 2em;
    background-color: rgba(255, 255, 255, 0.75);
}


#hero_nav .elementor-nav-menu > li {
    -webkit-box-shadow: 0px -2px 10px 0px #ACACAC;
            box-shadow: 0px -2px 10px 0px #ACACAC;
}


/* Mise en forme de la galerie (page "Produit - Filtration") - OK ---------------------------------- */
/*.elmatec_gallery .elementor-gallery-item__title{
	background-color: rgba(77, 150, 203, 0.5);
	padding: 5%;
	text-shadow: 0px 0px 6px #FFFFFF;
}*/


/* Mise en forme du formulaire de contact (page "contact") - OK ------------------------------------ */
.elementor-3859 .elementor-element.elementor-element-2aa709e .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper):focus {
	border-color:#ACACAC;
}


/* Mise en forme des boites "compétences" (page "accueil") - OK ------------------------------------ */
#elmatec-competences .elementor-widget-image-box .elementor-image-box-title a{
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0px;
	text-transform: uppercase;
}