nav.navbar {
  background: url(../images/footer-clouds.jpg);
}
.navbar-brand .site-slogan {
  color:#00a8ed;
  font-size: 1rem;
  font-style: italic;
  font-family: 'Merriweather', sans;
  line-height: 5px;
  padding-bottom: 15px;
}

.navbar-brand .site-title {
  font-size: 1.75rem;
  font-weight: unset;
}

.navbar-dark .navbar-brand a.site-title,
.footer-dark .navbar-brand a.site-title {
  color:#00a8ed;
}
.navbar-dark .navbar-brand a.site-title:hover,
.footer-dark .navbar-brand a.site-title:hover {
  color:#00a8ed;
}

/* Typography theme overrides */
/* Media breakpoints for responsive typography HTML wide */
@media (max-width: 768px) {
  .h1, h1 {
	font-size: 1.75rem!important;
}
  .h2, h2 {
	font-size: 1.5rem!important;
}
  .h3, h3 {
	font-size: 1.25rem!important;
}
  .h4, h4 {
	font-size: 1rem!important;
}
  .h5, h5 {
	font-size: .75rem!important;
}
  .h6, h6 {
	font-size: .75rem!important;
	ext-transform: uppercase!important;
  }
}
.h1, h1 {
  font-size: 2rem;
}
.h2, h2 {
  font-size: 1.75rem;
}
.h3, h3 {
  font-size: 1.5rem;
}
.h4, h4 {
  font-size: 1.25rem;
}
.h5, h5 {
  font-size: 1rem;
}
.h6, h6 {
  font-size: 1rem;
  ext-transform: uppercase;
}

/* Main Theme override for OL UL and DL list styles */
dl, ol, ul {
  padding-inline-start: 25px;
}
p {
  margin-bottom: .5rem!important;
}
.form-control::-webkit-input-placeholder {
  font-style: italic;
  font-size: .9rem;
}
.form-control:focus::-webkit-input-placeholder  {color:transparent;}
.form-control:focus::-moz-placeholder   {color:transparent;}
.form-control:-moz-placeholder   {color:transparent;}

/* Navbar overrides and styles */
input[type="search"] {
  box-sizing: inherit;
}
#search-block-form {
  margin-left: .5rem;
}
.menu--account > div > a {
  margin: 0 .25rem 0 0;
}
.view-content a:hover,
.brand-text a:hover {
  text-decoration:none;
}
button.navbar-toggler {
  margin-left: auto;
  padding: .5rem .95rem .5rem .9rem!important;
}
.breadcrumb {
  padding: .25rem .5rem!important;
  margin-bottom: .25rem!important;
}
article a, article a.node-readmore {
  color: inherit;
  text-decoration: none;
}
h2.title-section {
  padding: 10px 0 25px 0;
  position: relative;
  text-align: center;
  color: #00a8ed;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
}
h2.title-section:after {
  margin: 13px 0;
  width: 40px;
  height: 2px;
  background: #c1c1c1;
  position: absolute;
  left: 50%;
  bottom: -2px;
  margin-left: -20px;
  content: '';
}

.view-frontpage article {
  transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
}

.view-frontpage article:hover {
  background-color: rgb(239 239 239);
  transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
}
a.node-readmore {
  opacity: 1;
  transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
}
.view-frontpage article:hover .node-readmore {
  opacity: 1;
  transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
}
div > article.contextual-region.h-100.border.rounded-3.cols-0.mb-2 {
  padding: 0 .5rem;
}

/*
span.node-readmore {
  display:none;
}
*/
span.node-readmore::after {
  content: "\f178";
  font-family: FontAwesome;
  font-size: 13px;
  color: #4396FF;
  font-weight: 700;
  margin-left: 5px;
  line-height: 25px;
}
.block-bootstrap-simple-carousel {
  margin-bottom: .5rem;
}
.carousel-caption {
  bottom: 110px!important;
  font-family: 'Merriweather', sans;
  text-shadow: #000 0px 0px 5px;
}
.carousel-caption h3 {
  font-size: 3rem;
  font-weight: 700;
}
.carousel-caption a {
  color: #fff!important;
}
.carousel-caption p {
  font-size: 1.125rem;
  font-weight: 700;
}
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
  transition: 0s 2s opacity!important;
}
.form-text {
  margin-top: 0!important;
}
.rounded-50 {
  border-radius: .5rem!important;
}
@media (min-width: 768px) {
  .webform-flex {
	margin: .5em 0;
  }
}
.webform-flexbox {
  margin: 0!important;
}
.legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}
legend {
  margin-bottom: 0!important;
}
.form-control.form-checkbox, 
.form-control.form-radio {
  width: unset!important;
}
.webform-preview label {
  font-weight: bold;
}
.webform-preview svg {
  display:none;
}
.webform-location-places--wrapper {
  margin:0;
}
.m-0 .webform-flex--container,
.flexbox-tijd .webform-flex--container {
  margin:0;
}
.m-0 .webform-flex--container:first-child,
.flexbox-tijd .webform-flex--container:first-child {
  margin-right: .5rem;
}
.showdagen {
  background-color: 
}
.input-group-text {
  align-items: right!important;
  padding: .25rem!important;
  font-size: 0.875rem!important;
}
#edit-showdag-datum {
  display: -ms-inline-flexbox!important;
  display: inline-flex!important;
}
.aantal-dagen {
  padding-top: 1.5rem;
}
.form-item-aantal-dagen .visually-hidden {
  margin: 2em 0;
}
.webform-multiple-table th,
.webform-multiple-table td {
 padding: .5rem 0!important;
margin: .5rem 0!important;
}
.webform-multiple-table thead tr th:nth-child(2),
.webform-multiple-table td:nth-child(2){
padding-right: .5rem!important;
padding-left: .5rem!important;
}
.webform-multiple-add {
	 display: flex;
	}
.webform-multiple-add>.form-submit {
	margin-right: .5rem;
}
.form-item-pakket-keuze {
  max-width:49%;
}
.form-item-av-akkoord ul li {
  list-style:none;
}

/* Bootstrap 4 Cards overrides */
.card-header, .card-body, .card-footer {
  padding: .25rem .5rem!important;
}

/* Main Theme style overrides for containers, form, dropbutton, buttons, input, submit, checkbox/radio and paragraph-styling */
.date-time {
  font-size: .825rem;
}
.algemene-voorwaarden {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1rem;
  font-weight:400;
  margin-top: .25rem;
}
.algemene-voorwaarden > ol,
.algemene-voorwaarden li ol {
  list-style-type: none!important;
}
#section-1 {
  counter-reset: section;
  counter-set: section 0;
}
#section-2 {
  counter-set: section 8;
}
#section-3 {
  counter-set: section 11;
}
#section-4 {
  counter-set: section 17;
}
#section-5 {
  counter-set: section 25;
}
#section-6 {
  counter-set: section 40;
}
#section-7 {
  counter-set: section 49;
}
#section-8 {
  counter-set: section 52;
}
#section-9 {
  counter-set: section 59;
}
#section-10 {
  counter-set: section 63;
}
#section-11 {
  counter-set: section 71;
}

.algemene-voorwaarden ol {
  list-style-type: none;
  counter-reset: section;
}

.algemene-voorwaarden ol > li {
  display: table;
  counter-increment: section;
}

.algemene-voorwaarden ol > li::before {
  display: table-cell;
  content: counter(section) ". ";
  padding-right: 5px;
}

.algemene-voorwaarden ol > li > ol {
  counter-reset: subsection;
  padding: 0;
}

.algemene-voorwaarden ol > li > ol > li {
  counter-increment: subsection;
}

.algemene-voorwaarden ol > li > ol > li::before {
  content: counter(section) "." counter(subsection) ". ";
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}
.showdagen>.input-group>.form-radios {
  border: 1px solid #ced4da;
  border-left: none;
  border-radius: .25rem;
  border-top-left-radius:0;
  border-bottom-left-radius:0;
  background-color: white;  
}
.form-control.form-checkbox, .form-control.form-radio {
  margin-left: .5rem;
  display: inline-block;
  height: auto;
}

/* Sidebars spacing and styles */
.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  padding: 48px 0 0;
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}
.sidebar-sticky {
  position: -webkit-sticky;
  position: sticky;
}
.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto;
}

.btw {
  font-size: .75rem;
}

/* Footer styles */

footer {
  padding: 0 0 10px 0;
  background-position-y: 300px;
  background: #292929 url(../images/footer-clouds.jpg);
}
#block-contactinfo h2{
  text-align: left!important;
  padding:0;
  letter-spacing: 0;
  font-size: 1.5rem;
  border-bottom: 1px #84848478 solid;
}
#block-contactinfo h2:after {
  display:none;
}
#block-copyright .field__item {
  margin: 0;
  display: inline-block;
}
#block-copyright .field__item a {
  color: #212529;
  display: inline-block;
}

/*# sourceMappingURL=style.css.map */