/*
Theme Name:   Greyd Child Theme
Theme URI:    https://greyd.io/
Description:  A child theme for the Greyd Theme
Author:       Greyd
Author URI:   http://example.com
Template:     greyd-theme
Version:      1.0.0
License:      GPLv2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         Tags: blog, portfolio, entertainment, site-editing, block-patterns, block-styles
Text Domain:  greyd-child-theme
*/

/* CSS Basics V.1.7*/

/*Breakpoint Specific Block Enhancements*/

/*Row*/

@media (max-width: 599px){
.break-sm{flex-wrap: wrap !important;}
.reverse-sm {flex-direction: column-reverse;}}

@media (max-width: 992px){
.break-md{flex-wrap: wrap !important;}
.reverse-md {flex-direction: column-reverse;}}

@media (max-width: 1199px){
.break-lg{flex-wrap: wrap !important;}
.reverse-lg {flex-direction: column-reverse;}}

/* Tablet Breakpoint - Media & Text */

@media (max-width: 991.98px){
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
    grid-column: 1;
    grid-row: 1;
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content.wp-block-media-text__content {
    grid-column: 1 !important;
    grid-row: 2 !important;
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
    grid-column: 1;
    grid-row: 1;
}

.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 2;
}
.wp-block-media-text.is-stacked-on-mobile {
    grid-template-columns: 100%!important;
}}

/* Media & Text - No Padding */

.nopadding .wp-block-media-text__content { 
padding: 0px !important;}


/* Off-Grid */

/* Wide width Sections */

.respect-grid-left{
padding-left: max(var(--wp--style--root--padding-left), calc(50vw - calc(var(--wp--style--global--wide-size) / 2))) !important;
}
.respect-grid-right{
padding-right: max(var(--wp--style--root--padding-left), calc(50vw - calc(var(--wp--style--global--wide-size) / 2))) !important;
}

/* Content width Sections */

.respect-contentgrid-left{
padding-left: max(var(--wp--style--root--padding-left), calc(50vw - calc(var(--wp--style--global--content-size) / 2))) !important;
}
.respect-contentgrid-right{
padding-right: max(var(--wp--style--root--padding-left), calc(50vw - calc(var(--wp--style--global--content-size) / 2))) !important;
}

/* Text Alignements */

@media (max-width: 599px){
.left-sm{text-align: left;}
.right-sm{text-align: right;}
.center-sm{text-align: center;}}

@media (max-width: 910px){
.left-md{text-align: left;}
.right-md{text-align: right;}
.center-md{text-align: center;}}
}

@media (max-width: 1199px){
.left-lg{text-align: left;}
.right-lg{text-align: right;}
.center-lg{text-align: center;}}
}

/* Grid Block Variation */

/*Grid-max-Columns*/
.grid-max-8{
    grid-template-columns: repeat(8, minmax(0, 1fr))!important;}

.grid-max-6{
    grid-template-columns: repeat(6, minmax(0, 1fr))!important;}

.grid-max-5{
    grid-template-columns: repeat(5, minmax(0, 1fr))!important;}

.grid-max-4{
    grid-template-columns: repeat(4, minmax(0, 1fr))!important;}

.grid-max-3{
    grid-template-columns: repeat(3, minmax(0, 1fr))!important;}

.grid-max-2{
    grid-template-columns: repeat(2, minmax(0, 1fr))!important;}
}

@media (max-width: 1199px){
.grid-max-8{
    grid-template-columns: repeat(8, minmax(0, 1fr))!important;}

.grid-max-6{
    grid-template-columns: repeat(3, minmax(0, 1fr))!important;}

.grid-max-5{
    grid-template-columns: repeat(5, minmax(0, 1fr))!important;}

.grid-max-4{
    grid-template-columns: repeat(4, minmax(0, 1fr))!important;}

.grid-max-3{
    grid-template-columns: repeat(3, minmax(0, 1fr))!important;}

.grid-max-2{
    grid-template-columns: repeat(2, minmax(0, 1fr))!important;}
}

@media (max-width: 909px){
.grid-max-8{
    grid-template-columns: repeat(8, minmax(0, 1fr))!important;}

.grid-max-6{
    grid-template-columns: repeat(2, minmax(0, 1fr))!important;}

.grid-max-5{
    grid-template-columns: repeat(5, minmax(0, 1fr))!important;}

.grid-max-4{
    grid-template-columns: repeat(4, minmax(0, 1fr))!important;}

.grid-max-3{
    grid-template-columns: repeat(3, minmax(0, 1fr))!important;}

.grid-max-2{
    grid-template-columns: repeat(2, minmax(0, 1fr))!important;}
}

@media (max-width: 598px){
.grid-max-8{
    grid-template-columns: repeat(8, minmax(0, 1fr))!important;}

.grid-max-6{
    grid-template-columns: repeat(2, minmax(0, 1fr))!important;}

.grid-max-5{
    grid-template-columns: repeat(5, minmax(0, 1fr))!important;}

.grid-max-4{
    grid-template-columns: repeat(4, minmax(0, 1fr))!important;}

.grid-max-3{
    grid-template-columns: repeat(3, minmax(0, 1fr))!important;}

.grid-max-2{
    grid-template-columns: repeat(2, minmax(0, 1fr))!important;}
}

/* Z-Index */

.zpush-2{z-index: 2;}
.zpush-3{z-index: 3;}
.zpush-4{z-index: 4;}
.zpush-101{z-index: 101;}


/* Z-Index Header -> Popover Overlay nach hinten layern */

.z-index-overlay {
	z-index:-1;
}

/* Header animation */

.header-animation {
	top:-120px !important;
	transition-duration:400ms;
	transition-delay:300ms;
}

.scroll-up .header-animation {
	top: 0px !important;
	
}

.at-top .header-animation {
	 top: 0px !important;
	 transition-delay:0ms;
	
}


/* Blur-Effekt */

.blur {
  position: relative;
  z-index: 1;
}

.blur::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  z-index: -1;
}

/* Border */
.tutorial-class{
	border: 20px solid red;
}

/* Main Menu */
.am-nav-item{
	margin: 0 3rem;
}

@media (max-width: 1400px){
	.am-nav-item{
		margin: 0 2rem;
	}
}
@media (max-width: 1300px){
	.am-nav-item{
		margin: 0 1rem;
	}
}	
@media (max-width: 1200px){
	.am-nav-item{
		margin: 0 .5rem;
	}
}
@media (max-width: 1100px){
	.am-nav-item{
		margin: 0;
	}
}	
:root {
	--wp--preset--spacing--x-large: clamp(.7rem, 0.5rem + 5.5vw, 5rem)!important;
	--wp--preset--spacing--large: clamp(.6rem, 0.5rem + 4vw, 3.2rem)!important;
	--wp--preset--spacing--medium: clamp(.5rem, 0.5rem + 2.5vw, 2.2rem)!important;
	--wp--preset--spacing--small: clamp(.3rem, 0.2rem + 1.8vw, 1.4rem)!important;
	--wp--preset--spacing--tiny: clamp(10px, 0.2rem + 1.4vw, 1rem)!important;
}