/*
    * Web Fonts from colophon-foundry.org
    *
    * The fonts included in this stylesheet are subject to the End User License you purchased
    * from Colophon Foundry. The fonts are protected under domestic and international trademark and
    * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
    * distributing this font software.
    *
    * (c) 2023 Colophon Foundry
    *
    */

    @font-face {
    	font-family: 'Sunset Gothic';
    	src: url('/sunset-gothic-heavy-italic.woff2') format('woff2'),
    		url('/sunset-gothic-heavy-italic.woff') format('woff'),
    		url('/sunset-gothic-heavy-italic.ttf') format('truetype');
    	font-weight: 900;
    	font-style: italic;
    }

    @font-face {
    	font-family: 'Sunset Gothic';
    	src: url('/sunset-gothic-heavy.woff2') format('woff2'),
    		url('/sunset-gothic-heavy.woff') format('woff'),
    		url('/sunset-gothic-heavy.ttf') format('truetype');
    	font-weight: 900;
    	font-style: normal;
    }

    /*
	* Copyright (C) 2011 OSP 
	* http://ospublish.constantvzw.org.
	* This Font Software is licensed under the SIL Open Font License, Version 1.1.
	*/

    @font-face {
    	font-family: 'Crickx';
    	src: url('/Crickx.otf') format('opentype');
    	font-display: block;
    }

    @font-face {
    	font-family: 'Outfit';
    	src: url('/Outfit-Light.woff2') format('woff2'),
    		url('/Outfit-Light.otf') format('opentype'),
    		url('/Outfit-Light.ttf') format('truetype');
    	font-weight: 300;
    	font-style: normal;
    }

    @font-face {
    	font-family: 'Outfit';
    	src: url('/Outfit-Regular.woff2') format('woff2'),
    		url('/Outfit-Regular.otf') format('opentype'),
    		url('/Outfit-Regular.ttf') format('truetype');
    	font-weight: 400;
    	font-style: normal;
    }

    body {
    	/* min-height: calc(100% + env(safe-area-inset-top)); */
    	/* padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); */
    	margin: 0;
    	padding: 0;
    	background-color: var(--fresco);
    	font-family: 'Outfit', sans-serif;
    	font-weight: 400;
    	color: var(--fern);
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
    	font-family: 'Sunset Gothic', sans-serif;
    	font-weight: 900;
    }

    a {
    	color: var(--dark);
    	/* text-decoration: none; */
    }


    .maplibregl-ctrl-top-right,
    .maplibregl-ctrl-bottom-right {
    	z-index: 10000 !important;
    }


    @media (max-aspect-ratio: 1/1) {
    	.maplibregl-ctrl-bottom-right {
    		bottom: calc(15rem - (var(--sab) * 1.5)) !important;
    	}

    	.maplibregl-ctrl-group {
    		display: none;
    	}
    }

    .maplibregl-ctrl-group {
    	transition: opacity 0.2s ease-in-out;
    }

    :root {
    	--doc-height: 100%;
    	--sat: env(safe-area-inset-top);
    	--sar: env(safe-area-inset-right);
    	--sab: env(safe-area-inset-bottom);
    	--sal: env(safe-area-inset-left);
    	--white: #ffffff;
    	--mizzle: #f2f9ef;
    	--water: #aef5fc;
    	--fern: #31523c;
    	--frond: #a9e6b1;
    	--leaf: #94e09e;
    	--grass: #6ed878;
    	--fresco: #4ace56;
    	--dark: #19291e;
    	--min-card-height: 30rem;
    	--card-height: calc(100vh - var(--sat) - 64px - 10rem);
    	--card-height: calc(100vh - var(--sat) - 64px - 10rem);
    	--max-card-height: 46rem;

    }