/* compiled by scssphp v0.6.3 on Wed, 05 Apr 2023 04:44:21 +0200 (0.1042s) */

@font-face {
  font-display: swap;
  font-family: GoodDogNew;
  src: local(GoodDogNew), url("../draadcore-child/fonts/GoodDog/GoodDogNew.woff2") format('woff2'), url("../draadcore-child/fonts/GoodDog/GoodDogNew.woff") format('woff');
  font-weight: 400;
  font-style: normal;
  unicode-range: U0-5FF;
}
@font-face {
  font-display: swap;
  font-family: Arboria;
  src: local(Arboria), url("../draadcore-child/fonts/Arboria/Arboria-Black.woff2") format('woff2'), url("../draadcore-child/fonts/Arboria/Arboria-Black.woff") format('woff');
  font-weight: 900;
  font-style: normal;
  unicode-range: U0-5FF;
}
@font-face {
  font-display: swap;
  font-family: Arboria;
  src: local(Arboria), url("../draadcore-child/fonts/Arboria/Arboria-Bold.woff2") format('woff2'), url("../draadcore-child/fonts/Arboria/Arboria-Bold.woff") format('woff');
  font-weight: 700;
  font-style: normal;
  unicode-range: U0-5FF;
}
@font-face {
  font-display: swap;
  font-family: Arboria;
  src: local(Arboria), url("../draadcore-child/fonts/Arboria/Arboria-Medium.woff2") format('woff2'), url("../draadcore-child/fonts/Arboria/Arboria-Medium.woff") format('woff');
  font-weight: 500;
  font-style: normal;
  unicode-range: U0-5FF;
}
@font-face {
  font-display: swap;
  font-family: Arboria;
  src: local(Arboria), url("../draadcore-child/fonts/Arboria/Arboria-Book.woff2") format('woff2'), url("../draadcore-child/fonts/Arboria/Arboria-Book.woff") format('woff');
  font-weight: 400;
  font-style: normal;
  unicode-range: U0-5FF;
}
@font-face {
  font-display: swap;
  font-family: Mundial;
  src: local(Mundial), url("../draadcore-child/fonts/Mundial/MundialDemibold.woff2") format('woff2'), url("../draadcore-child/fonts/Mundial/MundialDemibold.woff") format('woff');
  font-weight: 700;
  font-style: bold;
  unicode-range: U0-5FF;
}
@font-face {
  font-display: swap;
  font-family: Mundial;
  src: local(Mundial), url("../draadcore-child/fonts/Mundial/Mundial-Regular.woff2") format('woff2'), url("../draadcore-child/fonts/Mundial/Mundial-Regular.woff") format('woff');
  font-weight: 400;
  font-style: normal;
  unicode-range: U0-5FF;
}
/* line 5, sass/tab.scss */
/* line 6, sass/tab.scss */
html #root #wrap_all .section.tab {
  background: #faf9f3;
}
/* line 8, sass/tab.scss */
@media only screen and (max-width: 29.9375rem) {
  html #root #wrap_all .section.tab .container {
    padding-left: 0;
    padding-right: 0;
    margin: auto 20px;
    width: calc(100% - (20px * 2));
  }
}
/* line 17, sass/tab.scss */
html #root #wrap_all .section.tab .tab-titles {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(100% + (10px * 2));
  margin: 10px -10px 75px;
  z-index: 1;
}
/* line 24, sass/tab.scss */
html #root #wrap_all .section.tab h2, html #root #wrap_all .section.tab span {
  font-weight: bold;
}
/* line 28, sass/tab.scss */
html #root #wrap_all .section.tab .tab-title[aria-selected="true"] {
  background: #12a66c;
  color: white;
}
/* line 33, sass/tab.scss */
html #root #wrap_all .section.tab .entry-image {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-ordinal-group: -1;
  -moz-box-ordinal-group: -1;
  -ms-flex-order: -1;
  -webkit-order: -1;
  order: -1;
  max-height: 400px;
  overflow: visible;
  z-index: 0;
  pointer-events: none;
  position: absolute;
  right: -50%;
  top: -140px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
/* line 48, sass/tab.scss */
html #root #wrap_all .section.tab .entry-image .image {
  max-height: 400px;
}
/* line 51, sass/tab.scss */
html #root #wrap_all .section.tab .entry-image:not(.animation) .image {
  background-size: cover;
  background-position: left;
}
/* line 57, sass/tab.scss */
html #root #wrap_all .section.tab .tab-title {
  display: block;
  padding: 10px 20px;
  margin: 10px;
  min-width: 300px;
  cursor: pointer;
  -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.97);
}
@media only screen and (max-width: 29.9375rem) {
  html #root #wrap_all .section.tab .tab-title {
    margin: 10px 0;
  }
}
/* line 68, sass/tab.scss */
html #root #wrap_all .section.tab .tab-title:hover {
  background: #12a66c;
  color: white;
}
/* line 75, sass/tab.scss */
html #root #wrap_all .section.tab .tab-panel:not([aria-hidden="true"]) {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}
/* line 80, sass/tab.scss */
@media only screen and (max-width: 29.9375rem) {
  /* line 82, sass/tab.scss */
  html #root #wrap_all .section.tab .text-content p {
    line-height: 1.5;
  }
}
/* line 88, sass/tab.scss */
html #root #wrap_all .section.tab .media {
  height: 100%;
  width: 100%;
}
/* line 92, sass/tab.scss */
html #root #wrap_all .section.tab .image-container {
  height: 100%;
  width: 100%;
  text-align: center;
  padding-top: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
}
/* line 100, sass/tab.scss */
html #root #wrap_all .section.tab .image-container img {
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  max-width: inherit;
  max-height: inherit;
}
/* line 113, sass/tab.scss */
html #root #wrap_all .section.tab .caption {
  font-family: GoodDogNew;
  font-size: 22px;
  text-align: right;
  display: block;
}
/* line 119, sass/tab.scss */
/* line 120, sass/tab.scss */
@media only screen and (max-width: 1000px) {
  html #root #wrap_all .section.tab .tab-panel .column.one-half {
    min-width: calc(100% - (20px * 2));
  }
}