body, html {
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-size: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    display: block;
    outline: 0;
    border: 0;
    background: #F7F7F7;
    background: #fff;
    
}

body, html, input, textarea, button {
    font-family: 'Roboto', sans-serif,'Open Sans', sans-serif;
}

/* Logo */

#logo {
    height: 45px;
    float: left;
    margin: 15px auto;
}

#logo a{
	display: block;
    color: #216CB5;
    font-family: Arial;
    text-align: right;
    text-decoration: none;
	height: 45px;
}
#logo .superscript {
    font-weight: bold;
    font-size: 25px;
}
#logo em {
    color: #404040;
    font-style: normal;
}
#logo .subscript {
    line-height: 18px;
    font-size: 12px;
    display: block;
    font-weight: normal;
    color: #858585;
}


.h3, h3 {
    font-size: 23px;
}
h6{
    font-weight: 300;
    line-height: 1.3;
}
.radion label {
margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    display: table;
    margin-bottom: 0px;
    padding-top: 0px;
    line-height: 35px;
}
.flash_succes {
    background: #D5FFCE url(../../img/layout/tick.png) no-repeat 11px 11px;
    border-color: #9ADF8F;
    color: #556652;
    padding: 10px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 6px;
    padding-left: 35px;
}
.flash_error{
	background: #FFCECE url("../../img/layout/exclamation-red.png") no-repeat 11px 11px;
	border-color: #DF8F8F;
	color: #665252;
	padding:10px;
	font-weight: 500;
	margin-bottom: 10px;
	margin-top: 6px;
	padding-left:35px;
}


.default-page {
    padding: 0;
    background: #f6f6f6;
    padding-bottom: 2rem;
    margin-top: 550px;
    margin-top: 0px;
}

.default-page a {    color: #216CB5;}

/* pathway */
#pathway {
    background: #f6f6f6;
}
#pathway ul {
    padding: 20px 25px;
    font-weight: 300;
    font-size: 0.9rem;
    color: #333333;
}
#pathway li:first-child {
    padding: 10px 0;
}
#pathway li a {
    text-decoration: none;
    color: #333333;
}

/* top-nna */
.vlak {
    height: 60vh;
    position: relative;
    overflow: hidden;
}
.vlak:before {
    position: absolute;
    content: '';
    background: rgba(39, 40, 41, 0.7);
    bottom: 0;
    top: 0;
    left: -55px;
    right: 740px;
    z-index: 1;
    transform: skew(-6deg);
}

.header { background: white;}

.circle {
  position: absolute;
  right: 10%;
  top: 140px;
  display: block;
  margin: 2em 0;
  background-color: transparent;
  text-align: center;
}

.circle:after {
  display: block;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-color: #216CB5;
  font-size:20px;
  color:#fff;
  content: "";
}

.circle__inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.circle__wrapper {
  display: table;
  width: 100%;
  height: 100%;
}

.circle__content {
  display: table-cell;
  padding: 1em;
  vertical-align: middle;
  transform: rotate(20deg);
}
.circle a { color: #fff;font-size: 22px; text-decoration:none;}
.circle a:hover {text-decoration:underline;}

.nna-logo {
    margin: 0px auto;
    padding: 10px;
    height: 90px;
}
.top-nna {
    padding: 1rem 0 1rem 0;
    padding: 0;
    /*background: url(../img/DSC00520.jpg) no-repeat top center fixed;*/
    background: url(https://www.noordnederlandseacademie.nl/theme/Nna2018/img/home/pedicure.jpg) no-repeat top center fixed;
    background-size: 100%;
    text-shadow: 1px 1px 2px black;
}

.top-nna-tekst {
    text-align: right;
    margin: 1rem 0;
}

.top-nna-tekst h2 {
    font-style: italic;
    color: #216cb5;
    font-size: 22px;
    font-weight: 400;
}

.top-nna-tekst a {
    color: #6c7175;
    font-weight: 300;
}

.top-nna-tekst a:after {
    color: #b3bbc2;
    padding: 0 8px;
    content: '|';
}

.navbar-fixed-top {
    position: inherit;
}

.phone {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
}
.phone i {
    margin-right: 6px;
}

.phone a {
    font-weight: bold;
}

.bottom-nav {
    background: #216CB5;
    padding: 8px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.bottom-nav p {
    margin: 0;
}

/* navbar styles */
.navbar {
    margin-bottom: 0;
    border-radius:0;
}
.navbar-default {
    background:none;
    background: #1c1a24;
    border-color:#333;
    border: unset;
    
}
.navbar-default .container{
    /* background-color: #1c1a24;
    border-color: #1c1a24; */
}
.navbar-collapse {
    background-color: #1c1a24;
    border-color: #1c1a24;
}
.fa-home {
    color: white;
    font-size: 20px;
    padding: 20px 20px 20px 25px;
    transition: ease-out 0.5s;
}

.fa-home:hover {
    color: #216CB5;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #216CB5;
}

.navbar-default .navbar-nav>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    color: #216CB5;
    background-color: unset;
}

.navbar-default .navbar-nav>li>a:hover {
    background-color: #216CB5;
}

.navbar-default .navbar-nav>li>a:hover {
    color: white;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    color: #216CB5;
    background-color: unset;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    background-color: #216CB5;
    color: white;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
}

.navbar-default .navbar-nav li a {
    font-size: 20px;
    font-weight: 500;
    padding: 20px 30px;
}

.navbar-fixed-top {
    border-width: 0;
}

.nav .dropdown:hover {
    background-color: #216CB5;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: unset;
}

.dropdown-menu {
    padding: 0;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    padding: 9px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    min-width: 70px;
}

@media (max-width: 789px) {
    .nna-logo {
        width: 220px;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #e7e7e7;
        background: white;
    }
    .navbar-default .navbar-nav>li>a { color: #333;}
    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
        color: #216CB5;
        background: white;
    }
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
        background-color: #ffffff;
        color: #303030;
    }
    .nav .dropdown.open .dropdown-menu { background: white; color: #333;}
}


/* top, mid en bottom sectie */
.opleidingen, .thumbnail {
    padding: 0;
    /*-webkit-box-shadow: 25px 25px 68px -13px rgba(219,219,219,1);
    -moz-box-shadow: 25px 25px 68px -13px rgba(219,219,219,1);
    box-shadow: 25px 25px 68px -13px rgba(219,219,219,1);
    */
}

.opleidingen {
    text-align: center;
}

.thumbnail {
    cursor: pointer;
}

.thumbnail img {
    width: 100%;
}

.thumbnail-a {
    color: unset;
    width: 100%;
    display: block;
    padding: 0rem;
}.thumbnail-a:hover {
     color: unset;
     text-decoration: none;
 }

div.thumbnail {
    box-shadow: 0 1px 8px 0px rgba(33, 33, 33, 0.15);
    text-align: left;
    background: #FFFFFF;
    height: 500px;
    border-radius: 8px;
    /*
    height: 500px;
    border: 0;
    display: block;
    margin-bottom: 0px;
    background-size: cover;*/
}

.opleidingen .thumbnail img {
    height: 250px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.nna-titel-mid {
    padding-bottom: 0!important;
    text-align:center;
}

.nna-titel{
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.05rem;
    font-size: 2rem;
    padding-top: 2rem;
}
.default-page h1 {
    padding-top: 0;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.05rem;
    font-size: 2rem;
    display: flex;
}

.nna-titel:before, .default-page h1:before  {
    content: '|';
    font-weight: 800;
    color: #216CB5;
    padding: 0 8px 0 0;
}

.nna-titel-h2 {
    font-weight: 400;
}

.nna-p {
    font-size: 1.1rem;
    color: #6c7175;
    font-weight: 300;
    /*height: 165px; */
}

.thumbnail .caption {
    padding: 1.5rem 1.5rem 0rem 1.5rem;
}

.caption h3 {
    font-weight: 300;
    padding-bottom: 0.5rem;
}
.caption p {
    font-weight: 300;
    font-size: 0.9rem;
    color: #6c7175;
}
.caption:before {
    content: unset;
}
.read-more {
    margin-top: 10px;
}
.read-more a {
    color: #216CB5;
    font-weight: 500;
    font-size: 1rem;
    text-transform: uppercase;
}
.read-more a:hover {
    color: #216cb5;
}
.lees-verder {
    padding: 1rem 0 1rem 0;
    position: absolute;
    bottom: 20px;
    left: 40px;
}

.fa-chevron-right {
    font-size: 0.95rem;
    font-size: 0.75rem;
}

.ondertitel-h4 {
    color: #6c7175;
    font-weight: 300;
    text-transform: none;
}

.ondertitel {
    color: #6c7175;
    font-weight: 300;
    text-transform: none;
}

.card-subtitel {
    color: #969696;
    font-weight: 300;
}

.card-2nd {
    font-weight: 600!important;
}

.btn-roze-large, .btn-primary {
    color: white!important;
    background-color: #216CB5;
    border: none;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 500;
    padding: 0.7rem 1.5rem 0.7rem 1.5rem;
    font-size: 1rem;
}

.btn-roze-large:hover, .btn-primary:hover {
    color: #fff;
    background-color: #2c68a0;
}
.sidebar .btn-roze-large:hover {
    color: #fff;
    background-color: #216CB5;
}
.sidebar .btn-roze-large {
    width:100%; margin: 10px 0;
}

#footer .btn-roze {
    color: white;
    background-color: #216CB5;
    font-weight: 500;
}

#footer .btn-roze:hover {
    color: #fff;
    background-color: #216cb5;
}
.workshops .btn-roze-large:hover {
    color: #fff;
    background-color: #216CB5;
}

.btn-roze {
    color: white;
    background-color: #216CB5;
    border: none;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 500;
    padding: 0.5rem 1.0rem 0.5rem 1.0rem;
    font-size: 0.8rem;
}

.btn-roze:hover {
    color: #fff;
    background-color: #216cb5;
}

.bottom-sectie {
    padding: 6rem 0 9rem 0;
    padding: 0rem;
}

.bottom-sectie h2 {
    font-size: 36px;
    color: #2b231c;
    color:white;
    font-weight: 900;
    line-height: 34px;
    padding-bottom: 20px;
}

.bottom-sectie p ul {
    font-weight: 300;
    font-size: 1.1rem;
    color: #6c7175;
}

#map {
    text-align: center;
    padding: 0;
    background-color: #f6f6f6;
    overflow: hidden;
    margin-bottom: 1.5rem;
}

.margin-top {
    margin-top: -88px;
}

.topitems {
    padding-top: 1rem;
    padding-bottom: 0rem;
    background: #fff;
}

.intro img {width:100%; height: 230px;}
.intro a {
    color: #216CB5;
    text-decoration: none;
}

.nieuwsblok {
    background-color: #216CB5;
    padding: 0.53rem;
    z-index: 2;
    position: relative;
}

.nieuwsblok h4 {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0.5rem 1.5rem 0.5rem 1.5rem;
    letter-spacing: 0.05rem;
}

.nieuwsitems {
    padding: 1px 1.5rem 0 1.5rem;
    background-color: white;
    -webkit-box-shadow: 0px 10px 32px 9px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 32px 9px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 32px 9px rgba(219,219,219,0.95);
    position: relative;
    z-index: 1;
}

.nieuws-item {
    border-bottom: 1px solid #cccccc;
    margin-right: -24px;
    margin-left: -24px;
    margin-top: -24px;
}
.nieuws-item:hover {
    background: #ECECEC;
    transition: background .35s ease-out;
}

.nieuws-tekst {
    margin-bottom: 1.9rem;
    padding-left: 2rem;
    padding-right: 2rem;
}
.nieuws-tekst h4 {
    text-transform: uppercase;
    font-weight: 400;
}

.nieuws-datum {
    margin-top: 1.45rem;
    padding-left: 2rem;
    padding-top: 1.7rem;
}
.nieuws-datum p {
    color: #969696;
}

.module-nieuws.listing dt, .module-nieuws.listing dd {
    font-weight: 100;
}

.module-nieuws.listing dd a:hover {
    color:#216CB5;
}

.meer-nieuws {
    margin-bottom: 0;
}

.fa-clock-o {
    margin-right: 0.5rem;
}

.div-button-meer {
    padding: 1rem 0 1rem 0;
}

.wit {
    background-color: white;
    padding-top: 3rem;
}

/* Workshop */
.workshops {
    background-color: #1c1a24;
}
.bottom-sectie .col-lg-6 {
    padding: 0;
}
.workshop-block {
    padding: 0rem 1rem 0rem 1rem;
}
.workshops p {
    margin-bottom: 2rem;
    color: white;
}
.workshop-block ul {
    text-align: left;
    color: white;
    font-weight: 300;
    list-style: none;
    padding-left: 0;
    line-height: 2;
    margin-bottom: 20px;
}

.waarom ul {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
}

.waarom li {
    padding: 5px 0;
    line-height: 2rem;
    color: white;
    display: flex;
}

.waarom ul li .fa-check {
    padding-top: 5px;
}

.workshop-img {
    max-width: 100%;
    height: 400px;
}

/* Kenniscentrum nieuws */
.frontpage-news h2 {
    text-align:center;
    margin: 50px 0;
    font-family: var(--heading-font);
    font-size: 34px;
    line-height: 44px;
    font-weight: 700;
    color: #333;
    padding-bottom: 15px;
}
.frontpage-news .buttons {text-align:center; margin: 32px;}
.nieuws .thumbnail {
    margin: 0;
    background: #fcfcfc;
    height: 190px;
    border: 0;
    background-position: 50% 50%;
    display: block;
    margin-bottom: 0px;
    line-height: 1.42857143;
    background-color: #fff;
    background-size: cover;
}

.nieuws h3 {
    margin: 10px 0 10px 0;
    font-size: 18px;
    font-weight: 600;
    color: #333333;
}
.nieuws p{
    font-size: 14px;
    line-height: 22px;
}
.nieuws .zoom, .nieuws .zoom:hover {
    overflow: hidden;
}
.nieuws .zoom:hover > .thumbnail {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.nieuws .date {
    position: absolute;
    z-index: 999;
    right: 0px;
    top: 140px;
    font-weight: 300;
    width: 55px;
    background-color: #216CB5;
    padding: 5px 5px;
    color: #fff;
    text-align: center;
}

.nieuws h3:hover {
    color: #216CB5;
    text-decoration: none;
}

.nieuws .module-nieuws .content {
    margin-top: 0px!important;
}

.nieuws .module-nieuws .thumbnail {
    border-radius: 0;
    background-size: 100% ;
}

.nieuws .content {
    overflow: hidden;
}
.nieuws .content {
    position: relative;
    background: #ffffff;
    padding: 20px 15px 20px 15px;
    height: 300px;
    border:none;
}
.nieuws .content:hover {
    background: #d2d2d269;
    transition: background .35s ease-out
}


.nieuws .item {
    margin-bottom: 50px;
}

.bericht-datum {
    font-family: var(--heading-font);
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    color: #333;
    margin: 0;
}

.bericht {
    padding-bottom: 15px;
}

.module-nieuws a {
    color: #216CB5;
    text-decoration: none;
}

dt {
    font-weight: 400;
    color: #505050;
}

.nieuws a.image-link {
    height: auto;
    box-shadow: 0 1px 8px 0px rgba(33, 33, 33, 0.15);
}

.nna-titel-nieuws {
    padding-bottom: 0!important;
    padding-top: 1rem;
}
/* owl slider */
#owl-slider .item-content {
    z-index: 2;
}

#owl-slider .hero {
    margin-top: 0;
}

#owl-slider .item {
    height: 60vh;
}
#slider-owl {
    min-height: 60vh;
}
#owl-slider .item img {
    display: block;
    width: 100%;
    /*height:100%; */
    margin: -160px 0 0 0;
}
/* tijdelijk fix */
#owl-slider .temp-margin img {
    margin: -300px 0 0 0;
}

#owl-slider .temp-margin-2 img {
    margin: 0 0 0 0;
}

#owl-slider .temp-margin-3 img {
    margin: -367px 0 0 0;
}

.flipx img {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

#owl-slider .hero h1 {
    text-align: left;
    font-size: 50px;
    font-weight: 900;
}
#owl-slider .hero h3 {
    font-size: 1.8em;
    text-align: left;
    margin-bottom: 1rem;
}

#owl-slider .owl-buttons {
    display: none;
}

.owl-ul {
    text-align: left;
    color: white;
    font-size: 1.5rem;
    font-weight: 300;
    list-style: none;
    padding-left: 0;
    padding-bottom: 1rem;
}

.fa-check-square-o {
    padding-right: 1rem;
}

.fa-check {
    padding-right: 1rem;
}

.btn-roze-owl {
    font-size: 1.2rem;
}

.btn-roze-owl .fa-chevron-right {
    font-size: 1rem;
}

/* owl slider opleidingen */
.owl-carousel2 .owl-prev {
    left: -77px;
    position: absolute;
    top: 35%;
    border: 2px solid;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    margin-top: -20px;
    opacity: 0.6;
    z-index: 10;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background: transparent;
}

.owl-carousel2 .owl-next {
    right: -77px;
    position: absolute;
    top: 35%;
    border: 2px solid;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    margin-top: -20px;
    opacity: 0.6;
    z-index: 10;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background: transparent;
}

.owl-carousel2 .owl-controls .owl-buttons div {
    color: #dd4873;
    margin: 0;
    padding: 0.35rem;
    background: unset;
    font-size: 12px;
    border-radius: 0;
}

/* FAQ */
.com_faq_question h4 {
    display: inline;
    margin-left: 15px;
}

.com_faq_question p {
    margin-left: 55px;
}

/* agenda */
.agenda-dag, .agenda-maand, .agenda-titel {
    display: inline-block;
    margin-right: 0.3rem;
}


/* footer styles */
#footer {
    background-color: white;
    background-image: none;
    border: 1px solid #ddd;
}
#footer p {
    font-weight: 100;
    color: #333333;
}

#footer a {
    color: #333333;
    font-weight: 100;
}

#footer a:hover {
    color: #216CB5;
}

.footer-contact a {
    color: #216CB5!important;
}

#footer h4 {
    color: #333333;
    border-bottom: 1px solid #333333;
}
#footer h5 {
    color: #333333;
}

#footer ul {
    color: #333333;
}

/* copyright */
#copyright {
    background-color: #1c1a24;
}
#copyright p {
    margin-bottom: 0;
    font-weight: 300;
}
#copyright a {
    font-weight: 300;
}
.button-top {
    width: 25px;
    height: 25px;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    background: transparent;
    color: #216CB5!important;
    text-decoration: none !important;
    transition: .3s cubic-bezier(.58, .21, .46, .94);
    user-select: none;
    border: none;
    outline: none;
    border-radius: 0;
    font-size: 0.8rem !important;
    box-shadow: inset 0 0 0 2px #216CB5;
    margin-left: 1rem;
}

.button-top:hover {
    color: #ffffff!important;
    box-shadow: inset 0 0 0 35px #216CB5;
}

.social-media-button {
    width: 40px;
    height: 40px;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    background: transparent;
    color: #216CB5!important;
    text-decoration: none !important;
    transition: .3s cubic-bezier(.58, .21, .46, .94);
    user-select: none;
    display: inline-block;
    border: none;
    outline: none;
    border-radius: 50%;
    font-size: 18px !important;
    box-shadow: inset 0 0 0 2px #216CB5;
    margin-right: 5px !important;
}

.social-media-button:hover {
    color: #ffffff!important;
    box-shadow: inset 0 0 0 35px #216CB5;
}

.social-media-button:focus,
.social-media-button:active {
    color: #fff;
    box-shadow: inset 0 0 0 35px #216CB5;
}


/* scroll to top */
.scrollup {
    border-radius: 30px;
    background: #216CB5;
    border: none;
}

.imgtest {
    background: no-repeat;
    background-size:cover;
    background-position:center;
}

.opleidingen {
    background: #f6f6f6;
    padding: 2rem 0 1rem 0;
}

.opleiding .item img{    
    width: 330px;
    max-height: 285px;
}

.opleidingen p { margin-bottom: 2rem;}
.opleidingen h4 { padding:0;}
.opleidingen .row {
    margin-bottom: 1rem;
}

.opleidingen h3 {
    font-size: 16px;
}

.contact-page {
    padding: 3rem;
}

.contact h1 {
    font-size: 1.7rem;
}
/* filters * sidebar */
.block {
    background: #fff;
    padding: 0 25px 25px 25px;
    border-radius: 0px;
    z-index: 1;
    position: relative;
    border: 1px solid #ddd;
    margin-bottom: 1.5rem;
}

.block h2 {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.05rem;
    font-size: 1rem;
    padding-top:25px;
}

.block h3 {
    color: #333333;
    font-weight: 400;
    font-size: 1.2rem;
    margin-top: 20px;
    border-bottom: 1px solid #c1bcbc;
}

.block label {
    display: block;
    color: #333333;
    font-weight: 300;
    font-size: 16px;
    margin-top: 0px;
}

.default-page p {
    color: #333333;
    font-weight: 300;
    text-transform: none;
    font-size: 16px;
    line-height: 24px;
}
.waarom {
    background: #1c1a24;
    color: white;
    padding-top:25px;
}
.opleiding .description ul li {
    
}
.opleiding .description, .page, #instance {
    margin-bottom: 1.5rem;
    background: white;
    padding: 1rem;
    border: 1px solid #ddd;
}
.opleiding .item {
    margin-bottom: 0rem;
    padding:15px;   
}
.opleiding .item p { min-height: 130px;}
.opleiding .info {
    font-size:14px;
    background: white;
    padding: 1rem;
    border: 1px solid #ddd;
    min-height: 560px;
}
.opleiding .info .more {font-size: 16px;}
.opleiding h3 a {
    color: #333;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.05rem;
    font-size: 1.2rem;
}
.opleiding-sidebar ul {
    color: #333333;
    text-transform: none;
    text-align: left;
    font-weight: 300;
    padding-left: 0;
    line-height: 2;
    margin-bottom: 20px;
    list-style-type: none;
}
.opleiding-sidebar a {
    color: #216CB5;
}
.opleiding-sidebar .fa-chevron-right {
    padding-right: 1rem;
}

default-page, ul {
    color: #333333;
    font-weight: 300;
    text-transform: none;
}

.default-page table {
    color: #333333;
    font-weight: 300;
}

.default-page table td {
    min-width: 160px;
}

/* opleidingen entity */
/* versie 1 */
.default-page .thumbnail {
    /* margin-bottom: 0;
    max-height: 210px;
    box-shadow: 0 1px 8px 0px rgba(33, 33, 33, 0.15);
    text-align: left;
    background: #FFFFFF;
    border: 0;
    height: 170px;
    display: block;
    margin-bottom: 0px;
    background-size: cover; */
}
/* versie 2 */
.default-page .thumbnail {
    height: 200px;
    overflow: hidden;
    background-color: unset;
    background: unset;
    border: unset;
    box-shadow: none;
    margin-bottom: 0;
    border-radius: 0;
}

.default-page .thumbnail img {
    box-shadow: 0 1px 8px 0px rgba(33, 33, 33, 0.15);
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.content-opleiding {
    position: relative;
    background: #fff;
    padding: 10px 15px 20px 15px;
    height: 330px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 1px 8px 0px rgba(33, 33, 33, 0.15);
    margin-bottom: 1.5rem;
}

.content-opleiding:hover {
    background: #ECECEC;
    transition: background .35s ease-out;
}

.content-opleiding .btn-roze {
    position: absolute;
    top: 270px;
}

.caption-opleiding p {
    color: #6c7175;
    font-size: 0.9rem;
}
.caption-opleiding h3 {
    margin: 10px 0 10px 0;
    font-size: 18px;
    font-weight: 600;
    color: #333333;
}
.caption-opleiding h3 a {
    color: #333333;
    font-weight: 700;
}

.caption-opleiding table {
    font-size: 14px;
    position: absolute;
    top: 155px;
    color: #6c7175;
}
.caption-opleiding td:nth-child(1) {
    min-width: 90px;
}

.btn-vacature {
    position: absolute!important;
    top: 305px;
}

.ion-vacature {
    color: white;
    padding-left: 10px;
    padding-right: 0;
}

.ion-vacature:hover {
    color: #e6602b;
}

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

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

#instances {
    margin-top: 2rem;
}

.form h5 {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.3rem;
}
/* STYLES VAN CUSTOM WEBSITES? */

/* smartphones */
@media only screen and (min-width: 321px) and (max-width: 480px) {
    .top-nna {
        background: url(../img/hero-slider.jpg) no-repeat top center fixed;
        background-position: 0 100px;
    }
    .nna-logo {
    margin: 0px auto;
    padding: 10px;
    width: 300px;
    }
    .hero {
        padding: 20px 0;
    }
    .hero h1 {
        font-size: 24px;
    }
    .owl-ul {
        font-size: 1rem;
    }
    
    .caption-vacature table {
        position: unset;
        margin-bottom: 1rem;
    }
    .content-vacature {
        height: auto;
    }
    .btn-vacature {
        position: inherit!important;
        top: 0;
    }
    .navbar-header {
        background-color: #1c1a24;
    }
    .owl-next{
        display: none!important;
    }
}
/* tablets tot klein laptop */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    
    .caption-vacature table {
        top: 328px;
    }
    .btn-vacature {
        top: 405px;
    }
    .content-vacature {
        height: 475px;
    }
    .navbar-header {
        background-color: #1c1a24;
    }
}

/* algemente styles */
.padding-top-1 {
    padding-top: 1rem;
}
.padding-topbot-4 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.padding-bot-1-7 {
    padding-bottom: 1.7rem;
}

.mt-1 {
    margin-top: 1rem;
}

.mb-3 {
    margin-bottom: 3rem;
}

#header1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: none;
    height: 190px
}
.top-nna-logo {
    /*filter: brightness(0) invert(1);*/
}
.top-nna-tekst h2 {
    color: white;
    color: #216CB5;
}.top-nna-tekst a {
    color: white;
    color: #1c1a24;
 }.top-nna-tekst a:after {
       color: white;
       color: #1c1a24;
   }

.top-nna-tekst a:last-child:after {
    content: none;
}

main .default-page .container .page-content .page p img{
    max-width: 100%;
    height: auto;
 }

.hero {
    z-index: 5;
    color: white;
    padding: 200px 0;
}

.hero {
    animation-delay: 0.5s;
}

@media only screen and (min-width: 1200px) and (max-width: 1440px) {
    .top-nna {background-position: 0 -120px;}
    .hero {
        padding: 150px 0;
    }
}

@media only screen and (min-width: 1450px) and (max-width: 1690px) {
    .top-nna {background-position: 0 -150px;}
    .hero {
        padding: 170px 0;
    }
}

@media only screen and (min-width: 1890px) {
    .top-nna {background-position: 0 -220px;}
    .hero {
        padding: 180px 0;
    }
    .owl-ul li { padding: 8px 0;}
}

/* Forms */
.form-horizontal .control-group label, .form-horizontal .control-label {
    font-size: 16px;
    font-weight: 300;
}

.radion label {
    font-weight: 300;
}


/* iphone 5 5s */
@media only screen and (max-width: 320px) {
    .margin-top {
        margin-top: unset;
    }
    .owl-next{
        display:none!important;
    }
    
    .content-vacature {
        height: auto;
    }
    .btn-vacature {
        position: inherit!important;
        top: 0;
    }
    .caption-vacature table {
        position: unset;
        margin-bottom: 1rem;
    }
}
/* smartphones */
@media only screen and (min-width: 321px) and (max-width: 500px) {
    
    .hero {
        padding: 35px 0;
    }
    .navbar-toggle {
        margin-top: 12px;
    }
    .hero h1 {
        font-size: 1.5rem;
    }
    .hero h3 {
        font-size: 1.2rem;
    }
    .owl-ul {
        font-size: 1.2rem;
    }
    .margin-top {
        margin-top: unset;
    }
    #footer a[href^="tel:"], #footer a[href^="mailto:"] {
        padding: 0;
    }
    .owl-next {
        display: none!important;
    }
    .nna-titel{
        font-size: 1.5rem!important;
    }
    .control-label{
        width: 40%;
    }
    .workshop-img img{
        display:  block;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        max-width: 360px;
    }
    #mc-embedded-subscribe-form input[type=checkbox]{
        padding-left: 20px!important;
    }
    
    .page-content .opleiding .description .section-head strong{
        word-break: break-all;
    }
}

/* iPad in landscape */
@media only screen
and (min-device-width : 360px)
and (max-device-width : 768px)
and (orientation : landscape){
    .top-nna {
        background: url(../img/hero-slider.jpg) no-repeat top center fixed;
        background-position: 0 140px;
        background-size:100%;
    }
    .hero {
        padding: 40px 0;
    }
    
}
/* tablets tot klein laptop */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .hero {
        padding: 60px 0;
    }
    
    .top-nna-tekst {
        text-align: right;
        font-size: 0.95rem;
        margin: 1rem 0;
    }
    
    .phone {
        font-size: 0.9rem;
    }
    
    .navbar-toggle {
        margin-top: 12px;
    }
    
    .margin-top {
        margin-top: unset;
    }
    
    .workshop-img {
        max-width: 100%;
        margin-left: -5px;
         margin-bottom: 20px;
    }
    
    #footer a[href^="tel:"], #footer a[href^="mailto:"] {
        padding: 0;
    }
    
    #footer .container .footer-contact ul li a{
        word-break: break-all;
    }
    
    .workshop-img{
        margin-top: 20px;
        max-width: 90%;
    }
    
    .navbar-default .navbar-nav li a {
        font-size: 18px;
        font-weight: 400;
        padding: 20px 20px;
    }
    
    .owl-next {
        display: none!important;
    }
    
    .item .info p img,
    .item .info img{
        margin-left:  auto;
        margin-right: auto;
        display: block;
    }
        .owl-item{
            width:  355px!important;
    }
}
/* iPad in landscape */
@media only screen
and (min-device-width : 360px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    .navbar-default .navbar-nav li a {
        font-size: 18px;
        font-weight: 400;
        padding: 20px 20px;
    }
    div.thumbnail {
        height: 530px;
    }
    .owl-item{
        width:  355px!important;
    }
}

/* sticky css */
.affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
    background-color: #1c1a24;
    opacity: 0.9;
}

.affix + .top-nna {
    padding-top: 70px;

}
.affix + .default-page {
    margin-top: 400px;
    margin-top: 0px;
}

#privacyDisclaimer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.65);
    padding: 10px;
    color: white;
    z-index: 999999;
}

.js-cookie-disclaimer-close {
    cursor: pointer;
    border: 0px;
    padding: 15px 20px 15px 20px;
    font-weight: 400;
    letter-spacing: -0.3px;
    min-width: 120px;
    text-decoration: none;
    text-align: center;
    border-radius: 3px;
    background-color: #216CB5;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    display: inline-block;
    float: right;
    margin-left: 24px;
}

#privacyDisclaimer .text-succes {
    color: #216CB5;
    text-decoration: none;
}

#privacyDisclaimer p {
    text-decoration: none;
    line-height: 1.4;
    margin: 10px 0 10px;
}