/*!
 Theme Name:     Participatie Wind Op Zee
 Theme URI:      https://www.pwoz.nl
 Description:    Maatwerk thema
 Version:        1.0
 Author:         Arjan Jenny - Infamous Republic
 Author URI:     https://www.infamousrepublic.com
 Tags:           infamousrepublix, bootstrap, basic theme
 */
/*
 GENERIC STYLES
 */
.text-primary {
  color: #feba55 !important;
}
.text-secondary {
  color: #76c5f0 !important;
}
html {
  font-size: 62.5%;
  /* Font varient */
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  /* Smoothing */
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}
body {
  font-family: "museo-sans", sans-serif;
  font-size: 1.8rem;
  line-height: 3.6rem;
  font-weight: 300;
  color: #656565;
}
.dropshadow {
  -webkit-box-shadow: -1px 3px 10px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: -1px 3px 10px 0px rgba(0, 0, 0, 0.25);
  box-shadow: -1px 3px 10px 0px rgba(0, 0, 0, 0.25);
}
.dropshadow-light {
  -webkit-box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.5);
  box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.5);
}
h1 {
  font-size: 8rem;
  line-height: 9rem;
}
h2 {
  font-size: 4rem;
  line-height: 7.1rem;
}
h3 {
  font-size: 3.5rem;
  line-height: 6rem;
}
h4 {
  font-size: 2.8rem;
  line-height: 6rem;
}
a {
  color: #76c5f0;
}
a:hover {
  color: #1a6d9f;
}
@media (max-width: 992px) {
  html {
    font-size: 56.5%;
  }
  h1 {
    font-size: 6rem;
    line-height: 7rem;
  }
}
@media (max-width: 768px) {
  html {
    font-size: 56.5%;
  }
  h1 {
    font-size: 6rem;
    line-height: 7rem;
  }
  h2 {
    font-size: 4rem;
    line-height: 6rem;
  }
  h3 {
    font-size: 3.5rem;
    line-height: 5rem;
  }
}
@media (max-width: 576px) {
  html {
    font-size: 55.5%;
  }
  h1 {
    font-size: 4rem;
    line-height: 6rem;
  }
  h2 {
    font-size: 3rem;
    line-height: 5rem;
  }
  h3 {
    font-size: 2.8rem;
    line-height: 4.5rem;
  }
}
@media (min-width: 576px) {
  .container.larger {
    max-width: 600px;
  }
}
@media (min-width: 768px) {
  .container.larger {
    max-width: 780px;
  }
}
@media (min-width: 992px) {
  .container.larger {
    max-width: 1080px;
  }
}
@media (min-width: 1200px) {
  .container.larger {
    max-width: 1260px;
  }
}
.back-to-top {
  cursor: pointer;
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
}
/*
 FORMS
 */
.btn-primary {
  color: #fff;
  background-color: #3f96c9;
  border-color: #3f96c9;
  font-size: 1.8rem;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 8px 20px;
}
.btn-primary:hover {
  color: #fff;
  background-color: #8fc2df;
  border-color: #8fc2df;
}
.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0;
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #deedf6;
  border-color: #deedf6;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: #3f96c9;
  border-color: #3f96c9;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0;
}
.btn-secondary {
  color: #fff;
  background-color: #76c5f0;
  border-color: #76c5f0;
  font-size: 1.8rem;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 8px 20px;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #d2ecfa;
  border-color: #d2ecfa;
}
.btn-secondary:focus, .btn-secondary.focus {
  box-shadow: 0;
}
.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #fff;
  border-color: #fff;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: #76c5f0;
  border-color: #76c5f0;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0;
}
.form-group.form-control {
  border: none;
  padding: 0;
  background: none;
}
.form-control {
  font-size: 2rem;
  padding: 8px 20px;
  background: #f4f5f8;
  border-color: #f4f5f8;
  color: #242424;
}
input[type="radio"], input[type="checkbox"] {
  margin-right: 10px;
}
label {
  font-weight: 900;
  font-size: 2rem;
  color: #242424;
  margin-top: 15px;
}
select.form-control:not([size]):not([multiple]) {
  height: 47px;
}
form input.wpcf7-not-valid, form select.wpcf7-not-valid, form textarea.wpcf7-not-valid {
  border: 1px solid red !important;
}
form .help-block.wpcf7-not-valid-tip {
  display: none;
}
#enlistModal .modal-header {
  border: none;
}
#enlistModal .modal-title {
  font-size: 4.5rem;
  color: #3f96c9;
  margin-top: 30px;
  font-weight: 900;
}
#enlistModal .border-bottom {
  border-color: #3f96c9 !important;
}
#enlistModal .close {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 3rem;
  color: #3f96c9;
}
@media (max-width: 576px) {
  #enlistModal .modal-title {
    font-size: 2.8rem;
    line-height: 4.5rem;
  }
}
/*
 NAVIGATIE
 */
.bg-white {
  background: #fff;
}
.navbar.navbar-light.navbar-nav .active > .nav-link, .navbar.navbar-light.navbar-nav .nav-link.active, .navbar.navbar-light.navbar-nav .nav-link.show, .navbar.navbar-light.navbar-nav .show > .nav-link, .navbar.navbar-light .nav-link {
  color: #1a6d9f;
  font-size: 2rem;
  line-height: 3.1rem;
  font-weight: 700;
}
.navbar.navbar-light.navbar-nav .active > .nav-link.active, .navbar.navbar-light.navbar-nav .nav-link.active.active, .navbar.navbar-light.navbar-nav .nav-link.show.active, .navbar.navbar-light.navbar-nav .show > .nav-link.active, .navbar.navbar-light .nav-link.active {
  color: #feba55;
}
.navbar.navbar-light .navbar-text a {
  color: #fff;
}
.navbar-expand-lg .navbar-nav .nav-link {
  padding-left: 2.4rem;
  padding-right: 2.4rem;
}
.navbar-expand-lg .navbar-collapse.collapse.show .navbar-nav .nav-link, .navbar-expand-lg .navbar-collapse.collapsing .navbar-nav .nav-link {
  padding-left: 0;
}
.navbar-toggler {
  padding: 1rem 1.5rem;
}
/*
 SECTIONS
 */
#content h2 {
  color: #feba55;
  font-weight: 900;
}
#content h3, #content h4, #content h5 {
  font-size: 1.8rem;
  font-weight: 900;
  color: #76c5f0;
}
#content strong {
  font-weight: 900;
}
#single-header {
  background: url('/wp-content/uploads/coverflow-bg.jpg') bottom center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 420px;
  height: 45vh;
}
#coverflow {
  background: url('/wp-content/uploads/coverflow-bg.jpg') bottom right;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 13% 0 20% 0;
  max-height: 100vh;
}
#coverflow h1 {
  font-weight: 900;
  font-size: 5.8rem;
  line-height: 8rem;
}
#coverflow p {
  font-size: 2.4rem;
  line-height: 4rem;
  font-weight: 500;
}
#coverflow p a {
  text-decoration: none;
  font-weight: 900;
}
#coverflow h1, #coverflow p {
  color: #fff;
}
#coverflow h1 strong, #coverflow p strong {
  color: #feba55;
}
#coverflow form label, #coverflow form h2, #coverflow form h3, #coverflow form h4 {
  color: #fff;
}
#intro {
  background: url('/img/clouds-1.png') no-repeat;
  background-size: 97% auto;
  background-position: 0 80px;
}
#intro h3 {
  color: #feba55;
  font-weight: 900;
  margin-top: 3rem;
}
#intro h3:first-child {
  margin-top: 0;
}
#intro p a {
  text-decoration: none;
  font-weight: 900;
}
#countdown {
  background: url('/img/countdown-bg.png') no-repeat bottom;
  background-size: contain;
}
#countdown h2 {
  color: #feba55;
  font-weight: 900;
  margin-bottom: 0;
  line-height: 5rem;
}
#countdown strong {
  font-weight: 900;
  color: #1c1c1c;
  font-size: 2rem;
}
#countdown .btn {
  font-size: 2.2rem;
}
@media (max-width: 576px) {
  #clock {
    width: 60%;
  }
}
#projects {
  background: #f4f5f8;
  background-image: url('/img/projects-bg.png');
  background-size: cover;
  background-position: bottom left;
  background-repeat: no-repeat;
}
#projects h2 {
  color: #feba55;
  font-weight: 900;
  line-height: 5rem;
}
#projects .swiper-container {
  padding-left: 40px;
  padding-right: 40px;
}
#projects .swiper-container .swiper-slide {
  height: auto;
}
#projects .swiper-pagination {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 3rem;
}
#projects .swiper-pagination .swiper-pagination-bullet {
  width: 1.2rem;
  height: 1.2rem;
  margin: 1.2rem;
}
#projects .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #1a6d9f;
}
#projects .swiper-pagination .swiper-pagination-bullet:focus {
  outline: none;
}
#projects .swiper-button-prev, #projects .swiper-button-next {
  width: 32px;
  height: 32px;
  background-size: cover;
}
#projects .swiper-button-prev {
  left: 0px;
  background-image: url('/img/arrow.png');
}
#projects .swiper-button-prev:hover {
  -webkit-transform: translateX(-2px);
  -ms-transform: translateX(-2px);
  -o-transform: translateX(-2px);
  transform: translateX(-2px);
}
#projects .swiper-button-next {
  right: 0px;
  background-image: url('/img/arrow.png');
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
#projects .swiper-button-next:hover {
  -webkit-transform: translateX(2px) rotate(180deg);
  -ms-transform: translateX(2px) rotate(180deg);
  -o-transform: translateX(2px) rotate(180deg);
  transform: translateX(2px) rotate(180deg);
}
#projects .project {
  background: #fff;
  height: 100%;
}
#projects .project h4 {
  font-weight: 700;
  font-size: 2.8rem;
  color: #2c2c2c;
}
#projects .project p {
  font-size: 1.6rem;
  line-height: 2.8rem;
}
#projects .project .content {
  padding-bottom: 9rem;
}
#projects .project .btn {
  font-size: 1.4rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 4rem;
}
#projects .project .thumbnailWrapper {
  position: relative;
}
#projects .project .thumbnailWrapper .thumb {
  width: 100%;
}
#projects .project .thumbnailWrapper .icon {
  background: url('/img/icons/wind.png') no-repeat;
  background-size: cover;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -17%;
  left: 50%;
  width: 21.6%;
}
#projects .project .thumbnailWrapper .icon:after {
  display: block;
  content: " ";
  padding-bottom: 100%;
}
@media (min-width: 992px) {
  #usps h2 {
    color: #feba55;
    font-weight: 900;
  }
  #usps .usps div {
    width: 33%;
    padding: 0 5rem 4rem 5rem;
    position: relative;
  }
  #usps .usps div h4 {
    font-size: 2.5rem;
    line-height: 3rem;
    color: #3f96c9;
    font-weight: 700;
    margin-bottom: 1.5rem;
  }
  #usps .usps div img {
    width: 35%;
  }
  #usps .usps div p {
    font-size: 1.6rem;
    line-height: 2.6rem;
  }
  #usps .usps div:after {
    position: absolute;
    display: block;
    content: " ";
    bottom: 0;
    left: 40px;
    right: 40px;
    height: 1px;
    background: #eaeaea;
  }
  #usps .usps div:before {
    position: absolute;
    display: block;
    content: " ";
    top: 2rem;
    right: 0;
    bottom: 2rem;
    width: 1px;
    background: #eaeaea;
  }
  #usps .usps div:nth-child(1n) {
    border-left: 0;
  }
  #usps .usps div:nth-child(3n):before {
    position: absolute;
    content: " ";
    background: none;
  }
  #usps .usps div:nth-child(n+4) {
    padding-top: 6rem;
  }
  #usps .usps div:nth-child(n+4):after {
    position: absolute;
    content: " ";
    background: none;
  }
}
@media (max-width: 991px) {
  #usps h2 {
    color: #feba55;
    font-weight: 900;
  }
  #usps .usps div {
    width: 50%;
    padding: 0 3rem 4rem 3rem;
    position: relative;
  }
  #usps .usps div h4 {
    font-size: 2.5rem;
    line-height: 3rem;
    color: #3f96c9;
    font-weight: 700;
  }
  #usps .usps div img {
    width: 28.3%;
  }
  #usps .usps div p {
    font-size: 1.6rem;
    line-height: 2.6rem;
  }
  #usps .usps div:after {
    position: absolute;
    display: block;
    content: " ";
    bottom: 0;
    left: 4rem;
    right: 4rem;
    height: 1px;
    background: #eaeaea;
  }
  #usps .usps div:before {
    position: absolute;
    display: block;
    content: " ";
    top: 2rem;
    right: 0;
    bottom: 2rem;
    width: 1px;
    background: #eaeaea;
  }
  #usps .usps div:nth-child(1n) {
    border-left: 0;
  }
  #usps .usps div:nth-child(2n):before {
    position: absolute;
    content: " ";
    background: none;
  }
  #usps .usps div:nth-child(n+3) {
    padding-top: 6rem;
  }
}
#partners {
  background: url('/img/partners-bg.png') top 50px right 20px no-repeat #f4f5f8;
}
#partners h2 {
  color: #feba55;
  font-weight: 900;
}
#partners .partners {
  max-width: 100%;
}
#partners .partners div {
  margin-left: 4rem;
  margin-right: 4rem;
  margin-bottom: 4rem;
}
#partners .partners div:first-child {
  margin-left: 0;
}
#partners .partners div:last-child {
  margin-right: 0;
}
@media (max-width: 768px) {
  #partners .partners {
    flex-wrap: wrap;
    margin: 0;
  }
  #partners .partners div {
    justify-content: space-between;
  }
  #partners .partners div:nth-child(1n) {
    margin-left: 0;
  }
  #partners .partners div:nth-child(2n) {
    margin-right: 0;
  }
  #partners .partners div img {
    margin: auto;
  }
}
#newsletter {
  background: url('/img/cloud1.png') no-repeat top 120px right 5%;
}
#newsletter h2 {
  color: #feba55;
  font-weight: 900;
}
#newsletter .bordered-right {
  position: relative;
}
#newsletter .bordered-right:after {
  position: absolute;
  content: " ";
  top: 8rem;
  right: 0px;
  bottom: 0;
  width: 1px;
  background: #e5e7ee;
}
#newsletter form.form-inline .form-group {
  max-width: 100%;
}
#newsletter form.form-inline .form-group.your-email {
  -webkit-flex-grow: 1;
}
#newsletter form.form-inline .form-group.your-email input {
  width: 100%;
  margin-right: 25px;
}
#newsletter form .alert {
  margin-top: 20px;
}
#newsletter form input[type="submit"] {
  width: 100px;
  text-indent: -5000px;
  background: url('/img/icons/mail-icon.png') #3f96c9 no-repeat center center;
}
#newsletter form input[type="submit"]:focus {
  animation: animatedSend 1s linear 1;
}
@media (min-width: 1200px) {
  .w-lg-75 {
    width: 75% !important;
  }
}
@media (max-width: 1200px) {
  #newsletter {
    background: none;
  }
}
@media (max-width: 991px) {
  #newsletter .bordered-right:after {
    display: none;
  }
}
@keyframes animatedSend {
  0% {
    background-position: center center;
  }
  50% {
    background-position: 500px center;
  }
  100% {
    background-position: center center;
  }
}
#footer {
  background: #f4f5f8;
}
#footer .colofon strong {
  color: #e9255f;
}
#footer .copyright {
  font-weight: 500;
}
#cookie-law-info-again {
  z-index: 500;
}