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

/* ------------------------------------------------------------------------
 * Second Slider: Common
 * --------------------------------------------------------------------- */

.banners .bareslider .pak-button a {
    color: inherit;
    padding: clamp(6px, 0.6vw, 10px) clamp(16px, 2vw, 36px);
    font-size: clamp(10px, 1vw, 16px);
    margin-top: clamp(10px, 1.8vw, 30px);
    font-weight: bold;
}

/* ------------------------------------------------------------------------
 * Second Slider: Rolex
 * --------------------------------------------------------------------- */

/* This CSS zone was commented on 2026-10-01, due to the removal of the associated material */

/*
.slide-content-rolex .pro-overlay,
.slide-content-rolex .pro-overlay .pak-text-block a {
    color: #ffffff;
}

.slide-content-rolex .pak-text-block {
    font-size: clamp(14px, 2.5vw, 40px);
    font-family: sans-serif;
    line-height: 1.3;
}

.slide-content-rolex .pak-button a {
    border-radius: 30px;
    background-color: #127749;
    font-family: sans-serif;
}

.slide-content-rolex .pak-button a:hover {
    background-color: #006039;
}

.slide-content-rolex .pro-overlay {
    right: 26%;
    top: 30%;
}

.home-second-rolex-wimbledon .pro-overlay {
    right: 10%;
}

.home-second-rolex-ergo .pro-overlay {
    right: 24vw;
}

.home-second-rolex-wotm-desktop .pro-overlay,
.home-second-rolex-accessories-desktop .pro-overlay,
.home-second-rolex-oyster-story-desktop .pro-overlay {
	right: 20%;
}

.home-second-rolex-wotm-desktop .pro-overlay .pak-text-block a,
.home-second-rolex-accessories-desktop .pro-overlay .pak-text-block a {
    color: #ffffff;
}

.home-second-rolex-oyster-story-desktop .pro-overlay .pak-text-block a {
    color: #000000;
}

@media (max-width: 767px) {
    .home-second-rolex-wimbledon .pro-overlay {
        right: 4%;
    }
}

.slide-content-rolex.slide-content-mobile > .wpb_column > .vc_column-inner > .wpb_wrapper {
    flex-direction: column;
}

.slide-content-rolex .pro-sublayer {
    text-align: center;
}

.slide-content-rolex .pro-sublayer .pak-text-block {
    margin-top: 4px;
}

.slide-content-rolex .pro-sublayer .pak-button a {
    color: #ffffff;
    margin-top: 4px;
}

@media (max-width: 640px) {
    .home-second-rolex-wotm-desktop,
	.home-second-rolex-ergo-desktop,
    .home-second-rolex-accessories-desktop,
    .home-second-rolex-oyster-story-desktop {
        display: none;
    }
}

@media (min-width: 641px) {
    .home-second-rolex-wotm-mobile,
	.home-second-rolex-ergo-mobile,
	.home-second-rolex-accessories-mobile,
	.home-second-rolex-oyster-story-mobile {
        display: none;
    }
}

*/

/* ------------------------------------------------------------------------
 * Second Slider: Marco Bicego
 * --------------------------------------------------------------------- */

.home-second-marco-bicego .pro-title {
    font-size: clamp(26px, 3vw, 54px);
    font-family: var(--pro-title-font), sans-serif;
    line-height: 1;
}

.home-second-marco-bicego .pro-subtitle {
    font-size: clamp(10px, 1vw, 18px);
}

.home-second-marco-bicego .pro-overlay {
    left: 2%;
    top: 3%;
}

@media (min-width: 768px) {
    .home-second-marco-bicego .pro-overlay {
        left: 10%;
        top: 20%;
    }
}

.home-second-marco-bicego .pak-button a {
    border: 1px solid #000000;
}

.home-second-marco-bicego .pak-button a:hover {
    color: #ffffff;
    background-color: #000000;
}

/* ------------------------------------------------------------------------
 * Second Slider: Tudor
 * --------------------------------------------------------------------- */

.home-second-tudor .pro-overlay {
    top: 50%;
    right: 16vw;
    color: #ffffff;
    transform: translateY(-50%);
}

.home-second-tudor .pro-title {
    color: #ffffff;
    /*font-size: 46px;*/
    font-size: clamp(14px, 3vw, 46px);
}

.home-second-tudor .pak-button a {
    color: #ffffff;
    background-color: #be0100;
    border: 1px solid #ffffff;
}

@media (max-width: 640px) {
    .home-second-tudor-desktop {
        display: none;
    }
}

@media (min-width: 641px) {
    .home-second-tudor-mobile {
        display: none;
    }
}

/* ------------------------------------------------------------------------
 * Second Slider: Gucci
 * --------------------------------------------------------------------- */

.home-second-gucci .pro-title {
    /*font-size: 54px;*/
    font-size: clamp(22px, 3vw, 54px);
    font-family: var(--pro-title-font), sans-serif;
    line-height: 1;
}

.home-second-gucci .pro-subtitle {
    /*font-size: 18px;*/
    font-size: clamp(11px, 1vw, 18px);
}

.home-second-gucci .pro-overlay {
    right: 8vw;
    top: 20%;
    /* transform: translateY(-50%); */
    color: #ffffff;
}

.home-second-gucci .pak-button a {
    border: 1px solid #ffffff;
}

.home-second-gucci .pak-button a:hover {
    color: #000000;
    background-color: #ffffff;
}

@media (max-width: 480px) {
    .home-second-gucci .pro-overlay {
        right: 2vw;
        top: 8%;
    }
}

/* ------------------------------------------------------------------------
 * Second Slider: Montblanc
 * --------------------------------------------------------------------- */

.home-second-montblanc .pro-title {
    font-size: clamp(12px, 2.5vw, 40px);
}

.home-second-montblanc .pro-overlay {
    top: 2vw;
    left: 4vw;
    color: #ffffff;
}

.home-second-montblanc .pak-button a {
    border: 1px solid #ffffff;
}

.home-second-montblanc .pak-button a:hover {
    color: #000000;
    background-color: #ffffff;
}