@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Bebas+Neue&family=Cinzel:wght@400;600;700&family=Cinzel+Decorative:wght@700;900&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Josefin+Sans:wght@200;300;400;600&family=Montserrat:wght@400;700&family=Open+Sans:wght@300;400;500;600;700&display=swap');

body{
font-family:"Open Sans";
font-size:14px;
}

body.de_light{
color:#757575;
}

h1,h2,h3,h4,h5,
.de_count h3,
.coming-soon-text h1{
font-family:"Montserrat", sans-serif;
font-weight:bold;
letter-spacing:0;
text-transform:none;
}

#mainmenu{
font-family:"Josefin Sans", sans-serif;
}

h1.big-font,.type-wrap.big-font{
    font-family: 'Times New Roman', Times, serif;
    font-size: 52px;
    font-weight: 700;
    font-style: normal;
    text-transform: none;
    letter-spacing: 10px;
    line-height: 1.05;
}

.teaser-text{
font-family:"Cormorant Garamond", Georgia, serif;
font-size:20px;
font-weight:300;
font-style:italic;
text-transform:none;
letter-spacing:3px;
}

.testimonial-list, .testimonial-list li{
font-family:Open Sans;	
}

#mainmenu{
font-size:13px;
}

.testimonial-list, .testimonial-list li{
font-style:normal;
}

.testimonial-list.big-font li{
font-size:30px;
}


.gallery-col .item{
margin-bottom:30px;
}


footer{background:#151515;}
.subfooter{background:#111;}


.absolute{position:absolute; z-index:1;}
.width100{width:100%;}

/* ── Hero CTA Button — Emphasized & Modern ──────────────────── */
.btn-slider,
a.btn-slider {
    display: inline-block;
    position: relative;
    font-family: 'Bebas Neue', 'Cinzel', 'Josefin Sans', sans-serif;
    font-size: 20px; /* larger for all-caps legibility */
    font-weight: 400;
    letter-spacing: 2px; /* tighter for Bebas */
    text-transform: uppercase;
    /* filled gold by default — stands out against the dark video */
    color: #111 !important;
    background: #be9342 !important;
    border: 1px solid #be9342 !important;
    padding: 20px 64px; /* larger hit target */
    border-radius: 6px;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    text-decoration: none;
    /* lift shadow so it reads clearly over any background */
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.6), 0 0 0 0 rgba(190, 147, 66, 0);

    -webkit-transition: color 0.28s ease, background 0.28s ease, box-shadow 0.28s ease, transform 0.28s ease !important;
            transition: color 0.28s ease, background 0.28s ease, box-shadow 0.28s ease, transform 0.28s ease !important;
}

/* reverse: outline on hover */
a.btn-slider:hover {
.btn-slider:hover,
a.btn-slider:hover {
    color: #be9342 !important;
    background: transparent !important;
    text-decoration: none;
    transform: translateY(-3px);
    box-shadow: 0 12px 40px rgba(190, 147, 66, 0.18), 0 2px 8px rgba(0,0,0,0.45);
}

/* no pseudo-element fill needed anymore */
.btn-slider::before,
a.btn-slider::before {
    content: none;
}

/* responsive: full-width on small screens */
@media (max-width: 768px) {
    .btn-slider,
    a.btn-slider {
        display: block;
        width: 100%;
        text-align: center;
        padding: 14px 20px;
        font-size: 18px;
        letter-spacing: 1.5px;
        border-radius: 4px;
    }
}

@media (max-width: 420px) {
    .btn-slider,
    a.btn-slider {
        font-size: 16px;
        padding: 12px 16px;
    }
}
