/*
 Theme Name:   Silvertheme Child
 Theme URI:    https://www.silverfish.nl/
 Description:  SilverTheme Child Theme
 Author:       Silverfish
 Author URI:   https://www.silverfish.nl
 Template:     silvertheme
 Version:      6.0
*/

:root {	
  --main: #3269A5;
  --secondary: #DD2B28;
  --yellow: #F1AA1F;
  --grey: #E2E2E2;
  --lightgrey: #D0E2EF;
  --black:#48494A;
  --font: "altivo", sans-serif;
  --subfont: "altivo", sans-serif;
}

html {scroll-behavior:smooth;}

* { font-family:var(--font); } /* Zelfde font overal */

.site-header hgroup, #main, .home-blokken-inner, .nieuws-inner, .footercols { max-width: 1440px; margin: 0 auto; }
body.mceContentBody { 
   background: #e3e3e3; 
   color:#000;
}

/* Algemeen */
h1, .entry-title { font-family:var(--font); font-size:35px; color:var(--secondary); line-height:1.2; font-weight: 700;}
h2 { font-family:var(--font); font-size:30px; color:var(--secondary); line-height:1.2; font-weight: 700;}
h3 { font-family:var(--font); font-size:25px; color:white; line-height:1.2; font-weight: 700;}
h4 { font-family:var(--font); font-size:24px; color:var(--secondary); line-height:1.2; }

a {color:var(--main); text-decoration:underline;}
a:hover {color:var(--zwart);}

.button {
  background:var(--main);
  padding:10px 20px;
  box-sizing: border-box;
  font-family:var(--font);
  font-size:21px;
  color:white;
  display:inline-block;
  margin-top:15px;
  border-radius:10px;
  text-decoration:none;
}
.button:hover {
  background:var(--secondary);
  color:white;
}

.button-rood {
  background:var(--secondary);
  padding:10px 20px;
  box-sizing: border-box;
  font-family:var(--font);
  font-size:21px;
  color:white;
  display:inline-block;
  margin-top:15px;
  border-radius:10px;
  text-decoration:none;
}
.button-rood:hover {
  background:var(--main);
  color:white;
}

.button-wit {
  background:none;
  padding:10px 20px;
  box-sizing: border-box;
  font-family:var(--font);
  font-size:21px;
  color:white;
  display:inline-block;
  margin-top:15px;
  border-radius:10px;
  text-decoration:none;
	border:1px solid white;
}

/* Buttons Gutenberg */
.has-vivid-cyan-blue-background-color {
  background-color: var(--main) !important; padding:10px 20px;  border-radius:10px;
}

.has-vivid-cyan-blue-background-color a:hover {
  background-color: var(--secondary) !important;
}

.wp-block-button__link {
  color: #fff!important;
  background-color: var(--main)!important;
  border-radius: 10px!important;
  padding:10px 20px!important;
   font-size:21px!important;
}

/* Header */
.cta-top { position:absolute; right:2em; top:1em; z-index:9; text-align: right;}
.cta-top a {
  font-family:var(--font);
  font-size:21px;
  color:var(--lightgrey);
  margin-right:1em;
  text-decoration:none;
}

.cta-top .button {margin-top: 0px;}

.cta-top a:last-child { margin-right:0; }
.cta-top a i { color:var(--main); }

/* Search */
.page-title {font-family:var(--font); font-size:35px; color:var(--secondary); line-height:1.2; font-weight: 700; margin: 1em 0 0.2em;}
.cta-zoeken { position: absolute; left: 1em; top: 1em; z-index: 9;  display: flex; justify-content:space-between;}
.searchandfilter ul li {padding: 0px 0;}
.searchandfilter ul {margin-left: -30px;}
.searchandfilter input[type="text"], input[type="email"], textarea {
  background: none;
  border: 2px solid var(--main);
  border-radius: 10px;
  padding: 2px 2px 2px 15px; width: 70%;}
.line{border: 2px solid var(--secondary); width:100%;}
ul.page-numbers li{background:#E4EFF7;
  padding:10px 20px;
  box-sizing: border-box;
  font-family:var(--font);
  font-size:21px;
  color:var(--secondary);
  display:inline-block;
  margin-top:15px;
  border-radius:10px;
  text-decoration:none;}
ul.page-numbers li:hover{background:var(--secondary); color:white;}
ul.page-numbers li:a{ color:white;}

.site-header { position:fixed; top:0; left:0; right:0; z-index:99; padding-top:1em; width:100%; transition:all .3s ease; background: var(--lightgrey);}
.site-header.fixed { margin-top:0; padding-top:1em; background:var(--lightgrey); }
.site-header.fixed .site-logo img { width:300px; }
.site-header hgroup { position:relative; margin:0 auto; padding:0; background:0; display:flex; justify-content:space-between; align-items:center; }
.site-header hgroup.logo-left .site-logo { order:1; }
.site-header hgroup.logo-left .main-navigation { order:2; }
.site-header hgroup.logo-left .mobile-button { order:2; }
.site-header hgroup.logo-middle { display:block; }
.site-header hgroup.logo-middle .main-navigation { text-align:center; }
.site-header hgroup.logo-middle .mobile-button { position:absolute; right: 30px; top: 50px; }
.site-header hgroup.logo-middle .site-logo { text-align:center; }
.site-header hgroup.logo-right .site-logo { order:2; }
.site-header hgroup.logo-right .main-navigation { order:1; }
.site-header hgroup.logo-right .mobile-button { order:1; }

.site-logo img { width:300px; transition:all .3s ease; }

/* Menu */
.main-navigation { background:0; padding:0; }
.main-navigation li { background:0; padding:0; }
.main-navigation li a {
  background:none; font-weight:300;
  color:white;
  font-size:18px;
  padding:3px 15px 4px 15px;
  box-sizing:border-box;
  margin-right:0.5em;
  display:flex;
  align-items:center;
}
.main-navigation li a:hover {color:var(--yellow);}
.main-navigation a { font-size: 18px !important; padding: 0 15px !important; }
.main-navigation ul { width: 100%; line-height:2.5; background: var(--main); text-align: center;}
.main-navigation li { padding: 0; margin:0; text-align: right; }
.main-navigation li.current_page_parent a,
.main-navigation li.current-menu-item a,
.main-navigation li.current-menu-parent a {  color:var(--yellow); }
.main-navigation ul ul { top: 36px; margin-top:9px; width:auto; min-width:310px; background:var(--main); border: none; color:white;}
.main-navigation ul ul li { width:100%; background:none; border-bottom: 1px solid white;}
.main-navigation ul ul a { width:auto; text-align: left; padding:.5em 1em; color:white;}
.main-navigation ul ul a:hover { color:var(--yellow);}
.main-navigation ul ul li.current-menu-item a { text-decoration: underline; color:var(--yellow);}

.mobile-button { display:none; font-size:50px; cursor:pointer; }
.mobile-menu { display:none; }

/* Content */
#banner { width:100%; }
.banner-inner { position:relative; }
#banner .banner-slide img { height:auto; object-fit:cover; object-position:right bottom; width: 100%; margin-top: 170px;}
.home #banner .banner-slide img { height:auto; }

/* Geen bannerfoto */
.page-id-409 #mainContainer {margin-top: 200px;}
.page-id-409 #banner { display:none; }
.page-id-672 #mainContainer {margin-top: 200px;}
.page-id-672 #banner { display:none; }
.page-id-339 #mainContainer {margin-top: 200px;}
.page-id-339 #banner { display:none; }
.page-id-685 #mainContainer {margin-top: 200px;}
.page-id-685 #banner { display:none; }
.page-id-396 #mainContainer {margin-top: 200px;}
.page-id-396 #banner { display:none; }
.page-id-369 #mainContainer {margin-top: 200px;}
.page-id-369 #banner { display:none; }
.page-id-390 #mainContainer {margin-top: 200px;}
.page-id-390 #banner { display:none; }
.page-id-366 #mainContainer {margin-top: 200px;}
.page-id-366 #banner { display:none; }
.page-id-924 #mainContainer {margin-top: 200px;}
.page-id-924 #banner { display:none; }
.page-id-928 #mainContainer {margin-top: 200px;}
.page-id-928 #banner { display:none; }
.page-id-957 #mainContainer {margin-top: 200px;}
.page-id-957 #banner { display:none; }
.page-id-963 #mainContainer {margin-top: 200px;}
.page-id-963 #banner { display:none; }
.page-id-967 #mainContainer {margin-top: 200px;}
.page-id-967 #banner { display:none; }
.page-id-970 #mainContainer {margin-top: 200px;}
.page-id-970 #banner { display:none; }
.single-post #mainContainer {margin-top: 200px;}
.single-post #banner { display:none; }
.page-id-999 #mainContainer {margin-top: 200px;}
.page-id-999 #banner { display:none; }
.page-id-705 #mainContainer {margin-top: 200px;}
.page-id-705 #banner { display:none; }
.page-id-1004 #mainContainer {margin-top: 200px;}
.page-id-1004 #banner { display:none; }
.page-id-1007 #mainContainer {margin-top: 200px;}
.page-id-1007 #banner { display:none; }
.page-id-1009 #mainContainer {margin-top: 200px;}
.page-id-1009 #banner { display:none; }
.page-id-1015 #mainContainer {margin-top: 200px;}
.page-id-1015 #banner { display:none; }
.page-id-1072 #mainContainer {margin-top: 200px;}
.page-id-1072 #banner { display:none; }
.page-id-792 #mainContainer {margin-top: 200px;}
.page-id-792 #banner { display:none; }
.post-type-archive-tribe_events #mainContainer {margin-top: 200px;}
.post-type-archive-tribe_events #banner { display:none; }
.single-tribe_events #mainContainer {margin-top: 200px;}
.single-tribe_events #banner { display:none; }
.page-id-1349 #mainContainer {margin-top: 200px;}
.page-id-1349 #banner { display:none; }
.page-id-2620 #mainContainer {margin-top: 200px;}
.page-id-2620 #banner { display:none; }

#mainContainer { padding:0; }
#main { overflow:visible; }
#primary, #content { width:100%; margin:0; padding:0; }

/* Agenda */
.tribe-common--breakpoint-medium.single-tribe_events .tribe-events-c-subscribe-dropdown, .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-subscribe-dropdown {display: none;}
.tribe-events-view {margin-top: 150px;}
#tribe-events-pg-template {margin-top: 200px;}

.tribe-events-back a {
  background:var(--main);
  padding:10px 20px;
  box-sizing: border-box;
  font-family:var(--font);
  font-size:21px;
  color:white!important;
  display:inline-block;
  margin-top:15px;
  border-radius:10px;
  text-decoration:none;
	font-weight:normal;
}
.tribe-events-back a:hover {
  background:var(--secondary);
  color:white!important;
}

.tribe-events .tribe-events-calendar-month__multiday-event-bar {
  background-color: #D0E2EF!important;
}
.tribe-events .tribe-events-calendar-month__multiday-event--start .tribe-events-calendar-month__multiday-event-bar {
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}
.tribe-events .tribe-events-calendar-month__multiday-event--end .tribe-events-calendar-month__multiday-event-bar {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}
.tribe-events-calendar-list__event-featured-image {width: 100%;}
.tribe-events-event-image img {display: none;}
.single-tribe_events .hentry {padding: 0em 0;}

/* Agenda home */
.h4 .entry-title summary a{color:white;}
.ecs-event .entry-title a{ font-size:21px; color:white;}
.ecs-event{margin-bottom:30px;}

/* Home */
.home h1{display:none;}
#home-blokken{}
.home-blokken-inner{display:grid; grid-template-columns:repeat(auto-fit, minmax(400px, 2fr)); grid-gap:2em; font-family:var(--font);}
.agenda{background: var(--main); padding: 50px; margin-top: -75px; position: relative; color:#ffffff85; height: 820px;}
.agenda h2{color: white;}
.visweer-ons{margin-top: 50px;}
.visweer-ons h2{color: var(--black);}
.over-ons{background: var(--grey); padding: 50px; margin-top: 100px;}
.over-ons h2{color: var(--main);}

/* Visweer */
.weather-atlas-wrapper .weather-atlas-header {display: none;}
.weather-atlas-wrapper {font-family: var(--font); text-shadow: 0 0px 0px rgba(0, 0, 0, .8);}
.weather-atlas-wrapper .weather-atlas-footer {display: none;}

/* Article */
.hentry { position:relative; border:0; padding:4em 0; }
.entry-title, .page-title { }

.entry-wrap { display:grid; grid-template-columns:repeat(auto-fit, minmax(400px, 2fr)); grid-gap:2em; }
.entry-content, .entry-summary {
  margin:0;
  font-family:var(--font);
  font-size:21px;
  color:var(--black);
}
.entry-content p:last-child { margin:0; }
.entry-content a{color:var(--main);}

 .post-970 .wp-block-latest-posts.columns-4 li {
    padding: 10px;
    border: 1px solid var(--main);
  }

 .wp-block-latest-posts.columns-4 li {
    width: calc(23% - .9375em);
  }

/* Nieuws homepage*/
#nieuws { display:block; width: 100%; background: var(--lightgrey); margin-left: auto; margin-right: auto; position: relative; padding-bottom: 50px;
background-image: url("/wp-content/uploads/header-nieuws.jpg"); 
  height: 1000px; 
  background-position: left top; 
  background-repeat: no-repeat; 
  background-size: cover;}
.read-more-button{text-align:center; margin-top:50px;}
#nieuws h2 { color:var(--black); text-align:center; margin-bottom:1em; padding-top:3em;}
.nieuws-inner {display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 2fr)); grid-gap:2em; width: 70%;}
.nieuws-item {
 font-family:var(--font);
 color:white;
 font-size:19px;
 display:block;
text-align: left;
}
.nieuws-item:first-child { }
.nieuws-item a { color:white; text-decoration:none;}
.nieuws-item a.read-more { font-size:21px; color:white; padding:10px; box-sizing: border-box; border-radius:15px; text-transform:uppercase; background:var(--main); display:inline-block; margin-top:1em; text-decoration:none;}
.nieuws-image img { object-fit:cover; width:100%; height: 300px;}
.nieuws-content { margin-right:1em; margin-left: 1em; background: var(--black);}
.content{padding:30px;}

/* Video home*/
.homepage-video-element {object-fit: cover; z-index: 0; width: 100%; height: 100%;}

/* Actueel*/
#actueel { padding-bottom: 60px; background: #E4EFF7; margin-top: -10px; padding-top: 50px; text-align: center; font-size: 26px; font-family: var(--font);}
.actueel-inner {display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 2fr)); grid-gap:2em; margin-top: 60px;}
.icoon{}
.icoon img{}

/* Productenpagina*/
.page-id-705 .wp-block-column {
  padding: 10px;
  background: #e3e3e3;
}

/* Formulier*/
.gform_wrapper ul li input { width:100% !important; }
.gform_wrapper ul li input,
.gform_wrapper ul li textarea {
  border:1px solid var(--secondary);
  border-radius:10px;
  padding:10px 10px !important;
  box-sizing: border-box;
}
body .gform_wrapper ul li.gfield { margin-top:14px !important; }
.gform_wrapper li.hidden_label input { margin:0 !important; }
body .gform_wrapper .top_label div.ginput_container { margin:0 !important; }
::placeholder {
  font-family:var(--font);
  font-size:21px;
  opacity:1;
  color:var(--secondary);
  font-weight:normal;
}

.gform_footer input {
  width:40% !important;
  background:var(--main);
  border:0;
  color:white !important;
  font-size:24px !important;
  padding:15px 15px !important;
}

.gform_wrapper.gravity-theme .gfield textarea.large {
  background: #f7f7f7;}
.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large {
  background: #f7f7f7;}
.gform_wrapper.gravity-theme input[type="text"]{font-size: 21px!important;}
.gform_wrapper.gravity-theme .gfield textarea.large {font-size: 21px;}

.gform_wrapper.gravity-theme .gfield_label {font-size: 21px!important; font-weight: 300!important;}

#form .arrow-down { margin-top:6em; }

/* Footer */
.site-footer {
  width:100%;
  background:var(--secondary);
	background-image: url("/wp-content/uploads/footer-background.png"); 
  height: 470px; 
  background-position: left bottom; 
  background-repeat: no-repeat; 
  background-size: cover;	
}

.footercols { padding:5em 0; display:flex; justify-content:space-between; }
.footercol {
  font-family:var(--font);
  font-size:21px;
  color:white;
}
.footercol:first-child {  }
.footercol:first-child p:first-child img { position:relative; left:-4em; }
.footercol a { color:white; }
.footercol a:hover { text-decoration:underline; }

.site-info {
  font-family:var(--font);
  font-size:19px;
  padding:1em 0;
  margin-bottom: 70px;
}
.site-info a { color:black; }
.site-info a:hover { text-decoration:underline; }

/* 404 page */
.entry-title-404{text-align:center;}

#mobile-social { display:none; }

/* Responsive */
@media all and (max-width:1463px) {
  #content,
  #home-blokken,
  #nieuws,
  .site-info { padding-left:2em; padding-right:2em; box-sizing: border-box; }
  .footercols { padding-left:4em; padding-right:2em; box-sizing: border-box; flex-wrap:wrap; }
  .footercol { margin-right:2em; }
  .footercol:last-child { margin-right:0; }
}

@media all and (max-width:1441px) {
.nieuws-inner {width: 100%;}
	body .is-layout-flex {
  display:grid; grid-template-columns:repeat(auto-fit, minmax(400px, 2fr)); grid-gap:2em;
}
}

@media all and (max-width:1197px) {
  .site-header hgroup { display:block; }
  .entry-wrap { flex-wrap:wrap; }
	.site-footer {background: var(--main); background-image: none; height: auto;}
	.wp-block-latest-posts.columns-4 li {width: calc(43% - .9375em);}
}

@media all and (max-width:1027px) {
#nieuws {background-image: none; height: auto;}
}

@media all and (max-width:970px) {
	.cta-top {display: none;}
	.cta-zoeken {top: 3em;}
	.page-id-1349 #mainContainer {margin-top: 130px;}
	.site-header hgroup.logo-middle .mobile-button {top: 20px;}
  .site-header hgroup { display:flex; align-items:flex-start; }
  .main-navigation { display:none; }
  .mobile-button { display:block; color:var(--main);}
  .mobile-menu { position:absolute; width:100%; right:0; top:120px; }
  .site-header.fixed .mobile-menu { top:107px; }
  .mobile-menu ul { list-style:none; padding:0; margin:0; }
  .mobile-menu ul li { position:relative; }
  .mobile-menu ul li a {
    font-family:var(--font);
    color:white;
    font-size:17px;
    background:var(--main);
    padding:9px 30px;
    box-sizing: border-box;
    display:block;
	text-decoration: none;
  }
  .mobile-menu ul ul { display:none; }
  .mobile-menu li.menu-item-has-children span.subitem,
  .mobile-menu li.menu-item-has-children span.subsubitem { position: absolute; top:12px; right:0; color:white; font-family:var(--font); font-size:17px; font-weight:bold; cursor:pointer; padding:5px 10px; box-sizing: border-box; }
  .mobile-menu li.menu-item-has-children span.active { background:var(--grey); }
	.home #banner .banner-slide img {}
	#banner .banner-slide img {margin-top: 110px;}
		 #mobile-social {
    display:flex;
    justify-content:flex-start;
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    z-index:9;
    overflow:hidden; height: 70px;
  }
	
 #mobile-social .button {margin-top: 0px;}
	
  #mobile-social a {
    background:#E4EFF7;
    padding:15px;
    box-sizing: border-box;
    color:var(--secondary);
    flex:1 auto;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:32px;
	  text-decoration:none;
  }
}

@media all and (max-width:790px) {
.tribe-events-view {margin-top: 150px;}
	.home .tribe-events-view {margin-top: 30px;}
	  .cta-zoeken {display:none;}
}

@media all and (max-width:650px) {
  #gform_fields_1 { display:block; }
  #gform_fields_1 .item-wrap,
  #gform_fields_1 li#field_1_5 { width:100%; }
  #gform_fields_2 li { width:100% !important; }
	
}

@media all and (max-width:550px) {
	
	.site-header hgroup.logo-middle .mobile-button {top: 0px;}
  h1, .entry-title { font-size:30px; }
  .site-header { margin-top:0; transition:none; }
  .site-header hgroup { display:block; text-align:center; }
  .site-logo { padding-top:3em; }
	.site-header hgroup.logo-middle .site-logo {text-align: center;}
	
	 #banner .banner-slide img {margin-top: 180px;}
	.video-tekst {margin-top: -420px; width: 90%;}
  .main-navigation li a { margin-right:0; }
  .mobile-button { position:fixed !important; left:0; top:0; width:100%; height:60px; background:var(--main); color:white; font-size:36px; display:flex; justify-content:center; align-items:center; }
  .mobile-menu { top:40px; }
	
	.simple-weather--view-large-icons .simple-weather__day {min-height: 3.5em;}
  .site-header.fixed .mobile-menu { top:44px; }
  .entry-wrap { display:block; }
  .footercol:first-child { padding-left:0; }
  .footercol:first-child p:first-child img { left:0; }
  .footercols { padding-left:2em; }
	.agenda {margin-top: 0px; height: auto; padding: 40px 20px 20px 20px;}
	.home-blokken-inner {display: block;}
	#home-blokken, #nieuws {padding-left: 0em; padding-right: 0em;}
  .visweer-ons {padding: 20px;}
	.home .hentry {padding: 0em 0;}

	.wp-block-latest-posts.is-grid {display: block;}
	  .wp-block-latest-posts.columns-4 li {width: calc(95% - .9375em);}
}