/*
Theme Name: SBB
Author: Carlien Laarman
Author URI: https://carlienlaarman.nl
Description: Custom thema voor Samen Biobased Bouwen. Maakt gebruik van FSE. 
Version: 1.3
Requires at least: 6.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sbb
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learne
*/

html {width:100%; }
body {overflow-x: hidden;}
.alignfull {
    margin: 32px calc(50% - 50vw);
    max-width: 100vw;
    width: 100vw;
}

.wp-site-blocks .wp-block-template-part, .blog .wp-site-blocks .alignfull   {margin-block-start:0px !important}
.all a{color:#000;}
p {font-size:0.9rem; line-height:1.8rem;}
.has-medium-font-size {line-height:2.5rem;}
.wp-site-blocks .wp-block-group:first-of-type {margin-block-start:0px !important;}

/* header */
.wp-block-site-logo a img {position:absolute; z-index:2; }
.wp-block-cover__inner-container h2 {font-size: 5rem !important;
    text-align: left;
    line-height: 5rem;
    padding-top: 5rem;}
    h2 {line-height:2.5rem;}
    li.current-menu-item {color:#C8D400;}
    li.button a {background:#C8D400; padding:5px !important; color:#00726D !important;}
    .wp-block-navigation .wp-block-navigation-item {font-weight:600;}

/* footer */
footer {position:relative; height:0px;}
.footerbg {    position: relative;
    width: 100%;
    z-index: -2;
    top: -50px;
    height: 50px;}
    footer a {color:#2f2f2f;}
    footer .has-donkergroen-background-color a {color:#fff; font-weight:normal;}
    footer .has-donkergroen-background-color a:hover {color:#C8D400;}

/* nieuws & taxonomies */
    .wp-block-post-featured-image {margin-block-start:0px !important;}
 .taxonomy-category a {display:block; padding: 5px 10px; text-transform:uppercase; font-size:0.85rem; background:#000;}
       .taxonomy-category  .bouw {background:#00726D; color:#fff;}
       .taxonomy-category  .bouw:hover {color:#fff;}
       .taxonomy-category   .industrie {background:#AFDCE0; color:#000;}
       .taxonomy-category  .biogrondstoffen {background:#C8D400; color:#00726D}
       a.bouw {color:#00726D}
       a.industrie {color:#AFDCE0;}
        .wp-block-post-excerpt__more-link, a.wp-block-read-more {    background: #00726D;
            color: #fff;
            padding: 10px 25px;
            font-size: 0.8rem;
            right: 3%;
            margin-bottom: 20px;
            border-radius: 5px; 
            position: absolute; text-transform:uppercase;}
            .wp-block-post-excerpt__more-link:hover {background-color:#C8D400;}
            .nieuws h3 a, .events h3 a, .wp-block-post-title a {color:#000; text-transform:none; line-height:1.8rem; font-size:1.2rem;}
           /* li.evenementen {margin-right:10% !important;} */
           .wp-block-group {position:relative;}
           .date {color:#00726D; font-weight:bold;}
           .status {color: #00726D;
            max-width: 68% !important;
            float: left;
            margin-top: 0px;
            font-size: 0.75rem;
            line-height: 1rem;
            font-weight: bold;}
           .wp-block-categories li {    display: inline-block;
            padding: 0px 20px;
            text-align:right; text-transform:uppercase;}
            .wp-block-post-featured-image {max-width:400px;}
            .wp-block-post-featured-image.alignwide img {height:150px;}
          /* .wp-block-post-featured-image { height:160px !important; overflow:hidden;} */

          .cat-item:nth-of-type(2) a {color:#00726D;}
          .cat-item:nth-of-type(3) a {color:#AFDCE0;}
          .wp-block-post-terms__separator {display:none !important;}

          .archive .wp-block-cover .taxonomy-category a {background:none; font-size:3rem; padding:0px;}
          .archive .wp-block-cover .taxonomy-category {margin-block-start:0px;}

            /* partners */
            img.linkedin {max-width:32px;}
            .partners h4 {display:inline-block;}
            .partner-loop .wp-block-post-title a {color:#000;}
           /* .partner-loop .wp-block-post-featured-image img {width:150px; height:150px; object-fit:cover; border-radius:100px;} */
            .partner-loop .wp-block-post-featured-image {text-align:center;}
           /* .partner-loop h4 {display:inline;} */
            .functie {font-size:0.8rem; color:#000; font-weight:bold; padding-bottom:10px;}
            .sbb-partners {font-size:0.8rem;}

            /* wijziging door verschil netwerk en partners */
            .partner-loop .wp-block-post-featured-image img {width:300px; height:auto; max-height:100px; object-fit:contain !important; margin-bottom:30px;}
            .wp-block-post-featured-image img {max-height:180px;}

            /* betrokken partners bij projecten */
            .betrokken_partner img {max-width:90%; margin-bottom:30px; height:auto; max-height:100px; object-fit:contain;}
            .betrokken_partner {list-style:none; display:inline-block; vertical-align:middle;}
            .col {    max-width: 27%;
                background: #fff;
                padding: 2%;
                margin: 1%; overflow:hidden; height:380px;
            }
            .col p {padding:5%}
            .col a {padding:5%; color:#00726D; font-size:0.8rem;}
            .single-project ul.row {padding:0px;}


 /* mobiel en tablet wat ruimte geven */
           .wp-block-template-part, .partners, .blog h2 {padding:0% 5%;}
           header.wp-block-template-part {padding:0;}
           footer.wp-block-template-part {padding:0;}

/* submenu */
           .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {border:none !important;}
           .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container {left:0px !important;}

/* leaf list */
.leaflist .wp-block-media-text__media img {width:60px; margin-top:20px;}
.leaflist .wp-block-media-text__content {padding:0% !important;}

/* doe mee form fields */
#frm_field_7_container {background:#C8D400; padding:1% 0% 6% 3%;}
#frm_field_7_container .frm_checkbox {width:40%; float:left;}
#field_2qbwp_label {color:#00726D; font-weight:600;}
#frm_desc_field_2xfwd {margin-top:12px; font-size:0.7rem;}

/* media queries */
@media screen and (max-width: 600px) {
    .wp-block-cover__inner-container h2 {font-size:2.4rem !important; line-height:3rem; padding:0% 3%;}
    .leaflist .wp-block-media-text__media img {width:35px;}
    footer p {padding:5%;}
    .partnerlogo .wp-block-column{max-width:25%;}
    .partnerlogo {left:5%;}
    .single .wp-block-post-featured-image {    width: 90%;
        padding: 5%;}
        .wp-block-post-date, .single h2.wp-block-post-title {padding-left:5%}
        .single .entry-content {padding: 0% 5%;}
        .notonmobile {display:none;}
        .col {max-width:100%; margin:7% 0%; padding:6%;}
        .nieuws  {padding:0% 5%;}
        .wp-block-navigation ul li {margin-right: 30px;}
}

@media screen and (min-width:600px) and (max-width: 1024px) {
    .wp-block-cover__inner-container h2 {padding:0% 3%;}
    .partnerlogo .wp-block-column{max-width:25%;}
.partnerlogo {left:5%;}
.wp-block-post-date, .single h2.wp-block-post-title {padding-left:5%}
nav {position:relative; z-index:2; font-size:0.8rem;}
.lsb-form-button {float:left;}
.col {max-width:40%; margin:2%;}
.notonmobile {display:none;}
.single .entry-content {padding: 0% 5%;}
}

/* fix bug navigatie werkgebied bouw */
li.wp-block-navigation-submenu ul.has-background {padding:0px;}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    background:#00726D !important;
    text-transform: uppercase;
    font-weight: 600;
    padding: 8px !important;}

    .wp-block-gallery.has-nested-images.logo-gallery .wp-block-image img {margin:15%;}
    .frm_style_formidable-stijlen.with_frm_style .form-field .frm_checkbox {margin-top:7px; margin-bottom:7px;}
    .frm_style_formidable-stijlen.with_frm_style .form-field .frm_checkbox label {font-size:16px !important;}