:root {
	--themeColor: #005189;
	--themeColorDark: 	 #2e2e2e;
	--themeColorLight: 	 #016ab4;
	--themeColorLightGrey: #f2f4f6;
	--themeColor_text: #000;

	/* -- custom colors -- */
	--themeColor_white:  #fff;
	--themeColor_red:  	 #c50c1f;
}

body{
	font-family: sans-serif;
	color:var(--themeColor_text);
	font-weight:200;
}

.jumbotron h1, .jumbotron h2, .jumbotron h3, .jumbotron h4 {	
	font-weight:400;
	letter-spacing: 0px;	
	color:#000;
}

body h1{ font-size:36px !important; color:var(--themeColor_red) !important; font-family: 'IrishGrover',sans-serif; margin-top: -10px !important; margin-bottom: 0.47em !important;}
body h2{ font-size:30px; }
body h3{font-size: 14px;font-weight: bold !important;}

.jumbotron:first-of-type{
	padding-top:15vh;
}
.jumbotron{
	background-color: #fff;
}

h1{
	width:100%;
	text-align:center;
}

.videoHolder{
	margin:auto;
	max-width:100%;
}
.videoHolder iframe{
	width:100%;
	height:40vh;
}
.videoplayerframe{
	width:100%;
}

.newsHolder {}
.newsHolder .newsItem{
    width: 100%;
    float: left;
    margin-bottom: 30px;
    font-size: 12px;
}
.newsHolder .newsItem .imageHolder{
	background-size:cover;
	background-position: center;
	width: 110px;
	height: 70px;
	float: left;
}
.newsHolder .newsItem .content{
    width: calc(100% - 125px);
    float: right;
    max-height: 73px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.newsHolder .newsItem .content strong,
.newsHolder .newsItem .content br{
	display:none;
}
.newsHolder .ne:root {
	--themeColor: #005189;
	--themeColorDark: 	 #2e2e2e;
	--themeColorLight: 	 #016ab4;
	--themeColorLightGrey: #f2f4f6;
	--themeColor_text: #000;

	/* -- custom colors -- */
	--themeColor_white:  #fff;
	--themeColor_red:  	 #c50c1f;
}

body{
	font-family: sans-serif;
	color:var(--themeColor_text);
	font-weight:200;
}

.jumbotron h1, .jumbotron h2, .jumbotron h3, .jumbotron h4 {	
	font-weight:400;
	letter-spacing: 0px;	
	color:#000;
}

body h1{ font-size:36px !important; color:var(--themeColor_red) !important; font-family: 'IrishGrover',sans-serif; margin-top: -10px !important; margin-bottom: 0.47em !important;}
body h2{ font-size:30px; }
body h3{font-size: 14px;font-weight: bold !important;}

.jumbotron:first-of-type{
	padding-top:15vh;
}
.jumbotron{
	background-color: #fff;
}

h1{
	width:100%;
	text-align:center;
}

.button {
    display: inline-block;
    padding: 11px 20px;
    background-color: #c50c1f;
    color: white;
    border-radius: 22px;
    font-family: 'LondrinaSolid', sans-serif;
}

.videoHolder{
	margin:auto;
	max-width:100%;
    display: flex;
    flex-direction: column;
    align-items: center;
	min-height:40vh;
}
.videoHolder .thumbnail,
.videoHolder iframe{
	width:100%;
	height:40vh;
}
.videoHolder .button{
	margin-top:10px;
}

.newsHolder {}
.newsHolder .newsItem{
    width: 100%;
    float: left;
    margin-bottom: 30px;
    font-size: 12px;
}
.newsHolder .newsItem a{
	text-decoration:none;
	color:#000;
}
.newsHolder .newsItem .imageHolder{
	background-size:cover;
	background-position: center;
	width: 110px;
	height: 70px;
	float: left;
}
.newsHolder .newsItem .content {
    width: calc(100% - 125px);
    float: right;
    max-height: 73px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
}
.newsHolder .newsItem .content strong,
.newsHolder .newsItem .content br{
	display:none;
}
.newsHolder .newsItem .content h3{
    margin: 0 0 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
	
.newsItem.view h3{
	
}
.newsItem.view .content{
	max-height:inherit;
	overflow:visible;
}

.hoofd_spons{
	margin: 10px 0 !important;
    text-align: center;
    font-size: 18px !important;
    font-family: 'LondrinaSolid', sans-serif;
}
.hoofd_spons img{
	width: 100%;
	max-width: 210px;
}
	
.mediaHolder{}
.mediaHolder .mediaItem{
	width:100%;
	height:auto;
	padding-bottom: 15px;
}
.mediaHolder .mediaItem h4{
    white-space: nowrap;
    overflow: hidden;
    margin: 1px 0;
    text-overflow: ellipsis;
    width: 100%;
    font-weight: 600;
    font-size: 13px;
}
.mediaHolder .mediaItem .imageHolder{
	background-size:cover;
	background-position: center;
	width: 100%;
	height: 20vw;
}
.mediaHolder h3.subTitle {
    color: #c50c1f;
    border-bottom: 1px solid #000;
    padding-bottom: 4px;
    text-align: center;
    margin-bottom: 11px;
    font-family: 'LondrinaSolid', sans-serif;
    font-size: 20px;
}

.programmaHolder{}
.programmaHolder .programmaDay{
	padding:20px;
	margin-bottom:4px;
}
.programmaHolder .programmaDay:nth-of-type(odd){
	background-color:#f9f3be;
}
.programmaHolder .programmaDay:nth-of-type(even){
	background-color:#feb4bc;
}
.programmaHolder .programmaDay h3{
    font-family: 'LondrinaSolid', sans-serif;
    font-size: 17px;
    letter-spacing: 0.8px;
}
.programmaHolder .programmaDay table{
    width: 100%;
    line-height: 1.6em;
}
.programmaHolder .programmaDay tr{}
.programmaHolder .programmaDay tr td{}
.programmaHolder .programmaDay tr td:last-of-type{
    text-align: right;
}

p.sponsorList{
    font-size: 14px;
    text-align: center;
}

.contactView{}
.contactView input,
.contactView textarea{
	width:100%;
	border: none;
	background-color: #fcf1f2;
	padding: 11px 15px;
	margin-bottom: 11px;
}

.contactView .subtitle {
    font-size: 13px;
    display: inline-block;
    width: 100%;
    text-align: center;
    position: relative;
    font-family: 'LondrinaSolid', sans-serif;
}
.contactView .subtitle::before {content:''; position:absolute;left:0;  width:calc(50% - 30px); top: 8px; border-bottom: 1px solid #000;}
.contactView .subtitle::after  {content:''; position:absolute;right:0; width:calc(50% - 30px); top: 8px; border-bottom: 1px solid #000;}
.contactView .socialMedia{
	display:flex;
	justify-content: center;
	flex-direction: row;
	flex-wrap: nowrap;
}

.contactView a.socialButton{
    background-color: #ddd;
    padding: 7px 8px;
    font-size: 19px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    margin: 0 7px;
}
.contactView a.socialButton.whatsapp{
	background-color:#64CE71;
	color: white;
}
.contactView a.socialButton.mail{
	background-color:#eee;
	color: #c50c1f;
}
.contactView a.socialButton.facebook{
	background-color:#1773ea;
	color: #fff;
}
.contactView a.socialButton.twitter{
	background-color:#1d9bf0;
	color: #fff;
}
.contactView a.socialButton.instagram{
	background: #f09433; 
	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
	background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
	background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );

	color: #fff;
}

.contactView .fileUpload{
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
.contactView .fileUpload input{
    opacity: 0;
    display: none;
}
.contactView .fileUpload span{
    display: inline-block;
    padding: 11px 20px;
    background-color: #000000;
    color: white;
    border-radius: 22px;
    width: 100%;
    font-family: 'LondrinaSolid', sans-serif;
    text-align: center;
	transition: all .2s ease-in-out;
}
.contactView .fileUpload span i{}

.contactView .fileUpload p{
	transition: all .2s ease-in-out;
	width:0;
	overflow:hidden;
	text-align:right;
}

.fileUpload.hasFile p{
	width:100px;
	float:right;
	display:inline-block;
	font-size: 11px;
	line-height: 21px;
}
.fileUpload.hasFile span{	
	width: calc(100% - 110px);
}
p.message{
	display:inline-block;
	font-size:13px;
	padding:10px;
	width:100%;
	background-color: rgb(50 209 50 / 51%);
}
p.message.wrong{
	background-color: rgb(255 0 0 / 48%);
}

.nopadding{
	padding: 0;
}
