body{
	font-family: Roobert, serif;
}

@font-face {
	font-family: roobert;
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local("Roobert Regular"),url(https://s.regiogroei.cloud/fonts/Roobert/Roobert-Regular.woff)format("woff")
}

@font-face {
	font-family: roobert;
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: local("Roobert Bold"),url(https://s.regiogroei.cloud/fonts/Roobert/Roobert-Bold.woff)format("woff")
}

:root {
	--primary-color: #1361FF;
	--primary-color-rgb: 0, 102, 204;
	--secondary-color: #1361FF;
	--secondary-color-rgb: 0, 102, 204;
	--highlight-color: #1361FF;
	--highlight-color-rgb: 0, 102, 204;
	--default-primary-font: "Roobert";
	--default-secondary-font: "Roobert";
	--border-radius: 6px;
	--article-read-color-rgb: #666666;
	--copyright-color: #666666;
	--author-role-color: #666666;
	--form-label-color: #666666;
	--load-more-font-color: white;
	--brand-opacity: 1;
	--selected-color: #131720
}

.site-container > .wrapper-mainnav {
	background-color: #131720;
}

.sportheader {
	background-color: #131720;
	color: white;
}

.bootstrap-iso .row {
	margin-left: 0;
	margin-right: 0;
}

.teamnaam {
	font-style: italic;
	font-size: smaller;
}

.panel-default > .panel-heading {
	color: #FFF;
	background-color: #f5f5f5;
	border-color: #ddd;
}

.bootstrap-iso .navbar-default .navbar-toggle:hover, .bootstrap-iso .navbar-default .navbar-nav > .open > a, .bootstrap-iso .navbar-default .navbar-nav > .open > a:focus, .bootstrap-iso .nav .open > a, .bootstrap-iso .nav .open > a:hover, .bootstrap-iso .nav .open > a:focus, .bootstrap-iso .nav .open > a, .bootstrap-iso .nav .open > a:hover, .bootstrap-iso .nav .open > a:focus, .bootstrap-iso .navbar-default .navbar-nav > .open > a, .bootstrap-iso .navbar-default .navbar-nav > .open > a:hover, .bootstrap-iso .navbar-default .navbar-nav > .open > a:focus {
	background-color: #f1f1f1;
	color: #131720;
}

/*BOOTSTRAP NAV COMPONENT*/
nav.programm {
	background-image: url('https://pages.rtvoost.nl/images/sport/Balk-Sport-Navigatie.png');
	background-repeat: repeat-y;
	background-color: #141721 !important;
	border: 0px;
}

	nav.programm ul.dropdown-menu {
		background-color: #fff !important;
	}
		nav .programm ul.dropdown-menu a:hover, .open {
			background-color: #131720 !important;
			color: #fff !important;
		}

#myNavbar {
	font-size: 15px;
}

.bootstrap-iso .navbar-default .navbar-nav > li > a {
	color: #fff;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
	background-color: #131720 !important;
	color: #fff !important;
}

.bootstrap-iso .dropdown-menu li:nth-child(even) {
	background: #f1f1f1;
	color: #000 !important;
}


.bootstrap-iso .dropdown-menu li:nth-child(odd) {
	background: #FFF;
	color: #000 !important;
}

.bootstrap-iso .dropdown-menu {
	background: #FFF;
	padding: 0px;
	color: #000 !important;
}

.bootstrap-iso a {
	cursor: pointer;
}

.mobileTable > thead > tr > th,
.mobileTable > tbody > tr > th,
.mobileTable > tfoot > tr > th,
.mobileTable > thead > tr > td,
.mobileTable > tbody > tr > td,
.mobileTable > tfoot > tr > td {
	padding: 2px !important;
}

.mobileTable {
	background-color: #FFF;
	width: 200px;
}

	.mobileTable > thead > tr {
		background-color: #F1F1F1;
	}

		.mobileTable > thead > tr > th {
			border-bottom: none;
		}

@media only screen and (max-width:991px) {
	header .site-top {
		border-top-width: 2px;
		border-top-style: solid;
		border-image-source: linear-gradient(to right, #0043a8 0%,#0051cc 25%,#2e81ff 50%,#1aacff 75%,#27c0dd 100%);
		border-image-slice: 1;
		/*helaas ook altijd over de bottom border*/
	}

	.mo-mainnav .mainnav-item a.active {
		background: #2e81ff;
	}

	.mo-mainnav .mainnav-item a:focus, .mo-mainnav .mainnav-item a:hover {
		color: #FFF;
	}
}

.subnav-wrapper .subnav-category a:active, .subnav-wrapper .subnav-category a:focus, .subnav-wrapper .subnav-category a:focus:active, .subnav-wrapper .subnav-category a:hover {
	background: #fff;
	color: #f8a545;
}

.has-subnav:hover > .subnav-wrapper {
	background: #f8a545;
}