/*!
Theme Name: Bijlsma
Theme URI: http://underscores.me/
Author: Redduck
Author URI: https://www.redduck.nl
Description: Custom theme for Bijlsma Group, by Redduck
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bijlsma
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Bijlsma is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

*{box-sizing:border-box;}body, html {max-width:100vw;overflow-x:hidden;}.updated:not(.published){display:none}.wp-caption{margin-bottom:1.5em;max-width:100%}.wp-caption img[class*=wp-image-]{display:block;margin-left:auto;margin-right:auto}.wp-caption .wp-caption-text{margin:.8075em 0}.wp-caption-text{text-align:center}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#primary[tabindex="-1"]:focus{outline:0}.alignleft{float:left;margin-right:1.5em;margin-bottom:1.5em}.alignright{float:right;margin-left:1.5em;margin-bottom:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-bottom:1.5em}img{max-width:100%;height:auto;}h1,h2,h3,h4,h5,h6{font-weight: 500;overflow:hidden;text-overflow: ellipsis;}

* {font-family: 'Open Sans', sans-serif;}
html, body, td, th, input, button, select, textarea {font-weight: 400;color:#000;line-height: 1.5em;font-family: 'Open Sans', sans-serif;}
.has-medium-font-size {font-size:1.2rem;line-height: 1.4em;}
.has-large-font-size {font-size:1.6rem;line-height: 1.3em;}
.has-huge-font-size, .has-larger-font-size {font-size:3rem;line-height: 1.2em;}
h1, h2 {font-weight: 700;line-height: normal;}
h3, h4, h5, h6 {font-weight: 400;line-height: normal;}
h4 {font-size:1.05rem;font-weight: 700;}
a {color:#045E83;text-decoration: none;}
a:hover {color:#064C6E;text-decoration:underline;}

hr {background-color:#EEE;opacity: 1;clear:both;}

button,
input[type=button],
input[type=reset],
input[type=submit],
a.button,
.button {border:none;border-radius: 0;padding:.7rem 1rem;line-height: 1rem;background:#62A7DC;color:#FFF;font-size: 1rem;text-transform: uppercase;text-shadow: 0 1px 0 rgba(0,0,0,.2)}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover,
a.button:hover,
.button:hover {background:#064C6E;text-decoration: none;}

input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=range],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea {border:1px solid #DDD;border-radius: 0;padding:.5rem;line-height: 1rem;font-size: 1rem;}

.alignwide {margin-left: -50px;margin-right: -50px;max-width: 100vw;}
.alignfull {margin-left: calc(-100vw / 2 + 100% / 2);margin-right: calc(-100vw / 2 + 100% / 2);width: 100vw;padding:0 15px;}

.wp-block-cover {margin-bottom:50px;}
.site-main {min-height:500px;}


.wp-block-group .wp-block-group__inner-container,
.wp-block-cover-image .wp-block-cover__inner-container, 
.wp-block-cover .wp-block-cover__inner-container {margin:0 auto;}
.wp-block-cover-image .wp-block-cover__inner-container, 
.wp-block-cover .wp-block-cover__inner-container {padding:0 15px;}

.wp-block-group.standards {margin-bottom:2rem;}
.wp-block-group.standards .wp-block-group__inner-container {padding:4rem 225px 4rem 7.5px;background:url("/wp-content/uploads/safemaker-blue-1-300x300.png") right 15px center no-repeat;background-size: auto 70%;}
.wp-block-group.standards .wp-block-group__inner-container p,
.wp-block-group.standards .wp-block-group__inner-container h5 {margin:0;font-size:1.6rem;}

.wp-block-media-text .wp-block-media-text__content {padding: 0;}


body.home .wp-block-cover {min-height: 300px !important;padding:4rem 0 4.5rem;}
body.home .wp-block-cover p {font-size:1.3rem;line-height: 1.8rem;}
body.home .wp-block-cover h1 {font-size:3.2rem;line-height:3.2rem;font-weight: 700;margin:0 0 1rem;}
body.home .wp-block-cover .wp-block-cover__inner-container .wp-block-group {max-width: 50%;margin:0 auto 0 0;}
body.home .wp-block-cover__inner-container {background:url("/wp-content/uploads/safemaker-white-1-768x768.png") right 10% center no-repeat;background-size:auto 80%;}
body.home .wp-block-cover .wp-block-button__link {padding: .7rem 1rem;}
body.home .wp-block-cover .wp-block-button__link:hover {text-decoration: none;background:rgba(255,255,255,.1)}


.intro.wp-block-group {padding:0 0 50px 0;}

.site-header {background:#064C6E;color:#FFF;height:100px;position:fixed;left:0;right:0;z-index:9;}
body.sticky .site-header {box-shadow:0 0 15px rgba(0,0,0,.2)}
.site-header .row {position: relative;}

.site-header .site-branding {padding:20px 15px;}
.site-header svg#BRAND {height:60px;width: auto;}
.site-header svg#BRAND .st0 {fill:#FFF;}

.site-header .main-navigation {position: absolute;}
.site-header .main-navigation ul,
.site-header .main-navigation li {list-style: none;margin:0;padding:0;}
.site-header .main-navigation a {color:#FFF;text-decoration: none;display: block;}

#search-form {background:#FAFAFA;padding:20px;border-bottom:1px solid #EEE;position: fixed;left:0;right: 0;z-index:999;}
form.search-form {position: relative;background:#FFF;border:1px solid #EEE;}
form.search-form label,
form.search-form input.search-field {width: 100%;}
form.search-form input.search-field {border:none !important;background:none !important;outline: none !important;line-height: 48px;padding:0 1rem;}
form.search-form input.search-submit {position: absolute;right:0;top:0;line-height:48px;padding:0 1rem;}

.site-content {padding-top:100px;}

.site-footer {background:#064C6E;color:#FFF;padding:100px 0;}
.site-footer .widget {margin:0 2rem 2rem 0;}
.site-footer h3 {font-size:2rem;font-weight: 700;}
.site-footer a {color:#FFF;text-decoration: none;font-size:1.2rem;}
.site-footer a:hover {text-decoration: underline;}

.last-footer svg#FOOTERLOGO {height:40px;width: auto;margin:25px 0;}
.last-footer svg#FOOTERLOGO .st0 {fill:#064C6E;} 

.menu-language-container {font-size:.9rem;}
.menu-language-container ul,
.menu-language-container li {list-style:none;margin:0 5px 0 0;padding:0;}
.menu-language-container ul {justify-content: flex-start;display: flex;margin:13px 0;}
.menu-language-container li a {padding:8px;border:1px solid #EEE;color:#666;display: block;}
.menu-language-container li a:hover {text-decoration: none;}
.menu-language-container li:not(.current) a:hover {background:#62A7DC;color:#FFF;}
.menu-language-container li.current a {border:none;color:#373636;cursor: default;}

.site-header #open-search {position:absolute;top:0;text-align: center;cursor: pointer;}

#breadcrumbs {margin:2rem 0 3rem;font-size:1.1rem;}
#breadcrumbs a {color:#373636;text-decoration: none;}
#breadcrumbs .breadcrumb_last {font-weight: 700;}

.entry-content h2 {font-size:1.8rem;font-weight: 700;padding:1rem 0;border-top:1px solid #EEE;}
.block-title {font-size:1.6rem;font-weight: 400;margin:0 0 1rem;color:#045E83;}
.block-title.expert-title {margin:0;}
.bijlsma-block {height:100%;margin-bottom:50px;}
.bijlsma-block .block-image {display:block;background-size:cover;background-position: center;background-repeat: no-repeat;margin:0 0 1rem;}
.bijlsma-block .block-image::after {display:block;content:"";padding-bottom:66.666%;background:url("/wp-content/uploads/stamp-white-300x300.png") right 10px top 10px no-repeat;background-size:15% auto;opacity: .5;}

.experts .block-image {background-color:#62A7DC;}



body.page-id-16 .entry-content ul {display: flex;flex-wrap: wrap;margin:1rem 0;padding: 0 0 3rem;border-bottom:1px solid #EEE;}
body.page-id-16 .entry-content ul li {flex:0 0 33.333%;padding:3px 0 0 20px;list-style: none;margin:0 0 10px;position: relative;display: block;}
body.page-id-16 .entry-content ul li::before {content: "\203A";position: absolute;left:0;top:0;font-size:2rem;color:#064C6E;}

p.warning a {font-weight: 700;padding:1rem 0 1.5rem;display: block;}
p.warning a::before {content:"\f0f3";font-family: "Font Awesome 5 Free";margin-right: 5px;font-size:16px;background:#045E83;border-radius:99px;display:inline-block;color:#FFF;width: 24px;height: 24px;text-align: center;line-height: 24px;}

svg#CIRCLE {max-width: 50%;margin:0 auto;display: block;}


.search-results article {padding:2rem;border:1px solid #EEE;margin:0 0 2rem;}
.search-results article .entry-title {font-size:1.1rem;}

.faqbox {position: relative;}
h3.question {padding:.5rem 0 .5rem 30px;display: block;font-size:1.3rem;color:#045E83;}
h3.question:hover {cursor: pointer;text-decoration: underline;color:#064C6E;}
h3.question i {position: absolute;left:0;top:.8rem;transition: .1s;}
h3.question.active i {transform: rotate(90deg);}
.faqbox .answer {padding-left:30px;margin-bottom:15px;border-bottom:1px solid #EEE;}
.faqbox .answer.active {background:none;}

.wp-block-file {margin:0;}


@media screen and (min-width:599px) and (max-width:781px) {
.wp-block-group .wp-block-columns {display:inline;}
.wp-block-group::after {clear:both;content: "";display:table;}
.wp-block-group .wp-block-columns .wp-block-column {width:330px;float:left;margin:0 0 50px 0;}
    .wp-block-group .wp-block-columns:nth-child(even) .wp-block-column:nth-child(even),
    .wp-block-group .wp-block-columns:nth-child(odd) .wp-block-column:nth-child(odd) {clear:both;}
    .wp-block-group .wp-block-columns:nth-child(even) .wp-block-column:nth-child(odd),
    .wp-block-group .wp-block-columns:nth-child(odd) .wp-block-column:nth-child(even) {float:right;}
    .wp-block-columns {margin-bottom: 0;}
    @media screen and (max-width:767px) {
        .wp-block-group .wp-block-columns .wp-block-column {width:240px;}
    }
    body.page-id-16 .entry-content ul li {flex: 0 0 50%;}
    .wp-block-columns.experts > .wp-block-column {flex-basis:100% !important;margin-left:0;}    
    
}

@media screen and (max-width:781px) {
    .hide-on-small {display:none;}
}

@media screen and (min-width:782px) {
.intro.wp-block-group {padding:0 33.333% 50px 0;}
.intro.wp-block-group .wp-block-group__inner-container {padding-right: 2em;}
body:not(.page-child) .intro.wp-block-group {background:url("/wp-content/uploads/safemaker-yellow-1-384x384.png") right 5% top no-repeat;background-size:20% auto;min-height:300px;}
}
	
@media screen and (max-width:991px) {
    .site-header,
    .site-header svg#BRAND  {transition: height .2s;}
    .site-content {transition: padding .2s;}
	.site-header .site-branding {z-index:999;transition: padding .2s;}
	.menu-toggle {position: absolute;top:0;right:0;height: 100px;width: 80px;z-index:999;background:none !important;border:none !important;transition: height .2s;}
	.site-header .menu-hoofdmenu-container {position: absolute;top:-100vh;width:102vw;background:#064C6E;z-index:99;padding:20px;left:calc(50% + 1vw);transform:translateX(-50%);transition:.2s .2s;max-height: calc(100vh - 100px);overflow:auto}
	.site-header .main-navigation.toggled .menu-hoofdmenu-container {top:100px;transition:.2s;}
	.site-header .menu-hoofdmenu-container ul {border-bottom:solid 1px transparent;max-width: 100%;margin:0 auto 80px;}	
    .site-header .menu-hoofdmenu-container ul ul {margin-bottom:0;border:none;}
	.site-header .menu-hoofdmenu-container li {border-top:solid 1px transparent;}
	.site-header .menu-hoofdmenu-container li,
	.site-header .menu-hoofdmenu-container ul {border-color:rgba(255,255,255,0);transition:.1s;}
	.site-header .main-navigation.toggled .menu-hoofdmenu-container li,
	.site-header .main-navigation.toggled .menu-hoofdmenu-container ul {border-color:rgba(255,255,255,.1);transition:.2s .1s;}
    .site-header .menu-hoofdmenu-container li a {padding:20px 0;opacity:0;transition: .2s 0s ease-out;}
    .site-header .main-navigation.toggled .menu-hoofdmenu-container li a {padding:20px;opacity: 1;transition: .2s .2s ease-out;}
	.site-header .menu-hoofdmenu-container li.current_page_item a {font-weight: 700;}
	.site-header .main-navigation.toggled .menu-hoofdmenu-container ul.sub-menu li a {padding-left:40px;}
	.menu-toggle .bars {position:absolute;width:40px;height: 50px;display:block;top:25px;left:20px;transition: top .2s;}
	.menu-toggle .bar {position:absolute;left:0;right:0;height: 4px;background:#FFF;display: block;}
    .menu-toggle .bars .bar-1 {top:11px;}
    .menu-toggle .bars .bar-2,
    .menu-toggle .bars .bar-3 {top:23px;}
    .menu-toggle .bars .bar-4 {top:35px;}
    .main-navigation.toggled .menu-toggle .bars .bar-1,
    .main-navigation.toggled .menu-toggle .bars .bar-4 {top:23px;opacity:0;}
    .main-navigation.toggled .menu-toggle .bars .bar-2 {transform:rotate(-45deg);}
    .main-navigation.toggled .menu-toggle .bars .bar-3 {transform:rotate(45deg);}
    .menu-toggle .bars .bar-1,
    .menu-toggle .bars .bar-4 {transition: top .2s .2s, opacity 0s .2s;}
    .menu-toggle .bars .bar-2,
    .menu-toggle .bars .bar-3 {transition: top .2s 0s, transform .2s 0s}
    .main-navigation.toggled .menu-toggle .bars .bar-1,
    .main-navigation.toggled .menu-toggle .bars .bar-4 {transition: top .2s 0s, opacity 0s .2s;}
    .main-navigation.toggled .menu-toggle .bars .bar-2,
    .main-navigation.toggled .menu-toggle .bars .bar-3 {transition: top .2s .2s, transform .2s .2s;}
	
	.site-header #open-search {position:absolute;top:0;right:80px;width:80px;line-height: 100px;font-size: 32px;z-index: 999;padding: 0;transition: line-height .2s;}

    body.sticky .site-content {padding-top:60px;}
    body.sticky .site-header,
    body.sticky .menu-toggle {height:60px;}
    body.sticky .site-header .main-navigation.toggled .menu-hoofdmenu-container {top:60px;}
    body.sticky .menu-toggle .bars {top:5px;}
    body.sticky .site-header .site-branding {padding: 10px 15px;}
    body.sticky .site-header svg#BRAND {height:40px;}
    body.sticky .site-header #open-search {line-height: 60px;}
    
	body.sticky .site-header .menu-hoofdmenu-container {max-height: calc(100vh - 60px);}
	
	body.admin-bar .site-header .menu-hoofdmenu-container {max-height: calc(100vh - 146px);}
	body.admin-bar.sticky .site-header .menu-hoofdmenu-container {max-height: calc(100vh - 106px);}

    body.home .wp-block-cover .wp-block-cover__inner-container .wp-block-group {max-width: 100%;}
    body.home .wp-block-cover__inner-container {background:url("/wp-content/uploads/safemaker-transp-white-1-768x768.png") center center no-repeat;background-size:contain}
    
    
    
}
@media screen and (max-width:600px) {
    #wpadminbar {position: fixed;}
	.wp-block-group.standards .wp-block-group__inner-container {text-align:center;padding:140px 7.5px 30px 7.5px;background-position: center 25px;background-size: auto 100px;}
	body.page-id-16 .entry-content ul li {flex: 0 0 100%;}
	
}
@media screen and (max-width:575px) {
.site-header .site-branding {padding:30px 15px;}
.site-header svg#BRAND {height:40px;}
    .menu-language-container ul {justify-content: space-around;}
    .menu-language-container li a {padding:5px;font-size:.8rem;}    
}

@media screen and (min-width:576px) {
	.wp-block-cover-image .wp-block-cover__inner-container, 
	.wp-block-cover .wp-block-cover__inner-container,
    .wp-block-group .wp-block-group__inner-container,
	.site-header .menu-hoofdmenu-container ul {max-width: 540px;}
}
@media screen and (min-width:768px) {
	.wp-block-cover-image .wp-block-cover__inner-container, 
	.wp-block-cover .wp-block-cover__inner-container,
    .wp-block-group .wp-block-group__inner-container,
	.site-header .menu-hoofdmenu-container ul {max-width: 720px;}
}

@media screen and (min-width:992px) {
	.menu-toggle {display:none;}
	.site-header #open-search {right: 0;width:50px;line-height:98px;padding-top: 2px;opacity: .9;}
	.site-header .main-navigation {right:50px;max-width: calc(100% - 350px);}
	.site-header .main-navigation ul {display:flex;justify-content: flex-end;}
	.site-header .main-navigation a {line-height: 100px;padding:0 20px;font-size:1.2rem;}
	.site-header #open-search:hover {cursor:pointer;opacity:1;}
    .site-header .main-navigation a:hover {text-decoration: underline;}
	.site-header .menu-hoofdmenu-container li.current_page_item a {opacity: 1;}	
    .wp-block-group .wp-block-group__inner-container,
	.wp-block-cover-image .wp-block-cover__inner-container, 
	.wp-block-cover .wp-block-cover__inner-container {max-width: 960px;}
	.site-header .menu-hoofdmenu-container ul {max-width: 100%;}
    .menu-language-container ul li a {padding:15px;font-size:1.3rem;}
    .site-header .main-navigation ul.sub-menu {position:absolute;top:120%;left:-99999px;display:block;background:#FFF;max-width: none;box-shadow:0 2px 5px rgba(0,0,0,.1);padding:20px;transition:left 0s .2s, top .2s, opacity .2s;opacity: 0;}
    .site-header .main-navigation li {position: relative;}
    .site-header .main-navigation li:hover ul.sub-menu {left:-20px;top:100%;transition:top .2s, opacity .2s;opacity: 1;}
    .site-header .main-navigation li ul.sub-menu li {display: block;}
    .site-header .main-navigation li ul.sub-menu li a {color:#000;display:block;line-height: 1.5em !important;white-space: nowrap;padding:20px;opacity:0;transition: opacity .2s;}
	.site-header .main-navigation li:hover ul.sub-menu li a {opacity: 1;transition: opacity .2s;}
    .site-header .main-navigation li ul.sub-menu li a:hover {text-decoration: none;background:#064C6E;color:#FFF;}
    .site-header .main-navigation li ul.sub-menu li.current-item {font-weight: 700;}
}
@media screen and (min-width:1200px) {
    .wp-block-group .wp-block-group__inner-container,
	.wp-block-cover-image .wp-block-cover__inner-container, 
	.wp-block-cover .wp-block-cover__inner-container {max-width: 1140px;}
    .site-header .main-navigation a {font-size:1.3rem;}
    
}
@media screen and (min-width:1400px) {
    .container,
    .wp-block-group .wp-block-group__inner-container,
	.wp-block-cover-image .wp-block-cover__inner-container, 
	.wp-block-cover .wp-block-cover__inner-container {max-width: 1200px;}
}


#wp-admin-bar-blog-1 a {position: relative;}
#wp-admin-bar-blog-1 > a::after {content:" - EN";}
#wp-admin-bar-blog-3 > a::after {content:" - NL";}
#wp-admin-bar-blog-4 > a::after {content:" - DE";}
#wp-admin-bar-blog-5 > a::after {content:" - ES";}
#wp-admin-bar-blog-6 > a::after {content:" - FR";}