/**
 * Hoofdbestand voor de frontend CSS.
 *
 * @author 		Brian de Geus - Sebwite
 * @package 	Sebwite/BaseTheme
 * @since		0.1
 * @version     0.3.1
 */
/* Imports
   ========================================================================== */
/**
 * Definieer AL(!) je variabelen hier. Schrijf achter elke variabele commentaar
 * 
 * Als je iets niet kan aanpassen via deze variabelen, kijk dan in _mixins.scss
 *
 * @author 		Brian de Geus - Sebwite
 * @package 	Sebwite/BaseTheme
 * @since		0.2
 * @version     0.3.1
 */
/* Versie 
   ========================================================================== */
/* Update altijd met een nieuwe release */
/* Voor IE9 en opera browsers gradient fallback */
/* Variables 
   ========================================================================== */
/* Kleuren - voeg hier alle kleuren toe die gebruikt */
/* Blauw */
/* Donkerblauw */
/* Oranje */
/* Donkeroranje */
/* Lichtgrijs */
/* Wit */
/* Donkergrijs */
/* De standaard achtergrond kleur van container elementen  */
/* Fonts */
/* De eerste font-family */
/* De tweede font-family */
/* Tekst */
/* De standaard grootte van content */
/* De grootte van kleine (maar leesbare) tekst */
/* De tekstgrootte van header 1 */
/* De tekstgrootte van header 2 */
/* De tekstgrootte van header 3 */
/* De tekstgrootte van header 4 */
/* De tekstgrootte van header 4 */
/* De standaard regelhoogte van content */
/* De standaard kleur voor headings */
/* De standaard kleur voor tekst */
/* De tegenovergestelde kleur van de standaard kleur voor tekst */
/* Een donkere tint van de standaard kleur voor tekst */
/* Een lichtere tint van de standaard kleur voor tekst */
/* De standaard kleur voor een anchor in tekst */
/* De hover kleur voor een anchor in tekst */
/* De active kleur voor een anchor in tekst */
/* De error kleur (een variant rood) */
/* De succes kleur (een variant groen) */
/* De succes kleur (een variant geel) */
/* Structure */
/* De breedte van alle website elementen die niet full-width zijn */
/* De breedte van alle website elementen die niet full-width zijn */
/* De achtergrondkleur voor de wrapper van de sidebar & content */
/* De hoogte van de extra ruimte waarna de content start onder de header */
/* Diverse styling */
/* De standaard border  */
/* Hoofdheader */
/* De hoogte van de fixed menu header */
/* De hoogte van de navigatie balk */
/* De achtergrondkleur van de fixed menu header */
/* De schadow onder de fixed menu header */
/* Main menu */
/* De tekstkleur van menu items */
/* De tekstkleur van de hover van menu items */
/* De tekstkleur van de active van menu items */
/* De achtergrondkleur van menu items */
/* De achtergrondkleur van de hover van menu items */
/* De achtergrondkleur van de hover van menu items */
/* De hoogte van de dropdown items van submenu */
/* De tekstkleur van submenu items */
/* De tekstkleur van de hover van submenu items */
/* De tekstkleur van de active van submenu items */
/* De achtergrondkleur van submenu items */
/* De achtergrondkleur van de hover van submenu items */
/* De achtergrondkleur van de active van submenu items */
/* Breadcrumbs */
/* De breadcrumb tekstgrootte */
/* De breadcrumb font-family */
/* De breadcrumb tekstkleur */
/* Sidebar */
/* De breedte van de sidebar */
/* De breedte van de sidebar */
/* De breedte van de margin naast de sidebar */
/* Widget */
/* De achtergrondkleur van de widget gebieden */
/* De kleur van de widget header tekst */
/* De font-family van de widget header tekst */
/* De font-size van de widget header tekst */
/* De ruimte onder elke widget */
/* Content */
/* De breedte van de inhoud als er een sidebar is */
/* De breedte van de inhoud als er een sidebar is */
/* De achtergrondkleur van het content gebied */
/* Footer */
/* De hoogte van de footer */
/* De achtergrondkleur voor de wrapper van de sidebar & content */
/* De hoogte van de extra ruimte boven de footer */
/* Background */
/* De achtergrondkleur van de hele website (wordt niet gezien als er een achtergrond afbeelding is) */
/* De achtergroundafbeelding op repeat (zet op 'none' voor de achtergrondkleur) */
/* Button */
/* De kleur van de bovenkant van de gradient van de button */
/* De kleur van de onderkant van de gradient van de button */
/* De kleur van de inset shadow van de button aan de bovekant - zet een tintje licher als de top gradient kleur */
/* De font-size van de button tekst */
/* De font-family van de button tekst */
/* De kleur van de button tekst */
/* De kleur van de border van de button */
/* De radius van de border van de button */
/* De breedte van de border van de button */
/* Field */
/* De kleur van de bovenkant van de gradient van het veld */
/* De kleur van de onderkant van de gradient van het veld */
/* De kleur van de bovenkant inset schadow van het veld */
/* De font-size van de veld tekst */
/* De font-family van de veld tekst */
/* De regelhoogte van de veld tekst */
/* De kleur van de veld tekst */
/* De kleur van de border van het veld */
/* De radius van de border van het veld */
/* De breedte van de border van het veld */
/* Number (werkt waarschijnlijk niet goed, pas de mixin aan. Er is teveel gepriegel) */
/* De breedte van het invoerveld */
/* De padding van het invoerveld */
/* De regelhoogte van het invoerveld */
/* De breedte van de meer/minder knoppen */
/* Meldingen */
/* De achtergrondkleur van standaard meldingen */
/* De achtergrondkleur van succesvolle meldingen */
/* De achtergrondkleur van error meldingen */
/* De achtergrondkleur van neutrale meldingen */
/* De tekstkleur van standaard meldingen */
/* De tekstkleur van succesvolle meldingen */
/* De tekstkleur van error meldingen */
/* De tekstkleur van neutrale meldingen */
/* De kleur van de border van standaard meldingen */
/* De kleur van de border van succesvolle meldingen */
/* De kleur van de border error meldingen */
/* De kleur van de border neutrale meldingen */
/* De font-size van meldingen */
/* De font-family van meldingen */
/* De regelhoogte van meldingen */
/* De radius van de border van meldingen */
/* De breedte van de border van meldingen */
/* Afbeeldingen & Gallery */
/* De afbeelding die bij hover over thumbnails tevoorschijn komt */
/* De border-color voor thumbnails */
/* De border-width voor thumbnails */
/* De border-radius voor thumbnails */
/* De box-schadow voor thumbnails */
/* De box-schadow voor de hover-status voor thumbnails */
/* De margin voor thumbnails */
/* Woocommerce */
/* LET OP: PAS DIT OOK AAN IN WOOCOMMERCE - Dit is de breedte van de thumbnails van een single product */
/* Versie 
   ========================================================================== */
@import url(../../../../plugins/acf-sebwitefont/css/icomoon.css);
/* line 18, ../sass/main.scss */
.sass-version {
  content: "Version 0.6.3 / MVT / 7-08-2014";
}

/* We importeren de compass reset, deze is inclusief de Eric Meyer reset */
/* line 17, ../../../../../../../../../../../home/sebadmin/.rvm/gems/ruby-2.1.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, .maps-tooltip p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../../../../../home/sebadmin/.rvm/gems/ruby-2.1.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../../../../../home/sebadmin/.rvm/gems/ruby-2.1.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../../../../../home/sebadmin/.rvm/gems/ruby-2.1.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../../../../../../home/sebadmin/.rvm/gems/ruby-2.1.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../../../../../home/sebadmin/.rvm/gems/ruby-2.1.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../../../../../home/sebadmin/.rvm/gems/ruby-2.1.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../../../../../home/sebadmin/.rvm/gems/ruby-2.1.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../../../../../home/sebadmin/.rvm/gems/ruby-2.1.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/* We importeren CSS3 mixins zodat alle vormen van pre-fixes gegenereerd worden */
/**
 * CSS voor de mixins. Schrijf hier de generieke mixins die je gebruik door je thema, zoals de stijl van een widget/content body
 *
 * @author 		Brian de Geus - Sebwite
 * @package 	Sebwite/BaseTheme
 * @since		0.2
 * @version     0.3.1
 */
/* Mixins voor hoofdelementen
   ========================================================================== */
/* De mixin voor standaard achtergrond van elementen */
/* De styling van het hoofd pagina wrapper parent element */
/* De styling van het entry/content parent element */
/* De styling van het entry/content parent element */
/* De styling van het sidebar parent element */
/* De styling van het widget parent element */
/* De styling van het widget header element */
/* De styling van het widget content element */
/* Mixins voor content
   ========================================================================== */
/* De styling voor afbeeldingen in de entry-wrapper (in content) */
/* Mixins voor notificaties
   ========================================================================== */
/* De opzet van de styling voor notificaties (zowel Woocommerce als bijv. Contact Form 7) */
/* De kleuren voor een 'success' notificatie */
/* De kleuren voor een 'error' notificatie */
/* De kleuren voor een 'info' notificatie */
/* Mixins voor controls (zoals buttons & velden)
   ========================================================================== */
/* De styling van buttons, werkt op input button maar ook anchors */
/* De styling van buttons, werkt op input button maar ook anchors */
/* Overige mixins
   ========================================================================== */
/* Gebruik in de :before van stylen waar je een dashicon wilt gebruiken */
/* Retina mixin */
/* Gebruiker om placeholder makkelijk te stylen */
/* Gebruik om tekst te hiden die wel nodig is voor SEO doeleinden */
/* Gebruik om de outline bij elementen die gefocussed zijn in chrome te verwijderen */
/**
 * CSS voor de styling van text. Definieer hier de headers, hoofdtexten en andere subtextstyling.
 *
 * @author 		Brian de Geus - Sebwite
 * @package 	Sebwite/BaseTheme
 * @since		0.1
 * @version     0.2
 */
/* Generieke teksten
   -------------------------------------------------------------------------- */
/* line 13, ../sass/base/_text.scss */
h1, h2, h3, h4 {
  font-family: "Lato", sans-serif;
  color: #545454;
  font-family: "Lato", sans-serif;
}

/* line 19, ../sass/base/_text.scss */
h1 {
  font-size: 42px;
  font-weight: 700;
}

/* line 23, ../sass/base/_text.scss */
h2 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 900;
}

/* line 28, ../sass/base/_text.scss */
h3 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
}

/* line 33, ../sass/base/_text.scss */
h4 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 300;
}

/* line 38, ../sass/base/_text.scss */
h5 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
}

/* line 44, ../sass/base/_text.scss */
div, p, .maps-tooltip p, span, ul, table, tr, td, ol, small, label, del {
  font-family: "Lato", sans-serif;
  font-size: 14px;
  color: #545454;
  line-height: 25px;
  font-weight: 400;
}

/* line 54, ../sass/base/_text.scss */
a {
  color: #188289;
  font-size: 14px;
}
/* line 59, ../sass/base/_text.scss */
a:hover {
  color: #13686e;
}
/* line 64, ../sass/base/_text.scss */
a:active {
  color: #0f5358;
}

/* line 70, ../sass/base/_text.scss */
small {
  font-size: 10px;
}

/* line 74, ../sass/base/_text.scss */
strong {
  font-weight: bold;
}

/* line 78, ../sass/base/_text.scss */
em {
  font-style: italic;
}

/* Dit is de mixin waar je stylen toepast op de tekst voor content, wordt hergebruikt in de backend editor */
/* line 85, ../sass/base/_text.scss */
.wrapper-entry h1, .wrapper-entry h2, .wrapper-entry h3, .wrapper-entry h4 {
  margin: 10px 0;
}
/* line 89, ../sass/base/_text.scss */
.wrapper-entry p, .wrapper-entry ul, .wrapper-entry table, .wrapper-entry tr, .wrapper-entry td, .wrapper-entry ol {
  margin: 10px 0;
  font-weight: 400;
}
/* line 94, ../sass/base/_text.scss */
.wrapper-entry ol {
  padding: 0 0 0 40px;
  list-style: decimal;
  font-weight: 400;
}
/* line 100, ../sass/base/_text.scss */
.wrapper-entry ul {
  padding: 0 0 0 40px;
  list-style: disc;
  font-weight: 400;
}
/* line 106, ../sass/base/_text.scss */
.wrapper-entry del {
  color: #545454;
}
/* line 110, ../sass/base/_text.scss */
.wrapper-entry p a {
  text-decoration: underline;
  color: #188289;
  font-weight: 400;
}
/* line 115, ../sass/base/_text.scss */
.wrapper-entry p a:hover {
  text-decoration: none;
  color: #13686e;
}
/* line 119, ../sass/base/_text.scss */
.wrapper-entry p a:active {
  text-decoration: none;
  color: #0f5358;
}
/* line 125, ../sass/base/_text.scss */
.wrapper-entry img {
  height: auto;
  max-width: 100%;
}
/* line 132, ../sass/base/_text.scss */
.wrapper-entry p.kleine-tekst, .wrapper-entry span.kleine-tekst, .wrapper-entry small.kleine-tekst, .wrapper-entry ul.kleine-tekst, .wrapper-entry table.kleine-tekst, .wrapper-entry tr.kleine-tekst, .wrapper-entry td.kleine-tekst, .wrapper-entry ol.kleine-tekst {
  font-size: 13px;
}
/* line 135, ../sass/base/_text.scss */
.wrapper-entry p.grote-tekst, .wrapper-entry span.grote-tekst, .wrapper-entry small.grote-tekst, .wrapper-entry ul.grote-tekst, .wrapper-entry table.grote-tekst, .wrapper-entry tr.grote-tekst, .wrapper-entry td.grote-tekst, .wrapper-entry ol.grote-tekst {
  font-size: 15px;
}
/* line 138, ../sass/base/_text.scss */
.wrapper-entry p.extra-grote-tekst, .wrapper-entry span.extra-grote-tekst, .wrapper-entry small.extra-grote-tekst, .wrapper-entry ul.extra-grote-tekst, .wrapper-entry table.extra-grote-tekst, .wrapper-entry tr.extra-grote-tekst, .wrapper-entry td.extra-grote-tekst, .wrapper-entry ol.extra-grote-tekst {
  font-size: 17px;
}
/* line 143, ../sass/base/_text.scss */
.wrapper-entry p a.button {
  line-height: normal;
  color: #13686e;
  text-decoration: none;
}

/* =WordPress Core
-------------------------------------------------------------- */
/* line 159, ../sass/base/_text.scss */
.alignnone {
  margin: 5px 20px 20px 0;
}

/* line 164, ../sass/base/_text.scss */
.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

/* line 169, ../sass/base/_text.scss */
.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

/* line 174, ../sass/base/_text.scss */
.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

/* line 179, ../sass/base/_text.scss */
.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

/* line 184, ../sass/base/_text.scss */
a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

/* line 189, ../sass/base/_text.scss */
a img.alignnone {
  margin: 5px 20px 20px 0;
}

/* line 193, ../sass/base/_text.scss */
a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

/* line 198, ../sass/base/_text.scss */
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* line 204, ../sass/base/_text.scss */
.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;
}

/* line 212, ../sass/base/_text.scss */
.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

/* line 216, ../sass/base/_text.scss */
.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

/* line 220, ../sass/base/_text.scss */
.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

/* line 224, ../sass/base/_text.scss */
.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

/* line 233, ../sass/base/_text.scss */
.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/**
 * Schrijf hier de styling voor de hoofdstructuur. Denk aan wrappers en het html of body element
 * 
 * @author 		Brian de Geus - Sebwite
 * @package 	Sebwite/BaseTheme
 * @since		0.1
 * @version     0.3.1
 */
/* Standaarden 
   ========================================================================== */
/* line 14, ../sass/base/_structure.scss */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Generiek 
   ========================================================================== */
/* line 22, ../sass/base/_structure.scss */
html {
  height: 100%;
}

/* line 26, ../sass/base/_structure.scss */
body {
  height: 100%;
  text-align: center;
  background-color: white;
  background-image: none;
  background-repeat: repeat;
}

/* line 34, ../sass/base/_structure.scss */
.wrapper-content {
  margin: 0 auto;
  max-width: 1110px;
  display: inline-block;
  text-align: left;
}
@media only screen and (max-width: 1130px) {
  /* line 34, ../sass/base/_structure.scss */
  .wrapper-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 34, ../sass/base/_structure.scss */
  .wrapper-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* line 29, ../sass/base/_mixins.scss */
.wrapper-content.wide {
  max-width: none;
  float: left;
}
/* line 39, ../sass/base/_structure.scss */
.wrapper-content.wide {
  background-color: white;
  widtH: 100%;
}
/* line 42, ../sass/base/_structure.scss */
.wrapper-content.wide .wrapper-content {
  background-color: white;
}

/* line 50, ../sass/base/_structure.scss */
.wrapper-main {
  margin: 0 auto;
  max-width: 1110px;
  padding-top: 185px;
  padding-left: 2%;
  padding-right: 2%;
  margin-bottom: 20px;
  background-color: white;
}
@media only screen and (max-width: 1130px) {
  /* line 50, ../sass/base/_structure.scss */
  .wrapper-main {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 50, ../sass/base/_structure.scss */
  .wrapper-main {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* line 29, ../sass/base/_mixins.scss */
.wrapper-main.wide {
  max-width: none;
  float: left;
}
/* line 61, ../sass/base/_structure.scss */
.wrapper-main.wide {
  width: 100%;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}
/* line 68, ../sass/base/_structure.scss */
.wrapper-main .wrapper-content {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* line 74, ../sass/base/_structure.scss */
body.admin-bar .header-main {
  margin-top: 32px;
}
@media screen and (max-width: 782px) {
  /* line 74, ../sass/base/_structure.scss */
  body.admin-bar .header-main {
    margin-top: 46px;
  }
}

/* line 80, ../sass/base/_structure.scss */
.wrapper-bread {
  width: 100%;
  background-color: #188289;
  border-bottom: 1px #13686e solid;
  border-top: 1px #13686e solid;
  margin-bottom: 60px;
}

/* line 87, ../sass/base/_structure.scss */
.breadcrumbs {
  background-color: #188289;
  padding: 1.5px 0;
}
/* line 91, ../sass/base/_structure.scss */
.breadcrumbs span {
  color: white;
  padding-left: 10px;
  padding-right: 10px;
}

/* line 99, ../sass/base/_structure.scss */
p#breadcrumbs {
  font-family: "Lato", sans-serif;
  font-size: 14px;
  color: white;
}
/* line 104, ../sass/base/_structure.scss */
p#breadcrumbs span span {
  display: inline-block;
  margin-left: -5px;
  color: white;
}
/* line 110, ../sass/base/_structure.scss */
p#breadcrumbs .im {
  display: inline-block;
  padding-right: 5px;
  color: white;
}
/* line 116, ../sass/base/_structure.scss */
p#breadcrumbs a {
  color: white;
  text-decoration: none;
}
/* line 119, ../sass/base/_structure.scss */
p#breadcrumbs a:hover {
  text-decoration: underline;
}

/* line 128, ../sass/base/_structure.scss */
.has-sidebar-left {
  width: 100%;
  max-width: 1110px;
  margin: 0 auto;
}
/* line 132, ../sass/base/_structure.scss */
.has-sidebar-left article, .has-sidebar-left .blog_wrapper {
  float: right;
  width: 68%;
}
/* line 136, ../sass/base/_structure.scss */
.has-sidebar-left aside {
  float: left;
  width: 30%;
}

/* line 142, ../sass/base/_structure.scss */
.has-sidebar-right {
  width: 100%;
  max-width: 1110px;
  margin: 0 auto;
}
/* line 146, ../sass/base/_structure.scss */
.has-sidebar-right article, .has-sidebar-right .blog_wrapper {
  float: left;
  width: 68%;
}
/* line 150, ../sass/base/_structure.scss */
.has-sidebar-right aside {
  float: right;
  width: 30%;
}

/** ================================================================
  *                         BLOG TEMPLATE
  * ============================================================= */
/* line 166, ../sass/base/_structure.scss */
.blog_wrapper {
  width: 68%;
}
/* line 168, ../sass/base/_structure.scss */
.blog_wrapper h1 {
  margin-bottom: 20px;
}
/* line 171, ../sass/base/_structure.scss */
.blog_wrapper a {
  text-decoration: none;
}
/* line 173, ../sass/base/_structure.scss */
.blog_wrapper a:hover {
  color: #13686e;
}
/* line 177, ../sass/base/_structure.scss */
.blog_wrapper .bericht-titel {
  text-align: left;
  margin-left: 10px;
}
/* line 180, ../sass/base/_structure.scss */
.blog_wrapper .bericht-titel a {
  color: #545454;
  font-weight: 900;
  font-size: 17px;
}
/* line 187, ../sass/base/_structure.scss */
.blog_wrapper article {
  float: left;
  width: 100%;
  background-color: white;
  padding: 20px;
  margin-bottom: 20px;
  border: 1px #e4e4e4 solid;
}
/* line 194, ../sass/base/_structure.scss */
.blog_wrapper article img {
  float: left;
  height: auto;
  width: 100%;
}
/* line 201, ../sass/base/_structure.scss */
.blog_wrapper article .bericht-lees-meer {
  float: right;
  margin-top: 10px;
  font-weight: 700;
  padding-right: 15px;
}
/* line 207, ../sass/base/_structure.scss */
.blog_wrapper article .bericht-samenvatting {
  text-align: left;
  margin-left: 10px;
  padding-right: 15px;
}
/* line 212, ../sass/base/_structure.scss */
.blog_wrapper article .bericht-meta {
  text-align: left;
  margin-left: 10px;
}
/* line 216, ../sass/base/_structure.scss */
.blog_wrapper article .bericht-meta .bericht-datum {
  display: none;
}
/* line 219, ../sass/base/_structure.scss */
.blog_wrapper article .bericht-meta span {
  display: inline-block;
  color: #545454;
}
/* line 222, ../sass/base/_structure.scss */
.blog_wrapper article .bericht-meta span i {
  float: left;
  margin-right: 5px;
}
/* line 226, ../sass/base/_structure.scss */
.blog_wrapper article .bericht-meta span a {
  color: #545454;
}
/* line 228, ../sass/base/_structure.scss */
.blog_wrapper article .bericht-meta span a:hover {
  color: #545454;
}
/* line 232, ../sass/base/_structure.scss */
.blog_wrapper article .bericht-meta span.bericht-categorie {
  color: #188289;
  margin-bottom: 20px;
}
/* line 235, ../sass/base/_structure.scss */
.blog_wrapper article .bericht-meta span.bericht-categorie a {
  color: #188289;
  font-size: 14px;
  font-weight: 700;
}
/* line 240, ../sass/base/_structure.scss */
.blog_wrapper article .bericht-meta span.bericht-categorie a:hover {
  color: #13686e;
}
/* line 245, ../sass/base/_structure.scss */
.blog_wrapper article .bericht-meta span.bericht-categorie ul {
  display: inline-block;
  margin-left: 3px;
}
/* line 249, ../sass/base/_structure.scss */
.blog_wrapper article .bericht-meta span.bericht-categorie li {
  display: inline-block;
}
/* line 251, ../sass/base/_structure.scss */
.blog_wrapper article .bericht-meta span.bericht-categorie li:after {
  content: ", ";
  color: #545454;
}
/* line 255, ../sass/base/_structure.scss */
.blog_wrapper article .bericht-meta span.bericht-categorie li:last-of-type:after {
  content: "";
}

/* line 267, ../sass/base/_structure.scss */
.page .blog_wrapper article img, .archive .blog_wrapper article img {
  float: left;
  max-width: 25%;
  margin-right: 20px;
}

/* line 274, ../sass/base/_structure.scss */
.page-404 {
  background-color: white;
  padding: 30px;
}
/* line 278, ../sass/base/_structure.scss */
.page-404 .entry-content {
  margin-top: 20px;
}

/* line 284, ../sass/base/_structure.scss */
.page-template-partialsblog-template-php .wrapper-main {
  background-color: #f1f1f1;
  margin-bottom: 0;
}
/* line 290, ../sass/base/_structure.scss */
.page-template-partialsblog-template-php .blog-bericht .uitgelichte-afbeelding img {
  float: left;
  height: auto;
  width: 100%;
  margin-bottom: 5px;
}

/* line 301, ../sass/base/_structure.scss */
.single-format-standard .wrapper-main {
  background-color: #f1f1f1;
  margin-bottom: 0;
}
/* line 308, ../sass/base/_structure.scss */
.single-format-standard .uitgelichte-afbeelding img {
  float: left;
  height: auto;
  width: 100%;
  margin-bottom: -10px;
}

/* line 323, ../sass/base/_structure.scss */
.category .wrapper-main {
  background-color: #f1f1f1;
  margin-bottom: 0;
}
/* line 329, ../sass/base/_structure.scss */
.category .uitgelichte-afbeelding img {
  margin-bottom: 5px;
}

/* line 337, ../sass/base/_structure.scss */
.blog-pagination {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 40px;
}
/* line 343, ../sass/base/_structure.scss */
.blog-pagination .page-numbers {
  margin-left: 5px;
}
/* line 372, ../sass/base/_structure.scss */
.blog-pagination .current {
  font-size: 14px;
  font-weight: 900;
  color: #13686e;
}

/**
 * CSS voor de styling van controls. Schrijf hier controls zoals buttons & input velden
 *
 * @author 		Brian de Geus - Sebwite
 * @package 	Sebwite/BaseTheme
 * @since		0.1
 * @version     0.2
 */
/* line 13, ../sass/base/_controls.scss */
input[type='submit'],
input[type='button'],
.button,
button {
  display: inline-block;
  height: 45px;
  width: auto;
  margin: 0 auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: #f39c12;
  box-shadow: 0 4px #c66f35;
  position: relative;
  border: 0;
  text-align: center;
  line-height: 45px;
  font-family: lato;
  text-transform: uppercase;
  font-weight: 900;
  color: white;
  text-decoration: none;
  padding-left: 30px;
  padding-right: 30px;
}
/* line 267, ../sass/base/_mixins.scss */
input[type='submit']:hover,
input[type='button']:hover,
.button:hover,
button:hover {
  box-shadow: 0 3px #c66f35;
  top: 1px;
  background: #f39c12;
  color: white;
}
/* line 273, ../sass/base/_mixins.scss */
input[type='submit']:active,
input[type='button']:active,
.button:active,
button:active {
  box-shadow: 0 0px #c66f35;
  top: 4px;
  background: #f39c12;
  color: white;
}

/* line 19, ../sass/base/_controls.scss */
input[type='text'],
input[type='password'],
input[type='email'] {
  display: block;
  padding: 8px 8px;
  color: #545454;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 22px;
  vertical-align: middle;
  background-color: white;
  border: 1px solid #188289;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff);
  background-image: -moz-linear-gradient(#ffffff, #ffffff);
  background-image: -o-linear-gradient(#ffffff, #ffffff);
  background-image: linear-gradient(#ffffff, #ffffff);
}
/* line 321, ../sass/base/_mixins.scss */
input[type='text']:focus,
input[type='password']:focus,
input[type='email']:focus {
  outline: 0;
  border-color: #10595e;
}

/* line 23, ../sass/base/_controls.scss */
input[type='number'] {
  display: block;
  padding: 8px 8px;
  color: #545454;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 22px;
  vertical-align: middle;
  background-color: white;
  border: 1px solid #188289;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff);
  background-image: -moz-linear-gradient(#ffffff, #ffffff);
  background-image: -o-linear-gradient(#ffffff, #ffffff);
  background-image: linear-gradient(#ffffff, #ffffff);
}
/* line 321, ../sass/base/_mixins.scss */
input[type='number']:focus {
  outline: 0;
  border-color: #10595e;
}
/* line 332, ../sass/base/_mixins.scss */
input[type='number']::-webkit-outer-spin-button, input[type='number']::-webkit-inner-spin-button {
  cursor: pointer;
}

/* line 27, ../sass/base/_controls.scss */
textarea {
  display: block;
  padding: 8px 8px;
  color: #545454;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 22px;
  vertical-align: middle;
  background-color: white;
  border: 1px solid #188289;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff);
  background-image: -moz-linear-gradient(#ffffff, #ffffff);
  background-image: -o-linear-gradient(#ffffff, #ffffff);
  background-image: linear-gradient(#ffffff, #ffffff);
}
/* line 321, ../sass/base/_mixins.scss */
textarea:focus {
  outline: 0;
  border-color: #10595e;
}

/* line 31, ../sass/base/_controls.scss */
hr {
  height: 1px;
  margin: 10px 10px;
  border: none;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.1);
}

/* line 35, ../sass/base/_controls.scss */
.blue-button {
  display: inline-block;
  height: 45px;
  width: auto;
  margin: 0 auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: #f39c12;
  box-shadow: 0 4px #c66f35;
  position: relative;
  border: 0;
  text-align: center;
  line-height: 45px;
  font-family: lato;
  text-transform: uppercase;
  font-weight: 900;
  color: white;
  text-decoration: none;
  padding-left: 30px;
  padding-right: 30px;
  display: inline-block;
  height: 45px;
  width: auto;
  margin: 0 auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: #f39c12;
  box-shadow: 0 4px #c66f35;
  position: relative;
  border: 0;
  text-align: center;
  line-height: 45px;
  font-family: lato;
  text-transform: uppercase;
  font-weight: 900;
  color: white;
  text-decoration: none;
  padding-left: 30px;
  padding-right: 30px;
  background: #188289;
  box-shadow: 0 4px #13686e;
  margin-top: 30px;
  margin-bottom: 30px;
}
/* line 267, ../sass/base/_mixins.scss */
.blue-button:hover {
  box-shadow: 0 3px #c66f35;
  top: 1px;
  background: #f39c12;
  color: white;
}
/* line 273, ../sass/base/_mixins.scss */
.blue-button:active {
  box-shadow: 0 0px #c66f35;
  top: 4px;
  background: #f39c12;
  color: white;
}
/* line 267, ../sass/base/_mixins.scss */
.blue-button:hover {
  box-shadow: 0 3px #c66f35;
  top: 1px;
  background: #f39c12;
  color: white;
}
/* line 273, ../sass/base/_mixins.scss */
.blue-button:active {
  box-shadow: 0 0px #c66f35;
  top: 4px;
  background: #f39c12;
  color: white;
}
/* line 288, ../sass/base/_mixins.scss */
.blue-button:hover {
  background: #188289;
  box-shadow: 0 3px #13686e;
  top: 1px;
}
/* line 293, ../sass/base/_mixins.scss */
.blue-button:active {
  box-shadow: 0 0px #13686e;
  top: 4px;
  background: #188289;
}

/**
 * Schrijf hier de styling voor unieke pages of posts. Denk bijvoorbeeld aan page-home, page-41 of post-31
 * 
 * @author 		Brian de Geus - Sebwite
 * @package 	Sebwite/BaseTheme
 * @since		0.1
 * @version     0.3.1
 */
/* Home 
   ========================================================================== */
/**
 * Schrijf hier de styling voor elementen van plugins met hun unieke classes. Bijvoorbeeld Contact Form 7
 * 
 * @author 		Brian de Geus - Sebwite
 * @package 	Sebwite/BaseTheme
 * @since		0.2
 * @version     0.3.1
 */
/* Contact Form 7 
   ========================================================================== */
/* line 13, ../sass/base/_plugins.scss */
.wpcf7 {
  overflow: hidden;
}
/* line 16, ../sass/base/_plugins.scss */
.wpcf7 label.naam, .wpcf7 label.email, .wpcf7 label.onderwerp, .wpcf7 label.bericht {
  background-color: white;
  width: 40px;
  height: 40px;
  float: left;
  vertical-align: center;
  color: white;
  line-height: 40px;
  text-align: center;
  font-size: 24px;
  -moz-border-radius-topleft: 0px;
  -webkit-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
/* line 30, ../sass/base/_plugins.scss */
.wpcf7 span.naam, .wpcf7 span.email, .wpcf7 span.onderwerp, .wpcf7 span.bericht {
  float: left;
}
/* line 34, ../sass/base/_plugins.scss */
.wpcf7 p {
  line-height: 38px;
  overflow: hidden;
}
/* line 39, ../sass/base/_plugins.scss */
.wpcf7 input[type='submit'] {
  float: right;
}
/* line 47, ../sass/base/_plugins.scss */
.wpcf7 input[type='text'],
.wpcf7 input[type='email'],
.wpcf7 input[type='password'],
.wpcf7 textarea {
  width: 100%;
  height: 40px;
  max-width: 400px;
  -moz-border-radius-topleft: 0px;
  -webkit-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
/* line 53, ../sass/base/_plugins.scss */
.wpcf7 input[type='text'].wpcf7-not-valid,
.wpcf7 input[type='email'].wpcf7-not-valid,
.wpcf7 input[type='password'].wpcf7-not-valid,
.wpcf7 textarea.wpcf7-not-valid {
  border-color: #ca3838;
}
/* line 57, ../sass/base/_plugins.scss */
.wpcf7 textarea {
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  height: 100%;
}

/* line 63, ../sass/base/_plugins.scss */
span.wpcf7-form-control-wrap {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 400px;
}

/* line 70, ../sass/base/_plugins.scss */
.wpcf7-display-none {
  display: none;
}

/* line 74, ../sass/base/_plugins.scss */
.wpcf7-not-valid-tip {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  color: transparent !important;
  position: absolute;
  top: 12px;
  right: 15px;
  left: auto;
  z-index: 2;
  background: transparent;
  border: none;
  width: 2px;
  height: 19px;
  padding: 0;
  background-image: url(../images/ic-exclamationmark.png);
  background-repeat: no-repeat;
}

/* line 93, ../sass/base/_plugins.scss */
.wpcf7-form-control-wrap {
  float: right;
}

/* line 98, ../sass/base/_plugins.scss */
.wpcf7-response-output,
.wpcf7-mail-sent-ng {
  border: 0px solid #141414 !important;
  padding: 15px 18px !important;
  margin: 20px 0 !important;
  color: #141414;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  background-color: #545454;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background-color: #f0ecc9 !important;
  border-color: #cfc151;
  color: #cfc151;
}

/* line 103, ../sass/base/_plugins.scss */
.wpcf7-validation-errors,
.wpcf7-spam-blocked {
  border: 0px solid #141414 !important;
  padding: 15px 18px !important;
  margin: 20px 0 !important;
  color: #141414;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  background-color: #545454;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background-color: #eab1b1 !important;
  border-color: #ca3838;
  color: #ca3838;
}

/* line 107, ../sass/base/_plugins.scss */
.wpcf7-mail-sent-ok {
  border: 0px solid #141414 !important;
  padding: 15px 18px !important;
  margin: 20px 0 !important;
  color: #141414;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  background-color: #545454;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background-color: #83dc80;
  border-color: #2e992a !important;
  color: #2e992a;
}

/* line 112, ../sass/base/_plugins.scss */
.wpcf7 {
  float: left;
  width: 100%;
}
/* line 115, ../sass/base/_plugins.scss */
.wpcf7 label {
  float: left;
  cursor: pointer;
  text-align: center;
}
/* line 123, ../sass/base/_plugins.scss */
.wpcf7 label:before {
  position: absolute;
  color: white;
  font-size: 17px;
  line-height: 40px;
  width: 40px;
  height: 40px;
  z-index: 3;
  background-color: #188289;
}
/* line 137, ../sass/base/_plugins.scss */
.wpcf7 p {
  float: left;
  width: 48%;
  margin-bottom: 15px;
}
@media screen and (max-width: 480px) {
  /* line 137, ../sass/base/_plugins.scss */
  .wpcf7 p {
    width: 100%;
    max-width: 400px;
  }
}
/* line 145, ../sass/base/_plugins.scss */
.wpcf7 p:nth-child(even) {
  margin-right: 4%;
}
/* line 148, ../sass/base/_plugins.scss */
.wpcf7 p span {
  max-width: none;
}
/* line 151, ../sass/base/_plugins.scss */
.wpcf7 p.bericht {
  width: 100%;
  margin-right: 0%;
  padding-left: 40px;
}
/* line 155, ../sass/base/_plugins.scss */
.wpcf7 p.bericht label {
  margin-left: -40px;
}
/* line 158, ../sass/base/_plugins.scss */
.wpcf7 p.bericht span {
  width: 100%;
}
/* line 160, ../sass/base/_plugins.scss */
.wpcf7 p.bericht span textarea {
  width: 100%;
  max-width: none;
  resize: vertical;
}
/* line 169, ../sass/base/_plugins.scss */
.wpcf7 input {
  float: left;
  width: 100%;
  padding-left: 50px;
}
/* line 174, ../sass/base/_plugins.scss */
.wpcf7 .submit {
  float: right;
  width: auto;
  overflow: visible;
}
/* line 178, ../sass/base/_plugins.scss */
.wpcf7 .submit input {
  padding-left: 40px;
  padding-right: 40px;
  height: 45px;
}
/* line 186, ../sass/base/_plugins.scss */
.wpcf7 .wpcf7-response-output {
  float: left;
}

/* line 191, ../sass/base/_plugins.scss */
div.wpcf7 img.ajax-loader {
  position: absolute;
  margin-left: -20px;
  margin-top: 20px;
}

/* line 197, ../sass/base/_plugins.scss */
.sub-article-entry .wpcf7 {
  float: none;
}

/* Google Maps
   ========================================================================== */
/* line 204, ../sass/base/_plugins.scss */
.acf-map {
  height: 450px;
  width: 100%;
}
/* line 208, ../sass/base/_plugins.scss */
.acf-map img {
  max-width: inherit;
}

/* line 214, ../sass/base/_plugins.scss */
.maps-tooltip h2 {
  text-align: center;
  font-weight: bold;
}
/* line 219, ../sass/base/_plugins.scss */
.maps-tooltip p {
  margin: 5px 0;
}

/* line 228, ../sass/base/_plugins.scss */
.offerte-form p {
  width: 100%;
}
/* line 232, ../sass/base/_plugins.scss */
.offerte-form .wpcf7 input {
  max-width: 1000px;
}

@media only screen and (max-width: 768px) {
  /* line 244, ../sass/base/_plugins.scss */
  .contact .contact-informatie {
    width: 100%;
  }
  /* line 247, ../sass/base/_plugins.scss */
  .contact .contact-form {
    width: 100%;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 256, ../sass/base/_plugins.scss */
  .offerte .offerte-informatie {
    width: 100%;
  }
  /* line 259, ../sass/base/_plugins.scss */
  .offerte .offerte-form {
    width: 100%;
    margin-top: 30px;
  }
}
/* ==========================================================================
   Header styling
   ========================================================================== */
/* Hoofdmenu
   -------------------------------------------------------------------------- */
@media screen and (min-width: 768px) {
  /* line 11, ../sass/sections/_header.scss */
  .bel-ons {
    height: 135px;
    float: right;
    padding-top: 40px;
  }
  /* line 16, ../sass/sections/_header.scss */
  .bel-ons a {
    text-decoration: none;
  }
  /* line 20, ../sass/sections/_header.scss */
  .bel-ons:before {
    content: "\e756";
    font-family: icomoon;
    color: #188289;
    margin-left: -40px;
    margin-right: 10px;
    font-size: 20px;
    float: left;
  }

  /* line 31, ../sass/sections/_header.scss */
  .email-ons {
    height: 135px;
    float: right;
    padding-top: 40px;
    margin-right: 80px;
  }
  /* line 37, ../sass/sections/_header.scss */
  .email-ons a {
    text-decoration: none;
  }
  /* line 41, ../sass/sections/_header.scss */
  .email-ons:before {
    content: "\e6eb";
    font-family: icomoon;
    font-size: 20px;
    color: #188289;
    margin-left: -40px;
    margin-right: 10px;
    float: left;
  }

  /* line 56, ../sass/sections/_header.scss */
  .header-main {
    width: 100%;
    background-color: white;
    position: absolute;
  }
  /* line 65, ../sass/sections/_header.scss */
  .header-main h1 {
    height: 135px;
    line-height: 135px;
    float: left;
  }

  /* line 72, ../sass/sections/_header.scss */
  .header-content {
    height: 135px;
  }
  /* line 75, ../sass/sections/_header.scss */
  .header-content .logo {
    float: left;
    height: 115px;
    line-height: 115px;
    position: relative;
    top: 26px;
  }
  /* line 81, ../sass/sections/_header.scss */
  .header-content .logo img {
    max-height: 115px;
  }

  /* line 90, ../sass/sections/_header.scss */
  .nav-primary {
    height: 50px;
    float: left;
    width: 100%;
    background-color: #f39c12;
    border-bottom: 1px solid #c66f35;
    border-top: 1px solid #c66f35;
  }
  /* line 99, ../sass/sections/_header.scss */
  .nav-primary h1 {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
  }
  /* line 103, ../sass/sections/_header.scss */
  .nav-primary .primary {
    width: 100%;
    max-width: 1110px;
    margin: 0 auto;
  }
  /* line 109, ../sass/sections/_header.scss */
  .nav-primary > ul > li {
    display: inline-block;
    float: left;
    background-color: #f39c12;
  }
  /* line 113, ../sass/sections/_header.scss */
  .nav-primary > ul > li:hover {
    color: white;
    background-color: #c66f35;
  }
  /* line 118, ../sass/sections/_header.scss */
  .nav-primary > ul > li > a {
    display: inline-block;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    font-weight: 400;
    padding: 0 20px;
    color: white;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none;
  }
  /* line 136, ../sass/sections/_header.scss */
  .nav-primary > ul > li > a:active {
    color: #c66f35;
    background-color: #c66f35;
  }
  /* line 142, ../sass/sections/_header.scss */
  .nav-primary > ul > li > ul.sub-menu {
    margin: 0;
    padding: 0;
    border-top: 1px #c66f35 solid;
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    overflow: hidden;
    text-align: left;
  }
  /* line 153, ../sass/sections/_header.scss */
  .nav-primary > ul > li > ul.sub-menu li {
    display: block;
    float: none;
  }
  /* line 157, ../sass/sections/_header.scss */
  .nav-primary > ul > li > ul.sub-menu li:last-of-type {
    border-bottom: 0px;
  }
  /* line 160, ../sass/sections/_header.scss */
  .nav-primary > ul > li > ul.sub-menu li a {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    width: 100%;
    padding: 0 20px;
    margin: 0;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;
    background-color: white;
    color: #545454;
    background-color: #f1f1f1;
  }
  /* line 174, ../sass/sections/_header.scss */
  .nav-primary > ul > li > ul.sub-menu li a:hover {
    color: #545454;
    background-color: #e4e4e4;
  }
  /* line 179, ../sass/sections/_header.scss */
  .nav-primary > ul > li > ul.sub-menu li a:active {
    color: #e4e4e4;
    background-color: #e4e4e4;
  }
  /* line 186, ../sass/sections/_header.scss */
  .nav-primary > ul > li > ul.sub-menu li:first-of-type > a {
    -webkit-box-shadow: inset 0px 2px 10px -10px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: inset 0px 2px 10px -10px rgba(50, 50, 50, 0.2);
    box-shadow: inset 0px 2px 10px -10px rgba(50, 50, 50, 0.2);
  }
  /* line 190, ../sass/sections/_header.scss */
  .nav-primary > ul > li > ul.sub-menu > li > ul.sub-menu {
    list-style: disc;
  }
  /* line 193, ../sass/sections/_header.scss */
  .nav-primary > ul > li > ul.sub-menu > li > ul.sub-menu > li {
    padding-left: 30px;
  }
  /* line 196, ../sass/sections/_header.scss */
  .nav-primary > ul > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
    list-style: circle;
  }
  /* line 199, ../sass/sections/_header.scss */
  .nav-primary > ul > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li {
    padding-left: 30px;
  }
  /* line 207, ../sass/sections/_header.scss */
  .nav-primary > ul > li:hover > ul.sub-menu {
    display: block;
  }
  /* line 210, ../sass/sections/_header.scss */
  .nav-primary > ul > li:hover > ul.sub-menu ul.sub-menu {
    display: none;
  }
}
/* Responsive menu
   -------------------------------------------------------------------------- */
/* TEMP */
/* TEMP */
@media screen and (max-width: 768px) {
  /* line 235, ../sass/sections/_header.scss */
  .header-main {
    position: inherit;
    height: auto;
  }
  /* line 239, ../sass/sections/_header.scss */
  .header-main.open h1 {
    display: none;
  }

  /* line 243, ../sass/sections/_header.scss */
  h1 {
    width: 100%;
    height: 50px;
    line-height: 50px;
  }

  /* line 250, ../sass/sections/_header.scss */
  .nav-collapse ul {
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    list-style: none;
  }

  /* line 258, ../sass/sections/_header.scss */
  .nav-collapse li {
    width: 100%;
    display: block;
  }

  /* line 263, ../sass/sections/_header.scss */
  .js .nav-collapse {
    clip: rect(0 0 0 0);
    max-height: 0;
    position: absolute;
    display: block;
    overflow: hidden;
    zoom: 1;
  }

  /* line 272, ../sass/sections/_header.scss */
  .nav-collapse.opened {
    max-height: 9999px;
  }

  /* line 276, ../sass/sections/_header.scss */
  .disable-pointer-events {
    pointer-events: none !important;
  }

  /* line 280, ../sass/sections/_header.scss */
  .nav-toggle {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
  }
}
@media screen and (min-width: 768px) {
  /* line 291, ../sass/sections/_header.scss */
  .js .nav-collapse {
    position: relative;
  }

  /* line 294, ../sass/sections/_header.scss */
  .js .nav-collapse.closed {
    max-height: none;
  }

  /* line 297, ../sass/sections/_header.scss */
  .nav-toggle {
    display: none;
  }
}
/* ------------------------------------------
  RESET
--------------------------------------------- */
/*
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }*/
/* ------------------------------------------
  NAVIGATION STYLES
  (+ responsive-nav.css file is loaded in the <head>)
--------------------------------------------- */
@media screen and (max-width: 768px) {
  /* line 319, ../sass/sections/_header.scss */
  .header-content {
    height: 50px;
    background-color: #f39c12;
  }
  /* line 322, ../sass/sections/_header.scss */
  .header-content .logo img {
    max-height: 35px;
    margin-top: 7px;
  }

  /* line 329, ../sass/sections/_header.scss */
  .nav-collapse,
  .nav-collapse ul {
    list-style: none;
    width: 100%;
    float: left;
    z-index: 15;
  }

  /* line 335, ../sass/sections/_header.scss */
  .nav-collapse li {
    float: left;
    width: 100%;
  }

  /* line 341, ../sass/sections/_header.scss */
  .nav-collapse ul a {
    color: #fff;
    text-decoration: none;
    width: 100%;
    background: #188289;
    border-bottom: 1px solid white;
    padding: 10px 2.5%;
    float: left;
  }

  /* line 350, ../sass/sections/_header.scss */
  .nav-collapse ul a:hover {
    background: #0f5358;
    transition: background-color .3s ease;
  }

  /* line 355, ../sass/sections/_header.scss */
  .nav-collapse ul ul a {
    padding-left: 7%;
  }
}
/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */
/* line 366, ../sass/sections/_header.scss */
.nav-toggle {
  position: fixed;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  text-indent: -999px;
  position: absolute;
  overflow: hidden;
  width: 50px;
  height: 50px;
  float: right;
  right: 0;
  top: 0;
}

/* line 387, ../sass/sections/_header.scss */
.nav-toggle:before,
.nav-collapse li.responsive-header a:before {
  background: #188289;
  color: #fff;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  position: absolute;
  font: 400 46px/50px dashicons;
  content: "\f333";
  text-indent: 0;
  text-align: center;
  speak: none;
  width: 50px;
  top: 0;
  right: 0;
  position: absolute;
}

/* line 407, ../sass/sections/_header.scss */
.nav-toggle:hover:before,
.nav-collapse li.responsive-header:hover:before {
  background: #0f5358;
}

/* line 411, ../sass/sections/_header.scss */
.nav-collapse li.responsive-header a:before {
  position: absolute;
  top: 10px;
}

/* line 415, ../sass/sections/_header.scss */
.nav-toggle.active:before {
  position: absolute;
  top: 0;
}

/* line 419, ../sass/sections/_header.scss */
.nav-toggle.active {
  margin-top: -20px;
  position: relative;
}

@media screen and (min-width: 768px) {
  /* line 425, ../sass/sections/_header.scss */
  .nav-collapse li.responsive-header {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  /* line 434, ../sass/sections/_header.scss */
  .nav-collapse {
    margin-top: -14px;
    margin-bottom: 20px;
    margin: 0 0% 20px;
  }

  /* line 439, ../sass/sections/_header.scss */
  .nav-collapse li.responsive-header {
    display: block;
  }

  /* line 442, ../sass/sections/_header.scss */
  .nav-collapse li.responsive-header a {
    background: #fff;
    height: 60px;
  }

  /* line 446, ../sass/sections/_header.scss */
  .header-main {
    position: absolute;
    width: 100%;
    border-top: 7px solid #188289;
  }
  /* line 450, ../sass/sections/_header.scss */
  .header-main.hover {
    border-color: #0f5358;
  }
  /* line 453, ../sass/sections/_header.scss */
  .header-main.open {
    border-width: 0;
  }

  /* line 458, ../sass/sections/_header.scss */
  .searchform {
    background: white;
    display: block;
    height: 57px;
    line-height: 57px;
  }
  /* line 464, ../sass/sections/_header.scss */
  .searchform input {
    float: left;
    height: 38px;
  }
  /* line 468, ../sass/sections/_header.scss */
  .searchform input[type="text"] {
    margin: 9px 0 9px 9px;
  }
  /* line 471, ../sass/sections/_header.scss */
  .searchform input[type="submit"] {
    margin: 9px 0;
  }
  /* line 474, ../sass/sections/_header.scss */
  .searchform a.cust-toggle {
    font: 400 36px/57px dashicons;
    width: 57px;
    height: 57px;
    text-align: center;
    text-decoration: none;
    color: #188289;
    position: absolute;
    right: 0;
    background: 0;
  }
}
/* end max-width 768 */
/* line 493, ../sass/sections/_header.scss */
.fixed {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
}

/* line 502, ../sass/sections/_header.scss */
.nav-collapse,
.nav-collapse * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 507, ../sass/sections/_header.scss */
.container {
  width: 95%;
  margin: 0px auto 20px;
  padding-top: 20px;
}

/* Smooth header
   ========================================================================== */
/* line 522, ../sass/sections/_header.scss */
.smooth-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

/* line 534, ../sass/sections/_header.scss */
.smooth-header .smooth-inner {
  width: 100%;
  max-width: 1110px;
  margin: 0 auto;
  line-height: 135px;
}

/* line 542, ../sass/sections/_header.scss */
.smooth-header h1,
.smooth-header nav {
  display: inline-block;
  position: relative;
}

/* line 547, ../sass/sections/_header.scss */
.smooth-header h1 {
  margin: 0;
  float: left;
  width: 100%;
  position: fixed;
  z-index: -1;
}

/* Transitions and class for reduced height */
/* line 563, ../sass/sections/_header.scss */
.smooth-header h1,
.smooth-header nav a {
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

/* line 567, ../sass/sections/_header.scss */
.smooth-header.smooth-header-shrink {
  height: 185px;
}
/* line 571, ../sass/sections/_header.scss */
.smooth-header.smooth-header-shrink:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* line 577, ../sass/sections/_header.scss */
.smooth-header.smooth-header-shrink h1,
.smooth-header.smooth-header-shrink nav.nav-primary a {
  height: 48px;
  line-height: 48px;
}
/* line 580, ../sass/sections/_header.scss */
.smooth-header.smooth-header-shrink h1:hover:after,
.smooth-header.smooth-header-shrink nav.nav-primary a:hover:after {
  bottom: 18px;
}

/* line 584, ../sass/sections/_header.scss */
.smooth-header.smooth-header-shrink .nav-primary > ul > li.current_page_item a:after {
  bottom: 18px;
}

@media screen and (max-width: 767px) {
  /* line 592, ../sass/sections/_header.scss */
  .smooth-header {
    position: absolute;
  }

  /* line 595, ../sass/sections/_header.scss */
  .smooth-header .smooth-inner {
    padding: 0px;
  }

  /* line 599, ../sass/sections/_header.scss */
  .smooth-header.smooth-header-shrink {
    height: auto;
  }
  /* line 601, ../sass/sections/_header.scss */
  .smooth-header.smooth-header-shrink h1 {
    height: auto;
    line-height: 50px;
  }

  /* line 606, ../sass/sections/_header.scss */
  .smooth-header.smooth-header-shrink nav.nav-primary a {
    height: auto;
    line-height: 25px;
  }

  /* line 611, ../sass/sections/_header.scss */
  .js .nav-collapse-0.opened {
    max-height: 750px;
  }
}
/* End of smooth header
 ================================================================================*/
/* line 619, ../sass/sections/_header.scss */
.title-bg {
  height: 180px;
  width: 100%;
  background-size: 100%;
  background-position: center center;
  position: relative;
}
/* line 627, ../sass/sections/_header.scss */
.title-bg:before {
  min-height: 180px;
  width: 100%;
  background-color: rgba(24, 130, 137, 0.85);
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
}
/* line 638, ../sass/sections/_header.scss */
.title-bg h1 {
  text-align: center;
  line-height: 180px;
  position: relative;
  z-index: 2;
  color: white;
}

/* line 647, ../sass/sections/_header.scss */
.slidesjs-stop, .slidesjs-play {
  display: none !important;
}

/* Media query's Menu Mitchell
 =========================================================================================================================================*/
@media only screen and (max-width: 1130px) {
  /* line 660, ../sass/sections/_header.scss */
  .nav-primary > ul > li > a {
    padding: 0 23px;
  }
}
@media only screen and (max-width: 860px) {
  /* line 666, ../sass/sections/_header.scss */
  .nav-primary > ul > li > a {
    padding: 0 15px;
    font-size: 13px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 672, ../sass/sections/_header.scss */
  .nav-primary > ul > li > a {
    padding: 10px 40px;
    font-size: 13px;
    text-align: left;
    padding-left: 20px;
  }

  /* line 680, ../sass/sections/_header.scss */
  .nav-collapse ul ul a {
    text-align: left;
  }
}
@media only screen and (max-width: 915px) {
  /* line 688, ../sass/sections/_header.scss */
  .bel-ons {
    height: 50px;
    float: right;
    padding-top: 40px;
  }
  /* line 692, ../sass/sections/_header.scss */
  .bel-ons:before {
    content: " ";
  }

  /* line 696, ../sass/sections/_header.scss */
  .email-ons {
    height: 50px;
    float: right;
    padding-top: 40px;
    margin-right: 86px;
  }
  /* line 701, ../sass/sections/_header.scss */
  .email-ons:before {
    content: " ";
  }
}
@media only screen and (max-width: 870px) {
  /* line 707, ../sass/sections/_header.scss */
  .bel-ons {
    padding-top: 20px;
  }

  /* line 710, ../sass/sections/_header.scss */
  .email-ons {
    padding-top: 20px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 716, ../sass/sections/_header.scss */
  .bel-ons {
    display: none;
  }

  /* line 719, ../sass/sections/_header.scss */
  .email-ons {
    display: none;
  }

  /* line 723, ../sass/sections/_header.scss */
  .wrapper-main {
    padding-top: 7px;
  }
  /* line 725, ../sass/sections/_header.scss */
  .wrapper-main .title-bg {
    padding-top: 20px;
  }
  /* line 728, ../sass/sections/_header.scss */
  .wrapper-main .title-bg h1 {
    height: 1px;
    font-size: 20px;
  }

  /* line 735, ../sass/sections/_header.scss */
  .wrapper-bread {
    border-top: black solid 1px;
    margin-bottom: 10px;
  }
}
/**
 * Schrijf hier de styling voor de widgets
 * 
 * @author 		Brian de Geus - Sebwite
 * @package 	Sebwite/BaseTheme
 * @since		0.1
 * @version     0.3.1
 */
/* Generiek 
   ========================================================================== */
/* line 13, ../sass/sections/_widgets.scss */
.widget {
  background-color: #fff;
  padding: 5px 20px;
  padding: 0 0 0px;
  padding-bottom: 20px;
  display: inline-block;
  height: auto;
  width: 100%;
}
/* line 79, ../sass/base/_mixins.scss */
.widget div {
  color: white;
}
/* line 21, ../sass/sections/_widgets.scss */
.widget.filler {
  height: 10px;
}
/* line 25, ../sass/sections/_widgets.scss */
.widget h3.widget-title {
  font-family: "Lato", sans-serif;
  color: #545454;
  background-color: transparent;
  font-size: 20px;
  text-transform: uppercase;
  padding: 15px 15px 0;
}
/* line 29, ../sass/sections/_widgets.scss */
.widget .widget-body {
  padding: 15px;
}

/* line 35, ../sass/sections/_widgets.scss */
.widget_footer_contact_widget span {
  float: left;
  width: 100%;
  padding-left: 40px;
  margin-bottom: 12px;
  color: #f39c12;
}
/* line 42, ../sass/sections/_widgets.scss */
.widget_footer_contact_widget span a {
  text-decoration: none;
  color: #188289;
}
/* line 45, ../sass/sections/_widgets.scss */
.widget_footer_contact_widget span a:hover {
  color: #13686e;
}
/* line 50, ../sass/sections/_widgets.scss */
.widget_footer_contact_widget span:before {
  color: #188289;
  margin-left: -40px;
  float: left;
  font-size: 20px;
}

/* line 63, ../sass/sections/_widgets.scss */
.widget_custom_cf7 .wpcf7 p {
  width: 100%;
}
/* line 65, ../sass/sections/_widgets.scss */
.widget_custom_cf7 .wpcf7 p textarea {
  height: 125px;
}
/* line 68, ../sass/sections/_widgets.scss */
.widget_custom_cf7 .wpcf7 p input[type='submit'] {
  width: auto;
  margin-top: 0px;
}

/* line 77, ../sass/sections/_widgets.scss */
.footer-main .widget h3.widget-title {
  color: white;
  font-size: 17px;
  font-weight: 900;
}
/* line 82, ../sass/sections/_widgets.scss */
.footer-main .widget_footer_contact_widget span {
  color: white;
}
/* line 84, ../sass/sections/_widgets.scss */
.footer-main .widget_footer_contact_widget span a {
  color: #f39c12;
}
/* line 87, ../sass/sections/_widgets.scss */
.footer-main .widget_footer_contact_widget span:before {
  color: #13686e;
}
/* line 91, ../sass/sections/_widgets.scss */
.footer-main .widget_custom_cf7 .wpcf7 p {
  width: 48%;
}

/* line 97, ../sass/sections/_widgets.scss */
.widget_foto_widget ul {
  margin-top: 10px;
}
/* line 102, ../sass/sections/_widgets.scss */
.widget_foto_widget li {
  float: left;
  margin-right: 2%;
  width: 22%;
  max-width: 73px;
}
/* line 111, ../sass/sections/_widgets.scss */
.widget_foto_widget a:hover img {
  border: 0px solid #13686e;
}
/* line 116, ../sass/sections/_widgets.scss */
.widget_foto_widget a img {
  width: 100%;
  border: 2px solid #13686e;
}

/* line 124, ../sass/sections/_widgets.scss */
.widget_theme_my_login input[type="text"], .widget_theme_my_login input[type="password"] {
  width: 100%;
}

/* line 130, ../sass/sections/_widgets.scss */
.widget_linken_widget li {
  padding-left: 30px;
}
/* line 133, ../sass/sections/_widgets.scss */
.widget_linken_widget li:before {
  position: absolute;
  content: "\e6c3";
  font-family: icomoon;
  font-size: 10px;
  color: white;
  margin-left: -30px;
}

/**
 * Schrijf hier de styling voor de sidebar
 * 
 * @author 		Brian de Geus - Sebwite
 * @package 	Sebwite/BaseTheme
 * @since		0.2
 * @version     0.3.1
 */
/* Generiek 
   ========================================================================== */
/* line 13, ../sass/sections/_sidebar.scss */
.sidebar {
  height: auto;
  width: 30%;
  max-width: none;
}
/* line 18, ../sass/sections/_sidebar.scss */
.sidebar.sidebar-right {
  float: right;
}
/* line 21, ../sass/sections/_sidebar.scss */
.sidebar.sidebar-left {
  float: left;
}

/* line 29, ../sass/sections/_sidebar.scss */
#sidebar {
  text-align: left;
  border: 1px #e4e4e4 solid;
  margin-bottom: 50px;
}
/* line 33, ../sass/sections/_sidebar.scss */
#sidebar a {
  color: #188289;
  font-weight: 700;
}
/* line 39, ../sass/sections/_sidebar.scss */
#sidebar a:hover {
  color: #13686e;
}
/* line 45, ../sass/sections/_sidebar.scss */
#sidebar .cat-item a:before {
  content: "\e7c1";
  font-family: icomoon;
  margin-left: -30px;
  margin-right: 20px;
}
/* line 53, ../sass/sections/_sidebar.scss */
#sidebar .widget-title {
  font-weight: 900;
  text-transform: uppercase;
  font-size: 17px;
  padding-left: 25px;
  padding-top: 20px;
}
/* line 60, ../sass/sections/_sidebar.scss */
#sidebar .widget-body {
  padding-left: 25px;
}
/* line 63, ../sass/sections/_sidebar.scss */
#sidebar span {
  color: #545454;
}

@media screen and (max-width: 1140px) {
  /* line 70, ../sass/sections/_sidebar.scss */
  #sidebar {
    margin-left: 20px;
    width: 28%;
  }

  /* line 74, ../sass/sections/_sidebar.scss */
  .blog_wrapper {
    width: 66% !important;
  }
}
@media screen and (max-width: 768px) {
  /* line 81, ../sass/sections/_sidebar.scss */
  #sidebar {
    margin-left: 0px;
    display: none;
  }

  /* line 85, ../sass/sections/_sidebar.scss */
  .blog_wrapper {
    width: 94% !important;
  }
}
@media screen and (max-width: 768px) {
  /* line 94, ../sass/sections/_sidebar.scss */
  #sidebar {
    margin-left: 0px;
    display: none;
  }

  /* line 99, ../sass/sections/_sidebar.scss */
  .blog_wrapper {
    width: 96% !important;
    margin-left: 2%;
    margin-right: 2% !important;
  }
}
/**
 * Schrijf hier de styling voor de entry (het hoofd contentgebied)
 * 
 * @author 		Brian de Geus - Sebwite
 * @package 	Sebwite/BaseTheme
 * @since		0.1
 * @version     0.3.1
 */
/* Generiek 
   ========================================================================== */
/* line 13, ../sass/sections/_entry.scss */
.wrapper-entry {
  background-color: #fff;
  padding: 5px 20px;
  background-color: transparent;
  width: 100%;
  max-width: 1110px;
  background-color: transparent;
}
/* line 21, ../sass/sections/_entry.scss */
.wrapper-entry.entry-left {
  float: left;
  width: 68%;
  max-width: none;
  margin-right: 2%;
}
/* line 27, ../sass/sections/_entry.scss */
.wrapper-entry.entry-right {
  float: right;
  width: 68%;
  max-width: none;
  margin-left: 2%;
}
/* line 33, ../sass/sections/_entry.scss */
.wrapper-entry.entry-wide {
  background-color: #fff;
  padding: 5px 20px;
  width: 100%;
  max-width: none;
  background-color: transparent;
}
/* line 37, ../sass/sections/_entry.scss */
.wrapper-entry .inner-wrapper-entry-wide {
  margin: 0 auto;
  max-width: 1110px;
}
@media only screen and (max-width: 1130px) {
  /* line 37, ../sass/sections/_entry.scss */
  .wrapper-entry .inner-wrapper-entry-wide {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 37, ../sass/sections/_entry.scss */
  .wrapper-entry .inner-wrapper-entry-wide {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* line 29, ../sass/base/_mixins.scss */
.wrapper-entry .inner-wrapper-entry-wide.wide {
  max-width: none;
  float: left;
}
/* line 41, ../sass/sections/_entry.scss */
.wrapper-entry a.entry-image {
  position: relative;
  display: inline-block;
  font: 400 55px/68px dashicons;
  border: 5px #13686e solid;
  margin: 0;
  background-color: #188289;
  -webkit-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition-property: box-shadow;
  -moz-transition-property: box-shadow;
  -o-transition-property: box-shadow;
  transition-property: box-shadow;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
/* line 119, ../sass/base/_mixins.scss */
.wrapper-entry a.entry-image .entry-image-overlay {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.5);
}
/* line 124, ../sass/base/_mixins.scss */
.wrapper-entry a.entry-image img {
  display: block;
  margin: 0;
}
/* line 130, ../sass/base/_mixins.scss */
.wrapper-entry a.entry-image:hover {
  border-color: #13686e;
  -webkit-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
}
/* line 135, ../sass/base/_mixins.scss */
.wrapper-entry a.entry-image:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
/* line 146, ../sass/base/_mixins.scss */
.wrapper-entry a.entry-image:hover:before {
  background: rgba(255, 255, 255, 0.5) no-repeat center;
}
/* line 151, ../sass/base/_mixins.scss */
.wrapper-entry a.entry-image a:before {
  top: 60%;
  position: absolute;
  opacity: 0;
  content: "\f179";
}
/* line 158, ../sass/base/_mixins.scss */
.wrapper-entry a.entry-image:hover a:before {
  content: "\f179";
  position: absolute;
  height: 70px;
  width: 70px;
  background: rgba(150, 204, 25, 0.7);
  text-align: center;
  line-height: 60px;
  top: 50%;
  margin-top: -35px;
  margin-left: -35px;
  left: 50%;
  color: rgba(255, 255, 255, 0.99);
  border-radius: 50px;
  font: 400 55px/68px dashicons;
  opacity: 1;
  -webkit-transition: top 0.4s ease, opacity 0.6s ease;
  -moz-transition: top 0.4s ease, opacity 0.6s ease;
  -o-transition: top 0.4s ease, opacity 0.6s ease;
  transition: top 0.4s ease, opacity 0.6s ease;
}
/* line 45, ../sass/sections/_entry.scss */
.wrapper-entry .gallery .gallery-item .gallery-icon a {
  position: relative;
  display: inline-block;
  font: 400 55px/68px dashicons;
  border: 5px #13686e solid;
  margin: 0;
  background-color: #188289;
  -webkit-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition-property: box-shadow;
  -moz-transition-property: box-shadow;
  -o-transition-property: box-shadow;
  transition-property: box-shadow;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
/* line 119, ../sass/base/_mixins.scss */
.wrapper-entry .gallery .gallery-item .gallery-icon a .entry-image-overlay {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.5);
}
/* line 124, ../sass/base/_mixins.scss */
.wrapper-entry .gallery .gallery-item .gallery-icon a img {
  display: block;
  margin: 0;
}
/* line 130, ../sass/base/_mixins.scss */
.wrapper-entry .gallery .gallery-item .gallery-icon a:hover {
  border-color: #13686e;
  -webkit-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
}
/* line 135, ../sass/base/_mixins.scss */
.wrapper-entry .gallery .gallery-item .gallery-icon a:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
/* line 146, ../sass/base/_mixins.scss */
.wrapper-entry .gallery .gallery-item .gallery-icon a:hover:before {
  background: rgba(255, 255, 255, 0.5) no-repeat center;
}
/* line 151, ../sass/base/_mixins.scss */
.wrapper-entry .gallery .gallery-item .gallery-icon a a:before {
  top: 60%;
  position: absolute;
  opacity: 0;
  content: "\f179";
}
/* line 158, ../sass/base/_mixins.scss */
.wrapper-entry .gallery .gallery-item .gallery-icon a:hover a:before {
  content: "\f179";
  position: absolute;
  height: 70px;
  width: 70px;
  background: rgba(150, 204, 25, 0.7);
  text-align: center;
  line-height: 60px;
  top: 50%;
  margin-top: -35px;
  margin-left: -35px;
  left: 50%;
  color: rgba(255, 255, 255, 0.99);
  border-radius: 50px;
  font: 400 55px/68px dashicons;
  opacity: 1;
  -webkit-transition: top 0.4s ease, opacity 0.6s ease;
  -moz-transition: top 0.4s ease, opacity 0.6s ease;
  -o-transition: top 0.4s ease, opacity 0.6s ease;
  transition: top 0.4s ease, opacity 0.6s ease;
}

/* CPT / single
   ========================================================================== */
/* Archieven
   ========================================================================== */
/**
 * Schrijf hier de styling voor de footer
 * 
 * @author 		Brian de Geus - Sebwite
 * @package 	Sebwite/BaseTheme
 * @since		0.1
 * @version     0.3.1
 */
/* Generiek 
   ========================================================================== */
/* line 10, ../../../../../../../../../../../home/sebadmin/.rvm/gems/ruby-2.1.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/layout/_sticky-footer.scss */
html, body {
  height: 100%;
}

/* line 12, ../../../../../../../../../../../home/sebadmin/.rvm/gems/ruby-2.1.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/layout/_sticky-footer.scss */
#wrapper-global {
  clear: both;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin-bottom: -300px;
}
/* line 18, ../../../../../../../../../../../home/sebadmin/.rvm/gems/ruby-2.1.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/layout/_sticky-footer.scss */
#wrapper-global #footer-push {
  height: 300px;
}

/* line 20, ../../../../../../../../../../../home/sebadmin/.rvm/gems/ruby-2.1.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/layout/_sticky-footer.scss */
#footer-main {
  clear: both;
  position: relative;
  height: 300px;
}

/* line 15, ../sass/sections/_footer.scss */
.footer-main {
  overflow: none;
  background-color: #188289;
  background-image: url("../../assets/images/nlmap.png");
  background-size: 300px;
  background-position: 85%;
  background-repeat: no-repeat;
}
/* line 22, ../sass/sections/_footer.scss */
.footer-main a {
  color: white;
  text-decoration: none;
}
/* line 25, ../sass/sections/_footer.scss */
.footer-main a:hover {
  text-decoration: underline;
}

/* line 31, ../sass/sections/_footer.scss */
.site-info {
  height: 300px;
  line-height: 300px;
  float: right;
  margin-left: 40px;
}

/* line 39, ../sass/sections/_footer.scss */
.footer-content {
  background-color: transparent;
  height: 250px;
}
/* line 42, ../sass/sections/_footer.scss */
.footer-content .widget {
  float: left;
  width: 32%;
  margin-right: 2%;
  background-color: transparent;
  max-height: 230px;
  padding-top: 20px;
  overflow: hidden;
}
/* line 52, ../sass/sections/_footer.scss */
.footer-content .widget h3 {
  padding: 0px;
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 10px;
}
/* line 58, ../sass/sections/_footer.scss */
.footer-content .widget .widget-body {
  padding: 0px;
  color: white;
}
/* line 61, ../sass/sections/_footer.scss */
.footer-content .widget .widget-body p {
  color: white;
}
/* line 66, ../sass/sections/_footer.scss */
.footer-content .widget.widget_custom_cf7 textarea {
  height: 80px;
  resize: none;
}
/* line 70, ../sass/sections/_footer.scss */
.footer-content .widget.widget_custom_cf7 .bericht {
  margin-bottom: 0px;
}

/* line 77, ../sass/sections/_footer.scss */
.footer-bottom {
  background-color: #13686e;
  height: 50px;
  overflow: hidden;
}
/* line 82, ../sass/sections/_footer.scss */
.footer-bottom .wrapper-content {
  background-color: Transparent;
  line-height: 50px;
  color: white;
}
/* line 87, ../sass/sections/_footer.scss */
.footer-bottom .copyright {
  float: left;
  line-height: 50px;
  color: white;
}
/* line 92, ../sass/sections/_footer.scss */
.footer-bottom .author {
  float: right;
  line-height: 50px;
}

@media screen and (max-width: 768px) {
  /* line 99, ../sass/sections/_footer.scss */
  .footer-content {
    height: 700px;
    background-color: #188289;
  }

  /* line 103, ../sass/sections/_footer.scss */
  .footer-content .widget {
    width: 100%;
    text-align: center;
  }
  /* line 106, ../sass/sections/_footer.scss */
  .footer-content .widget .widget-body {
    display: inline-block;
    margin: 0 auto;
  }
  /* line 109, ../sass/sections/_footer.scss */
  .footer-content .widget .widget-body span {
    width: auto;
    clear: both;
  }

  /* line 116, ../sass/sections/_footer.scss */
  .widget_foto_widget ul li {
    float: none;
    display: inline-block;
  }
}
@media screen and (max-width: 500px) {
  /* line 123, ../sass/sections/_footer.scss */
  .footer-bottom {
    height: 100px;
    text-aligN: center;
  }
  /* line 126, ../sass/sections/_footer.scss */
  .footer-bottom .copyright {
    text-align: center;
    padding-top: 30px;
    line-height: 10px;
    widtH: 100%;
  }
  /* line 132, ../sass/sections/_footer.scss */
  .footer-bottom .author {
    text-align: center;
    float: right;
    widtH: 100%;
  }
}
/* line 142, ../sass/sections/_footer.scss */
.widget-body li {
  list-style-type: none;
}
/* line 145, ../sass/sections/_footer.scss */
.widget-body li a {
  color: white;
}
/* line 149, ../sass/sections/_footer.scss */
.widget-body li:before {
  content: "\e7c1";
  font-family: icomoon;
  color: white;
  margin-right: 20px;
}

/* line 159, ../sass/sections/_footer.scss */
h3.seo-widget-title {
  font-family: "Lato", sans-serif;
  color: #545454;
  background-color: transparent;
  font-size: 20px;
  text-transform: uppercase;
  padding: 15px 15px 0;
  padding-bottom: 10px;
  padding-bottom: 10px;
  color: white;
  font-size: 17px;
  font-weight: 900;
}

@media screen and (max-width: 768px) {
  /* line 170, ../sass/sections/_footer.scss */
  .seo-paginas {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  /* line 181, ../sass/sections/_footer.scss */
  .footer-main .seo-paginas {
    width: 100% !important;
  }
}
/**
 * Schrijf hier de styling voor unieke pages of posts. Denk bijvoorbeeld aan page-home, page-41 of post-31
 * 
 * @author 		Brian de Geus - Sebwite
 * @package 	Sebwite/BaseTheme
 * @since		0.1
 * @version     0.3.1
 */
/* Artikelen 
   ========================================================================== */
/* line 14, ../sass/sections/_articles.scss */
.bericht-samenvatting p {
  margin-bottom: 20px;
}
/* line 16, ../sass/sections/_articles.scss */
.bericht-samenvatting p:last-of-type {
  margin-bottom: 0;
}

/* line 24, ../sass/sections/_articles.scss */
.sub-article ul {
  list-style-type: disc;
  margin-left: 40px;
  margin-top: 10px;
}
/* line 30, ../sass/sections/_articles.scss */
.sub-article p {
  margin-bottom: 20px;
}
/* line 34, ../sass/sections/_articles.scss */
.sub-article ol {
  list-style-type: decimal;
  margin-left: 40px;
  margin-top: 10px;
}
/* line 40, ../sass/sections/_articles.scss */
.sub-article h2 {
  padding-bottom: 5px;
}
/* line 42, ../sass/sections/_articles.scss */
.sub-article h2 span {
  font-size: 16px;
  font-weight: 900;
}
/* line 47, ../sass/sections/_articles.scss */
.sub-article h3 {
  padding-bottom: 5px;
}
/* line 49, ../sass/sections/_articles.scss */
.sub-article h3 span {
  font-size: 16px;
  font-weight: 400;
}
/* line 54, ../sass/sections/_articles.scss */
.sub-article h4 {
  padding-bottom: 5px;
}
/* line 56, ../sass/sections/_articles.scss */
.sub-article h4 span {
  font-size: 16px;
  font-weight: 300;
}
/* line 66, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.text-two {
  margin-left: -2.5%;
}
/* line 69, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.text-two .col {
  float: left;
  width: 47.5%;
  margin-left: 2.5%;
}
@media only screen and (max-width: 500px) {
  /* line 66, ../sass/sections/_articles.scss */
  .sub-article .sub-article-entry.text-two {
    margin-left: 0%;
  }
  /* line 78, ../sass/sections/_articles.scss */
  .sub-article .sub-article-entry.text-two .col {
    float: none;
    width: 100%;
    margin-left: 0;
  }
}
/* line 86, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.text-three {
  margin-left: -2.5%;
}
/* line 89, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.text-three .col {
  float: left;
  width: 30.5%;
  margin-left: 2.5%;
}
@media only screen and (max-width: 782px) {
  /* line 86, ../sass/sections/_articles.scss */
  .sub-article .sub-article-entry.text-three {
    margin-left: 0;
  }
  /* line 98, ../sass/sections/_articles.scss */
  .sub-article .sub-article-entry.text-three .col {
    float: none;
    width: 100%;
    margin-left: 0;
  }
}
/* line 110, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.text-image .image img {
  max-width: 100%;
  height: auto;
}
/* line 115, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.text-image .image.no-style {
  position: relative;
  display: inline-block;
  font: 400 55px/68px dashicons;
  border: 5px #13686e solid;
  margin: 0;
  background-color: #188289;
  -webkit-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition-property: box-shadow;
  -moz-transition-property: box-shadow;
  -o-transition-property: box-shadow;
  transition-property: box-shadow;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-top: 10px;
  width: 48.75%;
}
/* line 119, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.text-image .image.no-style .entry-image-overlay {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.5);
}
/* line 124, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.text-image .image.no-style img {
  display: block;
  margin: 0;
}
/* line 130, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.text-image .image.no-style:hover {
  border-color: #13686e;
  -webkit-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
}
/* line 135, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.text-image .image.no-style:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
/* line 146, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.text-image .image.no-style:hover:before {
  background: rgba(255, 255, 255, 0.5) no-repeat center;
}
/* line 151, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.text-image .image.no-style a:before {
  top: 60%;
  position: absolute;
  opacity: 0;
  content: "\f179";
}
/* line 158, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.text-image .image.no-style:hover a:before {
  content: "\f179";
  position: absolute;
  height: 70px;
  width: 70px;
  background: rgba(150, 204, 25, 0.7);
  text-align: center;
  line-height: 60px;
  top: 50%;
  margin-top: -35px;
  margin-left: -35px;
  left: 50%;
  color: rgba(255, 255, 255, 0.99);
  border-radius: 50px;
  font: 400 55px/68px dashicons;
  opacity: 1;
  -webkit-transition: top 0.4s ease, opacity 0.6s ease;
  -moz-transition: top 0.4s ease, opacity 0.6s ease;
  -o-transition: top 0.4s ease, opacity 0.6s ease;
  transition: top 0.4s ease, opacity 0.6s ease;
}
/* line 121, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.text-image .image.image-style {
  position: relative;
  display: inline-block;
  font: 400 55px/68px dashicons;
  border: 5px #13686e solid;
  margin: 0;
  background-color: #188289;
  -webkit-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition-property: box-shadow;
  -moz-transition-property: box-shadow;
  -o-transition-property: box-shadow;
  transition-property: box-shadow;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  margin-top: 10px;
  width: 48.75%;
}
/* line 119, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.text-image .image.image-style .entry-image-overlay {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.5);
}
/* line 124, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.text-image .image.image-style img {
  display: block;
  margin: 0;
}
/* line 130, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.text-image .image.image-style:hover {
  border-color: #13686e;
  -webkit-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
}
/* line 135, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.text-image .image.image-style:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
/* line 146, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.text-image .image.image-style:hover:before {
  background: rgba(255, 255, 255, 0.5) no-repeat center;
}
/* line 151, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.text-image .image.image-style a:before {
  top: 60%;
  position: absolute;
  opacity: 0;
  content: "\f179";
}
/* line 158, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.text-image .image.image-style:hover a:before {
  content: "\f179";
  position: absolute;
  height: 70px;
  width: 70px;
  background: rgba(150, 204, 25, 0.7);
  text-align: center;
  line-height: 60px;
  top: 50%;
  margin-top: -35px;
  margin-left: -35px;
  left: 50%;
  color: rgba(255, 255, 255, 0.99);
  border-radius: 50px;
  font: 400 55px/68px dashicons;
  opacity: 1;
  -webkit-transition: top 0.4s ease, opacity 0.6s ease;
  -moz-transition: top 0.4s ease, opacity 0.6s ease;
  -o-transition: top 0.4s ease, opacity 0.6s ease;
  transition: top 0.4s ease, opacity 0.6s ease;
}
/* line 128, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.text-image .image.page-link:hover:before {
  display: none;
}
/* line 131, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.text-image .image.page-link:hover a:before {
  display: none;
}
/* line 136, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.text-image .image.external-link:hover a:before {
  content: "\f242" !important;
}
/* line 141, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.text-image .image.no-link:hover {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 145, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.text-image .image.no-link:hover:before {
  display: none;
}
/* line 153, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.text-image.image-right p {
  width: 48.75%;
}
/* line 156, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.text-image.image-right .image {
  float: right;
}
/* line 161, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.text-image.image-left p {
  margin-left: 51.25%;
  width: 48.75%;
}
/* line 165, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.text-image.image-left .image {
  float: left;
}
@media only screen and (max-width: 782px) {
  /* line 174, ../sass/sections/_articles.scss */
  .sub-article .sub-article-entry.text-image.image-right p, .sub-article .sub-article-entry.text-image.image-left p {
    margin: 0;
    width: auto;
    float: none;
  }
  /* line 181, ../sass/sections/_articles.scss */
  .sub-article .sub-article-entry.text-image.image-right .image {
    margin-left: 2.5%;
  }
  /* line 184, ../sass/sections/_articles.scss */
  .sub-article .sub-article-entry.text-image.image-left .image {
    margin-right: 2.5%;
  }
}
@media only screen and (max-width: 500px) {
  /* line 191, ../sass/sections/_articles.scss */
  .sub-article .sub-article-entry.text-image.image-right .image {
    width: 100%;
    margin: 0;
    float: none;
  }
  /* line 196, ../sass/sections/_articles.scss */
  .sub-article .sub-article-entry.text-image.image-left .image {
    width: 100%;
    margin: 0;
    float: none;
  }
}
/* line 204, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.extra-header {
  /* Geen aanpassingen */
}
/* line 209, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.image img {
  max-width: 100%;
  height: auto;
}
/* line 213, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.image.no-style {
  position: relative;
  display: inline-block;
  font: 400 55px/68px dashicons;
  border: 5px #13686e solid;
  margin: 0;
  background-color: #188289;
  -webkit-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition-property: box-shadow;
  -moz-transition-property: box-shadow;
  -o-transition-property: box-shadow;
  transition-property: box-shadow;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 119, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.image.no-style .entry-image-overlay {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.5);
}
/* line 124, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.image.no-style img {
  display: block;
  margin: 0;
}
/* line 130, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.image.no-style:hover {
  border-color: #13686e;
  -webkit-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
}
/* line 135, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.image.no-style:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
/* line 146, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.image.no-style:hover:before {
  background: rgba(255, 255, 255, 0.5) no-repeat center;
}
/* line 151, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.image.no-style a:before {
  top: 60%;
  position: absolute;
  opacity: 0;
  content: "\f179";
}
/* line 158, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.image.no-style:hover a:before {
  content: "\f179";
  position: absolute;
  height: 70px;
  width: 70px;
  background: rgba(150, 204, 25, 0.7);
  text-align: center;
  line-height: 60px;
  top: 50%;
  margin-top: -35px;
  margin-left: -35px;
  left: 50%;
  color: rgba(255, 255, 255, 0.99);
  border-radius: 50px;
  font: 400 55px/68px dashicons;
  opacity: 1;
  -webkit-transition: top 0.4s ease, opacity 0.6s ease;
  -moz-transition: top 0.4s ease, opacity 0.6s ease;
  -o-transition: top 0.4s ease, opacity 0.6s ease;
  transition: top 0.4s ease, opacity 0.6s ease;
}
/* line 216, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.image.image-style {
  position: relative;
  display: inline-block;
  font: 400 55px/68px dashicons;
  border: 5px #13686e solid;
  margin: 0;
  background-color: #188289;
  -webkit-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition-property: box-shadow;
  -moz-transition-property: box-shadow;
  -o-transition-property: box-shadow;
  transition-property: box-shadow;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
/* line 119, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.image.image-style .entry-image-overlay {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.5);
}
/* line 124, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.image.image-style img {
  display: block;
  margin: 0;
}
/* line 130, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.image.image-style:hover {
  border-color: #13686e;
  -webkit-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
}
/* line 135, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.image.image-style:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
/* line 146, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.image.image-style:hover:before {
  background: rgba(255, 255, 255, 0.5) no-repeat center;
}
/* line 151, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.image.image-style a:before {
  top: 60%;
  position: absolute;
  opacity: 0;
  content: "\f179";
}
/* line 158, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.image.image-style:hover a:before {
  content: "\f179";
  position: absolute;
  height: 70px;
  width: 70px;
  background: rgba(150, 204, 25, 0.7);
  text-align: center;
  line-height: 60px;
  top: 50%;
  margin-top: -35px;
  margin-left: -35px;
  left: 50%;
  color: rgba(255, 255, 255, 0.99);
  border-radius: 50px;
  font: 400 55px/68px dashicons;
  opacity: 1;
  -webkit-transition: top 0.4s ease, opacity 0.6s ease;
  -moz-transition: top 0.4s ease, opacity 0.6s ease;
  -o-transition: top 0.4s ease, opacity 0.6s ease;
  transition: top 0.4s ease, opacity 0.6s ease;
}
/* line 220, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.image.page-link:hover:before {
  display: none;
}
/* line 223, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.image.page-link:hover a:before {
  display: none;
}
/* line 228, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.image.external-link:hover a:before {
  content: "\f242" !important;
}
/* line 233, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.image.no-link:hover {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
  border: 5px #13686e solid;
}
/* line 237, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.image.no-link:hover:before {
  display: none;
}
/* line 245, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.two-images {
  margin-left: -2.5%;
}
/* line 247, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.two-images img {
  max-width: 100%;
  height: auto;
}
/* line 251, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.two-images .image {
  margin-bottom: 10px;
}
/* line 254, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.two-images .image.no-style {
  position: relative;
  display: inline-block;
  font: 400 55px/68px dashicons;
  border: 5px #13686e solid;
  margin: 0;
  background-color: #188289;
  -webkit-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition-property: box-shadow;
  -moz-transition-property: box-shadow;
  -o-transition-property: box-shadow;
  transition-property: box-shadow;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-left: 2.5%;
  width: 47.5%;
  float: left;
}
/* line 119, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.two-images .image.no-style .entry-image-overlay {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.5);
}
/* line 124, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.two-images .image.no-style img {
  display: block;
  margin: 0;
}
/* line 130, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.two-images .image.no-style:hover {
  border-color: #13686e;
  -webkit-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
}
/* line 135, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.two-images .image.no-style:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
/* line 146, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.two-images .image.no-style:hover:before {
  background: rgba(255, 255, 255, 0.5) no-repeat center;
}
/* line 151, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.two-images .image.no-style a:before {
  top: 60%;
  position: absolute;
  opacity: 0;
  content: "\f179";
}
/* line 158, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.two-images .image.no-style:hover a:before {
  content: "\f179";
  position: absolute;
  height: 70px;
  width: 70px;
  background: rgba(150, 204, 25, 0.7);
  text-align: center;
  line-height: 60px;
  top: 50%;
  margin-top: -35px;
  margin-left: -35px;
  left: 50%;
  color: rgba(255, 255, 255, 0.99);
  border-radius: 50px;
  font: 400 55px/68px dashicons;
  opacity: 1;
  -webkit-transition: top 0.4s ease, opacity 0.6s ease;
  -moz-transition: top 0.4s ease, opacity 0.6s ease;
  -o-transition: top 0.4s ease, opacity 0.6s ease;
  transition: top 0.4s ease, opacity 0.6s ease;
}
/* line 262, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.two-images .image.image-style {
  position: relative;
  display: inline-block;
  font: 400 55px/68px dashicons;
  border: 5px #13686e solid;
  margin: 0;
  background-color: #188289;
  -webkit-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition-property: box-shadow;
  -moz-transition-property: box-shadow;
  -o-transition-property: box-shadow;
  transition-property: box-shadow;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  margin-left: 2.5%;
  width: 47.5%;
  float: left;
}
/* line 119, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.two-images .image.image-style .entry-image-overlay {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.5);
}
/* line 124, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.two-images .image.image-style img {
  display: block;
  margin: 0;
}
/* line 130, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.two-images .image.image-style:hover {
  border-color: #13686e;
  -webkit-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
}
/* line 135, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.two-images .image.image-style:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
/* line 146, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.two-images .image.image-style:hover:before {
  background: rgba(255, 255, 255, 0.5) no-repeat center;
}
/* line 151, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.two-images .image.image-style a:before {
  top: 60%;
  position: absolute;
  opacity: 0;
  content: "\f179";
}
/* line 158, ../sass/base/_mixins.scss */
.sub-article .sub-article-entry.two-images .image.image-style:hover a:before {
  content: "\f179";
  position: absolute;
  height: 70px;
  width: 70px;
  background: rgba(150, 204, 25, 0.7);
  text-align: center;
  line-height: 60px;
  top: 50%;
  margin-top: -35px;
  margin-left: -35px;
  left: 50%;
  color: rgba(255, 255, 255, 0.99);
  border-radius: 50px;
  font: 400 55px/68px dashicons;
  opacity: 1;
  -webkit-transition: top 0.4s ease, opacity 0.6s ease;
  -moz-transition: top 0.4s ease, opacity 0.6s ease;
  -o-transition: top 0.4s ease, opacity 0.6s ease;
  transition: top 0.4s ease, opacity 0.6s ease;
}
/* line 271, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.two-images .image.page-link:hover:before {
  display: none;
}
/* line 274, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.two-images .image.page-link:hover a:before {
  display: none;
}
/* line 280, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.two-images .image.external-link:hover a:before {
  content: "\f242" !important;
}
/* line 285, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.two-images .image.no-link:hover {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
  border: 5px #13686e solid;
}
/* line 289, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.two-images .image.no-link:hover:before {
  display: none;
}
@media only screen and (max-width: 500px) {
  /* line 300, ../sass/sections/_articles.scss */
  .sub-article .sub-article-entry.two-images .image.no-style {
    position: relative;
    display: inline-block;
    font: 400 55px/68px dashicons;
    border: 5px #13686e solid;
    margin: 0;
    background-color: #188289;
    -webkit-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition-property: box-shadow;
    -moz-transition-property: box-shadow;
    -o-transition-property: box-shadow;
    transition-property: box-shadow;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100%;
    margin: 0;
    float: none;
  }
  /* line 119, ../sass/base/_mixins.scss */
  .sub-article .sub-article-entry.two-images .image.no-style .entry-image-overlay {
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.5);
  }
  /* line 124, ../sass/base/_mixins.scss */
  .sub-article .sub-article-entry.two-images .image.no-style img {
    display: block;
    margin: 0;
  }
  /* line 130, ../sass/base/_mixins.scss */
  .sub-article .sub-article-entry.two-images .image.no-style:hover {
    border-color: #13686e;
    -webkit-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
  }
  /* line 135, ../sass/base/_mixins.scss */
  .sub-article .sub-article-entry.two-images .image.no-style:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
  }
  /* line 146, ../sass/base/_mixins.scss */
  .sub-article .sub-article-entry.two-images .image.no-style:hover:before {
    background: rgba(255, 255, 255, 0.5) no-repeat center;
  }
  /* line 151, ../sass/base/_mixins.scss */
  .sub-article .sub-article-entry.two-images .image.no-style a:before {
    top: 60%;
    position: absolute;
    opacity: 0;
    content: "\f179";
  }
  /* line 158, ../sass/base/_mixins.scss */
  .sub-article .sub-article-entry.two-images .image.no-style:hover a:before {
    content: "\f179";
    position: absolute;
    height: 70px;
    width: 70px;
    background: rgba(150, 204, 25, 0.7);
    text-align: center;
    line-height: 60px;
    top: 50%;
    margin-top: -35px;
    margin-left: -35px;
    left: 50%;
    color: rgba(255, 255, 255, 0.99);
    border-radius: 50px;
    font: 400 55px/68px dashicons;
    opacity: 1;
    -webkit-transition: top 0.4s ease, opacity 0.6s ease;
    -moz-transition: top 0.4s ease, opacity 0.6s ease;
    -o-transition: top 0.4s ease, opacity 0.6s ease;
    transition: top 0.4s ease, opacity 0.6s ease;
  }
  /* line 308, ../sass/sections/_articles.scss */
  .sub-article .sub-article-entry.two-images .image.image-style {
    position: relative;
    display: inline-block;
    font: 400 55px/68px dashicons;
    border: 5px #13686e solid;
    margin: 0;
    background-color: #188289;
    -webkit-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition-property: box-shadow;
    -moz-transition-property: box-shadow;
    -o-transition-property: box-shadow;
    transition-property: box-shadow;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    width: 100%;
    margin: 0;
    float: none;
  }
  /* line 119, ../sass/base/_mixins.scss */
  .sub-article .sub-article-entry.two-images .image.image-style .entry-image-overlay {
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.5);
  }
  /* line 124, ../sass/base/_mixins.scss */
  .sub-article .sub-article-entry.two-images .image.image-style img {
    display: block;
    margin: 0;
  }
  /* line 130, ../sass/base/_mixins.scss */
  .sub-article .sub-article-entry.two-images .image.image-style:hover {
    border-color: #13686e;
    -webkit-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
  }
  /* line 135, ../sass/base/_mixins.scss */
  .sub-article .sub-article-entry.two-images .image.image-style:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
  }
  /* line 146, ../sass/base/_mixins.scss */
  .sub-article .sub-article-entry.two-images .image.image-style:hover:before {
    background: rgba(255, 255, 255, 0.5) no-repeat center;
  }
  /* line 151, ../sass/base/_mixins.scss */
  .sub-article .sub-article-entry.two-images .image.image-style a:before {
    top: 60%;
    position: absolute;
    opacity: 0;
    content: "\f179";
  }
  /* line 158, ../sass/base/_mixins.scss */
  .sub-article .sub-article-entry.two-images .image.image-style:hover a:before {
    content: "\f179";
    position: absolute;
    height: 70px;
    width: 70px;
    background: rgba(150, 204, 25, 0.7);
    text-align: center;
    line-height: 60px;
    top: 50%;
    margin-top: -35px;
    margin-left: -35px;
    left: 50%;
    color: rgba(255, 255, 255, 0.99);
    border-radius: 50px;
    font: 400 55px/68px dashicons;
    opacity: 1;
    -webkit-transition: top 0.4s ease, opacity 0.6s ease;
    -moz-transition: top 0.4s ease, opacity 0.6s ease;
    -o-transition: top 0.4s ease, opacity 0.6s ease;
    transition: top 0.4s ease, opacity 0.6s ease;
  }
}
/* line 321, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.extra-margin.small {
  height: 20px;
  min-height: 20px;
}
/* line 325, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.extra-margin.medium {
  height: 40px;
  min-height: 40px;
}
/* line 329, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.extra-margin.large {
  height: 60px;
  min-height: 60px;
}
/* line 333, ../sass/sections/_articles.scss */
.sub-article .sub-article-entry.extra-margin.x-large {
  height: 100px;
  min-height: 100px;
}

/* line 340, ../sass/sections/_articles.scss */
.sub-article.gallery {
  float: left;
  margin-bottom: 20px;
  widtH: 100%;
}
/* line 344, ../sass/sections/_articles.scss */
.sub-article.gallery .wrapper-content.wide {
  padding: 0px;
}
/* line 346, ../sass/sections/_articles.scss */
.sub-article.gallery .wrapper-content.wide.wit {
  background-color: white;
}
/* line 348, ../sass/sections/_articles.scss */
.sub-article.gallery .wrapper-content.wide.wit .wrapper-content {
  background-color: transparent;
}
/* line 353, ../sass/sections/_articles.scss */
.sub-article.gallery .wrapper-content.wide.grijs {
  background-color: #f4f4f4;
}
/* line 355, ../sass/sections/_articles.scss */
.sub-article.gallery .wrapper-content.wide.grijs .wrapper-content {
  background-color: transparent;
}
/* line 360, ../sass/sections/_articles.scss */
.sub-article.gallery .wrapper-content.wide .wrapper-content {
  padding: 0px;
}
/* line 364, ../sass/sections/_articles.scss */
.sub-article.gallery .call-to-action {
  background-color: #f1f1f1;
  width: 100%;
  height: 80px;
  line-height: 80px;
  margin-top: 0px;
}
/* line 370, ../sass/sections/_articles.scss */
.sub-article.gallery .call-to-action .wrapper-content {
  background-color: transparent;
  line-height: 80px;
  color: #13686e;
  text-aligN: right;
}
/* line 376, ../sass/sections/_articles.scss */
.sub-article.gallery .call-to-action a {
  line-height: 30px;
  right: 0px;
  margin-left: 20px;
}

/* line 386, ../sass/sections/_articles.scss */
.gallery-carousel ul {
  list-style: none;
  margin: 0;
  padding: 20px 0 0;
}
/* line 391, ../sass/sections/_articles.scss */
.gallery-carousel ul li {
  width: 18%;
  display: inline-block;
  margin-left: 1.5%;
  margin-bottom: 1%;
}
/* line 398, ../sass/sections/_articles.scss */
.gallery-carousel ul li .image {
  position: relative;
  display: inline-block;
  font: 400 55px/68px dashicons;
  border: 5px #13686e solid;
  margin: 0;
  background-color: #188289;
  -webkit-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition-property: box-shadow;
  -moz-transition-property: box-shadow;
  -o-transition-property: box-shadow;
  transition-property: box-shadow;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  width: 100%;
}
/* line 119, ../sass/base/_mixins.scss */
.gallery-carousel ul li .image .entry-image-overlay {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.5);
}
/* line 124, ../sass/base/_mixins.scss */
.gallery-carousel ul li .image img {
  display: block;
  margin: 0;
}
/* line 130, ../sass/base/_mixins.scss */
.gallery-carousel ul li .image:hover {
  border-color: #13686e;
  -webkit-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.4);
}
/* line 135, ../sass/base/_mixins.scss */
.gallery-carousel ul li .image:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
/* line 146, ../sass/base/_mixins.scss */
.gallery-carousel ul li .image:hover:before {
  background: rgba(255, 255, 255, 0.5) no-repeat center;
}
/* line 151, ../sass/base/_mixins.scss */
.gallery-carousel ul li .image a:before {
  top: 60%;
  position: absolute;
  opacity: 0;
  content: "\f179";
}
/* line 158, ../sass/base/_mixins.scss */
.gallery-carousel ul li .image:hover a:before {
  content: "\f179";
  position: absolute;
  height: 70px;
  width: 70px;
  background: rgba(150, 204, 25, 0.7);
  text-align: center;
  line-height: 60px;
  top: 50%;
  margin-top: -35px;
  margin-left: -35px;
  left: 50%;
  color: rgba(255, 255, 255, 0.99);
  border-radius: 50px;
  font: 400 55px/68px dashicons;
  opacity: 1;
  -webkit-transition: top 0.4s ease, opacity 0.6s ease;
  -moz-transition: top 0.4s ease, opacity 0.6s ease;
  -o-transition: top 0.4s ease, opacity 0.6s ease;
  transition: top 0.4s ease, opacity 0.6s ease;
}
@media only screen and (max-width: 500px) {
  /* line 398, ../sass/sections/_articles.scss */
  .gallery-carousel ul li .image {
    border: 2px solid #13686e;
  }
  /* line 403, ../sass/sections/_articles.scss */
  .gallery-carousel ul li .image a:before {
    content: "" !important;
    background: none !important;
  }
}
/* line 408, ../sass/sections/_articles.scss */
.gallery-carousel ul li .image img {
  width: 100%;
  height: auto;
}

/* Scroll effect
   ========================================================================== */
/* line 421, ../sass/sections/_articles.scss */
.scroll-effect .shadow {
  -webkit-box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  height: 20px;
  z-index: 10000;
}

/* line 430, ../sass/sections/_articles.scss */
.scroll-effect .wrapper-entry.entry-wide {
  background-color: inherit;
  padding: 0;
}

/* line 435, ../sass/sections/_articles.scss */
.scroll-effect .wrapper-entry.entry-wide .text-wrapper {
  margin-top: 6%;
}

/* line 440, ../sass/sections/_articles.scss */
.se-slide-left.text-wrapper h2,
.se-slide-left.text-wrapper p {
  padding-left: 20%;
  padding-right: 5%;
}

/* line 447, ../sass/sections/_articles.scss */
.se-slide-right.text-wrapper h2,
.se-slide-right.text-wrapper p {
  padding-right: 20%;
  padding-left: 5%;
}

/* line 457, ../sass/sections/_articles.scss */
.scroll-effect {
  position: relative;
  overflow: hidden;
}

/* Sides */
/* line 463, ../sass/sections/_articles.scss */
.se-slide {
  width: 50%;
  float: left;
  margin: 0;
  overflow: hidden;
  position: relative;
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  -moz-transition: -moz-transform 0.5s, opacity 0.5s;
  -o-transition: -o-transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
}

/* line 473, ../sass/sections/_articles.scss */
.se-float-right {
  float: right;
}

/* line 474, ../sass/sections/_articles.scss */
.se-float-left {
  float: left;
}

/* line 475, ../sass/sections/_articles.scss */
.se-slide-right {
  text-align: left;
}

/* line 476, ../sass/sections/_articles.scss */
.se-slide-left {
  text-align: right;
}

/* line 477, ../sass/sections/_articles.scss */
.se-slide-right img {
  float: left;
}

/* line 478, ../sass/sections/_articles.scss */
.se-slide-left img {
  float: right;
}

/* Initial state (hidden or anything else) */
/* line 481, ../sass/sections/_articles.scss */
.se-init .se-slide {
  opacity: 0;
}

/* line 485, ../sass/sections/_articles.scss */
.se-slide-left .image-wrapper {
  float: right;
  position: relative;
}

/* line 489, ../sass/sections/_articles.scss */
.se-slide-right .image-wrapper {
  float: left;
  position: relative;
}

/* Overlay */
/* line 495, ../sass/sections/_articles.scss */
.se-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* line 509, ../sass/sections/_articles.scss */
.se-init .se-slide-left {
  -webkit-transform: translateX(-80px);
  -moz-transform: translateX(-80px);
  -ms-transform: translateX(-80px);
  -o-transform: translateX(-80px);
  transform: translateX(-80px);
}

/* line 513, ../sass/sections/_articles.scss */
.se-init .se-slide-right {
  -webkit-transform: translateX(80px);
  -moz-transform: translateX(80px);
  -ms-transform: translateX(80px);
  -o-transform: translateX(80px);
  transform: translateX(80px);
}

/* Animated state */
/* add you final states (transition) or your effects (animations) for each side */
/* line 520, ../sass/sections/_articles.scss */
.scroll-effect.se-animate .se-slide-left,
.scroll-effect.se-animate .se-slide-right {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}

/* For example, add a delay for the right side: */
/* line 526, ../sass/sections/_articles.scss */
.scroll-effect.se-animate .text-wrapper {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

/* */
/* Media queries */
@media screen and (min-width: 1440px) {
  /* Large screens */
  /* line 537, ../sass/sections/_articles.scss */
  .scroll-effect .wrapper-entry.entry-wide .text-wrapper {
    margin-top: 4%;
  }

  /* line 542, ../sass/sections/_articles.scss */
  .se-slide-left.text-wrapper h2,
  .se-slide-left.text-wrapper p {
    padding-left: 35%;
    padding-right: 5%;
  }

  /* line 549, ../sass/sections/_articles.scss */
  .se-slide-right.text-wrapper h2,
  .se-slide-right.text-wrapper p {
    padding-right: 35%;
    padding-left: 5%;
  }
}
@media screen and (max-width: 1140px) {
  /* line 557, ../sass/sections/_articles.scss */
  .scroll-effect .wrapper-entry.entry-wide .text-wrapper {
    margin-top: 4%;
  }

  /* line 564, ../sass/sections/_articles.scss */
  .se-slide-left.text-wrapper h2,
  .se-slide-left.text-wrapper p,
  .se-slide-right.text-wrapper h2,
  .se-slide-right.text-wrapper p {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media screen and (max-width: 960px) {
  /* line 571, ../sass/sections/_articles.scss */
  .scroll-effect .wrapper-entry.entry-wide .text-wrapper {
    margin-top: 15px;
  }

  /* line 574, ../sass/sections/_articles.scss */
  .text-wrapper h2 {
    font-size: 11px;
  }

  /* line 577, ../sass/sections/_articles.scss */
  .text-wrapper p {
    font-size: 13px;
    margin: 0;
  }

  /* line 581, ../sass/sections/_articles.scss */
  .scroll-effect .wrapper-entry img {
    min-height: 300px;
  }
}
@media screen and (max-width: 768px) {
  /* line 587, ../sass/sections/_articles.scss */
  .se-slide {
    width: 100%;
  }
  /* line 590, ../sass/sections/_articles.scss */
  .se-slide .image-wrapper {
    float: none;
  }
  /* line 593, ../sass/sections/_articles.scss */
  .se-slide .image-wrapper .se-overlay {
    display: none;
  }
  /* line 596, ../sass/sections/_articles.scss */
  .se-slide .image-wrapper img {
    display: block;
    float: none;
    width: 100%;
    min-height: inherit;
    margin: 20px auto 0 auto;
  }
  /* line 604, ../sass/sections/_articles.scss */
  .se-slide.text-wrapper {
    text-align: left;
  }
}
/* line 610, ../sass/sections/_articles.scss */
.animating_content {
  float: left;
  width: 100%;
}

/* line 615, ../sass/sections/_articles.scss */
.sub-article.contact {
  float: left;
  width: 100%;
}
/* line 618, ../sass/sections/_articles.scss */
.sub-article.contact h2 {
  margin-bottom: 20px;
  text-transform: uppercase;
}

/* line 624, ../sass/sections/_articles.scss */
.contact-form {
  width: 68%;
  float: right;
}

/* line 629, ../sass/sections/_articles.scss */
.contact-informatie {
  float: left;
  width: 28%;
}
/* line 632, ../sass/sections/_articles.scss */
.contact-informatie:first-child {
  margin-top: 30px;
}
/* line 635, ../sass/sections/_articles.scss */
.contact-informatie p a {
  font-weight: 600;
}
/* line 639, ../sass/sections/_articles.scss */
.contact-informatie span {
  float: left;
  width: 100%;
  padding-left: 40px;
  margin-bottom: 12px;
  color: #545454;
}
/* line 648, ../sass/sections/_articles.scss */
.contact-informatie span a {
  text-decoration: none;
  color: #545454;
}
/* line 652, ../sass/sections/_articles.scss */
.contact-informatie span a:hover {
  text-decoration: underline;
}
/* line 657, ../sass/sections/_articles.scss */
.contact-informatie span:before {
  color: #545454;
  margin-left: -40px;
  float: left;
  font-size: 15px;
}

/* line 667, ../sass/sections/_articles.scss */
.sub-article.quote .wrapper-content.wide {
  overflow: hidden;
}

/* line 671, ../sass/sections/_articles.scss */
.quote_inhoud {
  margin-right: 40px;
  position: relative;
}
/* line 675, ../sass/sections/_articles.scss */
.quote_inhoud:before {
  position: absolute;
  width: 50px;
  height: 50px;
  content: "\e762";
  font-family: icomoon;
  color: #1a8a92;
  right: 30px;
  font-size: 300px;
  margin-top: 40px;
  transform: rotate(15deg);
  z-index: 1;
  opacity: 0.7;
}

/* line 691, ../sass/sections/_articles.scss */
.quotebg {
  background-size: cover;
  background-position: center center;
  overflow: hidden;
  position: relative;
}
/* line 698, ../sass/sections/_articles.scss */
.quotebg:before {
  min-height: 1000px;
  width: 100%;
  background-color: rgba(24, 130, 137, 0.85);
  content: '';
  position: absolute;
  z-index: 10;
  left: 0;
}

/* line 709, ../sass/sections/_articles.scss */
.quote_inhoud {
  position: relative;
  z-index: 20;
  max-width: 100%;
}
/* line 714, ../sass/sections/_articles.scss */
.quote_inhoud .quote {
  position: relative;
  z-index: 20;
  color: white;
  font-size: 20px;
  padding: 20px;
}
/* line 721, ../sass/sections/_articles.scss */
.quote_inhoud .quote span {
  color: white;
  font-size: 20px;
  padding: 0 20px;
  line-height: 40px;
  text-align: left;
}
/* line 728, ../sass/sections/_articles.scss */
.quote_inhoud .quote i {
  font-size: 10px;
  margin-top: -13px;
}
/* line 731, ../sass/sections/_articles.scss */
.quote_inhoud .quote i.icon-quotes-left:before {
  float: left;
}
/* line 737, ../sass/sections/_articles.scss */
.quote_inhoud .quote_naam {
  position: relative;
  z-index: 20;
  float: right;
  color: white;
  font-size: 17px;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  /* line 752, ../sass/sections/_articles.scss */
  .quote_inhoud .quote span {
    font-size: 14px;
    line-height: 25px;
  }
  /* line 758, ../sass/sections/_articles.scss */
  .quote_inhoud .quote_naam {
    font-size: 14px;
  }
}
/*******************************************************************************************************************************
------------------------------------------------------ Trouwmomenten Lay-outs --------------------------------------------------
********************************************************************************************************************************/
/* ---------------------------------------------------------------- Slider ----------------------------------------------------------------- */
/* line 773, ../sass/sections/_articles.scss */
.single-image-slider .slider-image {
  width: 100%;
  height: 330px;
  z-index: 0;
  -webkit-backface-visibility: hidden;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

/* line 786, ../sass/sections/_articles.scss */
.wrapper-slider {
  margin: 0 auto;
}
/* line 788, ../sass/sections/_articles.scss */
.wrapper-slider.wide {
  max-width: none;
  float: left;
}

/* line 794, ../sass/sections/_articles.scss */
#slides {
  position: relative;
  max-height: 330px;
}
/* line 798, ../sass/sections/_articles.scss */
#slides .slidesjs-pagination {
  position: absolute;
  left: 50%;
  bottom: 0;
  text-align: center;
  z-index: 10;
  margin: 0 auto;
}
/* line 806, ../sass/sections/_articles.scss */
#slides .slidesjs-pagination li {
  float: left;
  margin-right: 15px;
  list-style-type: none;
}
/* line 810, ../sass/sections/_articles.scss */
#slides .slidesjs-pagination li a {
  font-size: 0px;
}
/* line 813, ../sass/sections/_articles.scss */
#slides .slidesjs-pagination li a.active:after {
  content: "";
  width: 10px;
  height: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #808080;
  background-color: #f1f1f1;
  z-index: 9999;
  position: absolute;
  opacity: 1;
}
/* line 824, ../sass/sections/_articles.scss */
#slides .slidesjs-pagination li a:after {
  content: "";
  width: 10px;
  height: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #808080;
  background-color: #f1f1f1;
  z-index: 9999;
  position: absolute;
  opacity: 0.5;
}
/* line 838, ../sass/sections/_articles.scss */
#slides .slider-image {
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
}
/* line 845, ../sass/sections/_articles.scss */
#slides .slidesjs-previous {
  float: left;
  margin-left: 20px;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 10;
  opacity: 0.4;
}
/* line 854, ../sass/sections/_articles.scss */
#slides .slidesjs-previous:hover {
  opacity: 1;
}
/* line 859, ../sass/sections/_articles.scss */
#slides .slidesjs-next {
  float: right;
  margin-right: 20px;
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 10;
  opacity: 0.4;
}
/* line 868, ../sass/sections/_articles.scss */
#slides .slidesjs-next:hover {
  opacity: 1;
}

/* line 874, ../sass/sections/_articles.scss */
.sliderbutton {
  width: 25px;
}

/* line 881, ../sass/sections/_articles.scss */
.fly1 {
  margin-top: 9%;
  float: left;
  clear: both;
}
/* line 887, ../sass/sections/_articles.scss */
.fly1 h2 {
  background-color: rgba(84, 84, 84, 0.7);
  padding: 10px 10px 10px 20px;
  display: inline-block;
  color: #f1f1f1;
  margin-bottom: 3px;
  float: left;
  clear: both;
}
/* line 896, ../sass/sections/_articles.scss */
.fly1 p {
  background-color: rgba(84, 84, 84, 0.7);
  padding: 10px 10px 10px 20px;
  margin-bottom: 10px;
  width: auto;
  color: #f1f1f1;
  display: inline-block;
  float: left;
  clear: both;
}
/* line 907, ../sass/sections/_articles.scss */
.fly1 .button {
  float: left;
  clear: both;
}

@media only screen and (max-width: 630px) {
  /* line 914, ../sass/sections/_articles.scss */
  #slides .slidesjs-container {
    min-height: 200px !important;
  }
  /* line 917, ../sass/sections/_articles.scss */
  #slides .slidesjs-container .slidesjs-control {
    min-height: 200px !important;
  }
  /* line 921, ../sass/sections/_articles.scss */
  #slides .slider-image {
    background-repeat: repeat;
    background-size: cover;
    background-position: center center;
  }
}
@media only screen and (max-width: 1250px) {
  /* line 930, ../sass/sections/_articles.scss */
  .fly1 {
    margin-left: 50px;
    margin-right: 50px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 936, ../sass/sections/_articles.scss */
  .fly1 {
    display: none;
  }
}
/* ---------------------------------------------------------------- USP ----------------------------------------------------------------- */
/* line 945, ../sass/sections/_articles.scss */
.usp-klein {
  width: 100%;
  height: 50px;
  background-color: #188289;
  border-bottom: 1px solid #13686e;
  border-top: 1px solid #13686e;
  margin: 0 auto;
}
/* line 953, ../sass/sections/_articles.scss */
.usp-klein .wrapper-content {
  background-color: transparent;
}
/* line 956, ../sass/sections/_articles.scss */
.usp-klein .wrapper-content .usps {
  margin: 0 auto;
}
/* line 961, ../sass/sections/_articles.scss */
.usp-klein .wrapper-content span {
  color: white;
  font-size: 16px;
  font-weight: 300;
  width: 33%;
  float: left;
  text-align: center;
}
/* line 970, ../sass/sections/_articles.scss */
.usp-klein .wrapper-content span:last-child {
  margin-right: 0;
}
/* line 973, ../sass/sections/_articles.scss */
.usp-klein .wrapper-content span:before {
  display: inline-block;
  content: "\e6c3";
  font-family: icomoon;
  color: white;
  margin-left: -30px;
  margin-right: 20px;
}

@media only screen and (max-width: 1130px) {
  /* line 987, ../sass/sections/_articles.scss */
  .usp-klein {
    padding-left: 30px;
  }
  /* line 989, ../sass/sections/_articles.scss */
  .usp-klein .wrapper-content span {
    font-size: 13px;
  }
}
@media only screen and (max-width: 850px) {
  /* line 996, ../sass/sections/_articles.scss */
  .usp-klein {
    padding-left: 30px;
    height: 100px;
  }
  /* line 999, ../sass/sections/_articles.scss */
  .usp-klein .wrapper-content span {
    width: 100%;
    clear: both;
    font-size: 16px;
    text-align: center;
  }
}
@media only screen and (max-width: 500px) {
  /* line 1010, ../sass/sections/_articles.scss */
  .voordeel h2 {
    clear: both;
    text-align: center;
    padding-top: 20px;
    margin-left: 0 !important;
    padding-right: 0 !important;
  }
  /* line 1017, ../sass/sections/_articles.scss */
  .voordeel p {
    text-align: center;
    margin-left: 0 !important;
    padding-right: 0 !important;
  }
  /* line 1023, ../sass/sections/_articles.scss */
  .voordeel i {
    margin-left: 46%;
    clear: both;
  }
}
/* ---------------------------------------------------------------- Voordelen ----------------------------------------------------------------- */
/* line 1032, ../sass/sections/_articles.scss */
.voordeel {
  width: 50%;
  float: left;
  margin-top: 50px;
}
/* line 1037, ../sass/sections/_articles.scss */
.voordeel:nth-child(-n+2) {
  margin-top: 50px;
}
/* line 1041, ../sass/sections/_articles.scss */
.voordeel i {
  float: left;
  font-size: 50px;
  padding-top: 20px;
}
/* line 1046, ../sass/sections/_articles.scss */
.voordeel p {
  margin-left: 90px;
  padding-right: 50px;
  font-weight: 400;
}
/* line 1052, ../sass/sections/_articles.scss */
.voordeel h2 {
  text-transform: uppercase;
  margin-left: 90px;
  padding-right: 50px;
  font-size: 16px;
  font-weight: 700;
}
/* line 1060, ../sass/sections/_articles.scss */
.voordeel img {
  height: 70px;
  width: 70px;
  float: left;
}

/* line 1068, ../sass/sections/_articles.scss */
.center-button {
  width: 100%;
  text-align: center;
}
/* line 1072, ../sass/sections/_articles.scss */
.center-button .button {
  margin-bottom: 50px;
  margin-top: 40px;
}

@media only screen and (max-width: 768px) {
  /* line 1080, ../sass/sections/_articles.scss */
  .voordeel {
    width: 100%;
  }
  /* line 1083, ../sass/sections/_articles.scss */
  .voordeel img {
    margin-left: 50%;
    margin-right: 50%;
    margin-bottom: 20px;
  }
  /* line 1089, ../sass/sections/_articles.scss */
  .voordeel h2, .voordeel p {
    text-align: center;
    margin-left: 10px;
    padding-right: 10px;
  }
  /* line 1094, ../sass/sections/_articles.scss */
  .voordeel:nth-child(-n+2) {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 500px) {
  /* line 1101, ../sass/sections/_articles.scss */
  .voordeel img {
    margin-left: 40%;
    margin-right: 60%;
    margin-bottom: 20px;
  }
}
/* ---------------------------------------------------------------- Over ons ----------------------------------------------------------------- */
/* line 1112, ../sass/sections/_articles.scss */
.over-ons {
  min-height: 380px;
  height: auto;
  background-size: cover;
  background-position: center center;
}
/* line 1119, ../sass/sections/_articles.scss */
.over-ons .overlay-ons {
  overflow: hidden;
  position: relative;
}
/* line 1122, ../sass/sections/_articles.scss */
.over-ons .overlay-ons:before {
  min-height: 9999px;
  width: 100%;
  background-color: rgba(24, 130, 137, 0.85);
  content: '';
  position: absolute;
  z-index: 10;
  left: 0;
}
/* line 1133, ../sass/sections/_articles.scss */
.over-ons .wrapper-content {
  z-index: 10;
  position: relative;
  padding-bottom: 35px;
}
/* line 1139, ../sass/sections/_articles.scss */
.over-ons .over-ons-info {
  width: 56%;
  float: left;
  overflow: hidden;
}
/* line 1145, ../sass/sections/_articles.scss */
.over-ons .over-ons-info h2 {
  margin-top: 40px;
  color: white;
}
/* line 1149, ../sass/sections/_articles.scss */
.over-ons .over-ons-info p {
  color: white;
  margin-top: 15px;
  padding-bottom: 20px;
}
/* line 1156, ../sass/sections/_articles.scss */
.over-ons .over-ons-image {
  width: 40%;
  float: right;
}
/* line 1161, ../sass/sections/_articles.scss */
.over-ons .over-ons-image img {
  border: solid white 8px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
  -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
  box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
  margin-top: 50px;
  margin-right: 30px;
  max-width: 100%;
  height: auto;
}

@media only screen and (max-width: 768px) {
  /* line 1176, ../sass/sections/_articles.scss */
  .over-ons .over-ons-image {
    width: 100%;
  }
  /* line 1179, ../sass/sections/_articles.scss */
  .over-ons .over-ons-image .over-ons-foto {
    margin-left: 0px;
    height: 350px;
  }
  /* line 1184, ../sass/sections/_articles.scss */
  .over-ons .over-ons-info {
    width: 100%;
  }
}
@media only screen and (max-width: 500px) {
  /* line 1191, ../sass/sections/_articles.scss */
  .over-ons .over-ons-image {
    width: 100%;
  }
  /* line 1194, ../sass/sections/_articles.scss */
  .over-ons .over-ons-image .over-ons-foto {
    margin-left: 0px;
    height: 250px;
  }
  /* line 1199, ../sass/sections/_articles.scss */
  .over-ons .over-ons-info {
    width: 100%;
  }
}
/* ---------------------------------------------------------------- Recente projecten --------------------------------------------------------- */
/* line 1207, ../sass/sections/_articles.scss */
.titel-recente-projecten {
  margin-top: 70px;
  margin-bottom: 35px;
  text-align: center;
  font-size: 25px;
  font-weight: 700;
}

/* line 1215, ../sass/sections/_articles.scss */
.foto {
  width: 25%;
  height: 300px;
  z-index: 1;
  position: relative;
  float: left;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 50% 50%;
}
/* line 1226, ../sass/sections/_articles.scss */
.foto .overlay {
  position: absolute;
  bottom: 0;
  z-index: 10;
  height: 85px;
  background-color: rgba(84, 84, 84, 0.8);
  width: 100%;
  text-align: center;
  color: white;
  transition: height 0.4s, background-color 0.4s;
}
/* line 1237, ../sass/sections/_articles.scss */
.foto .overlay h2 {
  color: white;
  margin-top: 16px;
  transition: margin-top 0.4s;
}
/* line 1244, ../sass/sections/_articles.scss */
.foto:hover .overlay {
  transition: height 0.7s, background-color 0.7s;
  height: 100%;
  background-color: rgba(243, 156, 18, 0.8);
}
/* line 1251, ../sass/sections/_articles.scss */
.foto:hover h2 {
  transition: margin-top 0.7s;
  margin-top: 31%;
}

@media only screen and (max-width: 1130px) {
  /* line 1259, ../sass/sections/_articles.scss */
  .foto {
    width: 33.3333%;
  }

  /* line 1266, ../sass/sections/_articles.scss */
  .project:nth-last-child(2) {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  /* line 1273, ../sass/sections/_articles.scss */
  .foto {
    width: 50%;
  }
  /* line 1276, ../sass/sections/_articles.scss */
  .foto .overlay {
    transition: none;
    height: 85px;
    background-color: rgba(84, 84, 84, 0.8);
  }
  /* line 1281, ../sass/sections/_articles.scss */
  .foto:hover .overlay {
    transition: none;
    height: 85px;
    background-color: rgba(84, 84, 84, 0.8);
  }
  /* line 1286, ../sass/sections/_articles.scss */
  .foto h2 {
    color: white;
    margin-top: 16px;
    transition: none;
  }
  /* line 1291, ../sass/sections/_articles.scss */
  .foto:hover h2 {
    transition: none;
    margin-top: 16px;
  }

  /* line 1297, ../sass/sections/_articles.scss */
  .project:nth-last-child(2) {
    display: none;
  }
  /* line 1300, ../sass/sections/_articles.scss */
  .project:nth-last-child(3) {
    display: none;
  }
}
@media only screen and (max-width: 520px) {
  /* line 1307, ../sass/sections/_articles.scss */
  .foto {
    width: 100%;
  }

  /* line 1311, ../sass/sections/_articles.scss */
  .project:nth-last-child(2) {
    display: block;
  }
  /* line 1314, ../sass/sections/_articles.scss */
  .project:nth-last-child(3) {
    display: block;
  }
}
/* ---------------------------------------------------------------- Contact trigger --------------------------------------------------------- */
/* line 1325, ../sass/sections/_articles.scss */
.contact-trigger {
  background: #f39c12;
  min-height: 210px;
  border-bottom: 1px solid #c66f35;
  border-top: 1px solid #c66f35;
}
/* line 1332, ../sass/sections/_articles.scss */
.contact-trigger .blue-button {
  width: 250px;
  margin-bottom: 20px;
  float: right;
}
/* line 1336, ../sass/sections/_articles.scss */
.contact-trigger .blue-button:first-child {
  margin-top: 45px;
}
/* line 1340, ../sass/sections/_articles.scss */
.contact-trigger .contact-tekst {
  width: 70%;
  float: left;
  padding-right: 40px;
  padding-bottom: 30px;
  overflow: hidden;
}
/* line 1348, ../sass/sections/_articles.scss */
.contact-trigger .contact-knoppen {
  width: 30%;
  float: left;
}
/* line 1353, ../sass/sections/_articles.scss */
.contact-trigger h2 {
  margin-top: 40px;
  color: white;
}
/* line 1357, ../sass/sections/_articles.scss */
.contact-trigger p {
  color: white;
  margin-top: 15px;
}

@media only screen and (max-width: 768px) {
  /* line 1366, ../sass/sections/_articles.scss */
  .contact-trigger .contact-tekst {
    width: 100% !important;
    padding-right: 0;
  }
  /* line 1370, ../sass/sections/_articles.scss */
  .contact-trigger .contact-knoppen {
    width: 100% !important;
  }
  /* line 1373, ../sass/sections/_articles.scss */
  .contact-trigger .contact-knoppen .blue-button {
    margin-top: 0;
    float: left;
  }
  /* line 1378, ../sass/sections/_articles.scss */
  .contact-trigger .contact-knoppen .blue-button:last-child {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 580px) {
  /* line 1390, ../sass/sections/_articles.scss */
  .contact-trigger .contact-knoppen .blue-button:last-child {
    margin-left: 0;
  }
}
/* ---------------------------------------------------------------- Logo's --------------------------------------------------------- */
/* line 1401, ../sass/sections/_articles.scss */
.wrapper-content {
  width: 100%;
}
/* line 1404, ../sass/sections/_articles.scss */
.wrapper-content .logos {
  position: relative;
  min-height: 160px;
  float: left;
  width: 25%;
  margin-top: 50px;
  padding-left: 4%;
}
/* line 1413, ../sass/sections/_articles.scss */
.wrapper-content .logo-kleur {
  display: none;
  float: left;
  position: absolute;
}
/* line 1418, ../sass/sections/_articles.scss */
.wrapper-content .logo-kleur:hover {
  display: block;
}
/* line 1421, ../sass/sections/_articles.scss */
.wrapper-content .logo-kleur img {
  width: 100%;
  margin: 0 auto;
}
/* line 1427, ../sass/sections/_articles.scss */
.wrapper-content .logo-zwart {
  display: block;
  float: left;
  position: absolute;
}
/* line 1432, ../sass/sections/_articles.scss */
.wrapper-content .logo-zwart img {
  width: 100%;
  margin: 0 auto;
}
/* line 1437, ../sass/sections/_articles.scss */
.wrapper-content .logo-zwart:hover + .logo-kleur {
  display: block;
}

@media screen and (max-width: 720px) {
  /* line 1444, ../sass/sections/_articles.scss */
  .wrapper-content {
    width: 100%;
  }
  /* line 1446, ../sass/sections/_articles.scss */
  .wrapper-content .logos {
    padding-left: 14%;
    width: 50%;
    float: left;
    min-height: 95px;
  }
}
@media screen and (max-width: 530px) {
  /* line 1455, ../sass/sections/_articles.scss */
  .wrapper-content {
    width: 100%;
  }
  /* line 1457, ../sass/sections/_articles.scss */
  .wrapper-content .logos {
    padding-left: 8%;
    width: 50%;
    float: left;
    margin-top: 20px;
  }
}
@media screen and (max-width: 385px) {
  /* line 1468, ../sass/sections/_articles.scss */
  .wrapper-content {
    width: 100%;
  }
  /* line 1470, ../sass/sections/_articles.scss */
  .wrapper-content .logos {
    padding-left: 26%;
    width: 100%;
    float: left;
    min-height: 75px;
    margin-top: 30px;
  }
  /* line 1476, ../sass/sections/_articles.scss */
  .wrapper-content .logos:first-child {
    margin-top: 20px;
  }
  /* line 1479, ../sass/sections/_articles.scss */
  .wrapper-content .logos:last-child {
    margin-bottom: 30px;
  }
}
/* ---------------------------------------------------------------- Portfolio --------------------------------------------------------- */
/* line 1489, ../sass/sections/_articles.scss */
.categorie {
  width: 32%;
  height: 100%;
  background-color: #f1f1f1;
  float: left;
  margin-right: 2%;
  margin-bottom: 2%;
  z-index: 1;
  margin-top: 50px;
}
/* line 1500, ../sass/sections/_articles.scss */
.categorie p {
  padding: 30px;
  text-align: center;
}
/* line 1504, ../sass/sections/_articles.scss */
.categorie:last-child {
  margin-right: 0;
}
/* line 1508, ../sass/sections/_articles.scss */
.categorie .button {
  margin: 0 auto 35px auto;
}
/* line 1511, ../sass/sections/_articles.scss */
.categorie .categorie-image-1 {
  width: 100%;
  height: 350px;
  position: relative;
  background-size: cover;
  background-position: center center;
}
/* line 1519, ../sass/sections/_articles.scss */
.categorie .categorie-image-1 .overlay {
  position: absolute;
  bottom: 0;
  height: 85px;
  width: 100%;
}
/* line 1525, ../sass/sections/_articles.scss */
.categorie .categorie-image-1 .overlay h2, .categorie .categorie-image-1 .overlay h6 {
  position: relative;
  z-index: 2;
  color: white;
  text-align: center;
}
/* line 1531, ../sass/sections/_articles.scss */
.categorie .categorie-image-1 .overlay h2 {
  margin-top: 20px;
}
/* line 1537, ../sass/sections/_articles.scss */
.categorie .categorie-image-1 .overlay:before {
  min-height: 85px;
  width: 100%;
  background-color: rgba(84, 84, 84, 0.8);
  content: '';
  position: absolute;
  z-index: 1;
  bottom: 0;
}

/* line 1550, ../sass/sections/_articles.scss */
.projecten_overzicht_per_categorie {
  display: inline-block;
  width: 100%;
}

@media screen and (max-width: 850px) {
  /* line 1557, ../sass/sections/_articles.scss */
  .categorie {
    width: 99%;
  }
}
/* ---------------------------------------------------------------- Offerte --------------------------------------------------------- */
/* line 1565, ../sass/sections/_articles.scss */
.offerte h2 {
  margin-bottom: 20px;
}

/* line 1570, ../sass/sections/_articles.scss */
.offerte-form {
  width: 58%;
  float: right;
}

/* line 1575, ../sass/sections/_articles.scss */
.offerte-informatie {
  float: left;
  width: 38%;
}
/* line 1578, ../sass/sections/_articles.scss */
.offerte-informatie:first-child {
  margin-top: 30px;
}
/* line 1581, ../sass/sections/_articles.scss */
.offerte-informatie p a {
  font-weight: 600;
}
/* line 1585, ../sass/sections/_articles.scss */
.offerte-informatie span {
  float: left;
  width: 100%;
  padding-left: 40px;
  margin-bottom: 12px;
  color: #545454;
}
/* line 1592, ../sass/sections/_articles.scss */
.offerte-informatie span a {
  text-decoration: none;
  color: #545454;
}
/* line 1596, ../sass/sections/_articles.scss */
.offerte-informatie span a:hover {
  text-decoration: underline;
}
/* line 1601, ../sass/sections/_articles.scss */
.offerte-informatie span:before {
  color: #545454;
  margin-left: -40px;
  float: left;
  font-size: 15px;
}

/* ---------------------------------------------------------------- Knop --------------------------------------------------------- */
/* line 1612, ../sass/sections/_articles.scss */
.mindermargin {
  margin: 0 !important;
}

/* ---------------------------------------------------------------- Prijzen specefiek --------------------------------------------------------- */
/* line 1618, ../sass/sections/_articles.scss */
.optie {
  width: 30%;
  background-color: #f1f1f1;
  float: left;
  padding: 20px;
  position: relative;
  margin: 30px 40px 50px 120px;
  margin-left: 11%;
}
/* line 1627, ../sass/sections/_articles.scss */
.optie:last-child {
  margin-right: 0;
}
/* line 1631, ../sass/sections/_articles.scss */
.optie .label-optie-titel {
  margin-left: -30px;
  margin-right: -30px;
  padding: 10px;
  background-color: #188289;
  text-align: center;
  position: relative;
  z-index: 20;
  height: auto;
}
/* line 1641, ../sass/sections/_articles.scss */
.optie .label-optie-titel:before {
  content: ' ';
  width: 1px;
  height: 1px;
  border-top: 10px solid transparent;
  border-right: 10px solid #188289;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  position: absolute;
  top: -10px;
  left: -10px;
  z-index: 1;
}
/* line 1654, ../sass/sections/_articles.scss */
.optie .label-optie-titel:after {
  content: ' ';
  width: 1px;
  height: 1px;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #188289;
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 1;
}
/* line 1668, ../sass/sections/_articles.scss */
.optie .label-optie-titel h1, .optie .label-optie-titel p {
  color: white;
}
/* line 1674, ../sass/sections/_articles.scss */
.optie .button {
  height: auto;
}
/* line 1677, ../sass/sections/_articles.scss */
.optie .optie-titel {
  line-height: 37px;
  font-size: 30px;
}
/* line 1684, ../sass/sections/_articles.scss */
.optie .optie-voordeel {
  margin-left: 10px;
  padding-left: 30px;
}
/* line 1687, ../sass/sections/_articles.scss */
.optie .optie-voordeel:before {
  position: absolute;
  content: "\e6c3";
  font-family: icomoon;
  color: #545454;
  margin-left: -30px;
}
/* line 1697, ../sass/sections/_articles.scss */
.optie .optie-omschrijving {
  margin-top: 20px;
  padding-left: 10px;
  padding-bottom: 20px;
}
/* line 1702, ../sass/sections/_articles.scss */
.optie .optie-prijs {
  background-color: #f39c12;
  line-height: 37px;
  padding: 5px;
  text-align: center;
  font-size: 30px;
  color: white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
/* line 1714, ../sass/sections/_articles.scss */
.optie .center-button .button {
  margin: 0;
  padding-left: 40px;
  padding-right: 40px;
}
/* line 1721, ../sass/sections/_articles.scss */
.optie h2 {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

/* line 1730, ../sass/sections/_articles.scss */
.wrapper-content.opties-1 .optie {
  margin-left: 34%;
}

/* line 1737, ../sass/sections/_articles.scss */
.wrapper-content.opties-3 .optie {
  margin-left: 0.9%;
}

/* line 1744, ../sass/sections/_articles.scss */
.wrapper-content.opties-5 .optie {
  margin-left: 0.9%;
}
/* line 1746, ../sass/sections/_articles.scss */
.wrapper-content.opties-5 .optie:nth-child(3) {
  margin-right: 0;
}

@media screen and (max-width: 1130px) {
  /* line 1754, ../sass/sections/_articles.scss */
  .optie {
    width: 28.7%;
  }
  /* line 1757, ../sass/sections/_articles.scss */
  .optie .center-button {
    width: 109%;
  }
  /* line 1759, ../sass/sections/_articles.scss */
  .optie .center-button h1 {
    font-size: 18px;
  }
  /* line 1762, ../sass/sections/_articles.scss */
  .optie .center-button .button {
    margin-left: -15px;
  }
}
@media screen and (max-width: 1100px) {
  /* line 1771, ../sass/sections/_articles.scss */
  .wrapper-content.opties-1 .optie {
    margin-left: 24%;
    width: 50%;
  }
  /* line 1776, ../sass/sections/_articles.scss */
  .wrapper-content.opties-2 .optie {
    margin-left: 5%;
    width: 40%;
    margin-bottom: 0;
  }
  /* line 1783, ../sass/sections/_articles.scss */
  .wrapper-content.opties-4 .optie {
    margin-left: 5%;
    width: 39%;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  /* line 1794, ../sass/sections/_articles.scss */
  .wrapper-content.opties-1 .optie {
    margin-left: 0;
    width: 100%;
    margin-bottom: 0;
  }
  /* line 1801, ../sass/sections/_articles.scss */
  .wrapper-content.opties-2 .optie {
    margin-left: 0;
    width: 100%;
    margin-bottom: 0;
  }
  /* line 1808, ../sass/sections/_articles.scss */
  .wrapper-content.opties-4 .optie {
    margin-left: 0;
    width: 100%;
    margin-bottom: 0;
  }
  /* line 1815, ../sass/sections/_articles.scss */
  .wrapper-content .optie {
    width: 98%;
  }
  /* line 1818, ../sass/sections/_articles.scss */
  .wrapper-content .optie .label-optie-titel {
    height: auto;
  }
  /* line 1821, ../sass/sections/_articles.scss */
  .wrapper-content .optie .label-optie-titel:after {
    right: -10px;
    top: -10px;
  }
  /* line 1825, ../sass/sections/_articles.scss */
  .wrapper-content .optie .label-optie-titel:before {
    right: -10px;
    top: -10px;
  }
  /* line 1829, ../sass/sections/_articles.scss */
  .wrapper-content .optie .label-optie-titel p {
    margin-top: 0;
  }
  /* line 1832, ../sass/sections/_articles.scss */
  .wrapper-content .optie .label-optie-titel h1 {
    height: auto;
  }
}
/* line 6, ../sass/sections/_portfolio.scss */
.portfolio-item {
  width: 32%;
  position: relative;
  float: left;
  height: 350px;
  margin-right: 2%;
  margin-top: 2%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
}
/* line 16, ../sass/sections/_portfolio.scss */
.portfolio-item a {
  text-decoration: none;
}
/* line 20, ../sass/sections/_portfolio.scss */
.portfolio-item .titel {
  margin-top: 79%;
  text-align: center;
  color: white;
  z-index: 99;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
  transition: margin-top 0.4s;
}
/* line 31, ../sass/sections/_portfolio.scss */
.portfolio-item p {
  text-align: center;
  color: white;
  z-index: 99;
  margin-bottom: 16px;
  position: relative;
}
/* line 39, ../sass/sections/_portfolio.scss */
.portfolio-item .overlay2 {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  opacity: 1;
}
/* line 48, ../sass/sections/_portfolio.scss */
.portfolio-item .overlay2:before {
  height: 85px;
  width: 100%;
  background-color: rgba(84, 84, 84, 0.8);
  content: '';
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  transition: height 0.4s, background-color 0.4s;
}
/* line 62, ../sass/sections/_portfolio.scss */
.portfolio-item:hover .overlay2:before {
  transition: height 0.7s, background-color 0.7s;
  height: 100%;
  background-color: rgba(243, 156, 18, 0.8);
}
/* line 69, ../sass/sections/_portfolio.scss */
.portfolio-item:hover .titel {
  transition: margin-top 0.7s;
  margin-top: 42%;
}
/* line 74, ../sass/sections/_portfolio.scss */
.portfolio-item .center-hover-link {
  margin: 0 auto;
}
/* line 80, ../sass/sections/_portfolio.scss */
.portfolio-item:nth-child(3n+0) {
  margin-right: 0;
}
/* line 83, ../sass/sections/_portfolio.scss */
.portfolio-item:last-child {
  margin-bottom: 50px;
}

@media only screen and (max-width: 1120px) {
  /* line 91, ../sass/sections/_portfolio.scss */
  .portfolio-item {
    height: 29vw;
  }
}
@media only screen and (max-width: 1130px) {
  /* line 96, ../sass/sections/_portfolio.scss */
  .portfolio-item {
    height: 29vw;
  }
  /* line 98, ../sass/sections/_portfolio.scss */
  .portfolio-item .titel {
    margin-top: 75%;
  }
}
@media only screen and (max-width: 950px) {
  /* line 104, ../sass/sections/_portfolio.scss */
  .portfolio-item {
    height: 29vw;
  }
  /* line 106, ../sass/sections/_portfolio.scss */
  .portfolio-item .titel {
    margin-top: 72%;
  }
}
@media only screen and (max-width: 850px) {
  /* line 113, ../sass/sections/_portfolio.scss */
  .portfolio-item {
    height: 29vw;
  }
  /* line 116, ../sass/sections/_portfolio.scss */
  .portfolio-item .titel {
    font-weight: 700;
    margin-top: 73%;
  }
  /* line 120, ../sass/sections/_portfolio.scss */
  .portfolio-item p {
    font-size: 12px;
    margin-bottom: 4px;
    line-height: 20px;
  }
  /* line 127, ../sass/sections/_portfolio.scss */
  .portfolio-item .overlay2:before {
    height: 70px;
    min-height: 0;
  }
}
@media only screen and (max-width: 700px) {
  /* line 140, ../sass/sections/_portfolio.scss */
  .portfolio-item .titel {
    font-weight: 700;
    margin-top: 71%;
  }
}
@media only screen and (max-width: 768px) {
  /* line 152, ../sass/sections/_portfolio.scss */
  .portfolio-item .titel {
    font-weight: 400;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 72%;
  }
  /* line 159, ../sass/sections/_portfolio.scss */
  .portfolio-item p {
    display: block;
  }
  /* line 167, ../sass/sections/_portfolio.scss */
  .portfolio-item:hover .overlay2:before {
    transition: none;
    height: 70px;
    background-color: rgba(84, 84, 84, 0.8);
  }
  /* line 175, ../sass/sections/_portfolio.scss */
  .portfolio-item:hover .titel {
    transition: none;
    margin-top: 72%;
  }
}
@media only screen and (max-width: 650px) {
  /* line 184, ../sass/sections/_portfolio.scss */
  .portfolio-item {
    width: 48%;
    height: 43vw;
  }
  /* line 188, ../sass/sections/_portfolio.scss */
  .portfolio-item .titel {
    margin-top: 78%;
  }
  /* line 191, ../sass/sections/_portfolio.scss */
  .portfolio-item:hover .titel {
    transition: none;
    margin-top: 78%;
  }
  /* line 197, ../sass/sections/_portfolio.scss */
  .portfolio-item:nth-child(2n+0) {
    margin-right: 0;
  }
  /* line 200, ../sass/sections/_portfolio.scss */
  .portfolio-item:nth-child(3n+0) {
    margin-right: 2%;
  }
}
@media only screen and (max-width: 570px) {
  /* line 208, ../sass/sections/_portfolio.scss */
  .portfolio-item .titel {
    margin-top: 76%;
  }
  /* line 211, ../sass/sections/_portfolio.scss */
  .portfolio-item:hover .titel {
    transition: none;
    margin-top: 76%;
  }
}
@media only screen and (max-width: 450px) {
  /* line 220, ../sass/sections/_portfolio.scss */
  .portfolio-item {
    width: 100%;
    height: 87vw;
  }
  /* line 223, ../sass/sections/_portfolio.scss */
  .portfolio-item .titel {
    font-weight: 700;
    font-size: 17px;
    margin-top: 82%;
  }
  /* line 228, ../sass/sections/_portfolio.scss */
  .portfolio-item:hover .titel {
    transition: none;
    margin-top: 82%;
  }
  /* line 232, ../sass/sections/_portfolio.scss */
  .portfolio-item p {
    font-size: 12px;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 25px;
    display: block;
  }
  /* line 242, ../sass/sections/_portfolio.scss */
  .portfolio-item .overlay2:before {
    height: 85px;
    min-height: 0;
  }
  /* line 252, ../sass/sections/_portfolio.scss */
  .portfolio-item:hover .overlay2:before {
    transition: none;
    height: 85px;
    background-color: rgba(84, 84, 84, 0.8);
  }
}
/* line 266, ../sass/sections/_portfolio.scss */
.project-informatie {
  width: 47%;
  float: right;
}
/* line 270, ../sass/sections/_portfolio.scss */
.project-informatie h3 {
  font-weight: 900;
}
/* line 273, ../sass/sections/_portfolio.scss */
.project-informatie a {
  font-weight: 700;
}
/* line 276, ../sass/sections/_portfolio.scss */
.project-informatie .voorvoegsel {
  font-weight: 700;
  padding-right: 10px;
}

/* line 285, ../sass/sections/_portfolio.scss */
.images {
  width: 48%;
  float: left;
  margin-bottom: 10px;
}

/* line 291, ../sass/sections/_portfolio.scss */
.woocommerce-main-image img {
  width: 96%;
  height: 100%;
  margin-right: 0;
  border: solid white 8px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
  -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
  box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
}

/* line 299, ../sass/sections/_portfolio.scss */
.thumbnails > a {
  width: 33.5%;
  display: inline-block;
  padding-left: 3px;
  margin-left: -3px;
  padding-right: 20px;
}

/* line 311, ../sass/sections/_portfolio.scss */
.thumbnails img {
  width: 100%;
  height: 11%;
  margin-top: 15px;
  margin-right: 2%;
  border: solid white 5px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
  -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
  box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
}
/* line 319, ../sass/sections/_portfolio.scss */
.thumbnails img:last-child {
  margin-right: 0;
}

/* line 324, ../sass/sections/_portfolio.scss */
.zoom {
  margin-right: 0;
  padding: 0;
}

@media only screen and (max-width: 768px) {
  /* line 331, ../sass/sections/_portfolio.scss */
  .project-fotos {
    width: 100%;
  }
  /* line 333, ../sass/sections/_portfolio.scss */
  .project-fotos .images {
    width: 100%;
  }

  /* line 337, ../sass/sections/_portfolio.scss */
  .project-informatie {
    width: 100%;
    margin-bottom: 30px;
  }
}
/* line 344, ../sass/sections/_portfolio.scss */
.thumbnails .hidden {
  display: none;
}

/**
 * CSS voor elementen met voorbepaalde klassen, zoals jQuery plugins & WordPress plugins
 *
 * @author 		Brian de Geus - Sebwite
 * @package 	Sebwite/BaseTheme
 * @since		0.2
 * @version     0.2
 */
/* Verouderde browser melding
   ========================================================================== */
/* line 13, ../sass/misc/_browsers.scss */
body #buorg {
  position: fixed;
  text-align: center;
}
/* line 18, ../sass/misc/_browsers.scss */
body #buorg > div {
  padding: 10px 36px 10px 40px;
}
/* line 21, ../sass/misc/_browsers.scss */
body #buorg #buorgclose {
  top: 8px;
  margin-right: 10px;
}

/* Internet Explorer
   ========================================================================== */
/* line 33, ../sass/misc/_browsers.scss */
body.ie.v7, body.ie.v8 {
  /*background-color: #000 !important;*/
}
/* line 37, ../sass/misc/_browsers.scss */
body.ie.v7 input[type='checkbox'], body.ie.v8 input[type='checkbox'] {
  position: relative !important;
  height: 15px !important;
  width: 15px !important;
  background-position: 0 0 !important;
  background-color: rgba(0, 0, 0, 0) !important;
  margin: 3px 3px 3px 4px !important;
  -webkit-appearance: checkbox !important;
}
/* line 47, ../sass/misc/_browsers.scss */
body.ie.v7 input[type='checkbox'] + label, body.ie.v8 input[type='checkbox'] + label {
  display: inline-block;
  padding-left: 0px !important;
  margin-top: -5px !important;
  background-repeat: no-repeat !important;
  background-position: 0 0 !important;
  background-image: none !important;
}
/* line 60, ../sass/misc/_browsers.scss */
body.ie.v7 input[type='radio'], body.ie.v8 input[type='radio'] {
  position: relative !important;
  height: 15px !important;
  width: 15px !important;
  background-position: 0 0 !important;
  background-color: rgba(0, 0, 0, 0) !important;
  margin: 3px 3px 3px 4px !important;
  -webkit-appearance: radio !important;
}
/* line 70, ../sass/misc/_browsers.scss */
body.ie.v7 input[type='radio'] + label, body.ie.v8 input[type='radio'] + label {
  display: inline-block;
  padding-left: 0px !important;
  margin-top: -5px !important;
  background-repeat: no-repeat !important;
  background-position: 0 0 !important;
  background-image: none !important;
}
/* line 84, ../sass/misc/_browsers.scss */
body.ie.v7.checkout-page .entry-content form.login, body.ie.v8.checkout-page .entry-content form.login {
  border: 1px solid #888 !important;
}
/* line 91, ../sass/misc/_browsers.scss */
body.ie.v8 {
  /*border: 1px #f0f0f0 solid;*/
}

/* Chrome
   ========================================================================== */
/* Firefox
   ========================================================================== */
/* Safari
   ========================================================================== */
/* Opera
   ========================================================================== */
/* Include de icomoon font van uit de plugin */
/* Overige
   ========================================================================== */
/* line 54, ../sass/main.scss */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

/* line 59, ../sass/main.scss */
.clearfix:after {
  clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
/* line 67, ../sass/main.scss */
.clearfix {
  *zoom: 1;
}

/* Development
   ========================================================================== */
/* line 74, ../sass/main.scss */
.debug pre {
  background-color: #fff;
}

/** TODO GOOD FIX FOR THIS */
/* line 80, ../sass/main.scss */
body {
  word-wrap: break-word;
}