/*
Theme Name: Flatsome Child C6
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


/* montserrat-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/montserrat-v31-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/montserrat-v31-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/montserrat-v31-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/montserrat-v31-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


body:not(.wp-admin) { 
    font-family:  "Montserrat", sans-serif; font-weight: 500; font-size: 1em; color: rgba(78,88,102,.9); 
    background-color:#f5f5f5;
    /*background-image: url('bg-blob.svg'); 
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed; */
}

.nav > li > a { color: #4e5866; }
.header-nav.nav li > a { font-size: .9em; color: #a8b0ba; }
.header-nav.nav .sub-menu li a { color: #fff; }
.header-nav.nav .sub-menu { padding: 10px; }
.header-nav.nav .sub-menu li:hover { background: rgba(255,255,255,.2); }
.header-nav.nav .sub-menu .current-menu-item { background: rgba(255,255,255,.2); }
.nav > li > a:hover, .nav > li.active > a { color: #2d4c6e; }

h1 { position: relative; font-weight: 300; font-size:  2.5em; margin-bottom: 5px;}
h2 { position: relative; padding-bottom: 14px; }
h2,h3,h4,h5,h6, .heading-font { font-weight: 500; }
h2 { font-size: 1.8em; margin-bottom: 1.25em; }
h4 { margin-bottom: 0; }
.alt-font { font-weight: 700;  }

@media screen and (max-width: 600px) {
  h1 { font-size: 1.6em;}
  h2 { font-size: 1.4em; }
}

#main a { text-decoration: underline;}
#main .box h5 a { text-decoration: none;}
#main a.button { text-decoration: none;}


.button.primary:not(.is-outline):hover {
  box-shadow:none;
  background-color:#ca372d;
}

/*C6 journaals*/
.journaal .icon-box-text h5.uppercase { font-size: .8em; text-transform: lowercase !important; padding-top: .25em; }
.journaal a { text-decoration: none !important; }

/*evenementen blog*/
.row.blog-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.row.blog-wrapper .col.post-item {
    display: flex;
    
}
.row.blog-wrapper .col.post-item .col-inner { background-color: rgba(45, 76, 110, 0.105); }

.row.blog-wrapper .col.post-item > .box {
    display: flex;
    flex-direction: column;
    height: 100%;
 
}

.events .from_the_blog_excerpt { font-size: .9em; }
.blog .from_the_blog_excerpt { font-size: 16px; }
.page-numbers a { text-decoration: none !important;}

.box-list-view .box .box-text, .box-vertical .box-text {
 padding-left: 1.5em;
 padding-right: 1.5em;
}

/*zoekresultaten*/
article { padding-top: 30px 30px 0 30px; }
.post-sidebar { padding-top: 130px;}
#post-list article { background-color:rgba(45, 76, 110, 0.105); margin-bottom: 1em; padding: 30px; }
article a { text-decoration: none !important; }
article .entry-content { padding-bottom: 0; }
article .entry-header-text { padding: 0 0 1.5em; }
article .entry-header-text h2 { margin-bottom: .25em;  }
article footer.entry-meta { padding: 0; border-top: 0px; border-bottom: 0px; }

@media (min-width: 850px) {
    .entry-image-float {
        float: left;
        margin-right: 2em;
        max-width: 20%;
    }
}

/*ACF google map bij bericht > events*/
.acf-map {
    width: 100%;
    height: 400px;
}

/*wp member*/
#wpmem_login, #wpmem_msg, #wpmem_reg, .wpmem_msg {
  width: 95%;
}
#wpmem_restricted_msg { max-width: 900px; margin: 0em auto; /*text-align: center;*/ margin: 60px auto 0px; padding: 20px 20px 5px 20px; background-color: rgba(201, 55, 44,1); color:#fff;  }
.wpmem_msg { width: 100%; }
#wpmem_login, .woocommerce-ResetPassword { max-width: 900px; margin: 0 auto; padding: 3em 0 8em; }
#wpmem_login .link-text { padding-top: 1em; text-align:left; }
#wpmem_reg .req { padding-left: .25em;}
#wpmem_reg .div_textarea textarea { width: 100%; }
#wpmem_reg label.checkbox { font-weight: 400; }
/*#wpmem_login legend, #wpmem_reg legend { font-size: 1em !important; }*/

/* Basis: 4-koloms grid binnen het fieldset */
#wpmem_reg #wpmem_register_form fieldset,
#wpmem_reg #wpmem_profile_form fieldset {
  display: grid;
  grid-template-columns: 220px 0.7fr 60px 1.3fr; /* label | veld | label | veld */
  gap: 12px 16px;
  align-items: center;
}

/* Standaard gedrag voor alle velden:
   label in kolom 1, veld (div_text) vult de rest van de rij (kolom 2 t/m 4) */
#wpmem_reg #wpmem_register_form fieldset > label, 
#wpmem_reg #wpmem_profile_form fieldset > label {
  grid-column: 1;
  margin: 0;
}

#wpmem_reg #wpmem_register_form fieldset > .div_text,
#wpmem_reg #wpmem_profile_form fieldset > .div_text,
#wpmem_reg #wpmem_register_form fieldset > .div_textarea,
#wpmem_reg #wpmem_profile_form fieldset > .div_textarea,
#wpmem_reg #wpmem_register_form fieldset > .div_checkbox {
  grid-column: 2 / -1; /* vult kolom 2,3,4 zodat volgende label op nieuwe rij start */
  margin: 0;
}

/* Special case: Postcode + Stad naast elkaar in één rij */
#wpmem_reg #wpmem_register_form fieldset > label[for="zip"],
#wpmem_reg #wpmem_profile_form fieldset > label[for="zip"] {
  grid-column: 1;
}

#wpmem_reg #wpmem_register_form fieldset > label[for="zip"] + .div_text,
#wpmem_reg #wpmem_profile_form fieldset > label[for="zip"] + .div_text {
  grid-column: 2; /* NIET laten spannen, anders is er geen plek voor 'Stad' */
}

#wpmem_reg #wpmem_register_form fieldset > label[for="city"],
#wpmem_reg #wpmem_profile_form fieldset >label[for="city"] {
  grid-column: 3;
}

#wpmem_reg #wpmem_register_form fieldset > label[for="city"] + .div_text,
#wpmem_reg #wpmem_profile_form fieldset > label[for="city"] + .div_text {
  grid-column: 4;
}



/* Inputs netjes breed binnen hun kolom */
#wpmem_reg #wpmem_register_form .div_text input,
#wpmem_reg #wpmem_profile_form .div_text input {
  width: 100%;
  box-sizing: border-box;
}
#wpmem_reg #wpmem_profile_form .div_text input#tos {
	width: auto;	
}


/* Elementen die over volle breedte moeten */
#wpmem_reg #wpmem_register_form fieldset > legend,
#wpmem_reg #wpmem_register_form fieldset > .button_div,
#wpmem_reg #wpmem_register_form fieldset > .req-text {
  grid-column: 1 / -1;
}

#wpmem_reg #wpmem_profile_form fieldset > .div_checkbox,
#wpmem_reg #wpmem_profile_form fieldset > .button_div {
  grid-column: 2 / -1;
}
#wpmem_reg #wpmem_profile_form fieldset > .button_div { text-align: left; }
/*#wpmem_reg #wpmem_profile_form fieldset > .div_checkbox { margin: 0; }*/


@media (min-width: 769px){

  #wpmem_reg label[for="billing_city"]{
    text-align: right;
    justify-self: end;   /* werkt binnen CSS Grid */
  }

}

/* Mobiel: alles onder elkaar */
@media (max-width: 768px){

  #wpmem_reg, #wpmem_reg #wpmem_register_form,
  #wpmem_reg #wpmem_profile_form {
    width: 100%;
  }

  /* 1 kolom, klaar */
  #wpmem_reg #wpmem_register_form fieldset,
  #wpmem_reg #wpmem_profile_form fieldset {
    width: 100%;
    grid-template-columns: 1fr !important;
  }

  /* alle directe children (labels, div_text, button_div, etc.) over volle breedte */
  #wpmem_reg #wpmem_register_form fieldset > *,
  #wpmem_reg #wpmem_profile_form fieldset > * {
    grid-column: 1 / -1 !important;
  }

  /* postcode/stad overrides uitschakelen */
  #wpmem_reg #wpmem_register_form fieldset > label[for="billing_postcode"],
  #wpmem_reg #wpmem_register_form fieldset > label[for="billing_postcode"] + .div_text,
  #wpmem_reg #wpmem_register_form fieldset > label[for="billing_city"],
  #wpmem_reg #wpmem_register_form fieldset > label[for="billing_city"] + .div_text,
  #wpmem_reg #wpmem_profile_form fieldset > label[for="billing_postcode"],
  #wpmem_reg #wpmem_profile_form fieldset > label[for="billing_postcode"] + .div_text,
  #wpmem_reg #wpmem_profile_form fieldset > label[for="billing_city"],
  #wpmem_reg #wpmem_profile_form fieldset > label[for="billing_city"] + .div_text
  {
    grid-column: 1 / -1 !important;
  }

  /* Zorg dat inputs echt 100% pakken */
  #wpmem_reg #wpmem_register_form .div_text input,
  #wpmem_reg #wpmem_profile_form .div_text input {
    width: 100% !important;
    max-width: 100% !important;
  }
}

#wpmem_login, #wpmem_reg {
  color: inherit;
  font-family: inherit;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
}

#wpmem_login legend, #wpmem_reg legend  {
  font-size: 24px;
  line-height: inherit;
  font-weight: 400;
  margin-bottom: 0;
  padding: 0 0 3em 0;
  width: 100%;
  text-transform: none !important;
  border-bottom: 0;
}

#wpmem_login legend > .form-subtitle, #wpmem_reg legend > .form-subtitle {
  display: block;
  padding: 2em 0 0;
  font-size: 1rem;
  font-weight: normal;
}