/* FONTS */
@font-face {
    font-family: 'Matchmaker';
    src: url('../fonts/Matchmaker.eot?#iefix') format('embedded-opentype'), url('../fonts/Matchmaker.woff') format('woff'), url('../fonts/Matchmaker.ttf')  format('truetype'), url('../fonts/Matchmaker.svg#&Matchmaker') format('svg');
    font-weight: normal;
    font-style: normal;
}
  
@font-face {
    font-family: 'TheMixBold-Plain';
    src: url('../fonts/TheMixBold-Plain.eot?#iefix') format('embedded-opentype'), url('../fonts/TheMixBold-Plain.woff') format('woff'), url('../fonts/TheMixBold-Plain.ttf')  format('truetype'), url('../fonts/TheMixBold-Plain.svg#&TheMixBold-Plain') format('svg');
    font-weight: normal;
    font-style: normal;
}

.error { color: #e30613; }

/* HEADER */
header { }

header .top { padding: 15px 0; background-color: #ededed;}

header .top form { margin: -9px 0 }
header .top form input { margin: 0; }
header .top form.form-inline { float: left; margin-top:-4px; }
header .top form.form-inline select { display: inline; width: auto; }

header .top ul { margin: 0; }
header .top ul.pull-right li:last-child { padding-right: 0; }
header .top a { font-size: 28px; color: #344040; }
header .top .fa { font-size: 25px; color:#e30613; float: left; margin: 3px 5px 0 0}
header .top button { border: 0;  background-color: #344040; padding: 0; float: right; height: 35px; padding: 0 5px 0 10px; }
header .top button:hover { background-color: #5f6666}
header .top button .fa { color: white; font-size: 19px; margin-top:-1px;}

header .navigation .navbar { height: 51px; }
body.logged-in header .navigation .navbar { position: relative; z-index: 9; }

header .navigation .navbar .navbar-inner { min-height: auto }
header .navigation .navbar .nav > li { height: auto }
/* JUST FOR NOW!!! */
header .navigation .navbar .nav > li:nth-child(n+7) { display: none; } 
header .navigation .navbar .nav > li > a,
header .navigation .navbar .nav li.dropdown.open > .dropdown-toggle, 
header .navigation .navbar .nav li.dropdown.active > .dropdown-toggle, 
header .navigation .navbar .nav li.dropdown.open.active > .dropdown-toggle  { line-height: 48px; padding: 0 15px; /*padding: 12px 15px 10px;*/ }

header .navigation .navbar .nav > li > a:focus, header .navigation .navbar .nav > li > a { border-bottom: 3px solid white; }
header .navigation .navbar .nav > .active, header .navigation .navbar .nav > .active, header .navigation .navbar .nav > .active { border-bottom: 0 }
header .navigation .navbar .nav > .active > a, header .navigation .navbar .nav > .active > a, header .navigation .navbar .nav > .active > a { border-bottom: 3px solid #e30613; }
header .navigation .navbar .nav > li > a:focus, header .navigation .navbar .nav > li > a:hover { border-bottom: 3px solid #ededed; }

header .navigation .navbar .nav > li > a.becomemember { font-size: 18px; font-weight: bold; border-bottom: 3px solid #e30613 }
header .navigation .navbar .nav > li > a.becomemember:hover { border-color: #ededed }

header .navigation .navbar .nav > li > a.donate { font-size: 18px; font-weight: bold; border-bottom: 3px solid #4f968b; background-color: #4f968b; color: white; text-decoration: none; text-shadow: none; }
header .navigation .navbar .nav > li > a.donate:hover { border-color: #ededed; background-color: #ededed; color: black; }

header .navigation .navbar .dropdown.open { height: 51px; border: 0; }
header .navigation .navbar .dropdown.open > .dropdown-menu { margin-top: 0px; border-top: 0; }

header .navigation .nav-secondary .dropdown-menu a {
    font-size:16px;
}

header .navigation .unstyled {
    display:none;
}
header .navigation .unstyled  a { font-size: 28px; color: #344040; }
header .navigation .unstyled  .fa { font-size: 25px; color:#e30613; float: left; margin: 3px 5px 0 0}

header .form-login h3, header .form-login a, header .form-login .form-forgot { color: #e30613;}
header .form-login .sign-in { background-color: #e30613; }

header #MyNVVE_UNSTYLED .fa-caret-down {
    float: right;
    margin-left: 10px;
    margin-top: 14px;
    font-size: 1.5em;
}

/* MAIN */

main .header-page { position: relative; z-index: 2; padding: 50px 0; overflow:hidden; }

main #breadcrumbs { margin: 10px 0 15px;}

/*main h1.h1-page-detail, main .h1.h1-page-detail { font-family: 'TheMixBold-Plain'; font-size: 45px; margin-top: 20px; }*/

main .mijnnvve-form-success { margin-top: 15px; }

main .video-bg { background-size: cover; height: 500px !important; max-height: initial!important; }
main .video-bg h1, main .banner h1 { letter-spacing: initial; line-height: 60px;}

main .video-bg h1 { font-family: 'TheMixBold-Plain'; font-size: 62px; max-width: 85%; }
main .video-bg h1 p { font-size: 35px; }
main .video-bg h1 p + p { margin-left: 30px; font-size: 80px; }
main .video-bg h1 p + p + p { margin-left: 60px; font-size: 35px }

main .video-bg .header-page { z-index: 1!important; }


/* HOMEPAGE */
main .banner-home .widget { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0; z-index: 1!important;}
main .banner-home .banner-home-wrapper { margin-top: -169px; padding-bottom: 308px !important;}
main .banner-home .banner-home-wrapper .widget.banner-widget-small { min-height: auto; }

main .banner-home .cta-homepage { background-color: #e30613; }
main .banner-home .cta-homepage a, main .banner-home .cta-homepage a:hover h2 { text-decoration: none; }
main .banner-home .cta-homepage h2 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: white; text-align: center; padding: 10px; margin: 0; }

main .banner.banner-detail { min-height: 230px !important; margin-bottom: 0; } 
.home_v2 main .banner.banner-detail { min-height: 230px; } 

main .banner.banner-detail.has_background { min-height: 340px; margin-bottom: 0; background-size:cover; } 

main .banner.banner-detail.banner-blue { background-color: #6dbada; }
main .banner.banner-detail.banner-darkblue { background-color: #003c58; }
main .banner.banner-detail.banner-gray { background-color: #bcbaaa; }
main .banner.banner-detail.banner-lightred { background-color: #ed6c77; }
main .banner.banner-detail.banner-darkred { background-color: #af1917; }
main .banner.banner-detail.banner-red { background-color: #e30613; }
main .banner.banner-detail.banner-yellow { background-color: #efba25; }
main .banner.banner-detail.banner-green { background-color: #aed5a9; }
main .banner.banner-detail.banner-darkgreen { background-color: #4f968b; }


main .banner.banner-page .banner-page-wrapper { margin-top: -45px !important; z-index: 1; }

main .widget .wrapper { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 20px !important; }
main .widget.widget-newsletter { margin: 0; }
main .widget.widget-newsletter form { margin: 0; }
main .widget.widget-newsletter form .input-append { margin: 0; width: 100%; }
main .widget.widget-newsletter form .input-append input[type="text"] { width: 70% !important; }
main .widget.widget-newsletter form .input-append button { width: 30%; }
main .widget.widget-newsletter #newsletter-error { font-style: italic; }

main .detail-intro .entry  .overview-page { margin-right: -20px; }

/* DEFAULT */
.default_v2 main .detail-intro { margin-top: 15px;}

main .required { color: #e30613; }
main .radio.btn input { display: none; }
main .selectors { display:inline-block; margin-right: 5px; margin-top: 15px;}
main .manual { display:inline-block;}
main .manual .controls { float: right; margin-left: -1px; }
main .manual input { display: none;  }
main label.btn.active { background-color:#6dbada; }
main label span.text-muted { font-size: 12px; color: #8a8a8a; vertical-align: super;}
main .control-group { margin-bottom: 0px; }
main .gender { margin-bottom: 15px;} 

main .entry { padding-right: 0;}

main .layout3 .span4 .inner { padding: 20px 0; }
main .span4.bg-gray { background-color: #ededed; }
main .span4.bg-gray .inner { padding: 20px;  }


/* CTA */
main .cta-item.cta-template {
    background-color: #ededed;
    padding: 15px;
}
main .cta-item.cta-right {
    float:right;
    max-width: 200px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.span4 .cta-item.cta-right { 
    float: none;
    max-width: 100%;
    margin: 0;
}

/* STORIES */
.stories-item {  margin: 0 0 20px 0; overflow:hidden;  -webkit-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.75);  -moz-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.75); box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.75); }
.stories-item:hover {  -webkit-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75); box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75); }
.stories-item a:hover * { text-decoration: none; }
.stories-item .stories-item-image { background-position: center center; height: 250px; background-size: cover;}
.stories-item .stories-item-text { background-color: #e30613; padding: 10px 10px; overflow: hidden; color: white }
.stories-item .stories-item-text h4 { color: white; font-size: 14px; text-decoration: none; margin: 0; line-height: 18px; }
.stories-item .stories-item-text p { font-weight: bold; margin: 15px 0 0; padding: 0; }

.datepicker .active {
    background-color: white !important;
    color: black !important;
    text-shadow: none !important;
}

/* FORM */
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus, select:focus, input[type="file"]:focus {
    border-color: rgba(241, 68, 68, 0.5);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(241, 68, 68, 0.5);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(241, 68, 68, 0.5);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(241, 68, 68, 0.5);
}

.mijnnvve_contactform label { display: inline;  color: black; }
.mijnnvve_contactform .label { background-color: transparent !important; } 
.mijnnvve_contactform label + span { display: inline; color: #e30613; }

.form-update { border: 0; }
.form-update .form-section { padding: 25px 50px 25px 0; }

.form-response.info { background: #b2f3ff; color: #004e58; }

.header-page h4 {
    color: white;
    margin-left: -60px;
}

@media (min-width: 769px) and (max-width: 1024px) {
    header .navigation .navbar .nav > li > a {
        padding: 0 7px !important;
    }
    #form-consult #locations .column.selected_location {
        width: 33% !important;
    }
}

@media (min-width: 320px) and (max-width: 968px) {

    header .top .container .span12 {
        padding: 0 15px;
    }
    header .navigation .btn-navbar {
        border-radius: 0;
        margin: 9px 9px 0 0;
        padding: 11px;
    }
    header .navigation .btn-navbar:focus, header .navigation .btn-navbar:active, header .navigation .btn-navbar:hover {
        color: white;
        background-color: #dd433e;
    }
    header .navigation .nav-collapse .nav {
        background: white;
    }
    header .navigation .nav-secondary {
        margin-top: -12px;
        border-top: 1px solid #ccc;
    }
    header .navigation .navbar .dropdown.open {
        height: auto;
    }

    .header-page .span2 {
        width: 20%;
    }
    .header-page .span2 img {
        width: 70%;
    }
    .header-page .span10 {
        width: 70%;
    }

    main .video-bg {
        background-size: cover;
        height: auto !important;
        max-height: initial!important;
        padding-bottom: 0;
    }
    main .video-bg h1, main .banner h1 { line-height: 40px; }
    main .banner h1 { font-size: 21px; }
    main .video-bg h1 { margin-top: -30px; max-width: 100%; font-size: 30px; } }

    main .banner-home .banner-home-wrapper {
        padding-bottom: 0 !important;
    }
    


    main .banner-widget {
        padding: 15px 15px; 
    }

    main .widget.widget-newsletter form .input-append input[type="text"] {
        width: 60% !important;;
    }

    main .span12 .row:not(.layout3) > .span4, main .span12 .row:not(.layout3) > .span4 + .span4 {
        width: 47%;
    } 
    main .span12 .row:not(.layout3) > .span4 + .span4 + .span4 {
        width: 95%;
    } 

    main .widget > .row {
        padding: 0;
    }

    /*main .widget .wrapper { padding: 0 !important; } */
}



@media (min-width: 426px) and (max-width: 968px) {
    main .video-bg {
        padding-bottom: 40px;
    }
    main .video-bg h1 { 
        font-size: 50px;
        line-height: 70px;
    }
}

@media (min-width: 640px) and (max-width: 968px) {
    main .video-bg {
        background-size: cover;
        height: 420px !important;
        max-height: initial!important;
    }
}

@media (min-width: 320px) and (max-width: 425px) {

    .header-page .span2 {
        width: 25% !important;
        float: left;
    }
    .header-page .span2 img {
        margin-top: -10px;
        width: 80%;
    }
    .header-page .span10 {
        width: 60% !important;
        float: left;
    }

    header .navigation .nav-collapse {
        position: relative;
        z-index: 5;
    }

    header .navigation .unstyled {
        display:block;
        float: left;
        margin: 13px 0 0 15px;
    }

    main .widget .wrapper { padding: 0 !important; padding-bottom: 25px !important; }

    main .video-bg h1 { 
        font-size: 30px;
        line-height: 40px;
    }

    #form-consult #locations .column.selected_location {
        width: 100% !important;
    }
}


#filterlink {
    display: none;
}
#filteroptions {
    display:block !important;
}

option:disabled {
    color: red;
    opacity: .5;
    filter: opacity(.5)
}

.btn-success {
    background-color: green;
}

.qtip{
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;

	max-width: 280px;
	min-width: 50px;

	font-size: 10.5px;
	line-height: 12px;

	direction: ltr;

	box-shadow: none;
	padding: 0;
}

	.qtip-content{
		position: relative;
		padding: 5px 9px;
		overflow: hidden;

		text-align: left;
		word-wrap: break-word;
	}

	.qtip-titlebar{
		position: relative;
		padding: 5px 35px 5px 10px;
		overflow: hidden;

		border-width: 0 0 1px;
		font-weight: bold;
	}

	.qtip-titlebar + .qtip-content{ border-top-width: 0 !important; }

	/* Default close button class */
	.qtip-close{
		position: absolute;
		right: -9px; top: -9px;
		z-index: 11; /* Overlap .qtip-tip */

		cursor: pointer;
		outline: medium none;

		border: 1px solid transparent;
	}

		.qtip-titlebar .qtip-close{
			right: 4px; top: 50%;
			margin-top: -9px;
		}

		* html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */

		.qtip-titlebar .ui-icon,
		.qtip-icon .ui-icon{
			display: block;
			text-indent: -1000em;
			direction: ltr;
		}

		.qtip-icon, .qtip-icon .ui-icon{
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			text-decoration: none;
		}

			.qtip-icon .ui-icon{
				width: 18px;
				height: 14px;

				line-height: 14px;
				text-align: center;
				text-indent: 0;
				font: normal bold 10px/13px Tahoma,sans-serif;

				color: inherit;
				background: transparent none no-repeat -100em -100em;
			}

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.qtip-focus{}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.qtip-hover{}

/* Default tooltip style */
.qtip-default{
	border: 1px solid #F1D031;

	background-color: #FFFFA3;
	color: #555;
}

	.qtip-default .qtip-titlebar{
		background-color: #FFEF93;
	}

	.qtip-default .qtip-icon{
		border-color: #CCC;
		background: #F1F1F1;
		color: #777;
	}

	.qtip-default .qtip-titlebar .qtip-close{
		border-color: #AAA;
		color: #111;
	}