/*
 Theme Name:   noelwapp
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  General Noel Wapp Child theme

 Author URI:   https://noelwapp.nl
 Template:     noelwapp_theme/noelwapp_generic_theme
 Version:      1.0.0
 Text Domain:  generic-noelwapp-theme
*/
h1:before, h2:before, h3:before, h4:before, h5:before, h6:before {
  content: "\f121";
  font-family: FontAwesome, sans-serif;
  color: #e2001a;
  font-size: 80%;
  margin-right: 5px;
}

a, a:active, a:visited {
  color: #e2001a;
  text-decoration: underline;
}
a:hover, a:active:hover, a:visited:hover {
  color: #990013;
}

.wrapper .layer {
  margin-bottom: 40px;
}
.wrapper .layer .centered.global-width img {
  height: auto;
}

.wrapper .layer.menu {
  margin-top: 0;
  z-index: 9999;
  -webkit-transition: background-color 200 ms linear;
  -ms-transition: background-color 200 ms linear;
  transition: background-color 200 ms linear;
  background-color: rgba(255, 255, 255, 0.22);
  box-shadow: 0 0 4px -2px black;
  height: 90px;
}
.wrapper .layer.menu[scrolled="0"] {
  background-color: rgba(255, 255, 255, 0.22);
  box-shadow: 0 0 4px -2px black;
}
.wrapper .layer.menu[scrolled="1"] {
  background-color: rgba(255, 255, 255, 0.4);
  box-shadow: 0 0 6px -2px black;
}
.wrapper .layer.menu[scrolled="2"] {
  background-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 8px -2px black;
}
.wrapper .layer.menu[scrolled="3"] {
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 10px -2px black;
}
.wrapper .layer.menu[scrolled="4"] {
  background-color: #f3f3f3;
  box-shadow: 0 0 0 0 black;
  border-bottom: 5px solid #dedede;
  height: 60px;
}
.wrapper .layer.menu[scrolled="4"] .centered.global-width.global-padding.clear {
  padding-top: 4px;
}
.wrapper .layer.menu[scrolled="4"] .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu {
  margin: 0 0 0;
}
.wrapper .layer.menu[scrolled="4"] .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu li.menu-item.current_page_item {
  border-bottom: 5px solid #e2001a;
  height: 56px;
}
.wrapper .layer.menu[scrolled="4"] .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu li.menu-item a {
  color: #444444;
  font-weight: normal;
  text-shadow: 0 0 0 white;
}
.wrapper .layer.menu .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu {
  margin: 8px 0 0;
}
.wrapper .layer.menu .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu li.menu-item {
  padding: 0;
  margin-right: 50px;
}
.wrapper .layer.menu .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu li.menu-item:first-child {
  padding: 0;
}
.wrapper .layer.menu .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu li.menu-item:first-child a {
  padding: 12px 0 20px 0;
}
.wrapper .layer.menu .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu li.menu-item a {
  color: white;
  font-weight: bold;
  font-size: 25pt;
  text-shadow: 0 1px 4px black;
  padding: 12px 0 20px 0;
}

.wrapper .layer.intro .centered.global-width img {
  height: 60px;
}
.wrapper .layer.intro-images {
  text-align: center;
}
.wrapper .layer.intro-images .centered.global-width img, .wrapper .layer.intro-images .centered.global-width amp-img {
  height: 60px;
}

.wrapper .layer.cases {
  background-color: #4c4c4c;
  padding-top: 20px;
  padding-bottom: 20px;
  color: white;
  overflow-x: auto;
}
.wrapper .layer.cases::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}
.wrapper .layer.cases::-webkit-scrollbar {
  height: 6px;
  background-color: #F5F5F5;
}
.wrapper .layer.cases::-webkit-scrollbar-thumb {
  background-color: #828282;
}
.wrapper .layer.cases[item-count="1"] .centered.global-width.clear {
  width: 420px;
}
.wrapper .layer.cases[item-count="2"] .centered.global-width.clear {
  width: 780px;
}
.wrapper .layer.cases[item-count="3"] .centered.global-width.clear {
  width: 1140px;
}
.wrapper .layer.cases[item-count="4"] .centered.global-width.clear {
  width: 1500px;
}
.wrapper .layer.cases[item-count="5"] .centered.global-width.clear {
  width: 1860px;
}
.wrapper .layer.cases[item-count="5"] .centered.global-width.clear i.fa.fa-chevron-left {
  content: "\f053";
  position: absolute;
  left: 20px;
  margin-top: 150px;
  font-size: 50px;
  font-family: FontAwesome;
  display: none;
  text-shadow: 0px 0px 10px #2d2d2d;
  cursor: pointer;
}
.wrapper .layer.cases[item-count="5"] .centered.global-width.clear i.fa.fa-chevron-right {
  content: "\f054";
  position: absolute;
  right: 20px;
  margin-top: 150px;
  font-size: 50px;
  font-family: FontAwesome;
  text-shadow: 0px 0px 10px #2d2d2d;
  cursor: pointer;
}
.wrapper .layer.cases[item-count="6"] .centered.global-width.clear {
  width: 2220px;
}
.wrapper .layer.cases[item-count="6"] .centered.global-width.clear i.fa.fa-chevron-left {
  content: "\f053";
  position: absolute;
  left: 20px;
  margin-top: 150px;
  font-size: 50px;
  font-family: FontAwesome;
  display: none;
  text-shadow: 0px 0px 10px #2d2d2d;
  cursor: pointer;
}
.wrapper .layer.cases[item-count="6"] .centered.global-width.clear i.fa.fa-chevron-right {
  content: "\f054";
  position: absolute;
  right: 20px;
  margin-top: 150px;
  font-size: 50px;
  font-family: FontAwesome;
  text-shadow: 0px 0px 10px #2d2d2d;
  cursor: pointer;
}
.wrapper .layer.cases[item-count="7"] .centered.global-width.clear {
  width: 2580px;
}
.wrapper .layer.cases[item-count="7"] .centered.global-width.clear i.fa.fa-chevron-left {
  content: "\f053";
  position: absolute;
  left: 20px;
  margin-top: 150px;
  font-size: 50px;
  font-family: FontAwesome;
  display: none;
  text-shadow: 0px 0px 10px #2d2d2d;
  cursor: pointer;
}
.wrapper .layer.cases[item-count="7"] .centered.global-width.clear i.fa.fa-chevron-right {
  content: "\f054";
  position: absolute;
  right: 20px;
  margin-top: 150px;
  font-size: 50px;
  font-family: FontAwesome;
  text-shadow: 0px 0px 10px #2d2d2d;
  cursor: pointer;
}
.wrapper .layer.cases[item-count="8"] .centered.global-width.clear {
  width: 2940px;
}
.wrapper .layer.cases[item-count="8"] .centered.global-width.clear i.fa.fa-chevron-left {
  content: "\f053";
  position: absolute;
  left: 20px;
  margin-top: 150px;
  font-size: 50px;
  font-family: FontAwesome;
  display: none;
  text-shadow: 0px 0px 10px #2d2d2d;
  cursor: pointer;
}
.wrapper .layer.cases[item-count="8"] .centered.global-width.clear i.fa.fa-chevron-right {
  content: "\f054";
  position: absolute;
  right: 20px;
  margin-top: 150px;
  font-size: 50px;
  font-family: FontAwesome;
  text-shadow: 0px 0px 10px #2d2d2d;
  cursor: pointer;
}
.wrapper .layer.cases[item-count="9"] .centered.global-width.clear {
  width: 3300px;
}
.wrapper .layer.cases[item-count="9"] .centered.global-width.clear i.fa.fa-chevron-left {
  content: "\f053";
  position: absolute;
  left: 20px;
  margin-top: 150px;
  font-size: 50px;
  font-family: FontAwesome;
  display: none;
  text-shadow: 0px 0px 10px #2d2d2d;
  cursor: pointer;
}
.wrapper .layer.cases[item-count="9"] .centered.global-width.clear i.fa.fa-chevron-right {
  content: "\f054";
  position: absolute;
  right: 20px;
  margin-top: 150px;
  font-size: 50px;
  font-family: FontAwesome;
  text-shadow: 0px 0px 10px #2d2d2d;
  cursor: pointer;
}
.wrapper .layer.cases[item-count="10"] .centered.global-width.clear {
  width: 3660px;
}
.wrapper .layer.cases[item-count="10"] .centered.global-width.clear i.fa.fa-chevron-left {
  content: "\f053";
  position: absolute;
  left: 20px;
  margin-top: 150px;
  font-size: 50px;
  font-family: FontAwesome;
  display: none;
  text-shadow: 0px 0px 10px #2d2d2d;
  cursor: pointer;
}
.wrapper .layer.cases[item-count="10"] .centered.global-width.clear i.fa.fa-chevron-right {
  content: "\f054";
  position: absolute;
  right: 20px;
  margin-top: 150px;
  font-size: 50px;
  font-family: FontAwesome;
  text-shadow: 0px 0px 10px #2d2d2d;
  cursor: pointer;
}
.wrapper .layer.cases .centered.global-width.clear {
  width: auto;
  max-width: none;
  display: block;
}
.wrapper .layer.cases .centered.global-width.clear article.archive {
  float: left;
  width: 300px;
  margin-left: 60px;
}
.wrapper .layer.cases .centered.global-width.clear article.archive .featured-image {
  max-width: 25%;
  max-height: 80px;
  float: left;
}
.wrapper .layer.cases .centered.global-width.clear article.archive .featured-image img, .wrapper .layer.cases .centered.global-width.clear article.archive .featured-image amp-img {
  max-width: 100%;
  width: auto;
  max-height: 80px;
}
.wrapper .layer.cases .centered.global-width.clear article.archive .article-content header {
  float: left;
  margin-left: 8px;
  max-width: 70%;
  margin-bottom: 40px;
}
.wrapper .layer.cases .centered.global-width.clear article.archive .article-content header h3 {
  padding-top: 0px;
  margin-top: 0px;
}
.wrapper .layer.cases .centered.global-width.clear article.archive .article-content header h3:before {
  content: "";
}
.wrapper .layer.cases .centered.global-width.clear article.archive .content {
  text-shadow: 0px 0px 1px black;
}
.wrapper .layer.cases .centered.global-width.clear article.archive .content p {
  float: left;
}
.wrapper .layer.cases .centered.global-width.clear article.archive a.read-more {
  color: white;
  float: left;
  padding: 10px;
  background-color: #e2001a;
  white-space: nowrap;
}

.wrapper .layer.footer {
  background-color: #383838;
  margin-bottom: 0;
  padding-top: 50px;
  color: white;
  border-top: 50px solid #4c4c4c;
  padding-bottom: 150px;
}
.wrapper .layer.footer a, .wrapper .layer.footer a:active, .wrapper .layer.footer a:visited {
  color: white;
}
.wrapper .layer.footer .one-third.column {
  border-top: 4px solid #2b2b2b;
  padding-top: 15px;
}
@media only screen and (max-width: 450px) and (orientation: portrait) {
  #wpadminbar {
    display: none;
  }
  .wrapper .unslider {
    display: none;
  }
  .wrapper .layer.quickinfo {
    background-color: #ececec;
    border-bottom: 3px solid grey;
    z-index: 9999;
  }
  .wrapper .layer.quickinfo .centered.global-width.global-padding .fa.fa-bars.fa-lg {
    font-size: 28pt;
    margin-top: 2px;
    color: #333333;
  }
  .wrapper .layer.quickinfo .centered.global-width.global-padding .tel {
    margin-top: 6px;
  }
  .wrapper .layer.quickinfo .centered.global-width.global-padding .tel a:before {
    font-size: 28pt;
    color: #333333;
  }
  .wrapper .layer.menu {
    top: 50px;
    border-bottom: 3px solid grey;
    height: auto;
  }
  .wrapper .layer.menu[scrolled="0"] {
    background-color: white;
    box-shadow: 0 0 0 white;
    font-weight: normal;
    border-bottom: 3px solid grey;
    height: auto;
  }
  .wrapper .layer.menu[scrolled="0"] .centered.global-width.global-padding.clear {
    padding-top: 0px;
  }
  .wrapper .layer.menu[scrolled="0"] .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu {
    margin: 0 0 0;
  }
  .wrapper .layer.menu[scrolled="0"] .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu li.menu-item.current_page_item {
    border-bottom: 0px solid #e2001a;
    height: 60px;
  }
  .wrapper .layer.menu[scrolled="0"] .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu li.menu-item a {
    color: #444444;
    font-weight: normal;
    text-shadow: 0 0 0 white;
  }
  .wrapper .layer.menu[scrolled="1"] {
    background-color: white;
    box-shadow: 0 0 0 white;
    font-weight: normal;
    border-bottom: 3px solid grey;
    height: auto;
  }
  .wrapper .layer.menu[scrolled="1"] .centered.global-width.global-padding.clear {
    padding-top: 0px;
  }
  .wrapper .layer.menu[scrolled="1"] .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu {
    margin: 0 0 0;
  }
  .wrapper .layer.menu[scrolled="1"] .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu li.menu-item.current_page_item {
    border-bottom: 0px solid #e2001a;
    height: 60px;
  }
  .wrapper .layer.menu[scrolled="1"] .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu li.menu-item a {
    color: #444444;
    font-weight: normal;
    text-shadow: 0 0 0 white;
  }
  .wrapper .layer.menu[scrolled="2"] {
    background-color: white;
    box-shadow: 0 0 0 white;
    font-weight: normal;
    border-bottom: 3px solid grey;
    height: auto;
  }
  .wrapper .layer.menu[scrolled="2"] .centered.global-width.global-padding.clear {
    padding-top: 0px;
  }
  .wrapper .layer.menu[scrolled="2"] .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu {
    margin: 0 0 0;
  }
  .wrapper .layer.menu[scrolled="2"] .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu li.menu-item.current_page_item {
    border-bottom: 0px solid #e2001a;
    height: 60px;
  }
  .wrapper .layer.menu[scrolled="2"] .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu li.menu-item a {
    color: #444444;
    font-weight: normal;
    text-shadow: 0 0 0 white;
  }
  .wrapper .layer.menu[scrolled="3"] {
    background-color: white;
    box-shadow: 0 0 0 white;
    font-weight: normal;
    border-bottom: 3px solid grey;
    height: auto;
  }
  .wrapper .layer.menu[scrolled="3"] .centered.global-width.global-padding.clear {
    padding-top: 0px;
  }
  .wrapper .layer.menu[scrolled="3"] .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu {
    margin: 0 0 0;
  }
  .wrapper .layer.menu[scrolled="3"] .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu li.menu-item.current_page_item {
    border-bottom: 0px solid #e2001a;
    height: 60px;
  }
  .wrapper .layer.menu[scrolled="3"] .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu li.menu-item a {
    color: #444444;
    font-weight: normal;
    text-shadow: 0 0 0 white;
  }
  .wrapper .layer.menu[scrolled="4"] {
    background-color: white;
    box-shadow: 0 0 0 white;
    font-weight: normal;
    border-bottom: 3px solid grey;
    height: auto;
  }
  .wrapper .layer.menu[scrolled="4"] .centered.global-width.global-padding.clear {
    padding-top: 0px;
  }
  .wrapper .layer.menu[scrolled="4"] .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu {
    margin: 0 0 0;
  }
  .wrapper .layer.menu[scrolled="4"] .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu li.menu-item.current_page_item {
    border-bottom: 0px solid #e2001a;
    height: 60px;
  }
  .wrapper .layer.menu[scrolled="4"] .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu li.menu-item a {
    color: #444444;
    font-weight: normal;
    text-shadow: 0 0 0 white;
  }
  .wrapper .layer.menu .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu {
    width: 100%;
    background-color: white;
    margin: 0;
  }
  .wrapper .layer.menu .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu li.menu-item {
    width: 100%;
    height: 60px;
  }
  .wrapper .layer.menu .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu li.menu-item a, .wrapper .layer.menu .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu li.menu-item a:first-child {
    line-height: 60px;
    padding: 12px 160px 20px 40px;
    font-size: 18pt;
    color: #404040;
    text-shadow: 0 0px 0px black;
  }
}
@media only screen and (max-width: 736px) and (orientation: landscape) {
  #wpadminbar {
    display: none;
  }
  .wrapper .unslider {
    display: none;
  }
  .wrapper .layer.quickinfo {
    background-color: #ececec;
    border-bottom: 3px solid grey;
    z-index: 9999;
  }
  .wrapper .layer.quickinfo .centered.global-width.global-padding .fa.fa-bars.fa-lg {
    font-size: 28pt;
    margin-top: 2px;
    color: #333333;
  }
  .wrapper .layer.quickinfo .centered.global-width.global-padding .tel {
    margin-top: 6px;
  }
  .wrapper .layer.quickinfo .centered.global-width.global-padding .tel a:before {
    font-size: 28pt;
    color: #333333;
  }
  .wrapper .layer.menu {
    top: 50px;
    border-bottom: 3px solid grey;
    height: auto;
  }
  .wrapper .layer.menu[scrolled="0"] {
    background-color: white;
    box-shadow: 0 0 0 white;
    font-weight: normal;
    border-bottom: 3px solid grey;
    height: auto;
  }
  .wrapper .layer.menu[scrolled="0"] .centered.global-width.global-padding.clear {
    padding-top: 0px;
  }
  .wrapper .layer.menu[scrolled="0"] .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu {
    margin: 0 0 0;
  }
  .wrapper .layer.menu[scrolled="0"] .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu li.menu-item.current_page_item {
    border-bottom: 0px solid #e2001a;
    height: 60px;
  }
  .wrapper .layer.menu[scrolled="0"] .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu li.menu-item a {
    color: #444444;
    font-weight: normal;
    text-shadow: 0 0 0 white;
  }
  .wrapper .layer.menu[scrolled="1"] {
    background-color: white;
    box-shadow: 0 0 0 white;
    font-weight: normal;
    border-bottom: 3px solid grey;
    height: auto;
  }
  .wrapper .layer.menu[scrolled="1"] .centered.global-width.global-padding.clear {
    padding-top: 0px;
  }
  .wrapper .layer.menu[scrolled="1"] .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu {
    margin: 0 0 0;
  }
  .wrapper .layer.menu[scrolled="1"] .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu li.menu-item.current_page_item {
    border-bottom: 0px solid #e2001a;
    height: 60px;
  }
  .wrapper .layer.menu[scrolled="1"] .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu li.menu-item a {
    color: #444444;
    font-weight: normal;
    text-shadow: 0 0 0 white;
  }
  .wrapper .layer.menu[scrolled="2"] {
    background-color: white;
    box-shadow: 0 0 0 white;
    font-weight: normal;
    border-bottom: 3px solid grey;
    height: auto;
  }
  .wrapper .layer.menu[scrolled="2"] .centered.global-width.global-padding.clear {
    padding-top: 0px;
  }
  .wrapper .layer.menu[scrolled="2"] .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu {
    margin: 0 0 0;
  }
  .wrapper .layer.menu[scrolled="2"] .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu li.menu-item.current_page_item {
    border-bottom: 0px solid #e2001a;
    height: 60px;
  }
  .wrapper .layer.menu[scrolled="2"] .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu li.menu-item a {
    color: #444444;
    font-weight: normal;
    text-shadow: 0 0 0 white;
  }
  .wrapper .layer.menu[scrolled="3"] {
    background-color: white;
    box-shadow: 0 0 0 white;
    font-weight: normal;
    border-bottom: 3px solid grey;
    height: auto;
  }
  .wrapper .layer.menu[scrolled="3"] .centered.global-width.global-padding.clear {
    padding-top: 0px;
  }
  .wrapper .layer.menu[scrolled="3"] .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu {
    margin: 0 0 0;
  }
  .wrapper .layer.menu[scrolled="3"] .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu li.menu-item.current_page_item {
    border-bottom: 0px solid #e2001a;
    height: 60px;
  }
  .wrapper .layer.menu[scrolled="3"] .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu li.menu-item a {
    color: #444444;
    font-weight: normal;
    text-shadow: 0 0 0 white;
  }
  .wrapper .layer.menu[scrolled="4"] {
    background-color: white;
    box-shadow: 0 0 0 white;
    font-weight: normal;
    border-bottom: 3px solid grey;
    height: auto;
  }
  .wrapper .layer.menu[scrolled="4"] .centered.global-width.global-padding.clear {
    padding-top: 0px;
  }
  .wrapper .layer.menu[scrolled="4"] .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu {
    margin: 0 0 0;
  }
  .wrapper .layer.menu[scrolled="4"] .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu li.menu-item.current_page_item {
    border-bottom: 0px solid #e2001a;
    height: 60px;
  }
  .wrapper .layer.menu[scrolled="4"] .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu li.menu-item a {
    color: #444444;
    font-weight: normal;
    text-shadow: 0 0 0 white;
  }
  .wrapper .layer.menu .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu {
    width: 100%;
    background-color: white;
    margin: 0;
  }
  .wrapper .layer.menu .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu li.menu-item {
    width: 100%;
    height: 60px;
  }
  .wrapper .layer.menu .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu li.menu-item a, .wrapper .layer.menu .centered.global-width.global-padding.clear .menu-menu-container ul.nav-menu li.menu-item a:first-child {
    line-height: 60px;
    padding: 12px 160px 20px 40px;
    font-size: 18pt;
    color: #404040;
    text-shadow: 0 0px 0px black;
  }
}

/*# sourceMappingURL=style.css.map */