/*
Theme Name: Kamperen Child
Theme URI: https://kamperen.qodeinteractive.com
Description: A child theme of Kamperen
Author: Edge Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: kamperen
Template: kamperen
*/


@font-face {
    font-family: 'shoffie_ismarellaregular';
    src: url('fonts/shoffie_ismarella-webfont.eot');
    src: url('fonts/shoffie_ismarella-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/shoffie_ismarella-webfont.woff2') format('woff2'),
         url('fonts/shoffie_ismarella-webfont.woff') format('woff'),
         url('fonts/shoffie_ismarella-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'charis_silregular';
    src: url('fonts/charissilr-webfont.eot');
    src: url('fonts/charissilr-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/charissilr-webfont.woff2') format('woff2'),
         url('fonts/charissilr-webfont.woff') format('woff'),
         url('fonts/charissilr-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'charis_silitalic';
    src: url('fonts/charissili-webfont.eot');
    src: url('fonts/charissili-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/charissili-webfont.woff2') format('woff2'),
         url('fonts/charissili-webfont.woff') format('woff'),
         url('fonts/charissili-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'charis_silbold_italic';
    src: url('fonts/charissilbi-webfont.eot');
    src: url('fonts/charissilbi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/charissilbi-webfont.woff2') format('woff2'),
         url('fonts/charissilbi-webfont.woff') format('woff'),
         url('fonts/charissilbi-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'charis_silbold';
    src: url('fonts/charissilb-webfont.eot');
    src: url('fonts/charissilb-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/charissilb-webfont.woff2') format('woff2'),
         url('fonts/charissilb-webfont.woff') format('woff'),
         url('fonts/charissilb-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'montserratbold';
    src: url('fonts/montserrat-bold-webfont.eot');
    src: url('fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-bold-webfont.woff') format('woff'),
         url('fonts/montserrat-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'montserratsemibold';
    src: url('fonts/montserrat-semibold-webfont.eot');
    src: url('fonts/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-semibold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-semibold-webfont.woff') format('woff'),
         url('fonts/montserrat-semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal; }


/*GÉNÉRAL*/

h1.qodef-e-title,
h1 {
	font-family: 'shoffie_ismarellaregular';
	color: #bd8d24;
	font-weight: 400;
	line-height: 0.8em; }

h1.titre-blanc, h1.titre-blanc span.h1-partie2 {
	color: white;
	text-shadow: #000 1px 0 5px;
	}

h1::before {
	position: absolute;
	content: url("img/gouttes-h1.png");
	top: -59px;
	left: -44px;
	z-index: 4; }

h2 {
	font-family: 'charis_silitalic';}

.blanc {
	color: #fff; }

body #qodef-page-inner {
	padding: 0 0; }

body p {
font-size: 16px;}

/*HEADER*/
body #qodef-top-area .widget:not(.widget_kamperen_core_title_widget) {
	color: #fff; }

header#qodef-page-header {
  height: 126px;}
 
 header#qodef-page-header .qodef-header-logo-link {
  height: 119px;}

header .qodef-header-navigation > ul > li > a,
header .qodef-header-navigation > ul > li.current-menu-ancestor > a,
header .qodef-header-navigation > ul > li > a:hover {
	color: #bd8d24;
	font-weight: 100;
	text-transform: none; }

header .qodef-header-navigation > ul > li.current-menu-ancestor > a > span:before {
	content: url('img/gouttes-menu-nav.png');
	position: absolute;
	left: -17px;
	top: 22px; }

header .qodef-header-sticky .qodef-header-navigation > ul > li.current-menu-ancestor > a > span:before {
	top: 5px; }

header#qodef-page-header .qodef-header-logo-link.qodef-height--not-set img {
  max-height: 100%;
  height: 100%; }

header#qodef-page-header #qodef-page-header-inner.qodef-skin--light nav > ul > li > a, .qodef-custom-header-layout.qodef-skin--light nav > ul > li > a {
  color: #BD8D24!important;
  font-size: 1.2em;
}
  
/*MENU*/

header nav ul li a .qodef-menu-item-text {
	color: #bd8d24;
	text-align: center;
	display: inline;
	vertical-align: top; }


/*Page Services*/



/*FICHES HEBERGEMENTS*/

.qodef-accommodation .qodef-m-slider {
  position: relative;}

.single-accommodation .qodef-accommodation .qodef-m-slider::before,
section.dechirure-blanche::before,
section.dechirure-blanche-haut::before,
#qodef-page-footer::before {
	position: absolute;
	width: 100%;
	height: 118px;	
	display: block;
	content: "";
	background: url("img/bandeau-images-haut.png") bottom center no-repeat;
	background-size: cover;
	z-index: 10; }

.single-accommodation .qodef-accommodation .qodef-m-slider::before,
section.dechirure-blanche::before,
section.dechirure-blanche-haut::before {
	top: -90px; }

.single-accommodation .qodef-accommodation .qodef-m-slider::after,
section.dechirure-blanche::after,
section.dechirure-blanche-bas::after {	
	position: absolute;
	bottom: -95px;
	width: 100%;
	height: 118px;	
	display: block;
	content: "";
	background: url("img/bandeau-images-bas.png") bottom center no-repeat;
	background-size: cover; }
	
.single-accommodation .qodef-accommodation .qodef-m-slider::after {
	z-index: 1; }


.qodef-accommodation .qodef-m-content {
 	z-index: 3;
 	position: relative; }

h1 span.h1-partie2 {
	font-family: 'charis_silitalic';
	color: #345e41;
	font-size: 0.6em;
	padding-left: 4%; }

.qodef-e-top-holder {
	margin-top: 30px; }

.single-accommodation #qodef-accommodation-reservation,
.single-accommodation .qodef-e-seasonal {
	color: #fff;
	background-color: #345e41;
	background-position: bottom right;
	background-repeat: no-repeat; }

.single-accommodation #qodef-accommodation-reservation{
	background-image: url('img/roseaux-sidebard-haut.png'); }

.single-accommodation .qodef-e-seasonal{
	background-image: url('img/roseaux-sidebard-bas.png'); }

#qodef-accommodation-reservation p.qodef-accommodation-reservation-title, p.qodef-m-field-title, p.qodef-e-seasonal-title, p.qodef-e-amenity-title, p.qodef-e-rules-title {
  font-size: 2em;
  font-family: 'charis_silitalic';}

.elementor-icon-box-title {
  border-bottom: #345E41 dotted 3px;}
  
.single-accommodation .elementor-widget-icon-box .elementor-icon-box-description {
  color: #345E41;}

.qodef-accommodation .qodef-e-seasonal-items,
.qodef-page-sidebar-section h4 {
	color: #fff; }

.qodef-page-sidebar-section .qodef-button.qodef-html--link {
  line-height: 1em;
  padding: 15px; }



.qodef-e-amenity,
.qodef-accommodation .qodef-e-amenity-items .qodef-ei-label,
.qodef-accommodation .qodef-e-amenity-items .qodef-ei-sub-label,
.qodef-accommodation .qodef-e-amenity-items .qodef-ei-sub-svg svg,
.qodef-accommodation-list-item .qodef-e-title {
	color: #345e41; }

.sous-titre-hebergement {
	font-size: 2em;
	font-family: 'charis_silitalic';
	text-align: center; }

.qodef-e-rules-title {
	color: #345e41; }

.single-accommodation .qodef-e-info {
	padding-left: 30px; }
	
.qodef-accommodation .qodef-e-info a {
  color: white;
  background-color: #345e41;}
 
.qodef-accommodation .qodef-e-info a:hover {
  color: #BD8D24;
}

.saison {
	font-size: 1.2em;}

.cercle-dore, .qodef-accommodation .cercle-dore {
	color: #fff;
	background: url('img/cercle-dore.png') center center no-repeat;
	min-height: 265px;	}

.cercle-dore .qodef-m-title .qodef-m-title-text {
	font-family: 'shoffie_ismarellaregular';
	font-size: 2em;
	font-weight: 100; }

.cercle-dore .qodef-m-content > .qodef-m-text {
	padding-left: 12%;
	padding-right: 12%;	}

.qodef-qi-button.qodef-layout--filled,
.qodef-qi-button.qodef-layout--filled:hover {
	color: #345e41;
	background: url('img/bouton-pdf.png') center center no-repeat; }

.qodef-m-button .qodef-qi-button {
	font-weight: 100; }

.qodef-accommodation .qodef-e-amenity-items .qodef-ei-label {
  font-size: 20px;
  text-transform: none; }

.qodef-ei-sub-label {
	text-transform: uppercase; }

.qodef-accommodation .qodef-e-amenity-items .qodef-ei-sub-svg svg path {
  fill: #345e41;
  stroke: currentColor; }

#qodef-accommodation-related-items .qodef-e-content-excerpt .qodef-e-excerpt {
	border-bottom: solid 1px #bd8d24; }

.qodef-accommodation-list-item a .qodef-m-text {
	background: url('img/bouton-voir-hebergement.png') center center no-repeat;
	color: #fff;
	font-weight: 100;
	height: 50px;
	width: 273px;
	padding-top: 14px; }

.qodef-button.qodef-layout--textual .qodef-m-text {
	text-align: center; }

#qodef-accommodation-related-items .qodef-accommodation-list-item .qodef-e-button .qodef-m-icon {
	display: none; }
	
#qodef-accommodation-related-items .qodef-accommodation-list-item .qodef-e-title a {
  font-size: 1.4em;
  font-weight: 600;}

#qodef-accommodation-related-items .qodef-accommodation-list-item .swiper-button-prev {
	background: url('img/bouton-fleche-gauche.png') center left no-repeat !important;
	width: 85px !important;
	height: 63px !important; }

#qodef-accommodation-related-items .qodef-accommodation-list-item .swiper-button-next {
	background: url('img/bouton-fleche-droite.png') center left no-repeat !important;
	height: 63px !important; }


/*CATALOGUE HEBERGEMENT*/


.elementor-widget-kamperen_core_accommodation_list .qodef-accommodation-list h2.qodef-e-title {
  font-family: 'Roboto';
  line-height: 0.75em;}
 
.elementor-widget-kamperen_core_accommodation_list .qodef-accommodation-list .qodef-e-title a {
  font-size: 0.6em;
  font-weight: 600;
  color: #bd8d24;}
 
 .elementor-widget-kamperen_core_accommodation_list .qodef-accommodation-list .qodef-e-title a br {
  display: none; }

.elementor-widget-kamperen_core_accommodation_list .qodef-accommodation-list-item .qodef-e-title a:hover {
	color: #345e41; }




/* PAGES */

.qodef-section-title .qodef-m-tagline-mark {
  color: rgba(189,141,36,.15);
  font-size: 140px;
  font-weight: 600;
  font-family: 'shoffie_ismarellaregular';
  bottom: -39px;
  position: relative;}

.wp-block-quote, blockquote {
  padding: 18px 17px 20px 30px;
  font-size: 20px;
  line-height: 1.5em;
  color: var( --e-global-color-text );
  font-family: 'charis_silitalic';}
 


body blockquote p, .wp-block-quote p {
	font-size: 20px; }

/* BLOG */

.single-post .qodef-content-grid {
  width: 90%;
  max-width: 1050px;}

.single #qodef-page-content h1.entry-title {
	margin-top: 50px; }

.single-post h1::before {
	position: absolute;
	content: url("img/gouttes-h1.png");
	top: -12px;
	left: -44px;
	z-index: 4; }



/* FOOTER */

.qodef-content-grid {
	width: 90%;}

footer .widget_text p {
	color: #fff; }

footer .qodef-grid-item #block-5 {
	border-right: solid 3px #bd8d24;
	margin-right: 32px; }

footer #block-9 p {
	font-family: 'montserratsemibold'; }

footer #block-26 p,
footer #block-28 p {
	font-family: 'montserratbold'; }

footer #block-26 p{
font-size: 1.1em; }

footer #block-28 p {
	font-size: 1.5em; }

p.Reseauxsociaux {
	background-image: url('img/bouton-pdf.png');
	background-repeat: no-repeat;
	background-position: center;
	padding: 5px 0;
	text-align: center;
	max-width: 30%;}

	img#picto-facebook {
		max-width: 25px;
		height: auto; }


footer #qodef-page-footer-top-area {
  background-size: contain; }

#qodef-page-footer-bottom-area #qodef-page-footer-bottom-area-inner {
  border-top: none;}


footer#qodef-page-footer {
	background-image: url('img/bandeau-herbe-piedpage.png');
	background-position: center bottom;
	margin-top: 40px; }

#qodef-page-footer-top-area {
	background-color: #345e41; }

#qodef-page-footer-bottom-area {
	background-color: #284d33; }


#qodef-page-footer::before {
	top: -38px; }

#tarteaucitronAlertSmall {
  background: #376040!important;
  left: 60px;
  right: auto!important;  }
  
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen {
  background-color: #D0A501!important; }


.page-id-8850 table td, 
.page-id-8850 table th{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #fff;
    padding: 5px 10px 5px 0;}

.page-id-8850 table {
    border-collapse: collapse;
    border-spacing: 0;}
	
.page-id-8850 #content {
    padding-right: 3% !important;}




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

@media screen and (min-width: 1650px) {
.cercle-dore .qodef-m-content > .qodef-m-text {
	  padding-left: 15%;
	  padding-right: 15%;}
}

@media screen and (max-width: 1200px) and (min-width: 1025px) {
	
	#qodef-accommodation-reservation p.qodef-accommodation-reservation-title, p.qodef-m-field-title, p.qodef-e-seasonal-title {
	  font-size: 1.7em;}
	 
	#qodef-accommodation-reservation, .qodef-accommodation .qodef-e-seasonal, #qodef-accommodation-ads {
	  padding: 0 25px;
	  width: 111%;}
	
  
}

@media screen and (max-width: 1200px) {
	
	.qodef-grid.qodef-layout--columns.qodef-col-num--3 > .qodef-grid-inner > .qodef-grid-item:first-child {
	  width: 100%;
	  margin-bottom: 25px;}
	
	.qodef-grid.qodef-layout--columns.qodef-col-num--3 > .qodef-grid-inner > .qodef-grid-item {
	  width: 49%;}
	
	footer .qodef-grid-item #block-5 {
	  border: none;}
	
	footer .qodef-grid-item:nth-child(2) {
	  border-left: solid 3px #bd8d24;
	  margin-left: 2%;}
	  
	.wp-block-image .wp-image-9691 {
	  display: block;
	  margin: 0 auto;}
	
  
}

@media screen and (max-width: 1060px) and (min-width: 768px) {

.qodef-accommodation-list.qodef-layout--standard .qodef-e-content-text {
  display: block; }

}

@media screen and (max-width: 1025px) {

   
	.qodef-accommodation h1.qodef-e-title {
	  margin-left: 25px;
	  position: relative; }
	 
	#qodef-accommodation-reservation {
	  margin-top: 35px;}

	#qodef-accommodation-ads img {
	  display: block;
	  margin: 0 auto;}
	
	.qodef-accommodation-list.qodef-layout--standard .qodef-e-amenity-items {
	  padding-bottom: 10px;
	  padding-top: 10px; }
	 
	.qodef-accommodation-list-item h2.qodef-e-title  {
	  font-size: 37px;}
	  
}

@media screen and (max-width: 882px) {
	.qodef-section-title .qodef-m-tagline-mark {
		font-size: 8.5em; }
}


@media screen and (max-width: 879px) {
h1::before {
	content: none; }
}

@media screen and (max-width: 802px) {
	.qodef-section-title .qodef-m-tagline-mark {
		font-size: 7em; }
	
	.qodef-grid.qodef-responsive--custom.qodef-col-num--768--2.qodef-layout--columns > .qodef-grid-inner > .qodef-grid-item {
		width: 100%;}
	
	.qodef-accommodation-list-item a .qodef-m-text {
	  width: auto;
	  padding: 14px;}
	
}

@media screen and (max-width: 768px) {

   
	.texte-au-centre, .bouton-centre .elementor-widget-container {
		text-align: center;}

	.bouton-centre a.texte-au-centre {
		margin: 0 auto;}

	.qodef-grid.qodef-layout--columns.qodef-col-num--2 > .qodef-grid-inner > .qodef-grid-item {
  		width: 100%; }

	.cercle-dore {
		width: 100%;
		margin-bottom: 35px;}
	
	.cercle-dore .qodef-m-content > .qodef-m-text {
	  padding-left: 15%;
	  padding-right: 15%;}

	.single-post .qodef-button.qodef-html--link {
		display: block;
		text-align: center;}
		
	
}

@media screen and (max-width: 600px) {
		
	.qodef-accommodation-list.qodef-layout--standard .qodef-e-content-text, .qodef-accommodation-list-item .qodef-e-title {
		width: 100%;
		display: block;}
	
	#qodef-accommodation-related-items .qodef-e-info {
	  width: 100%;
	  display: block;}
	  
	#qodef-accommodation-related-items .qodef-accommodation-list-item .qodef-e-title a {
	  font-size: 1.2em;
	  font-weight: 600;}
		
}



@media screen and (max-width:550px){
	

	/* Force table to not be like tables anymore */
	.page-id-8850 table, 
	.page-id-8850 thead, 
	.page-id-8850 tbody, 
	.page-id-8850 th, 
	.page-id-8850 td, 
	.page-id-8850 tr { 
		display: block; }
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.page-id-8850 thead tr{ 
		position: absolute;
		top: -9999px;
		left: -9999px;}
	
	.page-id-8850 tr { 
		border: 1px solid #ccc; 
		padding-left: 1%;}
	
	.page-id-8850 td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; }
	
	.page-id-8850 td:before{ 
		padding-right:5%; 
		white-space: nowrap;}
	
	/*
	Label the data
	*/
	.page-id-8850 td:nth-of-type(1):before { 
		content: "Nom";}
	.page-id-8850 td:nth-of-type(2):before { 
		content: "Fournisseur";}
	.page-id-8850 td:nth-of-type(3):before { 
		content: "Finalité";}
	.page-id-8850 td:nth-of-type(4):before { 
		content: "Expiration";}
	.page-id-8850 td:nth-of-type(5):before { 
		content: "Type";}
		
	
	.page-id-8850 td:nth-of-type(1):before,
	.page-id-8850 td:nth-of-type(2):before,
	.page-id-8850 td:nth-of-type(3):before,
	.page-id-8850 td:nth-of-type(4):before, 
	.page-id-8850 td:nth-of-type(5):before { 
		font-weight: bold;}

	.page-id-8850 tbody tr:first-child {
		display: none; }

}



@media screen and (max-width: 504px) {
		
	.qodef-section-title .qodef-m-tagline-mark {
		font-size: 95px;}

		
}