:root {
    --background: #ffffff;
    --dark: #000000;
    --gray: #ded7ce;
    --orange: #ff9460;
    --dark-green: #5b5a38;
    --medium-green: #8a8c5d;
    --light-green: #b8b99a;
    --dark-beige: #af9a7d;
}

html {
    scroll-behavior: smooth;
}

@font-face {
    font-family: 'Montserrat-Italic';
    src: url('/fonts/Montserrat-Italic.woff2');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat.woff2');
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: 'Montserrat Medium';
    src: url('/fonts/Montserrat.woff2');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Gistesy';
    src: url('/fonts/Gistesy.woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Seasons Regular';
    src: url('/fonts/theseasons-reg.woff2');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'Seasons Bold';
    src: url('/fonts/The_Seasons_Bold.woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Seasons Italic';
    src: url('/fonts/theseasons-it.woff2');
    font-weight: 400;
    font-display: swap;
    font-style: italic;
}

.text-dark-green {
    color: var(--dark-green);
}

.text-orange {
    color: var(--orange);
}

.text-medium-green {
    color: var(--medium-green);
}

.text-light-green {
    color: var(--light-green);
}

.background-dark-green {
    background-color: var(--dark-green);
}

.background-medium-green {
    background-color: var(--medium-green);
}

.background-light-green {
    background-color: var(--light-green);
}

.background-gray {
    background-color: var(--gray);
}

body {
    background-color: var(--background);
    color: var(--dark);
    font-family: 'Montserrat', 'sans-serif';
}

h1 {
    font-weight: normal;    
}

strong {
    font-family: 'Montserrat Medium', 'sans-serif';
}

.font-seasons-bold {
    font-family: 'Seasons Bold';
}

.font-seasons-regular {
    font-family: 'Seasons Regular';
}

.font-gistesy {
    font-family: 'Gistesy';
}

.nav-link {
    color: var(--dark);
    font-weight: 500;
    font-size: 1.1em;
}

.nav-link:hover {
    color: var(--dark);
}

.callout-headline {
    margin-top: 5rem;
}

.section {
    min-height: 100vh;
}

.highlight-number {
    font-size: 4rem;
    text-align: center;
}

.custom-btn-link, .custom-btn-link:active {
    display: inline-block;
    text-align: center;
    color: var(--dark);
    padding: 5px 25px;
    text-decoration: none;
    border: 1px solid var(--dark);
    box-shadow: 2px 2px 5px var(--dark);
}

.custom-btn-link:hover {
    background: var(--dark-beige);
    font-weight:500;
    color: var(--dark);
}

.testimonial-img {
    box-shadow: -25px 25px 0px 0px  var(--gray);
    margin-bottom:40px;
}

.modal-content {
    background: var(--gray);
}

footer {
    border-bottom: 1px solid black;
}

footer a {
    font-weight: 500;
    color: var(--dark-green);
}

footer a:hover {
    color: var(--medium-green);
}

#btnbacktotop {
    position: fixed;
    color: var(--dark-green);
    right: 40px;
    bottom: 40px;
    border: none;
    background: none;
}

#coaching, #about, #testimonials, #foryou {
    scroll-margin-top: 40px;
}

#coach-quote {
    font-size:1.4em;
}

#coach-quote-container {
    background: var(--background);
    padding: 25px;
    opacity: 0.85;
    margin: 20px;
}

#contact-container {
    background: var(--background);
    padding: 25px;
    opacity: 0.85;
    width: 400px;
    margin: 20px auto;
    text-align: center;
}

#contact-container a {
    font-weight: 500;
}

#contact-container a:hover {
    color: var(--medium-green);
}

#present-container {
    background: var(--background);
    opacity: 0.75;
}

#section-1 {
    background-image: url('/images/image_1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: overlay;
    background-position: center;
    background-color: rgba(255, 255, 255, 0.4);
    min-height: 110vh;
}

#section-2 {
    background-color: var(--background);
}

#section-3 {
    background-image: url('/images/image_3.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: overlay;
    background-position: center;
    background-color: rgba(255, 255, 255, 0.4);
}

#section-4 {
    min-height: 50vh;
}

#section-7 {
    background-image: url('/images/image_10.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh
}

#section-14 {
    background-image: url('/images/image_16.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: overlay;
    background-position: center;
    background-color: rgba(255, 255, 255, 0.7);
}

#section-16 {
    background-image: url('/images/image_20.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: overlay;
    background-position: center;
    background-color: rgba(255, 255, 255, 0.5);
}

#section-18 {
    background-image: url('/images/image_23.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: overlay;
    background-position: center;
    background-color: rgba(255, 255, 255, 0.2);
    height: 30vh;
}

#section-15 {
    margin-top: 6em !important;
}

#bottom-nav a, #bottom-nav a:link {
    font-weight: 500;
    color: var(--dark-green);   
}

#bottom-nav a:hover {
    color: var(--medium-green);   
}

#imprint-container {
    opacity: 0.75;
}