/*
Theme Name: 	Betheme Child
Theme URI: 		http://themes.muffingroup.com/betheme
Author: 		Muffin group
Author URI: 	http://muffingroup.com
Description:	Child Theme for Betheme - Premium WordPress Theme
Template:		betheme
Version: 		1.6.1.1
*/

/* Theme customization starts here
-------------------------------------------------------------- */

/* ----------------------- */
/*   Style du JS Social    */
/* ----------------------- */

#Top_bar {
	z-index: 206;
}

#Action_bar {
	z-index: 205;
}

.triangle-topright a:hover i {
	transform: scale(1.2);
}

.triangle-topright .sub-menu-jssocial-top {
	position: absolute;
	top: 55%;
	right: 0px;
	left: auto !important;
	background: white;
	z-index: 900;
}

.triangle-topright .sub-menu-jssocial-top a {
	position: relative;
	right: auto;
	left: auto;
	top: auto;
}


.triangle-topright .sub-menu-jssocial-top a:hover i {
	color: #1F71B8 !important;
	transform: scale(1.3);
}

/* ------------------------ */
/*         MODALE           */

/* The Modal (background) */
.idi_modal {
	/* display: none; */
	/* Hidden by default */
	visibility: hidden;
	position: fixed;
	/* Stay in place */
	z-index: 9999;
	/* Sit on top */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	/*background-color: rgb(0,0,0);*/
	/* Fallback color */
	background-color: rgba(0, 0, 0, 0.92);
	/* Black w/ opacity */
}

/* Modal Content */
.idi_modal .modal-content {
	background-color: transparent;
	margin: auto;
	padding: 20px;
	width: 80%;
}

/* The Close Button */
.idi_modal .close {
	color: white;
	float: right;
	font-size: 57px;
	font-weight: bold;
	z-index: 100;
	position: absolute;
	right: 10px;
	top: 30px;
}

.idi_modal .close:hover {
	color: #1F71B8 !important;
}

.idi_modal .close:hover,
.idi_modal .close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

/* ------------------------ */
/*         GENERAL          */
/* ------------------------ */



#Top_bar .logo {
	margin: -30px 30px 0px 20px;
}

#Action_bar .menu {
	text-align: right;
}

#Action_bar a {
	color: white;
}

#Action_bar .container {
	max-width: 100%;
}

#Action_bar .one.column {
	width: 100%;
	margin: 0;
}

#Action_bar {
	padding: 0px;
}

#Action_bar li {
	vertical-align: middle;

	font-size: 17px;
	display: inline-block;
	font-weight: 400;
	letter-spacing: 0;
	font-family: "Times", Arial, Tahoma, sans-serif;
	padding: 0px 15px;
	text-transform: uppercase;
	border-right: none;

}

#Action_bar li a {
	text-decoration: none;
}

#Action_bar li a:hover {
	/* color: #1F71B8  !important; */
	color: #64c1f7 !important;

}


#Action_bar li#menu-item-412.menu-item-object-custom,
#Action_bar li#menu-item-412.menu-item-object-custom ul li {
	padding: 0px;
}

.triangle-topright {
	width: 0;
	height: 0;
	border-top: 80px solid #1F71B8;
	border-left: 80px solid transparent;
}

.triangle-topright a {
	position: absolute;
	right: 20px;
	top: 19px;
}

#Action_bar li {
	cursor: pointer;
}

#Action_bar ul.sub-menu.jssocials {
	background-color: rgba(255, 255, 255, 0.5);
}

#Action_bar ul.sub-menu .jssocials-shares .jssocials-share {
	width: 50px;
}

#Action_bar ul.sub-menu .jssocials-shares .jssocials-share a {
	display: block;
	text-align: center;
}

#Action_bar ul.sub-menu .jssocials-shares .jssocials-share a i {
	font-size: 20px;
	color: #000;
	padding: 10px 0;
}

#Action_bar ul.sub-menu {
	left: -12px;
}

#Action_bar li.last>a span:not(.description) {
	padding: 0 0 0 20px;
}

#menu,
h2,
h1 {
	text-transform: uppercase;
}

h2,
h1 {
	font-family: "Roboto", Arial, Tahoma, sans-serif;
}


.intro-inner {
	background: rgba(0, 0, 0, 0.6);
}

.intro-inner:before {
	content: ' ';
	background: url("https://www.kernevelnautic.fr/wp-content/uploads/2018/11/mask-slide.png") top center no-repeat;
	height: 120px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 99;
}

.zindex-plus {
	z-index: 9999;
}

#Subheader .container {
	z-index: 999;
}



#Top_bar .responsive-menu-toggle,
#Header_creative .creative-menu-toggle,
#Header_creative .responsive-menu-toggle {
	color: white !important;
}

/* --- SUBHEADER --- */
#Subheader {
	background-size: cover;
	/*background-position: 0px 55% !important;*/
}

#Subheader:before {
	background-size: cover !important;
}

#Top_bar .menu_wrapper {
	display: none;
}

div#Subheader:after {
	content: "";
	background: url(/wp-content/themes/betheme/images/blog_masonry_tile_gradient.png) top left repeat-x;
	padding: 80px 0px;
	position: absolute;
	top: 0px;
	transform: rotate(180deg);
}

.subheader-both-center #Subheader .title {
	/* text-shadow: 1px 1px 2px #ff000000, 0 0 1em black, 0 0 0.2em #868686; */
	text-shadow: 1px 1px 2px #ff000000, 0 0 13px #969696, 0 0 15px #171717;
}

#Subheader .title {
	font-size: 28px !important;
}


/* --- CAROUSSEL --- */
#Content .vc_images_carousel img {
	width: 100%;
	/* height: auto; */
	height: 400px;
	object-fit: cover;
}

/* ------------------------ */
/*         ACCUEIL          */
/* ------------------------ */

/* Post grid (3 photos) */

/* ------------- */
/* LEFT */
body.home .vc_basic_grid .vc_pageable-slide-wrapper>div:first-child {
	float: left;
	width: 66%;
	padding-right: 0px;
}

/* Image */
body.home .vc_basic_grid .vc_pageable-slide-wrapper>div:first-child .vc_gitem-zone-a {
	max-height: 455px;
}

body.home .vc_basic_grid .vc_grid-item:first-child .vc_custom_heading:last-child a {
	display: block;
}

body.home .vc_basic_grid .vc_grid-item:first-child .titre-actu-home {
	font-size: 26px;
}

body.home .vc_basic_grid .vc_pageable-slide-wrapper .vc_gitem_row {
	width: 100%;
}

/* ------------- */
/* RIGHT */
body.home .vc_basic_grid .vc_pageable-slide-wrapper>div {
	float: right;
	width: 33%;
	padding-bottom: 15px !important;
}

/* Image */
body.home .vc_basic_grid .vc_pageable-slide-wrapper>div .vc_gitem-zone-a {
	max-height: 220px;
}

/* description masquée */
body.home .vc_basic_grid .vc_grid-item .vc_custom_heading:last-child a {
	display: none;
}

body.home .vc_basic_grid .vc_grid-item .titre-actu-home {
	font-size: 16px;
	line-height: 20px;
}


/* ------------- */
/* BOTH */
body.home .vc_basic_grid .vc_pageable-slide-wrapper .idi_shadow {
	background: url("../betheme/images/blog_masonry_tile_gradient.png") top left repeat-x;
	padding: 94px 18px 9px;
	/* 70px 25px 30px; */
}

body.home .vc_basic_grid .vc_pageable-slide-wrapper .vc_gitem-post-data:last-child {
	padding-bottom: 15px;
	margin-bottom: 0px;
}

body.home .vc_basic_grid .vc_pageable-slide-wrapper .vc_gitem_row {
	position: absolute;
	left: 0;
	bottom: -20px;
	right: auto;
	transition: bottom 0.4s ease-out;
}

body.home .vc_basic_grid .vc_pageable-slide-wrapper>div .vc_gitem-zone-a:hover .vc_gitem_row {
	bottom: 0px;

}

/* trait bleu au hover */
body.home .vc_basic_grid .vc_pageable-slide-wrapper>div .vc_gitem-zone-a .vc_gitem-post-data:last-child:after {
	content: "";
	display: block;
	height: 3px;
	margin-top: 20px;
	width: 0;
	transition: all 0.4s ease-out;
	background-color: #fff;
	background: #0095eb;
	width: 0%;
	transition: width 0.4s ease-out;
}

body.home .vc_basic_grid .vc_pageable-slide-wrapper>div .vc_gitem-zone-a:hover .vc_gitem-post-data:last-child:after {
	width: 40%;
}

body.home .vc_basic_grid .vc_pageable-slide-wrapper>div:first-child .vc_gitem-zone-a:hover .vc_gitem-post-data:last-child:after {
	width: 20%;
}

#cookie-law-info-again {
	display: none !important;
}

#cliSettingsPopup {}

#cliSettingsPopup .cli-nav-pills {
	box-sizing: border-box;
}

#cliSettingsPopup .cli-nav-pills .cli-nav-link {
	text-decoration: none;
}

#cliSettingsPopup .cli-nav-pills .cli-nav-link.cli-active {
	background-color: #ccc;
	color: #FFF;
}

#cliSettingsPopup .cli-nav-pills .cli-nav-link:hover {
	background-color: #aaa;
	color: #FFF;
}

#cliSettingsPopup .cli-switch input:checked+.cli-slider {
	background-color: #ccc;
}

.liens_footer a,
#Footer a {
	color: #ccc !important;
}

.liens_footer a:hover {
	text-decoration: underline;
}


/* ------------------- */
/* LISTING ACTUALITÉ   */
/* ------------------- */

/* Titre de l'actualité */
#Content .post-item .post-title {
	margin: 0 -20px;
}

#Content .post-item .post-title .entry-title {
	font-size: 20px;
	line-height: 27px;
	text-align: justify;
}

/* Description courte */
#Content .post-item .post-excerpt {
	margin: 10px -20px 20px;
	min-height: 90px;
	font-size: 16px;
	text-align: justify;
}

/* Image de l'actualité */
#Content .post-item img.scale-with-grid {
	object-fit: cover;
	height: 350px;
}


/* ------------------- */
/* ACTUALITÉ           */
/* ------------------- */


/* Taille police */
body.post-template-default p {
	font-size: 15px;
}


/* --- BLOCK : Cela peut vous intéresser  */
.section-related-ul .single-photo-wrapper img {
	object-fit: cover;
	height: 350px !important;
}

.section-related-ul .column.post-related {
	margin: 0 1% 60px;
}


#Footer:before {
	background-size: cover !important;
}


/* ------------------- */
/* CONTACT           */
/* ------------------- */

.gform_wrapper input[type=checkbox] {
	margin-top: 0px !important;
}

.gform_body .no_label .gfield_label {
	display: none;
}

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


/* Extra large devices (Bootstrap : 1199px) */
@media (max-width: 1239px) {

	/* MENU */
	#Top_bar .menu_wrapper {
		display: block;
	}

	#Action_bar {
		display: none;
	}


	/* Hauteur image */
	#Content .post-item img.scale-with-grid,
	/* listing actu */
	.section-related-ul .single-photo-wrapper img

	/* block : cela peut vous intéresser */
		{
		height: 250px !important;
	}

	/* Listing Actus */
	#Content .post-item .post-title .entry-title {
		font-size: 18px;
	}

	#Content .post-item .post-excerpt {
		font-size: 15px;
	}

	#Content .post-item .post-excerpt {
		min-height: 110px;
	}

}


/* WP : Large devices (Bootstrap : 992px) */
@media (max-width: 959px) {
	/* Hauteur image */
	#Content .post-item img.scale-with-grid,
	/* listing actu */
	.section-related-ul .single-photo-wrapper img

	/* block : cela peut vous intéresser */
		{
		height: 180px !important;
	}

	/* Listing Actus */
	#Content .post-item .post-title .entry-title {
		text-align: left;
	}

	#Content .post-item .post-excerpt {
		min-height: 120px;
	}
}


/* Medium devices (tablets, 768px and up) */
@media (max-width: 767px) {

	/* SUBHEADER */
	#Subheader {
		padding: 208px 0 110px 0 !important;
	}

	#Subheader:before {
		top: 230px !important;
	}


	/* Hauteur image */
	#Content .post-item img.scale-with-grid,
	/* listing actu */
	.section-related-ul .single-photo-wrapper img

	/* block : cela peut vous intéresser */
		{
		height: 450px !important;
	}

	/* Listing Actus */
	#Content .post-item .post-excerpt {
		min-height: 0px;
	}
}


/* Small devices (landscape phones, 576px and up) */
@media (max-width: 540px) {
	/* Hauteur image */
	#Content .post-item img.scale-with-grid,
	/* listing actu */
	.section-related-ul .single-photo-wrapper img

	/* block : cela peut vous intéresser */
		{
		height: 300px !important;
	}
}


/* Phones */
@media (max-width:480px) {
	/* Hauteur image */
	#Content .post-item img.scale-with-grid,
	/* listing actu */
	.section-related-ul .single-photo-wrapper img

	/* block : cela peut vous intéresser */
		{
		height: 22 0px !important;
	}
}

body.home .vc_basic_grid .vc_pageable-slide-wrapper>div:first-child .resum-actu-home {
	display: none;
}

body.home .vc_basic_grid .vc_pageable-slide-wrapper>div:first-child .vc_gitem-post-data {
	margin-bottom: 35px;
}


@media (max-width:767px) {
	.single-post #Content .wpb_gallery .wpb_flexslider .flex-control-nav {
		margin: 20px 0 0 0 !important;
		position: initial !important;
	}
}