@font-face {
    font-family: "Lorenzo Sans Regular";
    src: url("Lorenzo Sans Regular.ttf") format("woff2"),
    url("Lorenzo Sans Regular.ttf") format("woff"),
    url("Lorenzo Sans Regular.ttf") format("truetype");
}

:root 
{
    --color-60                  : #84A2C8;
    --color-30                  : #EDF3FB;
    --color-10                  : #041C3A;
    --color-background          : white;
    --color-cta                 : #e67300;

}

html, body {
  width: 100%;
  max-width: 100%;
  height: 100vh;
  overflow: hidden;
  
}

h3 
{
    font-size                   : 1.25em;
    padding                     : .5rem;
    text-shadow                 : 1px 1px 10px var(--color-60), 1px 1px 10px #ccc;
}

body 
{
    --header-cta-width          : 15rem;

    margin                      : 0;
    height                      : 100%;
    
}


.cta_btn
{
    box-shadow                  : 0 0 2rem var(--color-cta), inset 0 0 1px rgba(255, 255, 255, 0.8);
    background-color            : var(--color-cta);
    border-radius               : 1rem;
    border                      : 1px solid white;
    color                       : white;
}

@media (prefers-color-scheme: dark) 
{
    :root 
    {
        --color-60                  : #007acc;
        --color-30                  : #2d2d30;
        --color-10                  : #1e1e1e;
        --color-background          : #2d2d30;
    }

    :root *
    {
        color                       : white;
    }

    a 
    {
        color                       : var(--color-60)!important;
    }
}



 * {
  /* outline: 1px solid red; */
  font-family: 'Lorenzo Sans Regular';
} 
body > .content 
{
    display                         : block;
    position                        : absolute;
    height                          : Calc(100vh - 4rem);
    width                           : 100vw;
    left                            : 0;
    top                             : 4rem;
    overflow                        : scroll;
    overflow-x                      : hidden;
    scroll-snap-type                : y proximity;
    scroll-behavior                 : smooth;
    background-color                : var(--color-background);
}

section 
{
    display                         : flex;
    position                        : relative;
    min-height                      : 80vh;
    width                           : 100%;
    
    scroll-snap-align               : start;
    padding-bottom                  : 5rem;
}



@media (min-width: 480px) 
{
    html, body 
    {
        font-size                   : 1rem;
        line-height                 : 1.5rem;
    }
    body 
    {
        --header-height             : 8rem;
        /* height:100%; */
    }
}

@media (min-width: 768px) 
{
    html, body 
    {
        font-size                   : 1.125rem;
        line-height                 : 1.8rem;
    }
}

@media (min-width: 1024px) 
{
    html, body 
    {
        font-size                   : 1.25rem;
        line-height                 : 2rem;
    }
    body 
    {
        --header-height             : 4rem;
    }
}

section:first-of-type
{
    height                          : 100vh;
    min-height                      : 100vh;
}





/*/ Header  /*/
    


section > h3 
{
    height                          : fit-content;
    width                           : 100%;
    text-align                      : center;
    font-weight                     : bold;
    padding                         : 2rem;
}



.map-container {
      width: 100%; 
      height: 800px; 
      position: relative;
      overflow: hidden;
    }
    iframe {
      width: 100%; 
      height: 100%; 
      border: none; 
    }


    #cookieConsent {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #333;
        color: white;
        padding: 10px 20px;
        text-align: center;
        font-size: 14px;
        z-index: 1000;
        display: none;
    }

    #cookieConsent button {
        background-color: #4CAF50;
        color: white;
        border: none;
        padding: 8px 16px;
        cursor: pointer;
        font-size: 14px;
    }

    #cookieConsent button:hover {
        background-color: #45a049;
    }