/*
Theme Name: theme-child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: twentysixteen
Version: 3.0
*/

/* GENERAL */

body:not(.custom-background-image):before, body:not(.custom-background-image):after {display: none !important;}
body, html {width: 100%; padding: 0 !important; margin: 0 !important;}
body {font-family: 'Ubuntu' !important; background-color: #fff !important;}
.site {padding: 0 !important; margin: 0 !important;}
.site-inner {width: 100% !important; max-width: 1100px !important;}
.content-area {float: inherit !important; margin: 60px 0 0 0 !important; width: 100% !important; max-width: 1100px !important; display:inline-block !important;}
a:hover {text-decoration: underline;}


/* HEADER */

.site-header {padding: 0 !important;}
.header-wrapper {width: 100%; display: inline-block;}
.site-header-main {display: block;}
.site-header-menu {display: block; float: right; margin-bottom: 0 !important; margin-top: 33px !important;}
.site-header-menu .main-navigation {margin: 0 !important;}
.site-header-menu .main-navigation a {color: #87888a !important; font-size: 18px !important;}
.site-header-menu .main-navigation li.contact a {color: #fff !important; background-color: #a4b81b; padding: 15px; text-align: center; border-radius: 3px; text-decoration: inherit !important;}
.site-header-menu .main-navigation li.contact:hover a {background-color: #98ab21; color: #fff !important;}
.site-header-menu .main-navigation li:hover a {color: #a4b81b !important;}
.main-navigation li.menu-item-has-children ul.sub-menu li a {color: #87888a !important;}
.main-navigation li.menu-item-has-children ul.sub-menu li:hover a {color: #a4b81b !important;}
.main-navigation li.menu-item-has-children ul.sub-menu li.current-menu-item a {color: #a4b81b !important;}
.main-navigation .current-menu-item > a {font-weight: inherit !important; color: #a4b81b !important;}
.main-navigation .current-menu-parent > a {font-weight: inherit !important; color: #a4b81b !important;}
.content-header {width: 100% !important; max-width: 1100px !important; margin: auto !important;}
.header-image {margin-top: 0 !important; margin-bottom: 0 !important;}
.header-image img {width: 100% !important;}
.site-branding {margin: 10px 0 !important; float: left; display: block;}
.custom-logo {max-width: 164px !important;}
.site-header-menu.toggled-on {display: block;width: 100%;padding: 20px;border-top: solid 1px #eee;}
.site-header-menu.toggled-on li {border-top: 0 !important;}
.menu-toggle {float: right;margin-right: 30px;margin-top: 50px;}

/* ACCUEIL */

body.home .site-content {padding: 0 !important; width: 100% !important; max-width: 1100px !important;}
body.home .site-content .content-area {float: inherit !important; margin-right: inherit !important; width: 100% !important;}
.wrapper-content {width: 100% !important; max-width: 1100px !important; margin: auto !important;}

.futured-home {width: 100%; display: inline-block;}
.futured-home .futured-infos-home {position: absolute;right: 25%;width: 100%;max-width: 420px;top: 250px;background-color: rgba(164, 184, 27, 0.8);padding: 40px;color: #fff;text-align: center; border-radius: 3px;}
.futured-home .futured-infos-home a {width: 48%; float: left; display: block; border:solid 1px #fff; border-radius: 3px; text-align: center; color: #fff !important; padding: 20px; margin: 0 1%; margin-top: 30px; text-decoration: inherit !important;}
.futured-home .futured-infos-home a:hover {opacity: 0.8;}
.futured-home .futured-infos-home a img {width: 100% !important; max-width: 27px; margin: auto; display: block;}

.intro-home {width: 100%; display: block; background-color: #a4b81b; padding: 60px 0; color: #fff;}
.intro-home .intro-text {display: block; margin-bottom: 50px;}
.intro-home .intro-text h1, .intro-home h2 { text-align: center; font-weight: 100;}
.intro-home .intro-text h1 { font-size: 36px; line-height: 1.2em;}
.intro-home .intro-text h2 { font-size: 60px;}
.intro-home li {list-style: none !important; font-size: 21px; line-height: 2em; font-weight: 100;}
.intro-home .services-left {width: 48.7%; max-width: 485px; display: inline-block; padding: 0 6%;}
.intro-home .services-right {width: 48.7%; max-width: 405px; display: inline-block; padding: 0 6%; float: right;}

.work-home {width: 100%; display: block; padding: 60px 0; color: #fff;}
.work-home a { color: #fff; font-size: 18px; padding: 15px 30px; text-align: center; border: solid 1px #fff; border-radius: 3px; display: inline-block; text-decoration: inherit !important;}
.work-home h2 {font-size: 36px; margin-bottom: 30px; line-height: 1.3em;}
.work-home p {font-weight: lighter !important; font-size: 21px; line-height: 1.5em !important;}
.work-home img {margin-bottom: 20px;}
.work-home .work-left {width: 48.7%; max-width: 535px; display: inline-block; background-color: #a4b81b; padding: 10% 6% 6% 6%; margin-right: 1%; text-align: center; }
.work-home .work-right {width: 48.7%; max-width: 535px; display: inline-block; background-color: #98ab21; padding: 6%; text-align: center; margin-left: 1%;}
.work-home .work-right a:hover {opacity: 0.7;}
.work-home .work-left a:hover {opacity: 0.7;}

.contact-home {width: 100%; display: block; padding: 100px 0; background-image: url('images/pattern-contact-form.jpg'); background-repeat: no-repeat; color: #fff; background-size: cover;}
.contact-home .wrapper-content {max-width: 800px !important;}
.contact-home h2 {text-align: center !important; font-size: 36px !important;}
.contact-home .infos-contact p {font-weight: lighter !important; font-size: 21px; line-height: 1.5em !important;color: #fff; text-align: center;}
.contact-home .form-contact-home input[type="text"] {width: 48%; float: left; margin-bottom: 20px; margin-left: 1%; margin-right: 1%;}
.contact-home .form-contact-home input[type="email"] { margin-bottom: 20px;margin-left: 1%; margin-right: 1%; width: 98%;}
.contact-home .form-contact-home textarea {margin-left: 1%; margin-right: 1%; width: 98%;}
.contact-home .form-contact-home input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea { background-color: transparent !important; color: #fff !important; border: solid 1px #fff !important; font-family: 'Ubuntu' !important; font-weight: lighter !important;}
.contact-home .form-contact-home input[type="submit"] {width: 98% !important; background-color: #a4b81b !important; text-align: center; margin-top: 20px; padding: 25px; margin-left: 1%; margin-right: 1%;}
.contact-home .form-contact-home input[type="submit"]:hover {opacity: 0.9;}
.contact-home .form-contact-home ::-webkit-input-placeholder { color: #fff !important;opacity: 1;}
.contact-home .form-contact-home :-moz-placeholder { color: #fff !important;opacity: 1;}
.contact-home .form-contact-home ::-moz-placeholder { color: #fff !important;opacity: 1;}
.contact-home .form-contact-home :-ms-input-placeholder { color: #fff !important;opacity: 1;}

.wpcf7-form-control-wrap.checkbox-988{float: left;}
.wpcf7-form-control-wrap.checkbox-988+label{display: inline-block;width: 88%;}
.wpcf7-form-control-wrap.checkbox-988+label a{color:#a4b81b !important;}

/* PAGE CONTACTEZ NOUS */

body.page-template-template-contact h1.entry-title{color: #a4b81b !important; text-align: center !important;}
body.page-template-template-contact .contact-page {width: 100%; display: block;}
body.page-template-template-contact .contact-page .form-contact-page input[type="text"] {width: 48%; float: left; margin-bottom: 20px; margin-left: 1%; margin-right: 1%;}
body.page-template-template-contact .contact-page .form-contact-page input[type="email"] { margin-bottom: 20px;margin-left: 1%; margin-right: 1%; width: 98%;}
body.page-template-template-contact .contact-page .form-contact-page textarea {margin-left: 1%; margin-right: 1%; width: 98%;}
body.page-template-template-contact .contact-page .form-contact-page input[type="date"], .contact-page .form-contact-page input[type="time"], .contact-page .form-contact-page input[type="datetime-local"],.contact-page .form-contact-page input[type="week"],.contact-page .form-contact-page input[type="month"],.contact-page .form-contact-page input[type="text"],.contact-page .form-contact-page input[type="email"],.contact-page .form-contact-page input[type="url"],.contact-page .form-contact-page input[type="password"],.contact-page .form-contact-page input[type="search"],.contact-page .form-contact-page input[type="tel"],.contact-page .form-contact-page input[type="number"],.contact-page .form-contact-page textarea { background-color: transparent !important; color: #333 !important; border: solid 1px #a4b81b !important; font-family: 'Ubuntu' !important; font-weight: lighter !important;}
body.page-template-template-contact .contact-page .form-contact-page input[type="submit"] {width: 98% !important; background-color: #a4b81b !important; text-align: center; margin-top: 20px; padding: 25px; margin-left: 1%; margin-right: 1%;}
body.page-template-template-contact .contact-page .form-contact-page input[type="submit"]:hover {opacity: 0.9;}
body.page-template-template-contact .contact-page .form-contact-page ::-webkit-input-placeholder { color: #333 !important;opacity: 1;}
body.page-template-template-contact .contact-page .form-contact-page :-moz-placeholder { color: #333 !important;opacity: 1;}
body.page-template-template-contact .contact-page .form-contact-page ::-moz-placeholder { color: #333 !important;opacity: 1;}
body.page-template-template-contact .contact-page .form-contact-page :-ms-input-placeholder { color: #333 !important;opacity: 1;}

/* PAGE */

body.page-template-default h1.entry-title {color: #a4b81b !important;}
body.page-template-default p {color: #87888a !important; font-size: 100 !important;}
.futured-image-page .post-thumbnail {line-height: 0 !important; margin: 0 !important; }
.futured-image-page .post-thumbnail img {width: 100% !important; line-height: 0 !important; }
.futured-image-page { line-height: 0 !important;}

/* PAGE DONNEES PERSONNELLES */

body.page-template-default h1.entry-title{color: #a4b81b !important;}
body.page-template-default input[type="date"], body.page-template-default input[type="time"], body.page-template-default input[type="datetime-local"], body.page-template-default input[type="week"], body.page-template-default input[type="month"], body.page-template-default input[type="text"], body.page-template-default input[type="email"], body.page-template-default input[type="url"], body.page-template-default input[type="password"], body.page-template-default input[type="search"], body.page-template-default input[type="tel"], body.page-template-default input[type="number"], body.page-template-default textarea { background-color: transparent !important; color: #333 !important; border: solid 1px #a4b81b !important; font-family: 'Ubuntu' !important; font-weight: lighter !important; margin-bottom: 20px;}
body.page-template-default input[type="submit"] {width: 100% !important; background-color: #a4b81b !important; text-align: center; margin-top: 0px; padding: 25px; margin-bottom: 0;}
body.page-template-default input[type="submit"]:hover {opacity: 0.9;}
body.page-template-default ::-webkit-input-placeholder { color: #333 !important;opacity: 1;}
body.page-template-default :-moz-placeholder { color: #333 !important;opacity: 1;}
body.page-template-default ::-moz-placeholder { color: #333 !important;opacity: 1;}
body.page-template-default :-ms-input-placeholder { color: #333 !important;opacity: 1;}
span.wpcf7-not-valid-tip {display: none !important;}
span.wpcf7-form-control-wrap input[type="text"].wpcf7-not-valid {border:solid 1px #ff0000 !important;}
span.wpcf7-form-control-wrap input[type="email"].wpcf7-not-valid {border:solid 1px #ff0000 !important;}
span.wpcf7-form-control-wrap textarea.wpcf7-not-valid {border:solid 1px #ff0000 !important;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {border: solid 2px #ff0000 !important; color: #ff0000 !important;}

/* 404 */

.error-page {display: inline-block;padding: 100px 0;text-align: center; margin: auto; width: 100%;}
.error-page h2 {margin-bottom: 30px;}
.error-page a {border: solid 1px #519cc1; color: #519cc1; text-align: center; padding: 20px; border-radius: 3px; display: inline-block;}

/* FOOTER */

.widget {width: 33.33% !important; float: left; margin: 0 !important; padding: 0 !important; border-top: 0 !important;}
.reassurance {width: 100%; display: block;  background-color: #eceded; padding: 100px 0;}
.reassurance .column {width: 24%; display: inline-block; text-align: center; max-width: 275px;}
.reassurance .column p {font-weight: 400; color: #87888a; font-size: 21px; line-height: 1.2em;}
.reassurance .column img {margin-bottom: 20px;}

.content-bottom-widgets .widget-area {width: 100% !important; margin: 60px 0 !important; display: inline-block !important;}
.content-bottom-widgets .widget-area .textwidget p { font-size: 16px !important; color: #87888a !important; }
.content-bottom-widgets .widget-area .menu-menu-footer-container ul {margin: 0 !important;}
.content-bottom-widgets .widget-area .menu-menu-footer-container ul.menu li {list-style: none !important; margin-bottom: 10px;}
.content-bottom-widgets .widget-area .menu-menu-footer-container ul.menu li a { font-size: 16px !important; color: #a4b81b !important; text-decoration: underline; }
.content-bottom-widgets .widget-area .menu-menu-footer-container ul.menu li a:hover { text-decoration: inherit; }
.content-bottom-widgets h2.widget-title {text-transform: inherit !important; font-size: 21px !important; color: #a4b81b !important; margin-bottom: 25px; border-bottom: solid 5px #a4b81b; padding-bottom: 10px; display: inline-block;}

.copyright { font-size: 14px !important; color: #87888a; background-color: #f6f6f6; padding: 20px 0; text-align: center;}
.copyright p { margin: 0 !important; font-weight: lighter;}

/* RESPONSIVE */

@media screen and (max-width: 1350px) {
.futured-home .futured-infos-home {position: relative!important;right: inherit !important;width: 100%!important; max-width: 100% !important; top: inherit!important; display: inline-block; background-color: #a4b81b !important;}
}

@media screen and (max-width: 1100px) {
.work-right {margin: 1% !important; width: 47.7% !important;}
.work-left {margin: 1% !important; width: 47.7% !important;}
}

@media screen and (max-width: 910px) {
.site-header-menu {display: none;}
.content-bottom-widgets #media_image-3{display: none;}
.content-bottom-widgets .widget{width: 50% !important;word-break: break-word;padding-left: 10% !important;}
.content-bottom-widgets{margin: 0;padding-left: 10% !important;padding-right: 10%;}
}

@media screen and (max-width: 755px) {
.work-right {width: 98% !important; max-width: 100% !important; margin: 1%; float: inherit !important;}
.work-left {width: 98% !important; max-width: 100% !important ;margin: 1%; float: inherit !important;}
.reassurance .column {width: 47.7% !important; max-width: 400px !important;}
}

@media screen and (max-width: 600px) { 
.intro-home .services-left {width: 100% !important; max-width: 100% !important;}
.intro-home .services-right {width: 100% !important; max-width: 100% !important; float: inherit !important;}
.intro-home li {text-align: center;}
.futured-home .futured-infos-home a{width: 100%}
.futured-infos-home h3{display: none;}
.content-bottom-widgets .widget{width: 100%!important;text-align: center;}
.content-bottom-widgets .widget-area .widget_custom_html{padding-bottom: 25px !important;}
.content-bottom-widgets .widget{padding-left: 0 !important;}
}