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

/*
 @import '../../draadcore/sass/includes/mixins';
 @import 'includes/config';
 $svgColor: str-replace($main, '#', '%23');
 html {
 .section.members_slider , .section.rva , .section.news_slider {
 .container{
 min-width: 100%;
 max-width: 100%;
 }
 .column {
 .heading   h2, .heading h3 {
 text-align: center;
 }
 }
 .slider-wrapper {
 position: relative;
 width: 100%;
 }
 .slider {
 @include display-flex;
 width: 100%;
 .column{
 margin: 0!important;
 }
 }
 .slider-viewport {
 overflow: visible;
 width: calc(380px * 4);
 @include media(laptop){
 width: calc(380px * 4);
 }
 @include media(tablet){
 width: calc(380px * 3);
 }
 @include media(small-tablet){
 width: 100vw;
 }
 .slider{
 padding: 0 !important;
 }
 }
 .slide {
 @include transition(0.4s ease);
 @include display-flex;
 @include justify-content(center);
 min-width: 25%;
 padding: 5px;
 margin: 0;
 position: relative;
 .entry {
 display: block;
 @include media(tablet){
 @include display-flex;
 }
 }
 &[aria-hidden="true"] {
 display: -webkit-box!important;
 display: -moz-box!important;
 display: -ms-flexbox!important;
 display: -webkit-flex!important;
 display: flex!important;
 }
 .label {
 font-size: 20px;
 font-weight: 900;
 font-stretch: normal;
 font-style: normal;
 line-height: 2.25;
 letter-spacing: normal;
 }
 h5 {
 color: white;
 font-size: 20px;
 font-weight: 900;
 font-stretch: normal;
 font-style: normal;
 line-height: 1.7;
 letter-spacing: normal;
 margin: -10px 0 10px 0;
 }
 .button-wrap {
 display: none;
 .button-colored {
 background-color: $main !important;
 padding: 16px;
 display: block;
 }
 .button-title {
 margin-right: 16px;
 display: inline-block;
 font-size: 16px;
 font-weight: bold;
 font-stretch: normal;
 font-style: normal;
 line-height: normal;
 letter-spacing: normal;
 }
 .fa-arrow-right {
 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='%23FFFFFF' 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");
 background-repeat: no-repeat;
 display: inline-block;
 width: 12px;
 height: 12px;
 }
 }
 .hover-effect:hover {
 .entry-header .button-wrap {
 display: block;
 }
 }
 .article {
 @include box-shadow(none);
 .entry-image {
 position: relative!important;
 height: 448px;
 max-width: 338px;
 }
 }
 .entry-header {
 position: absolute;
 bottom: 0;
 padding: 25px;
 }
 }
 .hover-effect:hover {
 .entry {
 position: relative;
 z-index: 2;
 @include box-shadow(10px 10px 0 0 $secondary);
 border-radius: 0;
 }
 .entry-header {
 .button-wrap {
 display: block;
 }
 }
 }
 .hover-effect:hover {
 .entry:before {
 border-width: 0 10px 10px 0;
 border-color: transparent $secondary transparent transparent;
 bottom: -10px;
 left: 0px;
 }
 }
 .hover-effect:hover {
 .entry:after {
 border-width: 10px 0 0 10px;
 border-color: transparent transparent transparent $secondary;
 top: 1px;
 right: -10px;
 }
 }
 .hover-effect:hover {
 .entry:before, .entry:after {
 content: "";
 width: 0;
 height: 0;
 border-style: solid;
 position: absolute;
 }
 }
 .slider-controls {
 @include display-flex;
 @include justify-content(space-between);
 position: relative;
 min-height: 30px;
 width: 60%;
 margin: auto;
 margin-top: 20px;
 @include media(large-tablet) {
 position: relative;
 top: 0;
 bottom: 0;
 }
 }
 .slider-button {
 position: relative;
 background: none;
 border: none;
 cursor: pointer;
 min-height: 30px;
 width: 30px;
 }
 .slider-button:after {
 @include transform(translate(-50%, -50%));
 top: 50%;
 left: 50%;
 background-repeat: no-repeat;
 content: "";
 position: absolute;
 right: 0;
 height: 24px;
 width: 24px;
 }
 .next-button:after {
 right: 10%;
 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='#{$svgColor}' 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");
 }
 .prev-button:after {
 //left: 10%;
 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='#{$svgColor}' 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");
 }
 .slider-pager {
 position: relative;
 top: -20px;
 min-width: 20%;
 max-width: 50%;
 @include display-flex;
 @include justify-content(center);
 margin: 0 auto;
 @include media(large-tablet) {
 margin: auto;
 }
 @include media(tablet){
 top: -40px;
 max-width: 80%;
 }
 }
 .pager  {
 width: 20%;
 height: 5px;
 margin: 0 5px;
 background: $grey8;
 color: $grey8;
 border: none;
 transform: translateX(0) !important;
 overflow: hidden;
 @include media(small-tablet) {
 margin: 0;
 }
 }
 .active {
 background: $secondary;
 color: $secondary;
 width: 20px;
 }
 }
 }
 */
