:root {
    --accent-primary: #95c182;
    --hover-primary: #95c182e6;
    --accent-secondary: #000000;
    --hover-secondary: #314028e6;
    --accent-tertiary: #f4f1e8;
    --background-hover: #1f7dad66;
    --background-muted:#f2f2f2;
    --background-overlay: #ffffffcc;
    --background-glass-gradient: linear-gradient(to bottom right, rgba(31, 173, 161, 0.25), rgba(31, 125, 173, 0.25), rgba(114, 31, 173, 0.25), rgba(173, 67, 31, 0.25));
    --border-color-glass: rgba(255,255,255,0.30);
}

/* Fonts */
@font-face {
    font-family: "Carlito";
    src: url("/assets/fonts/Carlito-Regular.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "Radley";
    src: url("/assets/fonts/Radley-Italic.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}
h1, h2, h3, h4 {font-family: Radley !important;}
html, a {font-family: Carlito !important;}

html {background-color: #000;}

/* Scrollbar fix */
html {
    overflow-x: hidden;
    margin-right: calc(-1 * (100vw - 100%));
    font-size: 1.2em;
}

/* Fix for clipping on Hero */
.uk-heading-large {
    padding-left: 4px;
}

/* Totop */
#footer .uk-grid > div:first-of-type {margin-top: -40px;}

@property --angle {
    syntax: '<angle>';
    inherits: false;
    initial-value: 133deg;
}

/* Card */
.uk-card-tertiary {background-color: var(--accent-tertiary);}
.uk-card-tertiary.uk-card-hover:hover {background-color: var(--accent-tertiary);}
.uk-card-contours {
    background: url("/assets/images/contour-white.svg");
    background-size: cover;
}

/* Icon Button Fix */
.uk-icon-button {
    aspect-ratio: 1 / 1;
    width: auto;
    height: auto;
    padding: 10px;
}

/* Padding fix for Parallax Heading */
.uk-container[class*=uk-height] {box-sizing: content-box;}

/* Large Button */
.uk-button-link.uk-button-large {
    font-size: 1.225rem;
}

/* Background */
.uk-background-blur {
    backdrop-filter: blur(15px) saturate(150%);
}
.uk-background-gradient {
    background: url("/assets/images/contour-large-gradient.svg"), linear-gradient(180deg,rgba(0, 0, 0, 1) 50%, var(--accent-primary) 100%);
    background-size: cover;
}

/* Text Background */
.uk-text-background-blur {
    backdrop-filter: blur(15px) saturate(150%);
    padding: 12px 20px 18px 20px;
}
.uk-text-background-blur > * {margin: 0;}

/* Dot Nav */
.uk-dotnav.uk-dotnav-large>*>* {
    width: 20px;
    height: 20px;
}

/* Main Menu */
#menu .uk-navbar-center {gap: 0;}
#menu .uk-navbar-nav>li>a, #menu .uk-navbar-dropdown-nav {font-size: 1rem;}
/* [cms-position="menu"] .uk-navbar-nav > li > a > span {
    border-left: 5px solid var(--accent-primary);
    padding-left: 5px;
} */

/* Border */
[cms-position="menu"] {border-bottom: 2px solid var(--accent-primary);}
[cms-position="footer"] {border-top: 2px solid var(--accent-primary);}

/* Animations */
@keyframes rotate {
    from {--angle:1deg;}
    to {--angle:360deg;}
}
@-webkit-keyframes rotate {
    from {--angle:1deg;}
    to {--angle:360deg;}
}
@-moz-keyframes rotate {
    from {--angle:1deg;}
    to {--angle:360deg;}
}