/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */
/* Code to change layout of cookiepage. Change this code to your font-sizes  */
#cmplz-document{
	max-width: unset;
}

#cmplz-document p{
	font-size: 18px !important;
}

#cmplz-document li, .cmplz-description, .cmplz-category-title{
	font-size: 18px !important;
}

#cmplz-document subtitle{
	font-size: 24px !important;
}

#cmplz-document h2{
	font-size: 36px !important;
}
.entry-content-wrap {
	padding: 10px 15px;
}
#contact-error {
	width: 100vw;
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100vh;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: flex-end;
}

#contact-error .wp-block-column {
	width: 50%;
    height: 350px;
    max-height: 350px;
    position: relative;
    left: 50%;
    bottom: 50%;
    transform: translate(-50%, 50%);
}

h1.text-shadow{
	text-shadow: 4px 4px 0 #000;
}
p.text-shadow {
	text-shadow: 2px 2px 0 #000;
}

.header-title {
	padding-left: 130px;
	padding-right: 130px;
}

:root {
    --global-content-edge-padding: 1.5rem !important; /* Replace 0 with your desired value */
}

.video-phone-home {
    position: absolute;
    top: -400px;
    transform-origin: bottom center;
    height: 750px;
    left: calc(-50% - 50px);
    transform: rotate(5deg);
}

.video-phone-home img {
	height: 100%;
	width: auto;
	max-width: unset;
}

.phone-image {
	position: absolute;
}
.phone-image img {
	max-height: 400px;
	width: auto;
}
.phone-image-1 {
	transform: translateX(calc(50% - 10px)) translateY(125px) rotate(-15deg);
}
.phone-image-2 {
	transform: translateX(calc(50% + 140px)) translateY(95px) rotate(-5deg);
}
.spy-glass-header {
	position: relative;
	top: -120px;
	margin-right: -75% !important;
	margin-left: 50% !important;
}

.header-title-sub {
	padding-left: 120px;
	padding-right: 120px;
}
.spy-glass-header-detail {
	position: absolute;
    left: 25px;
    top: -180px;
    height: 400px;
    max-height: 400px;
}

.youtube-popup-max-height iframe {
	max-height: 93vh;
	overflow: hidden;
}
.youtube-popup-video {
	max-height: calc(93vh - 15px);
}
.youtube-popup-video iframe {
	bottom: 0;
    height: 104%;
    left: 0px;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    margin-left: auto;
    aspect-ratio: 11 / 19;
    margin-right: auto;
}
#kadence-conversion-1219 .kadence-conversion-inner {
	overflow: hidden;
}
.mobile-video-tablet, .video-phone-home {
	z-index: 0 !important;
}
.youtube-emblem {
	z-index: 1000000;
    transform: rotate(5deg) scale(0.25) rotate(5deg) translate(10%, 100%);
	height: 420px;
}

@media screen and (max-width: 1830px){
	.phone-image-2 {
		transform: translateX(calc(30% + 140px)) translateY(95px) rotate(-5deg);
	}
	.phone-image-1 {
		transform: translateX(calc(30% - 10px)) translateY(125px) rotate(-15deg);
	}
}
@media screen and (max-width: 1700px){
	.phone-image-2 {
		transform: translateX(calc(10% + 140px)) translateY(95px) rotate(-5deg);
	}
	.phone-image-1 {
		transform: translateX(calc(10% - 10px)) translateY(125px) rotate(-15deg);
	}
	.video-phone-home {
		transform: rotate(5deg) translateX(50px);
	}
}

@media screen and (max-width: 1600px){
	.phone-image-2 {
		transform: translateX(calc(-20% + 140px)) translateY(95px) rotate(-5deg);
	}
	.phone-image-1 {
		transform: translateX(calc(-20% + 20px)) translateY(125px) rotate(-15deg);
	}
}
@media screen and (max-width: 1500px){
	.phone-image img {
		max-height: 350px;
	}
	.phone-image-2 {
		transform: translateX(calc(-20% + 140px)) translateY(110px) rotate(-5deg);
	}
	.phone-image-1 {
		transform: translateX(calc(-20% + 30px)) translateY(135px) rotate(-15deg);
	}
	.video-phone-home {
		transform: rotate(5deg) translateX(75px);
	}
}

@media screen and (max-width: 1400px){
	.phone-image img {
		max-height: 300px;
	}
	.phone-image-2 {
        transform: translateX(calc(-20% + 120px)) translateY(115px) rotate(-5deg);
    }
}

@media screen and (max-width: 1630px){
	.spy-glass-header {
		margin-right: -50% !important;
		margin-left: 25% !important;
	}
}

.display-on-tablet, .display-on-mobile {
	display: none;
}

@media screen and (min-width: 1280px){
	.hide-on-desktop {
		display: none !important;
	}
	.desktop-reverse-2nd-row:nth-of-type(2n){
		direction: rtl;
	}
	.logo-image-1, .logo-image-2 {
		    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
	}
	
	.site-branding a.brand img {
		max-width: 300px !important;
	}
	
	.spy-glass-header {
		aspect-ratio: 1/1;
		width: auto;
	}
}

@media screen and (max-width: 1280px) and (min-width: 1025px){
	.tablet-full-width-columns .kt-row-column-wrap {
		grid-template-columns: unset !important;
	}
}

@media screen and (max-width: 1280px){
	.page-id-933, .page-id-984, .page-id-964, .page-id-968, .page-id-7 /*, .page-template-default .wp-site-blocks,  .page-template-default .wp-site-blocks #inner-wrap,  .page-template-default .wp-site-blocks #inner-wrap .content-area,  .page-template-default .wp-site-blocks #inner-wrap .content-area .content-container */ {
		pointer-events: none;
	}
	.kt-accordion-pane, #masthead, #mobile-header, .site-footer, #mobile-drawer, .kb-button, .wp-block-contact-form-7-contact-form-selector, .cmplz-btn, .cmplz-close, .kadence-conversions-close, .cmplz-link, .cmplz-preferences-optin, .mobile-video-tablet a, .youtube-popup-video iframe {
pointer-events: all;
}
	.header-title-sub {
		padding-left: unset;
		padding-right: unset;
	}
	.entry-content-wrap, .content-area {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
	.hide-on-tablet {
		display: none !important;
	}
	.wandelroutes-home {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	.wandelroutes-home-1 p {
		
		text-align: start;
	}
	.wandelroutes-home-2 p {
		
		text-align: end;
	}
	.phone-image img {
	max-height: 300px;
	width: auto;
}
.phone-image-1 {
	transform: translateX(calc(-50% + 70px)) rotate(5deg) translateY(-25px);
	height: 200%;
	aspect-ratio: 9/16;
}
.phone-image-2 {
	transform: translateX(calc(-50% + 30px)) rotate(-5deg) translateY(-55px);
	height: 200%;
	aspect-ratio: 9/16;
}
	.wandelroutes-home .kt-inside-inner-col .kb-row-layout-wrap .kt-row-column-wrap .wp-block-kadence-column .kt-inside-inner-col {
		height: 100%;
	}
	.display-on-tablet {
		display: block;
	}
	.one-column-tablet .kt-row-column-wrap {
		grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	}
	
	.full-width-tablet .kt-row-column-wrap {
		grid-template-columns: unset !important;
	}
	
	.mobile-video-tablet {
		position: absolute;
		z-index: 10000000000000000000000000000;
		transform: rotate(5deg);
	}
	
	.spy-glass-header {
		max-width: 45%;
    position: absolute;
    left: -70px;
		padding-top: 50px;
		top: -40px;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.bar-text-mobile {
		padding-top: 230px !important;
	}
	.change-index-tablet {
		z-index: -1;
	}
	
	.content-bg {
		z-index: -2;
		position: relative;
	}
	
	.text-left-tablet {
		text-align: left;
	}
	
	.image-column-1 .kt-row-column-wrap {
		grid-template-columns: 1fr 80px !important;
	}
	.image-column-2 .kt-row-column-wrap {
		grid-template-columns: 80px 1fr !important;
	}
	
	.wandelroutes-home-1 {
		margin-bottom: 20px;
	}
	.wandelroutes-home-2 {
		margin-bottom: 35px;
	}
	.youtube-popup-video iframe {
	    bottom: 0;
        height: 100vh !important;
        left: 0px;
        position: absolute;
        right: 0;
        top: 0;
        width: auto !important;
        margin-left: auto;
        aspect-ratio: 11 / 19;
        margin-right: auto;
        /* top: -50% !important; */
        margin-bottom: auto;
        margin-top: auto;
}
}

@media screen and (max-width: 1024px){
	.columns-on-tablet .kt-row-column-wrap {
		grid-template-columns: repeat(2, 1fr) !important;
	}
	.spy-glass-header {
		max-height: 330px;
		aspect-ratio: 1/1;
		width: auto;
		left: 0%;
		position: absolute;
	}
	
	.wandelroutes-home-1, .wandelroutes-home-2 {
		margin-bottom: 0px;
	}
	.trailer-header-tablet {
	transform: rotate(5deg);
    max-width: calc(100% - 120px);
    max-height: calc(100% - 75px);
		position: relative;
		padding-top: 45px;
		padding-bottom: 45px;
    top: -18px;
    border-radius: 70px;
	}
}

@media screen and (max-width: 830px){
	.trailer-header-tablet {
		padding-top: 58px;
		padding-bottom: 58px;
	}
}
@media screen and (max-width: 810px){
	.trailer-header-tablet {
		padding-top: 65px;
		padding-bottom: 65px;
	}
}
@media screen and (max-width: 795px){
	.trailer-header-tablet {
		padding-top: 70px;
		padding-bottom: 70px;
		border-radius: 75px;
	}
}
@media screen and (max-width: 785px){
	.trailer-header-tablet {
		padding-top: 78px;
		padding-bottom: 7px;
	}
}
@media screen and (max-width: 765px){
	.trailer-header-tablet {
		padding-top: 81px;
        padding-bottom: 74px;
        max-width: calc(100% - 115px);
        border-radius: 87px;
	}
}
@media screen and (max-width: 745px){
	.trailer-header-tablet {
		padding-top: 88px;
        padding-bottom: 88px;
        max-width: calc(100% - 111px);
        border-radius: 90px;
	}
}
@media screen and (max-width: 735px){
	.trailer-header-tablet {
		padding-top: 92px;
        padding-bottom: 92px;
        max-width: calc(100% - 110px);
        border-radius: 93px;
	}
}
@media screen and (max-width: 720px){
	.trailer-header-tablet {
		padding-top: 106px;
        padding-bottom: 97px;
        max-width: calc(100% - 108px);
        border-radius: 102px;
	}
}
@media screen and (max-width: 705px){
	.trailer-header-tablet {
		padding-top: 106px;
        padding-bottom: 97px;
        max-width: calc(100% - 105px);
        border-radius: 102px;
	}
}
@media screen and (max-width: 690px){
	.trailer-header-tablet {
		padding-top: 113px;
        padding-bottom: 105px;
        max-width: calc(100% - 103px);
        border-radius: 102px;
	}
}
@media screen and (max-width: 690px){
	.trailer-header-tablet {
		padding-top: 113px;
        padding-bottom: 105px;
        max-width: calc(100% - 103px);
        border-radius: 102px;
	}
}
@media screen and (min-width: 677px){
	.buttons-phone {
		display: none !important;
	}
	.buttons-tablet {
		display: flex !important;
	}
}

@media screen and (max-width: 676px){
	.buttons-phone {
		display: flex !important;
	}
	.buttons-tablet {
		display: none !important;
	}
	.smaller-font-phone {
		font-size: 24px !important;
	}
	.image-column-1 .kt-row-column-wrap {
		grid-template-columns: 1fr 60px !important;
	}
	.image-column-2 .kt-row-column-wrap {
		grid-template-columns: 60px 1fr !important;
	}
	.phone-image-1 {
	transform: translateX(calc(-50% + 70px)) rotate(5deg) translateY(-25%);
}
.phone-image-2 {
	transform: translateX(calc(-50%)) rotate(-5deg) translateY(-25%);
}
	.header-title {
		padding-left: 0px;
		padding-right: 0px;
	}
	.hide-on-phone {
		display: none !important;
	}
	.display-on-phone {
		display: block;
	}
	.mobile-video-tablet {
		height: 420px;
    width: auto;
    aspect-ratio: 9 / 16;
		left: -50px;
		top: 75px;
	}
	.page-id-1170 .mobile-video-tablet {
		    height: 590px;
    left: -50px;
	}
	.trailer-header-tablet {
		height: 490px;
        padding: 0px;
        border-radius: 33px;
        max-width: calc(100% - 61px);
        top: 75px;
        left: -25px;
	}
	.spy-glass-header {
		max-width: 80%;
	}
	.bar-text-mobile {
		padding-top: 190px !important;
		padding-left: 40px;
		padding-right: 40px;
	}
	.wandelroutes-home-1 p {
		padding-right: 30px;
		text-align: start;
		font-size: 22px;
	}
	.wandelroutes-home-2 p {
		padding-left: 30px;
		text-align: start;
		font-size: 22px;
	}
	.phone-image-1 {
		/*transform: translateY(-277px) rotate(5deg) translateX(163px) scale(0.8);*/
	}
	.phone-image-2 {
		/*transform: translateX(calc(-50% + 25px)) rotate(-5deg) translateY(-54px) scale(0.8);*/
	}
	.header-spacing {
		max-height: 50px;
	}
	h1.text-shadow{
	text-shadow: 2px 2px 0 #000;
}
	p.text-shadow {
	text-shadow: 1.5px 1.5px 0 #000;
}
	.kadence-menu2-svg {
		font-size: 25px;
	}
}

@media screen and (max-width: 780px){
	.spy-glass-header {
		left: -5%;
	}
}

@media screen and (max-width: 710px){
	.spy-glass-header {
		max-height: 280px;
	}
}
@media screen and (max-width: 600px){
	.spy-glass-header {
		max-height: 240px;
	}
}
@media screen and (max-width: 500px){
	.spy-glass-header {
		max-height: 200px;
	}
}
@media screen and (max-width: 676px){
		.phone-image-1 {
	transform: translateX(calc(-50% + 50px)) rotate(5deg) translateY(-30px);
			max-height: 250px;
}
.phone-image-2 {
	transform: translateX(calc(-50% + 35px)) rotate(-5deg) translateY(-60px);
}
}

@media screen and (max-width: 515px){
		.phone-image-1 {
			max-height: 300px;
}
}

@media screen and (max-width: 500px){
	.phone-image-1 {
	transform: translateX(calc(-50% + 20px)) rotate(5deg) translateY(-30px);
			max-height: 250px;
}
		.phone-image-2 {
	transform: translateX(calc(-50% + 35px)) rotate(-5deg) translateY(-45px);
}
}
@media screen and (max-width: 480px){
		.phone-image-1 {
	transform: translateX(calc(-50% + 40px)) rotate(-5deg) translateY(calc(-25% + 40px));
			max-height: 300px;
}
.phone-image-2 {
	transform: translateX(calc(-50% + 70px)) rotate(-5deg) translateY(calc(-25% + 50px));
}
}

@media screen and (max-width: 473px){
.phone-image-2 {
	transform: translateX(calc(-50% + 55px)) rotate(-5deg) translateY(calc(-25% + 50px));
}
}

@media screen and (max-width: 460px){
.phone-image-2 {
	transform: translateX(calc(-50% + 60px)) rotate(-5deg) translateY(calc(-25% + 50px));
}
}
@media screen and (max-width: 459px){
.phone-image-2 {
	transform: translateX(calc(-50% + 75px)) rotate(-5deg) translateY(calc(-25% + 65px));
}
}

@media screen and (max-width: 449px){
.phone-image-1 {
	transform: translateX(calc(-50% + 28px)) rotate(5deg) translateY(calc(-25% - -60px));
	max-height: 320px;
}
}

@media screen and (max-width: 422px){
	.phone-image-1 {
		transform: translateX(calc(-50% + 28px)) rotate(5deg) translateY(calc(-25% - -68px));
	}
.phone-image-2 {
	transform: translateX(calc(-50% + 87px)) rotate(-5deg) translateY(calc(-25% + 91px));
}
}
@media screen and (max-width: 412px){
.phone-image-2 {
	transform: translateX(calc(-50% + 102px)) rotate(-5deg) translateY(calc(-25% + 111px));
}
}

@media screen and (max-width: 404px){
.phone-image-2 {
	transform: translateX(calc(-50% + 121px)) rotate(-5deg) translateY(calc(-25% + 132px));
}
}

@media screen and (max-width: 399px){
.phone-image-2 {
	transform: translateX(calc(-50% + 132px)) rotate(-5deg) translateY(calc(-25% + 150px));
}
}

@media screen and (max-width: 376px){
		.phone-image-1 {
	transform: translateX(calc(-50% + 28px)) rotate(5deg) translateY(calc(-25% - -98px));
}
}
@media screen and (max-width: 365px){
.phone-image-2 {
	transform: translateX(calc(-50% + 143px)) rotate(-5deg) translateY(calc(-25% + 175px));
}
}
@media screen and (max-width: 431px) and (min-width: 429px){
	.bar-text-mobile {
		padding-top: 270px !important;
	}
}

@media screen and (max-width: 650px) {
	.trailer-header-tablet {
		max-width: calc(100% - 53px);
	}
}


@media screen and (max-width: 643px) {
	.trailer-header-tablet {
		height: 475px;
		top: 68px;
        left: -20px;
	}
}
@media screen and (max-width: 632px) {
	.trailer-header-tablet {
		max-width: calc(100% - 50px);
		height: 475px;
		top: 68px;
        left: -18px;
	}
}
@media screen and (max-width: 628px) {
	.trailer-header-tablet {
		max-width: calc(100% - 30px);
		height: 475px;
		top: 68px;
        left: -18px;
	}
}
@media screen and (max-width: 616px) {
	.trailer-header-tablet {
		max-width: calc(100% - 30px);
		height: 475px;
		top: 68px;
        left: -14px;
	}
}
@media screen and (max-width: 601px) {
	.trailer-header-tablet {
		max-width: calc(100% - 30px);
		height: 475px;
		top: 68px;
        left: -8px;
	}
}
@media screen and (max-width: 589px) {
	.trailer-header-tablet {
		max-width: calc(100% - 15px);
		height: 475px;
		top: 68px;
        left: -8px;
	}
}
@media screen and (max-width: 573px) {
	.trailer-header-tablet {
		max-width: calc(100% - 15px);
		height: 475px;
		top: 68px;
        left: -2px;
	}
}
@media screen and (max-width: 559px) {
	.trailer-header-tablet {
		max-width: calc(100%);
		height: 475px;
		top: 68px;
        left: -2px;
	}
}
@media screen and (max-width: 547px) {
	.trailer-header-tablet {
		max-width: calc(100%);
		height: 475px;
		top: 68px;
        left: 6px;
	}
}

@media screen and (max-width: 530px) {
	.page-id-1170 .mobile-video-tablet {
		height: 550px;
	}
	.trailer-header-tablet {
		height: 444px;
        padding: 0px;
        border-radius: 33px;
        max-width: calc(100% - 15px);
        top: 73px;
        left: -5px;
	}
}

@media screen and (max-width: 520px){
	.trailer-header-tablet {
        max-width: calc(100% - 5px);
	}
}

@media screen and (max-width: 750px){
	.youtube-emblem {
	transform: rotate(5deg) scale(0.25) rotate(5deg) translate(10%, 60%);
	}
}
@media screen and (max-width: 676px){
	.youtube-emblem {
	transform: rotate(5deg) scale(0.25) rotate(5deg) translate(-95%, 40%);
	}
}
@media screen and (max-width: 580px){
	.youtube-emblem {
	transform: rotate(5deg) scale(0.25) rotate(5deg) translate(-75%, 40%);
	}
}
@media screen and (max-width: 480px){
	.youtube-emblem {
	transform: rotate(5deg) scale(0.25) rotate(5deg) translate(-45%, 40%);
	}
}
@media screen and (max-width: 390px){
	.youtube-emblem {
	transform: rotate(5deg) scale(0.35) rotate(5deg) translate(-5%, 30%);
	}
}

.youtube-emblem-desktop {
	transform: rotate(5deg) scale(0.25) rotate(0deg) translate(-185%, -225%);
	height: unset;
}

@media screen and (max-width: 1750px){
	.youtube-emblem-desktop {
	transform: rotate(5deg) scale(0.25) rotate(0deg) translate(-150%, -245%);
	}
}

@media screen and (max-width: 1700px){
	.youtube-emblem-desktop {
		transform: rotate(5deg) scale(0.25) rotate(0deg) translate(-85%, -260%);
	}
}
@media screen and (max-width: 1600px){
	.youtube-emblem-desktop {
		transform: rotate(5deg) scale(0.25) rotate(0deg) translate(-45%, -265%);
	}
}