/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/* Host fonts locally */


@font-face {
font-family: 'Hanken Grotesk', sans-serif;
src: local('Hanken Grotesk'), url('https://eastside.eventus-entwicklung.com/wp-content/themes/Divi-child/fonts/HankenGrotesk-VariableFont_wght.ttf');
}

@font-face {
font-family: 'Hanken Grotesk Italic', sans-serif;
src: local('Hanken Grotesk'), url('https://eastside.eventus-entwicklung.com/wp-content/themes/Divi-child/fonts/HankenGrotesk-Italic-VariableFont_wght.ttf') format('truetype');
}

@font-face {
font-family: 'Hanken Grotesk', sans-serif;
src: local('Hanken Grotesk'), url('https://eastside.eventus-entwicklung.com/wp-content/themes/Divi-child/fonts/static/HankenGrotesk-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Hanken Grotesk', sans-serif;
src: local('Hanken Grotesk'), url('https://eastside.eventus-entwicklung.com/wp-content/themes/Divi-child/fonts/static/HankenGrotesk-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}

@font-face {
font-family: 'Hanken Grotesk', sans-serif;
src: local('Hanken Grotesk'), url('https://eastside.eventus-entwicklung.com/wp-content/themes/Divi-child/fonts/static/HankenGrotesk-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}


body {
	font-family: 'Hanken Grotesk', sans-serif;
	font-weight: 100;
	font-size: 1.1rem;
}

#main-content {
	background-color: #1d1d1b !important;
}

#main-content h2 {
	font-family: 'Hanken Grotesk Italic', sans-serif;
	font-weight: 700;
	animation: left-to-right .6s linear;
}

#main-content h3 {
	font-family: 'Hanken Grotesk Italic', sans-serif;
	font-weight: bold;
}

/* Blog Posts */

#left-area {
	color: #fff;
}

#left-area .et_post_meta_wrapper h1 {
	color: #eaf912;
}

@media only screen and (min-width: 481px) {
	#left-area .et_post_meta_wrapper img {
		max-width: 50%;
		float: left;
		margin-right: 30px;
		margin-bottom: 30px;
	}
}


@keyframes left-to-right {
	0% 		{transform: translateX(-100%)}
	100%	{transform: translateX(0)}
}

@keyframes chevron-grow {
	/*0% 		{clip-path: inset(0% 100% 0% 0%);}
	100% 	{clip-path: inset(0% 0% 0% 0%);}*/
	0% 		{clip-path: polygon(0% 0%,   0% 0%,    0% 0%,   0% 100%, 0% 100%, 0% 100%);}
	
	20% 	{clip-path: polygon(0% 0%,  17% 0%,  22% 50%,  17% 100%, 0% 100%, 0%  50%);}
	30% 	{clip-path: polygon(0% 0%,  17% 0%,  22% 50%,  17% 100%, 0% 100%, 0%  50%);}
	
	40% 	{clip-path: polygon(0% 0%,  36% 0%,  44% 50%,  36% 100%, 0% 100%, 0%  50%);}
	50% 	{clip-path: polygon(0% 0%,  36% 0%,  44% 50%,  36% 100%, 0% 100%, 0%  50%);}
	
	60% 	{clip-path: polygon(0% 0%,  54% 0%,  62% 50%,  54% 100%, 0% 100%, 0%  50%);}
	70% 	{clip-path: polygon(0% 0%,  54% 0%,  62% 50%,  54% 100%, 0% 100%, 0%  50%);}
	
	80% 	{clip-path: polygon(0% 0%,  72% 0%,  79% 50%,  72% 100%, 0% 100%, 0%  50%);}
	90% 	{clip-path: polygon(0% 0%,  72% 0%,  79% 50%,  72% 100%, 0% 100%, 0%  50%);}
	
	100%	{clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 100% 100%, 0% 100%, 0%  50%);}
}

#main-content h2::after {
	content: '';
	display: inline-block;
  	vertical-align: middle;
	width: 200px;
  	height: 50px;
	margin-left: 30px;
	background-image: url('../../uploads/2023/06/chevron.svg');
	background-size: contain;
	background-repeat: no-repeat;
	
	animation-name: chevron-grow;
	animation-duration: 1s;
	animation-timing-function: steps(10, end);
	animation-delay: .9s;
	animation-fill-mode: backwards;
}

@media only screen and (max-width: 480px) {
	#main-content h2::after {
		width: 0;
  		height: 0;
	}
}

/*
 h2::after {
	border-style: solid;
	border-width: 0.25em 0.25em 0 0;
	border-color: #e8f70f;
	content: '';
	display: inline-block;
	height: 0.45em;
	left: 0.15em;
	position: relative;
	top: 0.15em;
	transform: rotate(45deg);
	vertical-align: top;
	width: 0.45em;
}
*/

/* Navigation */

@keyframes li-grow {
	0% {background-color: transparent; height: 0;}
	100% {background-color: #E8F70F; height: 60px;}
}

@keyframes li-grow-fixed-nav {
	0% {background-color: transparent; height: 0;}
	100% {background-color: #E8F70F; height: 40px;}
}

#et-top-navigation {
    font-family: corporate-s, sans-serif;
	font-style: normal;
	font-weight: 400;
	float: none;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-evenly;
}

#top-menu {
	margin: 0;
	padding: 0;
	min-height: 85px;
}

#top-menu>li {
	background-color: transparent;
	padding-right: 0;
	padding-top: 0;
	margin-bottom: 10px;
}

#top-menu>li:hover {
    color: #000 !important;
    background-color: #E8F70F;
	transform: skewX(-30deg);
	
	text-transform: uppercase;
	animation: li-grow .2s linear;
}

#top-menu>li>a {
	padding: 10px 10px 10px 20px;
}

#top-menu .menu-item-has-children>a:first-child::after {
	top: 10px;
}

#top-menu>li>a:hover {
    color: #000 !important;
	transform: skewX(30deg);
	padding: 10px 10px 10px 20px;
}

#top-menu-nav>ul>li>a:hover {
	opacity: 1;
	color: #000;
	-webkit-transition: none;
	transition: none;
}

#top-menu li li a {
    color: #fff;
	transform: skewX(30deg);
}

#top-menu li li:hover {
	background-color: #E8F70F;
}

#top-menu li li:hover>a {
	color: #000 !important;
}

#top-menu .ev_li_hover {
	color: #000 !important;
}

/* WooCommerce - Remove Cart Item */

.et-cart-info {
    display: none !important;
}

/* Mobile Menu */

#mobile_menu li:hover {
	background-color: #ecfb15;
}

#mobile_menu li:active {
	background-color: #ecfb15;
}

#mobile_menu li:hover>a {
	color: #000;
}

/* Social Media Items */

/* Make "Home" button not take up 100% width */
#mobile_menu #menu-item-630 {
	width: 60%;
}

/* Make "Über uns" button not take up 100% width */
#mobile_menu #menu-item-89 {
	width: 60%;
}

#mobile_menu #menu-item-952 {
	float: right;
	margin-right: 10px;
	background-color: transparent;
}

#mobile_menu #menu-item-953 {
	float: right;
	margin-right: 10px;
	background-color: transparent;
}

#mobile_menu #menu-item-952 img {
	height: 40px;
}

#mobile_menu #menu-item-952:hover img {
	filter: invert(.8);
}

#mobile_menu #menu-item-953:hover img {
	filter: invert(.8);
}

#mobile_menu #menu-item-952:hover img {
	filter: invert(.8);
}

#mobile_menu #menu-item-953:active img {
	filter: invert(.8);
}

#mobile_menu #menu-item-953 img {
	height: 40px;
}

#top-menu #menu-item-953 {
	padding-left: 0;
	margin-right: 40px;
}

#top-menu #menu-item-952 img {
	height: 25px;
	vertical-align: middle;
}

#top-menu #menu-item-953 img {
	height: 25px;
	vertical-align: middle;
}

#top-menu #menu-item-952:hover {
    background-color: transparent;
	animation: initial;
	transform: none;
	filter: invert(.8)
}

#top-menu #menu-item-953:hover {
	background-color: transparent;
	animation: initial;
	transform: none;
	filter: invert(.8)
}

#top-menu #menu-item-952>a {
	padding-bottom: 0;
}

#top-menu #menu-item-953>a {
	padding-bottom: 0;
}

#top-menu #menu-item-952>a:hover {
	transform: none;
}

#top-menu #menu-item-953>a:hover {
	transform: none;
}

/* Fixed Menu After Scrolling */

.et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li:hover {
	animation: li-grow-fixed-nav .2s linear;
}

.et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a:hover {
	color: #000 !important;
}



/* Header */

#ev_header h1 {
	font-size: 82px;
	text-transform: uppercase;
	letter-spacing: 8px;
	line-height: 1.1em;
}

#ev_header .et_pb_slide_description {
	padding: 0;
	margin: -310px 0 0 -30px;
}

@media only screen and (max-width: 480px) {
	#ev_header h1 {
		font-size: 52px;
		letter-spacing: 8px;
		line-height: 1.1em;	
	}
	
	#ev_header .et_pb_slide_description {
		padding: auto;
		margin: 0;
}
}


/* Page Elements */

.ev_fullwidth_slider .et_pb_slide_description {
	margin: 500px -20% 0 -20%;
	padding: 0 0;
}

.ev_fullwidth_slider .et_pb_slide_description .et_pb_text_overlay_wrapper {
	background: rgb(9,9,9);
	background: -moz-linear-gradient(0deg, rgba(9,9,9,1) 0%, rgba(9,9,9,0.8906395321800595) 42%, rgba(9,9,9,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(9,9,9,1) 0%, rgba(9,9,9,0.8906395321800595) 42%, rgba(9,9,9,0) 100%);
background: linear-gradient(0deg, rgba(9,9,9,1) 0%, rgba(9,9,9,0.8906395321800595) 42%, rgba(9,9,9,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#090909",endColorstr="#090909",GradientType=1);
	width: 100%;
	padding: 30px 0;
}


.ev_post_slider_news {
	transform: skewX(-22deg);
	margin-left: 300px;
	
	
}

.ev_post_slider_news .et_pb_image_container {
	transform: skewX(22deg);
	width: 150%;
	margin-left: -25%;
}

.ev_post_slider_news .entry-title {
	transform: skewX(22deg);
	padding-left: 18px;
}

.ev_post_slider_news .post-meta {
	transform: skewX(22deg);
	padding-left: 18px;
}

.ev_post_slider_news .post-content div {
	transform: skewX(22deg);
	padding: 10px 50px;
}

.ev_post_slider_news .post-content a {
	margin-left: 330px;
}

.ev_post_slider_news .column.size-1of3 {
	width: 42% !important;
	border-left: solid 30px #e8f70f;
	border-right: solid 30px #e8f70f;
	overflow: hidden;
}

/* Race Track Flip Boxes */

#main-content .ev_tracks_desktop h2::after {
	content: '' !important;
	display: inline-block;
  	vertical-align: middle;
	width: 0;
  	height: 0;
}

.ev_tracks_desktop .dtq-flipbox-img-front img {
	filter: invert(1);
	-webkit-filter: invert(1);
}

.ev_tracks_desktop .dtq-flipbox-back-card::before {
    content: "";
    z-index: -1;
    position: inherit;
    left: inherit;
    top: inherit;
    width: inherit;
    height: inherit;
    background-size: cover;
    filter: blur(2px);
}


/* Tracks GT 4 Germany */

.ev_tracks_desktop #ev_tracks_oschersleben .dtq-flipbox-back-card::before {
	background-image: url('https://eastside.eventus-entwicklung.com/wp-content/uploads/2025/01/Oschersleben-Ring-scaled.jpg');
}

.ev_tracks_desktop #ev_tracks_norisring .dtq-flipbox-back-card::before {
	background-image: url('https://eastside.eventus-entwicklung.com/wp-content/uploads/2025/01/Norisring-scaled.jpg');
}

.ev_tracks_desktop #ev_tracks_nuerburgring .dtq-flipbox-back-card::before {
	background-image: url('https://eastside.eventus-entwicklung.com/wp-content/uploads/2025/01/Nurburgring-scaled.jpg');
}

.ev_tracks_desktop #ev_tracks_redbullring .dtq-flipbox-back-card::before {
	background-image: url('https://eastside.eventus-entwicklung.com/wp-content/uploads/2025/01/Red-Bull-Ring-scaled.jpg');
}

.ev_tracks_desktop #ev_tracks_hockenheim .dtq-flipbox-back-card::before {
	background-image: url('https://eastside.eventus-entwicklung.com/wp-content/uploads/2025/01/Hockenheimring-1-scaled.jpg');
}

.ev_tracks_desktop #ev_tracks_sachsenring .dtq-flipbox-back-card::before {
	background-image: url('https://eastside.eventus-entwicklung.com/wp-content/uploads/2025/01/Sachsenring-scaled.jpg');
}


/* Tracks GT 4 European Series

.ev_tracks_desktop #ev_tracks_monza .dtq-flipbox-back-card::before {
	background-image: url('http://eastside.eventus-entwicklung.com/wp-content/uploads/2023/07/track_monza-w400.jpg');
}

.ev_tracks_desktop #ev_tracks_monza .dtq-flipbox-back-card::before {
	background-image: url('http://eastside.eventus-entwicklung.com/wp-content/uploads/2023/07/track_monza-w400.jpg');
}

.ev_tracks_desktop #ev_tracks_paul_ricard .dtq-flipbox-back-card::before {
	background-image: url('http://eastside.eventus-entwicklung.com/wp-content/uploads/2023/07/track_paul_ricard-w400.jpg');
}

.ev_tracks_desktop #ev_tracks_spa .dtq-flipbox-back-card::before {
	background-image: url('http://eastside.eventus-entwicklung.com/wp-content/uploads/2023/07/track_spa_francorchamps-w400.jpg');
}

.ev_tracks_desktop #ev_tracks_misano .dtq-flipbox-back-card::before {
	background-image: url('http://eastside.eventus-entwicklung.com/wp-content/uploads/2023/07/track_misano-w400.jpg');
}

.ev_tracks_desktop #ev_tracks_hockenheim .dtq-flipbox-back-card::before {
	background-image: url('http://eastside.eventus-entwicklung.com/wp-content/uploads/2023/07/track_hockenheim-w400.jpg');
}

.ev_tracks_desktop #ev_tracks_barcelona .dtq-flipbox-back-card::before {
	background-image: url('http://eastside.eventus-entwicklung.com/wp-content/uploads/2023/07/track_barcelona-w400.jpg');
}

.ev_tracks_desktop #ev_tracks_vallelunga .dtq-flipbox-back-card::before {
	background-image: url('http://eastside.eventus-entwicklung.com/wp-content/uploads/2023/07/vallelunga-w400.jpg');
}  */


/* WooCommerce Customisation */

/* Product Title Color */
.summary.entry-summary .product_title.entry-title {
    color: #eaf912;
	font-weight: bold;
}

.woocommerce-tabs.wc-tabs-wrapper h2 {
	color: #fff;
}

.woocommerce-tabs.wc-tabs-wrapper h2::after {
	content: '';
	width: 0 !important;
	height: 0 !important;
}

.related.products h2 {
	color: #eaf912;
}

.related.products h2::after {
	content: '';
	width: 0 !important;
	height: 0 !important;
}