/* compiled by scssphp v0.6.3 on Thu, 13 Jan 2022 14:19:17 +0100 (0.1208s) */

@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/timeline.scss */
/* line 5, sass/timeline.scss */
html #root #wrap_all .section.timeline {
  /*    .bx-pager{
   position: relative;
   min-width: 20%;
   display: flex;
   justify-content: space-between;
   margin: auto;
   padding: 20px;
   }
   .bx-pager-link{
   display: block;
   text-decoration: none;
   height: 5px;
   width: 70px;
   overflow: hidden;
   background: $grey8;
   margin: 5px;
   }
   .active{
   background: $main;
   width: 20px;
   }*/
}
/* line 6, sass/timeline.scss */
html #root #wrap_all .section.timeline .container {
  min-width: 90%;
}
/* line 9, sass/timeline.scss */
html #root #wrap_all .section.timeline .container .column.full {
  margin: 25px;
  overflow: hidden;
}
/* line 15, sass/timeline.scss */
html #root #wrap_all .section.timeline .container .slider-wrapper {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
/* line 22, sass/timeline.scss */
html #root #wrap_all .section.timeline .container .slider {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
}
/* line 27, sass/timeline.scss */
html #root #wrap_all .section.timeline .container [aria-hidden="true"] {
  display: block;
}
/* line 31, sass/timeline.scss */
html #root #wrap_all .section.timeline .slider {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: auto;
  padding: 0;
  overflow: hidden;
}
/* line 37, sass/timeline.scss */
html #root #wrap_all .section.timeline .slider .slide {
  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;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  background-image: linear-gradient(107deg, #1e9eda 2%, #1e84da 98%);
  width: 90vw;
  padding: 40px 10vw;
}
/* line 45, sass/timeline.scss */
html #root #wrap_all .section.timeline .slider .slide.animate {
  -webkit-transition: 0.9s ease;
  transition: 0.9s ease;
}
/* line 50, sass/timeline.scss */
html #root #wrap_all .section.timeline .slider .image-container {
  height: 0;
  padding-bottom: calc(100% / 530 * 350);
}
/* line 55, sass/timeline.scss */
html #root #wrap_all .section.timeline .slider .column.one-half {
  -webkit-perspective: 600px;
  perspective: 600px;
  max-height: 547px;
}
/* line 61, sass/timeline.scss */
html #root #wrap_all .section.timeline .slider .label {
  position: absolute;
  bottom: 80px;
  left: -90px;
  height: 135px;
  width: 200px;
  font-size: 30px;
  font-weight: 900;
  line-height: 1.5;
  color: white;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url("assets/timelinesvg.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
/* line 79, sass/timeline.scss */
@media only screen and (max-width: 63.9375rem) {
  html #root #wrap_all .section.timeline .slider .entry-content p {
    font-size: 16px;
  }
}
/* line 85, sass/timeline.scss */
html #root #wrap_all .section.timeline .slider .column.one-half:last-child {
  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: center;
  -ms-flex-pack: center;
  justify-content: center;
}
/* line 89, sass/timeline.scss */
html #root #wrap_all .section.timeline .slider .column.one-half:last-child div:first-child {
  font-size: 20px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.25;
  letter-spacing: normal;
  color: #000;
}
/* line 99, sass/timeline.scss */
html #root #wrap_all .section.timeline .slider .column.one-half:last-child div:nth-child(2) {
  font-size: 28px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.46;
  letter-spacing: normal;
  color: #fff;
}
/* line 109, sass/timeline.scss */
html #root #wrap_all .section.timeline .slider .column.one-half:last-child .content {
  margin-top: 40px;
}
/* line 113, sass/timeline.scss */
html #root #wrap_all .section.timeline .slider .column.one-half:last-child p {
  color: #fff;
}
@media only screen and (max-width: 1400px) {
  /* line 120, sass/timeline.scss */
  /* line 121, sass/timeline.scss */
  html #root #wrap_all .section.timeline .slider .label {
    top: 80px;
    left: -90px;
    height: 135px;
    width: 200px;
  }
}
@media only screen and (max-width: 71.1875rem) {
  /* line 131, sass/timeline.scss */
  /* line 132, sass/timeline.scss */
  html #root #wrap_all .section.timeline .container .column.full {
    margin: 25px 0;
  }
  /* line 136, sass/timeline.scss */
  html #root #wrap_all .section.timeline .container .slide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  /* line 141, sass/timeline.scss */
  html #root #wrap_all .section.timeline .container .column.one-half {
    min-width: 100%;
    max-width: 100%;
    margin: 0;
  }
  /* line 147, sass/timeline.scss */
  html #root #wrap_all .section.timeline .container .label {
    width: 160px;
    height: 110px;
    left: 50px;
  }
}
@media only screen and (max-width: 1400px) {
  /* line 156, sass/timeline.scss */
  /* line 157, sass/timeline.scss */
  html #root #wrap_all .section.timeline .slider .label {
    top: 80px;
    left: -70px;
  }
}
@media only screen and (max-width: 47.9375rem) {
  /* line 165, sass/timeline.scss */
  /* line 166, sass/timeline.scss */
  html #root #wrap_all .section.timeline .container .slider {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  /* line 169, sass/timeline.scss */
  html #root #wrap_all .section.timeline .container .label {
    width: 130px;
    height: 80px;
    left: -30px;
    font-size: 20px;
  }
}
/* line 177, sass/timeline.scss */
html #root #wrap_all .section.timeline .sliderviewport {
  overflow: visible !important;
  height: auto !important;
}
/* line 181, sass/timeline.scss */
html #root #wrap_all .section.timeline .slider {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0;
  margin: 0;
}
/* line 187, sass/timeline.scss */
html #root #wrap_all .section.timeline .entry {
  position: relative;
}
/* line 190, sass/timeline.scss */
html #root #wrap_all .section.timeline [aria-hidden="true"] {
  display: block;
}
/* line 193, sass/timeline.scss */
html #root #wrap_all .section.timeline .slide {
  z-index: 5;
}
/* line 196, sass/timeline.scss */
html #root #wrap_all .section.timeline .entry-header {
  position: absolute;
  bottom: 0;
  padding: 25px;
}
/* line 202, sass/timeline.scss */
html #root #wrap_all .section.timeline .slider-controls {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  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;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  z-index: 9;
  height: 100%;
}
@media only screen and (max-width: 47.9375rem) {
  html #root #wrap_all .section.timeline .slider-controls {
    position: relative;
    margin: 50px 0;
    width: 50vw;
  }
}
/* line 219, sass/timeline.scss */
html #root #wrap_all .section.timeline .slider-button {
  background: transparent;
  border: none;
  cursor: pointer;
  z-index: 3;
  display: block;
  width: 7%;
  height: 100%;
  position: relative;
}
@media only screen and (max-width: 47.9375rem) {
  html #root #wrap_all .section.timeline .slider-button {
    width: 40px;
    height: 40px;
    background: #1e9eda;
  }
}
/* line 235, sass/timeline.scss */
html #root #wrap_all .section.timeline .slider-button:after {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  right: 0;
  height: 24px;
  width: 24px;
}
/* line 246, sass/timeline.scss */
html #root #wrap_all .section.timeline .next-button:after {
  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='white' 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 249, sass/timeline.scss */
html #root #wrap_all .section.timeline .prev-button:after {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='arrow-left' class='svg-inline--fa fa-arrow-left fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='white' d='M229.9 473.899l19.799-19.799c4.686-4.686 4.686-12.284 0-16.971L94.569 282H436c6.627 0 12-5.373 12-12v-28c0-6.627-5.373-12-12-12H94.569l155.13-155.13c4.686-4.686 4.686-12.284 0-16.971L229.9 38.101c-4.686-4.686-12.284-4.686-16.971 0L3.515 247.515c-4.686 4.686-4.686 12.284 0 16.971L212.929 473.9c4.686 4.686 12.284 4.686 16.971-.001z'%3E%3C/path%3E%3C/svg%3E");
}
/* line 278, sass/timeline.scss */
@media only screen and (max-width: 71.1875rem) {
  /* line 280, sass/timeline.scss */
  /* line 281, sass/timeline.scss */
  /* line 282, sass/timeline.scss */
  html #root.msie #wrap_all .slider .slide .column.one-half {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
  }
}