/* GEBIEDONLINE CSS */

/* FONTS */
/*
@font-face {
	font-family: 'CorporativeSansRdAlt-Regular';
	src: url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-Regular.eot');
	src: url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-Regular.woff2') format('woff2'),url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-Regular.woff') format('woff'),url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'CorporativeSansRdAlt-RegularIt';
	src: url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-RegularIt.eot');
	src: url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-RegularItIt.eot?#iefix') format('embedded-opentype'), url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-RegularIt.woff2') format('woff2'),url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-RegularIt.woff') format('woff'),url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-RegularIt.ttf') format('truetype');
}
@font-face {
	font-family: 'CorporativeSansRdAlt-Light';
	src: url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-Light.eot');
	src: url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-LightIt.eot?#iefix') format('embedded-opentype'), url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-Light.woff2') format('woff2'),url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-Light.woff') format('woff'),url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'CorporativeSansRdAlt-LightIt';
	src: url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-LightIt.eot');
	src: url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-LightItIt.eot?#iefix') format('embedded-opentype'), url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-LightIt.woff2') format('woff2'),url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-LightIt.woff') format('woff'),url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-LightIt.ttf') format('truetype');
}
@font-face {
	font-family: 'CorporativeSansRdAlt-Bold';
	src: url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-Bold.eot');
	src: url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-BoldIt.eot?#iefix') format('embedded-opentype'), url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-Bold.woff2') format('woff2'),url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-Bold.woff') format('woff'),url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'CorporativeSansRdAlt-BoldIt';
	src: url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-BoldIt.eot');
	src: url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-BoldItIt.eot?#iefix') format('embedded-opentype'), url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-BoldIt.woff2') format('woff2'),url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-BoldIt.woff') format('woff'),url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-BoldIt.ttf') format('truetype');
}
@font-face {
	font-family: 'CorporativeSansRdAlt-Black';
	src: url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-Black.eot');
	src: url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-BlackIt.eot?#iefix') format('embedded-opentype'), url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-Black.woff2') format('woff2'),url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-Black.woff') format('woff'),url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-Black.ttf') format('truetype');
}
@font-face {
	font-family: 'CorporativeSansRdAlt-BlackIt';
	src: url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-BlackIt.eot');
	src: url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-BlackIt.eot?#iefix') format('embedded-opentype'), url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-BlackIt.woff2') format('woff2'),url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-BlackIt.woff') format('woff'),url('../fonts/corporativeSansRdAlt/CorporativeSansRdAlt-BlackIt.ttf') format('truetype');
}
*/

@font-face {
	font-family: 'CorporativeSansRdAlt';
	src: url('../fonts/corporativeSansRdAlt2/CorporativeSansRdAlt-Regula.otf');
	font-weight: normal;
}
@font-face {
	font-family: 'CorporativeSansRdAlt';
	src: url('../fonts/corporativeSansRdAlt2/CorporativeSansRdAlt-Bold.otf');
	font-weight: bold;
}


/* USED COLORS:

MAIN BLUE	##0559a8 	NIET #009fe4 en ook NIET #009ee2
MAIN RED	#cc1719		NIET #d2232b

*/


/* DIT IS STANDAARD !*/
body{
	font-family: 'CorporativeSansRdAlt', sans-serif;
	font-size: 18px;
	background: #f2f2f2;	
}

h1, h2, h3, h4, h5, h6, .go_row-title{
	font-family: 'CorporativeSansRdAlt'; /* , sans-serif */
	font-weight: bold;
}
h1, h2{
	font-size: 26px;
	color: #cc1719;
}
.btn{
	font-size: 18px;
}
.content{
	font-size: 18px;
}
.go_top-wrapper{
	border: none;
    position: fixed;	
}
.top-group{
	background: #0559a8;
}
.go_topmenu {
    background: #0559a8;
    font-size: 16px;
    z-index: 1001;
}
.go_topmenu {
	height: 40px;
    display: block;
}
.go_topmenu a{
	padding-top: 15px;
	color: white;
}
.go_topmenu a:hover{
	color: white;
	text-decoration: underline;
}
.navbar-brand:hover{
	background: none!important;
}
.navbar-brand:hover .go_logo-image-wrapper {
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0,0,0,0.8);
    z-index: 100;
    transform: rotate(-360deg);
    transition: transform 0.3s;
}
.navbar-nav .nav-link{
	background: #0559a8;
	color: white;
}
.navbar-nav .nav-link:hover, 
.navbar-nav .nav-link:active, 
.navbar-nav .nav-link:focus{
    background-color: transparent;
    color: white;
}
.navbar-nav .nav-link:hover .cx_label, 
.navbar-nav .nav-link:active .cx_label, 
.navbar-nav .nav-link:focus .cx_label{
	text-shadow: 0px 0px 10px black;
}
.navbar-nav > .active > a, 
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link:hover {
    background-color: transparent;
    border-color: transparent;
    text-shadow: 0px 0px 10px black;
}

.navbar-collapse{
    -webkit-box-shadow: none;
    box-shadow: none;
}
.go_logo, 
.go_no-hero .go_logo,
.go_top-wrapper .go_logo, 
.go_pageWrapper:not(.homeWrapper) .go_logo{
    border: none;
    padding: 0;
    background: none;
    margin: 0;
}
@media (min-width: 768px){
		.hoofdmenu{
		min-height: 130px;
	}
	.top-group{
		height: 150px;
	}
	.hoofdmenu .navbar-header{
		padding: 15px 0;		
	}
	.go_no-hero .go_logo,
	.go_top-wrapper .go_logo, 
	.go_pageWrapper:not(.homeWrapper) .go_logo{
		min-width: 120px!important;
		width: 120px!important;
		height: 120px!important;
	    position: relative;
		 top: -10px;
	}
	#hoofdmenu-nav .navbar-nav{
		margin-top: 45px;
	}
}
.hoofdmenu .cx_label::before{
	display: block;
	font-family: 'Font Awesome 5 Pro';
	font-weight: bold;
	font-size: 25px;
	text-align: center;
	margin-bottom: 10px;
} 
.go_go-nav-platform .cx_label::before{
	content: '\f0c0';
}
.go_go-nav-leden .cx_label::before{
	content: '\f14e';
}
.go_go-nav-start .cx_label::before{
	content: '\f14b';
}
.go_go-nav-faq .cx_label::before{
	content: '\f059';
} 

/* COLLAPSED MENU STYLE */
.navbar-default.hoofdmenu .navbar-toggle .icon-bar{
	background: white;
}
.hoofdmenu.cx_nav_collapsed .cx_label {
    display: table;
    min-width: 200px;
    margin: auto;
    text-align: left;
}
.hoofdmenu.cx_nav_collapsed .cx_label::before {
    display: inline-block;
    width: 30px;
    margin-right: 15px;
}

 
 
/* CONTENT  */
.go_top-wrapper + .go_content-wrapper > .content {
    margin-top: calc( 150px + 15px );
}
.cx_fixed_top_menu_wrapper  .cx_menu + .go_top-wrapper + .go_content-wrapper > .content {
    margin-top: calc( 50px + 150px + 15px);
}
.go_webPageWrapper .go_top-wrapper + .go_content-wrapper > .content {
    margin-top: calc( 150px);
}
.go_webPageWrapper .cx_menu + .go_top-wrapper + .go_content-wrapper > .content {
    margin-top: calc( 50px + 150px);
}
/* TOP MENU COLLAPSED CONTENT */

.top-wrapper-collapsed .go_topmenu{
	height: 25px;
	padding-top: 0;
	top: 0;
}
.top-wrapper-collapsed  + .go_content-wrapper > .content {
    margin-top: calc( 76px + 15px );
}
.cx_fixed_top_menu_wrapper  .cx_menu + .top-wrapper-collapsed  + .go_content-wrapper > .content {
    margin-top: calc( 50px + 76px + 15px);
}
.go_webPageWrapper .top-wrapper-collapsed  + .go_content-wrapper > .content {
    margin-top: calc( 76px);
}
.go_webPageWrapper .cx_menu + .top-wrapper-collapsed  + .go_content-wrapper > .content {
    margin-top: calc( 50px + 76px);
}


/* BTN */
.go_gebiedsplan-btn, 
.cx_paragraph .go_gebiedsplan-btn, 
.tab-content .go_gebiedsplan-btn, 
.modal .go_gebiedsplan-btn {
    border-color: white;
    background: #0559a8;
    border-radius: 0!important;
}
.go_gebiedsplan-btn:hover{
	border-color: #0559a8!important;
	color: #0559a8!important;
    box-shadow: none!important;
}


/* SECTIONS */
.go_section .go_section-title{
	font-size: 36px;
}
.go_section a:not(.btn),
.go_section .go_go-fake-link{
	text-decoration: underline;
	color: #333;
}
.go_section a:not(.btn):hover{
	color: #333;
}
.go_go-section-narrow .go_container{
	max-width: 800px;
}

.go_go-section-a .go_section-title{
	color: #cc1719;
}
.go_go-section-b,
.go_go-section-b h2,
.go_go-section-b .go_section-title{
	color: white;
}
.go_go-section-b a:not(.btn),
.go_go-section-b a:not(.btn):hover{
	color: white;
}
.go_go-section-c{
	color: white;
}
.go_go-section-c a:not(.btn),
.go_go-section-c a:not(.btn):hover{
	color: white;
}


/* PANEL */
.go_go-panel-default a.go_block-content{
	border: 1px solid #d4d4d4;
	border-radius: 10px;
	text-decoration: none;
	padding: 15px;
}
.go_go-panel-default a.go_block-content:hover{
	border-color: #0559a8;
}
.go_go-panel-default a.go_block-content:hover h3{
	color: #0559a8;
}
.go_go-panel-default a.go_block-content:hover .go_go-fake-link{
	color: #0559a8;
}
.go_go-panel-default a.go_block-content h3{
	font-weight: bold;
}
.go_go-section-b .cx_template-content-wrapper,
.go_go-section-b .cx_template-content-wrapper h2{
	color: #333;
}


/* FAKE LINK */
.go_go-absolute-fake-link-placeholder{
	height: 27px; /* line-height of fake-link */
}
.go_go-absolute-fake-link-placeholder + .go_go-fake-link{
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
}


/* WAT SPEELT ICONEN */
.go_go-watSpeelt-iconen{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: auto;
	margin-bottom: -30px;
	max-width: 960px;
}
.go_go-watSpeelt-icoon{
	position: relative;
	float: left;
	height: 130px;
	width: 130px;
	border-radius: 50%;
	color: #333;
	background: white;
	margin: 0 15px 30px 15px;
}
.go_go-watSpeelt-icoon:nth-child(2n + 1){
	clear: both;
}
.go_go-watSpeelt-icoon:nth-child(n+5){
/*	margin-bottom: 0; */
}



@media (min-width: 768px){
	.go_go-watSpeelt-icoon:nth-child(2n + 1){
		clear: none;
	}
	.go_go-watSpeelt-icoon:nth-child(3n + 1){
		clear: both;
	}
	.go_go-watSpeelt-icoon:nth-child(n+4){
	 
	}
}
@media (min-width: 1200px){
	.go_go-watSpeelt-icoon:nth-child(3n + 1){
		clear: none;
	}
	.go_go-watSpeelt-icoon:nth-child(6n + 1){
		clear: both;
	}
}
.go_go-watSpeelt-icoon::before{
	display: block;
	font-family: 'Font Awesome 5 Pro';
	font-size: 50px;
	position: absolute;
	top: calc(50% - 43px);
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.go_go-watSpeelt-berichten::before{
	content: "\f086";
}
.go_go-watSpeelt-activiteiten::before{
	content: "\f073";
}
.go_go-watSpeelt-projecten::before{
	content: "\f07c";
}
.go_go-watSpeelt-vna::before{
	content: "\f2b5";
}
.go_go-watSpeelt-wensen::before{
	content: "\f0d0";
}
.go_go-watSpeelt-nieuwsbrief::before{
	content: "\f0a1";
}
.go_go-watSpeelt-wie::before{
	content: "\f007";
}
.go_go-watSpeelt-sociaal::before{
	content: "\f21d";
}
.go_go-watSpeelt-plattegrond::before{
	content: "\f59f";
}
.go_go-watSpeelt-prioriteiten::before{
	content: "\f161";
}
.go_go-watSpeelt-gebiedsplannen::before{
	content: "\f46d";
}
.go_go-watSpeelt-wie::after{
    display: table;
    content: "\f128";
    font-family: 'Font Awesome 5 Pro';
    font-size: 14px;
    position: absolute;
    top: 11px;
    font-weight: bold;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.go_go-watSpeelt-label{
    font-weight: bold;
    font-size: 20px;
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
}

/* person thumb*/
.go_home-persoon-thumb{
    text-decoration: underline;
    color: #333;
 /*   border: 5px solid #eee;*/
    width: 90px;
    height: 90px;
    border-radius: 50%;
}


/* TESTIMONIAL */
.go_go-testimonial-quote{
	text-align: center;
	color: rgba(0,0,0, 0.2);
	font-size: 200px;
    height: 53px;
    line-height: 0;
    font-family: "Times New Roman", Times, serif;
    margin-bottom: 15px;
}
.go_go-testimonial-quote span{
    height: 0;
    display: block;
    position: relative;
    bottom: 48px;
}
.go_home-partner-thumb{
	border: 1px solid black;
}

/* START NUMBER */
.go_go-start-number{
	width: 100px;
	line-height: 100px;
	border-radius: 50%;
	margin: auto;
	background: white;
	color: #333;
	font-size: 40px;
	font-weight: bold;
	font-family: 'CorporativeSansRdAlt-Bold', sans-serif;
	margin-bottom: 15px;
}


/* FAQ */
.go_go-section-faq h2{
	text-align: center;
}
.go_go-section-faq h2:not(.go_section-title){
	color: #333;
	margin-bottom: 15px;
}
.go_faq{
	margin-bottom: 30px;
}
.go_faq .card,
.go_faq .card-header:first-child{
    border-radius: 0;
}
.go_faq .card +.card {
    margin-top: 10px;
}
.go_faq  .card-header {
    color: #333;
    background-color: #EEEEEE;
    border: none;
    border-color: #EEEEEE;
}
.go_faq .card-header a{
	text-decoration: none;
	position: relative;
	padding-right: 50px;
}
.go_faq .card{
    border: 5px solid #eee;
}
/*
.go_faq  .cx_panel-primary-light .panel-heading-collapse, 
.go_faq .cx_panel-primary-light .panel-collapse {
	border: none;
}
*/
.go_faq .card .card-header + .collapse > .card-body {
    border-color: #EEEEEE;
}
.go_faq .cx_panel-heading-collapse-btn{
	position: absolute;
	right: 10px;
	top: 10px;
}
.go_faq .caret{
	border: none;
	width: initial;
	height: initial;
	font-family: 'Font Awesome 5 Pro';
}
.go_faq .caret:after{
	display: block;
	content: '\f13a';
	font-weight: bold;
	font-size: 25px;
	text-align: center;
	line-height: 27px;
}

/*tile voor functionaliteitenoverzicht*/

	
.go_results-red .tile-info{
	color: #cc1719;
	}

.go_results-black .tile-info, .go_results-black .tile-info h2{
	color: black;
	}

.tile-info{
	margin-bottom: 4.2rem;
	padding: 0 3rem;
	}

@media (max-width: 768px){
	.tile-info{
	margin-bottom: 5.3rem;
	padding: 0 4.5rem;
	}
	}

.go_result-wrapper-margins{
	margin-top: 2rem;
	}	

.tile-info h2{
	font-size: 1.7rem;
	margin-top: 1.95rem;
	line-height: 100%;
	}

.omschrijving-subtitle{
	font-weight: 600;
	}

.omschrijving-subtitle:after{
	position: absolute;
	content: "";
	width: 100px;
	border-top: 8px solid;
	top: -.76rem;
	left: 0;
	}

.tile-info .fa-4x{
	font-size: 3.5em;
	}
	
.tile-info .omschrijving-subtitle{
	margin-top: 1.85rem;
	position: relative;
	}
	
.tile-info .omschrijving{
	margin-top: 1.2rem;
	}
/*
.go_results-features h2{
	font-size: 115%;
	margin-top: 1.5rem;
	}
*/
.go_results-features .omschrijving-subtitle:after{
	width: 52px;
	border-top-width: 6px;
	top: -.55rem;
	}

.go_results-features .tile-info .omschrijving-subtitle{
	margin-top: 1.35rem;
	}

.go_results-features .tile-info .omschrijving{
	margin-top: 1rem;
	}
/*
.go_results-features .fa-4x{
	font-size: 1.9em;
	}
*/
.go_section-header{
	font-size: 120%;
	margin-bottom: 2rem;
	}

.red, .text-red{
	color: #cc1719;
	}

.big{
	font-size: 2.5rem;
	font-weight: bold;
	}

.number{
	font-size: 3.5rem;
	font-weight: bold;
	margin-right: .5rem;
	}
	
.collect-stats{
	margin: .9rem 0 3rem 0;	
	}
	
.stats-wrapper{
	position: relative;
	display: inline-block;
	padding-right: 2.2rem;
	margin-top: .7rem;
	}

.stats-wrapper > i{
	position: absolute;
	top: -.6rem;
	right: 0;
	}

.twee-toepassingen-wrapper img{
	margin: 1rem 3rem .7rem;
	}

/*pilots*/

.go_results-list{
	margin-top: 2rem;
	}
	
.go_results-list .go_card{
	margin-bottom: 1.4rem;
	}

.go_results-list .go_card:hover:after{
	display:none;
	}
	
.go_results-list .go_card .cx_template-image-left img{
	border-radius: .9rem;
	}

.go_results-list .go_card h2{
	font-size: 1.7rem;
	/*line-height: 100%;*/
	}

.go_results-list .go_card .cx_template-image-wrapper{
	padding-right: 18px;
	}
	
.go_results-list .go_card .omschrijving-subtitle{
	position: relative;
	color: #cc1719;
	margin-top: 1.85rem;
	}

.go_results-list .go_card .omschrijving-subtitle:after{
	border-width: 7px;
	width: 80px;
	}


.go_results-list .go_card .omschrijving{
	margin-top: 1.2rem;
	}

.icon-wrapper img{
	max-width: 16rem;
	margin-top: 1em;
	}
	

@media (max-width: 768px){

.go_result-wrapper{
	padding: 0 2rem;
}
.go_results-list .go_card .cx_template-image-wrapper{
	padding-right: 0;
	margin-bottom: 1.2rem;
	}

.go_results-list .go_card .cx_template.cx_template-image-left .cx_template-content-wrapper, .go_results-list .go_card .cx_template.cx_template-image-right .cx_template-content-wrapper, .go_results-list .cx_template.cx_template-image-left .cx_template-image-wrapper{
		width: 100%;
	}

.go_results-list .go_card .cx_template-image-left img{
	border-radius: .9rem .9rem 0 0;
	}

}
	
/* FOOTER */
footer{
	background: black;
}

/* toegevoegd door MV */
.go_contact-wrapper {
    background: lightgrey;
}

footer .menuwrapper{
	background: none;
	border-top: none;
	padding: 40px 20px;
}
/*
footer ul{
    width: 25%;
}
footer ul:first-child{
    margin-left: 25%;
}
@media (max-width: 767px){
	footer ul{
	    width: 40%;
	}
	footer ul:first-child{
	    margin-left: 10%;
	}
}
footer li{
	text-align: center;
}
*/
footer a {
	/*color: white;*/
	font-size: 18px;
}
footer a:hover{
	/*color: white;*/
	text-decoration: underline;
}

.functions-intro, .functions-intro h2{
	color: white;
	}
	
.image-wrapper{
    width: 40%;
    max-width: 11rem;
    margin: 0 auto 2.5rem auto;
    }

.image-wrapper img{
    width: 100%;
    }
    
.list-overview-wrapper{
	margin: 2rem 0 3rem;
	}

.list-overview-wrapper li{
	list-style: none;
	}