@import url('https://fonts.googleapis.com/css2?family=Asap+Condensed:wght@400;700;800&family=Roboto:wght@300;400;700&display=swap');

/* 

	Theme Name: Enactus
	Theme URI: https://www.enactus.nl
	Description: Enactus Netherlands - 15 years 
	Version: 1.0  
	Author: Bloemendaal in Vorm
	Author URI: http://www.bloemendaalinvorm.nl
	
*/
/*-----------------------------------------------------------------------------------

	0.	Clearfix
	1.  Basics

	
-----------------------------------------------------------------------------------*/
/*---------------------------------------------- 
0. Clearfix
------------------------------------------------*/
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.clearfix {
  *display: inline-block;
  height: 1%;
}
.clear {
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  width: 100%;
}

/*---------------------------------------------- 
1. Basics
------------------------------------------------*/

/* Wrapper ------------------------------------ */

/* Fonts -------------------------------------- */
.display-1, .display-2, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: 'Asap Condensed', sans-serif;
  font-weight: 800;
	text-transform: uppercase;
	line-height: 0.9;
}

@media all and (min-width: 768px) {
	#masthead .display-1,
	#masthead .display-2{
		line-height: 0.8;
	}
}
.nieuws--item--inner .h1,
.nieuws--item--inner .h2{
	line-height: 0.7;
}

.display-1 { font-size: 3.75rem; }
.display-2 { font-size: 3rem; }

h1, .h1 { font-size: 2.75rem; }
h2, .h2 { font-size: 2rem; }
h3, .h3 { font-size: 1.5rem; }
h4, .h4 { font-size: 1.375rem; }
h5, .h5 { font-size: 1.2rem; }
h6, .h6 { font-size: 1rem; }

p { line-height: 1.6; }

p.lead { font-size: 1rem; }

.locator-300 { font-family: 'Roboto', sans-serif; font-weight: 300; }
.locator-400 { font-family: 'Roboto', sans-serif; font-weight: 400; }
.locator-700 { font-family: 'Roboto', sans-serif; font-weight: 700; }
.rocke-400 { font-family: 'Asap Condensed', sans-serif; font-weight: 400; }
.rocke-700 { font-family: 'Asap Condensed', sans-serif; font-weight: 700; }
.rocke-900 { font-family: 'Asap Condensed', sans-serif; font-weight: 800; }

body {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.2;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color: #7a6e66;
	background: #fff;
}

@media all and (min-width: 768px) {
	html, body {
		font-size: 14px;
	}

	.display-1 { font-size: 6rem; }

	p.lead { font-size: 1.25rem; }
}

@media all and (min-width: 992px) {
	html, body {
		font-size: 15px;
	}

	.display-1 { font-size: 8rem; }
	.display-2 { font-size: 3rem; }

	h1, .h1 { font-size: 3.75rem; }
	h2, .h2 { font-size: 2.5rem; }
	h3, .h3 { font-size: 1.875rem; }
	h4, .h4 { font-size: 1.625rem; }
	h5, .h5 { font-size: 1.375rem; }
	h6, .h6 { font-size: 1.125rem; }
}

@media all and (min-width: 1200px) {
	html, body {
		font-size: 16px;
	}

	.display-1 { font-size: 10rem; }
}

body {
	background-image: url('../images/subpage-bg.svg');
	background-position: left 230px;
	background-size: contain;
	background-repeat: no-repeat;
}

body.home {
	background-image: url('../images/home-bg.svg');
	background-position: left 300px;
	background-size: contain;
	background-repeat: no-repeat;
}

/* Links -------------------------------------- */
a {
	-webkit-transition: all 0.5s ease; 
  transition: all 0.5s ease;	 
}

a:hover, a:focus {
	text-decoration: none;	
}

.btn-link {
	font-family: 'Asap Condensed', sans-serif;
  font-weight: 800;
	font-size: 20px;
	text-transform: uppercase;
	text-decoration: none;
}

.btn-link:hover {
	text-decoration: none;
}

	.btn-link-white,
	.btn-link-white:hover {
		color: #fff;
	}

	.btn-link-navy,
	.btn-link-navy:hover {
		color: #232d39;
	}

/* Lists -------------------------------------- */
.list-social {
	margin: 2em 0 0 0;
}

	.list-social li a {
		display: block;
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 20px;
		text-align: center;
		color: #fff;
		border-radius: 100%;
		border: 2px solid #fff;
	}

		.list-social li a:hover {					
			color: #F9C213;
			border: 2px solid #F9C213;
		}

@media all and (min-width: 992px) {
	.list-social li a {
		font-size: 28px;
		width: 55px;
		height: 55px;
		line-height: 55px;
	}
}		

/* Colors ------------------------------------- */
.text-white { color: #fff; }
.text-navy { color: #232d39; }
.text-blue { color: #0099cc; }
.text-yellow { color: #F9C213; }
.text-darkyellow { color: #b16d03; }
.text-gray { color: #7b8188; }

ul.link-navy li a { color: #232d39; font-weight: 700; }
ul.link-yellow li a { color: #F9C213; font-weight: 700; }
.link-navy { color: #232d39; }

/* Backgrounds ------------------------------- */
.bg-white { background: #fff; }
.bg-gray { background: #eeeee8; }
.bg-yellow { background: #F9C213; }
.bg-navy { background: #232d39; }

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

/* Theme colors ------------------------------- */
.theme-green #masthead .masthead--title,
.theme-green #masthead .masthead--breadcrumb {
	background: rgb(94,177,48);
}
.theme-green #page--sidebar .page--sidebar-menu .nav li a::after {
	color: rgb(94,177,48);
}

.theme-blue #masthead .masthead--title,
.theme-blue #masthead .masthead--breadcrumb {
	background: rgb(34,149,211);
}
.theme-blue #page--sidebar .page--sidebar-menu .nav li a::after {
	color: rgb(34,149,211);
}

.theme-yellow #masthead .masthead--title,
.theme-yellow #masthead .masthead--breadcrumb {
	background: #F9C213;
}
.theme-yellow #page--sidebar .page--sidebar-menu .nav li a::after {
	color: #F9C213;
}

.theme-orange #masthead .masthead--title,
.theme-orange #masthead .masthead--breadcrumb {
	background: rgb(236,98,31);
}
.theme-orange #page--sidebar .page--sidebar-menu .nav li a::after {
	color: rgb(236,98,31);
}

.theme-red #masthead .masthead--title,
.theme-red #masthead .masthead--breadcrumb {
	background: rgb(198,22,35);
}
.theme-red #page--sidebar .page--sidebar-menu .nav li a::after {
	color: rgb(198,22,35);
}

/* Onepage-page ------------------------------- */
.onepage-page + .onepage-page {
	margin-top: 5em;
}

/* Ajax loader -------------------------------- */
.ajax-loader {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/preloader.svg');
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 10;
}

#password-protected {
	position: relative;
}

#password-protected.loading {
	opacity: 0.5;
}

#form-messages.error {
	margin-top: 1em;
	margin-bottom: 1em;
	padding: .75rem .5rem .75rem 1rem;
	border-left: 4px solid #dc3545;
	background: #fff;
	color: #dc3545;
}

#form-messages.success {
	margin-top: 1em;
	margin-bottom: 1em;
	padding: .75rem .5rem .75rem 1rem;
	border-left: 4px solid #28a745;
	background: #fff;
	color: #28a745;
}

/* Carousel ----------------------------------- */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; 
}

  .owl-theme .owl-nav [class*='owl-'] {
    color: #232d39;
    margin: 5px;

    width: 40px;
    height: 40px;
    line-height: 43px;
    font-size: 20px;
    text-align: center;
    border-radius: 100%;

    background: #fff;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: all 0.5s ease; 
  	transition: all 0.5s ease;	 
  }

    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #232d39;
      color: #fff;
      text-decoration: none; 
    }

  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; 
  }

  .owl-masthead,
  .owl-masthead .owl-stage-outer,
  .owl-masthead .owl-stage-outer .owl-stage,
  .owl-masthead .owl-stage-outer .owl-stage .owl-item {
  	height: 100%;
  }

  	.owl-masthead .owl-stage-outer .owl-stage .owl-item {
	  	display: -webkit-box;
	  	display: -ms-flexbox;
	  	display: flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			-webkit-box-pack: center !important;
			-ms-flex-pack: center !important;
			justify-content: center !important;        
	  }

  .owl-partners .owl-nav {
    position: absolute;
    top: -92px;
    left: -5px;
  }

  .owl-masthead .owl-nav {
    position: absolute;
    bottom: 30px;
    right: 0;
    left: 0;
  }

  @media all and (min-width: 992px) {
    .owl-theme .owl-nav [class*='owl-'] {
      width: 55px;
      height: 55px;
      line-height: 58px;
      font-size: 28px;
    }

    .owl-partners .owl-nav {
      top: -102px;
    }

    .owl-masthead .owl-nav {
	    right: 5%;
	    left: auto;
	  }
  }

/* Alignments  ------------------------------ */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1rem;
}

@media only screen and (min-width: 768px) {
  .alignleft {
    /*rtl:ignore*/
    margin-right: calc(2 * 1rem);
  }
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1rem;
}

@media only screen and (min-width: 768px) {
  .alignright {
    /*rtl:ignore*/
    margin-left: calc(2 * 1rem);
  }
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Slanted edges ------------------------------ */
.edge--bottom {
  position: relative;
  z-index: 1;
}
.edge--bottom:after {
  background: inherit;
  content: '';
  display: block;
  height: 70%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.edge--bottom:after {
  bottom: 0;
  -webkit-transform: skewY(-3deg);
          transform: skewY(-3deg);
  -webkit-transform-origin: 100%;
          transform-origin: 100%;
}

.edge--bottom--reverse {
  position: relative;
  z-index: 1;
}
.edge--bottom--reverse:after {
  background: inherit;
  content: '';
  display: block;
  height: 70%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.edge--bottom--reverse:after {
  bottom: 0;
  -webkit-transform: skewY(3deg);
          transform: skewY(3deg);
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
}

.edge--top {
  position: relative;
  z-index: 1;
}
.edge--top:before {
  background: inherit;
  content: '';
  display: block;
  height: 70%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.edge--top:before {
  top: 0;
  -webkit-transform: skewY(3deg);
          transform: skewY(3deg);
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}

.edge--top--reverse {
  position: relative;
  z-index: 1;
}
.edge--top--reverse:before {
  background: inherit;
  content: '';
  display: block;
  height: 70%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.edge--top--reverse:before {
  top: 0;
  -webkit-transform: skewY(-3deg);
          transform: skewY(-3deg);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}

.edge--both {
  position: relative;
  z-index: 1;
}
.edge--both:before, .edge--both:after {
  background: inherit;
  content: '';
  display: block;
  height: 70%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.edge--both:before {
  top: 0;
  -webkit-transform: skewY(3deg);
          transform: skewY(3deg);
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}
.edge--both:after {
  bottom: 0;
  -webkit-transform: skewY(-3deg);
          transform: skewY(-3deg);
  -webkit-transform-origin: 100%;
          transform-origin: 100%;
}
.edge--both--reverse {
  position: relative;
  z-index: 1;
}
.edge--both--reverse:before, .edge--both--reverse:after {
  background: inherit;
  content: '';
  display: block;
  height: 70%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
}
.edge--both--reverse:before {
  top: 0;
  -webkit-transform: skewY(-3deg);
          transform: skewY(-3deg);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}
.edge--both--reverse:after {
  bottom: 0;
  -webkit-transform: skewY(3deg);
          transform: skewY(3deg);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}

/* Forms --------------------------------------*/
.form-control {
	font-size: 18px;
	color: #232D39;
	background: #fff;	
  border: 2px solid rgba(0,0,0,.1);
	border-radius: .25rem;
	box-shadow: none;
	padding: 0.75em 0.5em 0.5em 1em;	
	height: auto !important;
}

.form-control:focus {
	background: #fff;
	border: 2px solid rgba(0,0,0,.15);
	color: #232D39;
	box-shadow: none;
}

.form-control::-webkit-input-placeholder {
  color: #969da4;
}
.form-control::-moz-placeholder {
  color: #969da4;
}
.form-control:-ms-input-placeholder {
  color: #969da4;
}
.form-control:-moz-placeholder {
  color: #969da4;
}

form .btn-primary {
	font-family: 'Asap Condensed', sans-serif;
  font-weight: 700;
	font-size: 1.125rem;
	text-transform: uppercase;
	color: #232D39;
	background: #F9C213;
	border: none;
	padding: 0.75em 1em 0.5em 1em;
	height: auto;
}

	form .btn-primary:hover {
		font-family: 'Asap Condensed', sans-serif;
    font-weight: 700;
		font-size: 1.125rem;
		text-transform: uppercase;
		color: #232D39;
		background: #F9C213;
		border: none;
		padding: 0.75em 1em 0.5em 1em;
		height: auto;
	}

.wpcf7 .wpcf7-form-control-wrap {
	display: block !important;
}

.wpcf7 .wpcf7-not-valid-tip {
	padding-top: 5px;
	color: #dc3545;
	text-align: right;
	display: none;
}

.wpcf7 .wpcf7-not-valid {
	border-left: 4px solid #dc3545 !important;
}

.wpcf7 .wpcf7-response-output {
	padding: 15px;
	text-align: center;
	margin: 15px 0 0 0;
}

.wpcf7 .wpcf7-validation-errors {
	background: #fff;
	color: #ffc107;
	border: none;
	border-left: 4px solid #ffc107;
}

.wpcf7 .wpcf7-mail-sent-ok {
	display: none;
	background: #fff;
	color: #28a745;
	border: none;
	border-left: 4px solid #28a745;
}

.wpcf7 .wpcf7-list-item {
	display: block;
	margin-bottom: 15px;
}

/* Goals ---------------------------------------*/
#goals .row-fluid .span3 {
	width: 48%;
	*width: 48%;
	float: left;
	margin-left: 2.564102564%;
}

#goals .row-fluid [class*="span"]:first-child {
  margin-left: 0;
}

#goals .row-fluid [class*="span"]:nth-child(3) {
  margin-left: 0;
}

@media all and (min-width: 992px) {
	#goals .row-fluid .span3 {
		width: 23.076923077%;
		*width: 23.0237315876383%;
	}
	
	#goals .row-fluid [class*="span"]:nth-child(3) {
		margin-left: 2.564102564%;
	}
}

/* Embed wrappers ------------------------------*/
#page--main .embed-wrapper,
#page--main .testimonials-wrapper {
	margin-top: 2em;
	margin-bottom: 2em;
}

	#page--main .embed-wrapper img {
		width: 100%;
	}

.embed-wrapper {
	position: relative;
}	

	.embed-wrapper .embed-wrapper--play {
		position: absolute;
		color: #232d39;

		top: 50%;
		left: 50%;

		margin: -20px 0 0 -20px;

    width: 40px;
    height: 40px;
    line-height: 42px;
    font-size: 20px;
    text-align: center;
    border-radius: 100%;

  	background: #fff;
  	z-index: 3;
	}

		.embed-wrapper .embed-wrapper--play i {
			text-indent: 4px;
		}

	.embed-wrapper .embed-gradient {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: -moz-linear-gradient(45deg,  rgba(35,45,57,0.5) 0%, rgba(35,45,57,0) 100%);
		background: -webkit-linear-gradient(45deg,  rgba(35,45,57,0.5) 0%,rgba(35,45,57,0) 100%);
		background: linear-gradient(45deg,  rgba(35,45,57,0.5) 0%,rgba(35,45,57,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80232d39', endColorstr='#00232d39',GradientType=1 );
		z-index: 1;
	}	

	.embed-wrapper figcaption {
		position: absolute;
		bottom: 0.5em;
		left: 0.5em;
		margin: 0;
		z-index: 3;
	}

@media all and (min-width: 992px) {
	.embed-wrapper .embed-wrapper--play {
		width: 55px;
		height: 55px;
		line-height: 58px;
		font-size: 28px;
		margin: -22.5px 0 0 -22.5px;
	}

		.embed-wrapper .embed-wrapper--play i {
			text-indent: 6px;
		}

		.embed-wrapper figcaption {
			position: absolute;
			bottom: 0.75em;
			left: 0.75em;
			margin: 0;
		}
}

.card-img-top {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

/*----------------------------------------------
x. Mobile menu
------------------------------------------------*/
.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a {
  height: 50px;
  line-height: 50px;
}
@media only screen and (min-width: 768px) {
  .cd-dropdown h2,
  .cd-dropdown-content a,
  .cd-dropdown-content ul a {
    height: 60px;
    line-height: 60px;
  }
}

.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a,
.cd-dropdown-content .cd-divider {
  padding: 0 20px;
}

.cd-dropdown {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #F7BE00;
  color: #232D39;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0.5s;
  -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0.5s;
  transition: transform 0.5s 0s, visibility 0s 0.5s;
}
.cd-dropdown h2 {
  position: relative;
  z-index: 1;
  color: #585a70;
  background-color: #451753;
  border-bottom: 1px solid #50255d;
}
.cd-dropdown .cd-close {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  height: 50px;
  width: 50px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
}
.cd-dropdown .cd-close::after, .cd-dropdown .cd-close::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  height: 20px;
  width: 2px;
  background-color: #232D39;
}
.cd-dropdown .cd-close::after {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.cd-dropdown .cd-close::before {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.cd-dropdown.dropdown-is-active {
  visibility: visible;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0s;
  transition: transform 0.5s 0s, visibility 0s 0s;
}
@media only screen and (min-width: 768px) {
  .cd-dropdown .cd-close {
    top: 5px;
  }
}

.cd-dropdown-content, .cd-dropdown-content ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
  padding-top: 50px;
	padding-left: 0;
	margin: 0;
	list-style: none;
}
.cd-dropdown-content a, .cd-dropdown-content ul a {
	font-weight: 700;
	font-size: 16px;
  display: block;
  color: #232D39;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-top-width: 1px;
	border-bottom-width: 0;
	border-left-width: 0;
	border-right-width: 0;
  border-color: #E5AB07;
  border-style: solid;
}
.cd-dropdown-content li:first-of-type > a, .cd-dropdown-content ul li:first-of-type > a {
  border-top-width: 0;
}
.cd-dropdown-content li:last-of-type > a, .cd-dropdown-content ul li:last-of-type > a {
  border-bottom-width: 1px;
}
.cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #0b0e23;
  font-size: 1.1rem;
  font-weight: bold;
  letter-spacing: 1px;
  color: #585a70;
  text-transform: uppercase;
}
.cd-dropdown-content .cd-divider + li > a, .cd-dropdown-content ul .cd-divider + li > a {
  border-top-width: 0;
}
.cd-dropdown-content a, .cd-dropdown-content .cd-search, .cd-dropdown-content .cd-divider, .cd-dropdown-content ul a, .cd-dropdown-content ul .cd-search, .cd-dropdown-content ul .cd-divider {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}
.cd-dropdown-content.is-hidden, .cd-dropdown-content ul.is-hidden {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.cd-dropdown-content.is-hidden > li > a, .cd-dropdown-content.is-hidden > li > .cd-search, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > a, .cd-dropdown-content ul.is-hidden > li > .cd-search, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
  opacity: 0;
}
.cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.dropdown-is-active .cd-dropdown-content, .dropdown-is-active .cd-dropdown-content ul {
  -webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 768px) {
  .cd-dropdown-content, .cd-dropdown-content ul {
    padding-top: 60px;
  }
  .cd-dropdown-content a, .cd-dropdown-content ul a {
    font-size: 1.8rem;
  }
}

.cd-dropdown-content .see-all a {
  color: #4abae7;
}

@-webkit-keyframes cd-fade-in {
  0% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@-moz-keyframes cd-fade-in {
  0% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes cd-fade-in {
  0% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@-webkit-keyframes cd-fade-out {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: visible;
  }
}
@-moz-keyframes cd-fade-out {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: visible;
  }
}
@keyframes cd-fade-out {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: visible;
  }
}
.has-children > a, .go-back a {
  position: relative;
}

.cd-secondary-dropdown > a,
.cd-secondary-dropdown > .go-back a {
  display: none !important;
}

.cd-secondary-dropdown > .go-back a + a {
	display: block !important;
}

.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -1px;
  display: inline-block;
  height: 2px;
  width: 10px;
  background: #B16D03;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.has-children > a::before, .go-back a::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.has-children > a::after, .go-back a::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.has-children > a {
  padding-right: 40px;
}
.has-children > a::before, .has-children > a::after {
  right: 20px;
  -webkit-transform-origin: 9px 50%;
  -moz-transform-origin: 9px 50%;
  -ms-transform-origin: 9px 50%;
  -o-transform-origin: 9px 50%;
  transform-origin: 9px 50%;
}

.cd-dropdown-content .go-back a {
  padding-left: 40px;
	background-color: #E5AB07;
}
.cd-dropdown-content .go-back a::before, .cd-dropdown-content .go-back a::after {
  left: 20px;
  -webkit-transform-origin: 1px 50%;
  -moz-transform-origin: 1px 50%;
  -ms-transform-origin: 1px 50%;
  -o-transform-origin: 1px 50%;
  transform-origin: 1px 50%;
}

.cd-main-content {
  background-color: #e6e6e6;
  min-height: calc(100vh - 100px);
  padding: 2em 5%;
  line-height: 2;
}

.no-js .cd-dropdown-wrapper:hover .cd-dropdown {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.no-js .cd-dropdown-wrapper .cd-close {
  display: none;
}


/*---------------------------------------------- 
2. Header
------------------------------------------------*/
#header-bar {
	background: #39424D;
}

	#header-bar .navbar {
		padding: 0;
	}

	#header-bar .afdelingen-links {
		position: relative;
		background: #232D39;
	}
	#header-bar .afdelingen-links::before {
		content: '';
		position: absolute;
		top: 0;
		width: 400%;
		height: 100%;
		left: -400%;
		background: #232D39;
	}
	#header-bar .afdelingen-links::after {
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 12.5px 12px 12.5px;
		border-color: transparent transparent #ffffff;
		position: absolute;
		bottom: 0;
		right: -12.5px;
	}

	#header-bar .afdelingen-links li > a {
		font-family: 'Asap Condensed', sans-serif;
    font-weight: 700;
		font-size: 1.5em;
		text-transform: uppercase;
		color: #F7BE00;
		padding: 1rem 1.5rem 1rem 15px;		
	}

		#header-bar .dropdown-menu {
			position: absolute;
			border: none;
			border-radius: 0;
			margin: 0;
			width: 100%;
			background: #39424D;
		}

			#header-bar .dropdown-menu a {
				font-family: 'Asap Condensed', sans-serif;
        font-weight: 700;
				font-size: 1.1em;
				text-transform: uppercase;
				color: rgba(255,255,255,.6);
				background: none;
			}

			#header-bar .dropdown-menu a:hover {
				color: rgba(255,255,255,1);
			}

			#header-bar .dropdown-menu a.active {
				color: #F7BE00;
			}

	#header-bar .enactus-links {
		margin: 0;
	}

	#header-bar .enactus-links li a {
		color: #7B8188;
		line-height: 45px;
	}

		#header-bar .enactus-links li a:hover {
			color: #fff;
		}

#header {
	padding: 20px 0;
}

	#header .menu-trigger {
		display: block;
		float: right;
		font-size: 1.5em;
		background: #232D39;
		color: #fff;
		height: 45px;
		width: 45px;
		line-height: 48px;
		text-align: center;
		border-radius: 100%;
	}
	
	#header #topmenu {
		margin-bottom: 0.75em;
	}

		#header #topmenu li a {
			font-weight: 700;
			font-size: 14px;
			text-transform: uppercase;
			color: #D3D5D7;
		}

			#header #topmenu li.btn a {
				position: relative;
				top: -8px;
				border: 2px solid #F9C213;
				color: #F9C213;
				border-radius: 0;
				background: none;
				padding: .4rem .75rem;
			}

				#header #topmenu li.btn a:hover {	
					color: #fff;
					background: #F9C213;
				}

	#header #mainmenu {}

		#header #mainmenu > li > a {
			font-family: 'Asap Condensed', sans-serif;
      font-weight: 700;
			font-size: 1.5em;
			color: #232D39;
		}

			#header #mainmenu > li > a i {
				color: #F9C213;
			}

			#header #mainmenu .dropdown-toggle::after {
				display: none;
			}

				#header #mainmenu .dropdown-menu {
					border: none;
					border-radius: 0;
					background: #F9C213;
				}

					#header #mainmenu .dropdown-menu a {
						font-family: 'Asap Condensed', sans-serif;
            font-weight: 700;
						font-size: 1.25em;
						color: #232D39;
						background: none;
					}

@media all and (min-width: 992px) {
	#header #mainmenu > li > a {
		font-family: 'Asap Condensed', sans-serif;
    font-weight: 700;
		font-size: 1.7em;
		color: #232D39;
	}
}

@media only screen and (min-width:769px) {
  .dropdown:hover .dropdown-menu {
    display: block;
  }
}

/*---------------------------------------------- 
3. Masthead
------------------------------------------------*/
#masthead {
	margin: 0 15px;
}

	#masthead .masthead--slider,
	#masthead .masthead--title {
		position: relative;
		z-index: 4;
	}

	#masthead .masthead--introductie,
	#masthead .masthead--breadcrumb {
		position: relative;
		z-index: 3;
	}

	#masthead .masthead--slider {
		width: calc(100vw - 30px);
		height: 400px;
		background: #F9C213;
	}

		#masthead .owl-masthead .owl-item .display-1 {
			opacity: 0;
			transform: translateX(-20vw);			
		}

		#masthead .owl-masthead .owl-item .display-2 {
			opacity: 0;		
		}

		#masthead .owl-masthead .owl-item.active .display-1 {
			opacity: 1;
			transform: translateX(0);
			transition-duration: 0.75s;
			transition-delay: 0.5s;
		}

		#masthead .owl-masthead .owl-item.active .display-2 {
			opacity: 1;
			transform: translateX(0);	
			transition-duration: 1s;
			transition-delay: 1.25s;
		}

	#masthead .masthead--slider.bg-image {
		background: none;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}

	#masthead .masthead--title {
		width: calc(100vw - 30px);
		height: 200px;
		background: #F9C213;
	}

	#masthead .masthead--introductie,
	#masthead .masthead--breadcrumb {
		position: relative;
		width: calc(100vw - 30px);
		padding: 40px 0 0 0;
		background: #F9C213;
	}
	#masthead .masthead--introductie::after,
	#masthead .masthead--breadcrumb::after {
		content: '';
		position: absolute;
		background-image: url('../images/masthead-shadow.svg');
		background-size: contain;
		background-repeat: no-repeat;
		background-position: top left;
		width: 100%;
		height: 30px;
		top: 0;
		z-index: 3;
		margin-top: -1px;
	}

		#masthead .masthead--introductie .no-gutters {
			margin-right: -15px;
			margin-left: -15px;
		}

			#masthead .masthead--introductie .list-inline {
				margin: 2em 0 0 0;
			}

			#masthead .masthead--introductie .list-inline-item {
				margin: 0;
			}

		#masthead .masthead--introductie p {
			color: #232d39;
			line-height: 1.6;
		}

			#masthead .masthead--introductie p strong {
				font-weight: 700;
			}

		#masthead .masthead--breadcrumb .breadcrumb {
	    padding: .75rem 1rem;
	    margin-bottom: 1.5em;
	    background: none;
	    border-radius: 0;
		}		

			#masthead .masthead--breadcrumb .breadcrumb span,
			#masthead .masthead--breadcrumb .breadcrumb span a span {
				font-weight: 700;
				font-size: 14px;
				text-transform: uppercase;
				color: #232D39;
			}

			#masthead .masthead--breadcrumb .breadcrumb span span,
			#masthead .masthead--breadcrumb .breadcrumb .current-item {
				color: #fff;
			}


			#masthead .masthead--breadcrumb .breadcrumb i {
				padding-left: 0.25em;
				padding-right: 0.25em;
				color: #232D39;
			}	

@media all and (min-width: 768px) {
	#masthead {
		margin: 0 40px;
	}

		#masthead .masthead--slider {
			height: 480px; 
			width: calc(100vw - (100vw - 640px) / 2);
		}

		#masthead .masthead--title {
			height: 300px; 
			width: calc(100vw - (100vw - 640px) / 2);
		}

		#masthead .masthead--introductie { 			
			margin-top: -200px;
			padding-top: 270px;
			width: calc(100vw - (100vw - 640px) / 2);
			margin-left: auto;
		}

			#masthead .masthead--introductie::after {
				max-width: 720px;
				top: 200px;
			}

		#masthead .masthead--breadcrumb { 			
			margin-top: -60px;
			padding-top: 90px;
			width: calc(100vw - (100vw - 640px) / 2);
			margin-left: auto;
		}

			#masthead .masthead--breadcrumb::after {
				max-width: 720px;
				top: 60px;
			}	
}

@media all and (min-width: 992px) {
	#masthead .masthead--slider,
	#masthead .masthead--title,
	#masthead .masthead--introductie,
	#masthead .masthead--breadcrumb {
		width: calc(100vw - (100vw - 880px) / 2);
	}

		#masthead .masthead--introductie::after,
		#masthead .masthead--breadcrumb::after {
			max-width: 960px;
		}
}

@media all and (min-width: 1200px) {
	#masthead .masthead--slider,
	#masthead .masthead--title,
	#masthead .masthead--introductie,
	#masthead .masthead--breadcrumb {
		width: calc(100vw - (100vw - 1060px) / 2);
	}

		#masthead .masthead--introductie { 			
			margin-top: -300px;
			padding-top: 370px;
		}

			#masthead .masthead--introductie::after {
				max-width: 1140px;
				top: 300px;
			}

			#masthead .masthead--breadcrumb::after {
				max-width: 1140px;
			}
}

/*---------------------------------------------- 
x. Frontpage
------------------------------------------------*/

/* Facts ---------------------- */
#facts {
	margin-top: 60px;
	margin-bottom: 60px;
}

	#facts .col-sm-6 img {
		max-width: 70%;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

@media all and (min-width: 768px) {
	
	#facts .col-sm-6 img {
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
		display: block;
	}
	
}


@media all and (min-width: 992px) {
	#facts {
		margin-top: 90px;
		margin-bottom: 150px;
	}
}

/* Wat is enactus ---------------------- */
#wat-is-enactus {
	margin-top: 60px;
	margin-bottom: 90px;
}

	#wat-is-enactus .wat-is-enactus--inner {
		padding: 1em 0;
	}

		#wat-is-enactus .wat-is-enactus--inner span {
			margin-bottom: 0.5em;
		}

		#wat-is-enactus .wat-is-enactus--inner p {
			color: #232d39;
			line-height: 1.2;
		}

@media all and (min-width: 992px) {
	#wat-is-enactus {
		margin-top: 130px;
		margin-bottom: 220px;
	}

		#wat-is-enactus .embed-wrapper {
			margin-top: -60px;		
		}

		#wat-is-enactus .embed-wrapper::after {
			content: '';
			position: absolute;
			background-image: url('../images/embed-shadow.svg');
			background-size: contain;
			background-repeat: no-repeat;
			background-position: top left;
			width: 30px;
			height: calc(100% - 60px);
			top: 60px;
			right: -30px;
			z-index: 3;
		}

		#wat-is-enactus .wat-is-enactus--inner {
			padding: 1em 0 0 1em;
		}		
}

/* Onderdelen -------------------------- */
#onderdelen {
	margin-top: 30px;
}

	#onderdelen .onderdelen--item {
		text-align: center;
	}

		#onderdelen .onderdelen--item i {
			position: relative;
			display: block;
			margin: 0 auto;
			width: 140px;
			height: 140px;
			line-height: 140px;
			background: #232d39;
			font-size: 60px;
			color: #F9C213;
			border-radius: 100%;
			margin-bottom: 0.25em;
			text-align: center;
			-webkit-transition: all 0.5s ease; 
  		transition: all 0.5s ease;	 
		}

			#onderdelen .onderdelen--item i::after {
				content: "\f061";

				font-family: Font Awesome 5 Pro;
				font-weight: 400;
				color: #232d39;

				position: absolute;
				bottom: 0;
				right: 0;

		    width: 40px;
		    height: 40px;
		    line-height: 43px;
		    font-size: 20px;
		    text-align: center;
		    border-radius: 100%;

		    background: #fff;
		    display: inline-block;
		    cursor: pointer;
		    -webkit-transition: all 0.5s ease; 
		  	transition: all 0.5s ease;	 
			}

		#onderdelen .onderdelen--item span {
			display: block;
			padding: 0 0.25em;
			color: #232d39;
		}

			#onderdelen .onderdelen--item span font {
				display: block;
			}

@media all and (min-width: 992px) {
	#onderdelen {
		margin-top: 90px;
	}

	#onderdelen .onderdelen--item i {
		width: 170px;
		height: 170px;
		line-height: 170px;
		font-size: 80px;
	}

		#onderdelen .onderdelen--item i::after {
	    width: 55px;
	    height: 55px;
	    line-height: 58px;
	    font-size: 28px;	    
		}
}

/* Actueel ----------------------------- */
#actueel {
	overflow: hidden;
	margin: 30px 15px;
}

	.actueel--nieuws {
		background: #232d39;
	}

	.actueel--nieuws--item {
		position: relative;
		padding: 40px 0;
		width: 100%;
		background: #232d39;
	}

			.actueel--nieuws--item .nieuws--item--inner {
				padding: 0 15px 0 0;
			}

	.actueel--blog {
		background: #F9C213;
	}
			
		.actueel--blog--items {
			position: relative;
			padding: 40px 0;
			width: 100%;
		}		

@media all and (min-width: 768px) {
	#actueel {
		margin: 90px 40px 130px 40px;
	}		

		.actueel--nieuws {		
			background: none;
		}

			.actueel--nieuws--item {
				position: relative;
				margin-bottom: -280px;
				padding: 40px 15px 40px 0;
				z-index: 3;
			}

			.actueel--nieuws--item::before {
				content: '';
				position: absolute;
				background: #232d39;
				width: 100%;
				height: 100%;
				top: 0;
				right: 100%;
				z-index: -1;
			}

			.actueel--nieuws--item::after {
				content: '';
				position: absolute;
				background-image: url('../images/actueel-shadow.svg');
				background-size: contain;
				background-repeat: no-repeat;
				background-position: top left;
				width: 100%;
				height: 30px;
				bottom: -30px;
				z-index: 3;
			}

				.actueel--nieuws--item .nieuws--item--inner {
					padding: 30px;
				}

		.actueel--blog {		
			background: none;
		}

			.actueel--blog--items {
				padding: 340px 0 40px 15px;
			}

			.actueel--blog--items::before {
				content: '';
				position: absolute;
				background: #F9C213;
				width: 100%;
				height: 100%;
				top: 0;
				right: -100%;
				z-index: -1;
			}	

				.actueel--blog--items .blog--item--inner {
					padding: 30px 15px;
				}
}

/* Agenda ----------------------------- */
#agenda {
	margin: 0 15px -220px 15px;
	padding: 50px 0 0 0;
}
#agenda.no-partners {
	margin: 0 15px 180px 15px;
	padding: 50px 0 0 0;
}

	#agenda .owl-agenda {
		width: calc(100% + 30px) !important;
	}

	#agenda .agenda-item {
		padding: 35px 15px 35px 15px;
		background: #232d39;
		margin-bottom: 30px;
		margin-right: 30px;
	}
	#agenda .agenda-item.history {
		background: #4F5760;
	}

		#agenda .agenda-item span {
			display: block;
		}

		#agenda .agenda-item .agenda-title {
			margin-bottom: 2.5em;
		}

		#agenda .agenda-item a.more {
			position: absolute;
			bottom: 70px;
			font-family: 'Asap Condensed', sans-serif;
      font-weight: 800;
			font-size: 20px;
			text-transform: uppercase;
			color: #F9C213;
		}

			#agenda .agenda-item a.more i {
				width: 30px;
				height: 30px;
				line-height: 26px;
				text-align: center;
				border-radius: 100%;
				border: 2px solid #F9C213;
				margin-left: 0.25em;
				-webkit-transition: all 0.5s ease; 
  			transition: all 0.5s ease;	 
			}

			#agenda .agenda-item a.more:hover i {
				margin-left: 0.5em;
			}

@media all and (min-width: 768px) {
	#agenda {
		margin: 40px 40px -180px 40px;
	}		
	#agenda.no-partners {
		margin: 40px 40px 180px 40px;
	}
}

@media all and (min-width: 992px) {
	#agenda {
	  height: 280px;
	}

		#agenda .owl-agenda {
			position: relative;
			margin-top: -90px;
		}

			#agenda .owl-agenda .owl-nav {
				position: absolute;
				left: -245px;
				bottom: 0;
			}

			#agenda .agenda-item {
				position: relative;
				padding: 90px 15px 35px 15px;
				background: #232d39;
				margin-bottom: 0;
				height: 100%;
			}

				#agenda .agenda-item::after {
					content: '';
					width: 15px;
					height: calc(100% - 40px);
					background: url('../images/agenda-shadow.svg') no-repeat top right;
					position: absolute;
					top: 40px;
					right: -15px;
				}

				#agenda .agenda-item a.more {
					bottom: 35px;
				}
}

@media all and (min-width: 1200px) {
	#agenda .owl-agenda .owl-nav {
		left: -290px;
	}
}

/* Partners ----------------------------- */
#partners {
	padding: 300px 0 160px 0;
}
#partners.no-agenda {
  padding: 80px 0 160px 0;
}

	#partners .row-title {}
	#partners .row-carousel {
		margin-top: 1.5em;
	}

	#partners .owl-partners .item figure {
		width: 100%;
		padding: 2em 0;
		background: #fff;
	}

		#partners .owl-partners .item img {
			width: auto;
		}
 



/*---------------------------------------------- 
x. Page
------------------------------------------------*/
#page, #archive {
	padding-top: 60px;
	padding-bottom: 200px;
}

	/* Page sidebar ----------------------------- */
	#page--sidebar {}

		#page--sidebar .page--sidebar-menu .nav {
			margin: 0;
			padding: 0;
		}

			#page--sidebar .page--sidebar-menu .nav li + li {
				margin-top: 1em;
			}

				#page--sidebar .page--sidebar-menu .nav li a {
					font-size: 16px;
					padding: 0;
					color: #7B8188;
				}
				#page--sidebar .page--sidebar-menu .nav li.current_page_item > a {
					font-weight: 700;
					color: #232D39;
				}

					#page--sidebar .page--sidebar-menu .nav li a::after {
						content: "\f105";
						font-family: 'Font Awesome 5 Pro' !important;
						font-weight: 900;
						color: #F9C213;
						float: right;
					}


		#page--sidebar .page--sidebar-menu .nav li.page_item_has_children > .children {
			display: none;
		}

			#page--sidebar .page--sidebar-menu .nav li.page_item_has_children.current_page_item > .children,
			#page--sidebar .page--sidebar-menu .nav li.page_item_has_children.current_page_parent > .children {
				display: block;
			}

	#page--sidebar ul.children {
		margin-top: 0.75em;
		margin-bottom: 0em;
		padding-left: 0.75em;
		list-style: none;
	}


	@media all and (min-width: 768px) {
		#page--sidebar .page--sidebar-menu {
			padding: 0 1rem;
		}
	}				
	
	/* Page main -------------------------------- */
	#page--main {}

		#page--main h1,
		#page--main h2,
		#page--main h3,
		#page--main h4,
		#page--main h5,
		#page--main h6,
		#page--main p,
		#page--main p a {
			color: #232D39;
		}

			#page--main p a:hover {
				color: #F9C213;
			}

		#page--main .list-social li a {
			color: #232D39;
			border: 2px solid #232D39;
		}

			#page--main .list-social li a:hover {
				color: #F9C213;
				border: 2px solid #F9C213;
			}

		#page--main h2,
		#page--main h3,
		#page--main h4,
		#page--main h5,
		#page--main h6 {
			margin-top: 1em;
		}

		#page--main p.lead {
			color: #7B8188;
		}	

		#page--main ul:not(.list-inline):not(.list-unstyled),
		#page--main ol:not(.list-inline):not(.list-unstyled) {
			padding: 0 0 0 1rem;
		}

		#page--main ul,
		#page--main ol {
			color: #232D39;
		}

			#page--main ul li,
			#page--main ol li {
				line-height: 1.7;
			}

		#page--main .btn {
			font-family: 'Asap Condensed', sans-serif;
      font-weight: 700;
			text-transform: uppercase;
			color: #232D39;
			background: #F9C213;
			border: none;
			padding: 0.5rem 1.5rem 0.3rem 1.5rem;
      cursor: pointer;
		}
    #page--main .btn:hover {
			color: #232D39;
			background: #F9C213;
		}

		#page--main .btn-icon {
			font-family: 'Asap Condensed', sans-serif;
      font-weight: 700;
			text-transform: uppercase;
			color: #232D39;
			background: #F9C213;
			border: none;
			padding: 0 0 0 1rem;
		}

			#page--main .btn-icon i {
				background: #232D39;
				color: #fff;
				padding: 1rem;
				margin-left: 1rem;
				border-top-right-radius: .3rem;
				border-bottom-right-radius: .3rem;
			}

		#page--main .testimonials-wrapper .owl-testimonials .owl-nav {
			margin-top: 0;
			margin-bottom: 1em;
		}	

			#page--main .testimonials-wrapper .owl-testimonials .owl-nav {
				margin-top: 0;
				margin-bottom: 1em;
			}	

				.owl-testimonials .owl-nav [class*='owl-'] {			  
			    width: 40px;
			    height: 40px;
			    line-height: 43px;
			    font-size: 20px;
			  }

		#page--main .testimonials-wrapper .testimonial-item figure {
			position: relative;
			margin: 0;
		}

			#page--main .testimonials-wrapper .testimonial-item figure figcaption {
				position: absolute;
				bottom: 0.75em;
				left: 0.75em;
				margin: 0;
				padding: 0 0.5em;
				z-index: 2;
			}

			#page--main .testimonials-wrapper .testimonial-item .embed-gradient {
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				background: -moz-linear-gradient(45deg,  rgba(35,45,57,0.5) 0%, rgba(35,45,57,0) 100%);
				background: -webkit-linear-gradient(45deg,  rgba(35,45,57,0.5) 0%,rgba(35,45,57,0) 100%);
				background: linear-gradient(45deg,  rgba(35,45,57,0.5) 0%,rgba(35,45,57,0) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80232d39', endColorstr='#00232d39',GradientType=1 );
				z-index: 1;
			}	

		#page--main .testimonials-wrapper .testimonial-item blockquote {
			background: #F9C213;
			padding: 2em 3em 1.5em 4em;
		}	

			#page--main .testimonials-wrapper .testimonial-item blockquote p {
				position: relative;
				margin: 0;
				color: #232D39;
			}

				#page--main .testimonials-wrapper .testimonial-item blockquote p::before {
					content: "“";
			    font-weight: 700;
			    font-size: 3rem;
			    line-height: 1;
			    color: #232D39;
			    position: absolute;
			    top: -10px;
					left: -35px;
				}

	/* Archive -------------------------------- */
	.archive .card-columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
	}

	.archive .card {
		border: none;
		border-radius: 0;
		margin-bottom: 1.25rem;
	}			

		.archive .card .card-body {
			padding-top: 30px;
			padding-bottom: 30px;
		}

			.archive .card .card-meta {
				color: #B16D03;
			}

			.archive .card .card-title {
				margin-top: 0.25em !important;
			}

			.archive .card .card-more {
				font-family: 'Asap Condensed', sans-serif;
        font-weight: 800;
				font-size: 1.125em;
				text-transform: uppercase;
				color: #232D39;
			}

			.archive .card.bg-navy .card-title {
				color: #fff !important;
			}

			.archive .card.bg-navy .card-more {
				color: #F7BE00;
			}

	.archive .page-numbers {
		padding: 0;
		margin: 0 auto;
		list-style: none;
	}

		.archive .page-numbers li {
		  float: left;
			margin: 0 0.25em;
		}

			.archive .page-numbers li span,
			.archive .page-numbers li a {
				display: block;
			  font-weight: 700;
				font-size: 20px;
				width: 45px;
				height: 45px;
				line-height: 43px;
				color: #232d39;
				text-align: center;
				background: none;
				border: 2px solid #232d39;
				border-radius: 100%;
			}

			.archive .page-numbers li span {
				border-color: #232d39;
				background: #232d39;
				color: #fff;
			}

			.archive .page-numbers li a:hover {
				border-color: #F7BE00;
				background: none;
				color: #F7BE00;
			}			

	#page--main .gallery-columns-3 img {
		max-width: 100%;
		height: auto;
	}


.archive .card-columns .card,
#page--main .gallery-columns-3 .gallery-item,
#page--main .gallery-columns-4 .gallery-item,
#page--main .gallery-columns-5 .gallery-item { 
	width: 100%;
	margin: 0 0 15px 0;
}

#archive.agenda .card {
	position: relative;
	background: #232d39;
	padding: 30px 0;
}

#archive.agenda .card a.more {
	display: block;
	margin-top: 30px;
	font-family: 'Asap Condensed', sans-serif;
  font-weight: 800;
	font-size: 20px;
	text-transform: uppercase;
	color: #F9C213;
}

#archive.agenda .card.history {
	background: #4F5760;
}

@supports ((display: -ms-grid) or (display: grid)) {
	.archive .card-columns,
	#page--main .gallery-columns-3 {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: (1fr)[1];
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 15px;
		margin: 0;
	}	
	#page--main .gallery-columns-4 {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: (1fr)[1];
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 15px;
		margin: 0;
	}
	#page--main .gallery-columns-5 {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 15px;
		margin: 0;
	}
	.archive .card-columns .card {
		width: auto;
		min-height: auto;
		margin: 0 0 15px 0;
	}
}


@media all and (min-width: 768px) {
	
	.archive .card-columns .card,
	#page--main .gallery-columns-3 .gallery-item,
	#page--main .gallery-columns-4 .gallery-item { 
		width: calc(49% - 15px);
		margin: 0 7.5px 15px 7.5px;
		display: inline-block;
	}
	
	#page--main .gallery-columns-5 .gallery-item { 
		width: calc(33% - 15px);
		margin: 0 7.5px 15px 7.5px;
		display: inline-block;
	}

	@supports ((display: -ms-grid) or (display: grid)) {
    .archive .card-columns,
		#page--main .gallery-columns-3,
		#page--main .gallery-columns-4 {
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
    }
		
		#page--main .gallery-columns-5 {
      -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
    }

    .archive .card-columns .card {
	    width: auto !important;
      min-height: auto;
      margin: 0 0 30px 0;
		}
  }
	
}		
@media all and (min-width: 992px) {
	
	.archive .card-columns .card,
	#page--main .gallery-columns-3 .gallery-item,
	#page--main .gallery-columns-4 .gallery-item { 
		width: calc(33% - 15px);
	}
	
	#page--main .gallery-columns-5 .gallery-item { 
		width: calc(25% - 15px);
	}

	@supports ((display: -ms-grid) or (display: grid)) {
		.archive .card-columns,
		#page--main .gallery-columns-3,
		#page--main .gallery-columns-4 {
			-ms-grid-columns: (1fr)[3];
			grid-template-columns: repeat(3, 1fr);
		}
		
		#page--main .gallery-columns-5 {
			-ms-grid-columns: (1fr)[4];
			grid-template-columns: repeat(4, 1fr);
		}
		
		#page--main .gallery-columns-3 .gallery-item,
		#page--main .gallery-columns-4 .gallery-item { 
			width: 100%;
			margin: 0 0 0.5em 0;
		}
  }
}	

@media all and (min-width: 768px) {
	#page--main .testimonials-wrapper .testimonial-item blockquote {
		padding: 2em 3em 1.5em 5em;
	}	
}

@media all and (min-width: 992px) {	
	#page--main .testimonials-wrapper .testimonial-item figure {
		max-width: 90%;
	}

	#page--main .testimonials-wrapper .testimonial-item blockquote {
		position: relative;
		max-width: 90%;
		margin-left: 10%;
	}	

		#page--main .testimonials-wrapper .testimonial-item blockquote::before {
			content: '';
			position: absolute;
			z-index: -1;
			background: #F9C213;
			height: 160%;
			width: 100%;
			bottom: 100%;
		}

		#page--main .testimonials-wrapper .testimonial-item blockquote p::before {
	    font-size: 4.5rem;
	    top: -10px;
			left: -45px;
		}
}

@media all and (min-width: 1200px) {
	
	#page--main .gallery-columns-4 .gallery-item { 
		width: calc(25% - 15px);
	}
	
	@supports ((display: -ms-grid) or (display: grid)) {
		#page--main .gallery-columns-4 {
			-ms-grid-columns: (1fr)[4];
			grid-template-columns: repeat(4, 1fr);
		}
		
		#page--main .gallery-columns-5 {
			-ms-grid-columns: (1fr)[5];
			grid-template-columns: repeat(5, 1fr);
		}
		
		#page--main .gallery-columns-4 .gallery-item { 
			width: 100%;
			margin: 0 0 0.5em 0;
		}
  }
	
	#page--main .testimonials-wrapper .testimonial-item blockquote::before {
		height: 200%;
	}
}

/*---------------------------------------------- 
x. Footer
------------------------------------------------*/
#footer {
	padding: 80px 0;
}

	/* Footer upper ----------------------------- */
	.footer-upper {
		padding: 0 0 60px 0;
	}

		.footer-upper img {
			max-width: 270px;
		}

		.footer-upper .footer-menu li a {
			font-weight: 700;
			font-size: 1.125rem;
			color: #656C74;
		}
		.footer-upper .footer-menu li a:hover {
			color: #fff;
		}

		.footer-upper .footer-menu li.text-yellow a,
		.footer-upper .footer-menu li.text-yellow a:hover {
      cursor: pointer;
			color: #F9C213; 
		}

		.footer-upper .list-unstyled {
			margin: 0;
		}

			.footer-upper .list-unstyled li + li {
				margin-top: 1em;
			}

			.footer-upper .list-unstyled h4 {
				margin: 0 0 0.2em 0;
			}

			.footer-upper .list-unstyled p {
				font-size: 12px;
				color: #656C74;
				text-transform: uppercase;
				margin: 0;
				max-width: 80%;
				line-height: 1.2;
			}

		.footer-upper .text-md-right span {
			font-size: 18px;
			line-height: 1;
			margin-bottom: 1em;
		}

		.footer-upper .list-social {
			margin: 5em 0 0 0;
		}

			.footer-upper .list-social li a {
				display: block;
				width: 40px;
				height: 40px;
				line-height: 40px;
				font-size: 20px;
				text-align: center;
				color: #fff;
				border-radius: 100%;
				border: 2px solid #fff;
			}

				.footer-upper .list-social li a:hover {					
					color: #F9C213;
					border: 2px solid #F9C213;
				}

	@media all and (min-width: 992px) {
		.footer-upper {
			padding: 40px 0 60px 0;
		}

		.footer-upper img {
			position: relative;
			top: -62px;
		}

		.footer-upper .list-social li a {
			font-size: 28px;
			width: 55px;
			height: 55px;
			line-height: 55px;
		}
	}		

	/* Footer base ------------------------------ */	
	.footer-base {
		padding-bottom: 40px;
	}

		.footer-base span,
		.footer-base a {
			font-size: 12px;
			color: #656C74;
			text-transform: uppercase;
		}

		.footer-base a + a {
			padding-left: 1em;
		}

		.footer-base a:hover {
			color: #fff;
		}