/*
    Additional CSS:  RED ZONE Laboe
*/


/* montserrat-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/montserrat-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* montserrat-500 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/montserrat-v30-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }


/* ---------- VARIABLES ---------- */
:root {
    --primary-clr: #680f07;
    --secondary-clr: #cabdba;
    --lighter-secondary-clr: #E3DAD8;
    --darker-primary-clr: #550902;
    --darker-secondary-clr: #cabdba;
    --dark-secondary-clr: #967f7a;
    --cta-clr: #fed1b0;
	--darker-cta-clr: #eeaf82;
	--dark-cta-clr: #bf7d4e;
    --font-body: 'Open Sans', sans-serif;
    --font-headline: 'Montserrat', sans-serif;
}

.site-header,
.main-navigation.is_stuck {
    background: rgb(227, 218, 216, 0.8);
}

main a {
    color: var(--dark-cta-clr);
}
button, a.button, a.btn, input[type=submit], a.wp-block-button__link:not(.has-background), a.wp-show-posts-read-more:link, a.wp-show-posts-read-more:visited {
    border: 2px solid var(--dark-cta-clr);
    color:var(--dark-cta-clr);
}
button:hover, 
a.button:hover, 
a.btn:hover, 
input[type=submit]:hover, 
a.wp-block-button__link:not(.has-background):hover, 
a.wp-show-posts-read-more:hover, 
a.wp-show-posts-read-more:focus {
    color:var(--dark-cta-clr);
}

/* NAVI */
.main-navigation .main-nav ul li a, 
.main-navigation .menu-toggle, 
.main-navigation .menu-bar-items {
    color: #444;
    text-transform: uppercase;
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    color: var(--primary-clr) !important;
}
.main-navigation .main-nav ul li#menu-item-339 > a {
    color: inherit;
}
#menu-hauptnavigation .reservierung, 
#menu-hauptnavigation-1 .reservierung, 
.social .reservierung {
    color: #fff;
}
.social a:link, 
.social a:visited {
    color: #444;
}
.social a.reservierung:link, 
.social a.reservierung:visited {
    color: #fff;
}
.social a:hover, 
.social a:focus {
    color: var(--primary-clr);
    opacity: 1;
}

.site-info {
    background-color: var(--dark-secondary-clr);
}

/* HERO */
#hero > div.flexbox-logo .textbox {
background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 80%, rgba(0,0,0,0) 100%) !important; /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


/* CONTENT */
.fullwidth.fullwidth-dark {
    background-color: var(--dark-secondary-clr);
}
.entry-content > .wp-block-lazyblock-fullwidth-section:first-child .fullwidth-bottom-margin.fullwidth-cta {
    margin-top: -60px;
}
.entry-content > .wp-block-lazyblock-fullwidth-section:first-child .fullwidth-bottom-margin.fullwidth-cta .fullwidth-content {
    padding-top: 3rem;
    padding-bottom: 2rem;
}
.entry-content > .wp-block-lazyblock-fullwidth-section:first-child .fullwidth-bottom-margin.fullwidth-cta h2 {
    margin-bottom: 1.6rem;
    font-size: 2.0rem;
}
.fullwidth-cta p {
    color: var(--primary-clr);
}

/* FOOTER */
.site-footer {
    border-top: 10px solid var(--primary-clr);
}
.site-footer::before {
    width: 300px;
    height: 95px;
    margin: 40px auto 20px;
    background: url(/wp-content/themes/gp-buenavista/gfx/logo-redzone.webp) no-repeat;
    max-width: 90%;
    background-size: contain;
}
.site-footer,
.footer-widgets {
    background: var(--lighter-secondary-clr);
}
.site-footer .contact i.fad {
    color: var(--primary-clr);
}
.site-info {
    background-color: var(--primary-clr);
}