/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

:root {
	--primary: #b7ff00;
	--secondary: #8dc500;
	--black: #020200;
	--grey: #202319;
	--container: 1675px;
	--lightgrey: #565b46;
}

.wd-header-my-account,
.wd-header-cart,
body .ts-remove {
	display: none!important;
}

body .ts-remove + .zitat {
	margin-top:100px!important;
}

body .scrollToTop {
	background: var(--black);
}

/*** HEADER ***/

body header.whb-header .whb-main-header {
	margin-top:40px;
}

body header.whb-header .whb-flex-equal-sides :is(.whb-col-left) {
	max-width: 150px;
}

body header .wd-logo.wd-main-logo img {
	max-width: 126px;
	max-height: unset;
	height: auto;
	margin-top: -30px;
}

body .container {
	width: 100%;
	max-width: var(--container);
}


/*** MENU ***/

body .wd-nav-header>li>a {
	font-size: 20px;
	font-weight: 400;
}

body .header-button {
	background: var(--primary);
	padding-left: 35px;
	padding-right: 35px;
	border-radius: 8px;
}

body .header-button a,
body .header-button a span {
	color: #000;	
}

body .wd-nav {
	--nav-gap: 50px;
}

body .wd-header-nav {
	flex:unset;
}

body .wd-social-icons .wd-icon:before {
	font-size: 22px;
	color: var(--primary);
}

body .wd-tools-element .wd-tools-icon {
	color: var(--primary);
}

body .wd-cart-number.wd-tools-count {
	display: none!important;
}

body .wd-social-icons.wd-size-small {
	--wd-social-gap: 10px;
	padding-left: 30px;
	padding-right: 0;
}


/*** CONTENT ***/

:root :where(.wp-block-image.is-style-rounded img,.wp-block-image .is-style-rounded img) {
	border-radius: 8px!important;
}

body .main-footer,
body.page-id-166 .wd-page-content,
body.home .wd-page-content {
	background: #000;
}

body.home,
body.home h2,
body.home h3,
body.home a,
body.home p,
body footer p,
body .wd-single-footer .wd-social-icons .wd-icon:before {
	color: #fff;
}

body,
body p,
body a,
body ul,
body ol,
body li,
body div {
	font-size: 18px;
	line-height: 1.2em;
}

body,
body p {
	color: var(--black);
}

body:not(.home) #main-content a:not(.btn,.) {
	text-decoration: underline;
}

body .post-title a {
	text-decoration: none;
}

body #main-content {
	min-height: calc(100vh - 550px);
}

body .whb-color-dark:not(.whb-with-bg) {
	background-color: #000;
}

body.home #main-content {
	padding-top: 0;
	margin-top: -112px;
}

body.home .wp-block-cover {
	margin: 0 0 0 -200px;
	width: calc(100% + 400px);
	padding-left: 200px;
	padding-top: 350px;
	padding-bottom: 200px;
	overflow-x: visible;
}

body.home .wp-block-cover:before {
	content: "";
	height: 100vh;
	width: 300%;
	left: -100%;
	background: #000;
	position: absolute;
	z-index: 0;
	top: 0;
}

body:not(.home) h1,
body h1.wd-entities-title.wd-post-title.title {
	text-align: left;
	font-family: var(--wd-title-font);
	font-weight: 800;
}

body.single-post .wd-single-post-header {
	align-items: flex-start;
	text-align: left;
}

body.single-post .wd-post-cat.wd-style-with-bg {
	height: auto;
}

body.single-post .wd-post-cat.wd-style-with-bg a {
	color: #000;
	padding: 7px 20px 0;
	display: inline-block;
}

body.single-post .wp-block-separator {
	border-width: 1px;
	opacity: 0.07;
	margin: 50px auto;
}

body.single-post .wp-block-wd-divider {
	opacity: 0.3;
	padding: 30px 0;
}


body.single-post h2,
body.single-post h2.wp-block-wd-title.title {
	color: var(--black);
	font-size: 38px;
}

body:not(.home) h1,
body h1.wd-entities-title.wd-post-title.title,
body.home .wp-block-cover h2 {
	padding-left: 0;
	font-size: 100px !important;
	line-height: 1em; 
}
body.home .wp-block-cover h2:before {
	display: none;
}

body.single-post .wd-entry-content > p:first-child,
body.home .wp-block-cover h2 + p {
	font-size: 30px;
	font-weight: 200;
	margin: 45px auto;
}

body.home h1 {
	font-size: 18px;
	font-weight: 400;
	color: var(--primary);
	padding-left: 20px;
	font-family: ProximaNova;
}

body.home h1:before {
	content: ">>";
	position: absolute;
	margin-left: -20px;
}

body .btn-size-large {
	font-size: 20px;
}

body.home .wp-block-cover .wp-block-cover__image-background {
	top: 90px;
	background-color: #000;
}


body.home .wp-block-cover + .bg-green {
	margin-top: 70px !important;
}

body .bg-green {
	color: var(--lightgrey);
	margin-top: 200px !important;
	margin-bottom: 250px !important;
	position: relative; /* wichtig: ::before bezieht sich auf diese Höhe */
	z-index: 10;         /* Inhalt bleibt über dem ::before */
}

body .bg-green h2,
body .bg-green p,
body .bg-green a {
	color: var(--lightgrey);
}

body .bg-green h2 + p {
	font-size: 30px;
	font-weight: 200;
	margin: 45px auto;
}

body .bg-green::before {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	width: 300%;
	height: calc(100% + 300px);
	background: var(--primary);
	margin-top: -150px;
	z-index: -1;

	/* diagonaler Hintergrund: links tiefer, rechts höher */
	clip-path: polygon(
		0% 25%,    /* oben links tiefer */
		100% 0%,   /* oben rechts höher */
		100% 75%, /* unten rechts verschoben entsprechend der oberen Linie */
		0% 100%    /* unten links, parallel zur oberen Linie */
	);
}


body .wd-timer {
	border: 5px solid #fff;
	border-radius: 12px;
	padding: 30px 50px 20px;
	margin-top: 5px;
}

body .wd-timer-value {
	color: var(--lightgrey);
	font-weight: 800;
	font-size: 66px;
	font-family: var(--wd-title-font);
	margin-bottom: 20px;
}

body .wd-timer-text {
	margin-bottom: 20px;
}

body .wd-sep {
	font-family: var(--wd-title-font);
	font-weight: 800;
	margin-bottom: 60px;
}


#hero {} 
.next-race {}
.races {}
.ergebnisse {}
.zitat {}
.news {}
.social {}
.galerie {}


body .ergebnisse .wd-post-img {
	display: none;
}

body .ergebnisse .wd-post-date.wd-style-with-bg .post-date-day,
body .ergebnisse .wd-post-date.wd-style-with-bg .post-date-month {
	color: #fff;
}
body .ergebnisse .wd-post-date.wd-style-with-bg {
	position: relative;
	background: transparent;
}

body .ergebnisse .blog-design-masonry.wd-add-shadow .wd-post-inner {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;	
}

body .ergebnisse .blog-design-masonry.blog-style-bg .wd-post-thumb {
	width: 100px;
}

body .ergebnisse .blog-design-masonry.blog-style-bg.has-post-thumbnail .wd-post-content.article-body-container {
	text-align: left;
	display: flex;
	flex-direction: row;
	align-content: space-around;
	align-items: center;
	justify-content: space-between;
	padding-left: 0;
	width: calc(100% - 100px);
}

body .ergebnisse .wd-post .wd-post-title,
body .ergebnisse .wd-post .wd-post-title a,
body .ergebnisse .wd-post .wd-post-title a:hover {
	font-size: 18px;
	font-family: var(--wd-text-font);
	line-height: 1em;
	font-weight: 600;
}

body .ergebnisse .blog-design-masonry .wd-post-excerpt {
	margin-bottom: 0;
}

body .ergebnisse .wd-post-read-more.wd-style-link a {
	font-size: 0;
	min-height: 20px;
	display: inline-block;
	margin-top: 0px;
	max-width: 50px;
	padding: 0;
	width: 50px;
	background: transparent;
}

body .ergebnisse .wd-post-read-more.wd-style-link a:before {
	content: ">>";
	color:#fff;
	font-size: 18px;
	font-weight: 600;
}

body .ergebnisse .wd-post-thumb {
	overflow: visible;
}

body .ergebnisse .wd-post-date.wd-style-with-bg {
	top: 0;
}

body .ergebnisse .wd-post-date.wd-style-with-bg .post-date-day,
body .ergebnisse .wd-post-date.wd-style-with-bg .post-date-month {
	font-size: 18px;
	text-transform: none;
	text-align: left;
}

body .ergebnisse .blog-design-masonry {
	border: 2px solid var(--primary);
}

body .races-table-headline {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

body .races-table-headline .ts-date {
	width: 100px;
}
body .races-table-headline .ts-title {
	width: calc(50% - 100px);
}
body .races-table-headline .ts-location {
	width: 50%;
}

body .wd-post-author {
	display: none;
}

body h2 {
	font-size: 68px;
	color: var(--lightgrey);
	padding-left: 1.2em;
}

body h2:before {
	content: ">>";
	position: absolute;
	margin-left: -1.2em;
}

body .blog-design-masonry.wd-add-shadow .wd-post-inner {
	box-shadow: none;
}

body .blog-design-masonry.blog-style-bg .wd-post-content {
	background-color: transparent;
}

body .wd-post-img {
	transition: none;
	border-radius: 15px;
	overflow: hidden;
}
body .wd-post:hover .wd-post-img {
	transform: none;
}

body .wd-post .wd-post-title a,
body .wd-post .wd-post-title a:hover {
	color:#fff;
	font-size: 36px;
	font-family: var(--wd-title-font);
	font-weight: 800;
}




body .races .wp-block-columns .wp-block-column + .wp-block-column p {
	margin-top: 100px;
	margin-bottom: 80px;
}

body .races,
body .races .wp-block-columns,
body .races .wd-blog-element,
body .ergebnisse,
body .ergebnisse .wp-block-columns,
body .ergebnisse .wd-blog-element {
	position: relative;
	z-index: 1;
}

body .races:after {
	content: "";
	height: 100%;
	width:100%;
	position: absolute;
	background: transparent url(/wp-content/uploads/2025/11/hammerfit-bg-logo.svg) no-repeat calc(100%) 0 / 700px;
	left: 0;
	z-index: 0;
}

body .ergebnisse:before {
	content: "";
	height: 100%;
	width:700px;
	position: absolute;
	background: transparent url(/wp-content/uploads/2025/11/hammerfit-bg-logo.svg) no-repeat calc(100%) 0 / 700px;
	right: auto;
	left: auto;
	z-index: 0;
	margin-left: -450px;

}


@media screen and (min-width: 1690px) {

	body .races:after {
		width:100vw;
		background: transparent url(/wp-content/uploads/2025/11/hammerfit-bg-logo.svg) no-repeat calc(100vw - 700px) 0 / 700px;
		left: calc(800px - 50vw);
	}

	
}

@media screen and (min-width: 2000px) {

	body .races:after {
		background: transparent url(/wp-content/uploads/2025/11/hammerfit-bg-logo.svg) no-repeat calc(90vw - 700px) -0 / 700px;
		width:90vw;
	}
	
}

@media screen and (max-width:1920px) {
	
		
	body .ergebnisse:before {
		background: transparent url(/wp-content/uploads/2025/11/hammerfit-bg-logo.svg) no-repeat -300px 0 / 700px;
		right: auto;
		left: 0;
		margin-left: 0px;
	}
	
}

body .wd-post .wd-post-title,
body .blog-design-masonry .wd-post-excerpt,
body .wd-post-read-more.wd-style-link {
	text-align: left;
}

body .wd-post .wd-post-title a,
body .wd-post .wd-post-title a:hover {
	color:#fff;
	font-size: 36px;
	font-family: var(--wd-title-font);
	font-weight: 800;
}

body .blog-design-masonry.blog-style-bg.has-post-thumbnail .wd-post-content.article-body-container {
	text-align: left;
	display: flex;
	flex-direction: column;
	align-content: space-around;
	align-items: flex-start;
	padding-left: 0;
}

body .blog-design-masonry .wd-post-excerpt span {
	font-weight: 600;
}
body .blog-design-masonry .wd-post-excerpt {
	margin-bottom:20px;
}


body .wd-post-read-more.wd-style-link a,
.button {
	background-color: var(--primary);
	border-radius: 5px;
	box-shadow: none;
	color: #000;
	cursor: pointer;
	font-family: ProximaNova, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	margin: 0 auto;
	max-width: fit-content;
	min-height: 48px;
	outline-style: none;
	padding: 7px 30px;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	transition-duration:0.25s;
	transition-property:all;
	transition-timing-function:ease;
	vertical-align:middle;
}

body .social a,
body .social p {
	text-align: center;
	font-size: 64px;
	font-family: var(--wd-title-font);
	font-weight: 800;
	margin-bottom: 60px;
}

body .social a {
	color: #000;
	text-decoration: underline;
}
body .zitat p {
	text-align: center;
	font-size: 48px;
}




body .news .wd-post .wd-post-title a {
	margin-bottom: 30px;
	display: inline-block;
}



/*** FOOTER ***/


body footer .main-footer.container {
	width: 100%;
	max-width: 100%;
	margin:0;
	padding:0;
}

body footer nav {
	display: flex!important;
	justify-content: space-between!important;
}

body footer .wp-block-navigation,
body footer .wp-block-list {
	display: grid;
	padding-left: 0;
	gap: 10px;
	justify-content: space-between;
}

body footer .wp-block-list {
	max-width: 500px;
}

body footer .wp-block-list {
	grid-template-columns: auto auto auto;
}

body footer .wp-block-navigation {
	grid-template-columns: auto auto;	
}


body footer .wp-block-navigation li,
body footer .wp-block-list li {
	list-style: none outside none;
	margin-bottom: 0;
	padding-bottom: 0;
}

body footer .main-footer.container .wp-block-group .wp-block-columns,
body footer .main-footer.container .wp-block-wd-container .ts-copyright {
	width: 100%;
	max-width: var(--container);
	margin: 0 auto;
}

body footer .main-footer.container .wp-block-wd-container .ts-copyright {
	text-align: center;
	font-size: 12px;
	padding: 15px;
}

body footer .main-footer.container .wp-block-wd-container .ts-copyright,
body footer .main-footer.container .wp-block-wd-container .ts-copyright p,
body footer .main-footer.container .wp-block-wd-container .ts-copyright a {
	color: #000;
	font-weight: 600;
	font-size: 14px;
}

body footer .main-footer.container .wp-block-group {
	background-color: var(--grey);
	margin-bottom: 0;
}

body footer .main-footer.container .wp-block-wd-container {
	background-color: var(--primary);
}



@media screen and (max-width: 1440px) {
	
	body:not(.home) h1,
	body h1.wd-entities-title.wd-post-title.title,
	body.home .wp-block-cover h2 {
		font-size: 80px !important;
	}
	
	body h2 {
		font-size: 54px;
	}
	
	body .social a, 
	body .social p {
		font-size: 54px;
	}
		
	body .zitat p {
		font-size: 38px;
	}
	
	
	body.single-post h2, body.single-post h2.wp-block-wd-title.title,
	body .wd-post .wd-post-title a, 
	body .wd-post .wd-post-title a:hover {
		font-size: 28px;
	}
		
	body .bg-green h2 + p {
		font-size: 24px;
		margin: 45px auto;
	}



	body .wd-timer {
		padding: 10px;
	}
	
	body .wd-timer-value {
		font-size: 40px;
	}
	
	body .wd-timer>span {
		min-width: 53px;
	}
	
	body .wd-timer-text {
		font-size: 16px;
	}
	
}



@media screen and (max-width: 1199px) {
	
	body:not(.home) h1,
	body h1.wd-entities-title.wd-post-title.title,
	body.home .wp-block-cover h2 {
		font-size: 64px !important;
	}
	
	body h2 {
		font-size: 44px;
	}
	
	
	body .social a, 
	body .social p {
		font-size: 44px;
	}
		
	body .zitat p {
		font-size: 30px;
	}
	
	body.single-post h2, body.single-post h2.wp-block-wd-title.title,
	body.single-post .wd-entry-content > p:first-child,
	body.home .wp-block-cover h2 + p,
	body .wd-post .wd-post-title a, 
	body .wd-post .wd-post-title a:hover {
		font-size: 22px;
	}
	
	body.single-post .wd-entry-content > p:first-child,	
	body .bg-green h2 + p {
		font-size: 19px;
		margin: 30px auto;
	}
	
	
	
	body .wd-timer-value {
		font-size: 32px;
	}
	
	body .wd-timer>span {
		min-width: 45px;
	}
	
	body .wd-timer-text {
		font-size: 16px;
	}
	
	body .wd-nav {
		--nav-gap: 25px;
	}
	
	
	
	.wd-side-hidden-nav {
		background: #202319;
	}
	
	body.home .wp-block-cover .wp-block-cover__image-background {
		object-position: 53% 0%!important;	
	}
	
	
}





@media screen and (max-width: 781px) {
	
	
	body.home .wp-block-cover {
		width: 100%;
		margin: 0 auto;
		padding-left: 0;
		padding-top: 350px;
		padding-bottom: 50px;
	}
	
	body .ts-remove + .zitat {
		margin-top: 70px !important;
	}
	
	body .wp-block-quote {
		padding-left: 0;
	}
	
	body .wd-nav-mobile>li>a {
		color: #fff;
	}
	
	body header .wd-logo.wd-main-logo img {
		margin-top: 5px;
	}
	
	body .wd-nav:where(:not(.wd-dis-act))>li:where(.current-menu-item,.wd-active,.active)>a {
		color: var(--primary);
		font-weight: 800;
	}
	
	body:not(.home) h1,
	body h1.wd-entities-title.wd-post-title.title,
	body.home .wp-block-cover h2 {
		font-size: 50px !important;
	}
	
	body.single-post .wd-grid-g {
		gap: 0;
	}
	
	body h2 {
		font-size: 32px;
	}
	
	
	body .social a, 
	body .social p {
		font-size: 32px;
	}
		
	body .zitat p {
		font-size: 24px;
	}
	
	body.single-post .wd-post-image img {
		min-width: 0;
		width: 100%;
	}
	
	body.single-post h2, body.single-post h2.wp-block-wd-title.title,
	body.home .wp-block-cover h2 + p,
	body .wd-post .wd-post-title a, 
	body .wd-post .wd-post-title a:hover {
		font-size: 24px;
	}
	
	body.single-post .wd-entry-content > p:first-child,	
	body .bg-green h2 + p {
		font-size: 18px;
		margin: 20px auto;
	}
	
	
	
	body .wd-timer-value {
		font-size: 26px;
	}
	
	body .wd-timer>span {
		min-width: 36px;
	}
	
	
	
	.wp-block-wd-countdown-timer,
	.next-race .wp-block-columns .wp-block-column + .wp-block-column {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		width: 100%;
	}
	
	
	body .wd-timer {
		width: 100%;
		display: flex;
		justify-content: space-evenly;
	}
	
	
	body footer .wp-block-navigation, 
	body footer .wp-block-list {
		
		display: block;
		
	}
	
	
	body footer .wp-block-navigation li, 
	body footer .wp-block-list li {
		padding: 5px 0;
	}
	
	
	body .wd-grid-g {
		gap:50px 0;
	}
	
	body .wp-block-wd-gallery {
		display: block;
	}
	
	body .wp-block-wd-gallery .wd-block-image {
		margin-bottom: 30px;
	}
	
	
	body header.whb-header .whb-main-header {
		margin-top:0px;
	}
	
}