/*! @import */
@tailwind base;
@tailwind components;
@tailwind utilities;

@font-face {
    font-family: 'chalet';
    src: url('Chalet-NewYorkNineteenSixty.otf');
}

@font-face {
    font-family: 'garamond';
    src: url('EBGaramond-Regular.ttf');
}

/* @layer utilities {
	@variants responsive {
		.text-shadow-xs {
			text-shadow: 1px 1px 0 white,
				-1px 1px 0 white, 1px -1px 0 white,
				-1px -1px 0 white;
		}

		.text-shadow {
			text-shadow: 2px 2px 0 white,
				-2px 2px 0 white, 2px -2px 0 white,
				-2px -2px 0 white;
		}

		.text-shadow-xl {
			text-shadow: 10px 0px 20px white;
		}

		.text-shadow-none {
			text-shadow: none;
		}
	}
} */
super {
    vertical-align: super;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

h1 {
    font-size: 6rem;
}

h2 {
    font-size: 3.75rem;
}

h3 {
    font-size: 4.5rem;
    line-height: 1;
}

h4 {
    font-size: 1.25rem;
}

h5 {
    font-size: 2.25rem; /* 36px */
    line-height: 2.5rem; /* 40px */
}

h6 {
    font-size: 1.5rem; /* 24px */
    line-height: 2rem; /* 32px */
}


h1, h2, h3, h4, h5, h6 {
    font-family: 'chalet';
}

p {
    font-family: 'garamond';
    margin-bottom: 1.25rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.rotate-180 {
    transform: rotate(180deg);
}

[id]::before {
    content: '';
    display: block;
    height: 9rem;
    margin-top: -9rem;
    visibility: hidden;
}

.dropdown.inline-block._menu-items {
    top: -2px;
}

._menus {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
}

._menu-items {
    position: relative;
}

    ._menu-items a {
        display: block;
        font-size: inherit;
        color: inherit;
        text-decoration: none;
    }

    ._menu-items button {
        display: flex;
        align-items: center;
        color: inherit;
        font-size: inherit;
        border: 3px solid transparent;
        background-color: transparent;
        cursor: pointer;
        width: 100%;
    }

button span {
    margin-left: 3px;
}


._menu-items > a,
._menu-items button {
    text-align: left;
    padding: 0.7rem 1rem;
    height: 50px;
}

    ._menu-items button span:hover,
    ._menu-items a:not(.py-2.px-4.block.whitespace-no-wrap) :hover {
        color: #0054A6;
        background-color: hsl(0, 0%, 100%);
    }


    ._menu-items button > a:hover {
        border: none;
    }

._menu-items > button:hover,
._menu-items a:hover {
    border-bottom: solid 3px #0054A6;
}

.onHover a:hover{
    background-color: #0054A6;
    color: white;
}

._downarrow:after {
    content: '▼';
    margin-left: 0.28em;
    margin-top: 0.2em;
    font-size: 0.8em;
}

.dropdown:hover > .dropdown-content {
    display: block;
}