/* compiled by scssphp v0.6.3 on Thu, 13 Jan 2022 13:28:07 +0100 (0.1512s) */

@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap');
@font-face {
  font-display: swap;
  font-family: FontAwesomeBrands;
  src: local(FontAwesomeBrands), url("../draadcore/fonts/fontawesome-pro/fa-brands-400.woff2") format('woff2'), url("../draadcore/fonts/fontawesome-pro/fa-brands-400.woff") format('woff');
  font-weight: 400;
  font-style: normal;
  unicode-range: U0-5FF;
}
@font-face {
  font-display: swap;
  font-family: MyriadPro;
  src: local(MyriadPro), url("../../../../../../wp-content/themes/draadcore-child/fonts/MYRIADPRO-REGULAR.woff2") format('woff2'), url("../../../../../../wp-content/themes/draadcore-child/fonts/MYRIADPRO-REGULAR.woff") format('woff');
  font-weight: 400;
  font-style: normal;
  unicode-range: U0-5FF;
}
/* line 4, sass/textblock_media.scss */
/* line 5, sass/textblock_media.scss */
/* line 6, sass/textblock_media.scss */
html #root #wrap_all .section.textblock--media .container {
  max-width: 1140px;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/* line 12, sass/textblock_media.scss */
html #root #wrap_all .section.textblock--media .column {
  margin: 0;
}
/* line 17, sass/textblock_media.scss */
html #root #wrap_all .section.textblock--media .big-image {
  position: relative;
  padding-bottom: calc(0% / 820 * 550);
}
/* line 21, sass/textblock_media.scss */
html #root #wrap_all .section.textblock--media .big-image .image-container {
  padding-bottom: calc(100% / 820 * 550);
}
/* line 26, sass/textblock_media.scss */
html #root #wrap_all .section.textblock--media .small-image {
  position: relative;
  padding-bottom: calc(0% / 520 * 350);
}
/* line 30, sass/textblock_media.scss */
html #root #wrap_all .section.textblock--media .small-image .image-container {
  padding-bottom: calc(100% / 520 * 350);
}
/* line 35, sass/textblock_media.scss */
/* line 36, sass/textblock_media.scss */
html #root #wrap_all .section.textblock--media .video .full-link {
  background: rgba(0, 0, 0, 0.25);
  border: none;
  cursor: pointer;
}
/* line 42, sass/textblock_media.scss */
html #root #wrap_all .section.textblock--media .video .fa {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='youtube' class='svg-inline--fa fa-youtube fa-w-18' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23FFF' d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  height: 60px;
}
/* line 52, sass/textblock_media.scss */
html #root #wrap_all .section.textblock--media .left {
  -webkit-box-ordinal-group: -1;
  -moz-box-ordinal-group: -1;
  -ms-flex-order: -1;
  -webkit-order: -1;
  order: -1;
}
/* line 57, sass/textblock_media.scss */
/* line 59, sass/textblock_media.scss */
html #root #wrap_all .section.textblock--media .left .small-image, html #root #wrap_all .section.textblock--media .right .small-image {
  -webkit-box-shadow: 10px 10px 0 0 #f59d1d;
  box-shadow: 10px 10px 0 0 #f59d1d;
}
/* line 63, sass/textblock_media.scss */
html #root #wrap_all .section.textblock--media .left .small-image:before, html #root #wrap_all .section.textblock--media .right .small-image:before {
  border-width: 0 10px 10px 0;
  border-color: transparent #f59d1d transparent transparent;
  bottom: -10px;
}
/* line 69, sass/textblock_media.scss */
html #root #wrap_all .section.textblock--media .left .small-image:after, html #root #wrap_all .section.textblock--media .right .small-image:after {
  border-width: 10px 0 0 10px;
  border-color: transparent transparent transparent #f59d1d;
  top: 0;
  right: -10px;
}
/* line 76, sass/textblock_media.scss */
html #root #wrap_all .section.textblock--media .left .small-image:before, html #root #wrap_all .section.textblock--media .right .small-image:before, html #root #wrap_all .section.textblock--media .left .small-image:after, html #root #wrap_all .section.textblock--media .right .small-image:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
}
/* line 87, sass/textblock_media.scss */
html #root #wrap_all .section.textblock--media .content-left, html #root #wrap_all .section.textblock--media .content-right {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
/* line 92, sass/textblock_media.scss */
html #root #wrap_all .section.textblock--media .content-left {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
/* line 96, sass/textblock_media.scss */
html #root #wrap_all .section.textblock--media .content-right {
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
}
/* line 100, sass/textblock_media.scss */
html #root #wrap_all .section.textblock--media .content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  width: 90%;
}
/* line 107, sass/textblock_media.scss */
html #root #wrap_all .section.textblock--media .eyebrow {
  -webkit-box-ordinal-group: -1;
  -moz-box-ordinal-group: -1;
  -ms-flex-order: -1;
  -webkit-order: -1;
  order: -1;
}
/* line 111, sass/textblock_media.scss */
html #root #wrap_all .section.textblock--media h2 {
  margin-top: 10px;
  color: #000;
}
/* line 118, sass/textblock_media.scss */
html #root #wrap_all .section.textblock--media .button-row {
  width: auto;
  margin: 0;
}
/* line 123, sass/textblock_media.scss */
html #root #wrap_all .section.textblock--media .button-wrap {
  margin-left: 0;
}
/* line 127, sass/textblock_media.scss */
html #root #wrap_all .section.textblock--media .button {
  padding: 0;
  background: none;
}
/* line 132, sass/textblock_media.scss */
html #root #wrap_all .section.textblock--media .arrow-forward {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='arrow-right' class='svg-inline--fa fa-arrow-right fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%231E9EDA' d='M218.101 38.101L198.302 57.9c-4.686 4.686-4.686 12.284 0 16.971L353.432 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h341.432l-155.13 155.13c-4.686 4.686-4.686 12.284 0 16.971l19.799 19.799c4.686 4.686 12.284 4.686 16.971 0l209.414-209.414c4.686-4.686 4.686-12.284 0-16.971L235.071 38.101c-4.686-4.687-12.284-4.687-16.97 0z'%3E%3C/path%3E%3C/svg%3E");
}
/* line 136, sass/textblock_media.scss */
html #root #wrap_all .section.textblock--media .button-title {
  font-size: 17px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1b1b1b;
}
@media only screen and (max-width: 71.1875rem) {
  /* line 147, sass/textblock_media.scss */
  html #root #wrap_all .section.textblock--media .container {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /* line 152, sass/textblock_media.scss */
  html #root #wrap_all .section.textblock--media .content-right {
    -webkit-box-ordinal-group: -1;
    -moz-box-ordinal-group: -1;
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
  }
  /* line 156, sass/textblock_media.scss */
  html #root #wrap_all .section.textblock--media .content-right, html #root #wrap_all .section.textblock--media .content-left {
    margin-bottom: 30px;
  }
  /* line 161, sass/textblock_media.scss */
  html #root #wrap_all .section.textblock--media .column.one-half {
    min-width: 70%;
    max-width: 70%;
  }
}
@media only screen and (max-width: 47.9375rem) {
  /* line 168, sass/textblock_media.scss */
  html #root #wrap_all .section.textblock--media .column.one-half {
    min-width: 90%;
    max-width: 90%;
  }
}
/* line 175, sass/textblock_media.scss */
/* line 176, sass/textblock_media.scss */
html #root #wrap_all .section.textblock--media.big-textblock .full-width {
  padding: 50px 0;
}
/* line 179, sass/textblock_media.scss */
html #root #wrap_all .section.textblock--media.big-textblock .container {
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  max-width: 100%;
}
/* line 186, sass/textblock_media.scss */
/* line 187, sass/textblock_media.scss */
html #root #wrap_all .section.textblock--media.big-textblock .left .big-image {
  -webkit-box-shadow: 10px 10px 0 0 #f59d1d;
  box-shadow: 10px 10px 0 0 #f59d1d;
  background: #f59d1d;
}
/* line 192, sass/textblock_media.scss */
html #root #wrap_all .section.textblock--media.big-textblock .left .big-image:before {
  border-width: 0 10px 10px 0;
  border-color: #f59d1d #f59d1d #f59d1d #f59d1d;
  bottom: -10px;
}
/* line 198, sass/textblock_media.scss */
html #root #wrap_all .section.textblock--media.big-textblock .left .big-image:after {
  border-width: 10px 0 0 10px;
  border-color: transparent transparent transparent #f59d1d;
  top: 0;
  right: -10px;
}
/* line 205, sass/textblock_media.scss */
html #root #wrap_all .section.textblock--media.big-textblock .left .big-image:before, html #root #wrap_all .section.textblock--media.big-textblock .left .big-image:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
}
/* line 215, sass/textblock_media.scss */
html #root #wrap_all .section.textblock--media.big-textblock .left:after {
  content: "";
  background-image: url("assets/figure1.svg");
  background-repeat: no-repeat;
  width: 151px;
  height: 130px;
  position: absolute;
  left: 80px;
  top: -100px;
}
/* line 227, sass/textblock_media.scss */
/* line 228, sass/textblock_media.scss */
html #root #wrap_all .section.textblock--media.big-textblock .right .big-image {
  -webkit-box-shadow: -10px 10px 0 0 #f59d1d;
  box-shadow: -10px 10px 0 0 #f59d1d;
}
/* line 232, sass/textblock_media.scss */
html #root #wrap_all .section.textblock--media.big-textblock .right .big-image:before {
  border-width: 10px 10px 0 0;
  border-color: #f59d1d #f59d1d #f59d1d #f59d1d;
  bottom: -10px;
  right: 0;
}
/* line 239, sass/textblock_media.scss */
html #root #wrap_all .section.textblock--media.big-textblock .right .big-image:after {
  border-width: 0 0 10px 10px;
  border-color: transparent transparent #f59d1d transparent;
  top: 0;
  left: -10px;
}
/* line 246, sass/textblock_media.scss */
html #root #wrap_all .section.textblock--media.big-textblock .right .big-image:before, html #root #wrap_all .section.textblock--media.big-textblock .right .big-image:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
}
/* line 256, sass/textblock_media.scss */
html #root #wrap_all .section.textblock--media.big-textblock .content {
  width: 60%;
}
/* line 260, sass/textblock_media.scss */
html #root #wrap_all .section.textblock--media.big-textblock .column {
  margin: 0;
}
@media only screen and (max-width: 1500px) {
  /* line 265, sass/textblock_media.scss */
  html #root #wrap_all .section.textblock--media.big-textblock .content {
    min-width: 80%;
  }
}
@media only screen and (max-width: 1350px) {
  /* line 271, sass/textblock_media.scss */
  html #root #wrap_all .section.textblock--media.big-textblock .content {
    min-width: 100%;
  }
}
@media only screen and (max-width: 71.1875rem) {
  /* line 277, sass/textblock_media.scss */
  html #root #wrap_all .section.textblock--media.big-textblock .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /* line 281, sass/textblock_media.scss */
  html #root #wrap_all .section.textblock--media.big-textblock .column.one-half {
    margin: 20px 0;
    min-width: calc(100% - (25px * 2));
    max-width: calc(100% - (25px * 2));
  }
  /* line 286, sass/textblock_media.scss */
  html #root #wrap_all .section.textblock--media.big-textblock .column.one-half .content {
    min-width: 100%;
  }
  /* line 291, sass/textblock_media.scss */
  html #root #wrap_all .section.textblock--media.big-textblock .column.left {
    margin-top: 100px;
  }
  /* line 293, sass/textblock_media.scss */
  html #root #wrap_all .section.textblock--media.big-textblock .column.left .big-image:before {
    border-color: transparent #f59d1d transparent transparent;
  }
  /* line 298, sass/textblock_media.scss */
  /* line 299, sass/textblock_media.scss */
  html #root #wrap_all .section.textblock--media.big-textblock .right .big-image:before {
    border-color: #f59d1d transparent transparent transparent;
  }
}
/* line 308, sass/textblock_media.scss */
html #root #wrap_all .full-width.background-main {
  width: 90%;
  position: relative;
  background-image: linear-gradient(110deg, #1e9eda 2%, #1e84da 98%);
  margin: auto;
  padding: 140px 0;
}
/* line 315, sass/textblock_media.scss */
html #root #wrap_all .full-width.background-main .left:after, html #root #wrap_all .full-width.background-main .content-left:after {
  position: absolute;
  z-index: 2;
  content: "";
  width: 170px;
  height: 165px;
  background-image: url(assets/figure3.svg);
  background-repeat: no-repeat;
}
/* line 326, sass/textblock_media.scss */
html #root #wrap_all .full-width.background-main .left:after {
  left: -90px;
  top: -80px;
}
/* line 331, sass/textblock_media.scss */
html #root #wrap_all .full-width.background-main .content-left {
  left: -100px;
  top: -100px;
}
/* line 336, sass/textblock_media.scss */
html #root #wrap_all .full-width.background-main .button {
  background: none;
}
/* line 340, sass/textblock_media.scss */
html #root #wrap_all .full-width.background-main h2, html #root #wrap_all .full-width.background-main p:not(.eyebrow), html #root #wrap_all .full-width.background-main .button-title {
  color: white;
}
/* line 346, sass/textblock_media.scss */
html #root #wrap_all .full-width.background-main .media.image {
  -webkit-box-shadow: 10px 10px 0 0 #f59d1d;
  box-shadow: 10px 10px 0 0 #f59d1d;
}
/* line 350, sass/textblock_media.scss */
html #root #wrap_all .full-width.background-main .media.image:before {
  border-width: 0 10px 10px 0;
  border-color: transparent #f59d1d transparent transparent;
  bottom: -10px;
  left: 0;
}
/* line 357, sass/textblock_media.scss */
html #root #wrap_all .full-width.background-main .media.image:after {
  border-width: 10px 0 0 10px;
  border-color: transparent transparent transparent #f59d1d;
  top: 0;
  right: -10px;
}
/* line 364, sass/textblock_media.scss */
html #root #wrap_all .full-width.background-main .media.image:before, html #root #wrap_all .full-width.background-main .media.image:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
}
@media only screen and (max-width: 71.1875rem) {
  html #root #wrap_all .full-width.background-main {
    padding: 80px 0 140px 0;
  }
  /* line 375, sass/textblock_media.scss */
  html #root #wrap_all .full-width.background-main .content-left, html #root #wrap_all .full-width.background-main .content-right {
    margin-bottom: 90px;
  }
}
/* line 382, sass/textblock_media.scss */
html #root #wrap_all .full-width.background-main:after {
  position: absolute;
  z-index: 2;
  content: "";
  right: 130px;
  bottom: -80px;
  width: 170px;
  height: 165px;
  background-image: url(assets/figure5.svg);
  background-repeat: no-repeat;
}
/* line 395, sass/textblock_media.scss */
/* line 396, sass/textblock_media.scss */
@media only screen and (max-width: 71.1875rem) {
  /* line 406, sass/textblock_media.scss */
  html #root.msie #wrap_all .section.textblock--media .column.one-half {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
  }
}