/*
Theme Name: MSSYSTEMS
Theme URI: https://wordpress.org/themes/twentynineteen/
Template: twentynineteen
Author: E-loou
Author URI: https://e-loou.com
Description: E-loou pour MSSYSTEMS
Tags: one-column,flexible-header,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 1.1
Updated: 2021-01-29 15:42:44

*/
/* ------- BODY ------- */
* {font-family:"Open Sans",Arial;}
::selection {background-color: #27a36b;color: #ffffff;}
body, .author-description .author-link, .comment-metadata, .comment-reply-link, .comments-title, .comment-author .fn, .discussion-meta-info, .entry-meta, .entry-footer, .main-navigation, .no-comments, .not-found .page-title, .error-404 .page-title, .post-navigation .post-title, .page-links, .page-description, .pagination .nav-links, .sticky-post, .site-title, .site-info, #cancel-comment-reply-link, h1, h2, h3, h4, h5, h6 {font-size:0.8em; line-height:1.2em;}
h1 {font-size:3em;}
h2 {font-size: 1.5em; color:#27a36b}
h2::before {background:unset;margin:0;}
h3 {color:#27a36b;}
p {line-height: 27px;}
.p-0 {padding:0;}
.h2-config {font-weight: bold;	border-bottom: 1px solid #27a36b;}

/* List */
ul {list-style-type: none;}
ul li::before { content: "\00203A";	color: #27a36b;	font-weight: bold;}
li {line-height: 40px;}

/* Widget */
.textwidget a {	color: #ffffff;transition: 0.5s;}
.textwidget a:hover {color: #27a36b;}

/* Btn */
.wp-block-buttons {margin-top:40px;}
.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-text-color) {color: #000;}
.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-text-color):hover {color: #fff;}
.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background) {background-color: unset;border:1px solid #27a36b;transition:1s}
.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background):hover {background:#27a36b; border-color:#ffffff;}
.home-intro-boutton {border:1px solid #27a36b; width: max-content;margin: 0 auto;padding: 10px 20px;margin-top: 20px;transition:1s}
.home-intro-boutton:hover{background:#27a36b; border-color:#ffffff;}

.entry .entry-content .btn-config-inter a {text-decoration: none; color: #ffffff;}
.btn-config-inter {border:1px solid #27a36b; background:rgba(0, 0, 0, 0.3); width: max-content;margin: 0 auto;padding: 10px 20px;margin-top: 20px;transition:1s;}
.btn-config-inter:hover{background:#27a36b; border-color:#ffffff;}

/* Bloc citation */
.entry .entry-content .wp-block-quote:not(.is-large), .entry .entry-content .wp-block-quote:not(.is-style-large) { border-color: #22905f; border-width: 5px;}

/* Parallax */
.has-parallax {	background-size: cover; background-repeat: no-repeat; width: 100%;}

@media (max-width:991px) {
	.wp-block-buttons {text-align:center;}
	.home-intro-boutton {margin-top: 0px;}
	.entry .entry-content .wp-block-columns .wp-block-column .btn-config-inter {margin-bottom:20px;}
}

/* ------- HEADER ------- */
.site-header {padding: 2rem 0;}

/* Logo */
.site-logo {position: unset;}
.site-logo .custom-logo-link {border-radius:initial;width: 270px;height: 95px;margin:0 auto;}
.site-logo .custom-logo-link:hover, .site-logo .custom-logo-link:active, .site-logo .custom-logo-link:focus {box-shadow: unset;}

/* Menu */
.site-branding {width: 1000px; margin: 0 auto;}
.main-navigation .main-menu > li > a {color:#000000;line-height: 80px;font-size: 1.4em;}
.main-navigation .main-menu > li > a:hover, .main-navigation .main-menu > li > a:hover + svg {color: #27a36b;}
.main-navigation .main-menu > li::before {content: none;}
#rmp_menu_trigger-658 {display:none}

/* Séparations menu */
#menu-topmenu li:not(:last-child)::after {content: '\002838';color: #27a36b;margin-right: 7px;}

@media (max-width:991px) {
    .site-header {padding: 0;}
	.site-branding {width:100%; height:100px;}
	.main-navigation {text-align:center;}
	.site-logo {text-align:center;}
	.site-logo .custom-logo-link {width:250px; height:auto; margin:0 auto;}
	/*.main-navigation .main-menu > li > a {font-size: 1em;}*/
	#site-navigation {display:none;}
	#rmp_menu_trigger-658 {display:inline-block}
	#rmp-menu-wrap-658 {padding-top: 40px;}
}

@media (max-width: 768px) {
	h1 {font-size:2em;}
	/*.main-navigation .main-menu > li > a {font-size: 0.5em;}*/
	#rmp-container-658 ul li::before {content: none;}
}

/* ------- FOOTER ------ */
#colophon {background-color: #191917;}
#colophon .widget-area{width: 950px; margin: 0 auto;}
.site-footer .widget-area p {color:#fff;}
#colophon .widget-column .widget {width:30%; float:left;margin-right: 10px;}
#colophon .widget_custom_html {margin-top:40px;}
.footer-navigation .footer-menu li { margin-right: 5px;}
.footer-widget-1 {justify-content: space-between;}

/* Orange */
#colophon .site-info {background-color:#27A36B;margin: 0;color: #fff;text-align: center;}
#colophon .site-info a.site-name {padding-right:20px;}


@media (max-width:768px) {
	#colophon .widget-area {width:100%}
	#colophon .widget-column .widget {width:100%;margin-left: 40px;}
	.grecaptcha-badge {bottom:35px !important;}
}

/* ------- PAGE ------- */
.entry .entry-content > * {margin:0 auto;}
.entry .entry-content {max-width:100%; margin:0; padding:0}
.entry .entry-content .wp-block-cover {padding:0; max-width:100%;margin:0;}
.entry .entry-content .wp-block-cover {min-height:400px;}
.entry .entry-content .wp-block-columns {margin:0 auto;}
.bg-color-img-text {background:#eafaf3; padding:35px;}

.titre-orange {	background-image: url('/uploads/2021/01/pattern.png'); background-repeat: repeat; color: #ffffff; text-align:center; margin: 0 auto; padding-top: 40px; padding-bottom: 40px}

@media (max-width:768px) {
	.entry .entry-content .wp-block-columns { margin: 0 20px;max-width: 100%;}
}

/* ------- HOME ------- */
.wp-block-cover .wp-block-cover__inner-container {width:50%}
.entry .entry-content .home-intro-boutton a {color:#fff; text-decoration:none;}
.home-picto img {box-shadow:0 0 35px -13px #27a36b; margin: 0 auto;}
.home-service {background:#eafaf3}
.home-service .wp-block-media-text__media img {margin:50px 0}
.entry .entry-content .home-configurateur {max-width: 100%; background:#eafaf3; text-align:center;}
.entry .entry-content .btn-configurateur {margin: 50px auto;}

/* COM */
.footer-com .wp-block-media-text__media {width:62px;}
.footer-com-txt {box-shadow:0 0 35px -13px #ED5B10; padding: 20px; margin: 20px 0;}
.footer-point {color:#787878; font-size:50px;}

@media (min-width:1600px) {
	.home-service .wp-block-media-text__media {margin-left:250px}
	.home-service .wp-block-media-text__content {margin-right:250px; align-self:unset;}
}
@media (max-width:768px) {
	.wp-block-cover .wp-block-cover__inner-container {width:100%}
	.entry .entry-content .wp-block-cover.home-banner {min-height: 300px}
	.home-picto img {margin-bottom:40px;}
	.home-service .wp-block-media-text__media {margin-left:0px;}
	.home-service .wp-block-media-text__media img {margin:0;}
	.home-service .wp-block-media-text__content {margin-right: 0px;}
	.entry .entry-content .wp-block-cover {min-height: 200px;}
	.home .wp-block-column {margin:0 auto;}
	.footer-com .has-large-font-size {margin-bottom:40px}
	.footer-point {font-size:30px;}
	.home-reseaux figure.alignright, .home-reseaux figure.alignleft {float:unset;margin:0 auto;padding-bottom:20px;}
	.spacer-mob-50 {height:20px !important;}
}

/* ---- NOS METIERS ---- */
.page-id-104 h2.home-configurateur {line-height: 100px;color:#000000}

@media (max-width:768px) {
	.page-id-286 .wp-block-column {margin:0 auto;}
}

/* ---- FORMULAIRE ---- */
button, input, select, optgroup, textarea {font-family:"Open Sans",Arial;}
.button, button, input[type="button"], input[type="reset"], input[type="submit"] { background-color : #27a36b;	transition:0.7s; border-radius:0;}

/* CF7 */
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {width: 100%; padding: 8px; border: 1px solid #27a36b; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;	margin-top: 10px;}
.wpcf7 input[type="text"]:focus{background: #fff;}
.wpcf7-submit{float: right;color: #000000; border-color: #F6A50E;  font-size: 14px;  line-height: 49px; height: 49px; font-weight: 600; background-color: #ffffff; text-transform: uppercase; border-width: 2px; padding-left: 26px; padding-right: 26px;}
.wpcf7-submit:hover{background: #F6A50E;color: #ffffff;}
span.wpcf7-not-valid-tip{	text-shadow: none;	font-size: 12px;color: #fff;background: #ff0000;padding: 5px;}
div.wpcf7-validation-errors {text-shadow: none;	border: transparent;background: #f9cd00;padding: 5px;color: #9C6533;text-align: center;	margin: 0;font-size: 12px;}
div.wpcf7-mail-sent-ok{	text-align: center;	text-shadow: none;	padding: 5px;font-size: 12px;background: #59a80f;border-color: #59a80f;color: #fff;margin: 0;}

@media (max-width:768px) {
	.rgpd span.wpcf7-list-item {margin:0}
	.rgpd .wpcf7-list-item-label {font-size: 0.5em; line-height: 0.5em;}
}

/* Colonne */
#formulaire-responsive {margin:0 auto; width:100%;}
#formulaire-responsive .wp-block-column {padding: 0.65rem;}

/* Configurateur */
.colonne.form-activity, .colonne.form-produit, .colonne.form-stock, .colonne.form-condition {padding:0;}
.form-activity .wpcf7-list-item-label, .form-produit .wpcf7-list-item-label, .form-stock .wpcf7-list-item-label, .form-condition .wpcf7-list-item-label {display: none;}
.wpcf7-list-item label {text-align: center}
.wpcf7-list-item label:hover { box-shadow: 0 0 10px #27a36b;}
span.wpcf7-list-item { margin: 0 0 0 3em;}
.activite .wpcf7-list-item label::before, .produit .wpcf7-list-item label::before, .stock .wpcf7-list-item label::before, .condition .wpcf7-list-item label::before {display: block; width: 100px; height: 100px; color: rgb(256, 165, 14); font-size:12px;}

@media (max-width:768px) {
	span.wpcf7-list-item {margin: 0; width: 100%; text-align: center;}
}

/* Activite */
.activite .wpcf7-list-item:nth-child(1) label::before {content: ''; background:url(/uploads/2021/02/picto-commerce-2.png); background-repeat: no-repeat;}
.activite .wpcf7-list-item:nth-child(2) label::before {content: '';background:url(/uploads/2021/02/picto-Ecommerce.png); background-repeat: no-repeat;}
.activite .wpcf7-list-item:nth-child(3) label::before {content: '';background:url(/uploads/2021/02/picto-industriel.png); background-repeat: no-repeat;}
.activite .wpcf7-list-item:nth-child(4) label::before {content: '';background:url(/uploads/2021/02/picto-BTP-1.png); background-repeat: no-repeat;}
.activite .wpcf7-list-item:nth-child(5) label::before {content: '';background:url(/uploads/2021/02/picto-artisan.png); background-repeat: no-repeat;}
.activite .wpcf7-list-item:nth-child(6) label::before {content: '';background:url(/uploads/2021/02/picto-association.png); background-repeat: no-repeat;}

/* Produit */
.produit .wpcf7-list-item:nth-child(1) label::before {content: '';background:url(/uploads/2021/02/picto-culture.png); background-repeat: no-repeat;}
.produit .wpcf7-list-item:nth-child(2) label::before {content: '';background:url(/uploads/2021/02/picto-high-tech.png); background-repeat: no-repeat;}
.produit .wpcf7-list-item:nth-child(3) label::before {content: '';background:url(/uploads/2021/02/picto-electromenage.png); background-repeat: no-repeat;}
.produit .wpcf7-list-item:nth-child(4) label::before {content: '';background:url(/uploads/2021/02/picto-maison.png); background-repeat: no-repeat;}
.produit .wpcf7-list-item:nth-child(5) label::before {content: '';background:url(/uploads/2021/02/picto-parapharmacie.png); background-repeat: no-repeat;}
.produit .wpcf7-list-item:nth-child(6) label::before {content: '';background:url(/uploads/2021/02/picto-jouets.png); background-repeat: no-repeat;}
.produit .wpcf7-list-item:nth-child(7) label::before {content: '';background:url(/uploads/2021/02/picto-mode.png);background-repeat: no-repeat;}
.produit .wpcf7-list-item:nth-child(8) label::before {content: '';background:url(/uploads/2021/02/picto-danger.png); background-repeat: no-repeat;}
.produit .wpcf7-list-item:nth-child(9) label::before {content: '';background:url(/uploads/2021/02/picto-alimentation-SEC.png); background-repeat: no-repeat;}
.produit .wpcf7-list-item:nth-child(10) label::before {content: '';background:url(/uploads/2021/02/picto-alimentation-FRAIS.png); background-repeat: no-repeat;}
.produit .wpcf7-list-item:nth-child(11) label::before {content: '';background:url(/uploads/2021/02/picto-liquide.png); background-repeat: no-repeat;}
.produit .wpcf7-list-item:nth-child(12) label::before {content: '';background:url(/uploads/2021/02/picto-fragile.png); background-repeat: no-repeat;}
.produit .wpcf7-list-item:nth-child(13) label::before {content: '';background:url(/uploads/2021/02/picto-materiel.png); background-repeat: no-repeat;}
.produit .wpcf7-list-item:nth-child(14) label::before {content: '';background:url(/uploads/2021/02/picto-materiaux.png); background-repeat: no-repeat;}

/* Stock */
.stock .wpcf7-list-item:nth-child(1) label::before {content: ''; background:url(/uploads/2021/02/picto-surSite-1.png); background-repeat: no-repeat;}
.stock .wpcf7-list-item:nth-child(2) label::before {content: '';background:url(/uploads/2021/02/picto-deporte-1.png); background-repeat: no-repeat;}

/* Condition */
.condition .wpcf7-list-item:nth-child(1) label::before {content: ''; background:url(/uploads/2021/02/picto-palette.png); background-repeat: no-repeat;}
.condition .wpcf7-list-item:nth-child(2) label::before {content: '';background:url(/uploads/2021/02/picto-colis.png); background-repeat: no-repeat;}
.condition .wpcf7-list-item:nth-child(3) label::before {content: '';background:url(/uploads/2021/02/picto-piece.png); background-repeat: no-repeat;}