/*
Theme Name: ROBOTIQUE EXPERTISE
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ASTERIUM
Author URI:  https://www.asterium.fr
Template: salient
Version: 1.0
*/



/* Colors */
:root {
--bleu: #003859;
--bleu-clair: #79a2c8;
--jaune: #FECB00;
--blanc: #fff;
--noir: #000;
--gris: #ccc;
--gris-moyen: #666;
--gris-fonce: #333;
--gris_fond: #f5f5f5;
}



/* Fonts */
@font-face {
  font-family: "Roboto";
  src: url("fonts/Roboto-Light.woff2") format("woff2"), url("fonts/Roboto-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("fonts/Roboto-Regular.woff2") format("woff2"), url("fonts/Roboto-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("fonts/Roboto-Medium.woff2") format("woff2"), url("fonts/Roboto-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("fonts/Roboto-Bold.woff2") format("woff2"), url("fonts/Roboto-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("fonts/Roboto-Thin.woff2") format("woff2"), url("fonts/Roboto-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

body {
	font-family: "Roboto";
}

.chapeau {
	font-size: 24px;
	line-height: 28px;
}
.intro {
	display: inline-block;
	color: var(--jaune);
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 1px;
}
p:has(.intro) {
	padding-bottom: 0;
}
.intro:before{
	content: "";
	display: inline-block;
	width: 30px;
	height: 1px;
	background: var(--jaune);
	margin-right: 10px;
	vertical-align: middle;
}
h1 .variante_couleur_titre {
	color: var(--bleu-clair);
}
h2 {
	color: var(--bleu);
	text-transform: uppercase;
}
.container-wrap h2:after {
	content: "";
	display: block;
	width: 50px;
	height: 2px;
	background: var(--jaune);
	margin-top: 8px;
}
h3 {
	text-transform: uppercase;
}


/* Bouton BLEU*/
.bouton {
	display: inline-block;
	border: 1px solid var(--blanc);
	padding: 8px 20px;
	margin: 5px 0;
	border-radius: 20px;
	background-color: var(--bleu);
	text-transform: uppercase;
	color: var(--noir);
}


/* Menu */
.sf-menu li.industechnic {
	padding-right: 125px;
	background: transparent url('./img/industechnic-logo.png') no-repeat;
	background-size: 101px 30px;
	background-position: right center;
}
.sf-menu li.industechnic a {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
}



.liste_metiers .wpb_column .vc_column-inner {
	background: var(--gris_fond);
	padding: 66px 20px 20px 20px;
	background-repeat: no-repeat !important;
	background-position: 20px 20px !important;
	background-size: 40px !important;
}
	.liste_metiers .wpb_column .vc_column-inner h3 {
		margin-top: 12px;
	}
	.liste_metiers .maintenance .vc_column-inner {
		background-image: url('./img/icon-maintenance.png');
	}
	.liste_metiers .depannage .vc_column-inner {
		background-image: url('./img/icon-depannage.png');
	}
	.liste_metiers .assistance .vc_column-inner {
		background-image: url('./img/icon-assistance.png');
	}
	.liste_metiers .programmation .vc_column-inner {
		background-image: url('./img/icon-programmation.png');
	}
	.liste_metiers .conseil .vc_column-inner {
		background-image: url('./img/icon-conseil.png');
	}
	.liste_metiers .formation .vc_column-inner {
		background-image: url('./img/icon-formation.png');
	}
	@media (min-width: 1200px) {
		.liste_metiers .wpb_column:hover .vc_column-inner {
			background: var(--bleu);
		}
		.liste_metiers .wpb_column:hover .vc_column-inner .wpb_text_column {
			color: var(--blanc);
		}
		.liste_metiers .wpb_column:hover .vc_column-inner .wpb_text_column h3 {
			color: var(--blanc);
		}
		.liste_metiers .wpb_column.maintenance:hover .vc_column-inner {
			background-image: url('./img/icon-maintenance_blanc.png');
		}
		.liste_metiers .wpb_column.depannage:hover .vc_column-inner {
			background-image: url('./img/icon-depannage_blanc.png');
		}
		.liste_metiers .wpb_column.assistance:hover .vc_column-inner {
			background-image: url('./img/icon-assistance_blanc.png');
		}
		.liste_metiers .wpb_column.programmation:hover .vc_column-inner {
			background-image: url('./img/icon-programmation_blanc.png');
		}
		.liste_metiers .wpb_column.conseil:hover .vc_column-inner {
			background-image: url('./img/icon-conseil_blanc.png');
		}
		.liste_metiers .wpb_column.formation:hover .vc_column-inner {
			background-image: url('./img/icon-formation_blanc.png');
		}
	}


.liste_robots .wpb_column .vc_column-inner {
	background: var(--gris_fond);
	padding: 100px 20px 20px 20px;
	background-repeat: no-repeat !important;
	background-position: 20px 20px !important;
	background-size: 80px !important;
}
	.liste_robots .wpb_column .vc_column-inner h3 {
		margin-top: 12px;
	}
	.liste_robots .abb .vc_column-inner {
		background-image: url('./img/abb.png');
	}
	.liste_robots .adept .vc_column-inner {
		background-image: url('./img/adept.png');
	}
	.liste_robots .motoman .vc_column-inner {
		background-image: url('./img/motoman.png');
	}
	.liste_robots .fanuc .vc_column-inner {
		background-image: url('./img/fanuc.png');
	}
	.liste_robots .kuka .vc_column-inner {
		background-image: url('./img/kuka.png');
	}
	.liste_robots .formation .vc_column-inner {
		background-image: url('./img/icon-formation.png');
	}
	@media (min-width: 1200px) {
		.liste_robots .wpb_column:hover .vc_column-inner {
			background-color: var(--bleu);
		}
		.liste_robots .wpb_column:hover .vc_column-inner .wpb_text_column {
			color: var(--blanc);
		}
		.liste_robots .wpb_column:hover .vc_column-inner .wpb_text_column h3 {
			color: var(--blanc);
		}
	}





/* CF7 */
.wpcf7 br {
	display: none;
}
.wpcf7 label {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--gris-moyen);
	margin-bottom: 16px;
}
.wpcf7 select {
	margin-bottom: 16px;
}
.wpcf7 .wpcf7-submit {
	margin-top: 16px;
}
@media (min-width: 1200px) {
	.wpcf7 label.prenom,
	.wpcf7 label.nom,
	.wpcf7 label.email,
	.wpcf7 label.company {
	 	display: inline-block;
	 	width: 49%;
	}
	.wpcf7 label.prenom,
	.wpcf7 label.email {
		margin: 0 1% 0 0;
	}
}


/* Footer */
#footer-outer .widget h2 {
	color: var(--blanc);
	font-size: 20px;
}
#footer-outer .widget p {
	font-size: 16px;
}