/* Bootstrap */
@media(min-width:1400px){
    .container {
        max-width: 1380px;
    }
}

/* Base */
    /* Basis */
    body {
        font-family:        'Source Sans Pro', sans-serif;
        color:              #303D70;
    }
    li.widget {
        list-style-type:    none;
    }
    .no-padding {
        padding:            0px!important;
    }
    .no-margin {
        margin:             0px!important;
    }

    @media screen and (min-width: 481px) {
    	.alignleft {
    		float:			left;
    		margin-right:	10px;
    	}

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

    	.aligncenter {
    		margin-right: 	auto;
    		margin-left: 	auto;
    	}
	}
    
    @media screen and (max-width: 480px) {
        h1 {
            font-size:      40px;
        }    
    }
    
    /* Button */
    .button {
        padding:            10px;
        font-weight:        bold;
        font-size:          15px;
        text-transform:     uppercase;
        background-color:   rgb(48,60,113);
        color:              white;
        display:            inline-block;
        margin:             20px 0px;
    }
    .button, .button:hover, .button:active, .button:focus, .button a, .button a:hover, .button a:active, .button a:focus {
        text-decoration:    none;
    }
    
    /*Marker */
    .marker-container {
        position:           relative;
    }
    .marker {
        z-index:                2;
        display:                block;
        width:                  88px;
        height:                 88px;
        background-color:       #9fa438;
        background-color:       rgba(159,164,56,0.5);
        -webkit-border-radius:  50%;
        -moz-border-radius:     50%;
        border-radius:          50%;
        position:               absolute;
        text-decoration:        none;
        left:                   50%;
        bottom:                 0;
        margin-left:            -44px;
        margin-bottom:          -44px;
        transition:             all 0.25s ease;
        cursor:                 pointer;
        font-size:              60px;
        color:                  white;
        font-family:            "icomoon";
        text-align:             center;
    }
    .marker::before {
        content:                "\e907";
    }
    
    /* Google maps*/
    .loadGoogleMaps {
        background-size:        cover;
        background-position:    center center;
    }
    
    /* Overlay */
    .overlay {
        padding:                0px !important;
        color:                  white;
        background-size:        cover;
        background-position:    center center;
    }
    .overlay .overlay-container {
        padding:                50px;
        background-position:    left center;
        background-size:        400px;
        background-repeat:      no-repeat;
        height:                 440px;
    }
    .overlay.overlay-blauw .overlay-container {
        background-image:       url(../../img/overlays/blauw_overlay.png);
        height:                 100%;
        max-height:             500px;
        display:                flex;
        align-items:            center;
    }
    
    /* Downloads */
    .downloads .download {
        padding-left:       60px;
        position:           relative;
        line-height:        60px;
        margin:             20px 0px;
    }
    .downloads .download::before {
        width:              43px;
        content:            " ";
        background-image:   url(../../img/icons/download.png);
        position:           absolute;
        left:               0px;
        height:             60px;
        background-size:    cover;
        background-repeat:  no-repeat;
    }
    
    /* Forms */
    .wpcf7-form label {
        width:              100%;
    }
    .wpcf7-form .wpcf7-text, .wpcf7-form .wpcf7-number {
        box-shadow:         none;
        border:             1px solid rgb(48,60,113);
        width:              100%;
        padding:            10px !important;
        color:              rgb(48,60,113);
        width:              100%;
    }
    .wpcf7-form .wpcf7-textarea {
        box-shadow:         none;
        border:             1px solid rgb(48,60,113);
        width:              100%;
        padding:            10px !important;
        color:              rgb(48,60,113);
    }
    .wpcf7-form .wpcf7-submit, .button {
        background-color:   rgb(48,60,113);
        color:              white;
        border:             none;
        padding:            5px 15px;
        position:           relative;
    }
    
    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        color:              #74819D;
    }
    input:-moz-placeholder, textarea:-moz-placeholder {
        color:              #74819D;
    }
    
    /* Titels */
    h1 {
        font-size:              35px;
        font-family:            "Myriad Pro Light";
        margin:                 40px 0px 25px 0px;
        font-weight:            bold;
    }
    h2, h3 {
        font-family:            "Myriad Pro Light";
        font-size:              30px;
        line-height:            35px;
        padding-bottom:         30px;
    }
    .titel {
        font-family:            "Myriad Pro Light";
        font-size:              22px;
        margin-bottom:          20px;
        line-height:            25px;
        padding-bottom:         0px;
    }
    
        
    /* WPML */
    .wpml-ls-item-fr, .wpml-ls-item-de, .wpml-ls-item-pt-pt, .wpml-ls-item-es, .wpml-ls-item-be{
        display:none !important;
    }
    
    /* Fonts */
    @font-face{
        font-family:"Myriad Pro Light";
        src:url("../fonts/Myriad-pro-light.eot?#iefix");
        src:url("../fonts/Myriad-pro-light.eot?#iefix") format("eot"),url("../fonts/Myriad-pro-light.woff") format("woff"),url("../fonts/Myriad-pro-light.ttf") format("truetype"),url("../fonts/Myriad-pro-light.svg#Myriad-pro-light") format("svg");
    }
    @font-face {
        font-family: 'icomoon';
        src:    url('../fonts/icomoon.eot?pt724');
        src:    url('../fonts/icomoon.eot?pt724#iefix') format('embedded-opentype'),
            url('../fonts/icomoon.ttf?pt724') format('truetype'),
            url('../fonts/icomoon.woff?pt724') format('woff'),
            url('../fonts/icomoon.svg?pt724#icomoon') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    
    /* Header*/
    .header .header-bar {
        height:             195px;    
    }
    
    @media screen and (max-width: 480px) {
        .header .header-bar {
            height:         120px;
        }
    }
    
    /* Logo */
    .header .header-bar .logo {
        margin-top:         25px;
    }
    @media(min-width:768px){
        .header .header-bar .logo>a>img {
            height:         141px;
        }
    }
    @media(max-width:767px){
        .header .header-bar .logo>a>img {
            width:          100%;
        }
    }
    
    
    @media screen and (max-width: 480px) {
      .header .header-bar .logo {
        margin-top:         15px;
      }
      .header .header-bar .logo>a>img {
        height:             100%;
        width:              100%;
      }     
    }

    
    /* Taalswitch */
    .header .header-bar .taalswitch {
        margin-top:         50px;
        text-align:         right;
    }
    .header .header-bar .taalswitch a {
        padding:            17px 10px;
    }
    .header .header-bar .taalswitch li {
        list-style-type:    none; 
    }
    .header .header-bar .taalswitch .wpml-ls-item {
        background-color:   rgb(48,60,113);
        width:              50px;
        height:             50px;
        border-radius:      50px;
        text-align:         center;
        margin:             0px 10px;
    }
    .header .menu-container .taalswitch {
        position:           absolute;
        top:                21px;
        right:              0px;
        width:              130px;
    }
    .header .taalswitch .wpml-ls-item a, .header .taalswitch .wpml-ls-item a:hover, .header .taalswitch .wpml-ls-item a:focus, .header .taalswitch .wpml-ls-item a:active {
        text-decoration:    none;
    }
    
    @media(max-width:991px){
        .header .header-bar .taalswitch {
            display:        none;
        }
    }
    @media(min-width:992px){
        .header .menu-container .taalswitch {
            display:        none;
        }
    }
    
    
    /* Menu */
    .header .menu-container .menu-balk ul.navbar-nav {
        padding:            0px;
        margin-bottom:      0px;
    }
    .header .menu-container .menu-balk .navbar-nav li {
        list-style-type:    none;
        padding:            20px 20px;
        display:            inline-block;
    }
    @media(max-width:1200px){
        .header .menu-container .menu-balk .navbar-nav li {
            padding:        20px 7px 20px 7px;
        }
    }
    .header .menu-container .menu-balk .navbar-nav li:first-child {
        padding-left:       0px;
    }
    .header .menu-container .menu-balk .navbar-nav li:last-child {
        padding-right:      0px;
    }
    .header .menu-container .menu-balk .navbar-nav li > a {
        color:              white;
        text-transform:     uppercase;
    }
    .header .menu-container .menu-balk .navbar-toggler {
        border:             none;
        padding-left:       0px;
    }
    .header .menu-container .menu-balk .navbar-toggler-icon {
        background-image:   url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>");
    }
    .navbar, .navbar-inverse {
        border-radius:      0;
        border:             none;
        margin-bottom:      0;
        min-height:         80px;
        padding-left:       0px;
        padding-right:      0px;
    }
    
    .nav li {
    	display: inline;
    	color: white;
    }
    
    .navbar-inverse .navbar-nav > li > a {
    	color: #ffffff;
    	font-family: Lato;
    	font-size: 1.7em;
    	font-weight: 300;
    	padding: 30px 25px 33px 25px;
    }
    
    .navbar-inverse .navbar-nav li a:hover {
    	background-color: #444444;
    	transition: 0.7s all linear;
    	height: 100%;
    }

    /* Engels */
    div.header nav.navbar ul#menu-hoofdmenu-en li#menu-item-8819 {
        background-color:   #ffffff;
    }
    div.header nav.navbar ul#menu-hoofdmenu-en li#menu-item-8819 a {
        color:              #303D70;
    }
    /* Nederlands */
    div.header nav.navbar ul#menu-hoofdmenu li#menu-item-8818 {
        background-color:   #ffffff;
    }
    div.header nav.navbar ul#menu-hoofdmenu li#menu-item-8818 a {
        color:              #303D70;
    }
    
    /* Footer */
    .footer {
        margin-top:         50px;
        padding:            40px 0px;
        display:            inline-block;
    }
    .footer li.widget .widgettitle {
        display:            none;
    }
    
    .footer .menu {
        padding:            0px;
        margin:             0px;
    }
    .footer .menu>li {
        list-style-type:    none;
    }
    
    @media screen and (max-width: 480px){
        .footer .container .row .col-sm-12:nth-child(2){
            margin:         20px 0px;
        }
        .footer .container .row .col-sm-12:nth-child(3) em{
            font-size:      22px !important;
        }
    }
    .footer .footer-3 {
        font-size:          25px;
        font-style:         italic;
    }
    .footer .footer-copyright {
        font-size:          14px;
        font-style:         italic;
        margin:             20px 0px -20px 0px;
    }
    .footer .footer-copyright p {
        margin:             0px;
    }
    
     /* Flip */
     /*
    .flip-container {
    	perspective: 1000px;
    }
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}
    .flipper {
    	transition:            0.6s;
    	transform-style:       preserve-3d;
    	position:              relative;
    }
    .front, .back {
    	backface-visibility:   hidden;
    	position:              absolute;
    	top:                   0;
    	left:                  0;
    }
    .front {
    	z-index:               2;
    	transform:             rotateY(0deg);
    }
    .back {
    	transform:             rotateY(180deg);
    }*/
    
    /* entire container, keeps perspective */
    .flip-container {
    	perspective: 1000px;
    	transform-style: preserve-3d;
    }
	/*  UPDATED! flip the pane when hovered */
	.flip-container:hover .back {
		transform: rotateY(0deg);
	}
	.flip-container:hover .front {
	    transform: rotateY(180deg);
	}
    
    /* flip speed goes here */
    .flipper {
    	transition: 0.3s;
    	transform-style: preserve-3d;
    
    	position: relative;
    }
    
    /* hide back of pane during swap */
    .front, .back {
    	backface-visibility: hidden;
    	transition: 0.3s;
    	transform-style: preserve-3d;
    
    	position: absolute;
    	top: 0;
    	left: 0;
    }
    
    /*  UPDATED! front pane, placed above back */
    .front {
    	z-index: 2;
    	transform: rotateY(0deg);
    }
    
    /* back, initially hidden pane */
    .back {
    	transform: rotateY(-180deg);
    }
    
    /* 
    	Some vertical flip updates 
    */
    .vertical.flip-container {
    	position: relative;
    }
    
    	.vertical .back {
    		transform: rotateX(180deg);
    	}
    
    	.vertical.flip-container:hover .back {
    	    transform: rotateX(0deg);
    	}
    
    	.vertical.flip-container:hover .front {
    	    transform: rotateX(180deg);
    	}
    
    /* Socials */
    .socials {
        margin:                 20px 0px;
    }
    .socials .social {
        line-height:            32px;
        position:               relative;
        padding:                0px 20px 0px 45px;
    }
    @media(min-width:992px) and (max-width:1400px){
        .socials .social {
            display:        block;
        }
    }
    @media(max-width:768px){
        .socials .social {
            display:        block;
        }
    }
    .socials .social::before {
        width:                  30px;
        content:                " ";
        left:                   0px;
        height:                 30px;
        background-size:        cover;
        background-repeat:      no-repeat;
        display:                inline-block;
        margin-right:           15px;
        position:               absolute;
    }
    .socials .social.facebook::before {
        background-image:       url(../../img/icons/facebook.png);
    }
    .socials .social.email::before {
        background-image:       url(../../img/icons/email.png);
    }
    .socials .social.telefoon::before {
        background-image:       url(../../img/icons/telefoon.png);
    }
    .socials .social.linkedin::before {
        background-image:       url(../../img/icons/linkedin.png);
    }
    
    /* Breadcrumb */
    .home #breadcrumbs {
        display:                none;
    }
    #breadcrumbs {
        margin:                 15px 0px;
        background:             rgba(48,60,113,0.1);
        padding:                10px;
        font-size:              12px;
        margin-bottom:          40px;
    }
    #breadcrumbs a {
        color:                  rgb(48,60,113);
        text-decoration:        underline;
        padding:                0px 3px;
    }
    #breadcrumbs span.breadcrumb_last {
        font-weight:            bold;
    }
    
    /* Fancybox */
    .fancybox-slide .fancybox-content {
    	width:                 80%;
    	height:                80%;
    	max-width:             80%;
    	max-height :           80%;
    	margin:                0;
    }
    
    /* Blockquotes */
    blockquote {
        background-color:       rgb(48,60,113);
        color:                  white;
        margin:                 20px 0px;
        padding:                30px;
        quotes:                 "\201C""\201D""\2018""\2019";
        letter-spacing:         1px;
        line-height:            25px;
    }
    blockquote:before {
        background-color:       rgb(48,60,113);
        color:                  white;
        content:                open-quote;
        font-size:              4em;
        line-height:            0.1em;
        margin-right:           0.25em;
        vertical-align:         -0.4em;
    }
    .postid-5727 blockquote.afwijkende_kleur, .postid-5727 blockquote.afwijkende_kleur:before {
        background-color:       #CCB234;
    }
    
    
    /* Basis kleuren */
    .header .menu-container, .footer, .box .box-titel  {
        background-color:   rgb(48,60,113);
    }
    .header .taalswitch .wpml-ls-item a, .header .taalswitch .wpml-ls-item a:hover, .header .taalswitch .wpml-ls-item a:focus, .header .taalswitch .wpml-ls-item a:active, .footer, .footer a {
        color:              white;
    }
    .home .payoff {
        color:              rgb(48,60,113);
    }
    @media(min-width:992px){
        .background-white-light {
            background-image:           linear-gradient(to right, white, white 50%, #E1F3F8 50%);
            background-attachment:      fixed;
            background-repeat:          no-repeat;
        }
        .background-light-white {
            background-image:           linear-gradient(to right, #E1F3F8, #E1F3F8 50%, white 50%);
            background-attachment:      fixed;
            background-repeat:          no-repeat;
        }
    }
    @media(max-width:991px){
        .locatie .row>div.col-lg-6:first-child {
            background-color: #E1F3F8;
        }
        .locatie .programmas .row>div.col-lg-6:first-child {
            background:         none;
        }
    }
    
    
    .tekst-link,.tekst-link:hover,.tekst-link:active, .tekst-link:focus {
        color:              #303D70;
        text-decoration:    none;
    }
    
    @media screen and (max-width: 480px) {
        .background-white-light {
            background:                 white !important;
        }
        .background-light-white {
            background:                 #E1F3F8 !important;
        }
    }
        
        /* Schoollocaties */
        .schoollocaties .inhoud .inhoudRegel.kleur1 .front, .schoollocaties .inhoud .inhoudRegel.kleur1 .back {
            background:             #1B6871;
            background:             -webkit-linear-gradient(left top, #1B6871, #218591);
            background:             -o-linear-gradient(bottom right, #1B6871, #218591);
            background:             -moz-linear-gradient(bottom right, #1B6871, #218591); 
            background:             linear-gradient(to bottom right, #1B6871, #218591);
        }
        .locatie.kleur1 .box.box-locatie .box-titel, .locatie-background-kleur1, .locatie.alle_kleuren .programmas>.row>div:nth-child(1) .programma, .kleur1 blockquote, .kleur1 blockquote:before  {
            background-color:       #1B6871;
        }
        .locatie.kleur1 .box.box-locatie>.inhoud {
            border-color:           #1B6871;
        }
        .locatie.kleur1 .programmas .programma, .locatie.kleur1 .button, .locatie-background-color-kleur1, .locatie.alle_kleuren .programmas>.row>div:nth-child(1) .programma, .programma_kleuren>div:nth-child(1) .programma, .kleur1 blockquote, .kleur1 blockquote:before {
            background-color:       #1B6871;
            color:                  white;
        }
        
        .schoollocaties .inhoud .inhoudRegel.kleur2 .front, .schoollocaties .inhoud .inhoudRegel.kleur2 .back {
            background:             #0F7D99;
            background:             -webkit-linear-gradient(left top, #0F7D99, #0A9EC2);
            background:             -o-linear-gradient(bottom right, #0F7D99, #0A9EC2);
            background:             -moz-linear-gradient(bottom right, #0F7D99, #0A9EC2); 
            background:             linear-gradient(to bottom right, #0F7D99, #0A9EC2);
        }
        .locatie.kleur2 .box.box-locatie .box-titel, .locatie-background-kleur2, .locatie.alle_kleuren .programmas>.row>div:nth-child(2) .programma, .kleur2 blockquote, .kleur2 blockquote:before  {
            background-color:       #0F7D99;
        }
        .locatie.kleur2 .box.box-locatie .inhoud {
            border-color:           #0F7D99;
        }
        .locatie.kleur2 .programmas .programma, .locatie.kleur2 .button, .locatie-background-color-kleur2, .locatie.alle_kleuren .programmas>.row>div:nth-child(2) .programma, .programma_kleuren>div:nth-child(2) .programma {
            background-color:       #0F7D99;
            color:                  white;
        }
        
        .schoollocaties .inhoud .inhoudRegel.kleur3 .front, .schoollocaties .inhoud .inhoudRegel.kleur3 .back {
            background:             #1E707B;
            background:             -webkit-linear-gradient(left top, #1E707B, #218491);
            background:             -o-linear-gradient(bottom right, #1E707B, #218491);
            background:             -moz-linear-gradient(bottom right, #1E707B, #218491); 
            background:             linear-gradient(to bottom right, #1E707B, #218491);
        }
        .locatie.kleur3 .box.box-locatie .box-titel, .locatie-background-kleur3, .locatie.alle_kleuren .programmas>.row>div:nth-child(6) .programma, .kleur3 blockquote, .kleur3 blockquote:before  {
            background-color:       #1E707B;
        }
        .locatie.kleur3 .box.box-locatie .inhoud {
            border-color:           #1E707B;
        }
        .locatie.kleur3 .programmas .programma, .locatie.kleur3 .button, .locatie-background-color-kleur3, .locatie.alle_kleuren .programmas>.row>div:nth-child(6) .programma, .programma_kleuren>div:nth-child(6) .programma {
            background-color:       #1E707B;
            color:                  white;
        }
        
        .schoollocaties .inhoud .inhoudRegel.kleur4 .front, .schoollocaties .inhoud .inhoudRegel.kleur4 .back {
            background:             #898E30;
            background:             -webkit-linear-gradient(left top, #898E30, #A0A538);
            background:             -o-linear-gradient(bottom right, #898E30, #A0A538);
            background:             -moz-linear-gradient(bottom right, #898E30, #A0A538); 
            background:             linear-gradient(to bottom right, #898E30, #A0A538);
        }
        .locatie.kleur4 .box.box-locatie .box-titel, .locatie-background-kleur4, .locatie.alle_kleuren .programmas>.row>div:nth-child(4) .programma, .kleur4 blockquote, .kleur4 blockquote:before  {
            background-color:       #898E30;
        }
        .locatie.kleur4 .box.box-locatie .inhoud {
            border-color:           #898E30;
        }
        .locatie.kleur4 .programmas .programma, .locatie.kleur4 .button, .locatie-background-color-kleur4, .locatie.alle_kleuren .programmas>.row>div:nth-child(4) .programma, .programma_kleuren>div:nth-child(4) .programma {
            background-color:       #898E30;
            color:                  white;
        }
        
        .schoollocaties .inhoud .inhoudRegel.kleur5 .front, .schoollocaties .inhoud .inhoudRegel.kleur5 .back {
            background:             #85A734;
            background:             -webkit-linear-gradient(left top, #85A734, #9EC938);
            background:             -o-linear-gradient(bottom right, #85A734, #9EC938);
            background:             -moz-linear-gradient(bottom right, #85A734, #9EC938); 
            background:             linear-gradient(to bottom right, #85A734, #9EC938);
        }
        .locatie.kleur5 .box.box-locatie .box-titel, .locatie-background-kleur5, .locatie.alle_kleuren .programmas>.row>div:nth-child(5) .programma, .kleur5 blockquote, .kleur5 blockquote:before  {
            background-color:       #85A734;
        }
        .locatie.kleur5 .box.box-locatie .inhoud {
            border-color:           #85A734;
        }
        .locatie.kleur5 .programmas .programma, .locatie.kleur5 .button, .locatie-background-color-kleur5, .locatie.alle_kleuren .programmas>.row>div:nth-child(5) .programma, .programma_kleuren>div:nth-child(5) .programma {
            background-color:       #85A734;
            color:                  white;
        }
        
        .schoollocaties .inhoud .inhoudRegel.kleur6 .front {
            background:             #C33723;
            background:             -webkit-linear-gradient(left top, #C33723, #ED1C24);
            background:             -o-linear-gradient(bottom right, #C33723, #ED1C24);
            background:             -moz-linear-gradient(bottom right, #C33723, #ED1C24); 
            background:             linear-gradient(to bottom right, #C33723, #ED1C24);
        }
        .locatie.kleur6 .box.box-locatie .box-titel, .locatie-background-kleur6, .locatie.alle_kleuren .programmas>.row>div:nth-child(3) .programma, .kleur6 blockquote, .kleur6 blockquote:before  {
            background-color:       #C33723;
        }
        .locatie.kleur6 .box.box-locatie .inhoud {
            border-color:           #C33723;
        }
        .locatie.kleur6 .programmas .programma, .locatie.kleur6 .button, .locatie-background-color-kleur6, .locatie.alle_kleuren .programmas>.row>div:nth-child(3) .programma, .programma_kleuren>div:nth-child(3) .programma {
            background-color:       #C33723;
            color:                  white;
        }
        
        .schoollocaties .inhoud .inhoudRegel.kleur7 .front,.schoollocaties .inhoud .inhoudRegel.kleur7 .back {
            background:             #CCB234;
            background:             -webkit-linear-gradient(left top, #CCB234, #E6C73B);
            background:             -o-linear-gradient(bottom right, #CCB234, #E6C73B);
            background:             -moz-linear-gradient(bottom right, #CCB234, #E6C73B); 
            background:             linear-gradient(to bottom right, #CCB234, #E6C73B);
        }
        .locatie.kleur7 .box.box-locatie .box-titel, .locatie-background-kleur7, .locatie.alle_kleuren .programmas>.row>div:nth-child(7) .programma, .kleur7 blockquote, .kleur7 blockquote:before  {
            background-color:       #CCB234;
        }
        .locatie.kleur7 .box.box-locatie .inhoud {
            border-color:           #CCB234;
        }
        .locatie.kleur7 .programmas .programma, .locatie.kleur7 .button, .locatie-background-color-kleur7, .locatie.alle_kleuren .programmas>.row>div:nth-child(7) .programma, .programma_kleuren>div:nth-child(7) .programma {
            background-color:       #CCB234;
            color:                  white;
        }
        
        .schoollocaties .inhoud .inhoudRegel.kleur8 .front, .schoollocaties .inhoud .inhoudRegel.kleur8 .back {
            background:             #B24D29;
            background:             -webkit-linear-gradient(left top, #B24D29, #D6212B);
            background:             -o-linear-gradient(bottom right, #B24D29, #D6212B);
            background:             -moz-linear-gradient(bottom right, #B24D29, #D6212B); 
            background:             linear-gradient(to bottom right, #B24D29, #D6212B);
        }
        .locatie.kleur8 .box.box-locatie .box-titel, .locatie-background-kleur8, .locatie.alle_kleuren .programmas>.row>div:nth-child(8) .programma, .kleur8 blockquote, .kleur8 blockquote:before  {
            background-color:       #B24D29;
        }
        .locatie.kleur8 .box.box-locatie .inhoud {
            border-color:           #B24D29;
        }
        .locatie.kleur8 .programmas .programma, .locatie.kleur8 .button, .locatie-background-color-kleur8, .locatie.alle_kleuren .programmas>.row>div:nth-child(8) .programma, .programma_kleuren>div:nth-child(8) .programma {
            background-color:       #B24D29;
            color:                  white;
        }
        
        .schoollocaties .inhoud .inhoudRegel.kleur9 .front, .schoollocaties .inhoud .inhoudRegel.kleur9 .back {
            background:             #8E401C;
            background:             -webkit-linear-gradient(left top, #8E401C, #A83D21);
            background:             -o-linear-gradient(bottom right, #8E401C, #A83D21);
            background:             -moz-linear-gradient(bottom right, #8E401C, #A83D21); 
            background:             linear-gradient(to bottom right, #8E401C, #A83D21);
        }
        .locatie.kleur9 .box.box-locatie .box-titel, .locatie-background-kleur9, .locatie.alle_kleuren .programmas>.row>div:nth-child(9) .programma, .kleur9 blockquote, .kleur9 blockquote:before  {
            background-color:       #8E401C;
        }
        .locatie.kleur9 .box.box-locatie .inhoud {
            border-color:           #8E401C;
        }
        .locatie.kleur9 .programmas .programma, .locatie.kleur9 .button, .locatie-background-color-kleur9, .locatie.alle_kleuren .programmas>.row>div:nth-child(9) .programma, .programma_kleuren>div:nth-child(9) .programma {
            background-color:       #8E401C;
            color:                  white;
        }
        
        .schoollocaties .inhoud .inhoudRegel.kleur10 .front,.schoollocaties .inhoud .inhoudRegel.kleur10 .back {
            background:             #2B3461;
            background:             -webkit-linear-gradient(left top, #2B3461, #303D6F);
            background:             -o-linear-gradient(bottom right, #2B3461, #303D6F);
            background:             -moz-linear-gradient(bottom right, #2B3461, #303D6F); 
            background:             linear-gradient(to bottom right, #2B3461, #303D6F);
        }
        .locatie.kleur10 .box.box-locatie .box-titel, .locatie-background-kleur10, .locatie.alle_kleuren .programmas>.row>div:nth-child(10) .programma, .kleur10 blockquote, .kleur10 blockquote:before  {
            background-color:       #2B3461;
        }
        .locatie.kleur10 .box.box-locatie .inhoud {
            border-color:           #2B3461;
        }
        .locatie.kleur10 .programmas .programma, .locatie.kleur10 .button, .locatie-background-color-kleur10, .locatie.alle_kleuren .programmas>.row>div:nth-child(10) .programma, .programma_kleuren>div:nth-child(10) .programma {
            background-color:       #2B3461;
            color:                  white;
        }
        
        .schoollocaties .inhoud .inhoudRegel .back.online .online-inner {
            background-image:       url("/wp-content/themes/LO/img/icons/LO_28434_Wereldbol.png");
            width:                  100%;
            height:                 100%;
        }
        .schoollocaties .inhoud .inhoudRegel .back.online {
            padding:                0px;
        }
        
        .schoollocaties-overview-map {
            width:                  100%;
            height:                 550px;
        }
        
        @media screen and (max-width: 480px) {
            .home .schoollocaties{
               
            }    
        }
        
        /* Pagination */
        .pagination {
            width:                  100%;
            text-align:             center;
            font-size:              20px;
            display:                inline-block;
        }
        .pagination a,.pagination .page-numbers {
            color:                  black;
        }
        .pagination a:hover {
            text-decoration:        none;
        }
        .pagination .page-numbers.current {
            text-decoration:        underline;
        }
        .pagination .page-numbers {
            padding:                0px 20px;
            line-height:            30px;
        }
        .pagination .next, .pagination .prev {
            color:                  rgb(48,60,113);
            padding:                0px;
        }

/* Home */
    /* Home - payoff */
    .home .payoff {
        text-align:         center;
        padding:            30px 0px;
        font-size:          35px;
        font-family:        "Myriad Pro Light";
        font-size:          21px;
        line-height:        24px;
    }
    
    @media(max-width:480px){
        .home .payoff {
            padding:        30px 10px;
            font-size:      20px;
        }
    }
    
    .home .leesMeer {
        color:              white;
    }


/* Onderdelen */
    /* Box */
    .box {
        margin-bottom:      50px;
    }
    .box .box-titel {
        text-transform:     uppercase;
        color:              white;
        font-weight:        bold;
        font-size:          23px;
        padding:            10px 25px;
        margin:             0px !important;
    }
    .box>.inhoud {
        border-top:         5px solid rgb(48,60,113);
    }
    
    /* Imagestitel */
    .imagestitels .images .image {
        width:                  100%;
        height:                 550px;
        background-size:        cover;
        background-position:    center center;
        display:                none;
    }
    .imagestitels .images .image.active {
        display:                block;
    }
    
    .imagestitels .inhoud .inhoudRegel {
        padding:                23px 70px;
        color:                  rgb(48,60,113);
        cursor:                 pointer;
    }
    .imagestitels .inhoud .inhoudRegel .leesMeer {
        color:                  rgb(48,60,113);
    }
    .imagestitels .inhoud .inhoudRegel.active .leesMeer {
        color:                  white;
    }
    .imagestitels .inhoud .inhoudRegel.active {
        background-color:       rgb(48,60,113);
        color:                  white;
    }
    .imagestitels .inhoud .inhoudRegel .content {    
        height:                 52px;
        overflow:               hidden;
        margin-bottom:          20px;
    }
    .inhoud .inhoudRegel .inhoudTitel {
        font-size:              32px;
        line-height:            35px;
        font-family:            "Myriad Pro Light";
    }
    .inhoud .inhoudRegel.active .inhoudTitel {
        color:                  white;
    }
    .inhoud .inhoudRegel .datum, .facebook-post .datum {
        font-size:              12px;
        padding:                10px 0px;
    }
    
    @media(max-width:480px){
        .imagestitels .images .image {
            height:             350px;
        }
        .imagestitels .inhoud .inhoudRegel {
            padding:            30px 40px;
        }
        .inhoud .inhoudRegel .inhoudTitel {
            font-size:          30px;
        }
        .imagestitels .inhoud .inhoudRegel .content {
            height:             100%;
            overflow:           initial;
        }
    }

    /* Schoollocaties */
    .schoollocaties a, .schoollocaties a:hover ,.schoollocaties a:active, .schoollocaties a:focus {
        text-decoration:        none;
    }
    .schoollocaties .titel {
        color:                  white;
        font-size:              45px;
        line-height:            35px;
        font-family:            "Myriad Pro Light";
    }
    .schoollocaties .inhoud .inhoudRegel {
        padding-left:           0px;
        padding-right:          0px;
    }
    .schoollocaties .inhoud .inhoudRegel .front, .schoollocaties .inhoud .inhoudRegel .back {
        padding:                30px;
        overflow:               hidden;
    }
    .schoollocaties .content .programmas {
        margin-top:             30px;
    }
    .schoollocaties .content .programmas .programma {
        margin:                 10px 0px;
        font-size:              15px;
        color:                  white;
    }
    .schoollocaties .inhoud .back.loadGoogleMaps {
        width:                  100%;
    }

    /* Over LanguageOne */
    .box.overLanguageOne .afbeelding {
        background-size:        cover;
        background-position:    center center;
        min-height:             300px;
    }
    .box.overLanguageOne .tekst {
        background-color:       #E1F3F8;
        padding:                50px 100px;
        color:                  #303D70;
    }
    
    @media screen and (max-width: 480px) {
        .box.overLanguageOne .afbeelding {
            display:            none;    
        }
        .box.overLanguageOne .tekst {
            padding:            50px 30px;    
        }
    }
    
    /* Facebook */
    .facebook-feed .facebook-post {
        padding:            30px 0px;
        border-bottom:      2px solid white;
    }
    .facebook-feed div.facebook-post:first-child {
        padding-top:        0px;
    }
    .facebook-feed .facebook-post .image {
        float:              left;
        margin-right:       20px;
        margin-bottom:      10px;
    }
    .facebook-feed .facebook-post .inhoud {
        clear:              both;
    }
    
    /* Social icons */
    .social-icons .social-icon {
        float:              left;
        margin:             0px 10px;
        font-size:          19px;
    }
    .social-icons div.social-icon:first-child {
        margin-left:        0px;
    }
    .social-icons div.social-icon:last-child {
        margin-right:       0px;
    }
    
    /* Sidebar */
    .sidebar {
        background-color:       rgba(48,60,113,0.1);
        padding:                20px;
    }
    .sidebar h3 {
        padding-bottom:         0px;
    }
    .sidebar h3 a {
        color:                  rgb(48,60,113);
        border-bottom:          2px solid rgb(48,60,113);
        line-height:            20px;
        font-size:              24px;
        line-height:            27px;
    }
    .sidebar h3 a:hover {
        text-decoration:        none;
    }
    
    /* Team overzicht */
    .team_overzicht .foto, .team_overzicht .naam, .team_overzicht .functie {
        text-align:             center;
    }
    .team_overzicht .team_lid {
        padding:                10px;
        /* nieuwe styling JDS 22-11-2018 
        max-width:      25%;
        box-shadow:     0px 2px 4px rgba(0,0,0,0.2);
        border-radius:  3px;
        margin-right:   20px;
         nieuwe styling JDS 22-11-2018 */
    }
    /* nieuwe styling JDS 22-11-2018 
    .team_overzicht .team_lid img {
        width: 100%;
        height: auto;
    }*/
    /* nieuwe styling JDS 22-11-2018 */
    .team_overzicht .naam    {
      /*  font-size:              18px; */
        font-size:              25px;/* origineel*/
        color:                  #303D70;
    }
    @media(min-width:768px){
        .team_overzicht.formaat-normaal div.row:nth-child(even) div.team_lid:nth-child(even), .team_overzicht.formaat-normaal div.row:nth-child(odd) div.team_lid:nth-child(odd) {
         /*   background-color:       rgba(48,60,113,0.0); */
          background-color:       rgba(48,60,113,0.1);/* origineel*/
        }
        
        
        .team_overzicht.formaat-klein div.team_lid:nth-child(3n+1):nth-child(even) {
         /*   background-color:       rgba(48,60,113,0.0); */
            background-color:       rgba(48,60,113,0.1);/* origineel*/
        }
        .team_overzicht.formaat-klein div.team_lid:nth-child(3n+1):nth-child(odd) {
          /*  background-color:       rgba(48,60,113,0.0); */
            background-color:       rgba(48,60,113,0.1);/* origineel*/
        }
    }
    @media(max-width:768px){
        .team_overzicht.formaat-normaal .team_lid {
            padding:                20px 10px;
        }
        
        .team_overzicht.formaat-klein div.team_lid:nth-child(even) {
            background-color:       rgba(48,60,113,0.1);
        }
    }
    @media(min-width:576px) and (max-width:768px){
        .team_overzicht.formaat-normaal div.team_lid:nth-child(3n+1):nth-child(even) {
            background-color:       rgba(48,60,113,0.1);
        }
        .team_overzicht.formaat-normaal div.team_lid:nth-child(3n+1):nth-child(odd) {
            background-color:       rgba(48,60,113,0.1);
        }
        
        .team_overzicht.formaat-klein div.team_lid:nth-child(even) {
            background-color:       rgba(48,60,113,0.1);
        }
    }
    @media(max-width:575px){
        .team_overzicht.formaat-normaal div.team_lid:nth-child(even) {
            background-color:       rgba(48,60,113,0.1);
        }
        
        .team_overzicht.formaat-klein div.team_lid:nth-child(even) {
            background-color:       rgba(48,60,113,0.1);
        }
    }
    
    
    /* Cookie melding */
    .cookie-melding {
        position:           fixed;
        bottom:             20px;
        background-color:   rgba(48,60,113,0.7);
        border:             1px solid grey;
        z-index:            0;
        color:              #ffffff;
        padding:            10px;
        max-width:          910px;
        right:              20px;
        font-size:          12px;
        text-align:         center;
        left:               50%;
        transform:          translateX(-50%);
    }
    .cookie-melding .sluiten {
        display:            inline-block;
        cursor:             pointer;
    }
    .cookie-melding a:link {
        color: #ffffff;
        text-decoration: underline;
    }
    
    
/* Pagina's */
    /* Locatie overzicht */
    .post-type-archive-locaties .schoollocaties {
        margin-bottom:          60px;
    }
    .post-type-archive-locaties .maps .locatie {
        display:                none;
    }
    .post-type-archive-locaties .maps .active {
        display:                inherit;
    }
    .post-type-archive-locaties .maps .loadGoogleMaps {
        max-height:             450px;
    }
    .post-type-archive-locaties .maps .hoogteBox {
        max-height:             450px;
        height:                 450px;
    }
    .post-type-archive-locaties .maps .maps-locaties {
        height:                 450px;
    }
    .post-type-archive-locaties .maps .maps-selector ul {
        width:                  100%;
        text-align:             center;
    }
    .post-type-archive-locaties .maps .maps-selector li {
        list-style-type:        none;
        width:                  15px;
        height:                 15px;
        border-radius:          15px;
        background-color:       white;
        margin:                 0px 10px;
        display:                inline-block;
        cursor:                 pointer;
    }
    .post-type-archive-locaties .maps .maps-selector li.active {
        background-color:       black;
    }
    .post-type-archive-locaties .maps-locaties .locatie {
        margin-top:             0px;
        height:                 450px;
    }
    .post-type-archive-locaties .maps-selector {
        margin-top:             -60px;
    }
    .post-type-archive-locaties .maps-locaties .titel {
        padding-top:             30px;
    }
    .post-type-archive-locaties .maps .maps-locaties .content {
        max-width:              750px;
        margin:                 0px auto;
    }
    .post-type-archive-locaties .maps .maps-locaties .button {
        border:                 1px solid white;
    }
    
    @media screen and (max-width: 480px) {
        .post-type-archive-locaties  .px-0{
            display:                none;
        } 
    }
    
    /* Locatie pagina */
    .locaties-template-default .locatie {
        margin-top:             80px;
    }
    .locatie .inhoud .row>.container>.row>div:not(.overlay) {
        min-height:             350px;
    }
    .locatie .inhoud .row>.container>.row>div:not(.overlay), .locatie .partner-scholen .container>div {
        padding:                50px;
    }
    @media(max-width:575px){
        .locatie .inhoud .row>.container>.row>div, .locatie .partner-scholen .container>div {
            padding:            20px !important;
        }
        .locatie .inhoud .row>.container>.row .overlay {
            padding:            0px !important;
        }
    }
    @media(min-width:992px){
        .locatie .inhoud .row>.container>.row>div:first-child {
            padding-left:           0px;
        }
        .locatie .inhoud .row>.container>.row>div:last-child {
            padding-right:          0px;
        }
    }
    
    
    .locatie .inhoud>div>div {
        margin-left:            0px;
        margin-right:           0px;
    }
    
    .locatie .contact-me {
        cursor:                 pointer;
    }
    
        /* Video */
        .locatie .video-image, .page-template-template-landingspagina .video-image {
            display:            inline-block;
            position:           relative;
            width:              100%;
            overflow:           hidden;
            cursor:             pointer;
        }
        @media(min-width:992px) and (max-width:1034px){
            .locatie .video-image {
                padding-left:   10px !important;
            }
        }
        .locatie .video-image:after, .page-template-template-landingspagina .video-image:after {
            content:            '';
            position:           absolute;
            top:                0; 
            right:              0;
            bottom:             0; 
            left:               0;
            background:         url('../../img/icons/play_button.png');
            background-repeat:  no-repeat;
            background-position:center center;
        }
        /* Gallery*/
        .locatie .gallerij .gallerij-item {
            padding:            1%;
            display:            inline-block;
            width:              31%;
        }
        .locatie .gallerij .gallerij-foto {
            width:              100%;
        }
        .locatie .gallerij .hoofd-item {
            width:              100%;
            display:            inline-block;
        }
        .locatie .gallerij .hoofd-foto {
            width:              100%;
        }
        .locatie .gallerij .gallerij-row .gallerij-item:first-child {
            padding-left:       0px;
            padding-right:      2%;
        }
        .locatie .gallerij .gallerij-row .gallerij-item:last-child {
            padding-right:      0px;
            padding-left:       2%;
        }
        
        /* Programmas */
        .locatie .programmas {
            margin-top:         30px;
        }
        .locatie .programmas .sub {
            padding-left:       50px;
            display:            none;
        }
        .locatie .programmas .programma, .programma_kleuren .programma {
            padding:            20px;
            font-size:          20px;
            width:              100%;
            display:            inline-block;
            font-family:        "Myriad Pro Light";
            text-decoration:    none;
            margin-bottom:      20px;
            cursor:             pointer;
        }
        .programma_kleuren {
            margin-top:         20px
        }
        .locatie .programmas .programma .signup {
            float:              right;
            background-color:   white;
            color:              #1B6871;
            padding:            19px 20px 20px 20px;
            margin-top:         -10px;
            margin-bottom:      -10px;
            margin:             -20px;
            border:             1px solid #1B6871;
        }
        @media(max-width:530px){
            .locatie .programmas .programma .signup {
                width:      100%;
                margin:     10px 0px 0px 0px;
                padding:    4px;
                text-align: center;
            }
        }
        
        /* Laatste nieuws */
        .locatie .laatste-nieuws .image {
            width:              100%;
        }
        
        /* Uitgelicht artikel */
        .locatie .uitgelicht-artikel .titel {
            font-size:          25px;
            font-weight:        bold;
            line-height:        25px;
        }
        .locatie .uitgelicht-artikel .content {
            width:              70%;
            max-width:          300px;
        }
        
        /* Partner scholen */
        .locatie .partner-scholen .partners a.partner {
            display:            block;
            float:              left;
            margin:             0px 25px 20px 0px;
            border-right:       1px solid lightgrey;
            padding-right:      25px;
            height:             70px;
        }
        .locatie .partner-scholen .partners .partner img {
            height:             100%;
        }
        .locatie .partner-scholen .partners a.partner:first-child {
            margin-left:        0px;
        }
        .locatie .partner-scholen .partners a.partner:last-child {
            margin-right:       0px;
        }
        .locatie .partner-scholen .partners.formaat-groot .partner {
            height:             110px;
        }
        .locatie .partner-scholen .partners.formaat-klein .partner {
            height:             50px;
        }
        .locatie .partner-scholen {
            padding:            50px 0px;
        }
        
        .locatie #locatie-get, .locatie #locatie-id, #vacature-get, #vacature-id {
            display:            none;
        }
        
    /* Programma detail */
    .programma-detail .content {
        padding-right:          25px;
    }
    .programma-detail h1 {
        margin-top:             0px;
    }
    .programma-detail .socials {
        display:                inline-block;
    }
    .programma-detail .socials .social {
        float:                  left;
        margin-bottom:          10px;
        width:                  100%;
    }
    .programma-detail #locatie-get, .programma-detail #locatie-id {
        display:                none;
    }
    
    .programma-detail .buttons {
        display:                block;
    }
    .programma-detail .buttons .button {
        width:                  100%;
    }
    .programma-detail .buttons a {
        color:                  white;
    }
        
    /* Nieuwsoverzicht */
    .page-template-category-nieuws .laatste-nieuws-kolom .inhoudRegel,.page-template-category-nieuws .facebook-feed-kolom, .page-template-category-nieuws .laatste-nieuws-kolom, .category-news .laatste-nieuws-kolom .inhoudRegel,.category-news .facebook-feed-kolom,.category-news .laatste-nieuws-kolom {
        margin-top:             30px;
    }
    .page-template-category-nieuws .laatste-nieuws-kolom .inhoudRegel,.category-news .laatste-nieuws-kolom .inhoudRegel {
        margin-bottom:          30px;
    }
    .page-template-category-nieuws .laatste-nieuws-kolom h3,.category-news .laatste-nieuws-kolom h3 {
        margin-bottom:          0px;
        padding-bottom:         0px;
    }
    .page-template-category-nieuws .active .inhoudTitel a,.category-news .active .inhoudTitel a {
        color:                  white;
    }
    
    /* Contact */
    .contact {
        background-color:       #E1F3F8;
    }
    .contact .contact-formulier {
        padding:                30px 30px 0px 30px;
    }
    .contact .contact-formulier p {
        margin-bottom:          14px;
    }
    @media(max-width:1200px){
        .contact .contact-foto {
            display:            none;
        }
        .contact .contact-formulier {
            width:              100% !important;
            max-width:          none;
            flex:               none!important;
        }
    }
    .contact .contact-foto>img {
        width:                  100%;
    }
    
    /* Over Language One */
    .over-language-one .row>div>.menu {
        background-color:       rgba(48,60,113,0.1);
    }
    .over-language-one .menu ul {
        list-style:             none;
    }
    .over-language-one .menu{
        padding:                30px;
        height:                 100%;
    }
    @media(max-width:1199px){
        .over-language-one .menu{
            padding:            20px 5px;
        }
    }
    .over-language-one .menu h5 {
        margin-bottom:          20px;
    }
    .over-language-one .menu ul.menu {
        padding:                0px;
    }
    .over-language-one .menu ul a {
        color:                  #303c71;
        line-height:            35px;
        border-bottom:          1px solid lightgrey;
    }
    .over-language-one .menu ul a:hover {
        color:                  rgb(48,60,113);
    }
    .over-language-one .menu ul.menu>li {
        position:               relative;
    }
    .over-language-one .menu ul.menu .sub-menu {
        display:                none;
    }
    .over-language-one .menu ul.menu li.current-menu-item>.sub-menu, .over-language-one .menu ul.menu li.current_page_parent>.sub-menu {
        display:                block !important;
    }
    .over-language-one .menu ul.menu li.current_page_item>a {
        font-weight:            bold;
    }
    .over-language-one .content {
        padding-left:           40px;
    }
    
    /* Bestuurders */
    .bestuurders .bestuurder {
        margin-bottom:      20px;
    }
    .bestuurders .bestuurder .bestuurder-inner {
        background-color:   #EDEDED;
    }
    .bestuurders .bestuurder .bestuurder-inner img {
        width:              100%;
    }
    .bestuurders .bestuurder .bestuurder-content {
        padding:            15px;
    }
    .bestuurders .bestuurder .bestuurder-content p {
        margin:             0px;
    }
    .bestuurders .bestuurder .bestuurder-content .functie {
        font-size:          14px;
    }
    @media(max-width:1399px){
        .bestuurders .bestuurder .bestuurder-content .functie {
            font-size:          12px;
        }
    }
        /* Ons netwerk */
        .over-language-one .table-scholen>tbody>tr:nth-child(odd) {
            background-color:   rgb(48,60,113);
        }
        .over-language-one .table-scholen>tbody>tr:nth-child(even) {
            background-color:   #009ac4;
        }
        .over-language-one .table-scholen>tbody>tr>td {
            vertical-align:     middle;
            font-weight:        bold;
        }
        .over-language-one .table-scholen>tbody>tr>td, .over-language-one .table-scholen>tbody>tr>td a {
            color:              white;
        }
        .over-language-one .table-scholen>tbody>tr>td i, .over-language-one .table-scholen>tbody>tr>td em {
            font-weight:        normal !important;
        }
        .over-language-one .table-scholen>tbody>tr>td img {
            height:             60px;
            width:              auto;
            float:              right;
        }
        @media(max-width:992px){
            .over-language-one .table>tbody>tr>td {
                display:        block;
            }
            .over-language-one .table>tbody>tr>td img {
                float:          left;
                padding:        10px;
                margin-bottom:  10px;
                height:         auto;
                width:          100%;
            }
            .over-language-one .table>tbody>tr>td:nth-child(2) {
                border:         0px;
            }
        }
    
    
    /* LANDINGSPAGINA */
    .landingspagina_button{
        background-color:   #E6C73B;
        box-shadow:         1px solid lightgray;
        color:              #303D70;
        padding:            20px 10px;
    }
    
    /* Single */
    .single-post .datum {
        position:           relative;
        bottom:             -30px;
    }
    .single .thumb {
        float:              right; 
        padding-left:       10px; 
        padding-bottom:     10px;
    }
    @media(max-width:550px){
        .single .thumb {
            width:      100%;
        }
    }