/*
 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:      3.55
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

* { font-family:"brother-1816", serif; } /* Zelfde font overal */

#main, .site-header hgroup, .site-navigation, .site-navigation-full div, .site-title, .site-description, .sf-widget, .site-logo, .subheader-inner, #toptaken, .two-col,
.nieuwsbrief, .footer-columns { max-width: 1165px; margin: 0 auto; }

table { border:0; }
.entry-content tr td, .comment-content tr td { padding-left:15px; padding-right:15px; box-sizing:border-box; }

/* Algemeen */
h1 { }
h2 { }
h3, h3.entry-title { font-family:"brother-1816", serif; font-size:30px; font-weight:100; line-height:1.1; }
h4 { font-family:"brother-1816", serif; font-size:24px; font-weight:400; }

h3.entry-title { color:#fff; }

a.ghost-white, a.ghost-blue {
  font-family:"brother-1816", serif;
  font-size:17px;
  color:white;
  font-weight:100;
  border:2px solid white;
  border-radius:20px;
  padding:0.25em 1.5em;
  box-sizing: border-box;
}
a.ghost-white i, a.ghost-blue i { font-size:17.8px; margin-right:0.5em; }
a.ghost-white:hover { background:white; color:#009fe3; }

a.ghost-blue { border:1.5px solid #009fe3; color:#009fe3; }
a.ghost-blue:hover { background:#009fe3; color:white; }

ul, ol { padding-left:1em; }

/* Header */
.site-header { width:100%; height:auto; background:#009fe3; position: relative; z-index:99; }
.site-header hgroup { width:100%; height:auto; min-height:153px; margin:0 auto; padding:0; display:flex; justify-content: space-between; align-items:center; background:none; }
.site-header hgroup.myfixed { min-height:100px; }
.site-logo { width:20%; }
.site-logo img { max-width:211px; height:auto; width:100%; }

/* Menu */
.main-navigation { width:60%; margin-left:5%; padding:0; }
.main-navigation li { padding:0; }
.main-navigation li a {
  font-family:"brother-1816", serif;
  font-size:17px;
  font-weight:100;
  color:white;
  margin-right:25px;
}
.main-navigation li.menu-item-has-children a::after { content:""; padding-bottom:20px; position: absolute; width:100%; height:100%; left:0; }
.main-navigation li.current_page_item a,
.main-navigation li a:hover { border-bottom:1px solid white; }

.main-navigation ul ul { top:46px; background:#009fe3; padding:0em 0; margin:0; border:1px solid white; }
.main-navigation ul ul li { margin:0; padding:0; }
.main-navigation ul ul a {
  background:white;
  margin-right:0;
  color:white;
  background:#009fe3;
  padding:0.5em 1.5em;
  box-sizing: border-box;
}
.main-navigation ul ul li a:hover,
.main-navigation ul ul li.current_page_item a { border:0; background:white; color:#009ef3; }

.myfixed ul { text-align: left; }
hgroup.myfixed .main-navigation ul ul li a { text-align: left; }

.login { width:15%; text-align: right; }

/* Homepage */
#subheader { width:100%; min-height:670px; position:relative; overflow:hidden; }
#subheader .swirl { position:absolute; bottom:0; left:0; width:100%; height:257px; background-size:cover; }

.subheader-inner { display:flex; align-items:center; }
.subheader-left {
  color:white;
  width:50%;
}
.subheader-left h3 { margin-bottom:1em; width:80%; }
.subheader-right { width:50%; position: relative; margin-top:6em; }

.subheader-right img { max-width:390px; position: relative; z-index: 999; animation:fly1 3s ease-in-out infinite; }

#fly-bottom { position: absolute; bottom:-2em; left:6em; width:277px; height:190px; z-index: 0; }
#fly-top { position: absolute; top:-6em; right:-12em; width:277px; height:190px; z-index: 0; }
.fly img { position: relative; }
.fly img.fly-1 { width:54px; top:0.5em; left:1em; animation:fly1 3s ease-in-out infinite; animation-delay: 1s; }
.fly img.fly-2 { width:48px; left:-4em; top:-1em; animation:fly1 3s ease-in-out infinite; animation-delay: 2s; }
.fly img.fly-3 { width:21px; left:-6em; top:-1em; animation:fly1 3s ease-in-out infinite; animation-delay: 1.5s; }
.fly img.fly-4 { width:48px; left:-6em; top:0em; animation:fly1 3s ease-in-out infinite; animation-delay: .25s; }
.fly img.fly-5 { width:36px; left:-1em; top:-2em; animation:fly1 3s ease-in-out infinite; animation-delay: 1s; }
.fly img.fly-6 { width:21px; left:0em; top:-7em; animation:fly1 3s ease-in-out infinite; animation-delay: .75s; }
.fly img.fly-7 { width:36px; left:4em; top:-8em; animation:fly1 3s ease-in-out infinite; animation-delay: 2s; }
.fly img.fly-8 { width:21px; left:3em; top:-7em; animation:fly1 3s ease-in-out infinite; animation-delay: 1s; }
.fly img.fly-9 { width:62px; left:-2em; top:-6em; animation:fly1 3s ease-in-out infinite; animation-delay: .25s; }
.fly img.fly-10 { width:114px; left:3em; top:-10em; animation:fly1 3s ease-in-out infinite; animation-delay: .5s; }

@keyframes fly1 {
    from {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0); }
    50% {
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px); }
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0); }
}

#toptaken {
  width:100%;
  height:auto;
  text-align: center;
  margin-top:2em;
}
#toptaken h3 { margin-bottom:2em; }
.toptaken-inner { width:100%; height:auto; display:flex; justify-content: space-between; margin-top:2em; }
.taak {
  width:100%;
  max-width:300px;
}
.taak-img { width:100%; min-height:63px; max-height:63px; display:flex; align-items:center; justify-content: center; }
.taak-img img { max-width:75px; width:100%; max-height:63px; }
.taak-content {
  font-family:"brother-1816", serif;
  font-size:18px;
  font-weight:100;
  color:#383938;
  line-height:1.25;
  min-height:126px;
}
.taak-content h4 { margin-bottom:15px; }

.page-template-homepage #mainContainer { margin-top:10em; z-index:9; position: relative; background:0; padding-bottom:0; }
.page-template-homepage #main { display:flex; justify-content: space-between; max-width:1084px; }
.page-template-homepage #primary { width:47%; }
.page-template-homepage h3.entry-title { width:65%; color:#383938; }
.page-template-homepage .entry-content { color:#383938; }

#subcontent {
  width:100%;
  height:auto;
  min-height:800px;
  background: linear-gradient(37deg, rgba(224,243,252,1) 0%, rgba(240,249,253,1) 100%);
  position:relative;
  z-index: 0;
  margin-top:-3em;
  padding-bottom:calc(257px + 8em);
  overflow:hidden;
  line-height:1.25;
}
#subcontent .topline { width:100%; height:160px; background:white; position: absolute; top:-3em; transform:skewY(-2deg); }
#subcontent .flyers { position: absolute; right:0; top:3.2em; background-size:contain; background-repeat:no-repeat; width: 413px; height:237px; }

.two-col { padding-top:18em; display:flex; justify-content: space-between; }
.two-col .col {
  font-family:"brother-1816", serif;
  font-size:17px;
  font-weight:100;
  color:#383938;
}
.two-col .col h3 { margin-bottom:1.5em; }
.two-col .col li { margin-bottom:1em; }
.two-col .col li:last-child { margin-bottom:0; }
.two-col .col a.ghost-blue { padding-top:0.7em; padding-bottom:0.7em; margin-top:0.5em; display:inline-block; border-width:1px; border-radius:25px; }

.two-col .col:first-child { width:36%; }
.two-col .col:last-child { width:47%; }

.nieuwsbrief {
  padding-top:10em;
  font-family:"brother-1816", serif;
  font-size:17px;
  font-weight:100;
  color:#383938;
  max-width:687px;
}
.nieuwsbrief h3 { margin-bottom:1em; }
.nieuwsbrief form { margin:0 auto; text-align: center; margin-top:2.5em; display:flex; justify-content: space-between; }
.nieuwsbrief input { }
.nieuwsbrief input[type="text"] { border:0; background:0; border-bottom:1px solid #383938; border-radius:0; width:30%; padding-bottom:0; }
.nieuwsbrief input:nth-child(2) { margin-right:5%; }
.nieuwsbrief ::placeholder { opacity:1; color:#383938; font-family:"brother-1816", serif; font-weight:100; font-size:17px; }
.nieuwsbrief input[type="submit"] { background:0; border:1px solid #009fe3; border-radius:25px; font-family:"brother-1816", serif; font-size:17px; font-weight:100; color:#009fe3; padding:0.8em 1.5em; box-sizing: border-box; transition:all .3s ease; }
.nieuwsbrief input[type="submit"]:hover { background:#009fe3; color:white; }

#subcontent .swirl { position:absolute; bottom:0; left:0; width:100%; height:257px; background-size:cover; }
.swirl.sub { position:absolute; bottom:0; left:0; width:100%; height:257px; background-size:cover; z-index:0; }

/* Inlogpagina */
.page-template-login #main { padding:2em 0; }
.page-template-login #primary {
  max-width:400px;
  margin:0 auto;
  background:white;
  padding:3em 3em 0 3em;
  box-sizing: border-box;
  border-radius:10px;
  box-shadow:0px 0px 5px #bbb;
}
.page-template-login .entry-title { text-align: center; }
.page-template-login form { margin:0 auto; text-align: center; margin-top:2.5em; }
.page-template-login input { }
.page-template-login input[type="text"],
.page-template-login input[type="password"] { border:0; background:0; border-bottom:1px solid #383938; border-radius:0; padding-bottom:10px; padding-left:0; width:100%; margin-bottom:1em; }
.page-template-login input:nth-child(2) { margin-right:5%; }
.page-template-login  ::placeholder { opacity:1; color:#383938; font-family:"brother-1816", serif; font-weight:100; font-size:17px; }
.page-template-login  input[type="submit"] {
  background:0;
  border:1px solid #009fe3;
  border-radius:25px;
  font-family:"brother-1816", serif;
  font-size:17px;
  font-weight:100;
  color:#009fe3;
  padding:0.8em 1.5em;
  box-sizing: border-box;
  transition:all .3s ease;
  margin-top:1em;
  display:block;
  width:100%;
}
.page-template-login  input[type="submit"]:hover { background:#009fe3; color:white; }

/* Content */
#mainContainer { padding-top:4em; padding-bottom:calc(257px + 4em); width: auto !important; background:#009fe3; position:relative; z-index:9; }
#primary, #content { width:100%; margin:0; padding:0; position: relative; z-index:99; }

#primary.content-area-half {
  width:64%;
  float:left;
  margin-right:1%;
}

#sidebar {
  width:35%;
  float:right;
  background:#ccc;
  padding:1em;
  box-sizing: border-box;
}

/* Article */
.hentry { border:0; }
.entry-title, .page-title { font-style:normal; }
.entry-content, .entry-summary {
  font-family:"brother-1816", serif;
  font-size:17px;
  font-weight:100;
  color:#fff;
  line-height:1.25;
}
.entry-content a.ghost-blue, .entry-summary a.ghost-blue { margin-top:0.5em; display:inline-block; }
.entry-content a, .entry-summary a { color:#009ef3; }
.entry-content a:hover, .entry-summary a:hover { text-decoration: underline; }

/* Footer */
.footer-columns { width:100%; height:auto; display:flex; justify-content: space-between; margin-top:3em; margin-bottom:6em; }
.footercol h4 { font-size:20px; margin-bottom:1em; font-weight:100; }
.footercol {
  font-family:"brother-1816", serif;
  font-size:17px;
  font-weight:100;
  color:#383938;
  position: relative;
}
.footercol:first-child::before { content:""; position: absolute; left:-4em; top:0; background:url('https://bobmail.com/wp-content/themes/silvertheme-child/img/fly-blue.svg'); width:51px; height:36px; }
.footercol a { color:black; }
.footercol a:hover { text-decoration:underline; }

.site-info {
  font-family:"brother-1816", serif;
  font-size:15px;
  font-weight:100;
  color:#383938;
  padding:1.5em 0;
  box-sizing: border-box;
  border-top:1px solid #b2b2b2;
}
.site-info a { color:#383938; }

/* Scroll to top */
.scrolltop {
  position: fixed;
  bottom: 10px;
  left:   10px;
  width:  50px;
  height: 50px;
  display: none;
}
.scrolltop:hover { cursor: pointer; }


/* Responsive */
@media all and (max-width:1180px) {
  .site-header hgroup { padding:0 1em; box-sizing: border-box; }
  #subheader { padding:0 2em; box-sizing: border-box; }
  #subheader .swirl, #subcontent .swirl, .swirl.sub { background-size: contain; background-repeat: no-repeat; background-position:center 101%; }
  .subheader-left h3 { width:100%; }
  #toptaken { padding:0 2em; box-sizing: border-box; }
  #mainContainer { padding-left:2em; padding-right:2em; box-sizing: border-box; }
  .two-col { padding-left:2em; padding-right:2em; box-sizing: border-box; }
  .nieuwsbrief { padding-left:2em; padding-right:2em; box-sizing: border-box; }
  .footer-columns { padding-left:2em; padding-right:2em; box-sizing: border-box; }
  .main-navigation { margin-left:0; }
}

@media all and (max-width:1030px) {
  .login { position: absolute; top:15px; right:15px; width:auto; }
  hgroup.myfixed { padding-top:25px; }
}

@media all and (max-width:890px) {
  .site-header hgroup { flex-direction: column; justify-content: center; }
  .site-logo { width:100%; text-align: center; }
  .main-navigation { width:100%; text-align: center; }
  .toptaken-inner { flex-wrap:wrap; justify-content: center; }
  .two-col .col { width:45% !important; }
  hgroup.myfixed { padding-top:15px; }
  #mainContainer { padding-bottom:8em; }
}

@media all and (max-width:800px) {
  .main-navigation { display:block; }
  .page-template-homepage #mainContainer { margin-top:3em; }
  .page-template-homepage #main { display:block; }
  .page-template-homepage #main > div { width:100%; }
  .page-template-homepage #main #side-image { margin-bottom:2em; text-align: center; }
  .page-template-homepage #main #side-image img { width:auto; }
  .two-col .col a.ghost-blue { display:inline-block; text-align: center; }
  .footercol:first-child::before { background:0; }
  .footer-columns { flex-wrap:wrap; }
}

@media all and (max-width:680px) {
  .main-navigation { display:none; }
  .site-header hgroup { padding:1.5em 1em; min-height:0; }
  .site-logo { text-align: left; }
  #sfmenu-wrap { z-index: 9999999; }
  #sfmenu { background:0 !important; }
  #sfmenu ul { padding:0; margin:0; }
  #sfmenu li { list-style:none; }
  #sfmenu li a { color:white; }
  #sfmenu nav.mobile-menu { box-shadow:none; top:52px; }
  .subheader-inner { display:block; }
  .subheader-left { width:100%; }
  .subheader-right { text-align:center; width:100%; margin-top:0; }
  .subheader-right .alignright { float:none; margin:0; }
  #fly-bottom { left:0; }
  #fly-top { right:0; }
  .toptaken-inner { margin-top:0; }
  .taak { margin-top:3em; }
  .taak:first-child { margin-top:1.5em; }
  .taak-content { min-height:0; }
  .two-col { display:block; }
  .two-col .col { width:100% !important; }
  .two-col .col:first-child { margin-bottom:1.5em; }
  .nieuwsbrief { padding-top:2em; }
  .nieuwsbrief form, .nieuwsbrief form input { display:block; margin-bottom:1em; width:100% !important; }
  .nieuwsbrief form input[type="text"] { padding-bottom:5px; }
  .footercol { width:50%; }
  #subcontent { padding-bottom:200px; }
}

@media all and (max-width:550px) {
  .site-logo img { max-width:170px; }
  #fly-top { display:none; }
  #fly-bottom { bottom:-10em; width:100%; }
  .footercol { width:100%; }
  .page-template-homepage #main #side-image img { width:100%; }
}