/* Blog post */
.blog-post h1, .blog-post h2, .blog-post h3, .blog-post h4, .blog-post h5, .blog-post h6 {
  color:white!important;
  font-family:regulator-nova;
  margin-bottom:10px;
}
.body-container--event-post, .body-container-wrapper, .event-post__header-container {
  background:#16233c; 
}
.event-post__header-container {
  width:100%; 
  padding: 0 1rem;
}
.event_post__flexbox_container .content-wrapper {
  width:100%; 
}
.blog-post__header {
  background:#49e89c;
  padding:30px;
}
.body-container-wrapper {
  padding-top:50px; 
}
.blog-container {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 1248px;
}
.dotted-line-separator {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="2"><path d="M 0,1 L 30,1" stroke="%2316233c" stroke-width="2" stroke-dasharray="20,5"/></svg>');
  background-repeat: repeat-x;
  background-position: bottom;
  background-size: auto 2px; /* Adjust if necessary to fit your design */
  padding-bottom: 2px; /* Adjust based on your needs */
  height: 20px; /* Example height, adjust as needed */
  margin-left:-30px;
  margin-right:-30px;
} 
.voorgaand_aankomend p {
  padding:0px 20px;
  background:#16233C;
  color:var(--oxford-blue-700);
  display:inline-block;
  font-family: Roboto;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: center;
}
.blog-quote-container {
  border-left: 4px solid  var(--aquamarine-mind-400-default);
  padding-left: 20px;
  margin: 40px 0;
}

.breadcrumb {
  font-size: 14px;
  margin-bottom: 50px;
  color: var(--oxford-blue-100);
  opacity: 0.6;
}
.event__image {
  height:172px;
  object-fit:cover;
  width:100%;
  margin-bottom:10px;
}
.breadcrumb a {
  text-decoration: none;
  font-family: Roboto;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.43;
  color: var(--oxford-blue-100);
}
.event_gastspreker__card {
  display:flex;
  flex-direction:row;
  gap:5px;
  align-items: center;
  justify-content: space-between;
  align-items: start;

}
.event_gastspreker__card h6 {
  font-family: Roboto;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #5c6068; 
}
.event_gastspreker__card p {
  font-family: Roboto;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #5c6068;
}
.event_gastspreker__card svg {
  width:7px;
}
.breadcrumb a:hover {
  text-decoration: none;
  font-family: Roboto;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.43;
  color: var(--oxford-blue-100);
}

.current-page {
  font-family: Roboto;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: left;
  color: var(--oxford-blue-100);
}
.event_post__flexbox_container {
  display:flex;
  flex-direction:column;
  gap:20px;
  max-width:1216px;
  margin:0 auto;}
.blog-quote {
  font-family: regulator-nova, sans-serif;
  font-size: 30px;
  font-weight: 900;
  line-height: 1.27;
  text-align: left;
  color: var(--aquamarine-mind-400-default);
}
.gastspreker-flexbox-container {
  display:flex;
  flex-direction:row;
  gap:20px;
  margin-bottom:15px;
}
.gastspreker-flexbox {
  display:flex;
  flex-direction:row;
  gap:20px;
}
.gastspreker-details-flexbox-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; /* Adjust spacing as needed */
  gap: 50px; /* Space between items */
}

.gastspreker-details-container {
  width: 100%;
}
.gastspreker-details-flexbox-item h6 {
  font-family: Roboto;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #fff; 
}
.gastspreker-details-flexbox-item .profile_title {
  font-family: Roboto;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #49e89c; 
  margin:10px 0;
}
.gastspreker-details-flexbox-item .profile_details {
  font-family: Roboto;
  font-size: 12px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #e4e4e4;
}
.gastspreker-details-image {
  width: 165px;
  height: 165px;
  object-fit: cover;
  border-radius: 100%;
  object-position: top;
}
.blog-quote-author {
  margin-top: 14px;
}
.event_locatie_flexbox-container {
  display:flex;
  flex-direction:row;
  gap:20px;
  margin-bottom:15px;
}
.event_date_time-container {
  display:flex;
  flex-direction:row;
  gap:20px;
}
.button.event-aanmelding {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: center;
  color: #fff; 
  width:100%;
  background-color:#16233C;
  clip-path:polygon(95% 0, 100% 50%, 95% 100%, 0% 100%, 5% 50%, 0% 0%);
  -webkit-clip-path:polygon(95% 0, 100% 50%, 95% 100%, 0% 100%, 5% 50%, 0% 0%);
}
.gastspreker-heading-title {
  font-family: Roboto;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #5c6068; 
  margin-bottom:15px;
}
.event_locatie_flexbox-container p, .event_date_time-text p {
  font-family: Roboto;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #5c6068; 
}
.event_date_time.time {
  text-transform:capitalize;
}
.event_date_time.separator {
  margin-right:-10px; 
}
.event_date_time-text div {
  max-width:280px;
  width:100%;
}
.event_date_time-text p {
  display:flex;
  flex-direction:row;
  gap:20px;
  justify-content:space-between;
}
.blog-quote-author,
.blog-function-author {
   font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--grey-600);
  margin-bottom: 0;
}

.blog-post {
  margin: 0 auto 60px;
  max-width: 800px;
  padding: 0 !important;
}

.blog-post__header-container {
  padding: 50px 1rem 25px;
  background: linear-gradient(0deg, rgba(255,255,255,1) 13%, rgba(22,35,60,1) 13%);
}

.blog-post__header {
  max-width: 1008px;
  margin: 0 auto;
}


.blog-title {
  font-size: 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: normal;
  text-align: left;
  color: #2f1e45;
  margin-top:10px;
  max-width: 320px;
}

.blog-description {
  font-size: 18px;
  line-height: 1.56;
  color: var(--oxford-blue-100);
  margin-bottom: 20px;
}

.blog__image {
  width: 100%;
  max-height: 459px;
  object-fit: cover;
}
.blog-post__body p {
  color:white; 
}
.blog-post__meta {
  display: flex;
  flex-direction:column;
  font-family: Roboto;
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 30px;
}
.blog-post__meta .event_datum {
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #2f1e45;
  margin-top:15px;
  margin-bottom:15px;
}
.gastspreker-details-container .profile_name {
    font-family: Roboto;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  }
}
.blog-post__meta a {
  text-decoration: underline;
}

.blog-post__timestamp {
  display: block;
}

.blog-post__tags svg {
  height: auto;
  margin-right: 0.35rem;
  width: 15px;
}

.blog-post__tag-link {
  font-size: 0.875rem;
}

/* Blog related posts */

.blog-related-posts {
  background-color: #F8FAFC;
}

.blog-related-posts h2 {
  text-align: center;
}

.blog-related-posts__list {
  display: flex;
  flex-wrap: wrap;
}

.blog-related-posts__post {
  flex: 0 0 100%;
  padding: 1rem;
}

@media screen and (min-width: 768px) {
  .blog-related-posts__post {
    flex: 0 0 calc(100% / 2);
  }
  .event_post__flexbox_container {

    flex-direction:row;
  }
  .body-container-wrapper {
    padding-top:100px; 
  }
  .profile_title {
    margin:0; 
  }
}

@media screen and (min-width: 1000px) {
  .blog-related-posts__post {
    flex: 0 0 calc(100% / 3);
  }
}

.blog-related-posts__image {
  height: auto;
  max-width: 100%;
}

.blog-related-posts__title {
  margin: 0.7rem 0;
}

/* Blog comments */

.blog-comments {
  margin: 0 auto;
  max-width: 680px;
}

.blog-comments .hs-submit {
  text-align: center;
}

.blog-comments .comment-reply-to {
  border: 0 none;
}

.blog-comments .comment-reply-to:hover,
.blog-comments .comment-reply-to:focus {
  background-color: transparent;
  text-decoration: underline;
}
/* CSS For event post form */
.event-registration-form-header {
  margin-top:50px; 
}
.registration-title {
  font-family: regulator-nova;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #b9b1fa;
}
.registration-text {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: -0.32px;
  text-align: left;
  color: #e4e4e4; 
  margin-bottom:15px;
}
form input[type=text], form input[type=search], form input[type=email], form input[type=password], form input[type=tel], form input[type=number], form input[type=file], form select {
  height:55px; 
}
form input[type=text], form input[type=search], form input[type=email], form input[type=password], form input[type=tel], form input[type=number], form input[type=file], form select, form textarea {
  padding:1rem 0.7rem .4rem 0.7rem;  
  background:none!important;
  border-radius:8px!important;
  border:solid 1px #bdbdbd!important;
  color:#fff!important;
}
.event-registration-form input[type=submit] {
  margin-top:15px;
  background-color:#B9B1FA;
  color:#16233c;
  max-width:400px;
  width:100%;
  clip-path:polygon(95% 0, 100% 50%, 95% 100%, 0% 100%, 5% 50%, 0% 0%);
  -webkit-clip-path:polygon(95% 0, 100% 50%, 95% 100%, 0% 100%, 5% 50%, 0% 0%);
  font-family: Roboto;
  font-size: 16px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: center;
  color: #16233c;
}
.event-registration-form {
  background:none; 
  color:#fff;
  margin-bottom:50px;
}
.event-registration-form label.active {
  top:5px; 
  font-size: 10px;
  margin-left:12px;
}
.event-registration-form label {
  position:absolute;
  top:17px;
  margin-left:17px;
  transition: all .2s;
  font-size:14px;
  color: rgba(228, 228, 228, 0.9);
}
.event-registration-form .hs-error-msg {
  position:relative; 
  top:0px;
}
.event-registration-form li {
  margin:0!important; 
}
.form-columns-2, .form-columns-1 {
  position:relative;
}
.hs-form-field {
  position:relative; 
}
@media (min-width: 767px) {
  .event-registration-form label {
    font-size:16px;
  }
  .blog-post__meta {
    margin-bottom:50px; 
  }
  .event__image {
    height:372px;
    object-fit:cover;
    width:100%;
    margin-bottom:30px;
  }
  .gastspreker-heading-title {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #5c6068; 
    margin-bottom:15px;
  }
  .event_locatie_flexbox-container p, .event_date_time-text p {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #5c6068; 
  }
  .blog-post__meta {
    display: flex;
    flex-direction:column;
    font-family: Roboto;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 50px;
  }
  .blog-post__meta .event_datum {
    padding-top:30px;
    font-family: regulator-nova, sans-serif;
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #16233c;
    margin-bottom:15px;
  }
  .event_gastspreker__card h6 {
    font-size:16px; 
  }
  .event_gastspreker__card p {
    font-size:16px; 
        width: 100%;
  }
  .blog-title {
    font-size: 48px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: -1.44px;
    text-align: left;
    color: var(--oxford-blue-700-default);
    padding:20px 0px;

  }
  .event-post__header-container {
    width:40%;
    flex-basis: 40%;
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    position: sticky;
    top: 130px;
    padding-right: 0;
    height: 100%;
  }
  .event_post__flexbox_container .content-wrapper {
    width:60%;
    padding-left: 0;
  }
  .gastspreker-details-flexbox-item {
    gap:50px 100px; 
  }
  .gastspreker-details-container {
  width: calc(50% - 50px); /* Adjust width to fit two items per row, accounting for the gap */
  /* Add styles for the child containers */
  transition: transform 0.3s ease; /* Smooth transition for hover effect */
}
  .blog-container {
    margin-bottom: 30px;
  }
  
  .blog-post__header-container {
    background: linear-gradient(0deg, rgba(255,255,255,1) 30%, rgba(22,35,60,1) 30%);
    padding: 50px 0;
  }
}
@media(min-width:1280px) {
   .event-post__header-container {
    padding:0;  
  }
}