/*
 Theme Name:   OceanWP Child
 Description:  Child Theme des high-performance WP-Theme OceanWP
 Author:       Philipp Limbeck
 Author URI:   https://insyde.at/
 Template:     oceanwp
 Version:      1.0
 Text Domain:  oceanwp-child
*/

/* overwrite general settings of oceanwp for focus of links (black border) */
#main a:focus,
#site-header a:focus,
#footer a:focus{
	outline: 0px !important;
}

html{
	font-size: 16px !important;
	scroll-behavior: smooth;
	background-color: white;
	scrollbar-gutter: stable;
}

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/wp-content/themes/oceanwp-child/assets/fonts/ubuntu-v15-latin-300.woff2") format("woff2"), url("/wp-content/themes/oceanwp-child/assets/fonts/ubuntu-v15-latin-300.woff") format("woff");
}

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Ubuntu"), url("/wp-content/themes/oceanwp-child/assets/fonts/ubuntu-v15-latin-regular.woff2") format("woff2"), url("/wp-content/themes/oceanwp-child/assets/fonts/ubuntu-v15-latin-regular.woff") format("woff"); 
}

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/wp-content/themes/oceanwp-child/assets/fonts/ubuntu-v15-latin-500.woff2") format("woff2"), url("/wp-content/themes/oceanwp-child/assets/fonts/ubuntu-v15-latin-500.woff") format("woff"); 
}

@font-face {
  font-family: 'Leitura';
  src: url("/wp-content/themes/oceanwp-child/assets/fonts/leitura3.woff2") format("woff2"), url("/wp-content/themes/oceanwp-child/assets/fonts/leitura3.woff") format("woff");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: 'Leitura';
  src: url("/wp-content/themes/oceanwp-child/assets/fonts/leitura4.woff2") format("woff2"), url("/wp-content/themes/oceanwp-child/assets/fonts/leitura4.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

:root {
  --textColor: black;
  --padding: 2.4vw;
  --colorBg: #23262d;
  --colorDropDown: #353a45;
  --colorBootBg: #f8f6f3;
  --colorBootColumns: #afa9a2;
  --gridGap: 1vw;
  --distance1: 15vw;
  --distance2: 10vw;
  --distance3: 6.67vw;
  --distance4: 18vw;
  --pt12: 12.5px;
  --pt15: 15px;
  --pt18: 18px;
  --pt22: 22px;
  --pt35: 2.1vw;
  --pt50: 3vw;
  --pt100: 6vw; 
}

@media screen and (max-width: 699px) {
  :root {
    --padding: 5vw;
    --distance1: 25vw;
    --distance2: 16vw;
    --distance3: 11vw;
    --distance4: 30vw;
    --pt12: 11px;
    --pt15: 13px;
    --pt18: 14px;
    --pt22: 19px;
    --pt35: 3.5vw;
    --pt50: 5.5vw;
    --pt100: 11vw; 
	} 
}

@media screen and (max-width: 699px) and (orientation: landscape) {
  :root {
    --pt50: 4.5vw;
    --pt100: 9vw; 
	}
}

@media screen and (min-width: 1800px) {
  :root {
    --padding: 3.5vw;
    --distance1: 10.5vw;
    --distance2: 7vw;
    --distance3: 4.7vw;
    --distance4: 12.5vw;
    --pt12: 14px;
    --pt15: 17px;
    --pt18: 25px;
    --pt22: 28px;
	} 
}
#site-header-inner {
	position: relative;
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	align-items: start;
	padding: var(--padding);
}

#site-logo {
	grid-column: 3;
	justify-self: center;

}

#site-logo img{
	width: 3.4rem;
    height: 3.4rem;
}

.niula-header-request {
	grid-column: 4;
	justify-self: center;
	font-family: 'Ubuntu', sans-serif;
	font-size: var(--pt15);
	font-weight: 400;
	letter-spacing: .2em;
	text-transform: uppercase;
	
	align-self: center;
}

#site-navigation-wrap {
	grid-column: 5;
	justify-self: end;
}

body.hero-intro #site-logo,
body.hero-intro .niula-header-request {
	opacity: 0;
	pointer-events: none;
}

#site-logo,
.niula-header-request {
	transition: opacity .2s ease-in-out;
}

#site-header.full_screen-header .menu-bar{
	min-width: 57px !important;
}

.hero-intro #site-header.full_screen-header .menu-bar svg{
	filter: invert(1);
}
#site-header #full-screen-menu {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;

	position: fixed;
	inset: 0;
	width: 100%;
	height: 100vh;

	background: var(--colorBg);
	color: #fff;

	transform: translate3d(0, -100%, 0) !important;
	transition: transform .7s ease-in-out !important;
	overflow-y: auto !important;
	pointer-events: none;
}

#site-header.nav-open #full-screen-menu.active {
	transform: translate3d(0, 0, 0) !important;
	pointer-events: auto;
	background-color: var(--colorBg);

}

#full-screen-menu-inner {
	opacity: 0;
	transform: translateY(-20px);
	transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

#site-header.nav-open #full-screen-menu.active #full-screen-menu-inner {
	opacity: 1;
	transform: translateY(0);
	transition-delay: .35s;
}

.hero-slider,
.hero-swiper,
.hero-slide {
	width: 100%;
	height: 100vh;
	min-height: 600px;
}

.hero-slide {
	position: relative;
	overflow: hidden;
}

.hero-slide__media,
.hero-slide__media picture,
.hero-slide__media img,
.hero-slide__video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.hero-slide__media img,
.hero-slide__video {
	object-fit: cover;
	object-position: center;
}
.hero-slide__overlay {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-rows: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1.25fr);
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
}

.hero-slide__headline {
	align-self: center;
	margin: 0;
	font-family: 'Leitura', serif;
	font-size: var(--pt100);
	font-weight: 400;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #fff;
	opacity: 0;
	transition: opacity .6s ease-in-out .4s, letter-spacing .8s ease-in-out .3s;
}

.swiper-slide-active .hero-slide__headline {
	opacity: 1;
	letter-spacing: 0.1em;
}

.hero-slide__overlay .hero-slide__headline a {
	color: inherit;
	text-decoration: none !important;
}

.hero-slide__overlay .hero-slide__headline a:hover{
		text-decoration: none !important;
}
.hero-slide__text {
	align-self: center;
	justify-self: center;
	width: 50ch;
	max-width: 50vw;
	margin: 0;
	font-family: 'Ubuntu', sans-serif;
	font-size: var(--pt18);
	font-weight: 400;
	line-height: 1.9;
	letter-spacing: 0.1em;
	color: #fff;
}

.hero-slide__text p {
	margin-bottom: 1.2em;
}

.hero-slide__button {
	display: inline-block;
	padding: 0;
	border: 0;
	border-bottom: 1px solid currentColor;
	font: inherit;
	line-height: 1;
	text-transform: uppercase;
	color: inherit;
	text-decoration: none;
}

.hero-slide__text img{
	width: 16vw;
    height: calc(16vw / 1.2634700);
	filter: invert(1);
	display: inline-block;
}
@media (max-width: 767px) {
	.hero-slider,
	.hero-swiper,
	.hero-slide {
		height: 100svh;
		min-height: 100svh;
	}

	.hero-slide__overlay {
		padding: 30px 20px;
	}
}
@media (max-width: 699px) {

	.hero-slide__overlay {
		grid-template-rows: minmax(0, 1fr) minmax(0, 5fr) minmax(0, 2fr);
	}

	.hero-slide__text {
		width: 50ch;
		max-width: 90vw;
		padding-bottom: 5rem;
	}
	.niula-header-logo img {
		width: 2.4rem;
		height: 2.4rem;
	}

}