/*
Theme Name: goluxury
Theme URI: https://goluxury.world/
Description: Theme created by DRS-Community
Author: Malte Bergmann
Author URI: https://drs-community.de/
Version: 1.0
Tags:

License: DRS Private License
License URI: https://drs-community.de
*/

/* ==== START of FONTS ==== */
	/* GOLDMAN */
	@font-face {
		font-family: Goldman;
		src: url(assets/fonts/Goldman/Goldman-Regular.ttf);
		font-weight: 400;
	}
	@font-face {
		font-family: Goldman;
		src: url(assets/fonts/Goldman/Goldman-Bold.ttf);
		font-weight: 700;
	}
/* ==== END of FONTS ==== */

/* ==== START of MAIN.html ==== */
	* {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}
	html { overflow-x: hidden; }
	body { 
		font-family: Goldman, sans-serif;
		font-size: 1.5vw;
	}
	p {
		margin-bottom: 1.5vw;
		text-align: justify;
		z-index: 100;
		position: relative;
	}
	/* FONT-RULES */
	h1,h2,h3,h4,h5,h6 {
		font-family: Goldman, sans-serif;
		font-weight: 700;
		position: relative;
		z-index: 100;
	}
	h1 { font-size: 9vw; }
	h2 { font-size: 8vw; }
	h3 { font-size: 7vw; }
	h4 { font-size: 6vw; }
	h5 { font-size: 5vw; }
	h6 { font-size: 4vw; }
/* ==== END of MAIN.html ==== */

/* ==== START of BLOCKS ==== */
	/* --- START of CONTENT/VIDEO --- */
		.content-video {
			z-index: 50;
			position: relative;
			height: calc(90vh + 10vw);
			width: 100%;
			overflow: hidden;
			padding-top: 0;
			clip-path: polygon(0 75%, 10% 75%, 10% 100%, 26% 100%, 26% 90%, 42% 90%, 42% 80%, 58% 80%, 58% 85%, 74% 85%, 74% 50%, 90% 50%, 90% 60%, 100% 60%, 100% 0%, 0% 0%);
		}
		.stats-wrapper + .content-video {
			top: -20vw;
		}
		.home .content-video:nth-child(1) { clip-path: polygon(0 80%, 10% 80%, 10% 70%, 26% 70%, 26% 90%, 42% 90%, 42% 100%, 58% 100%, 58% 60%, 74% 60%, 74% 70%, 90% 70%, 90% 50%, 100% 50%, 100% 0%, 0% 0%); }
		.content-video:nth-child(n+2) {
			clip-path: polygon(0 75%, 10% 75%, 10% 90%, 26% 90%, 26% 85%, 42% 85%, 42% 100%, 58% 100%, 58% 70%, 74% 70%, 74% 50%, 90% 50%, 90% 60%, 100% 60%, 100% 20%, 90% 20%, 90% 0, 74% 0, 74% 5%, 58% 5%, 58% 15%, 42% 15%, 42% 25%, 26% 25%, 26% 10%, 10% 10%, 10% 0, 0 0);
		}
		.content-video .content {
			position: absolute;
			bottom: 40%;
			left: 10%;
			width: calc(8 * 6%);
			z-index: 100;
		}
		.stats-wrapper + .content-video .content { bottom: 35%; }
		.content-video h1 {
			font-size: 9vw;
			line-height: 7vw;
		}
		.content-video h1 s {
			position: relative;
			z-index: 1;
			cursor: vertical-text;
			user-select: none;
			text-decoration: none;
		}
		.content-video h1 strong {
			font-size: 11vw;
			line-height: 9vw;
		}
		.content-video .parallax {
			position: absolute;
			left: 0;
			width: 100vw;
			height: 150vh;
			overflow: hidden;
			opacity: 0.25;
			filter: grayscale(100);
		}
		.content-video .parallax iframe {
			pointer-events: none;
			position: absolute;
			top: 0;
			left: 50%;
			width: 100vw;
			height: 100vh;
			transform: translateX(-50%) scale(1.3);
		}

		@media (min-aspect-ratio: 16/9) {
			.content-video .parallax iframe {
				/* height = 100 * (9 / 16) = 56.25 */
				height: 56.25vw;
			}
		}
		@media (max-aspect-ratio: 16/9) {
			.content-video .parallax iframe {
				/* width = 100 / (9 / 16) = 177.777777 */
				width: 177.78vh;
			}
		}
		.content-video:nth-child(1) .scroll-down {
			position: absolute;
			bottom: 15vw;
			left: 50%;
			transform: translateX(-50%);
			width: 2vw;
			height: 3.5vw;
			cursor: pointer;
			z-index: 100;
		}
		.content-video:nth-child(1) .scroll-down span {
			position: absolute;
			top: 0;
			width: 100%;
			height: 33%;
			animation: scrollDown 3s alternate-reverse;
			animation-iteration-count: infinite;
		}
		.content-video:nth-child(1) .scroll-down span:nth-child(2) {
			top: 50%;
			transform: translateY(-50%);
			animation-delay: .1s;
		}
		.content-video:nth-child(1) .scroll-down span:nth-child(3) {
			top: auto;
			bottom: 0;
			animation-delay: .2s;
		}
		.content-video:nth-child(1) .scroll-down span:before {
			content: '';
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%) rotate(45deg);
			width: 1vw;
			height: 1vw;
			border-bottom: .16vw solid #FFF;
			border-right: .16vw solid #FFF;
		}
		@keyframes scrollDown {
			0% { opacity: .25; margin: 0; }
			40% { opacity: .25; margin: 0; }
			50% { opacity: 1; margin: .25vw 0 -.25vw; }
			60% { opacity: .25; margin: 0; }
			100% { opacity: .25; margin: 0; }
		}
		.content-video:nth-child(1) .colorshift-white {
			position: absolute;
			top: 0;
			right: 0;
			height: 60%;
			width: 10%;
		}
		.home .content-video:nth-child(1) .colorshift-white {
			height: 50%;
		}
		.stats-wrapper + .content-video .colorshift-white {
			position: absolute;
			right: 0;
			width: 10%;
			top: 20%;
			height: 40%;
		}
		.home .content-video:nth-child(1) { height: calc(100vh + 10vw); }
		.home .content-video { height: 70vw; }
		.home .content-video:nth-child(4) .colorshift-white{
			height: 200vw;
		}
	/* --- END of CONTENT/VIDEO --- */

	/* --- START of MAP-ROUTE --- */
		.custom-route-map-container {
			height: 100vh;
			overflow:hidden;
		}
		.custom-route-map-container > .custom-route-map {
		    width: 100vw;
			height: 100vh;
		}
		.leaflet-control-container { display: none; }
		/* filter: grayscale(100%) brightness(100%) contrast(200%) invert(100%); */

	/* --- END of MAP-ROUTE --- */
/* ==== END of BLOCKS ==== */