/*
 * Theme Name: My Timber Starter Theme
 * Description: Starter Theme to use with Timber
 * Author: Upstatement and YOU!
*/

.rider-image{
	position: relative;
}
.rider-image video{
	position: absolute;
	width: 100%;
	height: 100%;
	left:0;
	top:0;
	z-index: 2;
	/*display: none;*/
}

.block-rider:hover .rider-image video{
	/*display: block;*/
}
.block-rider:hover .rider-image.has-video img{
	transform: scale(1);
}

.posts-wrapper, .riders-wrapper, .staffs-wrapper{
	align-items: end;
}

.logo-lidltrek{
	top:5px !important;
}

@media only screen and (min-width: 576px)  {
	.logo-lidltrek{
		top:20px !important;
	}
}

@media only screen and (min-width: 780px)  {
	.logo-lidltrek{
		top:16px !important;
	}
}

.logo-lidltrek svg{
	width:120px !important;
}

@media only screen and (min-width: 780px)  {
.logo-lidltrek svg{
	width:149px !important;
}
}

.block-sponsors .level{
	justify-content: center;
	display: flex;
	align-items:center;

	gap:15px;
	column-gap: 15px;
	flex-wrap: inherit !important;
	margin-top: 15px;
	margin-bottom: 15px;

	
}

@media only screen and (min-width: 480px)  {
	.block-sponsors .level{
		column-gap: 50px;
		gap:50px;
		margin-top: 50px;
		margin-bottom: 50px;		
	}
}	


.block-sponsors{
	padding-top: 10px !important;
}

.block-sponsors .level.level-1 .logo{
	max-width: 30% !important;
}
.block-sponsors .level.level-2 .logo{
	max-width: 20% !important;
}
.block-sponsors .level.level-3 .logo{
	max-width: 16% !important;
}

.block-sponsors .level.level-4 .logo{
	max-width: 10% !important;
}

.block-sponsors .level.level-5, .block-sponsors .level.level-4{
	flex-wrap: wrap !important;
}

@media only screen and (min-width: 1000px)  {
	.block-sponsors .level.level-5, .block-sponsors .level.level-4{
		flex-wrap: inherit !important;
	}
}

.block-sponsors .level .logo{
	width:100% !important;
	padding: 0!important;
	margin: 0 !important;
	
	
}

.block-sponsors .level.level-5 .logo, .block-sponsors .level.level-4 .logo{
	max-width: 16%;
}

@media only screen and (min-width: 1000px)  {
	.block-sponsors .level.level-5 .logo, .block-sponsors .level.level-4 .logo{
	max-width: 100%;
	}
}



.block-sponsors .level .logo img{

	min-width: none !important;
	min-height: none !important;
	max-height: none !important;
	max-width: 100% !important;
}

.block-sponsors .level .logo.trek-color{
	width:112px !important;
	max-width: none !important;
	mix-blend-mode: normal !important;
}

@media only screen and (min-width: 480px)  {
	.block-sponsors .level .logo.trek-color{
	width:192px !important;
	}
}

.block-sponsors .level .logo.lidl{
	width:80px !important;
	max-width: none !important;
	mix-blend-mode: normal !important;
}

@media only screen and (min-width: 480px)  {
	.block-sponsors .level .logo.lidl{
	width:128px !important;
	}
}

.block-sponsors .level .logo.trek-color a, .block-sponsors .level .logo.lidl a{
	opacity: 1 !important;
}

.block-sponsors .level .logo.trek-color img, .block-sponsors .level .logo.lidl img{
	filter: none !important;
}

.single-rider .intro-image .swiper-button-prev:after{
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' fill='white' viewBox='0 0 320 512'%3E%3Cpath d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z'/%3E%3C/svg%3E") !important; 
	-webkit-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
	fill: white;
	margin-top: 5px;
}

.single-rider .intro-image .swiper-button-next:after{
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' fill='white' viewBox='0 0 320 512'%3E%3Cpath d='M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z'/%3E%3C/svg%3E") !important;	-webkit-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
	fill: white;
	margin-top: 5px;
}

.paragraph-image-gallery .swiper-container .swiper-button-prev:after{
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' fill='white' viewBox='0 0 320 512'%3E%3Cpath d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z'/%3E%3C/svg%3E") !important; 
	margin-top: 4px;
    margin-left: -1px;
	-ms-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
}

.paragraph-image-gallery .swiper-container .swiper-button-next:after{
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' fill='white' viewBox='0 0 320 512'%3E%3Cpath d='M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z'/%3E%3C/svg%3E") !important;	-webkit-transform: rotate(0deg) !important;
	margin-top: 2px;
    margin-left: -2px;
	-ms-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
}

/*
.single-rider .intro-image .swiper-button-next:before, .single-rider .intro-image .swiper-button-prev:before{
	content:url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.414 11.314L7.07 5.657 1.415 0 0 1.414l4.243 4.243L0 9.9' fill='%23FFFFFF'/%3E%3C/svg%3E");
}*/	

.sponsors-rider .block-sponsors{
	background: transparent !important;
}