@import url("bootstrap.min.css");
@import url('https://fonts.googleapis.com/css?family=Signika:300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

		/** Debug **/
		.debug { color: rgba(0, 0, 0, 0.2); font-size: 12px; left: 0; pointer-events: none; position: fixed; right: 0; text-align: center; text-shadow: 0 0 0 rgba(0, 0, 0, 0.5); top: 0; z-index: 10000; }
			/*
			.debug:before,
			.debug:after { border-left: 1px solid red; bottom: 0; content: ''; display: inline-block; left: 50%; position: fixed; right: 0; top: 0; }
			.debug:before { margin-left: -650px; }
			.debug:after { margin-left: 650px; }
			*/
			.debug i { margin: 0 2px; }
		
		/** Ratio **/
		.ratio,
.xs			.ratio-xs,
.sm			.ratio-sm { height: 0; position: relative; padding-top: 100%; background-clip: padding-box; box-sizing: border-box; }
			.ratio > *,
.xs			.ratio-xs > *,
.sm			.ratio-sm > * { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
		
		/** Center **/
		.center,
.xs			.center-xs,
.sm			.center-sm,
.md			.center-md,
.lg			.center-lg { text-align: center !important; }

		/** Container row **/
		.container.row { margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; }

		/** Margin **/
		.mt-1 { margin-top: 1rem; }
		.mt-2 { margin-top: 2rem; }
		.mt-3 { margin-top: 3rem; }

		/** No padding **/
		.no-padding,
.xs			.no-padding-xs,
.sm			.no-padding-sm,
.sm-md-lg 	.no-padding-md-lg,
.sm-md-lg 	.no-padding-sm-md-lg,
			.row.no-padding > [class^="col-"],
.xs			.row.no-padding-xs > [class^="col-"],
.sm-md-lg 	.no-padding-md-lg > [class^="col-"],
.sm-md-lg 	.no-padding-sm-md-lg > [class^="col-"],
			[class^="col-"].no-padding { padding-left: 0; padding-right: 0; }
			.row.no-padding:not(.container),
.xs			.row.no-padding-xs { margin-left: 0; margin-right: 0; }
		
		
		/** Padding **/
		.padding { padding: 15px; }
.xs 		.padding-xs:not(.row) { padding: 15px; }
.xs			.padding-top-xs { padding-top: 15px !important; }


		/** Equal **/
.xs		.equal-sm-md-lg > * { height: auto !important; }		

		/** Vertical align **/
		.valign-table { display: table; height: 100%; width: 100%; }
			.valign-table > * { display: table-cell; vertical-align: middle; }
			.valign-transform { position: relative; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
		
		/** Body **/
		
		html body { word-wrap: break-word;}
		html { min-height: 100%; position: relative; }
        body { -webkit-font-smoothing: antialiased; font-family: 'Open sans', sans-serif; color: #333; font-size: 18px; font-weight: 400; overflow-x: hidden;  }
.xs     body { padding-top: 72px; font-size: 15px; }
			body a { color: #00B26F; }
			body a:hover { color: #00B26F; outline: none; text-decoration: underline; }
			body a:active,
			body a:focus { color: inherit; text-decoration: none; }
			body p { margin-bottom: 30px;}
			
        #page { min-height: 100%;   }
			
		/** Headings **/
		h1, .h1 { font-family: 'Signika', sans-serif; font-style: normal; font-weight: 200; font-size: 40px; margin-bottom: 20px; color: #00B26F; line-height: normal; }
.xs     h1, 
.xs     .h1 { font-size: 32px; }
		h2, .h2 { font-family: 'Signika', sans-serif; font-style: normal; font-weight: 200; font-size: 28px; margin-bottom: 10px; color: #00B26F; }
.xs     h2, .h2 { font-size: 22px; }
		h3, .h3 { font-family: 'Signika', sans-serif;  color: #333;  font-size: 24px; font-weight: bold; line-height: normal; margin-bottom: 0px; padding-bottom: 0px; }
        h4, .h4 { font-family: 'Signika', sans-serif;  color: #999;  font-size: 20px; font-weight: bold; line-height: 20px; text-transform: uppercase; }

		/** Buttons **/
		.btn.btn-primary { background-color: #00B26F; border-color: #00B26F; transition: all .3s; }  
			.btn.btn-primary.spacing { margin-bottom: 30px; } 
		    .btn.btn-primary:hover { background-color: #0079BA; border-color: #0079BA; }
		    .btn.btn-primary i { margin-left: 6px; }     
            
        /** Pagination **/
        .pagination { font-size: 16px; width: 100%; text-align: center; margin-top: 50px; }
            .pagination > * { margin-left: 10px; border: 1px solid #00B26F; padding: 2px 8px; }
            .pagination strong { background-color: #00B26F; color: #FFF; }
            .pagination a:hover { text-decoration: none; background-color: #00B26F; color: #FFF; }
            
        /** Top **/
        .top { position: relative; height: auto; z-index: 4; color: #636466; padding-bottom: 30px; background-color: #0a4865; }
.xs-sm      .top { display: none; }
            .top .bar { background-color: #00B26F; font-size: 14px; color: #FFF; line-height: 40px; }
            .top .bar a { color: #FFF; }
            .top .bar .social a { margin-left: 3px; }
            .top .bar .social a i { color: #FFF; font-size: 28px; vertical-align: middle; }
            .top .bar ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center; }
            .top .bar ul li { margin-right: 30px; }
            .top .bar ul li i { margin-right: 6px; }
            .top .logo { margin-top: 25px; max-width: 100%; max-height: 100px; }
.xs-sm      .top .logo-outer { display: none; margin-bottom: 20px;  }
.xs-sm      .top .logo { height: 80px; max-width: 100%; top: 0px; }
            .top .ad { margin-top: 35px; float: right; }

        /** Mobile menu **/
        #mobile-menu:not( .mm-menu ) { display: none; }
            .mobile-menu-bar { background-color: #0a4865; color: #FFF; position: fixed; z-index: 5; top: 0px; left; 0px; width: 100%; text-align: left; display: flex; align-items: center; flex-direction: row-reverse; justify-content: space-between; }
            .mobile-menu-bar {  -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.12); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.12); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.12);  }
            .mobile-menu-bar .hamburger { margin-top: 8px; margin-right: 15px; float: right; }
            .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { background-color: white !important; }
            .mobile-menu-bar .logo { max-width: 90vw; max-height: 100px; margin-top: 0px; padding: 15px; margin-left: 0px; }
            
            .mm-menu { background-color: #FFF !important; }
            .mm-navbar .mm-title { color: #00B26F !important; font-size: 20px; text-transform: uppercase; }

			
		/** Menu **/
		  .menu-bar { position: relative; width: 100%; background-color: #FFF;  }	
.xs-sm    .menu-bar { display: none; }	
		
.sm-md-lg .navbar-default { font-size: 18px; font-weight: 400; border: 0px; margin: 0 -30px !important; background: transparent; }
.xs-sm    .navbar-default { position: relative; }
.sm       .navbar-default { font-size: 16px; }
.xs       .navbar-default { width: 100%; }
            .navbar-default .navbar-collapse{ position: relative;  }
.sm         .navbar-default .navbar-collapse { margin-left: -30px; }
.sm-md-lg   .navbar-default .navbar-nav>li>a { color: #282828; transition: all .3s; padding: 20px 0px; margin: 0px 10px; font-weight: 600; font-size: 16px; text-transform: uppercase; }
.sm-md-lg   .navbar-default .navbar-nav>.active>a, 
.sm-md-lg   .navbar-default .navbar-nav>.active>a:focus, 
.sm-md-lg   .navbar-default .navbar-nav>.active>a:hover	{ background-color: transparent; }	
.sm-md-lg   .navbar-default .navbar-nav>li { border-right: 1px solid #eaeaea; padding: 0 20px;}
.sm-md-lg   .navbar-default .navbar-nav>li:last-child { border-right: 0px; }
.sm-md-lg   .navbar-default .navbar-nav>li:hover>a,
.sm-md-lg   .navbar-default .navbar-nav>li>a:focus, 
.sm-md-lg   .navbar-default .navbar-nav>li>a:hover,
.sm-md-lg   .navbar-default .navbar-nav>.active>a, 
.sm-md-lg   .navbar-default .navbar-nav>.active>a:focus, 
.sm-md-lg   .navbar-default .navbar-nav>.active>a:hover { color: #00B26F; }
.sm-md-lg   .navbar-default .navbar-nav>li>a.dropdown-hover { padding-right: 0px; }
.sm-md-lg   .navbar-default .navbar-nav>li>a.dropdown-hover:after { content: "⌄"; font-weight: bold; position: absolute; top: 21px; margin-left: 7px; color: #cccccc; line-height: 10px; }
.sm-md-lg   .navbar-default .navbar-nav>.open>a, 
.sm-md-lg   .navbar-default .navbar-nav>.open>a:focus, 
.sm-md-lg   .navbar-default .navbar-nav>.open>a:hover { background-color: transparent; color: inherit;}
.sm-md-lg   .navbar-default .dropdown-menu { border-radius: 0px; -webkit-border-radius: 0px; background-color: rgba(255, 255, 255, .9); padding-bottom: 10px; padding-left: 6px; padding-right: 6px; box-shadow: none; border: 0px; }
.sm-md-lg   .navbar-default .dropdown-menu>li>a { transition: color .3s; color: #585858; font-size: 15px; border-bottom: 1px solid #d7d7d7; margin-left: 15px; margin-right: 15px; text-align: left; padding: 10px 0px; }
.sm-md-lg   .navbar-default .dropdown-menu>li:last-child>a { border-bottom: 0px; padding-bottom: 6px; }
.sm-md-lg   .navbar-default .dropdown-menu>.active>a, 
.sm-md-lg   .navbar-default .dropdown-menu>.active>a:focus, 
.sm-md-lg   .navbar-default .dropdown-menu>.active>a:hover { background: transparent; color: #00B26F; }
.sm-md-lg   .navbar-default .dropdown-menu>li.dropdown:after { content: "⌄"; color: #cccccc; line-height: 10px; position: absolute; right: 2px; top: calc(50% - 4px); }
.sm-md-lg   .navbar-default .dropdown-menu>li:hover a,
.sm-md-lg   .navbar-default .dropdown-menu>li>a:focus, 
.sm-md-lg   .navbar-default .dropdown-menu>li>a:hover { background-color: transparent; color: #00B26F; }
.sm-md-lg   .navbar-default .dropdown-menu>li>.dropdown-menu { left: calc(100% + 5px); top: -7px; }

        /** Menu search **/
        .navbar-default .search { float: right;  background-color: #f4f4f4; padding: 0 30px; margin-right: 15px; line-height: 60px; position: relative; }
		    .navbar-default .search input { border: 0px; background: transparent; }
		    .navbar-default .search input:focus { outline: none; }
		    .navbar-default .search i { margin-right: 8px; color: #6f6f6f; }
		
		/** Slider (default) **/
		.slider-outer { position: relative; }
.lg         .slider-outer {  height: 400px; }
		
		.slider-1 {  position: absolute !important; left: 0px; right: 0px; top: 0px; bottom: 0px; background-color: #7b7b7b; opacity: .4; }
		    .slider-1 .slide { opacity: 0; height: 400px; background-size: cover; background-position: center center; -webkit-filter: blur(20px); -moz-filter: blur(20px) saturate(3); -o-filter: blur(20px) saturate(3); -ms-filter: blur(20px) saturate(3); filter: blur(20px) saturate(3); }
.xs-sm      .slider-1 .slide { height: auto; }
		    .slider-1 .slide .title { margin-top: 20vh; max-width: 700px; color: #FFF; font-size: 40px; font-family:  'Signika', sans-serif; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.51); font-style: italic; font-weight: normal; background-color: rgba(0,0,0,.2); padding: 10px 20px; }
.sm         .slider-1 .slide .title { font-size: 28px; max-width: 70%; margin-top: 30vh }
		    .slider-1 .slide .buttons { position: absolute; bottom: 10vh; width: calc(100% + 25px); z-index: 1000; display: flex; flex-direction: row; flex-wrap: nowrap; margin:0 -25px; }
		    .slider-1 .slide .buttons .btn.btn-stimul { flex-basis: 0; flex-grow: 1; align-self: auto;  margin:0 25px; }
.sm         .slider-1 .slide .buttons { bottom: 30px;}
.xs         .slider-1 .slide .buttons { display: block; bottom: 10px;  }
.xs         .slider-1 .slide .buttons .btn.btn-stimul { margin: 0px 30px; display: block; margin-bottom: 10px; }


        .slider-2 { z-index: 100; }
		.slider-2 .slide { width: 100%; height: 400px; background-size: cover; background-position: center center; }    
.xs-sm  .slider-2 .slide { height: 50vw;  }
        
        
        /** Module: Page **/
        .module-Page-load { line-height: 32px; }
.xs     .module-Page-load { line-height: 26px; }
        .module-Page-load.col-xs-12 { width: 100%; }
		  
        
        /** Main **/
        main { position: relative;  padding-top: 50px; padding-bottom: 50px; }
.xs     main { padding-top: 20px; padding-bottom: 20px;}
            .main img { max-width: 100%; height: auto !important; }
            .main p:empty { display: none;  }
.xs-sm-md   .main iframe { max-width: 100%;}
        
        /** Submenu **/
        .submenu { -webkit-box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.06); -moz-box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.06); box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.06); margin-bottom: 50px; }
            .submenu .parent-title { background-color: #0098d8; padding: 15px 20px; color: #FFF; font-weight: 600; font-size: 24px; }
            .submenu ul { list-style: none; margin: 0px; padding: 0px; }
            .submenu ul li { border-bottom: 1px solid #f5f5f5;  }
            .submenu ul li a { display: block; padding: 15px 20px; color: #636466; font-size: 16px; transition: color .3s; }
            .submenu ul li.active > a,
            .submenu ul li a:hover { color: #cb3b3d; text-decoration: none; }
            .submenu ul li ul { display: none; }
            .submenu ul li.active ul { display: block; }
            .submenu ul li ul li { border: 0px; }
            .submenu ul li ul li a { padding-top: 0px; padding-left: 40px; font-size: 15px; }
            .submenu ul li ul li a:before {  content: "|"; font-family: FontAwesome; font-size: 16px; font-style: normal; font-weight: normal; text-decoration: inherit; margin-right: 10px; }
        
        /** Live buttons **/
        .live { margin-bottom: 15px; }
            .live .button { display: block; width: 100%; background-color: #00B26F; color: #FFF; padding: 15px; text-align: center; font-size: 15px; transition: .3s; font-weight: 600; }
            .live .button i { display: block; margin-bottom: 15px; font-size: 30px;  }
            .live .button:hover { text-decoration: none; background-color: #0079BA; }
            
            
        /** Module: program missed - frontpage **/
        .module-rtvuitzendingen-index { margin-bottom: 15px; }
            .module-rtvuitzendingen-index ul { list-style: none; margin: 0; padding: 0; overflow: auto; border: 1px solid #e0e0e0; margin-bottom: 15px; }
            .module-rtvuitzendingen-index ul li { overflow: auto; display: block; padding: 8px 15px; }
            .module-rtvuitzendingen-index ul li:nth-child(odd) { background-color: #f8f8f8; }
            .module-rtvuitzendingen-index ul li .details { display: block; width: 80%; float: left; }
            .module-rtvuitzendingen-index ul li .details .title { display: block; line-height: 18px; font-size: 18px; }
            .module-rtvuitzendingen-index ul li .details .date { font-size: 12px; line-height: 12px; color: #8b8b8b; }
            .module-rtvuitzendingen-index ul li .action { display: block; width: 20%; float: right; text-align: right; }
            .module-rtvuitzendingen-index ul li .action a { color: #00B26F; transition: color .3s; font-size: 12px; }
            .module-rtvuitzendingen-index ul li .action a:hover { color: #0079BA; }
            .module-rtvuitzendingen-index ul li .action a i { font-size: 18px; }
            
            
        /** Module: Events - frontpage **/
        .events {}
            .events ul { list-style: none; margin: 0; padding: 0; font-size: 14px; overflow: auto; }
            .events ul li { padding-bottom: 8px; display: block; width: 100%; overflow: auto; }
            .events ul li a { color: #333; }
            .events ul li a:hover .title { text-decoration: underline; }
            .events ul li .date { color: #00B26F; width: 60px; display: block; float: left; }
            .events ul li .title { display: block; width: calc(100% - 64px); float: left; }

			
        /** News **/
        .module-News-frontpage {}
            .module-News-frontpage article { margin-bottom: 30px; }
.xs         .module-News-frontpage article { margin-bottom: 60px; }
            .module-News-frontpage article a { display: block; overflow: hidden; }
            .module-News-frontpage article a:hover { text-decoration: none; }
            .module-News-frontpage article figure { height: 150px; overflow: hidden; position: relative; text-align: center;  }
.xs         .module-News-frontpage article figure { height: 50vw; }
            .module-News-frontpage article figure img { min-width: 100%; min-height: 100%; }
            .module-News-frontpage article .title { height: 55px; overflow: hidden; font-family: 'Signika', sans-serif; color: #7d7d7d; font-size: 18px; font-weight: 400; margin-top: 10px; margin-bottom: 5px; transition: all .3s; }
.xs         .module-News-frontpage article .title { height: 30px; font-size: 18px; }
            .module-News-frontpage article a:hover .title { color: #00B26F; }
            .module-News-frontpage article .date { color: #00B26F; font-size: 14px;  }
            .module-News-frontpage .ad { width: 100%; min-height: 90px; margin-top: 0px; margin-bottom: 30px; }
            
        .module-News-load {}
            .module-News-load h1 { margin-bottom: 5px; }
            .module-News-load .date { color: #838383; font-size: 14px; }
            .module-News-load .content { padding-top: 15px; }
            .module-News-load .ad { width: 100%; min-height: 90px; margin-top: 30px; }
/* .xs         .module-News-load .ad { display: none; } */
            
        /** Calendar **/
        .module-Calendar-frontpage {}
            .module-Calendar-index article { margin-bottom: 30px; }
.xs         .module-Calendar-frontpage article { margin-bottom: 60px; }
            .module-Calendar-index article a { display: block; overflow: hidden; }
.xs         .module-Calendar-index article a { }
            .module-Calendar-index article a:hover { text-decoration: none; }
            .module-Calendar-index article figure { height: 150px; overflow: hidden; position: relative; text-align: center;  }
.xs         .module-Calendar-index article figure { height: 50vw; }
            .module-Calendar-index article figure img { min-width: 100%; min-height: 100%; }
            .module-Calendar-index article .title { height: 50px; overflow: hidden; font-family: 'Signika', sans-serif; color: #7d7d7d; font-size: 18px; font-weight: 400; margin-top: 10px; margin-bottom: 5px; transition: all .3s; }
.xs         .module-Calendar-index article .title { height: 30px; font-size: 18px; }
            .module-Calendar-index article a:hover .title { color: #00B26F; }
            .module-Calendar-index article .date { color: #00B26F; font-size: 14px;  }
            .module-Calendar-index .ad { width: 100%; min-height: 90px; margin-top: 0px; margin-bottom: 30px; }
            
        .module-Calendar-load {}
            .module-Calendar-load h1 { margin-bottom: 5px; }
            .module-Calendar-load .date { color: #838383; font-size: 14px; }
            .module-Calendar-load .content { padding-top: 15px; }
            .module-Calendar-load .ad { width: 100%; height: 90px; margin-top: 30px; }
/* .xs         .module-Calendar-load .ad { display: none; } */
            
        .sharethis-inline-share-buttons:before { content: "Deel deze pagina:"; font-size: 14px; font-weight: 500; margin-bottom: 10px; display: block; }
            
        /** Google custom search **/
        .gsc-control-searchbox-only .gsc-input-box { position: relative; table-layout: fixed; height: 30px; max-height: 30px; margin-top: 3px; overflow: hidden; box-shadow: none !important; }
        .gsc-control-searchbox-only .gsc-input-box td { vertical-align: top; position: relative; }
        .gsc-search-box-tools .gsc-search-box .gsc-input { color: black; }
        .gsc-control-searchbox-only .gsc-search-button { background: none; }
        .gsc-search-box .gsc-search-button-v2, .gsc-search-box .gsc-search-button-v2:hover, .gsc-search-box .gsc-search-button-v2:focus { padding: 0; background-color: white; color: black; border-color: transparent; height: 30px; width: 40px !important; }
        .gsc-search-button svg { fill: black !important; }
		.gsc-search-box-tools .gsc-search-box input.gsc-input { position: absolute; top: 1px; line-height: 1.3em; color: black; height: 30px !important; }
		.gsc-search-box .gsst_a { position: relative; height: 13px; padding: 0 4px; }
		.gsc-search-box .gsst_a .gscb_a { position: absolute; top: -3px; left: -10px; color: black; }
		@media all and (-ms-high-contrast:none) { 
			.gsc-search-box .gsst_a .gscb_a { top: 0px; }
			.gsc-search-box .gsc-search-button-v2, .gsc-search-box .gsc-search-button-v2:hover, .gsc-search-box .gsc-search-button-v2:focus { height: 31px; margin-top: 3px; }
		}
		@supports (-ms-ime-align:auto) { .gsc-search-box .gsc-search-button-v2, .gsc-search-box .gsc-search-button-v2:hover, .gsc-search-box .gsc-search-button-v2:focus { height: 31px; margin-top: 4px; } }
		@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) { .gsc-search-box .gsc-search-button-v2, .gsc-search-box .gsc-search-button-v2:hover, .gsc-search-box .gsc-search-button-v2:focus { margin-top: -1px; } }
            
        /** Footer **/
        footer { background-color: #00B26F; padding: 50px 0px; font-size: 14px; border-bottom: 30px solid #1b1b1b; }
            footer h4 { color: #FFF; }
            footer a { color: #e8e8e8; transition: color .3s; }
            footer a:hover { color: #FFF; text-decoration: none; }
        
		
		/** Cookie melding **/
		.cc-btn.cc-dismiss { display: none !important; }