/*
 Theme Name:     Volpro
 Theme URI:      https://www.horizon-bleu.com
 Description:    Thème du site volpro.com
 Author:         Horizon Bleu
 Theme URI:      https://www.horizon-bleu.com
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */
#cn-more-info {color: #fff; text-decoration: underline;}

h1, h2, h3, h4, h5, h6 {
	word-wrap: normal !important;
}
h1 {
	border: 3px solid #1c73b6;
	padding: .2em;
	margin-bottom: .5em;
	display: inline-block;
}
@media (max-width:900px) {
	h1 {
		font-size: 35px !important;
	}
}
h2 {
    background-color: #fff;
    border: 1px solid #1c73b6;
    color: #1c73b6 !important;
    word-break: keep-all;
    text-transform: uppercase !important;
    text-align: center;
    width: 120%;
    margin: .5em auto;
    margin-left: -10%;
    padding: .2em .1em;
    font-size: 21px !important;
}
h2:hover, h2.on {
    background-color: #1c73b6;
    color: #fff !important;
}
h3 {
	margin-bottom: 1em;
}
.volets h2 {
    font-size: 20px !important;
}
.volets img {
    filter: grayscale(100);
    transition: all 400ms ease;
}
.volets img:hover {
    filter: none;
}
.text_vertical h4 {
    transform: rotate(-90deg);
	font-size: 29px;
}
@media (max-width:900px) {
	.text_vertical h4 {
		transform: none;
	}
}
.galerie img {    
	margin: .5em;
    display: table-cell;
    float: left;
}

.galerie img:nth-child(1) {
    width: 25%;
    margin-top: 21.5%;
}
.galerie img:nth-child(2) {
    width: 25%;
}
.galerie img:nth-child(3) {
    width: 45%;
    margin-top: -3%;
}
.galerie img:nth-child(4) {
    width: 15%;
	margin-left: 20.6%;
    clear: left;
}
.galerie img:nth-child(5) {
    width: 15%;
}
.galerie img:nth-child(6) {
    width: 22.3%;
    margin-top: -10.2%;
    margin-left: 1%;
}
.galerie img:nth-child(7) {
    width: 20%;
	margin-left: 20%;
    clear: left;
}
.galerie img:nth-child(8) {
    width: 43%;
}
@media (max-width:900px) {
	.galerie img {
		width: 85% !important;
		margin: 1em auto !important;
		float: none !important
	}
}
#main-footer {
	display: none;
}
.et_pb_scroll_top.et-pb-icon {
	color: #1c73b6;
	background-color: transparent;
	font-size: 70px;
	right: 1em;
    bottom: 255px;
}
@media (max-width:400px) {
	.et_pb_scroll_top.et-pb-icon {
		right: 0px;
		bottom: 15px;
	}
}
.et-pb-arrow-next, .et-pb-arrow-prev {
    margin-top: -60px;
    font-size: 95px;
}
.facebook {
	display: none !important;
	background: url('/wp-content/uploads/2018/11/ico-facebook.svg') 50% 50% no-repeat;
	background-size: contain;
	width: 38px;
    top: -13px;
	margin-right: .5em;
	height: 38px;
}
.facebook a {
	text-indent: -10000px;
}
.instagram {
	display: none !important;
	background: url('/wp-content/uploads/2018/11/ico-instagram.svg') 50% 50% no-repeat;
	background-size: contain;	
	width: 38px;
    top: -13px;
	margin-right: .5em;
	height: 38px;
}
.instagram a {
	text-indent: -10000px;
}
.contact {
	background: url('/wp-content/uploads/2018/11/ico-arrobase.svg') 50% 50% no-repeat;
	background-size: contain;
	width: 38px;
    top: -13px;
	height: 38px;
}
.contact a {
	text-indent: -10000px;
}
.sub-menu {
	position: fixed !important;
    width: 100vw !important;
	left: 0;
	right: 0;
}
.sub-menu li {
	float: left;
	white-space: nowrap;
	position: relative;
}
#menu-item-30 ul li  {
	width: 20%;
	text-align: center;
}
#menu-item-612 ul li {
	text-align: center;
	width: 16.6%;
}
#menu-item-1024 ul li {
	text-align: center;
	width: 14%;
}
#menu-item-28 ul li {
	width: 50%;
	text-align: right;
}
#menu-item-28 ul li:nth-child(2) {
	text-align: left;
}
@media (max-width:900px) {
	.sub-menu {
		position: inherit!important;
		width: auto!important;
	}
	.sub-menu li {
		float: none;
		white-space: normal;
	}
	.sub-menu li {
		width: auto !important;
		text-align: left !important;
	}
	.facebook, .instagram, .contact {
	    float: left;
		border-bottom: none;
    	margin: .5em;
	}
}
.et_mobile_menu li a,.nav li li a {
	font-size: 13px;
}
#top-menu li li a {
	width: 100%;
	background-color: transparent !important;
}
#et-secondary-nav .menu-item-has-children>a:first-child:after, #top-menu .menu-item-has-children>a:first-child:after {
	content: "";
}
.et_pb_main_blurb_image img {
	width: 50%;
}
.presentation_gamme .et_pb_slide_description {
	min-height: 60vh;
}
.et-pb-controllers {
	bottom: -50px;
}
@media only screen and (min-width: 981px) {
	.et-fixed-header #top-menu ul li.current-menu-item>a {
		color: #fff!important;
	}
	#top-menu li li.current-menu-item:after {
		background-color: #9d9d9c !important;
		height: 5px;
		content: "";
		position: absolute;
		bottom: -25px;
		width: 100%;
		left: 0;
		right: 0;
	}
}
@media only screen and (min-width: 981px) {
	.et-fixed-header #top-menu a, .et-fixed-header #et_search_icon:before, .et-fixed-header #et_top_search .et-search-form input, .et-fixed-header .et_search_form_container input, .et-fixed-header .et_close_search_field:after, .et-fixed-header #et-top-navigation .et-cart-info {
		color: #fff!important;
	}
	.et-fixed-header #top-menu ul li a, .et-fixed-header #et_search_icon:before, .et-fixed-header #et_top_search .et-search-form input, .et-fixed-header .et_search_form_container input, .et-fixed-header .et_close_search_field:after, .et-fixed-header #et-top-navigation .et-cart-info {
		color: #fff!important;
	}
}
.isolant-moderne-header h1 {
	color: #fff !important;
	font-weight: 700;
	border-color: #fff !important;
	margin-top: .5em;
	margin-left: -0.5em
}
.isolant-moderne-header h2 {
	color: #fff !important;
	font-size: 150px !important;
	font-weight: 100;
	background-color: transparent;
	border: none;
	margin-left: -15em;
	margin-bottom: -1em
}
.isolants-modernes span {
	margin: .5em;
	float: left;
	position: relative;
	transition: all 400ms ease;
}
.isolants-modernes span .title {
	opacity: 0;
	transition: all 300ms ease;
	max-width: 130px;
}
.isolants-modernes span:hover {
	top: -10em;
}
.isolants-modernes span:hover .title {
	opacity: 1;
}
.footer_custom a {
	color: #fff !important;
}
.personnalisation h4 {
	border: 3px solid #1c73b6;
	padding: .3em;
	display: table-cell;	
}
@media (max-width:500px) {
	#les-motifs {
		background-image: none;
	}
}