/**
 * Requires: /bareslider/common.css
 */

/* ------------------------------------------------------------------------
 * First Slider: Common
 * --------------------------------------------------------------------- */

.first-slider .bareslider {
    height: clamp(200px, 30vw, 600px);
}

.first-slider .pro-overlay {
    position: absolute;
    text-align: center;
}

.first-slider .pak-text-block {
    line-height: 1;
    color: #000000;
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-weight: bold;
    font-style: normal;
    text-align: right;
    font-size: clamp(14px, 4vw, 65px);
}

.first-slider .pak-text-block p:last-child {
    margin-bottom: 0;
}

.first-slider .pak-button {
    text-align: right;
    margin-top: clamp(10px, 2.5vw, 36px);
}

.first-slider .pak-button a {
    font-size: clamp(10px, 1.3vw, 18px);
    padding: clamp(6px, 0.5vw, 8px) clamp(10px, 1vw, 16px);
    background: #000000;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
}

.first-slider .pak-button a:hover {
    background: transparent;
    color: #000000;
}