/* Basics */

:root  {
	--amk-blue-light: #313d5f;
    --amk-blue-dark: #0e193a;
    --amk-blue-darkest: #08102d;
	--amk-btn-primary: #4B989E;
    --amk-bg-dark: #0e193a;
    --amk-bg-darkest: #08102d;
	--amk-btn-primary: #4B989E;
	--amk-btn-primary-hov: #2D7A80;
	--amk-btn-primary-dis: #aab8b9;
	--amk-btn-secondary: #FF6600;
	--amk-btn-secondary-hov: #D77200;
	--amk-btn-secondary-dis: #c4b29d;
	--amk-bg-alt: #e7e8ed;
	--amk-bg-alt-light: #f6f6f7;
	--amk-bg-alt-dark: #d1d2d9;
}

body {
    color: #313131;
	font-size: 1.1em;
}

.table.specificaties {
	font-size: 1rem;
}
.small, small {
    font-size: .875rem;
}

#testimonial .card p {
    font-size: 1rem;
}

/* Alternative colors */

.checkmarks .fa-check, .bg-darkest .fa-check {
	color: var(--amk-orange);
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--amk-orange);
    --bs-btn-border-color: var(--amk-orange);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--amk-orange-light);
    --bs-btn-hover-border-color: var(--amk-orange-light);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--amk-orange-dark);
    --bs-btn-active-border-color: var(--amk-orange-light);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--amk-orange-dark);
    --bs-btn-disabled-border-color: var(--amk-orange-dark);
}

.price {
	color: var(--amk-orange);
}

#cookiescript_buttons #cookiescript_accept, #cookiescript_buttons #cookiescript_save{
	background-color: var(--amk-orange)!important;
	background: var(--amk-orange)!important;
}
/* Backgrounds */

.hero {
    background-color: var(--amk-bg-darkest);
	background: linear-gradient(45deg, var(--amk-bg-dark) 0%,var(--amk-bg-light) 50%, var(--amk-bg-darkest) 100%);
	color: #FFFFFF;
    /* background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/images/AMK/2023/2_Euro_TRGR/bg/bg7.webp); */
}

.checkout {
	background-color: var(--amk-bg-alt-light);
}
@media screen and (min-width: 991px) {
	.card-md {
		--bs-card-spacer-y: 1rem;
		--bs-card-spacer-x: 1rem;
		--bs-card-title-spacer-y: 0.5rem;
		--bs-card-title-color: ;
		--bs-card-subtitle-color: ;
		--bs-card-border-width: var(--bs-border-width);
		--bs-card-border-color: var(--bs-border-color-translucent);
		--bs-card-border-radius: var(--bs-border-radius);
		--bs-card-box-shadow: ;
		--bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
		--bs-card-cap-padding-y: 0.5rem;
		--bs-card-cap-padding-x: 1rem;
		--bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
		--bs-card-cap-color: ;
		--bs-card-height: ;
		--bs-card-color: ;
		--bs-card-bg: var(--bs-body-bg);
		--bs-card-img-overlay-padding: 1rem;
		--bs-card-group-margin: 0.75rem;
		position: relative;
		display: flex
	;
		flex-direction: column;
		min-width: 0;
		height: var(--bs-card-height);
		color: var(--bs-body-color);
		word-wrap: break-word;
		background-color: var(--bs-card-bg);
		background-clip: border-box;
		border: var(--bs-card-border-width) solid var(--bs-card-border-color);
		border-radius: var(--bs-card-border-radius);
	}
}

#usps-home {
	border-top: 1px solid var(--amk-red);
	border-bottom: 1px solid var(--amk-red);
}

.bg-cta {
    background-image: url(/images/AMK/2023/2_Euro_TRGR/bg/bg2.webp);
    background-position: bottom;
}


/* Shine */
	.hero-wrapper.stap-1 {
		  -webkit-mask-image: url(/images/AMK/2023/2_Euro_TRGR/banners/header-stap-1.png);
		  mask-image: url(/images/AMK/2023/2_Euro_TRGR/banners/header-stap-1.png);
		}
	.hero-wrapper.stap-4 {
		  -webkit-mask-image: url(/images/AMK/2023/2_Euro_TRGR/banners/stap-4-col.png);
		  mask-image: url(/images/AMK/2023/2_Euro_TRGR/banners/stap-4-col.png);
		}
	.hero-wrapper.stap-5 {
		  -webkit-mask-image: url(/images/AMK/2023/2_Euro_TRGR/banners/header-stap-5.png);
		  mask-image: url(/images/AMK/2023/2_Euro_TRGR/banners/header-stap-5.png);
		}
	.hero-wrapper.stap-5-speld {
		  -webkit-mask-image: url(/images/AMK/2023/2_Euro_TRGR/banners/stap-5-speldje.png);
		  mask-image: url(/images/AMK/2023/2_Euro_TRGR/banners/stap-5-speldje.png);
		}
	.hero-wrapper.stap-6 {
		  -webkit-mask-image: url(/images/AMK/2023/2_Euro_TRGR/banners/header-stap-picciolo.webp);
		  mask-image: url(/images/AMK/2023/2_Euro_TRGR/banners/header-stap-picciolo.webp);
		}

/* Hero - start */

@media (max-width: 767px) {
	.hero {
		padding: 6em 0 3em;
	}
}

.hero h1 strong {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.hero h1 strong:before {
    content: "";
    height: 10px;
    width: 100%;
    position: absolute;
    bottom: 5px;
    display: inline-block;
    background-color: #E12418;
    z-index: -1;
}

/* Video */

#video h2, #video hr {
	z-index: 10;
	position: relative;
}

#home-vid {
	margin-top: -4rem;
	z-index: 0;
	position: relative;
}

@media screen and (min-width: 991px) {
	#home-vid {
		margin-top: -5rem;
	}
}


/* 360 */
.iframe-container {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 100%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.iframe-responsive {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	max-width: 600px;
	max-height: 600px;
	margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 769px) {
	.iframe-container {
		padding-top: 67.875%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
	}
}

@media screen and (min-width: 1201px) {
	.iframe-container {
		padding-top: 45%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
	}
}


@media screen and (min-width: 1201px) {
	.iframe-container.iframe-sm {
		padding-top: 67.875%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
	}
}

.blend-multiply {
	mix-blend-mode: multiply;
}