.clearfix {
clear: both;
}
.hfe-site-logo-container {
line-height: 1;
}
.home-blogs-container {
column-gap: 30px;
grid-column-gap: 30px;
}
.home-blogs-container article {
height: auto;
flex: 1 0 auto;
position: relative;
cursor: pointer;
}
.home-blogs-container article::before {
content: '';
float: left;
padding-top: 100%;
}
.home-blogs-container article .post-anchor {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
}
.home-blogs-container article .post-image {
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.home-blogs-container article:nth-child(2n + 1) .post-image .post-image-overlay::before { background: rgba(241, 241, 241, 0.75);
}
.home-blogs-container article .post-image .post-image-overlay::before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: rgba(0, 0, 0, 0.7);
z-index: 2;
transition: all 0.3s;
}
.home-blogs-container article .post-image .post-image-overlay:hover::before {
opacity: 0.8;
}
.home-blogs-container article .post-content {
width: 100%;
top: 50%;
left: 50%;
padding: 0 15px;
position: absolute;
text-align: center;
transform: translate(-50%, -50%);
z-index: 3;
}
.home-blogs-container article .post-cat {
font-weight: 600;
text-transform: uppercase;
color: #00ACED;
}
.home-blogs-container article h2 {
font-size: 1.25rem;
}
.home-blogs-container article h2 a {
color: #FFFFFF;
text-decoration: none;
}
.home-blogs-container article .post-date {
color: #FFFFFF;
}
.home-blogs-container article:nth-child(2n + 1) h2 a {
color: #000000;
}
.home-blogs-container article:nth-child(2n + 1) .post-date {
color: #000000;
}
@media (min-width: 1025px) {
.home-blogs-container article:nth-child(4),
.home-blogs-container article:nth-child(5),
.home-blogs-container article:nth-child(6) {
margin-top: 30px;
}
} 
@media (min-width: 768px) and (max-width: 1024px) {
.home-blogs-container article:nth-child(3),
.home-blogs-container article:nth-child(4),
.home-blogs-container article:nth-child(5),
.home-blogs-container article:nth-child(6) {
margin-top: 30px;
}
}
@media (max-width: 767px) {
.home-blogs-container article:nth-child(2),
.home-blogs-container article:nth-child(3),
.home-blogs-container article:nth-child(4),
.home-blogs-container article:nth-child(5),
.home-blogs-container article:nth-child(6) {
margin-top: 30px;
}
} .blog-header {
width: 100%;
position: relative;
overflow: hidden;
}
.blog-header-image {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.blog-header-mask {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute; background-color: transparent;
background-image: linear-gradient(180deg, #2C398B 0%, #024BB8 100%);
opacity: 0.78;
}
.blog-header-info {
position: relative;
z-index: 2;
}
.blog-header-info .blog-header-cat {
padding: 5px 10px;
margin-right: 10px;
color: #FFFFFF;
background-color: #00ACED;
border-radius: 10px;
}
.blog-header-info .blog-header-cat a {
font-size: 14px;
color: #FFFFFF;
}
.blog-header-info h1 {
margin-top: 0.2rem;
margin-bottom: 0.4rem;
color: #FFFFFF;
}
.blog-header-info .blog-header-divider {
width: 100%;
max-width: 100px;
height: 1px;
background-color: #FFFFFF;
}
.blog-header-info .blog-header-date {
margin-top: 1em;
display: block;
color: #FFFFFF;
}
.blog-header-info .blog-header-date .dashicons {
margin-right: 5px;
}
.blog-content {
margin-top: 6rem;
margin-bottom: 6rem;
}
@media (min-width: 768px) {
.blog-header {
padding: 7em 1em;
}
}
@media (min-width: 1600px) {
.blog-header-info {
margin-left: 7em;
}
}
@media (min-width: 1025px) and (max-width: 1599px) {
.blog-header-info {
margin-left: 5em;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.blog-header-info {
margin-left: 3em;
}
}
@media (max-width: 767px) {
.blog-header {
padding: 3em 1em;
}
.blog-header-info h1 {
font-size: 1.5em;
}
}
#main-menu {
margin-bottom: 0;
} #mobile-menu-btn {
cursor: pointer;
}
div.mobile-menu {
width: 100%;
height: 100vh;
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: #FFFFFF;
z-index: 9999999;
opacity: 0;
visibility: hidden;
transform: translateY(-999999px);
transition: opacity ease-in-out 0.2s;
}
div.mobile-menu.open {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
div.mobile-menu > div {
position: absolute;
display: inline-block;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
div.mobile-menu ul {
margin: 0;
padding: 0;
}
div.mobile-menu ul li {
list-style-type: none;
text-align: center;
}
div.mobile-menu ul li.current-menu-item a{
color: #00ACED;
}
div.mobile-menu ul li a {
font-size: 2em;
font-weight: 600;
color: #000000;
}
div.mobile-menu ul li a:hover {
color: #00ACED;
}
div.mobile-menu .close-btn {
height: 45px;
line-height: 45px;
width: 45px;
position: absolute;
top: 0;
right: 0;
background-color: #00ACED;
color: #FFFFFF;
cursor: pointer;
}
div.mobile-menu .close-btn::before {
font-size: 2em;
color: #FFFFFF;
}
div.mobile-menu div.menu-mobiel-menu-container {
width: 100%;
padding: 0 5px;
} article.bic-block-news {
margin-top: 2em !important;
position: relative;
display: block !important;
flex-flow: row wrap;
justify-content: flex-start;
background-color: #FFFFFF;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.07);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.07);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.07);   
}
article.bic-block-news .bic-block-news-content {
height: calc(100% - 16em);
padding: 1em 2em;
display: flex;
flex-flow: column nowrap;
}
article.bic-block-news .bic-block-news-content span.bic-block-news-category {
font-weight: 600;
color: #FFB22B;
}
article.bic-block-news .bic-block-news-content h2 {
margin-top: 0;
margin-bottom: 0.3em;
line-height: 0.9;
font-size: 1.7rem;
}
article.bic-block-news .bic-block-news-content h2 a {
font-size: 0.8em;
font-weight: 600;
text-decoration: none;
color: #040404 !important;
word-break: break-word;
hyphens: auto;
}
article.bic-block-news .bic-block-news-content p {
padding-bottom: 0;
margin-bottom: 0;
font-weight: 300;
color: #040404;
}
article.bic-block-news .bic-block-news-image {
width: 100%;
max-width: 100%;
height: 16em;
background-position: center;
background-size: cover;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
article.bic-block-news .bic-block-news-info {
padding-top: 1em;
margin-top: auto;
display: flex !important;
align-items: center;
flex-direction: row;
}
article.bic-block-news .bic-block-news-info .publish-date {
padding: 0;
margin: 0;
line-height: 1.1;
color: #BBBBBB;
}
article.bic-block a.bic-block-anchor,
article.bic-sub-block a.bic-block-anchor,
article.bic-block-news a.bic-block-anchor {
width: 100%;
height: 100%;
position: absolute;
}
div.bic-blocks-container {
grid-column-gap: 30px;
}
.producten .elementor-widget-wrap {
flex-direction: column;
}
.onderaan {
margin-top: auto;
}
.ff-message-success, .ff-message-success p {
color: #FFFFFF;
}
.page-id-432 .ff-message-success, .page-id-432 .ff-message-success p {
color: #00ACED;
}
.page-id-432 .ff-message-success {
border-color: #00ACED;
}
.fluentform .ff_t_c p {
font-size: 0.9em;
color: #FFFFFF;
}
.fluentform .ff_t_c a {
text-decoration: none;
color: #FFFFFF;
}
.fluentform .ff_t_c a:hover {
text-decoration: underline;
}
.page-id-432 .fluentform .ff_t_c a, .page-id-432 .fluentform .ff_t_c p {
color: #000000;
}