:root {
    --primary: #B1977F;
    --secondary: #93ACB5;
    --dark-pink: #BFACB5;
    --mid-pink: #7C6A6A;
    --dark-yellow: #D0B17A;
    --dark-purple: #82849B;
    --dark-green: #899772;
    --light-green: #ADBB98;
    --bg-dark: #909090;
    --btn-bg: #88796B;
    --bg: #F3F3F3;
    --white: #fff;
    --black-color: #000;
    --almost-black: #4F4D49;
    --body-color: #000;
    --cta-bg: #463F38;
    --body-font: 'Quicksand', sans-serif;
    --operetta-8-bold-font: 'Operetta-8-bold';
    --operetta-8-demi-font: 'Operetta-8-Demi';
    --Operetta-12-regular-font: 'Operetta-12-regular';
}

.mattress-slider .post .post-content-wrap {
    background: var(--almost-black);
    padding: 35px 45px 55px
}

.mattress-slider .post .post-content-wrap :is(p, a) {
    color: var(--white);
    text-decoration: none;
}

.mattress-slider .post .post-content-wrap .entry-title {
    margin-bottom: 0;
    font-size: 30px;
    font-family: var(--operetta-8-bold-font)
}

.mattress-slider .post .post-content-wrap .entry-title a:hover {
    opacity: .6
}

.mattress-slider .post .post-content-wrap .btn {
    text-align: center
}

.mattress-slider .post .post-content-wrap .btn a {
    background: var(--primary);
    padding: 8px 31px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-decoration: none;
}

.mattress-slider .post {
    margin-bottom: 0;
    height: 100%
}

.mattress-slider .slick-track {
    display: flex;
    flex-wrap: wrap
}

.mattress-slider .post .featured-image img {
    margin-bottom: 0;
    width: 100%
}

.mattress-slider .slick-dots {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    gap: 5px 15px;
    position: absolute;
    bottom: 15px;
    width: 100%;
    justify-content: center
}

.mattress-slider .slick-dots li {
    list-style: none;
    margin: 0
}

.mattress-slider .slick-dots li button {
    font-size: 0;
    background: 0 0;
    border: 1px solid var(--white);
    height: 14px;
    width: 12px;
    transition: all .3s ease 0s
}

.mattress-slider .slick-dots li button:hover,
.mattress-slider .slick-dots li.slick-active button {
    transition: all .3s ease 0s;
    background: var(--bg)
}

.single-post-section .featured-related-post-section .post {
    position: relative !important
}

.highlighted {
    color: var(--primary)
}

.mattress-post-wrapper {
    background: var(--btn-bg);
    padding: 25px 30px
}

.mattress-post-wrapper p {
    color: var(--white);
    font-size: 20px;
    font-weight: 400
}

.mattress-post-wrapper p:last-child {
    margin-bottom: 0
}

.mattress-slider-wrapper .mattress-post-wrapper {
    background: var(--btn-bg);
    color: var(--white) !important;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    margin: 0;
    padding: 13px 15px
}

.mattress-slider-wrapper {
    margin-top: 20px;
    overflow: hidden;
}