/*
 Theme Name:   Silvertheme Child
 Theme URI:    http://www.silverfish.nl/
 Description:  SilverTheme Child Theme
 Author:       Silverfish
 Author URI:   http://www.silverfish.nl
 Template:     silvertheme
 Version:      4.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

:root {	
  --main: #C00A35;
  --secondary: #A11732;
  --grey: #464547;
  --lightgrey: #5e6465;
  --font:  "acumin-pro-condensed", sans-serif;
  --subfont: "acumin-pro-condensed", sans-serif;
}

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

.site-header hgroup, #main, .form-inner, .services-inner, .footercols, .tekstvlak-inner, .kolommen-inner, .kenmerken-inner { max-width: 1440px; margin: 0 auto; }

body.mceContentBody { 
   background: #e3e3e3; 
   color:#000;
}

/* Algemeen */
h1, .entry-title { font-family:var(--font); font-size:40px; color:white;  line-height:1.2; text-align:center;}
h2 { font-family:var(--font); font-size:30px; color:white;  line-height:1.2; }
h3 {font-family:var(--font); font-size:28px; color:var(--secondary);  line-height:1.2; }
h4 {font-family:var(--font); font-size:25px; color:white;  line-height:1.2; margin-bottom:20px;}

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

.green-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;
}
.green-button:hover {
  background:var(--secondary);
  color:white;
}

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



.white-button:hover {
  background:var(--secondary);
  color:white;
}

.breadcrumb{color:white; font-family:var(--font); font-size:17px; padding-top: 20px;}
.breadcrumb a{color:white;}

/* Header */
.cta-top { position:absolute; right:2em; top:1em; z-index:9; }
.cta-top a {
  font-family:var(--font);
  font-size:20px;
  font-weight:400;
  color:var(--secondary);
  margin-right:1em;
  text-decoration:none;
}
.cta-top a:last-child { margin-right:0; }
.cta-top a i { color:var(--main); }

.site-header { position:fixed; top:0; left:0; right:0; z-index:99; margin-top:4em; width:100%; transition:all .3s ease; }
.site-header.fixed { margin-top:0; padding-top:1em; background:white; height: 60px;}
.site-header.fixed .site-logo img { width:200px; }
.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; left:0; top:0; }
.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; margin:0; padding:0; display:none;}
.main-navigation li { background:0; padding:0; }
.main-navigation li a {
  color:var(--secondary);
  font-weight:400;
  font-size:25px;
  padding:3px 15px 4px 15px;
  box-sizing:border-box;
  margin-right:0.5em;
  display:flex;
  align-items:center;
}

.main-navigation li a i { margin-right:7px; margin-top:20px;}
.main-navigation li.current_page_item a { background:white; border-bottom: 8px solid #A11732; color:var(--secondary);}


.main-navigation ul ul { top:35px; background:0; border:0; }
.main-navigation ul ul li a { background:var(--main); color:white; padding:7px 20px; box-sizing: border-box; margin-top:9px;}

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



/* Content */
.groene-balk{background: var(--main); height:10px; margin-top: 124px;}
#banner { width:100%; }
.banner-inner { position:relative; }
#banner .banner-slide img { height:350px; object-fit:cover; object-position:right; width: 100%;}

.home #banner .banner-slide img { height:850px; }
.home #mainContainer {margin-top: -100px;}
.home #content {padding-top: 90px;}
.home #video{margin-top: -300px; position: relative; text-align: right; right: 5em;}

#banner .grad { position:absolute; bottom:0; left:0; width:100%; height:100%; background: linear-gradient(180deg, rgba(255,255,255,1) 5%, rgba(255,255,255,0) 60%); }

#tekstvlak{width:100%;}
.tekstvlak-inner{position: absolute;
top: 30%;
z-index: 9;
width: 30%;
color: var(--secondary);
font-family: var(--font);
font-size: 20px;
line-height: 1em;
margin-left:100px;
}

.tekstvlak-inner h1{font-size: 45px; color:var(--main) !important; text-align: left !important;}
.tekstvlak-inner a{text-decoration:none;}
.tekstvlak-inner a:hover{text-decoration:none;}

.buttons {
    display: flex;
    justify-content: space-between; 
	margin-top: 100px;
	width:80%;
}
 .buttons .alignleft {margin-right: 0.5em; margin-top: 5px;
}

#mainContainer { padding:0; background:var(--main); }
#main { overflow:visible; }
#primary, #content { width:100%; margin:0; padding:0; }

/* Homepage */
.home #main { overflow:hidden; }
.home #kenmerken{margin-top:0px;}
#main { overflow:hidden; }

#kolommen { background: var(--main); width: 100%; padding-bottom: 50px;}
.kolommen-inner { width: 90%; display:grid; grid-template-columns: repeat(auto-fit, minmax(300px, 2fr)); grid-gap: 9em;}
.kolom{font-family: var(--font); color: white; font-size:21px;}
.kolom a{color: white; text-decoration:underline;}

/* Kenmerken */
#kenmerken{width:100%; background:var(--main); height:110px; padding-top: 30px; margin-top:10px;}
.kenmerken-inner{display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 2fr)); grid-gap: 2em;}
.kenmerk{font-size:25px; font-family:var(--font); color:white;}
.kenmerk img{margin-right: 1em;margin-top: 5px;}

/* 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:white;
  
}
.entry-content p:last-child { margin:0; }
.entry-content a{color:white;}
.entry-meta {display: none;}

/* Nieuws */
.blog .entry-title { font-size:0; }
.blog .entry-title a { font-size:40px; color:white; }
.single .entry-title { font-size:40px; color:white; margin-top:0; }
.blog .entry-content, .entry-summary {text-align:center;}

.blog article { display:block; }
.blog article .featured { text-align:center; }
.featured img {width: 200px;}

span.date { color:white; display:block; margin-top:5px; }

.single article { display:flex; justify-content:space-between; }
.single article .featured { margin-right:2em; }

a.read-more {color: white; font-size: 21px;}

.single-post .white-button{margin-bottom:20px;}

.single-post .featured {margin-left: 2em;}

/* Formulier*/
#form { position:relative; margin:4em 0; }
.form-inner { }

.gform_wrapper { width:100%; margin:0 auto !important; }

/* Form - 2 col */
#gform_fields_1 { display:flex; justify-content:space-between; }
#gform_fields_1 .item-wrap { width:50%; }
#gform_fields_1 li#field_1_5 { width:50%; padding-right:0; }

/* Form - 3 col */
#gform_fields_2 { display:flex; justify-content:space-between; flex-wrap:wrap; }
#gform_fields_2 li:nth-child(1),
#gform_fields_2 li:nth-child(2),
#gform_fields_2 li:nth-child(3) { width:33.33%; }
#gform_fields_2 li:nth-child(4) { width:100%; }
#gform_fields_2 li:nth-child(5) { width:100%; }



.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:20% !important;
  background: var(--secondary);
  border:0;
  border-radius:10px;
  color:white !important;
  font-size:24px !important;
  padding:15px 15px !important;
}

.gform_legacy_markup_wrapper .top_label .gfield_label, .gform_legacy_markup_wrapper legend.gfield_label {color:var(--secondary); font-weight:400; font-size: 20px;}
.gform_legacy_markup_wrapper ul.gfield_checkbox li label, .gform_legacy_markup_wrapper ul.gfield_radio li label {color:var(--secondary); font-weight:400; font-size: 20px;}
#form .arrow-down { margin-top:6em; }
.gform_legacy_markup_wrapper textarea.medium {background: #f4f4f4; border: none;}
.gform_legacy_markup_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {background: #f4f4f4; border: none;}
.gform_legacy_markup_wrapper ul.gfield_checkbox li label, .gform_legacy_markup_wrapper ul.gfield_radio li label {margin-top: -40px;}
.gform_legacy_markup_wrapper .gform_footer {text-align: center;}

#services { width:100%; height:auto; margin:0 0 4em 0; }
.services-inner { display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 2fr)); grid-gap:2em; }
.services-inner a {
  font-family:var(--font);
  font-size:21px;
  color:var(--main);
  text-align:center;
}
.services-inner a span { display:inline-block; text-align:center; background:var(--secondary); padding:10px 20px; box-sizing: border-box; color:white; }

#logos { width:100%; height:auto; margin:2em 0; }
.logos-inner { display:flex; justify-content:space-between; align-items:center; width:60%; margin-left: auto; margin-right: auto;}
.logos-inner img { max-width:250px; width:100%; height:auto; object-fit:contain; margin-right:4em; }
.logos-inner img:last-child { margin-right:0; }

/* Fotos */
#fotos { width: 100%; height: auto; margin-top: 10px; margin-bottom: 10px;}
.fotos-inner { display:flex; justify-content:space-between; flex-wrap: wrap;}
.fotos-inner img { width: 24.5%;
height: 300px;
object-fit: cover; }
.fotos-inner img:last-child { margin-right:0; }

/* Footer */
.site-footer {
  width:100%;
  height:auto;
  background:var(--main);
}

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

.streep{border: 0.5px solid #55807e; width:99%; margin: auto;}

.site-info {
  font-family:var(--font);
  font-size:19px;
  font-weight:500;
  padding:1em 0;
  color:var(--main);
}
.site-info a { color:var(--main); }
.site-info a:hover { text-decoration:underline; color:var(--secondary);}

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

.page-template-faq .entry-content { margin-top:2em; }
#gform_fields_7 li:first-child,
#gform_fields_7 li:nth-child(2) { width:50% !important; }
#gform_fields_7 li:nth-child(3) { width:100% !important; }

#mobile-social { display:none; }

/* Responsive */
@media all and (max-width:1500px) {
.tekstvlak-inner {width: 35%;}
}

@media all and (max-width:1463px) {
  .site-header hgroup,
	#kenmerken,
	#content,
  #form,
  #services,
  .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; }
  #kenmerken {height: auto; padding-top: 10px;}
}

@media all and (max-width:1405px) {
  .cta-top {display: none;}
  .site-header { margin-top:0; transition:none; }
  .site-header hgroup { display:block; text-align:center; }
  .site-header.fixed .site-logo { display:none; }
  .site-logo { padding-top:5em; }
  .site-header.fixed{height:auto;}
  .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:60px; }
  .site-header.fixed .mobile-menu { top:44px; }
  .site-header hgroup { display:block; align-items:flex-start; }
  .main-navigation { display:none; }
  .mobile-button { display:block; }
  .mobile-menu { position:absolute; width:100%; right:0; top:130px; }
  .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:22px;
    background:var(--main);
    padding:15px 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:20px; font-weight:bold; cursor:pointer; padding:5px 10px; box-sizing: border-box; }
  .mobile-menu li.menu-item-has-children span.active { background:var(--grey); }
  .site-header.fixed .mobile-button { color:white; }
}

@media all and (max-width:1295px) {
  .home #banner .banner-slide img {height: 450px;}
  .buttons {display:none;}
  .tekstvlak-inner{top:25%;}
	#video{margin-top: -200px;}
}

@media all and (max-width:1250px) {
	.logos-inner { width: 70%;}
	.home #video {
  margin-top: 0px;
  text-align: center;
  right: 0em; padding-top: 30px;
}
}

@media all and (max-width:1100px) {
  .site-header hgroup { display:block; }
  .entry-wrap { flex-wrap:wrap; }
}

@media all and (max-width:904px) {
 .tekstvlak-inner{ margin-left: 50px;}
  .fotos-inner img:last-child { display:none; }
  .fotos-inner img {width: 32.83%;}
  .footercol:last-child {margin-right: 140px;}
}

@media all and (max-width:850px) {
  .tekstvlak-inner h1 {font-size: 35px;}
  .tekstvlak-inner {top: 20%;}
  .blog article,
  .single article { flex-direction:column; }
  .blog article .featured,
  .single article .featured { order:1; }
  .blog article .article-wrap,
  .single article .article-wrap { order:2; }
}

@media all and (max-width:826px) {
  .kolommen-inner {text-align: center;}
  .kolom:first-child {margin-bottom: -100px;}
}

@media all and (max-width:700px) {
  .home #banner .banner-slide img {height: 350px;}
  .tekstvlak-inner h1 {font-size: 30px;}
  .tekstvlak-inner {top: 19%;}

}

@media all and (max-width:650px) {
	.tekstvlak-inner {position: relative; width: 100%; margin-left: 0px; margin-left: 0px; text-align:center;}
	.tekstvlak-inner h1 {text-align: center !important; margin-top: 20px;}
	.home #banner .banner-slide img {height: 450px;}
  #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; }
  .gform_footer input {width:100% !important;}
}

@media all and (max-width:550px) {
  h1, .entry-title { font-size:30px; }
  .entry-wrap { display:block; }
  .footercol:first-child { padding-left:0; }
  .footercol:first-child p:first-child img { left:0; }
  .footercols { padding-left:2em; }
	 #mobile-social {
    display:flex;
    justify-content:flex-start;
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    z-index:9999;
    overflow:hidden;
  }
  #mobile-social a {
    background:var(--main);
    padding:15px;
    box-sizing: border-box;
    color:white;
    flex:1 auto;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:32px;
	  text-decoration:none;
  }
  .fotos-inner img { width:49.50%; }
  .fotos-inner img:nth-child(3) { display:none; }
  .site-info {margin-bottom: 50px;}
  .nieuws-item { display:block; }
  .nieuws-content { margin-right:0; }

}

@media all and (max-width:400px) {
  .logos-inner {display: block;}
}

@media all and (max-width:375px) {
  .home #banner .banner-slide img {height: 350px;}
  .fotos-inner img { width:100%; }
  .fotos-inner img:nth-child(2) { display:none; }
}