/*
Theme Name: NBE thema
Theme URI: http://go2people-websites.nl/
Description: Theme for Naam website -- WordPress 4.5
Author: Timo Verkroost and Niels Lust - Go2People Websites
Author URI: http://go2people-websites.nl/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Go2People, Bootstrap, Responsive, Mobile
Version: 1.1
Text Domain: nbe
*/


/* BEGIN OF WP RESET */

body, html {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: 'Roboto Slab', serif;
	font-size: 16px;
	overflow-y:visible;
	-webkit-font-smoothing: antialiased;
}

.wow {
	visibility: hidden;
}

.clear {
    clear: both;
}

table th {
    text-align: left;
}

.alignleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.alignright {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.d-inline-block {
	display: inline-block !important;
}

img, .woocommerce ul.products li.product a img {
    height: auto;
    max-width: 100%;
    width:auto !important;
}

.cta a,
.home-cta a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
    left: 0;
}

.cta a:hover,
.home-cta a:hover {
    left: 15px;
}

.position-static {
	position: static;
}

    .programma-container .programma-content .chosen-program a img {
        width: 100% !important;
    }
    
    .programma-container .programma-content .chosen-program .sectionSubTitle h3 .tickets {
		color: #01ffbc;
		text-decoration: underline;	    
    }
    
    .programma-container .programma-content .chosen-program .sectionSubTitle h3 .tickets:hover {
		color: #ff00ae;   
    }    
    
    .programma-container.sectionBlockContainer h2.title-small {
	    font-size: 24px;
	    margin-bottom: 0;
    }
    
    	.programma-container.sectionBlockContainer h2.title-small a {
	    	margin: 0;
    	}
    
    .programma-container.sectionBlockContainer h2.title-small + h3 {
        font-size: 16px;
        font-family: Citizen;
        font-weight: bold;
	    margin-bottom: 5px;
	    margin-top: 5px;
    }
  
    	body.tax-city .programma-container.sectionBlockContainer h3:last-of-type:not(.no-border):after {
	    	content: '';
	    	display: block;
	    	max-width: 100%;
	    	margin: auto;
			border-bottom: 1px solid;
            margin-top: 5px;
            margin-bottom: 20px;    	
        }
    	
    		@media screen and (min-width: 768px) {
		    	body.tax-city .programma-container.sectionBlockContainer h3:last-of-type:after {
					max-width: 100%;
		    	} 	    		
    		}

    	/*body.single-programma .programma-container.sectionBlockContainer h3:last-of-type:after {
	    	content: '';
	    	display: block;
	    	max-width: 100%;
	    	margin: auto;
			border-bottom: 1px solid;
            margin-top: 5px;	
            margin-bottom: 20px;    	   	
    	}*/
    	
    		@media screen and (min-width: 768px) {
		    	body.single-programma .programma-container.sectionBlockContainer h3:last-of-type:after {
					max-width: 100%;
		    	} 	    		
            }
        
        body.single-programma .programma-container.sectionBlockContainer h3:first-of-type:after {
            border-color: transparent;
            margin: 0;
        } 

    .programma-container.sectionBlockContainer h3 {
	    font-size: 16px;
	    font-family: Citizen;
	    font-weight: bold;
	    margin-bottom: 5px;
	    margin-top: 3px;
    }

    body.single .programma-container.sectionBlockContainer h3 {
	    font-size: 20px;
        font-family: Citizen;
        font-weight: bold;
        text-align: center;
	    margin-bottom: 5px;
	    margin-top: 3px;
    }

    .programma-container.sectionBlockContainer h3 span {
	    font-size: 16px;
	    font-family: Citizen;
	    font-weight: bold;
	    margin-bottom: 5px;
	    margin-top: 3px;
    }

    .programma-container.sectionBlockContainer h3 span {
	    font-size: 16px;
	    font-family: Citizen;
	    font-weight: bold;
	    margin-bottom: 5px;
	    margin-top: 3px;
    }

    body.single .programma-container.sectionBlockContainer h3 span {
	    font-size: 20px;
	    font-family: Citizen;
	    font-weight: bold;
	    margin-bottom: 5px;
	    margin-top: 3px;
    }
    
    .programma-container.sectionBlockContainer h2.title-small ~ h3 .tickets {
		color: #01ffbc;
		text-decoration: underline;
	    font-family: Citizen;
	    font-weight: bold;
    }    
    
    .programma-container.sectionBlockContainer h2.title-small ~ h3 .tickets:hover {
		color: #ff00ae;
    }  
    
    @media screen and (max-width: 567px) {
        .programma-container.sectionBlockContainer h2.title-small + h3 {
            font-size: 14px;
        }
        .programma-container.sectionBlockContainer h3 {
            font-size: 14px;
        }
        .programma-container.sectionBlockContainer h3 span {
            font-size: 14px;
        }
    } 
    
    @media screen and (max-width: 425px) {
        .programma-container.sectionBlockContainer h2.title-small + h3 {
            font-size: 8px;
        }
        .programma-container.sectionBlockContainer h3 {
            font-size: 8px;
        }
        .programma-container.sectionBlockContainer h3 span {
            font-size: 8px;
        }
    } 

.relative {
    position: relative;
}

.inline-block {
	display: inline-block;
}

.nivo-lightbox-theme-default .nivo-lightbox-close {
    height: 24px;
    width: 24px;
}

.videoPlayWrapper {
    display: block;
    position: relative;
}

    .programma-content .videoPlayWrapper {
        margin: 15px 0;
    }

    .videoPlayWrapper p {
        margin: 0;
    }


    .videoPlayWrapper::after {
        background-image: url('images/play.svg');
        background-position: center center;
        background-repeat: no-repeat;
        content: '';
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 15px;
        left: 15px;
        bottom: 0;
    }
    
    
        @media screen and (max-width: 767px){
            .videoPlayWrapper::after {
                background-size: 75px 75px !important;
            }
        }

        .videoPlayWrapper.remove-play-btn::after {
            content: none;
        }


        .programma-content .videoPlayWrapper::after {
            -webkit-background-size: 65px;
            -moz-background-size: 65px;
            -o-background-size: 65px;
            background-size: 65px;
        }

        .videoPlayWrapper:hover::after {
            opacity: 0.75;
        }

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

    .videoPlayWrapper .videoWrapper {
        padding-top: 0;
    }

    .videoWrapper iframe {
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
    }


.programma-content .row.equalColHeight {}

	@media screen and (min-width: 992px) {
	
		.programma-content .row.equalColHeight {
			display: flex;	
		}	
		
			.programma-content .row.equalColHeight .pageTextBlock.programmaOverzicht {
				display: flex;
				flex-direction: column;
			}
	
				.programma-content .row.equalColHeight .social-share {
					margin-top: auto;
				}	
		
	}
	
	@media screen and (min-width: 992px) {
		.programma-content .row.equalColHeight img.leftImg {
			margin-top: 1.2em;
		}		
	}	

.hide {
	display: none;
}

.show {
	display: block !important;
}

.pinkText {
	color: #ff00ae !important;
}

.bigCitizen {
	font-size: 30px;
	font-family: Citizen;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	color: #010080;
}

.content-container  {
	padding: 30px 0;
	/* border-bottom: 1px solid #01ffbc;*/
}

#content-cols .content-container.row-section-title {
    padding-bottom: 0;
}

#content-cols .content-container.row-section-title:not(:first-child) {
    margin-top: 60px;
}

#content-cols .content-container.row-section-title + .content-container {
    padding-top: 0;
}

.productBlock {
	padding: 15px 0;
}

.product-subtitle {
    color: #010080;
}


/* END OF WP RESET */


/* BEGIN OF TEXT */

h1, h2, h3, h4, h5, h6 {
    font-family: Citizen;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	color: #010080;
	margin-bottom: 5px;
	margin-top: 5px;
}

h1 {
    font-size: 46px;
}

h1 span.hidden-title {
    position: absolute;
    left: -99999px;
    pointer-events: none;
    opacity: 0;
}

h2 {
    font-size: 28px;
}

    .calendar-title-date h2, h2.news-title, #musici-container h3 {
        font-size: 37px;
    }

    h2.news-title {
        background-color: #010080;
        color: #FFF;
        line-height: 37px;
        margin: 0;
        text-align: center;
    }

    h2.instruments {
        color: #ff00ae;
        margin-left: 10px;
    }

        h2.instruments span {
            color: #010080;
        }

            h2.instruments span:last-of-type {
                display: none;
            }

h3 {
    font-size: 24px;
}

    #news .news-item .inner .news-content {
        margin: 0;
    }

    #front-news .news-item h3 {
        color: #FFF;
    }

    #front-news .news-item p::after {
        content: '..';
    }

    #musici-container .instrument.pink h3, .featured-program h3 {
        color: #ff00ae;
    }


h4 {
    font-size: 20px;
}

    #compositiewedstrijd-deelnemers .deelnemer h4 {
        font-size: 15px;
        line-height: 18px;
        margin: 0;
        min-height: 36px;
    }

    h4.mp3-title {
        background-color: rgb(1, 255, 188);

        margin-bottom: 0;
        padding: 10px;
    }

h5 {
	font-size: 16px;
}

h6 {
    font-size: 13px;
}

a {
    color: #ff00ae;
}

a:hover, a:focus {
    color: #01ffbc;
}

    .sectionSubTitle a {
        text-decoration: underline;
    }

        .sectionSubTitle .soldout,
        .sectionSubTitle .last-tickets {
            color: #FFF;
            display: inline-block;
            padding: 2px 5px;
        }
        
        .sectionSubTitle .soldout {
            background-color: #ff00ae;
        }
        
        .sectionSubTitle .last-tickets {
            background-color: #010080;
            color: #FFF;
            word-break: break-word;
        }

    #musici-container .instrument a {
        color: #010080;
    }

        #musici-container .instrument.pink a {
            color: #ff00ae;
        }

    .wc-tab .thumbnails .thumbnail a {
        float: none!important;
        width: auto!important;
        margin-right: 0!important;
        margin-bottom: 30px!important;
    }

p {
    text-align: justify;
}

    .news-item p {
        color: #010080;
    }

        #front-news .news-item p {
            color: #FFF;
        }

        .news-item p:first-of-type {
            margin-top: 0;
        }

h1 + p,
h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p {
	margin-top: 0;
}

span {

}

	span.text-light {
		font-weight: 400;
	}

.archive-title img {
	display: block;
	margin: auto;
}

.archive-title h1, .archive-title a {
	display: inline-block;
	vertical-align: middle;
}

	.archive-title a {
		font-family: 'Citizen';
	    font-size: 25px;
	    text-decoration: underline;
	    text-transform: uppercase;
	    color: #010080;
	    font-weight: bold;
	    margin-left: 10px;		
	}
	
	.archive-title a:hover {
	    color: #ff00ae;	
	}	

/* DO NOT TOUCH THIS, UNLESS YOU WANT TO ADD OTHER CLASSES/IDS */
a,
.socialMedia li span,
.seizoenFilter input[type="submit"],
a.event span {
    -webkit-transition: color 0.2s ease-in, color 0.2s ease-out, background-color 0.2s ease-in, background-color 0.2s ease-out;
    -moz-transition: color 0.2s ease-in, color 0.2s ease-out, background-color 0.2s ease-in, background-color 0.2s ease-out;
    -o-transition: color 0.2s ease-in, color 0.2s ease-out, background-color 0.2s ease-in, background-color 0.2s ease-out;
    -ms-transition: color 0.2s ease-in, color 0.2s ease-out, background-color 0.2s ease-in, background-color 0.2s ease-out;
    transition: color 0.2s ease-in, color 0.2s ease-out, background-color 0.2s ease-in, background-color 0.2s ease-out;
}

.programma-content a.main-link {
    display: block;
    position: relative;
}

/* END OF TEXT */

/* STICKY FOOTER */

 html,
      body {
        height: 100%;
        /* The html and body elements cannot have any padding or margin. */
      }

      /* Wrapper for page content to push down footer */
      #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
        margin: 0 auto; /* Must be the same as Footer Height + 20px*/
      }

      /* Set the fixed height of the footer here */
      /*#push,
      footer {
		margin-top:40px;
      }
      */
      footer {
        background-color: transparent;
        margin-top:40px;
      }

      #underFooter {
	      background-color: #01ffbc;
	      color: #010080;
      }

      	#underFooter a {
	      	color: #010080;
      	}

      /* Lastly, apply responsive CSS fixes as necessary */
      @media (max-width: 767px) {
        footer {

        }
      }

/* END OF STICKY FOOTER */

/* STRUCTURE */

.bg-turquoise, .bg-turquoise a { background-color: #01FFBC; color: #010080; }
.bg-blue, .bg-blue a { background-color: #010080; color: #01FFBC; }

.shop-notice {
    border: 5px solid #010080;
    padding: 0 15px;
    margin-bottom: 30px;
}

#awayMessage {
	text-align: center;
	background-color: red;
	color:#fff;
	padding: 15px 15px;
}

#cookie-notice-container {
    display: none;
    text-align: center;
    position: fixed;
    bottom: 15px;
    left: 0;
    right: 0;
    z-index: 500;
}

    #cookie-notice-container .cookie-notice {
        background-color: rgba(0,0,0,0.75);
        display: inline-block;
        color: #FFF;
        padding: 5px 15px;
    }

        #cookie-notice-container .cookie-notice a {
            color: #FFF;
            text-decoration: underline;
        }

        #cookie-notice-container .cookie-notice .close-cookie-notice {
            cursor: pointer;
        }

#wrap {
    padding-top: 202px;
}

#top {
    background-color: #FFF;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 900;
}

#searchTopBg {
	background-color: transparent;
	display: none;
	padding: 0;
	position: absolute;
	top:0;
	left: 0;
	right:0;
	z-index: 99;
}

.searchBoxTrigger button {
	color: #010080;
	background: transparent;
	border: none;
	outline: none !important;
	padding: 8px 12px;
}

#logoTop {
	/*background-image: url('images/top-logo-nbe-white.png');
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
    display: block;
    text-align: center;
}

    #logoTop .align {
        position: relative;
        left: 50%;
        margin: 0 0 0 -5000px;
        text-align: center;
        width: 10000px;
    }

        #logoTop .align img {
            max-width: none;
        }

#navigationMain {
	background-color: #010080;
}

#navigationSub {
    background-color: #FFF;
    display: none;
}

#searchDown {
	position: relative;
	height: 1px;
	display: block;
	background-color: #010080;
}

#afterScrollContainer {
	display: none;
}

#afterScrollBar {
	background-image: url('images/scroll-logo-nbe-white.png');
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: block;
}

	#afterScrollBar a {
		display: block;
	}

.socialArea {
	text-align: center;
}

.socialMedia {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-bottom: 4px;
	margin-top: 4px;
}

	.socialMedia li {
		display: inline-block;
		text-align: center;
		margin-right: 5px;
	}

		.socialMedia li a, .socialMedia li span {
			text-decoration: none !important;
			display: block;
			background-color: #010080;
			border-radius: 100%;
			width: 27px;
			height: 27px;
			line-height: 27px;
			color: #fff;
		}

		.socialMedia li a:hover, .socialMedia li span.active {
			background-color: #ff00ae;
		}

.socialMedia li.newsletterLink a {
	font-family: Citizen;
	font-weight: bold;
	font-style: normal;
	width: auto;
	border-radius: 0;
	padding: 0 6px;
	font-size: 12px;
	text-transform: uppercase;
}

    .socialMedia li.newsletterLink .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    	border: 0;
    	background-color: #010080;
    	font-size: 12px;
    	text-transform: uppercase;
    	color: #fff;
    	padding-right: 27px;
    	height: 27px;
    	outline: none !important;
    }

/*
.mc-field-group ::-webkit-input-placeholder {
   color:    #fff;
}
.mc-field-group :-moz-placeholder {
   color:    #fff;
   opacity:  1;
}
.mc-field-group ::-moz-placeholder {
   color:    #fff;
   opacity:  1;
}
.mc-field-group :-ms-input-placeholder {
   color:    #fff;
}
*/

#mc_embed_signup form {
	padding: 0;
	margin: 0;
	margin-top: 5px;
	margin-bottom: 5px;
}

#mc_embed_signup_scroll {
	position: relative;
}

#top .gform_wrapper {
    margin: 0 !important;
    position: relative !important;
}

#top .gform_wrapper .top_label div.ginput_container {
    margin-top: 0 !important;
}

#top .gform_wrapper ul li.gfield {
    margin: 0 !important;
    padding: 0 !important;
}

#top .gform_wrapper .gform_footer input.button,
#top .gform_wrapper .gform_footer input[type=submit],
#top .gform_wrapper .gform_page_footer input.button,
#top .gform_wrapper .gform_page_footer input[type=submit] {
	position: absolute !important;
	right: 0 !important;
	top: 0 !important;
	height: 27px !important;
	border: 0 !important;
	outline: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: block !important;
	width: 27px !important;
	background-color: #010080 !important;
	color: #fff !important;
}

#top .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    font-size: 12px !important;
    margin: 0 !important;
    padding-right: 27px !important;
}

#top .gform_wrapper .gform_footer {
    padding: 0 !important;
    margin: 0 !important;
    clear: both !important;
    width: 100% !important;
}

#top .validation_error {
    display: none !important;
}

.slider-nav {
    background: url('images/carousel-arrow.svg');
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline;
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    z-index: 250;
    margin-top: -20px;
}


    .slider-nav:hover {
        background: url('images/carousel-arrow-hover.svg');
    }

    .slider-nav.slider-prev {
        left: 15px;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .slider-nav.slider-next {
        right: 15px;
    }


#carousel .slide {
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: none;
    position: relative;
}

    #carousel .slide:first-of-type {
        display: block;
    }

    #carousel .slide-content {
    	position: absolute;
    	bottom: 40px;
    	left:0;
    	right:0;
    	font-family: Citizen;
    	font-weight: bold;
    	font-style: normal;
    	text-transform: uppercase;
    	text-align: center;
    	color: #01ffbc;
    	font-size: 55px;
    	line-height: 85px;
    }

        #carousel .slide-content h2 {
        	margin: 0;
        	padding: 0;
        	color: #01ffbc;
        	font-size: 55px;
        	line-height: 22px;
        }


        #carousel .slide-content.color-blue, #carousel .slide-content.color-blue h2 {
            color: #010080;
        }

        #carousel .slide-content.color-pink, #carousel .slide-content.color-pink h2 {
            color: #ff00ae;
        }

        #carousel .slide-content.color-white, #carousel .slide-content.color-white h2 {
            color: #FFF;
        }


#carousel .slide-content a {
	font-size: 24px;
	color: #ff00ae;
	text-decoration: underline;
	vertical-align: middle;
}

	#carousel .slide-content a:hover {
		color: #01ffbc;
	}

    #carousel .slide-content a.color-pink, #carousel .slide-content a.color-white:hover {
        color: #ff00ae;
    }

    #carousel .slide-content a.color-white, #carousel .slide-content a.color-pink:hover {
        color: #FFF;
    }


#carousel ul.slick-dots {
    display: block;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center;
}

    #carousel ul.slick-dots li {
        display: inline-block;
        list-style-type: none;
        margin: 0 5px;
    }

        #carousel ul.slick-dots li button {
            background-color: #FFF;
            border: 0;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            display: block;
            height: 15px;
            text-indent: -9999px;
            white-space: nowrap;
            width: 15px;
        }

        #carousel ul.slick-dots li.slick-active button {
            background-color: #ff00ae;
        }

.blockContainer {
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: block;
}

    .titleArea .titleImage {
    	margin-bottom: 30px;
    	margin-top: 50px;
    	max-height: 55px;
    	width: auto;
    }

    .titleArea .titleImagePage {
    	margin-bottom: 15px;
    	margin-top: 0;
    	max-height: 55px;
    }

    .titleArea .titleImagePage.large {
    	max-height: 250px;
    }

.contentArea.video {
    margin-bottom: 30px;
}

.contentArea .inner {
	background-color: #fff;
	color: #010080;
	padding: 1px 20px;
	margin-top: 50vh;
	font-size: 19px;
	line-height: 34px;
	margin-bottom: 25px;
}

	.contentArea .inner a {
		text-decoration: underline;
		color: #ff00ae;
	}

	.contentArea .inner a:hover {
		color: #010080;
	}

.google-maps {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}

    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

.sectionTitle {
    display: block;
	text-align: center;
	margin-bottom: 30px;
	margin-top: 20px;
}

.sectionSubTitle {
    margin-top: -20px;
    margin-bottom: 30px;
}

    .sectionTitle.programma {
    	margin-bottom: 10px;
    }
    
    .sectionTitle.programma .page-social {
	    margin-top: 5px;
	    margin-bottom: 10px;	    
    }
    
    @media screen and (min-width: 768px) {
	    
	    .sectionTitle.programma .page-social {
		    position: absolute;
		    top: 12px;
		    right: 10px;
		    bottom: auto;
		    left: auto;
		    margin: 0;		    
	    }	    
	    
    }

    .sectionTitle.flexible-layout .row h1 {
        background-color: #01ffbc;
        margin: 0;
    }

	.sectionTitle:not(.flexible-layout) .row:not(.bg-blue) {
		background-color: #01ffbc;
	}

    .sectionTitle.archief .row {
        background-color: #010080;
    }


	.sectionTitle:first-of-type .row {
		margin-top: 0;
	}

	.sectionTitle h2 {
    	color: #010080;
		display: inline-block;
		font-size: 37px;
		margin: 0;
		padding: 0;
		word-break: break-all;
	}

		.sectionTitle.archief h2,
        .sectionTitle .bg-blue h2 {
			color: #fff;
		}

        .sectionTitle .bg-blue h2 {
            color: #ff00ae;
        }

            .sectionTitle .bg-blue h2 span {
                color: #01FFBC;
            }

	.sectionTitle .dates {
		color: #010080;
		font-family: Citizen;
		font-weight: bold;
		font-style: normal;
		text-transform: uppercase;
		font-size: 23px;
		margin-left: 10px;
		white-space: nowrap;
	}

.sectionBlockContainer {
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: block;
    padding-bottom: 30px;
}

.pageSectionContainer::before {
	content:"";
	display:block;
	height:400px; /* fixed header height*/
	margin:-400px 0 0; /* negative fixed header height */
}

	.pageSectionContainer .leftImg {
		margin-left: -15px;
	}

.program-small {
	margin: 0;
}

	.program-small h3 {
		margin: 0;
	}

		.program-small h3,
		.program-small h3 a {
			display: block;
		}

			.program-small h3 a:hover{
				color: #01ffbc;
				text-decoration: none;
			}

	.program-small span {
		font-weight: 400;
	}

	.program-small .sectionTitle.programma {
		margin-bottom: 15px;
	}

	.program-small .pageSectionContainer.programma-content {
		margin: 0 15px;
	}

	a.lightbox {
    	display: block;
    	position: relative;
	}

    	a.lightbox::before {
        	background-color: rgba(0,0,0,0.65);
        	content: '';
        	opacity: 0;
        	position: absolute;
        	top: 0;
        	right: 0;
        	bottom: 0;
        	left: 0;
    	}

    	    a.lightbox.left-img-lightbox::before {
                left: -15px;
                right: 15px;
            }

        	a.lightbox::after,
        	a.lightbox.video::after {
		        color: #FFF;
	        	font-family: FontAwesome;
	        	font-size: 16px;
	        	opacity: 0;
	        	position: absolute;
	        	top: 50%;
	        	margin-top: -11px;
	        	left: 50%;
	        	margin-left: -7px;
        	}

        	a.lightbox::after {
        		content: "\f00e";
        	}

        	a.lightbox.video::after {
				background-image: url('images/play.svg');
				background-position: center center;
				background-repeat: no-repeat;
				background-size: 100%;
	        	content: /* '\f144'*/ ' ';
	        	height: 50px;
	        	margin-top: -25px;
	        	margin-left: -25px;
	        	opacity: 1;
	        	width: 50px;
        	}

            a.lightbox.left-img-lightbox::after {
                margin-left: -22px;
            }

            a.lightbox:hover::before, a.lightbox:hover::after {
                opacity: 1;
                -webkit-transition: opacity 0.3s ease-in-out;
                -moz-transition: opacity 0.3s ease-in-out;
                -ms-transition: opacity 0.3s ease-in-out;
                -o-transition: opacity 0.3s ease-in-out;
                transition: opacity 0.3s ease-in-out;
            }

    .nivo-lightbox-title,
    .photo-creator {
		background-color: #010080!important;
		border-radius: 0px!important;
		color: #f0f0f1!important;
		font-family: 'Roboto Slab', serif!important;
		font-size: 11px!important;
		font-weight: lighter!important;
		padding: 5px 10px!important;
    }
	
	.search-result .sectionTitle h2 {
		word-break: normal;
	}
	
    .photo-creator {
	    bottom: 0;
	    position: absolute;
	    right: 0;
    }

    	.left-img-lightbox .photo-creator {
	    	right: 15px;
    	}

	@media screen and (min-width:768px) {
	
		.pageSectionContainer .row.thumbnails {
	    	margin: 0 10px 0 -20px;
		}
		
	}

    .programma-container .programma-content .thumbnails {
        padding: 0 10px;
    }

	    .pageSectionContainer .row.thumbnails .thumbnail, .programma-container .programma-content .thumbnails .thumbnail {
    	    padding: 10px 5px 0 5px;
        }


    .sectionBlockContainer .programma-content .chosen-program {
        border-bottom: 2px solid #01ffbc;
        padding-bottom: 30px;
    }

	.programma-content .page-social {
    	position: absolute;
    	top: -20px;
    	right: 0;
    	z-index: 10;
	}

		.program-small .programma-content .page-social {
			position: relative;
			top: auto;
		}

	    .programma-content .page-social-pos .page-social {
    	    top: -13px;
        }

        .page-social a {
    	   background-color: #000080;
    	   -webkit-border-radius: 50%;
           -moz-border-radius: 50%;
           border-radius: 50%;
    	   color: #FFF!important;
           display: inline-block !important;
    	   height: 28px;
    	   margin-left: 2px;
    	   padding-top: 3px;
    	   text-align: center;
    	   width: 28px;
	    }

    	    .page-social a:hover {
        	    background-color: #ff00ae;
    	    }

.pageTextBlock {
	font-size: 13px;
	line-height: 25px;
	color: #010080;
	background-color: #fff;
}

	.pageTextBlock a {
		color: #ff00ae;
		text-decoration: underline;
	}

	.pageTextBlock a:hover {
		color: #010080;
	}
	
	.pageTextBlock .social-share p, .pageTextBlock aside {
		display: inline-block;
	}	

/* BEGIN OF DOWNLOAD STYLING */

#downloads {}

	#downloads .download {
		margin: 20px 0;
	}

	    #downloads .download .download-content {
    	    padding: 5px 0 0 0;
    	    text-align: center;
	    }
	        #downloads .download .download-content h3,
            #downloads .download .download-content h3 a,
            #downloads .download .download-content p {
    	        margin: 0;
            }

	        #downloads .download .download-content h3,
            #downloads .download .download-content h3 a,
            #downloads .download .download-content a {
                font-size: 20px;
	        }

	        #downloads .download .download-content h3,
            #downloads .download .download-content h3 a {
                color: #00007e;
            }

	        #downloads .download .download-content h3 a {
    	        text-decoration: none;
	        }

            #downloads .download .download-content a {
                font-family: Citizen;
                font-weight: bold;
                font-style: normal;
                text-decoration: underline;
                text-transform: uppercase;
            }

                #downloads .download .download-content a:hover {
                    text-decoration: none;
                }

	        #downloads .download .download-content p {
    	        color: #000e79;
    	        font-size: 13px;
    	        text-align: center;
	        }

/* END OF DOWNLOAD STYLING */

/* FEATURED PROGRAM(S) */


#featured {}

    #featured .featured-program {
        background-color: #010080;
        display: block;
        margin-bottom: 30px;
        padding: 20px;
        text-decoration: none;
    }


        #featured .featured-program h3, #featured .featured-program p {
            font-family: Citizen;
            font-size: 36px;
            font-weight: bold;
            font-style: normal;
            line-height: 36px;
            text-transform: uppercase;
            margin: 0;
        }

        #featured .featured-program p {
            color: #FFF;
            text-align: center;
        }

            #featured .featured-program p span {
                color: #01ffbc;
            }

                #featured .featured-program p span span.soldout {
                    background-color: #ff00ae;
                    color: #FFF;
                    font-size: 14px;
                    line-height: 14px;
                    margin-left: 5px;
                    padding: 2px 5px;
                    vertical-align: middle;
                }

        #featured a.featured-program:hover p {
            color: #01ffbc;
        }

            #featured a.featured-program:hover p span {
                color: #FFF;
            }
/* END: FEATURED PROGRAM(S) */

/* START: CITY FILTER*/

section.city-filter ul {
	padding: 0;
	text-align: center;
	margin-top: 50px;
}

	section.city-filter ul li {
		display: inline-block;
		margin: 0 10px;
	}

		section.city-filter ul li a {
			font-family: 'Citizen';
			font-size: 25px;
			text-decoration: underline;
			text-transform: uppercase;
			color: #010080;
			font-weight: bold;
		}
		
		section.city-filter ul li a:hover {
			color: #ff00ae;
		}		
		

/* END: CITY FILTER */


/* CALENDAR */

.next-month {
    text-align: right;
}

    .prev-month a, .next-month a {
        color: #01ffbc;
        display: inline-block;
        font-family: Citizen;
        font-size: 25px;
        font-weight: bold;
        padding: 10px 0;
        text-decoration: none;
        text-transform: uppercase;
    }

        .prev-month a span, .next-month a span {
            border-bottom: 2px solid #01ffbc;
        }

        .prev-month a:hover, .next-month a:hover {
            color: #ff00ae;
        }

            .prev-month a:hover span, .next-month a:hover span {
                color: inherit;
                border-bottom: 2px solid #ff00ae;
                -webkit-transition: border 0.2s ease-in, border 0.2s ease-out;
                -moz-transition: border 0.2s ease-in, border 0.2s ease-out;
                -o-transition: border 0.2s ease-in, border 0.2s ease-out;
                -ms-transition: border 0.2s ease-in, border 0.2s ease-out;
                transition: border 0.2s ease-in, border 0.2s ease-out;
            }





#calendar {
    border-collapse: separate;
    border-spacing: 5px;
}

    #calendar .calendar-row {
        margin-left: -5px;
        margin-right: -5px;
    }

        #calendar .calendar-day-row::before, #calendar .calendar-day-row::after {
            display: block;

        }

        #calendar .calendar-day-head, #calendar .calendar-day {
            padding: 2.5px;
        }

            #calendar .calendar-day-head {
                color: #010080;
                font-family: Citizen;
                font-size: 25px;
                font-weight: bold;
                line-height: 34px;
                text-align: center;
                text-transform: uppercase;
            }

            #calendar .calendar-day .calendar-day-inner {
                color: #FFF;
                background-color: #010080;
                min-height: 112px;
                padding: 5px 0;
                text-align: center;
            }

                #calendar .calendar-day .calendar-day-inner.has-events {
                    background-color: #ff00ae;
                }

                #calendar .calendar-day .calendar-day-inner.today {
                    background-color: #01ffbc;
                }

                #calendar .calendar-day.not-in-month .calendar-day-inner {
                    background-color: #FFF !important;
                }


                #calendar .calendar-day .calendar-day-inner .day-number {
                    font-family: Citizen;
                    font-size: 25px;
                    font-weight: bold;
                    /*line-height: 34px;*/
                    line-height: 28px;
                    position: relative;
                }

					@media screen and (max-width: 565px) {
						#calendar .calendar-day .calendar-day-inner .day-number {
							width: 24% !important;
						}
					}

                    #calendar .calendar-day .calendar-day-inner .day-number.line::before {
                        background-color: #FFF;
                        content: '';
                        height: 3px;
                        position: absolute;
                        top: 50%;
                        left: 0;
                        right: 0;
                        margin-top: -1.5px;
                        width: 100%;
                    }

                    #calendar .calendar-day .calendar-day-inner .day-number.line span {
                        background-color: #ff00ae;
                        display: inline-block;
                        padding: 0 5px;
                        position: relative;
                    }

                    #calendar .calendar-day .calendar-day-inner.today .day-number.line span {
                        background-color: #01ffbc;
                    }

                #calendar .calendar-day .calendar-day-inner a.event {
                    color: #010080;
                    display: block;
                    padding: 0 5px;
                    font-family: Citizen;
                    font-size: 13px;
                    font-weight: bold;
                    line-height: 14px;
                    min-height: 74px;
                    text-transform: uppercase;
                }

                        #calendar .calendar-day .calendar-day-inner.multi a.event {
                            font-size: 10px;
                            line-height: 12px;
                            min-height: 36px;
                        }

                    #calendar .calendar-day .calendar-day-inner a.event:hover {
                        color: #FFF;
                        text-decoration: none;
                    }

                    #calendar .calendar-day .calendar-day-inner a.event span {
                        color: #FFF;
                        display: block;
                    }

                        #calendar .calendar-day .calendar-day-inner a.event:hover span {
                            color: #010080;
                        }


        #calendar .calendar-day.next-month-btn, #calendar .calendar-day.prev-month-btn {
            color: #01ffbc;
            font-family: Citizen;
            font-size: 100px;
            font-weight: bold;
            line-height: 100px;
            text-align: center;
            text-decoration: none;
        }

            #calendar .calendar-day.next-month-btn:hover, #calendar .calendar-day.prev-month-btn:hover {
                color: #ff00ae;
            }


.loading {
    display: none;
    padding: 30px 0;
}


/* END - CALENDAR */


/* NEWS */

#front-news {
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    background-size: auto;
    padding: 40px 0;
}

    #front-news .news-item {
        background-color: #010080;
        color: #FFF;
        margin-bottom: 30px;
    }

        #front-news .news-item .inner {
            padding: 30px 30px 30px 0;
        }

#news .news-item {
    padding: 0;
}

    #news .news-item {
        background-image: url('images/news-waggel-roze.png');
        background-position: left center;
        background-repeat: repeat;
        -webkit-background-size: auto;
        -moz-background-size: auto;
        -o-background-size: auto;
        background-size: auto;
    }

    #news .news-item.has-bg {
        background-image: url('images/news-waggel-groen.png');
    }

    #front-news {
        background-image: url('images/news-bg.png');
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
    }

    #news .news-item .inner {
        background-color: #FFF;
        padding: 20px;
    }
    
    #news .news-item .news-title + img {
	    width: 100% !important;
	    display: block;
    }



/* END - NEWS */


/* MUSICI */


#musici-container {}

    #musici-container .muzikant {
        margin-bottom: 30px;
    }

        #musici-container .muzikant a {
            font-size: 13px;
            text-decoration: underline;
        }

        #musici-container .muzikant a.no-link {
            cursor: default;
        }

        .musici-images a.lightbox {
	        margin: 10px 0;
        }

/* END - MUSICI */



/* FAQ */


#faq-container {}

    #faq-container .faq {}

        #faq-container .faq h3.faq-question {
            cursor: pointer;
        }

            #faq-container .faq h3.faq-question:hover {
                color: #ff00ae;
            }

            #faq-container .faq h3.faq-question span {
                text-decoration: underline;
            }

            #faq-container .faq h3.faq-question::after {
                color: #01ffbc;
                content: '»';
                display: inline-block;
                font-family: Citizen;
            	font-style: normal;
                font-size: 30px;
                font-weight: bold;
                margin-left: 5px;
                transform: rotate(90deg);
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -moz-transition: all 1s ease;
                -webkit-transition: all 1s ease;
                -o-transition: all 1s ease;
                transition: all 1s ease;
            }

            #faq-container .faq.open h3.faq-question::after {
                transform: rotate(-90deg) ;
                -webkit-transform: rotate(-90deg);
                -moz-transform: rotate(-90deg);
                -o-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
            }

        #faq-container .faq .faq-answer {
            display: none;
        }

            #faq-container .faq .faq-answer p:first-of-type {
                margin-top: 0;
            }

/* END - FAQ */


/* COMPOSITIEWEDSTRIJD */

.compositiewedstrijd-banner {
    display: block;
    margin-bottom: 20px;
}

#compositiewedstrijd-deelnemers {
    margin-top: 30px;
}

    #compositiewedstrijd-deelnemers h3.ronde-title {
        background-color: #ff00ae;
        font-size: 24px;
        line-height: 24px;
        margin: 15px 0;
        padding: 5px 15px 3px 15px;
        text-align: center;
    }


        #compositiewedstrijd-deelnemers h2.ronde-title.bg-green {
            background-color: #01ffbc;
        }

        #compositiewedstrijd-deelnemers .row:first-of-type h3.ronde-title {
            margin-top: 0;
        }

        #compositiewedstrijd-deelnemers h3.ronde-title span {
            color: #FFF;
        }

    #compositiewedstrijd-deelnemers .deelnemer {
        margin-bottom: 15px;
    }

        #compositiewedstrijd-deelnemers .deelnemer a.deelnemer-photo {
            display: block;
            position: relative;
            max-width: 360px;
            margin: 0 auto;
        }

            #compositiewedstrijd-deelnemers .deelnemer a.deelnemer-photo .ronde {
                position: absolute;
                bottom: 15px;
                right: 15px;
            }

        #compositiewedstrijd-deelnemers .deelnemer .deelnemer-info {
            background-color: #ff00ae;
            padding: 10px;
        }

            #compositiewedstrijd-deelnemers .deelnemer.green .deelnemer-info {
                background-color: #01ffbc;
            }

            #compositiewedstrijd-deelnemers .deelnemer .deelnemer-info a {
                color: #FFF;
                font-family: Citizen;
                font-size: 15px;
                text-transform: uppercase;
            }

                #compositiewedstrijd-deelnemers .deelnemer .deelnemer-info a:hover {
                    color: #010080;
                }

        #compositiewedstrijd-deelnemers .deelnemer a.deelnemer-vote {
            color: #010080;
            display: block;
            font-family: Citizen;
            font-weight: bold;
            font-size: 24px;
            font-style: normal;
            margin-top: 5px;
            text-align: center;
            text-decoration: underline;
            text-transform: uppercase;
        }

            #compositiewedstrijd-deelnemers .deelnemer a.deelnemer-vote:hover {
                color: #ff00ae;
            }

#compositiedeelnemer-vote {
    background-color: #ff00ae;
    padding: 15px;
    position: relative;
}

    #compositiedeelnemer-vote .vote-loading {
        display: none;
        font-size: 14px;
        position: absolute;
        top: 20px;
        right: 20px;
    }

        #compositiedeelnemer-vote .vote-loading img {
            height: 25px;
            width: 25px;
        }

    #compositiedeelnemer-vote form {
        margin: 0;
    }

        #compositiedeelnemer-vote form input[type="text"], #compositiedeelnemer-vote form input[type="email"] {
            border: 1px solid #FFF;
            outline: none;
        }

            #compositiedeelnemer-vote form input[type="text"]:focus, #compositiedeelnemer-vote form input[type="email"]:focus {
                border: 1px solid #010080;
            }

        #compositiedeelnemer-vote form input[type="submit"]{
            background: none;
            border: 0;
            color: #010080;
            font-family: Citizen;
            font-weight: bold;
            font-size: 35px;
            font-style: normal;
            text-align: center;
            text-decoration: underline;
            text-transform: uppercase;
            padding: 0;
            margin: 0 5px 0 0;
        }

            #compositiedeelnemer-vote form input[type="submit"]:hover {
                color: #FFF;
            }

    #compositiedeelnemer-vote p.stars {
        display: inline-block;
        padding: 0;
        vertical-align: middle;
    }

        #compositiedeelnemer-vote p.stars a {
            background-image: url('images/star-blue.svg');
			-webkit-background-size: cover;
		    -moz-background-size: cover;
		    -o-background-size: cover;
		    background-size: cover;
            display: inline-block;
            height: 35px;
            width: 35px;

        }

            #compositiedeelnemer-vote p.stars a.active {
                background-image: url('images/star-blue-active.svg');
            }

    #compositiedeelnemer-vote .hidden-vote {
        display: none;
    }

ul#compositiedeelnemer-meta {
    margin: 0;
    padding: 15px;
}

    ul#compositiedeelnemer-meta li {
        color: #010080;
        font-size: 14px;
        line-height: 24px;
        list-style-type: none;
    }

        ul#compositiedeelnemer-meta li span {
            color: #ff00ae;
        }

            ul#compositiedeelnemer-meta li span.comma {
                color: #010080;
            }

        ul#compositiedeelnemer-meta li.instrumenten span.comma:last-of-type {
            display: none;
        }

p.search-no-results {
    display: none;
}

#comp-info #faq-container .faq h3.faq-question {
    line-height: 1;
}

#compositiewedstrijd-deelnemers .deelnemer-img {
    height: 300px;
    overflow: hidden;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}

    #compositiewedstrijd-deelnemers .deelnemer-img img {
        height: 100%;
        object-fit: cover;
        width: 100%!important;
    }



.deelnemer-img {
    position: relative;
}

.deelnemer-photo:hover .deelnemer-img::before {
    content: "";
    position: absolute;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    right:0;
    bottom: 0;
    background-color: rgba(1, 0, 128, 0.2);
}

.deelnemer-img::after {
    content: "";
    position: absolute;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    right:0;
    bottom: 0;
    background: url('images/play.svg');
    background-size: 50px 50px;
    background-position: center center;
    background-repeat: no-repeat;
}

.deelnemer-top {
    background-color: #010080;
    color: #ffffff;
    margin: 0;
    font-family: Citizen;
    text-transform: uppercase;
    line-height: 1;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    word-wrap: break-word;
}

    .deelnemer-top > div {
        padding: 4px 0;
    }

    .deelnemer-top .icon img,
    #voteContainer .icon img {
        vertical-align: baseline;
    }


.deelnemer-bottom {
    background-color: #01ffbc;
    color: #010080;
    margin: 0;
    font-family: Citizen;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
    text-align: center;
}

    .deelnemer-bottom .name-deelnemer {
        padding: 5px 0 0 0;
    }

    .deelnemer-bottom .instruments-deelnemer {
        padding: 0 0 5px 0;
    }

#moreDeelnemers {
    text-align: center;
    margin-top: 5px;
}

    #moreDeelnemers span {
        color: #ff00ae;
        font-family: Citizen;
        font-size: 24px;
        font-weight: bold;
        text-decoration: underline;
        text-transform: uppercase;
        cursor: pointer;
    }

#compositiewedstrijd-videos .video {
    margin-bottom: 30px;
	max-width: 100%;
}

#compositiewedstrijd-videos {
    text-align: center;
}

    #compositiewedstrijd-videos .moreVideos a {
        text-decoration: underline;
    }

.sort-by-button-group {
    font-size: 0;
    margin-top: 20px;
}

.sort-by-button-group button {
    border:0;
    background-color: transparent;
    box-shadow: none;
    text-transform: uppercase;
    font-family: Citizen;
    font-size: 24px;
    font-weight: bold;
    color: #010080;
    text-decoration: underline;
    outline: none !important;
    padding: 5px 10px;
}

.sort-by-button-group button:first-of-type {
    padding: 5px 10px 5px 0;
}

    .sort-by-button-group button.active {
       color: #ff00ae;
    }

#voteContainer {
    margin-top: 30px;
    text-transform: uppercase;
    font-family: Citizen;
    font-size: 18px;
}

    #voteContainer .filler {
        background-color: #010080;
        color: #ffffff;
        padding: 5px 10px;
        display: inline-block;
    }

    #voteContainer .icon {
        max-width: 25px;
        width: 25px;
        display: inline-block;
    }

.deelnemer-indicators,
.like-icon {
    display: inline-block;
    vertical-align: middle;
}

.like-icon {
    padding-right: 15px;
    cursor: pointer;
}

    .like-icon > form {
        margin: 0;
    }

    .like-icon #vote-email {
        width: auto;
        display: inline-block;
        margin-left: 15px;
    }

    .like-icon #vote {
        height: 64px;
        width: 74px;
        background-image: url('images/like.png');
        background-color: transparent;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        padding: 0;
        border: 0;
        display: inline-block;
        margin: 0;
        margin-left: 15px;
    }

    #voteContainer-form {
        position: relative;
    }

        #voteContainer-form .vote-loading {
            background-color: rgba(1, 0, 128, 0.8);
            bottom: 0;
            display: none;
            left: 0;
            padding: 15px;
            position: absolute;
            right: 0;
            text-align: center;
            top: 0;
            z-index: 20;
        }

        #voteContainer-form .liked {
            cursor: normal;
            display: none;
            margin-left: 60px;
        }

.titleDeelnemer {
    background-color: #01ffbc;
    font-size: 31px;
    margin-bottom: 20px;
}

/* END - COMPOSITIEWEDSTRIJD */

#inPageNav ul, .homePageNav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Citizen;
	font-weight: bold;
	font-style: normal;
	text-align: center !important;
}

.homePageNav ul {
	margin-bottom: 25px;
}

	#inPageNav ul li, .homePageNav ul li {
		border-bottom: none !important;
	}

	#inPageNav ul li a, .homePageNav ul li a  {
		font-size: 25px;
		text-decoration: underline;
		color: #010080;
		padding: 0px 10px;
	}

		.homePageNav ul li a {
			color: #fff;
		}

		#navigationSub #inPageNav ul li a {
    		text-decoration: none;
		}

	#inPageNav ul li a:hover, .homePageNav ul li a:hover {
		color: #ff00ae;
		text-decoration: underline;
	}


.playDates {
	text-transform: uppercase;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

	.playDates li a, .upComming a {
		color: #ff00ae;
		text-decoration: underline;
	}	

	.playDates li a:hover, .upComming a:hover {
		color: #03ffbc;
	}

	.playDates span.soldout,
	.playDates span.last-tickets {
        color: #FFF;
    	display: inline-block;
    	margin-bottom: 5px;
        padding: 0px 5px;
	}
	
	
	.playDates span.soldout {
        background-color: #ff00ae;
	}
	
	.playDates span.last-tickets {
    	background-color: #010080;
    	word-break: break-word;
	}

.dateSubtitle {
	font-weight: 300;
	text-transform: lowercase;
	position: relative;
	top:-5px;
}

.upComming {
	font-size: 20px;
	text-align: center;
	font-family: Citizen;
	font-weight: bold;
	font-style: normal;
	color: #010080;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.backLink a {
	color: #010080;
}

	.backLink a:hover {
		color: #ff00ae;
	}

.seizoenFilter {
	font-family: Citizen;
	font-weight: bold;
	font-style: normal;
}

.seizoenFilter select {
	width: auto;
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
	margin-left: 15px;
	margin-right: 15px;
}

.seizoenFilterText {
	font-size: 37px;
	color: #010080;
	display: inline-block;
	text-transform: uppercase;
	font-family: Citizen;
	font-weight: bold;
	font-style: normal;
	margin-top: 0;
}

.seizoenFilter input[type="submit"] {
	border:0 !important;
	outline: none !important;
	font-size: 37px;
	color: #ff00ae;
	text-decoration: underline !important;
	display: inline-block;
	text-transform: uppercase;
	font-family: Citizen;
	font-weight: bold;
	font-style: normal;
	background-color: transparent !important;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

	.seizoenFilter input[type="submit"]:hover {
		color: #010080;
	}


.programmaOverzicht.pageTextBlock .dates {
	display: block;
}

.programmaOverzicht .program-more {
    display: none;
}

.programmaOverzicht p:last-of-type {
    margin-bottom: 0;
}

.programmaOverzicht .readMore {
	margin-bottom: 10px;
	display: inline-block;
}

.search-result {
    padding: 0 30px;
}

    .search-result .result {
    	padding-bottom: 25px;
    	margin-bottom: 20px;
    }

        .search-result .result h4 {
            color: #ff00ae;
            margin: 0;
        }

/* POPUP */

#overlay,
.popup-overlay {
    background-color: rgba(0,0,0,0.5);
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 950;
}

.popup-container {
	display: none;
	padding-top: 30px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 960;
}

.popup-container audio::-internal-media-controls-download-button {
	display:none;
}

.popup-container audio::-webkit-media-controls-enclosure {
	overflow:hidden;
}

.popup-container audio::-webkit-media-controls-panel {
	width: calc(100% + 30px); /* Adjust as needed */
}

@media screen and (max-width: 767px) {
	.popup-container {
		left: 30px;
		right: 30px;
	}

		.popup-container .close-popup {
			right: 0 !important;
		}

}

	.popup-container .popup-loading {
		background-color: #FFF;
		background-image: url('images/nbe-loading.gif');
		background-repeat: no-repeat;
		background-position: center center;
		position: fixed;
		margin-top: -50px;
		top: 50%;
		margin-left: -50px;
		left: 50%;
		height: 100px;
		width: 100px;
	}

	.popup-container .container {
		background-color: #FFF;
		padding-top: 10px;
		padding-bottom: 15px;
		position: relative;
	}

		.popup-container .container .close-popup {
			 position: absolute;
			 top: -30px;
			 right: -30px;
		}

				.popup-container .container .close-popup .fa {
					color: #FFF;
					cursor: pointer;
				    background-color: #ff01ad;
				    padding: 5px 7px;
				    border-radius: 500px;
				    padding-bottom: 6px;
				}

				.popup-container .container .close-popup .fa:hover {
					background-color: #02ffbc;
				}

    #popup-container {
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: 960;
    }

        #popup-container .popup {
            background-color: #01ffbc;
            margin: 25px 50px 0 50px;
            padding: 40px;
            position: relative;
        }

            #popup-container .popup h2 {
                font-size: 37px;
            }

                #popup-container .popup h2 i {
                    background-color: #010080;
                    -webkit-border-radius: 50px;
                    -moz-border-radius: 50px;
                    border-radius: 50px;
                    color: #FFF;
                    margin-top: -5px;
                    margin-right: 15px;
                    padding: 10px 0;
                    vertical-align: middle;
                    width: 57px;
                }

            #popup-container .popup a.popup-close,
            #popup-container .popup p {
                color: #010080;
            }

            #popup-container .popup a.popup-close {
                font-size: 16px;
                position: absolute;
                right: 20px;
                top: 20px;
            }

            #popup-container .popup p {
                color: #010080;
                font-size: 13px;
            }

                #popup-container .popup a.popup-close:hover {
                    color: #ff00ae;
                    cursor: pointer;
                }



/* END - POPUP */


/* navigation */

.navigation ul {
	margin: 0;
	padding: 0;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	color: #010080;
	text-decoration:none;
}

.navigation li {
	display: inline-block;
	background: transparent !important;
	padding: 0 !important;
	margin-right: 5px;
	margin-bottom: 10px;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	background-color: transparent;
	border: 1px solid #ff00ae;
	color: #ff00ae;
	border-radius: 0;
	cursor: pointer;
	padding: 0;
	height: 40px;
	min-width: 40px;
	display: inline-block;
	text-align: center;
	line-height:40px;
}

	.navigation li a {
		border: 1px solid #010080;
		color: #010080;
	}

.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
	color: #010080;

}

/* WooCommerce */

.woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {
    float: right !important;
    margin: 15px 0;
    width: 100% !important;
}

.woocommerce .coupon > input {
    max-width: 49%;
    max-width: 300px;
    display: inline-block;
}

.wc-tab .track,
.wc-tab .review {
    border-bottom: 1px solid #d3ced2;
    padding: 20px 0;
}

    .wc-tab .track span {
        margin-right: 10px;
    }

    .wc-tab .track .mejs-container {
        margin-top: 10px;
    }


#products .product h3.product-title {
    /*font-size: 18px;*/
    /*font-weight: normal;*/
    margin: 0;

}

    #products .product h3.product-title a {
        color: #010080;
        text-decoration: none;
    }

#products .product h4.product-cat {
    font-size: 24px;
    margin: 0;
    text-transform: uppercase;
}


#products .product p {
    color: #010080;
    margin: 0;
}


    .shop-sale {
        max-width: 55% !important;
        position: absolute;
        top: 0;
        left: 0;
    }

    .woocommerce .soldout { display: none; }

    .sold-out {
	    background-color: #ff00ae;
	    color: #FFF;
		font-family: Citizen;
		font-weight: bold;
		font-style: normal;
	    left: 0;
	    position: absolute;
	    right: 0;
	    text-align: center;
	    text-transform: uppercase;
	    top: 18%;
    }

    	.sold-out.big {
	    	font-size: 64px;
	    	margin-top: -88px;
	    	line-height: 68px;
	    	top: 50%;
    	}

    .woocommerce div.product div.images, .woocommerce div.product div.summary { position: relative; }

    del {
        position: relative;
    }

    .woocommerce ul.products li.product .price del,
    .woocommerce ul.products li.product .price ins {
        display: inline-block !important;
    }

            .woocommerce ul.products li.product .price del,
            .woocommerce div.product p.price del,
            .woocommerce div.product span.price del {
                opacity: 1 !important;
                position: relative;
            }

		.woocommerce ul.products li.product .price del span.amount,
            	.woocommerce div.product p.price del span.amount,
            	.woocommerce div.product span.price del span.amount {
	    		text-decoration: line-through;
   		 	background: #d3ced2;
		}

        .linethrough {
            background-color: #ff00ae !important;
            display: block;
            height: 2px;
            position: absolute;
            top: 50%;
            margin-top: -1px;
            right: 0;
            left: 0;
        }

            .summary .linethrough {
                margin-top: 1px;
            }

        .woocommerce ul.products li.product .price del span,
        .woocommerce ul.products li.product .price ins span {
            margin: 0;
        }


.woocommerce .woocommerce-MyAccount-navigation {
	background: #010080;	
}

.woocommerce .woocommerce-MyAccount-navigation ul li {
	display: block !important;
}

.woocommerce label[for="rememberme"] {
    display: block !important;
}

    .woocommerce label[for="rememberme"] input {
        vertical-align: middle;
        margin-top: 10px;
        margin-right: 10px;
    }

.amount {
	display: inline-block;
	background-color: #01ffbc;
	padding: 1px 7px;
	color: #010080;
	font-family: Citizen;
	font-weight: bold;
	font-style: normal;
	font-size: 16px;

	text-transform: uppercase;
}

    .products .product .amount {
        margin-top: 30px;
    }



.myButtons .amount {
	background-color: transparent;
	color: #fff;
	font-family: 'Roboto Slab', serif;
	margin-top: 0;
	padding: 0;
}

.add_to_cart_button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.myButtons,
.button,
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=image], .gform_wrapper .gform_footer input[type=submit] {
	font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    font-family: inherit;
    text-decoration: none !important;
    overflow: visible;
    padding: .618em 1em !important;
    font-weight: 700;
    border-radius: 0 !important;
    left: auto;
    color: #fff !important;
    background-color: #010080 !important;
    border: 0;
    white-space: nowrap;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: none;
    margin-top: 15px;
}

.woocommerce .related.products {
   clear: both;
}

    .button.green, .button.load-more-posts {
        background-color: #01ffbc !important;
        color: #010080 !important;
    }

    .button.large, .button.load-more-posts {
        font-size: 24px;
    }

        .button.load-more-posts {
            margin-top: 50px;
            margin-bottom: 50px;
        }

.add_to_cart_button {
	margin-top: 15px !important;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.myButtons,
.button,
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=image], .gform_wrapper .gform_footer input[type=submit] {
	margin-top: 0;
}

	.add_to_cart_button:hover,
	.woocommerce #respond input#submit.alt:hover,
	.woocommerce a.button.alt:hover,
	.woocommerce button.button.alt:hover,
	.woocommerce input.button.alt:hover,
	.myButtons:hover,
	.button:hover,
	.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=image]:hover, .gform_wrapper .gform_footer input[type=submit]:hover {
		background-color: #ff00ae !important;
		color: #fff !important;
	}

.myButtons {
	margin: 3px 2px;
}

.productBlock h3 {
	margin-bottom: 5px;
}

#ship-to-different-address label {
	font-size: 16px;
	display: inline-block;
	margin-top: 0;
}

#ship-to-different-address input {
	margin-left: 0;
	margin-top: 11px;
	margin-right: 10px;
}

.woocommerce #content table.cart td.actions .button, .woocommerce #content table.cart td.actions .input-text, .woocommerce #content table.cart td.actions input, .woocommerce table.cart td.actions .button, .woocommerce table.cart td.actions .input-text, .woocommerce table.cart td.actions input, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions input, .woocommerce-page table.cart td.actions .button, .woocommerce-page table.cart td.actions .input-text, .woocommerce-page table.cart td.actions input {
	width: 100% !important;
}


.block-embed iframe {
    width: 100%;
}

a.more-link {
	color: #ff00ae;
	font-size: 24px;
	font-family: Citizen;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	text-decoration: underline;
}

	a.more-link:hover {
		color: #010080;
		margin-top: 20px;
		margin-bottom: 50px;
	}

	a.more-link.blue {
    	color: #010080;
	}

	    a.more-link.blue:hover {
            color: #ff00ae;
        }

    #front-news .news-item a.more-link:hover {
    	color: #FFF;
	}

.woocommerce span.onsale {
	background-color: #01ffbc !important;
	color: #010080 !important;
}

.woocommerce span.soldout.onsale {
	background-color: #ff00ae !important;
	color: #fff !important;
}

.donation_field_wrapper {
    background-color: #ebe9eb;
    margin-top: 5px;
    padding: 10px;
	position: relative;
}

.donation_field_wrapper input {
    padding: 10px 10px 10px 20px;
}

.donation_field_wrapper .unit {
    bottom: 24px;
    display: block;
    left: 20px;
    position: absolute;
    z-index: 10;
}

.products li.product-category {
    background-color: #010080;
}

.products li.product-category:hover {
    background-color: #ff00ae;
}

.products li.product-category a h2 {
    text-align: center;
    color: white;
}

.products li.product-category a h2 mark {
    color: white;
    background-color: transparent
}

.woocommerce-shop ul.products li.product-category a img {
    display: none !important;
}



/* MP3 AUDIO */

/* change the color of the background */
.mejs-controls,
.mejs-mediaelement,
.mejs-container {
	background: url('') !important;
	background-color: #010080 !important;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #FFF !important;
}

    /* BEGIN of mobile devices custom style */

    @media screen and (max-width: 767px) {

		.gform_wrapper form {
			margin-top: 5px !important;
			margin-bottom: 3px !important;
		}

        nav.homePageNav {
            background-color: #fff;
            margin-bottom: 25px;
            padding: 15px 0;
        }

            nav.homePageNav ul {
                margin: 0;
            }

                nav.homePageNav ul li a {
                    color: #010080;
                }

    	#products .product h3.product-title,
    	#products .product h3.product-title a {
	    	font-size: 16px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			width: 100%;
    	}

    	#musici-container h3 {
            font-size: 24px;
            text-align: center;
        }

    	#wrap { padding-top: 0 !important; }
    	#top { position: relative; }

    	    #logoTop {
        	    overflow-x: hidden;
    	    }

    	    #logoTop .align img {
        	    max-width: 200vw;
    	    }

    	.bigCitizen { font-size: 20px; }

    	#afterScrollContainer {
	    	display: block;
    	}

    	#afterScrollBar {
	    	display: none;
    	}

    	.blockContainer {
			background-position: center top;
			background-repeat: no-repeat;
			-webkit-background-size: cover;
		    -moz-background-size: cover;
		    -o-background-size: cover;
		    background-size: cover;
		    display: block;
		}

		.titleArea .titleImage {
			margin-bottom: 30px;
			margin-top: 50px;
			max-height: 55px;
			width: auto;
		}

		.contentArea .inner {
			background-color: #fff;
			color: #010080;
			padding: 1px 20px;
			margin-top: 25px;
			font-size: 16px;
			line-height: 24px;
			margin-bottom: 25px;
		}

		#headerText {
			font-size: 24px;
			line-height: 30px;
			position: relative;
			padding: 30px 15px;
			bottom: 0;
		}

			#headerText h2 {
				font-size: 24px;
				line-height: 30px;
			}

		.buyCardsHeader {
			font-size: 16px;
		}

		.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce-page[class*=columns-] ul.products li.product, .woocommerce[class*=columns-] ul.products li.product {
			width: 100% !important;
			float: none !important;
		}

		.productBlock {
			border-bottom: 1px solid #01ffbc;
		}

		.pageSectionContainer .leftImg {
			margin-left: 0;
		}

		/*.pageTextBlock * {
			text-align: left !important;
		}*/

		.pageTextBlock.borderRight {
			border-bottom: 2px solid #ff00ae;
			margin-bottom: 10px;
		}

		h1 {
		    font-size: 32px;
		}

		#inPageNav ul li a, .homePageNav ul li a {
			font-size: 20px;
			padding: 5px 0;
		}

		.pageSectionContainer::before {
			content:"";
			display:block;
			height:100px; /* fixed header height*/
			margin:-100px 0 0; /* negative fixed header height */
		}

		.sectionTitle h2 {
	    	font-size: 22px;
    	}


    	h2.news-title {
        	font-size: 24px;
        	line-height: 34px;
    	}

    	.sectionTitle .dates {
	    	font-size: 18px
    	}

        .sectionTitle h2 {
    		word-break: break-all;
    	}

    	/* CALENDAR */

    	.next-month {
            text-align: right;
        }

            .prev-month a, .next-month a {
	           	font-size: 16px;
                padding: 0 0 5px 0;
            }

        #calendar .calendar-head-row {
            display: none;
        }

        #calendar .calendar-day .calendar-day-inner.has-events, #calendar .calendar-day .calendar-day-inner.has-events, #calendar .calendar-day .calendar-day-inner .day-number.line span {
            background-color: #010080;
        }

            #calendar .calendar-day .calendar-day-inner.has-events a {
                color: #ff00ae;
            }

        #calendar .calendar-day.not-in-month {
             display: none;
        }

            #calendar .calendar-day.not-in-month.next-month-btn {
                 display: block;
                 line-height: 50px;
            }

        #calendar .calendar-day .calendar-day-inner .day-number::before, #calendar .calendar-day .calendar-day-inner .day-number span::before {
            content: attr(data-title);
            /* color: #ff00ae; */
            color: #FFF;
            margin-right: 5px;
            text-transform: uppercase;
            width: 100%;
        }

        #calendar .calendar-day .calendar-day-inner, #calendar .calendar-day .calendar-day-inner a.event {
            min-height: 0 !important;
        }

        #calendar .calendar-day .calendar-day-inner {
	        padding: 20px;
	        text-align: left;
        }

        #calendar .calendar-day .calendar-day-inner .day-number {
	        margin-right: 10px;
	    	width: 25%;
        }

        #calendar .calendar-day .calendar-day-inner a.event {
            width: 70%;
        }

        #calendar .calendar-day .calendar-day-inner .day-number,
        #calendar .calendar-day .calendar-day-inner a.event {
	        display: inline-block;
	        vertical-align: middle;
        }


        #calendar .calendar-day .calendar-day-inner.multi a.event {
            font-size: 13px;
            line-height: 16px;
        }

        .alignright-calender {
            float: right;
            width: 70%;
        }

		@media screen and (max-width: 767px) {
			.alignright-calender {
				width: 73%;
			}
		}

		.alignright-calender > a {
            padding-left: 0 !important;
        }

        .alignleft-calender {
            float: left;
        }

        .alignleft-calender::before {
            display: none;
        }

        .alignleft-calender > span {
            padding: 0 !important;
        }


    	/* END - CALENDAR */

    	.programma-content .page-social {
        	position: relative;
        	top: auto;
        	text-align: center;
        	margin-bottom: 15px;
    	}


    	#front-news .news-item .inner {
            padding: 15px;
        }

        #featured .featured-program h3, #featured .featured-program p {
    		font-size: 18px;
    		line-height: 18px;
		}

		#popup-container .popup {
            margin: 25px 0px 0 0px;
            padding: 20px;
        }

            #popup-container .popup h2 {
                font-size: 20px;
                line-height: 26px;
            }

                #popup-container .popup h2 i {
                    font-size: 37px;
                }

        .myButtons {
        	display: inline-block;
        	width: auto;
        }

    }

    .product-subtitle {
        display: none;
    }

    /* END of mobile devices custom style */


    /* BEGIN of non-mobile devices custom style */

    @media screen and (min-width: 768px) {
    	.productBlock h3 {
	    	margin-top: 0;
	    	margin-bottom: 5px;
    	}

    	.equalHeightRow {
	    	display: flex;
	    	margin: 0 auto;
	    	width: 100%;
    	}

    	.pageTextBlock.borderRight {
			border-right: 1px solid #ff00ae;
			padding-right: 20px;
		}

		.pageTextBlock.borderLeft {
			border-left: 1px solid #ff00ae;
			padding-left: 20px;
		}

    	.pageTextBlock.borderRight, .pageTextBlock.borderLeft {
/*
	    	display: table-cell;
	    	vertical-align: top;
	    	float: none;
*/
    	}


    	#news .news-item .inner .news-content {
            -webkit-column-count: 2;
            -moz-column-count: 2;
            column-count: 2;
            -webkit-column-gap: 30px;
            -moz-column-gap: 30px;
            column-gap: 30px;
            -webkit-column-rule: 2px solid #ff00ae;
            -moz-column-rule: 2px solid #ff00ae;
            column-rule: 2px solid #ff00ae;
        }


        #news .news-item .inner .news-content div.overview-line-break    { height: 21px; }
        #news .news-item .inner .news-content div.overview-line-break-1  { height: 42px; }
        #news .news-item .inner .news-content div.overview-line-break-2  { height: 63px; }
        #news .news-item .inner .news-content div.overview-line-break-3  { height: 84px; }
        #news .news-item .inner .news-content div.overview-line-break-4  { height: 105px; }
        #news .news-item .inner .news-content div.overview-line-break-5  { height: 126px; }
        #news .news-item .inner .news-content div.overview-line-break-6  { height: 147px; }
        #news .news-item .inner .news-content div.overview-line-break-7  { height: 168px; }
        #news .news-item .inner .news-content div.overview-line-break-8  { height: 189px; }
        #news .news-item .inner .news-content div.overview-line-break-9  { height: 210px; }
        #news .news-item .inner .news-content div.overview-line-break-10 { height: 231px; }
        #news .news-item .inner .news-content div.overview-line-break-12 { height: 252px; }
        #news .news-item .inner .news-content div.overview-line-break-13 { height: 273px; }
        #news .news-item .inner .news-content div.overview-line-break-14 { height: 294px; }
        #news .news-item .inner .news-content div.overview-line-break-15 { height: 315px; }


    }

    /* END of non-mobile devices custom style */

    @media screen and (min-width: 767px) and (max-width: 991px) {

        #musici-container h3 {
            font-size: 24px;
        }

	    #headerText {
			font-size: 40px;
			line-height: 50px;
			position: relative;
			bottom: 15px;
		}

		.buyCardsHeader {
			font-size: 22px;
		}

		.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce-page[class*=columns-] ul.products li.product, .woocommerce[class*=columns-] ul.products li.product {
			width: 46% !important;
		}

		.productBlock {
			border-bottom: 1px solid #01ffbc;
		}

		#inPageNav ul li a, .homePageNav ul li a {
			font-size: 17px;
			padding: 5px;
		}

		.gform_wrapper form {
			margin-top: 5px;
			margin-bottom: 3px;
		}

		.pageSectionContainer::before {
			content:"";
			display:block;
			height:380px; /* fixed header height*/
			margin:-380px 0 0; /* negative fixed header height */
		}

        #calendar .calendar-day .calendar-day-inner {
            min-height: 98px;
        }


		#calendar .calendar-day .calendar-day-inner a.event, #calendar .calendar-day .calendar-day-inner.multi a.event {
    		font-size: 9px;
    		line-height: 10px;
    		min-height: 30px;
		}


		#featured .featured-program h3, #featured .featured-program p {
    		font-size: 24px;
    		line-height: 24px;
		}

		#popup-container .popup {
            margin: 25px 25px 0 25px;
            padding: 20px;
        }

            #popup-container .popup h2 {
                font-size: 20px;
            }

                #popup-container .popup h2 i {
                    font-size: 37px;
                }

	}

	@media screen and (min-width: 992px) and (max-width: 1199px) {

    	#inPageNav ul li a, .homePageNav ul li a {
        	font-size: 22px;
            padding: 0px 8px;
    	}

    	#musici-container h3 {
            font-size: 30px;
        }

    	#calendar .calendar-day .calendar-day-inner a.event {
            font-size: 11px;
            line-height: 14px;
        }



        #popup-container .popup h2 {
            font-size: 30px;
        }

            #popup-container .popup h2 i {
                font-size: 37px;
            }
    }

/* END OF STRUCTURE */


/* CALENDAR - 7 COLUMN GRID */

@media (max-width: 767px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 100%;
    *width: 100%;
  }
}

@media (min-width:768px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}
@media screen and (max-width: 321px) {
	h1 {
		font-size: 28px;
	}
}

@media (max-width:768px) {
	.deelnemer-indicators {
		padding: 15px;
		padding-bottom: 0;
	}

	.like-icon #vote {
		margin-top: 16px;

	}

	.like-icon #vote-email {
		width: 95%;
	}
}

/* CALENDAR - 7 COLUMN GRID */

.vacation-notif{
    width: 100% ;
    background-color: #01ffbc;
    color: #010080;
    font-size: 18px;
    margin-bottom: 20px;
    display: inline-block;
    text-align: center;
}
.search-function{
    margin-top: 30px;
}


/* Composers toolbox */
#composers-toolbox .titleArea p {	
	max-width: 750px;
	margin: auto;	
    font-size: 13px;
    color: #010080;
}

	@media screen and (max-width: 767px) {
		#composers-toolbox .titleArea p {	
			margin-top: 5px;
			margin-bottom: 15px;
		}		
	}

#composers-toolbox .sort-filter {
    font-size: 0;
    margin: 30px 0 30px 0;
    padding: 0;
    text-align: left;
}

#composers-toolbox .sort-filter .filter {
    display: block;
    list-style-type: none;
    text-align: center;
}

@media screen and (min-width: 768px) {

    #composers-toolbox .sort-filter .filter {
        display: inline-block;
    }
}

#composers-toolbox .sort-filter .filter a {
    font-style: normal;
    font-size: 18px;
    font-family: 'Citizen';
    font-weight: bold;
    color: #010080 !important;
    letter-spacing: 1px;
    text-decoration: underline;
    text-transform: uppercase;
    padding: 5px 10px;
    margin-bottom: 5px;
    margin-left: -3px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {

    #composers-toolbox .sort-filter .filter a {
        font-size: 21px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {

    #composers-toolbox .sort-filter .filter a {
        font-size: 29px;
    }
}

@media screen and (min-width: 1200px) {

    #composers-toolbox .sort-filter .filter a {
        font-size: 36px;
    }
}

#composers-toolbox .sort-filter .filter a:hover {
    color: #ff00ae !important;
}

#composers-toolbox .sort-filter .filter a.active {
    color: #ff00ae !important;
}

#composers-toolbox .toggle-filters {
    display: none; /* Will be activated on mobile by JS */
}

#composers-toolbox #filters {
    margin-top: 0;
}

#composers-toolbox #filters .filter .checkbox {
    padding: 0;
    margin: 0 0 5px 0;
}

#composers-toolbox #filters .filter .checkbox input[type="checkbox"] {
    display: none;
}

#composers-toolbox #filters .filter label {
    color: #010080;
    font-family: Citizen;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    margin-top: 0;
    padding: 0;
}

#composers-toolbox #filters .filter .checkbox input[type="checkbox"]:checked + label {
    color: #ff00ae !important;
}

#composers-toolbox #filters .filter .checkbox input[type="checkbox"]:checked + label::before {
    content: '\f00c';
    font-family: 'FontAwesome';
    padding-right: 5px;
}

#composers-toolbox #filters .filter .toggle-more-options {
    cursor: pointer;
    text-decoration: underline;
    color: #ff00ae;
}

#composers-toolbox #filters .filter .toggle-more-options:hover {
    color: #010080;
}

#composers-toolbox #filters .filter:first-of-type h3 {
    color: #ffffff;
    background: #ff00ae;
}

#composers-toolbox #filters .filter h3 {
    color: white;
    background: #010080;
    padding-left: 10px; 
}

#composers-toolbox #filters .filter {
    margin-bottom: 20px;
}

#composers-toolbox #filters .filter label:hover {
    color: #ff00ae !important;
}

#composers-toolbox .toolbox {}

#composers-toolbox .toolbox .video {
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

#composers-toolbox .toolbox .video .videoPlayWrapper::after {
    background-size: 80px;
}

/* Extra nav items */

.extra-nav-items {
    margin-top: 30px;
    margin-bottom: 30px;
}

.extra-nav-items .block-item a, .extra-nav-items .block-item span {
    font-family: Citizen;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    font-size: 24px;
    color: #ff00ae;
    text-decoration: underline;
    font-weight: bold;
}

.extra-nav-items h3 {
    background: #01ffbc;
    font-size: 42px;
    margin-bottom: 30px;
    margin-top: 0;
}

.extra-nav-items a h3 {
    text-decoration: none;
}

.extra-nav-items p {
    font-size: 13px;
    color: #010080;
    margin-top: 10px;
    margin-bottom: 10px;
}

.extra-nav-items .image-container img {
    height: 200px;
}

.extra-nav-items .image-container .inner-image-container {
    padding-bottom: 11.5vw;
    background-size: cover;    
    background-position: center top;
}

.page-template-page-componeren .extra-nav-items .image-container .inner-image-container {
    /* padding-bottom: 35vw; = Bigger images on Componeren page */
}

.extra-nav-items .image-container .second-inner-image-container {
    padding-bottom: 200px;
    background-size: cover;    
    background-position: center top;
}

@media screen and (max-width: 1199px) {
    .extra-nav-items .image-container .second-inner-image-container {
        padding-bottom: 160px;
    }	    		
}

@media screen and (max-width: 991px) {
    .extra-nav-items .image-container .second-inner-image-container {
        padding-bottom: 120px;
    }		    		
}

@media screen and (max-width: 767px) {
    .extra-nav-items .image-container .second-inner-image-container {
        padding-bottom: 120px;
    }	
}

@media screen and (max-width: 567px) {
    .extra-nav-items .image-container .second-inner-image-container {
        padding-bottom: 80px;
    }	
}


.extra-nav-items a:hover {
    color: #010080;
}