@charset "utf-8";
/* 
Author: 		Internetbureau Beter Bekend
Author URI: 	https://www.beterbekend.nl
Company: 		www.beterbekend.nl
Version: 		1.0
Description: 	Deze maatwerk website is vormgegeven en gerealiseerd door <a href="https://www.beterbekend.nl" target="_blank">Internetbureau Beter Bekend</a>.
Copyright: 		(c) Internetbureau Beter Bekend 2018
*/


body {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	background: #002160;
	background-size: 100%;
	font-family: 'Mukta Mahee', sans-serif;
	overflow: hidden;
}
* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
img {
	max-width: 100%;
}
h1 {
	text-transform: uppercase;
	font-size: 4rem;
	line-height: 4.5rem;
	margin-bottom: 1rem;
	font-weight: bold;
	color: white;
}
h2 {
	text-transform: uppercase;
	font-size: 2.5rem;
	line-height: 3.5rem;
	font-weight: bold;
	margin-bottom: 1rem;
	color: white;
}
h3 {
	text-transform: uppercase;
	font-size: 2.25rem;
	font-weight: bold;
	margin-bottom: 1rem;
	color: white;
}
h4 {
	text-transform: uppercase;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 1rem;
	color: white;
}
h5 {
	font-size: 1.75rem;
	font-weight: bold;
	margin-bottom: 1rem;
	color: white;
}
h6 {
	font-size: 1.5rem;
}
b {
	font-weight: bold;
}
a {
	color: white;
}
p,
p span,
.content,
.content a,
ul,
ol {
	font-size: 2rem !important; 
	line-height: 2.5rem !important;
	color: rgba(255, 255, 255, 0.75) !important
}


header {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

	header #slider {
		background: white;
		border-radius: 0 0 40px 0;
		-webkit-border-radius:  0 0 40px 0;
		-moz-border-radius:  0 0 40px 0;
		display: inline-block;
		float: left;
		width: 330px;
		height: 130px;
		position: relative;
		padding: 10px;
	}
	header #slider img {
		display: none;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		max-height: 90%;
		max-width: 260px;
	}
	header #slider  {
		display: inline-block;
	}
	header .slide-title {
		float: right;
		text-transform: uppercase;
		color: white;
		font-size: 2rem;
		margin-right: 40px;
		margin-top: 40px;
		text-align: right;
		font-weight: bold;
	}

section,
.tv-summary {
	height: calc(100vh - 120px);
}

section {
	width: 100%;
	/*display: none;*/
	float: left;
	padding: 0 2%;
	position: relative;
}	
.show {
	display: inline-block !important;
}

[data-subslider="1"] > article {
	display: none;
}



.news-sidebar {
	display: inline-block;
	width: 15%;
	float: left;
	margin-top: 25px;
}
	.news-sidebar h2 {
		margin-top: 0;
		font-size: 3rem;
	}

	.news-sidebar img {
		max-width: 70%;
	}
	.news-sidebar .esc-logo {
		margin-top: 40px;
	}



.news-summary {
	display: inline-block;
	width: 85%;
	float: right;
	margin-top: 25px;
}
	.news-item {
		 display: inline-block;
		 width: 100%;
		 float: left;
		 padding-bottom: 20px;
		 margin-bottom: 20px;
		 border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	}
	.news-item:last-child {
		border-bottom: 0;
	}
	.news-item h2 {
		margin-top: 0;
		margin-bottom: 10px;
		font-size: 3rem;
	}
	.news-item p {
		font-size: 2rem;
		line-height: 2.5rem;
		color: rgba(255, 255, 255, 0.7);
		margin-top: 0;
		margin-bottom: 0;
	}
	.news-image {
		width: 20%;
		float: left;
		display: inline-block;
	}
	.news-image img {
		float: left;
	}
	.news-description {
		width: 80%;
		float: left;
		display: inline-block;
		padding-left: 0;
	}

.news-esc,
.news-sidebar-esc {
	width: 100%;
}
.news-esc .news-image {
	width: 25%;
}
.news-esc .news-description{
	width: 75%;
	padding-left: 2.5%;
}
.news-more-title {
	float: right;
	display: inline-block;
	margin-top: 0;
	font-size: 3rem;
}


.featured-news-content {
	width: 75%;
	float: left;
	display: inline-block;
	height: calc(100%);
	overflow: hidden;
}
	.featured-news-content p {
		font-size: 1.75rem !important;
		line-height: 2.5rem !important;
		color: rgba(255, 255, 255, 0.75) !important;
		margin-bottom: 20px;
		display: inline-block;
		margin-bottom: 20px;
		margin-top: 0;
		width: 100%;
		font-family: 'Lato', sans-serif !important;
	}
	.featured-news-content p span {
		font-size: 1.75rem !important;
		line-height: 2.5rem !important;
		color: rgba(255, 255, 255, 0.75) !important;
		font-family: 'Lato', sans-serif !important;
	}
	.featured-news-content p a {
		color: white;
		margin-left: 5px;
		font-family: 'Lato', sans-serif !important;
	}

	.featured-news-content br {
		/*content: "";
		margin-bottom: 30px;
		display: block;
		font-size: 24%;*/
	}
	.featured-news-content p strong,
	.featured-news-content p b {
		color: white;
	}

	.featured-news-content ul, 
	.featured-news-content ol {
		font-size: 1.75rem !important;
		line-height: 2.5rem !important;
		color: rgba(255, 255, 255, 0.75) !important;
		font-family: 'Lato', sans-serif !important;
	}
	

.featured-news-image {
	width: 25%;
	float: left;
	display: inline-block;
	background: white;
}
	.featured-news-image {
		overflow: hidden;
	}
	.featured-news-image img {
		display: table;
		margin: 0 auto;
		max-height: 250px;
	}
	.featured-news-image .logo {
		padding: 30px;
	}


	.featured-news-image-full img {
		max-width: 100% !important;
		max-height: 45vh;
		display: table;
		margin: 0 auto;
	}
	.featured-news-image-one img {
		max-height: 100vh !important
	}
.news-row {
	display: inline-block;
	width: 49%;
	float: left;
	position: relative;
	min-height: 300px;
	border-bottom: 2px solid rgb(255 255 255 / 35%);
	margin-bottom: 20px;
	margin-right: 2%;
}
	.news-row:nth-child(2n+0) {
		margin-right: 0;
	}
	.news-row:nth-child(5),
	.news-row:nth-child(6) {
		border-bottom: none;
	}

	.news-row:nth-child(2n+0) .featured-news-content {
		padding-right: 0;
	}



.news-featured-data {
	padding-top: 50px;
	display: inline-block;
	width: 100%;
	float: left;
	position: relative;
}

	.news-featured-data .featured-news-image{
		width: 40%;
	}	
	.news-featured-data .featured-news-content {
		width: 60%;
		padding-left: 2.5%;
	}
	.news-featured-data .featured-news-content h2 {
		margin-top: 0;
		font-size: 2.75rem;
	}


.single-news-1 {
	display: inline-block;
	width: 100%;
	float: left;
	position: relative;
}

	.single-news-1 .content {
		display: inline-block;
		width: 75%;
		height: calc(100vh - 140px);
		float: left;
		position: relative;
		padding-right: 20px;
		overflow: hidden;
	}
	.single-news-1 .image {
		width: 25%;
		float: right;
		padding-top: 40px;
	}
	.single-news-1 .image img {
		margin-bottom: 20px;
		width: 100%;
	}

/*	.single-news .image img {
	    position: absolute;
	    right: 0;
	    top: 0;
	    width: 100%;
	    z-index: -1;
	    opacity: 0.25;
	}*/


.main-sponsors {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
}
	.main-sponsors h2 {
	    color: white;
	    font-size: 4rem;
	    margin: 0 auto;
	    display: table;
	    margin-bottom: 50px;
	}	


	.main-sponsors-images {
		display: inline-block;
		width: 100%;
		float: left;
		position: relative;
		padding: 0 40px;
	}

	.main-sponsor {
		background: white;
		margin-right: 2%;
		margin-bottom: 30px;
		padding: 50px;
		float: left;
		display: inline-block;
		position: relative;
		min-height: 350px;
	}
	.main-sponsor img {
		position: absolute;
		top: 50%;
		transform: translateY(-50%) translateX(-50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
		-moz--transform: translateY(-50%) translateX(-50%);
		left: 50%;
		max-width: 90%;
		max-height: 300px;

	}

	.main-sponsor-1 {
		width: 100%;
		margin-left: 0;
	}
		.main-sponsor-1 img {
			max-height: 100%;
		}



	.main-sponsor-2 {
		width: 49%;
	}
		.main-sponsor-2:last-child {
			margin-right: 0;
		}
		.main-sponsor-2 img {
			max-height: 100%;
		}



	.main-sponsor-3 {
		width: 32%;
	}
		.main-sponsor-3:last-child {
			margin-right: 0;
		}
		.main-sponsor-3 img {
			max-height: 100%;
		}



	.main-sponsor-4 {
		width: 23.5%;
		min-height: 370px;
	}
		.main-sponsor-4:last-child {
			margin-right: 0;
		}
		.main-sponsor-4 img {
			max-height: 90%;
		}



	.main-sponsor-5 {
		width: 18.4%;
		min-height: 370px;
	}
		.main-sponsor-5:last-child {
			margin-right: 0;
		}
		.main-sponsor-5 img {
			max-height: 90%;
		}


	.main-sponsor-6 {
		width: 32%;
		min-height: 300px;
		padding: 20px;
	}
		.main-sponsor-6:nth-child(3n+0) {
			margin-right: 0;
		}
		.main-sponsor-6 img {
			max-height: 75%;
			max-width: 80%;
		}

	.main-sponsor-7,
	.main-sponsor-8 {
		width: 23.5%;
		min-height: 270px;
	}
		.main-sponsor-7 img,
		.main-sponsor-8 img {
			max-height: 90%;
		}
	.main-sponsor-7:nth-child(4n+0),
	.main-sponsor-8:nth-child(4n+0) {
		margin-right: 0%;
	}

	.main-sponsors--co {
		padding: 0 40px;
	}
	.main-sponsors-co-grid {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 30px;
	}
	.main-sponsor-co {
		align-items: center;
		background: white;
		display: flex;
		justify-content: center;
		min-height: 220px;
		padding: 30px;
	}
	.main-sponsor-co a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
	}
	.main-sponsor-co img {
		display: block;
		max-height: 160px;
		max-width: 100%;
		object-fit: contain;
	}

.image-text {
	display: inline-block;
	width: 100%;
	float: left;
	position: relative;
}
	.image-text .text {
		display: inline-block;
		width: 30%;
		float: left;
		position: relative;
		padding-right: 2.5%;
		padding-top: 40px;
	}
	.image-text .text h2 {
		font-size: 4rem;
	}
	.image-text .image {
		display: inline-block;
		width: 70%;
		float: left;
		position: relative;
	}
	.image-text .image img {
		border-radius: 20px;
		float: right;
	}



	

.program-summary {
	width: 100%;
	display: inline-block;
	float: left;
	padding: 40px 0;
}
	.team-row-main,
	.game-item-main {
		text-transform: uppercase;
	    display: inline-block;
	    width: 100%;
	    background: #0b3a84;
	    color: white;
	    font-weight: bold;
	    margin-top: 40px;
		float: left;
	}

	.team-row-main {
		display: flex !important;
		flex-direction: row !important;
		justify-content: space-between !important;

	}


	.team-row-main:first-child,
	.game-item-main:first-child {
		margin-top: 0;
	}
	.team-row-main > div,
	.game-item-main > div {
		float: left;
	}
	.game-item {
		display: inline-block;
		float: left;
		width: 100%;
		color: white;
		margin: 0;
	}
	.team-row-main,
	.team-row,
	.game-item-main,
	.game-item {
		font-size: 1.75rem;
		padding: 10px 20px;
	}
	.game-item:nth-child(odd) {
		background: #0b3a84;
	}
	.game-item:last-child {
		border-bottom: 0;
		border-radius: 0 0 10px 10px;
	}
	.game-item > div {
		float: left;
	}

	.page-program-summary {
		width: 75.5%;
		display: inline-block;
		float: right;
		background: white;
		padding: 50px;
	}
	.page-program-summary h2 {
		display: inline-block;
    	width: 100%;
    	margin-bottom: 20px;
    	border-bottom: 1px solid rgb(2, 100, 173);
    	margin-top: 40px;
    	padding-bottom: 10px;
	}
	.program-summary aside {
		float: left;
		width: 23.5%;
		display: inline-block;
		background: white;
		padding: 20px 40px;
		margin-bottom: 20px;
	}
	.program-summary aside a {
		width: 100%;
		display: inline-block;
	}
	.program-summary aside .program-summary img {
		display: table;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	
	.page-program-date 			{ width: 9%; }
	.program-link-team 			{ text-decoration: underline; color: #0264ad; font-weight: bold; }
	.page-program-time			{ width: 12%; }

	.page-program-home,
	.page-program-away {
		display: flex;
		flex-direction: row;
		align-items: center;
		width: 26%;
	}

	.page-program-home img,
	.page-program-away img {
		width: 100%;
		max-width: 20px;
		display: inline-block;
		float: left;
		margin-right: 10px;;
	}



	.page-program-away 			{ width: 26%; }
	/*.page-program-ref 			{ width: 21%; }*/
	.page-program-field			{ width: 10%; }
	.page-program-dress-away	{ width: 7.5%; 
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.page-program-dress-home	{ width: 7.5%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.page-result-field {
		width: 20%;
		text-align: right;
	}
	

.program-knvb-logo {
	float: left;
	width: 100%;
	max-width: 55px;
	display: inline-block;
	margin-right: 10px;
	margin-top: 30px;
}
.program-title {
	float: left;
	display: inline-block;
}


.stand-summary {
	display: inline-block;
	width: 100%;
	float: left;
	position: relative;
	margin: 40px 0;
}

.team-stand {
	display: inline-block;
	width: 49%;
	float: left;
	font-size: 14px;
}	
.team-stand:last-child {
	margin-left: 2%;
}
	.team-row {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		padding: 10px 20px;
		font-size: 1.75rem;
		background: #0b3a84;
		color: white;
	}
	.team-row:nth-child(even) {
		background: #002160;
	}
	.team-row:last-child {
		border: 0;
		border-radius: 0 0 10px 10px;
	}

.no-posts {
	margin-top: 20px;
	display: inline-block;
}
	

	.team-nostand 	{ width: 95%;}
	.team-rank 		{ width: 6%; }
	.team-name 		{ width: 37.5%; }
	.team-logo 		{ width: 5%; padding-right: 2%; }
	.team-played	{ width: 7.5%; }	
	.team-win		{ width: 7.5%; }
	.team-equal		{ width: 7.5%; }
	.team-lose		{ width: 7.5%; }
	.team-points	{ width: 7.5%; }
	.team-plus		{ width: 7.5%; }
	.team-min		{ width: 5%; }


	.stand-uitleg {
		display: inline-block;
		width: 100%;
		float: left;
		padding: 10px 5px;
		font-size: 12px;
		margin-top: 30px;
	}
	.stand-uitleg-item {
		display: inline-block;
		width: 33.33%;
		float: left;
		padding: 5px 0;
	}
		.stand-uitleg-item > span {
			float: left;
		}
		.stand-uitleg-afkorting {
			width: 20%;
			font-weight: bold;
		}
		.stand-uitleg-voluit {
			width: 80%;
		}



.weather-summary {
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	padding: 0 40px;
}

	.weather-rainradar {
		display: inline-block;
		width: 30%;
		float: right;
		overflow: hidden;
	}
		.widget-logo {
			background: white;
			padding: 60px 50px;
			float: left;
		}
		.widget-logo img { 
			max-width: 80%;
			display: table;
			margin: 0 auto;
		}
		.widget-data {
			overflow: hidden;
			display: inline-block;
			width: 100%;
			background: white;
		}
		.widget-data iframe {
			width: 100% !important;
			float: left;
			height: 470px;
			overflow: hidden;
		}

		.widget-content {
			overflow: hidden;
			display: inline-block;
			width: 100%;
			background: white;
			padding: 33px 0;
			margin-top: 15px;
		}


	.weather-main-widget {
		display: inline-block;
		width: 70%;
		float: left;
		padding-right: 2.5%;
	}
		.weather-icon {
			width: 50%;
			float: left;
			display: inline-block;
		}
		.weather-icon img {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translateX(-50%) translateY(-50%);
			max-width: 40%;
		}
		
		.weather-celsius {
			width: 50%;
			float: left;
			display: inline-block;
			font-size: 5rem;
			font-weight: bold;
			margin-top: 0;
			line-height: 5rem;
			border-left: 2px solid #b1b1b1;
			padding-left: 7.5%;
    		margin-top: 60px;
		}
			.celsius-center {
				display: table;
				margin: 0 auto;
			}
			.celsius-temp {
				float: left;
				display: inline-block;
			}
			.celsius-icon {
				font-size: 3rem;
				float: left;
				display: inline-block;
				line-height: 3rem;
			}

		.weather-now {
			font-size: 3rem;
			width: 100%;
			float: left;
			margin-top: 10px;
		}


		.weather-second-widget {
			margin-top: 30px;
		}
		.weather-second-widget p {
 			margin-top: 0;
		}
		.weather-second-widget .weather-day {
			font-size: 2rem;
			text-align: center;
			margin-bottom: 40px;
		} 
		.weather-second-widget .weather-icon {
			width: 100%;
			height: 200px;
			margin-bottom: 30px;
			position: relative;
		}
		.weather-second-widget .weather-celsius {
			width: 100%;
			text-align: center;
			font-size: 3.5rem;
			padding-left: 0;
			border-left: 0;
			margin-top: 0;
		}
		.weather-second-widget .weather-celsius .celsius-icon {
			font-size: 3rem;
			margin-bottom: 10px;
		}
		.weather-second-widget .widget-content {
			width: 31%;
			margin-right: 3.33%;
			float: left;
		}
		.weather-second-widget .widget-content:last-child {
			margin-right: 0;
		}
		.weather-second-widget > .widget-content:nth-child(1),
		.weather-second-widget > .widget-content:nth-child(2),
		.weather-second-widget > .widget-content:nth-child(3) {
			display: inline-block;
		}



.image-ad-summary {
	/*width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
	padding: 0 2.5%;*/
	/*padding: 35px 0;*/
}
.image-ad-summary img {
	width: 100%;
	height: 970px;
	max-height: 90vh;
	display: table;
	margin: 0 auto;
	float: left;
	margin-top: -10px;
	position: relative; 
} 
.image-ad-summary-2 {
	padding: 40px 40px;

}
.image-ad-summary-2 img {
	width: auto;
	max-width: 49%;
	height: auto;
	max-height: 850px;
	float: left;
	margin-top: 0;
}
.image-ad-summary-2 img:last-child {
	margin-left: 2%;
}

.no-padding {
	padding: 0 !important;
}



.sale-summary {
	width: 95%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	background: white;
	border-radius: 20px;
}

	.sale-summary h2 {
		font-size: 3rem !important;
		background: #ff1600;
		display: inline-block;
		padding: 15px 30px;
		border-radius: 20px;	
		margin-top: 0;
		margin-bottom: 40px;
	}

	.sale-text {
		width: 50%;
		float: left;
		display: inline-block;
		padding-left: 5%;
	}
	.sale-text .description {
		color: #565656 !important;
	    font-size: 3rem !important;
	    display: inline-block; 
	    width: 100%;
	    line-height: 4.5rem !important;
	    margin-bottom: 0;
	    margin-top: 0;
	}
 	.sale-text .new-price {
	    color: #ff0c00 !important;
	    padding: 0;
	    border-radius: 20px;
	    -webkit-border-radius: 20px;
		-moz-border-radius: 20px;
	    font-size: 4rem !important;
	    line-height: 3rem !important;
	    font-weight: bold !important;
	    position: relative;
	    top: 10px;
 	}
	.sale-text .title {
		font-weight: bold !important;
		margin-bottom: 40px;
		color: #007bbe !important;
	}


 	.sale-product {
 		position: absolute;
 		top: 50%;
 		left: 50%;
 		transform: translateY(-50%);
 		width: 50%;
 	}
 	.sale-product .title {
		font-size: 4.5rem !important;
 	}

	.sale-text .price-product {
		background: #ff0c00;
	    padding: 30px 30px;
	    border-radius: 20px;
	    -webkit-border-radius: 20px;
		-moz-border-radius: 20px;
	    font-size: 3.5rem !important;
	    line-height: 3.5rem !important;
	    font-weight: bold !important;
	    position: relative;
	    display: inline-block;
	    color: white;
	}
	.sale-product {
		padding-left: 2.5% !important;
	}

	.sale-image {
		width: 50%;
		float: left;
		display: inline-block;
	}
	.sale-image img {
		border-radius: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		float: left;
		display: inline-block;
		background: white;
		width: 100%;
	}
 

.section-text {
	width: 30%;
	float: left;
	padding-right: 50px;
}


.agenda-summary {
	display: inline-block;
	width: 70%;
	float: right;
	position: relative;
	margin-bottom: 20px;
	background: white;
	padding: 40px;
	margin-top: 40px;
	font-size: 22px;
}

	.agenda-item {
		display: inline-block;
		width: 100%;
		float: left;
		border-bottom: 1px solid rgb(229, 229, 229);
		padding: 15px 0;	
		color: #0264ad;
	}
		.agenda-item .agenda-day {
			float: left;
			width: 40%;
			display: inline-block;
			text-transform: capitalize;
			font-weight: bold;
		}
		
		.agenda-item .agenda-date {
			float: left;
			width: 30%;
			display: inline-block;
		}
		.agenda-item .agenda-activity {
			float: left;
			width: 60%;
			display: inline-block;
			text-transform: uppercase;
		}
		.agenda-item:nth-child(1),
		.agenda-item:nth-child(1) .agenda-day {
			text-transform: uppercase;
		}

		.agenda-time {
			width: 40%;;
			margin-left: 20px;
		}
	.agenda-item:last-child {
		border-bottom: 0;
		padding-bottom: 0; 
	}

			.home-summary-agenda .agenda-day {
				float: left;
				width: 35%;
				display: inline-block;
				text-transform: capitalize;
			} 
			.home-summary-agenda .agenda-date-month {
				float: left;
				width: 65%;
				display: inline-block;
			}
			.home-summary-agenda .agenda-item .agenda-date {
				width: 35%;
			}
			.home-summary-agenda .agenda-item .agenda-activity {
				width: 65%;
			}

			.agenda-activity a {
				color: #0264ad;
				text-decoration: none;
			} 
			.agenda-activity a:hover {
				text-decoration: underline;
			}





.raffle-summary {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	width: 100%;
	padding: 0 40px;
	overflow: hidden;	
}	

	.raffle-summary h2 {
		text-align: center;
		font-size: 4rem;
		margin-top: 0;
		margin-bottom: 40px;
	}

	
	.raffle-number {
		font-size: 5.5rem !important;
		line-height: 5.5rem !important;
		font-weight: bold;
		margin-top: 0;
		margin-bottom: 40px;
		text-decoration: underline;
	}
	.raffle-ranking {
		font-size: 2rem;
		font-weight: bold;
	}

.raffle-items {
	display: inline-block;
	width: 100%;
	float: left;
	position: relative;
}

	.raffle-item {
		display: inline-block;
		float: left;
		margin-right: 2%;
		margin-bottom: 30px;
		text-align: center;
		padding: 100px 50px;
		color: #000;
		border-radius: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
	}
		.raffle-one {
	 		float: none !important;
	 		display: table !important;
	 		margin-right: 0 !important;
	 		margin: 0 auto !important;
	 	}
	 	.raffle-two {
	 		width: 48% !important;
	 		margin-right: 1% !important;
	 	}


	 	.raffle-three {
	 		width: 32% !important;
	 		margin-right: 1% !important;
	 	}
		.raffle-three:last-child {
	 		margin-right: 0 !important;
	 	}

	 	.raffle-four,
	 	.raffle-eight  {
	 		width: 24% !important;
	 		margin-right: 1% !important;
	 		margin-bottom: 50px;
	 	}
	 	.raffle-eight:last-child, 
	 	.raffle-four:last-child {
	 		margin-right: 0 !important;
	 	}


		.raffle-five {
			width: 19% !important;
	 		margin-right: 1% !important;
	 		margin-bottom: 50px;
		}
	 	.raffle-five:last-child {
	 		margin-right: 0 !important;
	 	} 
		

		.raffle-six {
			width: 15.8% !important;
	 		margin-right: 1% !important;
	 		margin-bottom: 50px;
		}
	 	.raffle-six:last-child {
	 		margin-right: 0 !important;
	 	} 
		

		.raffle-seven {
			width: 13.42% !important;
	 		margin-right: 1% !important;
	 		margin-bottom: 50px;
		}
	 	.raffle-seven:last-child {
	 		margin-right: 0 !important;
	 	} 

	 	.raffle-eight {
			width: 24% !important;
	 		margin-right: 1% !important;
	 		margin-bottom: 20px;
	 		padding: 50px 0px !important;
		}
	 	.raffle-eight:last-child {
	 		margin-right: 0 !important;
	 	} 

		.raffle-item:last-child {
			margin-right: 0 !important;
		}

.raffle-powered-by {
	text-align: center;
	color: white;
	font-size: 2rem !important;
}



.main-program-summary {
	display: inline-block;
	width: 100%;
	float: left;
	position: relative;
	margin-top: 40px;
}

	.main-program-summary h1,
	.main-program-summary p {
		text-align: center;
	}
	.main-program-summary h1 {
		font-size: 6rem;
		margin-bottom: 10px;
	}
	.main-program-summary p {
		margin-top: 40px;
		font-size: 2.5rem !important;
	}
	.main-program-center {
		display: table;
		margin: 0 auto;
		margin-top: 55px;
	}
	.main-program-time {
		float: left;
		padding: 0 20px;
		position: relative;
		width: 300px;
		height: 450px;
	}
	.main-program-time .type-game {
		font-size: 3rem !important;
		font-weight: bold;	
		margin-top: 0;
		margin-bottom: 20px;
		text-transform: capitalize;
	}
	.main-program-time .time-game {
		font-weight: bold;
		margin-top: 20px;
		margin-bottom: 20px;
		font-size: 2.75rem !important;
	}
	.main-program-time .versus {
		background: #0b3a84;
		color: white;;
		padding: 10px 30px;
		text-align: center;
		display: table;
		margin: 0 auto;
		font-size: 3.5rem;
		line-height: 1;
		font-weight: bold;
	}
	.main-program-vertical {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		width: 100%;
	}

	.main-program-box {
		background: white;
		padding: 60px;
		float: left;
		display: inline-block;
		width: 400px;
		height: 450px;
		position: relative;
	}
	.main-program-box img {
		width: 60%;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translateY(-60%) translateX(-50%);
	}

	.main-program-team {
		position: absolute;
		left: 50%;
		bottom: 35px;
		transform: translateX(-50%);
		font-size: 2.5rem;
		font-weight: bold;
		color: #022160;
		width: 100%;
		text-align: center;
	}



.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.red {
	color: red !important;
}
.tv-summary {
	display: inline-block;
	width: 100%;
	float: left;
	position: relative;
}
.tv-summary section {
	display: none;
}







footer {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	float: left;
	position: relative;
	padding: 20px 2%;
	background: #0b3a84;
}

footer .footer-box {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 77.5%;
	float: left;
	position: relative;
}
footer .footer-box img {
	max-width: 100px;
	max-height: 40px;
	margin-right: 35px;
}



	footer .loader {
		position: absolute;
		top: 0;
		width: 100%;
		height: 6px;
		background: #064669;
	}
	footer .loader .line {
		height: 100%;
		width: 60%;
		position: absolute;
		left: 0;
		top: 0;
		background: white;
	}
	footer .copyright-logo {
		width: 100%;
		max-width: 200px;
		height: 80px;
		width: 100%;
		margin-top: 0px;
		margin-left: 50px;
		position: relative;
	}
	footer .copyright-logo img {
		height: 100%;
		max-height: 80px;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translateY(-50%) translateX(-50%);
	}


	footer .copyright-logo p {
		margin-bottom: 5px;
		font-size: 1.75rem !important;
	}


	footer .date-column {
		display: flex;
		flex-direction: row;
		align-items: center;
		width: 27.5%;
		padding-left: 4%;
		border-left: 1px solid rgba(255, 255, 255, 0.25);
		position: relative;
	}
	footer .date-column img {
		max-width: 100px;
		max-height: 90px;
		position: absolute;
		right: 0;
		bottom: 0;
	}




	footer .time {
		color: white;
		font-size: 3rem;
		text-align: center;
		letter-spacing: 2px;
		/*background: #0095ff;*/
		border-radius: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		font-weight: bold;
		display: inline-block;
		float: right;
	}
	footer .date {
		float: right;
		font-size: 1.75rem;
		clear: both;
		color: white;
	}



footer .logo {
	position: absolute;
	right: 0;
	bottom: 0;
	max-width: 200px;
	z-index: 999;
}


/* Nieuw */
@media screen and (min-width: 800px) and (max-width: 1000px) {
		h1 {
		font-size: 1.75rem;
		line-height: 2rem;
		margin-bottom: 0.75rem;
	  }
	  h2 {
		font-size: 1.5rem;
		line-height: 1.75rem;
		margin-bottom: 0.75rem;
	  }
	  h3 {
		font-size: 1.75rem;
		line-height: 2.25rem;
		margin-bottom: 0.75rem;
	  }
	  h4 {
		font-size: 1.5rem;
		line-height: 2rem;
		margin-bottom: 0.75rem;
	  }
	  h5 {
		font-size: 1.25rem;
		line-height: 1.75rem;
		margin-bottom: 0.75rem;
	  }
	  h6 {
		font-size: 1rem;
		line-height: 1.5rem;
	  }
	
	  p,
	  p span,
	  .content,
	  .content a,
	  ul,
	  ol {
		font-size: 0.75rem !important;
		line-height: 1rem !important;
	  }

	  .program-summary {
		padding: 20px 0;
	  }

	  .team-row-main, .team-row, .game-item-main, .game-item {
		font-size: 0.75rem;
	  }
	  

	  .single-news-1 .content {
		height: calc(100vh - 90px);
	  }

	  section {
		padding: 0 20px;
	  }
	  section, .tv-summary {
		height: calc(100vh - 75px);
	  }
	  .team-row-main, .team-row, .game-item-main, .game-item {
		padding: 5px 10px;
	  }

      .main-program-summary h1 {
		margin-top: 25px;
		font-size: 2rem;
	  }
	  .main-program-summary p {
		font-size: 1rem !important;
		margin-top: 0;
	  }

	  .main-program-box {
		width: 25%;
	  }
	  .main-program-time {
		width: 20%;
	  }
	  .main-program-box,
	  .main-program-time {
		height: 250px;
	  }
	  .main-program-center {
		display: flex;
		justify-content: center;
		margin-top: 20px;
		width: 100%;
	}
	.main-program-time .type-game {
		font-size: 1.5rem !important;
	}
	.main-program-time .versus {
		font-size: 1.25rem;
	}
	.main-program-box img {
		width: 50%;
	}
	.main-program-team {
		font-size: 1.5rem;
		margin-bottom: -10px;
	}



	  .news-featured-data {
		padding-top: 20px;
		margin-bottom: 10px;
	  }
	  .news-row {
		min-height: 135px;
	  }
	  .news-item h2 {
		font-size: 1.25rem;
		line-height: 1.5rem;
	  }

	  .news-sidebar {
		width: 12%;
	  }
	  .news-image {
		width: 15%;
	  }
	  .news-summary {
		width: 87%;
		margin-top: 25px;
	  }
	  .news-description {
		margin-left: 2%;
	  }
	  .news-sidebar .esc-logo {
		margin-top: 20px;
	  }


	  .raffle-summary h2 {
		font-size: 2rem;
		line-height: 3.25rem;
		margin-bottom: 20px;
	  }
	  .raffle-item {
		padding: 50px 20px;
		margin-bottom: 20px !important;
	  }
	  .raffle-ranking {
		font-size: 1rem;
	  }
	  .raffle-number {
		font-size: 2.25rem !important;
		line-height: 1.5rem !important;
		margin-bottom: 20px;;
	  }
	  .raffle-powered-by {
		font-size: 1.5rem !important;
	  }


	  .stand-summary {
		margin-top: 20px;
	  }
	  

	  .agenda-summary {
		padding: 20px;
		margin-top: 20px;
		font-size: 0.8rem;
	  }
	  .agenda-item {
		padding: 6px 0;
	  }
	 


	  .weather-second-widget .weather-icon {
		height: 120px;
		margin-bottom: 0;;
	  }
	  .widget-content {
		padding: 0;
	  }
	  .celsius-icon {
		font-size: 1.5rem !important;
	  }
	  .weather-second-widget .weather-day {
		font-size: 1rem;;
	  }
	  .widget-logo {
		padding: 20px;
	  }
	  .widget-data iframe {
		height: 305px;
	  }
	  .weather-second-widget .weather-day {
		margin-bottom: 20px;
	  }


	  .weather-summary {
		padding: 0 20px;
	  }

	  .page-program-home img, .page-program-away img {
		max-width: 15px;
	  }


	  .news-featured-data .featured-news-image {
		width: 30%;
	  }
	  .news-featured-data .featured-news-image img {
		max-height: 100px;
	  }
	  
	  .news-featured-data .featured-news-content h2 {
		font-size: 1.25rem;
		line-height: 1.5rem;
	  }
	  .featured-news-content p {
		font-size: 0.75rem !important;
		line-height: 1rem !important;
		margin-bottom: 10px;
	  }


	  footer {
		padding: 10px 2%;
	  }
	  footer .copyright-logo {
		height: 60px;;
	  }

	  footer .time {
		margin-top: 0;
		font-size: 2rem;
	  }


	  footer .copyright-logo {
		margin-left: 2%;;
	  }
	  footer .copyright-logo img {
		max-height: 45px;
	  }
	  

}

@media screen and (min-width: 1000px) and (max-width: 1400px) {
	
	.slide-title {
		font-size: 1rem;
	}
	
	.content {
		font-size: 1rem !important;
	}
	
	.news-more-title {
		font-size: 3rem;
	}
	
	.team-row-main {
		font-size: 1.75rem;
	}
	
	.game-item-main {
		font-size: 1.75rem;
	}
	
	.team-row {
		font-size: 1.75rem;
	}
	
	.game-item {
		font-size: 1.75rem;
	}
	
	.stand-uitleg {
		font-size: 12px;
	}
	
	.weather-celsius {
		font-size: 5rem;
	}
	
	.celsius-icon {
		font-size: 3rem;
	}
	
	.weather-day {
		font-size: 2rem;
	}
	
	.weather-now {
		font-size: 3rem;
	}
	
	.footer-marquee {
		font-size: 2rem;
	}
	
	.pricing-item {
		font-size: 22px;
	}
	
	.agenda-summary {
		font-size: 2rem;
	}
	



	
	
	aside #slider {
		height: 150px;
	}
	aside #slider {
		padding: 25px 50px;
	}
	.game-item-main, .game-item {
		font-size: 1.5rem;
	}
	.page-program-date {
		width: 16.5%;
	}
	.news-item h2 {
		font-size: 2rem;
	}
	.news-item p {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.game-item-main {
		margin-top: 20px;
	}

	.main-sponsor {
		min-height: 300px;
	}



}
@media screen and (min-width: 1400px) and (max-width: 1500px) { 
	.tv-summary {
		height: calc(100vh - 200px);
	}
	.main-program-box {
		width: 200px;
		height: 200px;
	}

	header #slider {
		height: 100px;
		width: 250px;
	}
	header #slider img {
		max-width: 230px;
	}
	.main-program-summary h1 {
		font-size: 4rem;
	}
	.main-program-summary p {
		margin-top: 20px;
		font-size: 2rem !important;
	}
	.main-program-time {
		height: 200px;
	}
	footer .copyright-logo {
		margin-top: 10px;
	}
	footer .time {
		font-size: 3rem;
	}
	footer .logo img {
		left: -40px;
		top: -10px;
		max-width: 100px;
	}
}

@media screen and (min-width: 1600px) and (max-width: 1700px) { 
	.team-row,
	.team-row-main, .team-row, .game-item-main, .game-item {
		font-size: 1.5rem;
	}
	.agenda-summary {
		font-size: 1.75rem;
	}
	.program-summary {
		padding: 20px 0;
	}
	.team-row {
		padding: 6px 20px;
		font-size: 1.5rem;
	}
	.news-featured-data {
		padding-top: 40px;
	}
	h1 {
		font-size: 3rem;
	}
	.main-sponsors h2 {
		font-size: 3rem;
	}

	p, p span, .content, .content a, ul, ol {
		font-size: 1.75rem !important;
	}

	.widget-logo {
		padding: 50px;
	}

	.main-sponsor-6 {
		min-height: 245px;
	}
	.agenda-item {
		padding: 11px 0;
	}

	.main-program-summary h1 {
		font-size: 4rem;
		margin-top: 40px;
	}
	.main-program-box {
		height: 375px;
		width: 400px;
	}
	.main-program-box img {
		width: 45%;
	}
	.main-program-time {
		height: 375px;
	}

}


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

	

	footer .footer-box img {
		max-width: 200px;
		max-height: 50px;
		margin-right: 50px;
	}
	footer .date-column {
		width: 20%;
	}
	footer .date-column img {
		max-height: 120px;
	}
}





/*Prijzenlijst*/
.pricing-overview {
	display: flex;
	flex-direction: column;
}
.pricing-overview h2 {
	margin-top: 10px !important;
	font-size: 28px;
	line-height: 32px;;
}



.pricing-table {
	display: grid;
	flex-wrap: wrap;
	width: 100%;
	grid-gap: 20px;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	justify-content: flex-start;
  	align-items: flex-start;
  	color: #0264ad;
}
	.pricing-section {
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	.pricing-item {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
		color: white;
		background: #0b3a84;
		padding: 10px;
		font-size: 22px;
	}
	.pricing-item:nth-child(odd) {
		background: #002160;
	}

	.pricing-item .name {
		font-weight: bold;
	}

.features-section {
	background: white;
	padding: 40px;
	margin-top: 60px;
	color: #0264ad;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.pricing-section .logo {
	max-width: 200px;
    margin: 40px auto;
}

.features-section h2,
.features-section h3 {
	color: #0264ad;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
}

.features-section h3 {
	font-size: 20px;
}

.features-section .pricing {
	text-align: center;
	color: #0264ad !important;
	font-weight: bold !important;
	margin-top: 10px !important;
	margin-bottom: 0 !important;
}