/*
Theme Name: werkeninfriesland
Theme URI: http://www.werkeninfriesland.nl/
Author: Poolz.nl
Author URI: http://www.werkeninfriesland.nl/
Description: Description
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: werkeninfriesland
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

werkeninfriesland is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:300);

html,
body {
  height: 100%;
  background: #f8f7f7;
  font-family: "Open Sans", sans-serif;
}

body {
  padding: 0px;
}

img.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */

  filter: grayscale(100%);
}
/* ****************** */
/* navigation settings */
/* ****************** */
@media (min-width: 0) {
  .navbar-left {
    display: block; /* force showing the toggle */
    margin-left: 5px;
    float: left;
  }
}

@media (min-width: 992px) {
  body {
    padding: 0;
  }
  .navbar {
    border: none;
  }
}
.logo {
  padding-bottom: 5px;
}

@media (max-width: 768px) {
  .logo {
    width: 350px;
  }
  .navbar-header {
    margin-top: -20px;
  }
}

@media (max-width: 540px) {
  .logo {
    width: 180px;
    padding-top: 15px;
  }
  /* .content {
    margin-top: 160px;
  } */

  .navbar-toggle .icon-bar {
    width: 15px;
    height: 2px;
    background-color: #4a4a4a !important;
  }
  .navbar-header {
    margin-right: 0px;
  }
}

.navbar-toggle {
  margin-right: 0px;
}
.navbar-fixed-top {
  border: 0px;
}
.navbar-header {
  float: left;
  padding-top: 45px;
  text-align: center;
  width: 100%;
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px;
}

.navbar-brand {
  float: none;
}
.navbar-default .navbar-nav > li > a {
  font-weight: 500;
  font-size: 14px;
  color: #4c4d4e;
  line-height: 19px;
}
.navbar-nav > li > a::before {
  -webkit-transition-property: transform opacity;
  -moz-transition-property: transform opacity;
  -o-transition-property: transform opacity;
  transition-property: transform opacity;
  -webkit-transition-duration: 240ms;
  -moz-transition-duration: 240ms;
  -o-transition-duration: 240ms;
  transition-duration: 240ms;
  content: "";
  height: 2px;
  width: 0;
  background: #000;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: block;
  opacity: 0;
  top: 28px;
}
.navbar-nav > li > a:hover::before {
  width: 100%;
  opacity: 1;
}

@media (min-width: 740px) {
  .nav {
    padding-top: 0px;
    padding-bottom: 10px;
  }
}

.navbar-toggle {
  border: 0px;
}

@media (min-width: 541px) {
  .navbar-toggle .icon-bar {
    width: 30px;
    height: 3px;
    background-color: #4a4a4a !important;
  }
  /* .content {
    margin-top: 160px;
  } */
}

/* ****************** */
/* off canvas side menu's */
/* ****************** */

.navmenu-default,
.navbar-default .navbar-offcanvas {
  background-color: #ffffff;
  border-color: #e7e7e7;
}
.navmenu-default .nav {
  padding-top: 0px;
}

.navmenu-default li a {
  display: block;
  width: 100%;
  padding: 20px;
  border-left: 5px solid #3f51b5;
  position: relative;
  z-index: 2;
  text-decoration: none;
  color: #444;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.navmenu-default li a:hover {
  border-bottom: 0px;
  color: #fff !important;
  border-left: 5px solid #3f51b5;
}
.navmenu-default li a:after {
  background: #3f51b5;
}

.navmenu-default li a:after {
  content: "";
  height: 100%;
  left: 0;
  top: 0;
  width: 0px;
  position: absolute;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  z-index: -1;
}

.navmenu-default li a:hover:after {
  width: 100%;
}

/* ****************** */
/* footer */
/* ****************** */

footer {
  margin-top: 50px;
  text-align: center;
  padding: 20px;
  border-top: 1px solid #f1f1f1;
}
footer ul li {
  display: inline;
}
footer ul li a {
  font-family: "Open Sans", sans-serif;
  padding: 10px 20px;
  text-decoration: none;
  color: #4c4d4e;
  font-size: 12px;
}
/* ****************** */
/* index page */
/* ****************** */

.thumbnail {
  display: block;
  padding: 0px;
  margin-bottom: 20px;
  border: 0px;
  border-radius: 0px;
  background-image: linear-gradient(-180deg, #e3e3e3 15%, #d7d4d4 44%);

  box-shadow: 2px 2px 5px #dcd9d9;
}
.thumbnail:hover {
  box-shadow: 2px 2px 5px #a6a0a0;
  cursor: pointer;
  cursor: hand;
}

/*dont show media on mobile*/
@media (max-width: 700px) {
  .thumbnail .media {
    display: none;
  }
}

.thumbnail .media img.logo {
  max-height: 89px;
  max-width: 219px;
  margin: 20px auto 20px auto;
  display: block;
}
.thumbnail .media img {
  margin: auto;
  display: block;
}
.thumbnail .media .holder {
  margin: auto;
  display: block;
  height: 180px;
}
.thumbnail .caption {
  padding: 9px 15px;
  color: #333;
  background-color: #ffffff;
}
.thumbnail .caption H3 {
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #4a4a4a;
  line-height: 19px;
  margin-top: 10px;
  margin-bottom: 2px;
  text-transform: uppercase;
}
.thumbnail a:hover {
  text-decoration: none;
}
.thumbnail .caption p {
  font-family: "Roboto Slab", serif;
  font-size: 14px;
  color: #4a4a4a;
  line-height: 19px;
}

.items .thumbnail .caption H3 {
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #4a4a4a;
  line-height: 19px;
  margin-top: 10px;
  margin-bottom: 2px;
  text-transform: uppercase;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  display: -webkit-box;
  box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 40px;
}

/* ****************** */
/* product colors */
/* ****************** */
.color1,
.color1 H4,
.color1 H2 {
  border-color: #3f51b5 !important;
  color: #3f51b5;
}
.color2,
.color2 H4,
.color2 H2 {
  border-color: #4a96f3 !important;
  color: #4a96f3;
}
.color3,
.color3 H4,
.color3 H2 {
  border-color: #9c26b0 !important;
  color: #9c26b0;
}
.color4,
.color4 H4,
.color4 H2 {
  border-color: #00bcd4 !important;
  color: #00bcd4;
}
.color5,
.color5 H4,
.color5 H2 {
  border-color: #e92663 !important;
  color: #e92663;
}
.color6,
.color6 H4,
.color6 H2 {
  border-color: #4dae50 !important;
  color: #4dae50;
}
.color7,
.color7 H4,
.color7 H2 {
  border-color: #f7e93c !important;
  color: #f7e93c;
}
.color8,
.color8 H4,
.color8 H2 {
  border-color: #399688 !important;
  color: #399688;
}
.color9,
.color9 H4,
.color9 H2 {
  border-color: #795546 !important;
  color: #795546;
}
.color10,
.color10 H4,
.color10 H2 {
  border-color: #673ab7 !important;
  color: #673ab7;
}

.navmenu-default li.color1 a {
  border-left: 10px solid #3f51b5;
}
.navmenu-default li.color2 a {
  border-left: 10px solid #4a96f3;
}
.navmenu-default li.color3 a {
  border-left: 10px solid #9c26b0;
}
.navmenu-default li.color4 a {
  border-left: 10px solid #00bcd4;
}
.navmenu-default li.color5 a {
  border-left: 10px solid #e92663;
}
.navmenu-default li.color6 a {
  border-left: 10px solid #4dae50;
}
.navmenu-default li.color7 a {
  border-left: 10px solid #f7e93c;
}
.navmenu-default li.color8 a {
  border-left: 10px solid #399688;
}
.navmenu-default li.color9 a {
  border-left: 10px solid #795546;
}
.navmenu-default li.color10 a {
  border-left: 10px solid #673ab7;
}

.navmenu-default li.color1 a:after {
  background: #3f51b5;
}
.navmenu-default li.color2 a:after {
  background: #4a96f3;
}
.navmenu-default li.color3 a:after {
  background: #9c26b0;
}
.navmenu-default li.color4 a:after {
  background: #00bcd4;
}
.navmenu-default li.color5 a:after {
  background: #e92663;
}
.navmenu-default li.color6 a:after {
  background: #4dae50;
}
.navmenu-default li.color7 a:after {
  background: #f7e93c;
}
.navmenu-default li.color8 a:after {
  background: #399688;
}
.navmenu-default li.color9 a:after {
  background: #795546;
}
.navmenu-default li.color10 a:after {
  background: #673ab7;
}

/* ****************** */
/* margins */
/* ****************** */

.margin-top5 {
  margin-top: 5px;
}
.margin-top10 {
  margin-top: 10px;
}

/* ****************** */
/* sidebar */
/* ****************** */

#select {
  display: none;
}

@media (max-width: 992px) {
  #select {
    display: block;
    margin: 0px 15px 10px 15px;
  }
  #select .form-control {
    border-radius: 0px; /* Rectangle 84: */
    background: #f8f7f7;
    border: 1px solid #9b9b9b;

    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    color: #4a4a4a;
    line-height: 19px;
    padding: 10px;
    height: 50px;
  }
}
@media (max-width: 992px) {

  .page-template-default .sidebar-module,
  .page-template-page_stages .sidebar-module {
    display: none;
  }

  .page-id-107 .sidebar-module {
    display: block;
  }
}

.sidebar-module {
  margin-bottom: 40px;
}
.sidebar-module H4 {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
}
.sidebar-module p {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  color: #000000;
  line-height: 19px;
  padding-left: 10px;
}
.sidebar-module ul {
  margin-top: 10px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.sidebar-module ul li a {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  color: #000000;
}
.sidebar-module ul li.active > a,
.sidebar-module ul li.active > a:hover {
  background-color: #ebebeb;
  color: #000000;
  border-radius: 0px;
}
.sidebar-module .logo {
  margin: 10px;
}
.sidebar-module H3 {
  font-size: 14px;
  margin: 10px 0px;
  color: #000000;
}

/* ****************** */
/* search */
/* ****************** */
.navbar-collapse {
  margin-top: 10px;
}
#searchform {
  padding: 0px;
  margin: 0px;
}
.search {
  float: right;
  padding: 7px 10px;
  border: 1px solid #c0bebe;
  border-radius: 4px;
  font-size: 13px;
  color: #9b9b9b;
  letter-spacing: 1.62px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-image: url(./images/search-icon.png);
  background-position: right 8px top 7px;
  width: 165px;
}
.searchresult {
  margin-bottom: 10px;
}

/* ****************** */
/* buttons */
/* ****************** */
.btn-action {
  /* Rectangle 73: */
  background: #f8f7f7;
  border: 1px solid #979797;
  border-radius: 64px;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #4a4a4a;
  line-height: 19px;
  padding: 10px 30px;
}
.btn-action:hover {
  background-color: #ebebeb;
}

.btn-sidebar {
  background: #ebebeb;
  box-shadow: 0px 2px 4px 0px rgba(129, 121, 121, 0.5);
  border-radius: 0px;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  color: #000000;
  font-weight: 700;
  line-height: 29px;
  width: 100%;
}
.btn-sidebar:hover {
  background-color: #dfdcdc;
}

.btn-top {
  /* Rectangle 84: */
  background: #f8f7f7;
  border: 1px solid #9b9b9b;
  padding: 8px;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  color: #4a4a4a;
  line-height: 19px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 0px;
}
.btn-top:hover {
  background-color: #ebebeb;
}
.socialshare {
  margin-left: 10px;
}

/* ****************** */
/* product page */
/* ****************** */
/* Rectangle 86: */
.brand-alert {
  background: #f9f7f7;
  border: 6px solid;
  padding: 10px;
  text-align: center;
}
.brand-alert p {
  color: #000000;
}

/* ****************** */
/* detail page */
/* ****************** */
.detail > H1 {
  font-family: "Open Sans", sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 24px;
  margin-top: 0px;
}
.detail > .box {
  background-color: #ffffff;
  border-left: 10px solid;
  padding: 20px;
}
.detail > .box H1 {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  color: #000000;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 24px;
  margin-top: 0px;
}
.detail > .box H1 a {
  color: #000000;
}

.detail > .box p {
  font-family: "Roboto Slab", serif;
  font-size: 13px;
  color: #000000;
  line-height: 18px;
  margin-bottom: 4px;
}
.detail > .text {
  padding: 10px;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  color: #000000;
  line-height: 23px;
}

.detail > .text H2 {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  margin-top: 10px;
}
.detail > .attachment-post-thumbnail {
  width: 780px;
  margin-bottom: 20px;
}


.detail > .text H3 {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 24px;
  margin-top: 10px;
}

/* ****************** */
/* event plugin */
/* ****************** */
.event_prices_table,
.event_session_table,
.event_times_table,
.event_dates_table {
  margin-left: 20px;
}
.event_prices_table td,
.event_session_table td,
.event_times_table td,
.event_dates_table td {
  color: #000000;
  font-size: 12px;
  padding-left: 2px;
}
.epl_individual_event_wrapper,
#epl_cart_totals_wrapper,
#epl_payment_choices_wrapper,
.epl_regis_attendee_wrapper {
  background-color: #fff;
  padding: 20px !important;
}
#epl_discount_wrapper {
  display: none !important;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%; /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/*event management styles*/
.em-booking {
  padding: 10px;
  border: 1px solid #4a96f3 !important;
}
.em-tickets {
  margin-left: 10px;
}
.em-ticket td {
  padding: 4px;
}
.em-booking-form-details .input {
  padding: 4px;
}
.em-booking-submit {
  padding: 10px 15px;
  background-color: #3f51b5;
  color: #fff;
  border-radius: 100px;
}

.alert {
  margin-bottom: 0;
}

.alert + .content {
  margin-top: 0;
}

.alert--hidden {
  display: none;
}

.alert__title {
  font-weight: bold;
  font-size: 22px;
  color: #4a4a4a;
  margin-top: 10px;
}

.alert__text {
  font-family: "Roboto Slab", serif;
  font-size: 14px;
  color: #4a4a4a;
}

.alert__content {
  padding: 20px 50px;
  color: #e92663;
  background-color: #fff;
  border-color: #ccc;
  border: 1px solid;
  border-radius: 15px;
}

.alert__wrapper {
  max-width: 1170px;
  margin: 0 auto;
}

.alert__wrapper--small {
  padding: 0px 15px;
}

.has_alert .content {
    margin-top: 0;
}