/*
 Theme Name:   De Ontwikkelgroep - GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* ************************************************** */
/* outline */
/*
*{outline:1px dotted red}

/* ************************************************** */
/* fonts */

@font-face {
    font-family: 'Niveau Grotesk Regular';
    src: url('fonts/NiveauGroteskRegular.eot');
    src: url('fonts/NiveauGroteskRegular.eot?#iefix') format('embedded-opentype'),
		 url('fonts/NiveauGroteskRegular.woff2') format('woff2'),
         url('fonts/NiveauGroteskRegular.woff') format('woff'),
         url('fonts/NiveauGroteskRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Niveau Grotesk Light';
    src: url('fonts/NiveauGroteskLight.eot');
    src: url('fonts/NiveauGroteskLight.eot?#iefix') format('embedded-opentype'),
		 url('fonts/NiveauGroteskLight.woff2') format('woff2'),
         url('fonts/NiveauGroteskLight.woff') format('woff'),
         url('fonts/NiveauGroteskLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* ************************************************** */
/* body */
body{padding:0 20px}

/* ************************************************** */
/* logo */
.site-header .inside-header{align-items:flex-start;text-align:left}
.is-logo-image{height:60px;width:auto !important}

@media all and (max-width:959px) {
    #site-navigation{position:absolute;right:20px;top:20px}
    #site-navigation .inside-navigation{padding:0 !important}
}

/* ************************************************** */
/* nav */

.inside-navigation{padding:0 20px}

.page-home .inside-navigation, .page-home .slideout-navigation{background:#8cc63f}
.page-ontwikkelen .inside-navigation, .page-ontwikkelen .slideout-navigation{background:#ec008c}
.page-over-ons .inside-navigation, .page-over-ons .slideout-navigation{background:#1b75bc}
.page-ervaringen .inside-navigation, .page-ervaringen .slideout-navigation{background:#f15a29}
.page-nieuwe-leiders .inside-navigation, .page-nieuwe-leiders .slideout-navigation{background:#91268f}
.page-partners .inside-navigation, .page-partners .slideout-navigation{background:#d7df23}
.page-werken-bij .inside-navigation, .page-werken-bij .slideout-navigation{background:#bf1e2d}
.page-verhuur .inside-navigation, .page-verhuur .slideout-navigation{background:#662c91}
.page-contact .inside-navigation, .page-contact .slideout-navigation{background:#1b75bc}

.slideout-navigation .inside-navigation{padding:40px 0}
.slideout-navigation .logo-nav-offcanvas{margin:0 auto 40px auto;width:75px}

.sticky-enabled .main-navigation.is_stuck{border-bottom:20px solid #fff;box-shadow:none;}

/* ************************************************** */
/* slider + slogan */

#headersliderslogan{display:flex;justify-content:space-between}
#headersliderslogan #slider{background:#231f20;flex:0 0 auto;order:2;width:calc(50% - 10px)}
#headersliderslogan #slogan{background:#231f20;flex:0 0 auto;order:1;width:calc(50% - 10px)}

#headersliderslogan #slogan{align-items:center;display:flex;justify-content:center}
#headersliderslogan #slogan h1{color:#fff;padding:40px;text-align:center}

@media all and (max-width:767px) {
    #headersliderslogan{flex-wrap:wrap}
    #headersliderslogan #slider{width:100%}
    #headersliderslogan #slogan{height:0px;margin-bottom:20px;padding-top:100%;position:relative;width:100%}
    #headersliderslogan #slogan h1{position:absolute;top:50%;transform:translateY(-50%)}
}

@media all and (min-width:960px) {
    #headersliderslogan{margin-top:20px}
}

@media all and (min-width:1200px) {
    #headersliderslogan #slogan h1{padding:60px}
}

.page-home #headersliderslogan #slogan{background:#8cc63f}
.page-ontwikkelen #headersliderslogan #slogan{background:#ec008c}
.page-over-ons #headersliderslogan #slogan{background:#1b75bc}
.page-ervaringen #headersliderslogan #slogan{background:#f15a29}
.page-nieuwe-leiders #headersliderslogan #slogan{background:#91268f}
.page-partners #headersliderslogan #slogan{background:#d7df23}
.page-werken-bij #headersliderslogan #slogan{background:#bf1e2d}
.page-verhuur #headersliderslogan #slogan{background:#662c91}
.page-contact #headersliderslogan #slogan{background:#1b75bc}

#headersliderslogan .soliloquy-controls{display:none;visibility:hidden}
#headersliderslogan .soliloquy-pager{display:none;visibility:hidden}
#headersliderslogan .soliloquy-prev{display:none;visibility:hidden}
#headersliderslogan .soliloquy-next{display:none;visibility:hidden}

#headersliderslogan #slider{position:relative}
#headersliderslogan #slider::after{content:"";display:block;height:150px;position:absolute;width:150px}
#headersliderslogan #slider::after{background-image:url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 39.69 39.69' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle/%3E%3Cg transform='translate(-150.6 -150.8)'%3E%3Cpath d='m190.3 170.6-19.64-19.64-6.335 6.335 8.835 8.835h-22.55v8.96h22.55l-8.835 8.835 6.335 6.335 19.64-19.64-9e-3 -0.0119z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat}

@media all and (max-width:767px) {
    /* #headersliderslogan #slider::after{height:100px;left:calc(50% - 50px);top:0px;transform:rotate(90deg);width:100px} */
    #headersliderslogan #slider::after{bottom:0;height:120px;left:calc(50% - 60px);transform:rotate(270deg);width:120px}
}

@media all and (min-width:768px) {
    #headersliderslogan #slider::after{height:100px;left:0px;top:calc(50% - 50px);width:100px}
}

@media all and (min-width:1200px) {
    #headersliderslogan #slider::after{height:150px;left:0px;top:calc(50% - 75px);width:150px}
}

/* ************************************************** */
/* content */

.entry-content p a{text-decoration:underline}

.gb-inside-container *:last-child{margin-bottom:0}

.wp-block-embed-youtube{margin-bottom:0}

figure.link{background:#000}
figure.link a img{opacity:1;transition:.5s opacity}
figure.link a:hover img{opacity:.5}

.link-linkedin a svg path{transition:fill .5s}
.link-linkedin a:hover svg path{fill:#555}

/* ************************************************** */
/* form */

.wp-block-contact-form-7-contact-form-selector input[type=text],.wp-block-contact-form-7-contact-form-selector input[type=email]{background:#fff !important;border:0 !important;color:#222;margin-bottom:20px !important}
.wp-block-contact-form-7-contact-form-selector textarea{background:#fff !important;border:0 !important;margin-bottom:20px !important}
.wp-block-contact-form-7-contact-form-selector ::placeholder{color:#222;opacity:1}

.wp-block-contact-form-7-contact-form-selector select{background:#fff !important;border:0 !important;color:#222;margin-bottom:20px !important}

.wpcf7-not-valid-tip{color:#fff !important}
.wpcf7-response-output{border:1px solid #fff !important}
.wpcf7-form-control{background:#000 !important}

.grecaptcha-badge{visibility: hidden}
.site-footer .recaptcha{font-size:10px;margin-top:15px}

/* ************************************************** */
/* insta feed */
#sbi_images{float:none !important;display:grid;grid-column-gap:20px;grid-row-gap:20px}
#sbi_images .sbi_item{float:none !important;width:100% !important}
.sbi_follow_btn{margin-top:20px}

@media all and (max-width:767px) {
    #sbi_images{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr}
}
@media all and (min-width:768px) {
    #sbi_images{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr}
}

/* ************************************************** */
/* content */

.site-footer{margin-bottom:20px}