.aw-slider-wrapper {
margin: 0 auto;
position: relative;
overflow: hidden;
}
.aw-slider {
position: relative;
}
.aw-slide {
display: none;
}
.aw-slide.aw-slide--active {
display: block;
}
.aw-slide-inner {
display: flex;
flex-wrap: wrap;
min-height: 635px;
} .aw-slide-media {
flex: 1 1 65%;
position: relative;
overflow: hidden;
background: #000; } .aw-slide-media .aw-video-wrapper,
.aw-slide-media .aw-image-wrapper {
position: absolute;
inset: 0;
overflow: hidden;
}
.aw-slide-media .aw-video-wrapper iframe {
width: 100%;
height: 100%;
border: 0;
object-fit: cover;
object-position: center;
} .aw-slide-media .aw-media-image {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
} .aw-single-media {
margin-bottom: 24px;
} .aw-single-media .aw-video-wrapper,
.aw-single-media .aw-image-wrapper {
position: relative;
width: 100%;
overflow: hidden;
} .aw-single-media .aw-video-wrapper::before,
.aw-single-media .aw-image-wrapper::before {
content: "";
display: block;
padding-bottom: 56.25%;
}
.aw-single-media iframe,
.aw-single-media img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
object-fit: cover;
object-position: center;
display: block;
} @media (max-width: 768px) {
.aw-slide-inner {
flex-direction: column;
}
.aw-slide-media {
flex: 0 0 auto;
width: 100%;
position: relative;
overflow: hidden;
} .aw-slide-media .aw-video-wrapper,
.aw-slide-media .aw-image-wrapper {
position: relative;
inset: auto;
width: 100%;
height: auto;
}
.aw-slide-media .aw-video-wrapper::before,
.aw-slide-media .aw-image-wrapper::before {
content: "";
display: block;
padding-bottom: 56.25%; }
.aw-slide-media .aw-video-wrapper iframe,
.aw-slide-media .aw-image-wrapper img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
} .aw-slide-content {
flex: 1 1 35%;
min-width: 300px;
padding: 60px;
background-color: #90A56E; color: #ffffff;
display: flex;
flex-direction: column;
justify-content: center;
}
.aw-slide-label {
text-transform: uppercase;
font-size: 33px;
font-family: "freight-sans-pro", Sans-serif;
letter-spacing: 0.08em;
opacity: 0.9;
}
.aw-slide-heading {
font-size: 18px;
margin: 10px 0 5px;
font-family: "freight-sans-pro", Sans-serif;
}
.aw-slide-recipient {
font-weight: 600;
font-family: "freight-sans-pro", Sans-serif;
margin-top: 20px;
}
.aw-slide-excerpt {
margin-top: -10px;
}
.aw-slide-excerpt p {
margin-bottom: 1rem;
}
.aw-bold {
font-weight: 700;
}
.aw-slide-button {
display: inline-block;
margin-top: 20px;
padding: 12px 44px;
background-color: #576640; color: #ffffff;
text-decoration: none;
text-transform: uppercase;
font-size: 20px;
letter-spacing: 0.1em;
font-family: "freight-sans-pro", Sans-serif;
}
.aw-slide-button:hover {
opacity: 0.95;
} .aw-slider-dots {
margin-top: 85px;
}
.aw-slider-dot {
width: 20px;
height: 20px;
border-radius: 999px;
border: none;
margin: 0 6px;
background-color: #ffffff; cursor: pointer;
padding: 0;
}
.aw-slider-dot.aw-slider-dot--active,
.aw-slider-dot.is-active {
background-color: #576640 !important; } @media (max-width: 768px) {
.aw-slide-content {
padding: 24px;
}
.aw-slider-dots {
margin-top: 35px;
}
.aw-slide-label {
font-size: 26px;
}
.aw-slide-button {
font-size: 18px;
padding: 12px 34px;
}
}