/*
Theme Name: HELEXIA Child Theme
Theme URI: https://harvest.agency
Description: This is a custom child theme for HELEXIA
Author: HARVEST
Author URI: https://harvest.agency
Template: helexia
Version: 2018
*/
/* Font */
@font-face {
  font-family: "helexia";
  src:url("fonts/helexia.eot");
  src:url("fonts/helexia.eot?#iefix") format("embedded-opentype"),
    url("fonts/helexia.woff") format("woff"),
    url("fonts/helexia.ttf") format("truetype"),
    url("fonts/helexia.svg#helexia") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "helexia" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="h-"]:before,
[class*=" h-"]:before {
  font-family: "helexia" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* btn header */
.h-home:before {
  content: "\61";
}
.h-phone:before {
  content: "\63";
  font-size: 30px;
  color: #003961 !important;
}
/* menu */
.sf-with-ul span:before{  font-family: "helexia" !important; font-size: 24px !important; display: inline-block; }
.menu-item-language.menu-item-has-children{color: #003961 !important;}
.menu-item-language.menu-item-has-children:before{
  font-family: "helexia" !important;
  font-size: 24px !important;
  font-family: "helexia" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #003961 !important;
  font-size: 20px;
   }

body #header-secondary-outer ul >li.menu-item-language-current >a{ height: inherit !important; padding-left:3px!important;}
body #header-secondary-outer nav >ul >li.menu-item.h-phone >a, body #header-outer #header-secondary-outer nav >ul >li.menu-item-language-current >a{ padding-left: 3px !important; color: #003961 !important;}
body{line-height:18px!important;}
/* .bold, strong, b{ color: black;} */
.light .bold, .light strong, .light b{ color: white;}
body:not(.woocommerce-cart) .main-content td{ font-size: inherit !important;}
/* header */
#header-outer{top:0px !important;}
header#top {
	min-height: 80px;
}
body.material #header-outer.small-nav:not([data-format="left-header"]){top:0px !important;transform: none !important;}
body.material.admin-bar #header-outer.small-nav:not([data-format="left-header"]){top:31px !important;}
body #header-secondary-outer{ top:20px !important;}
body #header-secondary-outer .menu-item{ text-transform: uppercase !important;}
body #header-secondary-outer nav >ul >li >a{ font-size: 14px !important;}
header#top nav > ul > li[class*="button_solid_color"] > a:before, #header-outer.transparent header#top nav > ul > li[class*="button_solid_color"] > a:before{height: 25px!important;}
#header-outer{ top:0px !important; background-color: transparent !important; }
#header-outer .container{ background-color: white !important;}
.admin-bar #header-outer{ top:31px !important; }
header#top .container{ max-width:100%!important; margin: 0 250,5px !important;  padding: 0 90px !important;}
/*header#top  .col_last nav{ background-color:rgba(29, 54, 80, 0.94) !important;}*/
header#top #logo, #header-secondary-outer{display:inline-block!important; box-shadow: none !important; background-color: white !important;}
/*header#top .col_last nav ul li a{ color: white;}*/
header#top{background-color: white;}
#header-secondary-outer{position: relative;}
body #header-secondary-outer nav >ul >li.menu-item >a{ padding: 5px 10px !important;}
body .ocm-effect-wrap  header#top .sf-menu li ul li a:hover, body .ocm-effect-wrap  header#top .sf-menu li ul.sub-menu li a:hover{background-color:white !important;}
body[data-dropdown-style="minimal"] .ocm-effect-wrap header#top .sf-menu li ul li a:hover, body[data-dropdown-style="minimal"] .ocm-effect-wrap #header-outer:not([data-format="left-header"]) header#top nav > ul > li:not(.megamenu) ul li > a :hover, body[data-dropdown-style="minimal"] .ocm-effect-wrap #header-outer:not([data-format="left-header"]) header#top nav > ul > li ul li:hover{ background-color: white !important; color: #fea108 !important;}
body header#top nav ul.sf-menu li.menu-item ul.sub-menu:hover li.menu-item a:hover, nav ul.sf-menu li.menu-item ul.sub-menu li.menu-item.sfHover.menu-item-over a:hover{ background-color: white !important; color: #fea108 !important;}
header#top nav > ul > li > ul > li > a{ background-color: transparent !important; }
.mc4wp-form-theme input[type=email]{ background-color: transparent !important; }
body header#top nav .sf-menu li.current_page_item > a:hover, body header#top nav .sf-menu li.current-menu-item > a:hover { color: #27CCC0!important;}
#breadcrumbs{display: none !important;}
#ajax-loading-screen .loading-icon{ background-position: center center !important; background-size: 20% !important;}
#top .col.span_4{ padding-left: 5%; padding-top: 15px;}
#top .col.span_5{float:right !important;position: relative !important;}
#top .col.span_5, #top .col.span_4{display: inline-block !important;}
body.material #header-outer:not([data-format="left-header"]) header#top > .container > .row{ display: inherit !important;}
#header-secondary-outer, #header-secondary[data-using-secondary="1"]{transform:none !important;}
#header-outer[data-format="centered-menu-under-logo"] header#top .span_9 nav >ul >li:not(#social-in-menu):not(#search-btn):not(.slide-out-widget-area-toggle) >a{ padding: 5px 8px !important;}
.texteVideo h2{font-size: 50px !important; line-height: 55px !important;}
.texteVideo{ padding-left: 15%;}
.content_video{}
.home #ajax-content-wrap > .container-wrap{ padding-top: 94px !important;}
.row .nectar-icon-list .nectar-icon-list-item h4{font-size: 20px !important; }
h1 b {color:white!important;}

.nectar-button span{color: white !important;}
.nectar-icon-list-item{ margin-bottom: 10px !important; padding-left: 0px !important;}
.nectar-icon-list-item{ font-size: 20px !important; color: white !important;}
.line_r{ border-right: 1px solid black;}
.line_l{ border-left: 1px solid black;}
a.column-link{-webkit-transition: background-color 100ms ease-out 100ms;
    -moz-transition: background-color 100ms ease-out 100ms;
    -o-transition: background-color 100ms ease-out 100ms;
    transition: background-color 100ms ease-out 100ms;}
a.column-link:hover{background-color: rgba(255, 255, 255, 0.09);}
.nectar-milestone .subject{color:#444444;font-size:20px!important;line-height: 32px !important; letter-spacing: normal !important;}
.light .nectar-milestone .subject, .light .nectar-milestone .number span{color:white!important;}
/*btn*/
.carte .nectar-button span{color: black;}
.nectar-button{ color:#003a5d !important; font-weight:bold !important;}
body.material .nectar-button.see-through-3{background-color: rgba(0, 0, 0, 0.25) !important; color: white;}
body.material .nectar-button.has-icon.action{color: white !important;-webkit-transition: all 100ms ease-out; -moz-transition: all 100ms ease-out; -o-transition: all 100ms ease-out; transition: all 100ms ease-out;}
body.material .nectar-button.has-icon.action i:before{-webkit-transition: all 80ms ease-out; -moz-transition: all 80ms ease-out; -o-transition: all 80ms ease-out; transition: all 80ms ease-out;}
body.material .nectar-button.has-icon.action:hover i{height:36px; width: 36px;}
body.material .nectar-button.has-icon.action:hover i:before{font-size:20px;}
body.material .nectar-button.has-icon.action:hover span{ transform: translateX(-10px);}
/*Bandeau*/
.breadcrumb{ padding: 14px 0px;}
.breadcrumb span span > a.bread{ font-size:0;}
.breadcrumb span span > a.bread:before{content: "\61";  font-family: "helexia"; font-size: 25px !important; margin-top: 15px; color:#004b70; position: relative; padding-top: 10px; top:5px;}
.breadcrumb span span span a.bread{font-size:14px!important;}
.breadcrumb span span span a.bread:before{font-size: 0 !important;}
/*Footer*/
#footer-outer, #nectar_fullscreen_rows >#footer-outer.wpb_row .full-page-inner-wrap{ background-color: #004b70 !important; background-image: url(img/img_footer.png); background-position: right bottom; background-repeat: no-repeat;}
#footer-outer #copyright p{color: white !important;}
/*Offres*/
.tuile_g h2{color:white; text-transform:uppercase!important;}
.tuile_g{ margin-right: -10%;}
.tuile_d{ margin-left: -10%;}

/*Icn*/
.icn_bleu .nectar_icon_wrap[data-style="border-basic"] .nectar_icon, .icn_bleu .nectar_icon_wrap[data-style="border-animation"] .nectar_icon{background-color:#357aa7 !important;}
.icn_vert .nectar_icon_wrap[data-style="border-basic"] .nectar_icon, .icn_vert .nectar_icon_wrap[data-style="border-animation"] .nectar_icon{background-color:#00963e !important;}
/*fleche*/
.numbers.top{ padding-top: 1% !important;}
.numbers.bottom { padding-top: 1% !important; padding-bottom: 1% !important;}
.numbers.top:after{display: block; height: 50px; visibility: visible !important; width: 1px !important; background-color: #00963e; margin: 0 auto;}
.numbers.bottom:before{display: block !important; height: 50px; visibility: visible !important; width: 1px !important; background-color: #00963e; margin: 0 auto;content: ""; margin-bottom: 7px;}
.number p{ width: 32px;height: 32px; border: 3px solid #fabe48; color: #fabe48; border-radius: 50%; font-weight: bold; display: block; margin: 0 auto;}
.fleche .divider-wrap .divider-border{ height: 50px !important; background-color: #00963e !important; }
.fleche .divider-wrap .divider-border:after{ width: 0; height: 0; border-top: 50px solid transparent;border-bottom: 50px solid transparent; border-left: 50px solid #00963e; display: inline-block; position: absolute;content: ""; right: -50px; top:-50%; }
.valeurs .nectar-flip-box .flip-box-front, .valeurs .nectar-flip-box .flip-box-back{border-radius: 50%; width: 400px !important;}
.flip-box-front .inner{font-size: 50px !important;}
/* .portfolio-items .work-info{display: none !important;} */
.portfolio-items .work-info p{display: none !important;}
.portfolio-items .work-info-bg, .home .portfolio-items .work-info-bg{background-color:#003048 !important;}
.portfolio-items .work-info-bg:hover{opacity: 0.4 !important; }
.portfolio-items .col.span_3{ margin: 0px !important; }
.portfolio-items .work-info h3{ font-size: 25px !important;}

.portfolio-items .work-info .vert-center .fa.fa-angle-right{margin-left: -15px;}
.portfolio-items .work-info:hover .vert-center .fa.fa-angle-right{ opacity: 1; font-size: 30px !important; color: #f7a633; margin-left: 0px; }

/*megamenu*/
.megamenu .sub-menu .menu-item{ text-align: center; text-transform: inherit !important;}
header#top .sf-menu li ul li a, #header-secondary-outer nav > ul > li > a{ text-transform: inherit !important; }
#header-secondary-outer{border: 0px solid black !important;}

header#top .span_9 > .slide-out-widget-area-toggle i{color: #003961 !important;}

#header-secondary-outer ul{ height: auto !important;}
.wpb_column.padding-10-percent{ padding-left: 0 !important;}
body:not(.woocommerce-cart) .main-content table{ margin-bottom: 0px !important;}

.nectar-fancy-ul li table tr{ background: #fcfcfc !important; }
.nectar-fancy-ul li:nth-child(odd) table tr{ background: white !important; }
.nectar-fancy-ul ul li i.icon-default-style[class^="icon-"].icon-salient-thin-line{ display: none !important;}
body #header-outer:not([data-format="left-header"]) header#top nav > ul > li:not(.megamenu) ul a:hover{ background-color: white !important; color: #f7a633 !important;}

.shadow{ padding: 4% !important; box-shadow: 0px 0px 31px 15px rgba(0, 0, 0, 0.08) !important;}

.testimonial_slider[data-style="multiple_visible_minimal"] .image-icon, .nectar_single_testimonial .image-icon{ width: 200px !important; border-radius:
	 inherit !important;     background-size: contain;
    background-repeat: no-repeat;
    background-position: center;}
.testimonial_slider .inner{ text-align: center !important; box-shadow: 0px 1px 24px 10px rgba(0, 0, 0, 0.05) !important; }
.testimonial_slider .inner p{ text-align: center !important; font-style: italic; }
.testimonial_slider[data-style="multiple_visible_minimal"] .flickity-viewport{ overflow: visible !important;}
.testimonial_slider[data-style="multiple_visible_minimal"] blockquote{ padding: 1.5% !important; line-height: 26px; font-size: 20px; }
.testimonial_slider .wrap{margin-top: 10px;}
blockquote p{margin-bottom: 12px;  }

.testimonial_slider .nom{ color: black !important; font-weight: bold;}
.testimonial_slider .title { color: #f7a633 !important; font-weight: bold;}

#infowindow{ display: block; visibility: hidden; position: absolute; width: 350px; height: 500px; background-color: white; z-index: 99999; box-shadow: 0px 1px 33px 7px rgba(0, 0, 0, 0.21); right: 10%; top: 15%;}
#infowindow .nectar-button.regular{ background-color: #5b5b5b !important; visibility: visible; color: white !important; margin: 0 auto; display: table;}

.box-title{ padding: 16px; }
.box-title h5{ font-size: 25px !important; }
.box-extrait{ padding: 0px 16px; overflow: hidden;}

/*ref carte */
.bg_ref{ height: 200px; background-size: cover;}
.box-extrait{ min-height: 150px; }
.box-extrait ul{margin-bottom: 0px !important;}
#infowindow.wrap{ min-height: 300px;}
#infowindow::after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: -0.5em;
    top: 45%;
    left: 10px;
    box-sizing: border-box;
    
    border: 1em solid black;
    border-color: transparent transparent #ffffff #ffffff;
    
    transform-origin: 0 0;
    transform: rotate(45deg);
    
    box-shadow: -13px 10px 20px 0px rgba(0, 0, 0, 0.21);
  }

/*actus*/

.auto_meta_overlaid_spaced .masonry-blog-item .post-content{height: 30vh !important;}

body[data-dropdown-style="minimal"] .sf-menu >li.menu-item-language ul{ width: 10em;}
.article-content-wrap h3{ font-size: 20px !important; line-height: normal !important;}
.content-inner .article-content-wrap .fa.fa-angle-right{float: right; margin-top: -20px; color: white !important; -webkit-transition: all 200ms ease-out 200ms;
    -moz-transition: all 200ms ease-out 200ms;
    -o-transition: all 200ms ease-out 200ms;
    transition: all 200ms ease-out 200ms; }
.content-inner:hover .article-content-wrap .fa.fa-angle-right{ font-size: 30px; margin-right: -15px;}
.category-efficacite-energetique .article-content-wrap{ background-color: rgb(52, 178, 152);} 
.category-lentreprise .article-content-wrap{ background-color: rgba(200, 55, 39, 1);} 
.category-actu-marche .article-content-wrap{ background-color: rgba(235, 179, 45, 1);} 

#footer-outer .champ, .btn{ display: inline-table;}
#footer-outer .champ{ width: 40%; } .btn input.button{padding: 19px !important; line-height: normal;}
#footer-outer .champ{ background-color: #003961; border-radius: 50px 0px 0px 50px;}

#footer-outer .mc4wp-form-fields{ text-align: center; margin-bottom: 40px !important;}
#footer-outer .mc4wp-form-fields .btn{ padding: 0px !important; }

.testimonial_slider[data-style="multiple_visible_minimal"] blockquote .inner{ border-radius: 0px;}
.testimonial_slider[data-style="multiple_visible_minimal"] blockquote{ width: 34% !important;}

#footer-widgets .mc4wp-form-theme .btn .button{ border-radius: 0px 50px 50px 0px !important; margin-top: -8px !important; padding: 21px !important;} 
#footer-widgets  input[type="email"]{background-color: #004b70 !important; border: 0px !important;font-size: 20px !important; color: white !important;}
#footer-outer .mc4wp-form-fields label{display: none !important;}
body #footer-widgets input[type="email"]{ background-color: transparent !important; color: white !important; }
body #footer-widgets input[type="email"]::placeholder{ color: rgba(255, 255, 255, 0.89) !important;}

body #wplc_message_div .wplc_gdpr_privacy_notice, body #wplc_message_div label{display:none!important;}
#footer-widgets .mc4wp-form-theme .button{ font-size: 15px !important;}

.text[rel~="author"]{display: none; font-size: 0px !important;}

.auto_meta_overlaid_spaced .masonry-blog-item .inner-wrap{ border-radius: 0px !important;}

/*footer*/
#footer-outer .widget.widget_categories ul ul, #footer-outer .widget.widget_pages ul ul, #footer-outer .widget.widget_nav_menu ul ul, #slide-out-widget-area .widget.widget_nav_menu ul ul{ padding-left: 0px !important;}
#footer-outer #footer-widgets .col ul >li >a{ text-transform: uppercase !important; padding-bottom: 15px !important; font-family: "Lato" !important;}
#footer-outer #footer-widgets .col ul >li .sub-menu a { text-transform: inherit !important; padding-bottom: inherit !important;}

#footer-outer .span_3{ width: 21% !important; margin-right: 1% !important;}
#footer-outer .span_3.col_last{ width: 18% !important; margin-right: 0 !important;}

#footer-outer .col.span_3.small{ width: 13% !important;}

#footer-outer .menu-item-has-children > a, #footer-outer .col.span_3.small a { color: #fab441 !important; }

.textwidget .h-phone, .textwidget .h-phone:before, .textwidget .h-phone a{color: white !important;}
.nectar-button{ margin-top: 20px;}
.textwidget .h-phone a{font-size: 20px; text-align: center !important;  display: inline-flex;}
.textwidget .h-phone:before{ margin-top: 10px !important;}

#footer-outer #social >li{ display: inline-flex; width: 20%; text-align: center;}
#footer-outer #social >li a{width: 30px; display: block; }

/* Pictos */ 
.picto {
	width:50px !important;
	height:50px;
	padding: 5px;
}


/*Team*/
.team-meta h3{font-size: 15px !important; width: 80%; line-height: normal !important;}

.team-member[data-style="meta_overlaid_alt"]:after{background: linear-gradient(to top,rgba(27, 75, 140, 1) 0%,rgba(27, 75, 140, 0.8) 20%,rgba(27, 75, 140, 0) 100%) !important;}
.team-member-image{ background-position: center top !important;}
.Tmember .nectar_icon{ padding: 0px 13px 0px 0px !important;}

.mc4wp-form-theme-blue button, .mc4wp-form-theme-blue input[type=submit]{ border: 0px solid black !important;}

.portfolio-filters-inline .container > ul a, .portfolio-filters-inline .container > ul li#sort-label{ background-color: #abb3ba; color: white; border-radius: 50%; font-size: 18px !important; padding:6px 14px !important;}

.portfolio-filters-inline .container > ul li a.active{border:1px solid #fab441 !important; background-color: white !important;}

/*single */

.single-post .main-content{ margin-top: 150px !important;}

/*Popin */
.pum-title{ color: #444444 !important;}

.mobile-icon {
	position: absolute;
	right: 40px;
	top: 20px;
}

.btn_decouvrir {
	background-color: #00963e !important;
	color: #ffffff !important;
	border-radius: 20px;
	height: 35px;
	margin: auto;
	padding-left: 10px;
	padding-right: 10px;
}
.megamenu .sub-menu .menu-item {
	text-align: left !important;
}
body:not([data-header-format="left-header"]) header#top nav > ul > li.megamenu > ul > li > a {
	font-weight: bold !important;
	text-transform: uppercase !important;
}
#header-outer:not([data-lhe="animated_underline"]) header#top nav ul li[class*="button_solid_color"] a:hover {
	color: #fab441 !important;
}
#header-outer:not([data-lhe="animated_underline"]) header#top nav ul li[class*="button_solid_color"] ul li a:hover {
	background-color: #004b70 !important;
}

/*Responsive */
@media only screen and (max-width: 1270px) {
	header#top nav > ul > li > a, body.material #search-outer #search input[type="text"]{ font-size: 15px !important; }

}
@media (min-width: 690px) and (max-width: 1270px){
	.span_5 {width: 50% !important;}
}

@media only screen and (max-width : 1000px) {
	/* Bouton Decouvrir du Menu Responsive */
	.btn_decouvrir {
		background-color: transparent !important;
		color: #ffffff !important;
		margin: inherit !important;
		height: auto !important;
		padding-bottom: 6px !important;
		padding-left: 0 !important;
	}
	
	.h-phone:before {
		font-family: "helexia" !important;
		content: "\63";
		font-size: 30px;
		color: #ffffff;
	}
}
@media only screen and (min-width : 1001px) {
	header nav {
		/*float: right;*/
		padding-top: 20px;
	}
	.mobile-icon {
		display: none;
	}
}

@media only screen and (max-width: 1000px) {
	#footer-outer .span_3, #footer-outer .span_3.col_last{ width: auto !important;}
	#footer-outer .span_3.col_last{ margin-left: 50px !important;}
	.testimonial_slider[data-style="multiple_visible_minimal"] .flickity-slider blockquote{ position: relative !important; display: content !important; left: inherit !important; width: auto !important;}
	.testimonials{padding-bottom:10%!important;}
	.testimonials .testimonial_slider{ padding-bottom: 30% !important;}
}
@media only screen and (max-width: 690px) {
	#footer-outer .span_3, #footer-outer .span_3.col_last{float: none !important; width: auto !important;}
	#footer-outer .col.span_3.small{ width: auto !important;}
	.testimonials .testimonial_slider{ padding-bottom: 100% !important;}
}

#it_custom_slider .ba-slider {
	position: relative;
	overflow: hidden;
	text-align: center;
}
	 
#it_custom_slider .ba-slider img {
	width: 100%;
	display:block;
}

#it_custom_slider img {
	margin: 0 auto;
}

#it_custom_slider .resize {
	position: absolute;
	top:0;
	left: 0;
	height: 100%;
	width: 50%;
	overflow: hidden;
}

#it_custom_slider .handle { /* Thin line seperator */
  position:absolute; 
  left:50%;
  top:0;
  bottom:0;
  width:4px;
  margin-left:-2px;
 
  background: rgba(0,0,0,.5);
  cursor: ew-resize;
}
		 
#it_custom_slider .handle:after {  /* Big orange knob  */
	position: absolute;
	top: 50%;
	width: 64px;
	height: 64px;
	margin: -32px 0 0 -32px;
 
	content:'\21d4';
	color:white;
	font-weight:bold;
	font-size:36px;
	text-align:center;
	line-height:64px;
	 
	background: #ffb800; /* @orange */
	border:1px solid #e6a600; /* darken(@orange, 5%) */
	border-radius: 50%;
	transition:all 0.3s ease;
	box-shadow:  0 2px 6px rgba(0,0,0,.3), 
			  inset 0 2px 0 rgba(255,255,255,.5),
			  inset 0 60px 50px -30px #ffd466; /* lighten(@orange, 20%)*/ 
}

#it_custom_slider .draggable:after {
	width: 48px;
	height: 48px;
	margin: -24px 0 0 -24px;
	line-height:48px;
	font-size:30px;
}