/*
Theme Name:		 Peinture Cyr Child
Theme URI:		 http://childtheme-generator.com/
Description:	 Peinture Cyr Child is a child theme of Peinture Cyr, created by ChildTheme-Generator.com
Author:			 Octantis
Author URI:		 http://childtheme-generator.com/
Template:		 peinture-cyr
Version:		 1.0.0
Text Domain:	 peinture-cyr-child
*/


/*
    Add your custom styles here
*/
a {
	color:#8f0100;
}
a:hover {
	color:#600100;
	text-decoration:none;
}
.equipe a {
    font-weight: bold;
    font-size: 14px;
}
.top-menu{
  width: 100%;
  padding: 7px 0;
  background: #8f0100 ;
}
.mb-15{
  margin-bottom: 15px;
}
.infos-top-menu{
  padding-right: 35px;
}
.infos-top-menu a{
  color:#fff;
  margin-left: 20px;
}
.infos-top-menu a:hover{
  text-decoration: none;
}
.infos-top-menu .demandez-soumission{
  background: rgba(0,0,0,0.4);
  padding: 10px 20px;
  font-size: 15px;
  transition: all 0.5s ease;
  text-transform:uppercase;
}
.infos-top-menu .demandez-soumission:hover{
  background: rgba(0,0,0,0.6);
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu{
  box-shadow: 0 10px 20px rgba(105, 149, 180, 0.2);
}
.border-r {
  border-right: 1px solid rgba(255,255,255,0.2);
  padding: 0 20px 0 0px;
}

.navbar-wrap{
  position: relative;
}
.absolute{
  position: absolute;
}
.fixed-top{
  transition: 1.5s ease;
  position: absolute;
}

.scrolled {
    background: #fff !important;
    transition: 1.5s ease;
    margin-top: 0;
    position: fixed;
}
.logo{
  max-width: 180px;
  transition: 0.5s ease;
}
.scrolled-logo{
	display: none;
	transition: 0.5s ease;
}
.scrolled .scrolled-logo{
	display: block;
	transition: 0.5s ease;
	max-width: 100px;
}
.scrolled .logo{
	display: none;
	transition: 0.5s ease;
}
.scrolled #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    color:#333;
}
.scrolled #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
    color:#fff;
}
.scrolled #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {
    color:#fff;
}
.scrolled #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, .scrolled #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, .scrolled #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    color:#ffffff;
}
#footer-widget{
    background-color:#333;
	color:#fff!important;
	padding-top:50px;
	padding-bottom:30px;
}
body:not(.theme-preset-active) footer#colophon {
    color: #fff;
    background-color: #2e2e2e;
}
footer#colophon .site-info{
    text-align:center;
}
footer#colophon p{
    margin-bottom:0px!important;
}
#footer-widget h3, #footer-widget a{
	color:#fff!important;
}
#footer-widget h3{
	border-bottom:#4a4a4a solid 1px;
	padding-bottom:10px;
}
#footer-widget a:hover{
	color:#ccc!important;
	text-decoration:none!important;
}
#footer-widget img{
    margin-top:15px;
}
#footer-widget a i, #footer-widget i{
	color:#ccc!important;
}
#footer-widget a.bouton-rouge{
	transition: background-color 0.3s ease;
	color:#ffffff!important;
	background-color:#8f0100!important;
	padding:15px 25px;
	margin-top:15px;
}
#footer-widget a.bouton-rouge:hover{
	color:#333!important;
	background-color:#fff!important;
}
#footer-widget p{
	margin-top:20px;
}
#footer-widget .p-bouton{
	margin-top:30px;
}
h1, .titre-rouge h3 {
	color:#8f0100!important;
}
h2 {
	font-size: 2.5rem;
}
.entry-content h3 {
	font-size:20px!important;
}
h1, h2, h3, h4 {
	font-family: "Roboto Condensed"!important;
}
.blanc h1, .blanc h2, .blanc h3, .blanc h4, .blanc p {
	color:#ffffff!important;
}
.blanc a {
	color:#ffffff;
}
.rangee-padding{
	padding-top:50px;
	padding-bottom:60px;
}
.rangee-padding-bas{
	padding-bottom:60px;
}
.rangee-client{
	padding-top:50px;
	padding-bottom:0px;
}
.entete{
	padding-top:220px;
	padding-bottom:100px;
}
.vc_btn3.vc_btn3-color-danger, .vc_btn3.vc_btn3-color-danger.vc_btn3-style-flat {
    color: #fff;
    background-color: #8f0100!important;
}
.vc_btn3.vc_btn3-color-danger:hover, .vc_btn3.vc_btn3-color-danger.vc_btn3-style-flat:hover {
    color: #fff;
    background-color: #333!important;
}
.rangee-realisations{
    background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 64%, rgba(248,248,248,1) 100%);
}
h3.widget-title {
    font-size: 1.6rem!important;
}
.bloc-gris {
    padding:35px 25px 35px!important;
	background-color:#f2f2f2!important;
	width:46%!important;
	margin:0px 2%!important;
	border-bottom:2px solid #dddbdb;
}
.bloc-gris.toute-large {
	width:100%!important;
}
.bloc-gris-3 {
    padding:35px 15px!important;
	background-color:#f2f2f2!important;
	width:31%!important;
	margin:0px 1%!important;
	border-bottom:2px solid #dddbdb;
}
.bloc-gris-3 .wpb_text_column {
    margin-bottom:15px!important;
}
.bloc-gris-2 {
	background-color:#e9e9e9!important;
}
.esg-filter-wrapper {
    margin-bottom: 25px!important;
}
.contact-info h3 {
    font-size:25px!important;
}
.one_half {
    width:49%!important;
	float:left;
	margin-bottom:15px;
}
.one_full {
    width:100%!important;
	float:left;
	margin-bottom:15px;
}
.one_half.espace {
	margin-right:2%;
}
textarea.form-control {
    height: 100px!important;
}
.btn-primary {
    color: #fff;
    background-color: #8f0100;
    border-color: #8f0100;
	border-radius:0px;
	width:100%
}
.btn-primary:hover {
    background-color: #600100;
    border-color: #600100;
}
.bloc-realisations{
    padding-top:35px;
	padding-bottom:35px;
}
.bloc-realisations ul {
    list-style: none;
	padding-left:15px!important;
}
.bloc-realisations ul li:before {
    content: '✓';
    margin-left: -15px;
    padding-right: 5px;
    color: #8f0100;
    font-weight: 700;
}
.bloc-realisations h4 {
    font-size: 18px!important;
}
.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title>a {
	color:#212529!important;
}
.vc_tta-panel{
    border-bottom:1px #e5e5e5 solid;
}
.chiffre{
    padding:13px 15px 15px;
	background-color:#8f0100;
	border-radius: 50%;
	width:50px;
	height:50px;
	text-align:center;
}
.chiffre h3{
	color:#ccc!important;
	font-weight:bold!important;
	margin:0!important;
	padding:0!important;
}
.bloc-gris {
    padding: 35px 25px 35px!important;
    background-color: #f2f2f2!important;
    width: 46%!important;
    margin: 0px 2% 0 1%!important;
    border-bottom: 2px solid #dddbdb;
}

#content.site-content {
    padding-bottom: 0rem!important;
    padding-top: 0rem!important;
}
.entry-content {
    margin: 0em 0 0!important;
}
.bloc-bas-photo .vc_column-inner, .bloc-bas-photo .wpb_single_image {
    margin:0!important;
	padding:0!important;
}
.bloc-bas-photo .wpb_single_image {
    margin:0!important;
	padding:0!important;
	border-top:1px #fff solid;
	border-bottom:1px #fff solid;
	border-left:1px #fff solid;
}

.logo-tel{
	display: none !important;
}
.grecaptcha-badge{
    display:none;
}
.page-id-29 .grecaptcha-badge{
    display:block;
}
.scrolled .scrolled-logo {
    max-width: 150px;
}

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


@media only screen
and (min-width : 320px)
and (max-width : 1199px) {
	#mega-menu-primary{
    padding-top:50px!important;
}
.navbar-wrap {
    z-index: 2;
}
.navbar-wrap {
    background-color: #232323;
    border-bottom: 1px solid #fff;
}
body {
    font-size: 16px!important;
}
.widget {
    font-size: 16px!important;
}
.btn {
    font-size: 16px!important;
}
}

@media only screen
and (min-width : 992px)
and (max-width : 1199px) {
	#footer-widget #custom_html-3 i {
    display:none!important;
}

}

@media only screen
and (min-width : 768px)
and (max-width : 991px) {
	.bloc-sceau{
    display:flex;
	flex-direction: column-reverse;
}
	.sceau-texte, .sceau-photo{
    width:100%!important;
}
	#footer-widget .col-md-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.contact-info h3 {
    font-size: 18px!important;
}
}



@media only screen
and (max-width : 767px) {
.credits {
    display:block!important;
}
.site-info{
    text-align:center;
}
.entete {
    padding-top: 45px;
    padding-bottom: 45px;
}
.infos-top-menu .demandez-soumission {
    display: block;
    text-align: center;
		margin:5px 10px;
}
.infos-top-menu a {
    margin-left: 0px;
    display: block;
    text-align: center;
}
.infos-top-menu {
    padding: 0px;
}
.demande-devis {
    text-align:center!important;
}
.demande-devis .btn-rouge {
    margin-top:-45px!important;
	margin-bottom:35px!important;
}
.site-info a{
    display:block!important;
}
	.bloc-sceau{
    display:flex;
	flex-direction: column-reverse;
}
	.equipe{
    text-align:center!important;
}
.equipe .wpb_single_image{
    margin-bottom:25px!important;
}
.garantie img{
    margin-bottom:-35px!important;
}
	.display-flex{
    display:flex;
	flex-direction: column-reverse;
}
.one_half.espace {
    margin-right: 0%!important;
}

.one_half {
    width: 100%!important;
}
.rangee-padding {
    padding-top: 30px;
    padding-bottom: 10px;
}
.services-accueil{
	margin-bottom: 30px;
}
.team-card {
    width: 100% !important;
		margin-bottom: 30px;
}
.mt30-tel{
	margin-top: 30px !important;
}
.logo{
	display: none !important;
}
.logo-tel{
	display: block !important;
	max-width: 200px;
}
.navbar-wrap {
    background-color: #fff;
    border-bottom: 1px solid #fff;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right{
	background: #8f0100;
}
#wpcf7-f13-p29-o1 .form-control{
	padding: 20px 10px;
}
#wpcf7-f13-p29-o1 .btn {
    padding: 15px 10px;
}
}
@media only screen
and (max-width : 768px) {
	.bloc-gris-3, .bloc-gris {
    width: 100%!important;
    margin: 0px 0px!important;
}
}
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
.service-padding-accueil{
  padding: 0 5px;
}
.realisations-img{
	width:100% !important;
}
.realisations-text{
	width:100% !important;
	text-align: center !important;
}
.center-ipad{
	margin-left:  auto !important;
	margin-right:  auto !important;
	text-align: center !important;
}
.demande-devis {
    text-align:center!important;
}
.testimonial-text{
	width: 100% !important;
}
.btn-devis{
	margin-top: -30px;
	text-align: center;
	margin-left:  auto !important;
	margin-right:  auto !important;
}
.team-card{
	width: 50% !important;
	margin-bottom: 30px;
}
.team-card .wpb_wrapper{
	padding-left: 20px;
	padding-right: 10px;
}
.qualite-garantie{
	width:100% !important;
	margin-top: -30px;
}
.page-id-29 .bloc-gris-3, .page-id-29 .bloc-gris {
    width: 33%!important;
    margin: 0px 0px!important;
}
}