/**
 * Theme Name:     Hikker Child
 * Author:         Jegtheme
 * Template:       hikker
 * Text Domain:	   hikker-child
 * Description:    Hikker is a modern and clean Gutenverse theme for Hiking, Mountain Trekking, Adventure, Mountain Guide, Camping, Backpacking, Travel Agency, Trip Booking, and other travel & tourism websites. Hikker is the perfect platform for building a sleek, professional website that showcases your expertise and earns client trust.
 * Theme URI:      https://fse.jegtheme.com/hikker/
 * Author URI:     https://support.jegtheme.com/
 * Version:        1.0.0
 * License:        GNU General Public License v3 or later.
 * License URI:    https://www.gnu.org/licenses/gpl-3.0.html
 * Tags:           custom-logo,custom-menu,editor-style,featured-images,full-site-editing,block-patterns
 */

/* --- This child theme is edited by Mark van Laere (2025) - www.webinzicht.nl --- */


:root {

	/* DESTINO VINO COLOURS */

	--global-color-bg-magenta:			#a31e6a;
	--global-color-bg-lightgreen:		#e0eae6;
	--global-color-white:				var(--wp--preset--color--white);
	--global-color-charcoal:			var(--wp--preset--color--theme-2);
	

	/* USED FOR COOKIE BANNER SYSTEM */

	/* Layout / sizing */

	--global-header-height:				150px;
	--glob-head-marg-bottom:			calc(-1 * var(--global-header-height));
	--global-width-pagediv:				1170px;
	--global-pagepadding-left:			2rem;
	--global-pagepadding-right:			2rem;
	--global-border-radius:				0;

	/* Colors */

	--bgcolorpagediv:					var(--global-color-bg-lightgreen);
	--global-color-alltext:				var(--wp--preset--color--theme-0);
	--global-color-alltext-light:		var(--global-color-white);
	--global-color-darkblue:			var(--global-color-bg-lightgreen);
	--global-color-button:				var(--global-color-bg-magenta);
	--global-color-buthov:				var(--wp--preset--color--theme-8);
	--global-color-grayblue:
	

	/* Typography */

	--global-font-size-small:		var(--gutenverse-font-size-5w8TTj);
	--global-font-size-xsmall:		var(--gutenverse-font-size-5w8TTj);
	--global-font-weight-bold:		var(--gutenverse-font-weight-r63oaH);

}



/* ---------------------------- ISSUES AND CORRECTIONS ---------------------------- */

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

h1.wp-block-heading,
h2.wp-block-heading,
h3.wp-block-heading {

  	color: var(--wp--preset--color--theme-0);
  	font-family: var(--gutenverse-font-family-OyJ4bg);
  	font-size: var(--gutenverse-font-size-OyJ4bg);
  	font-weight: var(--gutenverse-font-weight-OyJ4bg);
  	text-transform: var(--gutenverse-font-transform-OyJ4bg);
  	font-style: var(--gutenverse-font-style-OyJ4bg);
  	text-decoration: var(--gutenverse-font-decoration-OyJ4bg);
  	line-height: var(--gutenverse-font-lineHeight-OyJ4bg);
  	letter-spacing: var(--gutenverse-font-spacing-OyJ4bg);
  
  	overflow-wrap: break-word;
  	word-break: break-word;

}

h2.wp-block-heading {

	font-family: var(--gutenverse-font-family-OyJ4bg);
  	font-size: var(--gutenverse-font-size-OyJ4bg);
  	font-weight: var(--gutenverse-font-weight-OyJ4bg);
  	text-transform: var(--gutenverse-font-transform-OyJ4bg);
  	font-style: var(--gutenverse-font-style-OyJ4bg);
  	text-decoration: var(--gutenverse-font-decoration-OyJ4bg);
  	line-height: var(--gutenverse-font-lineHeight-OyJ4bg);
  	letter-spacing: var(--gutenverse-font-spacing-OyJ4bg);

	font-family: var(--gutenverse-font-family-as8k3y);
  font-size: var(--gutenverse-font-size-as8k3y);
  font-weight: var(--gutenverse-font-weight-as8k3y);

}

h3.wp-block-heading {

  	font-family: var(--gutenverse-font-family-r63oaH);
  	font-size: var(--gutenverse-font-size-r63oaH);
  	font-weight: var(--gutenverse-font-weight-r63oaH);
  	text-transform: var(--gutenverse-font-transform-r63oaH);
  	font-style: var(--gutenverse-font-style-r63oaH);
  	line-height: var(--gutenverse-font-lineHeight-r63oaH);
  	letter-spacing: var(--gutenverse-font-spacing-r63oaH);
}


div.wp-block-button a {

	font-weight: 				var(--gutenverse-font-weight-r63oaH);
	color: 						var(--guten-btn-txt-color);
	background-color: 			var(--wp--preset--color--theme-1);

}

div.wp-block-button a:hover {

	background-color: 			var(--wp--preset--color--theme-8);
	
}


/* --- OTHER ITEMS --- */

div.cf-turnstile {

	/* This is the cloudfare checkbox for the password checks etc */

	margin-top: 2rem;

}


h2.wp-block-gutenverse-heading {

	margin-bottom: 1rem	!important;

}


/* --- MOBILE ADJUSTMENTS FOR GENERAL ELEMENTS --- */

/* 
 HIKKER TEMPLATE MAKES IT VERY DIFFUICULT TO RESET MARINGS AND PADDING IN A CENTRAL MANNER 
 THE BELOW CASES HAVE BEEN TESTED AND DO NOT GIVE ADEQUATE RESULTS
 THE :NOT METHOD WAS ALSO UNSUCCESFUL
*/

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

	/* div.entry-content > div.section-wrapper section {
													  
		padding-top: 	1rem;
    	padding-right: 	0.5rem;
    	padding-bottom: 1rem;
    	padding-left: 	0.5rem;


	} */

	/* NOT THE HEADER guten-r4ZEvF (1024) */

	/* div.entry-content > div.section-wrapper section.guten-r4ZEvF {

		padding-top: 270px;
    	padding-right: 10px;
    	padding-bottom: 250px;
    	padding-left: 10px;

	} */

}

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

	/* NOT THE HEADER guten-r4ZEvF (767) */
	/* div.entry-content > div.section-wrapper section.guten-r4ZEvF {
		padding-top: 190px;
		padding-right: 10px;
		padding-bottom: 180px;
		padding-left: 10px;
	} */
}

/* ---------------- ------------------------------- ------------- */
/* --- 				TOP MENU & HEADER 						  --- */
/* ---------------- ------------------------------- ------------- */



@media only screen and (max-width: 1024px) and (min-width: 781px) {

	#guten-HB9K81.break-point-tablet.guten-nav-menu .gutenverse-menu-wrapper {
		/* force-set bg to transpa */
		background-color: rgba(247, 247, 247, 0)!important;
	}

	
	#guten-HB9K81 .gutenverse-menu-wrapper .gutenverse-menu > li > a, 
	#guten-HB9K81 .gutenverse-menu-wrapper .gutenverse-menu > ul > li > a {
		/* force-set txt to white */
		color: var(--wp--preset--color--white)!important;
	}

	/* CORRECT TOP MARGIN OR MENU HEIGHT */
	.guten-element.guten-r4ZEvF {

		margin-bottom: var(--glob-head-marg-bottom)!important;
	}



}

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

	/* KEEP LOGO SMALL ON ALL SCREENS */
	div.guten-lg2al3 > a > img {

		max-height: 44.5167px !important;
	}

}
	








/* ---------------- ------------------------------- ------------- */
/* ---------------------------- HOME ---------------------------- */
/* ---------------- ------------------------------- ------------- */


section.guten-section.guten-KR0w4U {

	/* THIS IS THE STATISTICS BLOCK ON HOMEPAGE - hidden for now */
	display: none;
}

/* -- 3 boxes at the top -- */

/* Hide icons */
div.guten-6FMn9b div.guten-icon-box div.icon-box-header {

	display: none;

}

/* Shrink padding */
.guten-icon-box .guten-icon-box-wrapper {
  padding-top: 30px !important;
  padding-right: 20px !important;
  padding-bottom: 30px !important;
  padding-left: 20px !important;
}

/* BACKGROUND UNDER HERO */
.guten-j7utZF:not(.background-animated), .guten-j7utZF.background-animated > .guten-background-animated .animated-layer {

	background: var(--global-color-bg-lightgreen) !important;
}


/* CORRECTION SCALABLE TEXT HOMEPAGE TOP IMAGE BLOCK */
body.home h1.guten-LRgMMu {

	font-size: clamp(2.625rem, -4.1074rem + 14.0625vw, 6rem);

	text-align: center;
  	position: absolute !important;
  	top: -2.625rem;

}

@media only screen and (max-width: 780px) {
  body.home h1.guten-LRgMMu {
    top: -9px;
  }
}

/* 3 boxes in photo header are not stretehed equal height - NO LUCK - SKIPPED */

body.home div.guten-container.guten-column-gap-no {

	/* align-items: stretch; */
}

body.home div.guten-element.guten-NzjxVO.guten-icon-box.icon-position-top {

	/* height: 100%; */

}

/* 3 product boxes - make price box nice */

body.home div.guten-P3MpUx div.guten-inner-wrap {

	align-items: stretch;
}
body.home .guten-hsN9ID .guten-background-effect .inner-background-container .guten-hsN9ID-effect {

	background-color: rgba(153, 28, 94, 1);
}

/* QUOTE BLOCK  */

body.home h4.guten-element.guten-Nrs7Um {

  text-transform: none;

}

/* ---------------- ------------------------------- ------------- */
/* ------------------------ UBER UNS ---------------------------- */
/* ---------------- ------------------------------- ------------- */


body.slug-uber-destino-vino .wp-block-pullquote {

	padding-top: 		2rem;
	padding-bottom: 	1rem;
}

@media only screen and (max-width: 767px) {
  body.slug-uber-destino-vino .guten-element.guten-iT2dab {
    padding-top: 0rem;
  }
}



/* -- BLOG PREVIEW BLOCK -- */

@media only screen and (max-width: 1024px) and (min-width: 600px) { 

	.guten-postblock.postblock-type-1 .guten-post {

		flex-direction: column;

	}

}


/* ---------------- ------------------------------- ------------- */
/* ---------------- WEINREISEN / WANDERREISEN, ETC. ------------- */
/* ---------------- ------------------------------- ------------- */


/* --  Media Text block design on tablet and mobile  		 -- */
/* --  From 1024 to 600 screens (WP break point)             -- */

@media only screen and (max-width: 1024px) and (min-width: 600px) { 

	body:not(.home) div.wp-block-media-text.is-stacked-on-mobile {

	display: flex;
	flex-direction: column;
	
	} 

	body:not(.home) .wp-block-media-text > .wp-block-media-text__content {

	display: flex;
	flex-direction: column;

	padding: 0;
	
	} 

	body:not(.home) .wp-block-media-text__media img, 
	body:not(.home) .wp-block-media-text__media video {

	height: auto;
	max-width: unset;
	vertical-align: middle;
	width: 100%;

	}

}

/* -- consistency after next breakpoint -- */

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

	body:not(.home) .wp-block-media-text > .wp-block-media-text__content {

	padding: 0;
	
	} 

}

/* ---------------- ------------------------------- ------------- */
/* ------------- DATENSCHUTZ, AGB, IMPRESSUM -------------------- */
/* ---------------- ------------------------------- ------------- */

body.slug-datenschutz h3,
body.slug-impressum h3,
body.slug-agb-reisebedingungen h3 {

	margin-top: 2rem;
	margin-bottom: 1rem;


}

body.slug-datenschutz p,
body.slug-impressum p,
body.slug-agb-reisebedingungen p {

	margin-bottom: 1rem;

}

body.slug-datenschutz a,
body.slug-impressum a,
body.slug-agb-reisebedingungen a,
body.slug-datenschutz strong,
body.slug-impressum strong,
body.slug-agb-reisebedingungen strong {

	font-weight: 900;

}

body.slug-datenschutz ul,
body.slug-impressum ul,
body.slug-agb-reisebedingungen ul {

	margin-top: 1rem;
	margin-bottom: 1rem;

	padding-left: 1rem;
    list-style-position: outside;

}

body.slug-datenschutz ul li::marker,
body.slug-impressum ul li::marker,
body.slug-agb-reisebedingungen ul li::marker {
    color: var(--wp--preset--color--theme-1);
}






/* -------------------------------------------------------------------*/
/* --- COOKIE BANNER SYSTEM                                    ------ */
/* --- TODO - cleanup 												  */
/* -------------------------------------------------------------------*/

.cmplz-media-wrapper .guten-video-wrapper {
  position: relative;
}

.cmplz-media-wrapper .cmplz-media-placeholder {
  position: absolute;
  inset: 0;
  z-index: 10;
}

.cmplz-media-wrapper {

	position: relative;

	background-color:	var(--global-color-bg-lightgreen); 
	border:				var(--global-color-charcoal); 

	width: 				100%;
	/* height:				300px; */

}

.cmplz-media-placeholder {

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;

	min-height: 100%;
	padding: 2rem;
	background-color:	var(--global-color-bg-lightgreen);

}

.cmplz-media-placeholder p {
  margin-bottom: 1rem;
}

.cmplz-media-placeholder button {
  background-color: var(--global-color-bg-magenta);
  color: #fff;
  border: none;
  border-radius: var(--global-border-radius);
  padding: 0.6em 1.4em;
  cursor: pointer;
}

.cmplz-media-placeholder button:hover {
  opacity: 0.9;
}

.cmplz-media-wrapper iframe {
  display: block;
}

/* -------------------------------------------------------------------*/



/* bar */
#dc-consent-bar {

    display:            none;
    position:           fixed;
    z-index:            99999;
    
    bottom:             0;
    left:               0;
    right:              0;

    min-height:         var(--global-header-height);
    
    background-color:   var(--bgcolorpagediv);
    color:              var(--global-color-alltext);
    
}

.dc-consent-inner {

    width:              100%;
    max-width:          var(--global-width-pagediv);
    margin-left:        auto;
    margin-right:       auto;
    padding-top:        1rem;
    padding-left:       var(--global-pagepadding-left);
    padding-right:      var(--global-pagepadding-right);
    background-color:   var(--bgcolorpagediv);
    
    font-size:          var(--global-font-size-small);

}

.dc-consent-inner a {

	font-weight:	900;

}

.dc-consent-buttons {
 margin-top:       1rem;

}

.dc-external-placeholder button,
.dc-popup-inner button,
.dc-consent-buttons button {

    padding:            0.65rem;
    margin-right:       1rem;

    font-size:          var(--global-font-size-xsmall);
    font-weight:        var(--global-font-weight-bold);
    color:              var(--global-color-darkblue);

    cursor:             pointer;

    background-color:   var(--global-color-button);
    border:             none;
    border-radius:      9999px;


}

.dc-external-placeholder button:hover,
.dc-popup-inner button:hover,
.dc-consent-buttons button:hover {

    color:              var(--global-color-white);
    background-color:   var(--global-color-buthov);
}

/* popup */
.dc-consent-popup {

    display:            none;
    position:           fixed;
    inset:              0;
    background-color:   rgba(0,0,0,0.65);
    z-index:            99999;
    align-items:        center;
    justify-content:    center;
}

.dc-popup-inner {

    background-color:   var(--global-color-bg-lightgreen);
    border-radius:      var(--global-border-radius);
    border:             1px solid var(--global-color-charcoal);
    padding:            30px;
    width:              90%;
    max-width:          600px;

    font-size:          var(--global-font-size-small);
    text-align:         left;
}



/* placeholder (video or map) */
.dc-external-embed {
    position:               relative;
    width:                  100%;
    min-height:             350px;
}

.dc-external-placeholder {
    width:                  100%;
    height:                 100%;
    background-color:       var(--global-color-charcoal);
    color:                  var(--global-color-alltext-light);
    border-radius:          var(--global-border-radius);
    padding:                1rem;
    display:                flex;
    flex-direction:         column;
    gap:                    1rem;
    align-items:            center;
    justify-content:        center;
    text-align:             center;
	position:               absolute;
    inset:                  0;
}

/* loaded iframe */
.dc-external-embed iframe {
    width:                  100%;
    height:                 100%;
    border:                 0;
    display:                block;
}

/* correct responsive aspect-ratio wrapper for iframe */
.dc-external-embed {
    position:               relative;
    width:                  100%;
    overflow:               hidden;
    background-color:       var(--global-color-charcoal);
}

/* default 16:9 ratio — ensures stable height */
.dc-external-embed::before {
    /* content: ""; */
    /* display: block; */
    /* padding-top: 56.25%;  */
}


/* iframe fills wrapper */
.dc-external-embed iframe {
    position:               absolute;
    inset:                  0;
    width:                  100%;
    height:                 100%;
    border:                 0;
    display:                block;
}

/* ---------------- ------------------------------- ------------- */