@charset "utf-8";

	:root {
		--main-color: #A2B252;				/* #454d22 - #A2B252 */
		--footer-background: #C7C7C7;			/* #C7BAAB - #333	 */
		--general-background: #F0F0F0;		/* #F0F0F0 - #F6F6F6 */

		--hyperlink: #454d22;
		--hyperlink-hover: #14160a;
	}
	
	/**** BASIC ****/
	::selection {
		background: var(--main-color); /* WebKit/Blink Browsers */
		color:#fff;
	}
	::-moz-selection {
		background: var(--main-color); /* Gecko Browsers */
		color:#fff;
	}


	html, body {
		width: 100%;
		height: 100%;
		line-height:1.6;
		font-size: 1.0rem;
		color: #666;
		font-family: 'Raleway', sans-serif;
		font-weight: 300;
		background-color: var(--general-background);
	}
	
	strong {
		font-weight:700;
	}

	h1 {
		color: var(--main-color);
		margin: 60px 0 40px 0;
		font-size: 2.2rem;
		font-weight:800;
	}
	
	
	h2 {
		color: #666;
		margin: 24px 0 20px 0;
		font-size: 1.5rem;
	}
	
	.textinmaincolorbold {
		color:var(--main-color);
		font-weight: 700;
	}
	

	table thead tr.thead-main-color {
		color: #fff;
		background-color: var(--main-color);
		border-color: #ddd;
		border-bottom:none;
	}

	
	.conditional-align-center {
		text-align:center;
	}
	
	.conditional-align-right {
		text-align: right;
	}
	
	@media (max-width: 576px) {
		.conditional-align-center {
			text-align:left;
		}
		
		.conditional-align-right {
			text-align: left;
		}
	}
	
	@media (max-width: 576px) {
		
		h1 {
			margin: 50px 0 30px 0;
			font-size: 2.0rem;
		}
		
		h2 {
			margin: 30px 0 20px 0;
			font-size: 1.6rem;
		}
	}
	
	a {
		color: var(--hyperlink);
		text-decoration: none;
		background-color: transparent;
		-webkit-text-decoration-skip: objects;
	}
	a:hover {
		color: var(--hyperlink-hover);
		text-decoration: underline;
	}
	
	
	a.white2muted {
		color: #fff;
		text-decoration: none;
	}
	a.white2muted:hover,
	a.white2muted:focus {
		color: var(--hyperlink-hover);
		text-decoration: none;
	}
	
	

	.btn-outline-aanbod {
		color: var(--main-color);
		background-color: transparent;
		background-image: none;
		border: var(--main-color) 2px solid;
	}
	.btn-outline-aanbod:hover {
		color: #fff;
		background-color: var(--main-color);
		border-color: var(--main-color);
	}
	
	.btn-outline-leesmeer {
		color: #fff;
		background-color: transparent;
		background-image: none;
		border: #fff 1px solid;
		padding:4px 8px 4px 8px;
	}
	.btn-outline-leesmeer:hover {
		color: var(--main-color);
		background-color: #fff;
		border-color: #fff;
	}
	
	.btn-outline-inverse {
		color: var(--main-color);
		background-color: transparent;
		background-image: none;
		border: var(--main-color) 1px solid;
		padding:4px 8px 4px 8px;
	}
	.btn-outline-inverse:hover {
		color: #FFF;
		background-color: var(--main-color);
		border-color: var(--main-color);
	}
	
	/**** FORMS ****/
	
	.from-group {
		position:absolute;width:0;height:0;margin:0;padding:0;display:none;border:none;font-size:0;visibility:hidden;line-height:0;
	}


	/**** CAROUSEL *****/
	
	.carousel-control-next, .carousel-control-prev {
		width:110px;
		visibility:visible;
	}
	
	.carousel-indicators li#panoindicator
	{
		visibility:visible;
	}
	
	
	@media (max-width: 991px) {
		.carousel-control-next, .carousel-control-prev {
			visibility:hidden;
			display:none;
		}
		
		.carousel-indicators li#panoindicator
		{
			visibility:hidden;
			display:none;
		}
    }
	
	.carousel-control-prev-icon {
		background-image: url("../decor/arrow_left.png");
		width: 36px;
		height: 36px;
	}
	
	.carousel-control-next-icon {
		background-image: url("../decor/arrow_right.png");
		width: 36px;
		height: 36px;
	}

	/*** OVERRIDES ***/
	
	.card {
		border-radius: 0;
		display: block;
	}
	.card-img-top {
		border-radius:0;
	}
	
	.border-none {
		border:0;
	}

	.carousel-caption {
		position: absolute;
		right: 15%;
		top: 20px;
		left: 15%;
		padding-top: 10px;
		padding-bottom: 20px;
		color: #fff;
		text-align: center;
		font-size:45px;
		text-shadow: 1px 1px 1px #333;
	}
	
	/* SEARCH input field */
	.form-control-sm  {
		border-radius:0;
		background-color:transparent;
		border:#FFF 1px solid;
		border-right:none;
		color: #FFF;
	}
	
	.btn {
		border-radius: 0;
	}
	
	.dropdown-menu {
		margin: 0;
		background-color: #ffffff;
		border: 1px solid rgba(0,0,0,.3);
		border-radius: 0;
	}
	
	.dropdown:hover>.dropdown-menu {
		display: block;
	}
	
	.dropdown-item.active, .dropdown-item:active {
		background-color: var(--main-color);
	}
	
	.form-control {
		border-radius:0;
	}
	
	.custom-checkbox .custom-control-label::before {
		border-radius: 0;
	}
	
	.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
		background-color: var(--main-color);
	}
	.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
		background-color: var(--main-color);
	}
	
	.page-item.active .page-link {
		background-color: var(--main-color);
		border-color: var(--main-color);
	}
	.page-link {
		color: var(--main-color);
	}
	.page-item:first-child .page-link {
		border-radius: 0;
	}
	.page-item:last-child .page-link {
		border-radius: 0;
	}
	
	
	.btn-primary {
		color: #fff;
		background-color: var(--main-color);
		border-color: var(--main-color);
	}
	
	.btn-primary:hover {
		color: #fff;
		background-color: #313619;
		border-color: #313619;
	}

	.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
		color: #ffffff;
		background-color: var(--main-color);
		border-color: #dee2e6 #dee2e6 #fff;
	}

	.nav-tabs .nav-link {
		margin-bottom: -1px;
		margin-right: 2px;
		background-color: transparent;
		border: 1px solid transparent;
		border-top-left-radius: 0.25rem;
		border-top-right-radius: 0.25rem;
		background-color: #e5e7d8;
		font-weight: 500;
	}


	/**** NAVIGATION ****/
	
	.bg-black {
		/*background-color: #231F20; !important;*/
		background-color: #000000 !important;
	}

	ul.divide-equally {
		margin:0 auto;
		width:60%;
		display: flex;
		justify-content: space-between;
	}
	
	.navbar {
		padding: 0 40px;
	}
	
	ul.navbar-nav  {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	@media (max-width: 1200px) {
		ul.divide-equally {
			width:100%;
		}
		
	}
	
	.navbar-light .navbar-nav .nav-link {
		color: #000;
		padding:24px 18px;
		white-space: nowrap;
	}


	.navbar-light .navbar-nav .active>.nav-link, 
	.navbar-light .navbar-nav .nav-link.active {
		color: #fff;
		background-color:var(--main-color);
	}

	.navbar-light .navbar-nav .nav-link.show, 
	.navbar-light .navbar-nav .show>.nav-link,
	.navbar-light .navbar-nav .nav-link:focus {
		color: #fff;
		background-color:var(--main-color);
	}
	
	.navbar-light .navbar-nav .nav-link:hover {
	  color: #666;
	}
	
	.dynamic-mr {
		margin-right: 60px;
	}
	

	@media (max-width: 1370px) {
		.dynamic-mr {
			margin-right: 20px;
		}
		
		.navbar-light .navbar-nav .nav-link {
			padding:24px 10px;
			white-space: nowrap;
		}
	}
	
	/** Scrollable dropdown menu on mobile **/
	@media (max-width: 991px) {
		.dynamic-mr {
			margin-right: 0;
		}
		
		.navbar-light .navbar-nav .nav-link {
			padding:5px 18px;
		}
		
		.globalcaption {
			visibility:hidden;
		}

    }
	
	/**************************************/
	/****    RIBBON in MAIN-COLOR     *****/
	/**************************************/
	
	.main-color-ribbon {
		background-color: var(--main-color);
		color:#FFF;
		width:100%;
	}
	
	/************************/
	/****    FOOTER     *****/
	/************************/
	
	footer {
		background-color: var(--footer-background);
		color:#333;
	}