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

/*************** ADD CUSTOM CSS HERE.   ***************/
/* mulish-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: 'Mulish';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/mulish-v13-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-condensed-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: 'Fira Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/fira-sans-condensed-v10-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-condensed-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: 'Fira Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/fira-sans-condensed-v10-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*wild one*/
@font-face
{
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Wild Regular';
  src: url('/fonts/Wild-Regular.woff') format('woff');
}

body { font-family:  "Mulish", sans-serif; font-size: 1.1em; }
.nav > li > a { font-family:  "Mulish", sans-serif; font-size: .9em; /*color: #8F9343;*/ }

@media screen and (min-width: 600px) and (max-width: 1100px) {
.nav > li > a { font-size: .8em;  }
}

h1 { font-family: 'Fira Sans Condensed'; font-weight: 300; font-size: 4em; color: #374419; }
h2, .heading-font { font-family: "Fira Sans Condensed", sans-serif; font-size: 3em; font-weight: 300; color: #8F9343; }
h3,h4,h5,h6 { font-family: "Fira Sans Condensed", sans-serif; font-weight: 700; }
.alt-font { font-family: "Wild Regular";  }

#main a:not(.button):not(.accordion-title):not(.image-lightbox):not(.page-number):not(.plain) { text-decoration: underline; }
.tab a { text-decoration: none !important; }
#footer a { text-decoration:underline; }

.nav-dropdown { min-width: 300px; }

.curve-up .ux-shape-divider { z-index: 999; } /* de golf die over de content loopt*/
.bgcontain .bg-fill { background-size: contain !important; }
.ontop { z-index: 10; }

.bg-wildzone .bg-fill { background-size: auto 300px !important; background-position: 0% 100%; opacity: .1; }
.bg-duurzaam .bg-fill { background-size: auto 400px !important; background-position: 5% 95%; opacity: .2; }
.bg-dierentuin .bg-fill { background-size: auto 400px !important; background-position: 0% 95%; opacity: .1; }
.bg-wildopvang .bg-fill { background-size: auto 400px !important; background-position: 0% 95%; opacity: .1; }
.bg-projecten .bg-fill { background-size: auto 400px !important; background-position: 0% 95%; opacity: .1; }

/*search and filter zoekformulier*/
.searchandfilter { background: rgba(55,68,25,.05); padding: 1em 1em .5em 1em; width: 100%; margin: 2em 0;  }
.searchandfilter ul li { display: inline; padding: 12px 12px 12px 0; }
a.search-filter-reset { color: rgba(0,0,0,.5);  }
a.search-filter-reset:hover { color: rgba(173,10,64,1); }
.search-filter-results p.results { padding-left: 20px; font-size: .9em;  }
/*.sf-input-text { vertical-align: inherit !important;  }*/
.searchandfilter input[type="text"] { vertical-align: inherit !important; color:#333; }


/*aanbod overzicht*/
.blogcontainer { display: flex; flex-flow: row wrap; justify-content: flex-start; }
.blogcontainer > div { position: relative; width: 98%; margin: 1%; background: rgba(55,68,25,.05);  } 
.blogcontainer > div h3 { padding: 0 1rem; font-weight: 700; color:rgb(55,68,25); }
.blogcontainer > div .auteur { padding: 0 1rem .5rem; font-size: .7em; color:rgb(55,68,25); }
.blogcontainer h2.post-title.entry-title { color: rgb(220,19,114); font-weight: 400; }
#top .fullsize .template-blog .blogcontainer .post-title { font-size: 20px; padding: 0 1rem;    }
.blogcontainer > div p { padding: 1rem; }
.blogimg { position: relative; width: 100%; height: 15em; margin-bottom: 1em; }

.blogcontainer .tax { padding: .25em; position: absolute; top: .5em;  right: .5em;  }
.blogcontainer .tax_tm, .tax_tm { display: inline-block; padding: .25em .5em; background: #cc0000; color:#fff; margin: .25em; border-radius: 5px; font-size: .8em; white-space:nowrap; }

@media screen and (min-width: 64em ) {
.blogcontainer > div { position: relative; width: 31.3333%; margin: 1%;  } 
}

.clickable { position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.clickable:hover { box-shadow: 2px 2px 15px #ccc; }
.pagination { text-align: center; margin: 3em 0 0; }

.entry-header { padding-top: 4em; }
.post-sidebar { padding-top: 7em !important; }
.recent-blog-posts-li .post_comments { display: none; }
.post-item .col-inner{ background:#fff; }
.box-blog-post .box-text { background: #fff; padding: 1em; }

.col.post-item  { margin-right: 1%; background:#fff; flex-basis: 32.3333333333% !important;
    max-width: 32.3333333333% !important; padding-top: 20px;  }


.wp-pagenavi a, .wp-pagenavi span {
  text-decoration: none;
  border: 1px solid #BFBFBF;
    border-top-color: rgb(191, 191, 191);
    border-right-color: rgb(191, 191, 191);
    border-bottom-color: rgb(191, 191, 191);
    border-left-color: rgb(191, 191, 191);
  padding: 3px 8px;
  margin: 2px;
}
.wp-pagenavi span.pages { border: 0px; }