/* =============================================================================
   FONT DECLARATIONS
   ============================================================================= */

@font-face {
    font-family: "PerryGothic";
    src: url('../../files/fonts/perrygot.woff2');
    font-display: swap;
}

@font-face {
    font-family: "Palatino";
    src: url('../../files/fonts/palatino.woff2');
    font-display: swap;
}

/* =============================================================================
   CSS RESET & NORMALIZATION
   ============================================================================= */

html, body, nav, footer, a, button, h1, h2, h3, h4, hr, div, span, p, img, 
figure, ol, ul, menu, li, dl, dt, dd, form, fieldset, input, legend, select, 
textarea, table, thead, tbody, tfoot, th, tr, td, section, header, aside, pre, 
canvas, figure, figcaption, blockquote, cite, iframe {
    border: 0;
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
}

body {
    background-color: #2b2b2b;
    font-family: Palatino, serif;
    min-width: 320px;
}

a, abbr {
    text-decoration: none;
}

button {
    cursor: pointer;
}

table {
    border-spacing: 0;
}

textarea {
    resize: none;
}

ul, menu {
    list-style-type: none;
}

/* =============================================================================
   CUSTOM SCROLLBAR
   ============================================================================= */

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background-color: #f5f5f5;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb {
    background: #eab978;
    border-radius: 10px;
    box-shadow: inset 0 0 4px rgba(65, 66, 78, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(254, 137, 0, 0.5);
}

::-webkit-scrollbar-corner {
    background-color: transparent;
}
/* =============================================================================
   MAIL LIST
   ============================================================================= */

/* -----------------------------
   General Form Container
   ----------------------------- */
.sib-form {
    background-attachment: fixed;
    font-size: 16px;
    font-family: Palatino, sans-serif;
    padding: 0;
    margin: 0;
    text-align: center;
    background-color: transparent;
}

.sib-form *, 
.sib-form ::after, 
.sib-form ::before {
    box-sizing: border-box;
}

/* -----------------------------
   Message Panels
   ----------------------------- */
.sib-form-message-panel {
    margin: 0 0 1.25rem 0;
    width: 100%;
    padding: 0.4375rem;
    border: 1px solid;
    display: none;
}

.sib-form-message-panel--active {
    display: block;
}

.sib-form-message-panel__text {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0.5rem;
}

.sib-form-message-panel__text .sib-icon {
    contain: strict;
    display: inline-block;
    fill: currentColor;
}

.sib-form-message-panel__text .sib-notification__icon {
    height: 1.5em;
    width: 1.5em;
    flex-shrink: 0;
    margin-right: calc(1rem - 1px);
}

/* Success & Error Panels */
#success-message {
    font-size: 16px;
    white-space: normal;
    text-align: center;
    font-family: Helvetica, sans-serif;
    color: #085229;
    background-color: #e7faf0;
    border-radius: 3px;
    border-color: #13ce66;
    max-width: 350px;
}

#error-message {
    font-size: 16px;
    white-space: normal;
    text-align: center;
    font-family: Helvetica, sans-serif;
    color: #661d1d;
    background-color: #ffeded;
    border-radius: 3px;
    border-color: #ff4949;
    max-width: 350px;
}

/* -----------------------------
   Container
   ----------------------------- */
#sib-container {
    background-color: transparent;
    margin: 0 auto;
    text-align: center;
    max-width: 350px;
    border-radius: 3px;
    border-width: 0;
    border-color: #C0CCD9;
    border-style: solid;
    padding: 0;
    direction: ltr;
    display: inline-block;
    width: 100%;
}

@media screen and (max-width: 500px) {
    #sib-container {
        padding: 32px 9px 32px;
    }
    .form__label-row--horizontal {
        flex-direction: column;
    }
    .form__label-row--horizontal > * {
        width: 100%;
    }
}

@media screen and (max-width: 400px) {
    #sib-container {
        padding: 32px 0 32px;
    }
}

/* -----------------------------
   Form Elements
   ----------------------------- */
#sib-form {
    text-align: left;
}

.sib-form .entry__label {
    display: table;
    font-weight: 700;
    padding: 0;
    white-space: normal;
    margin-bottom: 10px;
    width: 100%;
    word-break: break-word;
    word-wrap: break-word;
    font-family: Palatino, serif;
	text-align: center;
}

.sib-form .entry__specification {
    font-size: 12px;
    white-space: normal;
    text-align: center;
    font-family: Palatino, serif;
    color: #bdb4a1;
    margin: 0;
}

.sib-form .entry__error {
    display: none;
    font-size: 16px;
    white-space: normal;
    text-align: center;
    font-family: Helvetica, sans-serif;
    color: #661d1d;
    background-color: #ffeded;
    border-radius: 3px;
    border-color: #ff4949;
    line-height: 1rem;
    margin: 6px 0;
    background: rgba(0, 0, 0, 0);
}

.sib-form .entry__field {
    -webkit-align-items: center;
    align-items: center;
    background: #eee4d1;
    border: 1px solid #370903;
    border-radius: 3px;
    display: inline-flex;
    margin: 0.25rem 0;
    max-width: 100%;
	height: calc(2.5rem - 2px);
}

.sib-form .entry__field:focus-within {
    box-shadow: 0 0 0 2px #c9e1f4;
}

.input {
    width: calc(100% - 1rem);
    padding: 5px;
    min-width: 1px;
    box-shadow: none;
    color: #424242;
    outline: 0;
    background: none;
    border: 0;
    font: inherit;
    margin: 0;
}

.input--hidden {
    display: none !important;
}


/* -----------------------------
   Buttons
   ----------------------------- */
.sib-form-block__button,
.sib-form-block__button-with-loader {
    display: inline-block;
    padding: 8px 18px;
    border: 2px solid #581515;
    cursor: pointer;
    overflow-wrap: break-word;
    max-width: 100%;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: Palatino, serif;
    color: #fff;
    background-color: #581515;
    border-radius: 3px;
    min-height: 40px;
    line-height: 23px;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.sib-form-block__button:hover,
.sib-form-block__button-with-loader:hover { background-color:#fff;color:#581515;}

.sib-form-block__button-disabled {
    opacity: 0.5;
}

.sib-hide-loader-icon {
    display: none;
}

.btn-design {
    display: inline-block;
    padding: 8px 18px;
    border: 2px solid #eab978;
    cursor: pointer;
    overflow-wrap: break-word;
    max-width: 100%;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: Palatino, serif;
    color: #fff;
    background-color: #eab978;
    border-radius: 3px;
    line-height: 23px;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.btn-design:hover { background-color:#fff;color:#eab978;}

/* -----------------------------
   Progress Indicator
   ----------------------------- */
.sib-form .progress-indicator {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    height: 100%;
}

.sib-form .progress-indicator__icon {
    fill: #0092ff;
    height: 2rem;
    width: 2rem;
    animation: indicator-spin 1.3s cubic-bezier(0.46, 0.35, 0.39, 0.85) infinite;
}

.sib-form .progress-indicator_small .progress-indicator__icon {
    height: 1rem;
    width: 1rem;
}

@keyframes indicator-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(1turn); }
}

/* -----------------------------
   Form Layout
   ----------------------------- */
.form__label-row {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
}

.sib-form .sib-entry_block .entry__field,
.sib-form .form__row .entry__field,
.sib-form .sib-form_block .entry__field {
    display: flex;
}

.sib-form .sib-entry_block .input,
.sib-form .form__row .input,
.sib-form .sib-form_block .input {
    flex-grow: 1;
}

/* -----------------------------
   Placeholder & Links
   ----------------------------- */
#sib-container input::-ms-input-placeholder,
#sib-container input::placeholder,
#sib-container textarea::placeholder {
    text-align: left;
    font-family: Helvetica, sans-serif;
    color: #c0ccda;
}

#sib-container a {
    text-decoration: underline;
    color: #2BB2FC;
}

/* =============================================================================
   REUSABLE COMPONENTS
   ============================================================================= */

/* Button Component */
.btn {
    background-color: #eab978;
    border: 2px solid #eab978;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 12px 24px;
    text-decoration: none;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.btn:hover {
    background-color: #fff;
    color: #eab978;
}

/* =============================================================================
   LAYOUT STRUCTURE
   ============================================================================= */

#screen {
    box-sizing: border-box;
}

/* =============================================================================
   HEADER & NAVIGATION
   ============================================================================= */

/* Main Navigation Menu */
#screen > header > nav > ul {
    box-sizing: border-box;
    font-size: 0;
    height: 100%;
}

#screen > header > nav > ul > li {
    display: inline-block;
    height: 100%;
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
}

/* Hover Effect Underline */
#screen > header > nav > ul > li::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30%;
    height: 4px;
    background: repeating-linear-gradient(
        to right, 
        #a2682a 0%, #be8c3c 8%, #be8c3c 18%, #d3b15f 27%, 
        #faf0a0 35%, #ffffc2 40%, #faf0a0 50%, #d3b15f 58%, 
        #be8c3c 67%, #b17b32 77%, #bb8332 83%, #d4a245 88%, 
        #e1b453 93%, #a4692a 100%
    );
    opacity: 0;
    transition: opacity 0.5s ease;
}

#screen > header > nav > ul > li:hover::before {
    opacity: 1;
}

/* Main Navigation Links */
#screen > header > nav > ul > li > button {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: none;
  border: none;
  padding: 0 6px;
  margin: 0;
  font: inherit;
  color: inherit;
  line-height: inherit;
  height: 100%;
  display: inline-flex;
  align-items: center;
  text-align: left;
  cursor: pointer;
}

#screen > header > nav > ul > li > a,
#screen > header > nav > ul > li > button {
    color: #eab978;
    display: inline-flex;
    align-items: center;
    font-size: 21px;
    height: 100%;
    padding: 0 6px;
    transition: color 0.2s ease;
}

#screen > header > nav > ul:not(.vertical) > li > a,
#screen > header > nav > ul:not(.vertical) > li > button {
    letter-spacing: 1px;
    font-weight: 600;
}

#screen > header > nav > ul > li > a:hover,
#screen > header > nav > ul > li > button:hover {
    color: #bdb4a1;
}

#screen > header > nav > ul > li > a:active,
#screen > header > nav > ul > li > button:active {
    color: #fea235;
}

#screen > header > nav > ul > li > a.current,
#screen > header > nav > ul > li > button.current {
    background: linear-gradient(
        to bottom, 
        transparent 0px, transparent 6px, 
        #ffb75c 6px, #ffb75c 10px, 
        transparent 10px, transparent 100%
    );
    color: #ffcc89;
}

/* Dropdown Menus - Level 1 */
#screen > header > nav > ul > li > ul {
    background-color: #f0e5d3;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 70%;
    left: 0;
    z-index: 1;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s ease, transform 0.5s ease;
    transform: translateY(10px);
}

#screen > header > nav > ul > li.active > ul {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

/* Dropdown Menus - Level 2 */
#screen > header > nav > ul > li > ul > li > ul {
    background-color: #f0e5d3;
    border-radius: 0 6px 6px 0;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

#screen > header > nav > ul:not(.vertical) > li > ul > li > ul {
    left: 100%;
    transform: translateX(10px);
}

#screen > header > nav > ul.vertical > li > ul > li > ul {
    top: 70%;
    left: 0;
}

#screen > header > nav > ul:not(.vertical) > li > ul > li.active > ul {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
}

#screen > header > nav > ul.vertical > li > ul > li.active > ul {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

/* Dropdown Menu Styling */
#screen > header > nav > ul > li > ul > li:first-of-type,
#screen > header > nav > ul > li > ul > li > ul > li:first-of-type {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#screen > header > nav > ul > li > ul > li:last-of-type,
#screen > header > nav > ul > li > ul > li > ul > li:last-of-type {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#screen > header > nav > ul > li > ul > li > a,
#screen > header > nav > ul > li > ul > li > ul > li > a {
    border-bottom: 1px solid #f2f2f2;
    color: #41424e;
    display: block;
    font-size: 15px;
    padding: 10px 15px;
}

#screen > header > nav > ul > li > ul > li:last-child > a,
#screen > header > nav > ul > li > ul > li > ul > li:last-child > a {
    border-bottom: none;
}

#screen > header > nav > ul > li > ul > li > a:hover,
#screen > header > nav > ul > li > ul > li > ul > li > a:hover {
    background-color: #f5f5f5;
}

#screen > header > nav > ul > li > ul > li > a:last-of-type:hover,
#screen > header > nav > ul > li > ul > li > ul > li > a:last-of-type:hover {
    background-color: #f5f5f5;
	border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* Hamburger Menu Button */
#screen > header > nav > div:first-of-type {
    background-color: #fff;
    border: 2px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    cursor: pointer;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    height: 35px;
    padding: 0 5px;
    position: relative;
    width: 35px;
}

/* Hamburger Lines */
#screen > header > nav > div:first-of-type > div {
    background-color: #000;
    border-radius: 2px;
    height: 4px;
    pointer-events: none;
    width: 100%;
    transition: transform 0.3s ease, opacity 0.3s ease;
    transform-origin: center;
}

/* Hamburger Animation - Open State */
#screen > header > nav > div:first-of-type.open > div:nth-child(1) {
    position: absolute;
    transform: rotate(45deg);
}

#screen > header > nav > div:first-of-type.open > div:nth-child(2) {
    opacity: 0;
}

#screen > header > nav > div:first-of-type.open > div:nth-child(3) {
    position: absolute;
    transform: rotate(-45deg);
}

#screen > header > nav > div:first-of-type.open:hover > div:nth-child(1) {
    transform: rotate(135deg);
}

#screen > header > nav > div:first-of-type.open:hover > div:nth-child(3) {
    transform: rotate(45deg);
}

/* Mobile Navigation Menu */
#screen > header > nav > ul.vertical {
    background: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    display: none;
    flex-flow: column;
    font-size: inherit !important;
    height: auto;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 2px 0;
    pointer-events: none;
    position: absolute;
    top: var(--header-height, 95px);
    left: 0;
    text-align: left;
    transition: opacity 0.5s ease, max-height 0.5s ease;
    touch-action: pan-y;
    width: 100%;
    z-index: 2000;
}

#screen > header > nav > ul.vertical li ul,
#screen > header > nav > ul.vertical li ul li ul {
    display: flex;
    flex-direction: column;
}

#screen > header > nav > ul.vertical li > ul,
#screen > header > nav > ul.vertical li > ul > li > ul {
    display: none;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, opacity 0.3s ease;
    flex-direction: column;
}

#screen > header > nav > ul.vertical > li.open > ul,
#screen > header > nav > ul.vertical > li > ul > li.open > ul {
    display: flex;
    max-height: 1000px;
    opacity: 1;
    overflow: visible;
    transition: max-height 0.5s ease, opacity 0.5s ease;
    position: relative;
}

#screen > header > nav > ul.vertical li ul li ul li a {
    padding-left: 30px;
}

#screen > header > nav > div:first-child.open + ul,
#screen > header > nav > div:first-child.open + ul > li > ul {
    opacity: 1;
    pointer-events: auto;
}

#screen > header > nav > ul.vertical > li,
#screen > header > nav > ul.vertical > li > ul > li {
    height: auto;
    align-items: stretch;
    flex-direction: column;
    display: flex;
    flex-wrap: nowrap;
}

#screen > header > nav > ul.vertical > li > a,
#screen > header > nav > ul.vertical > li > button,
#screen > header > nav > ul.vertical > li > ul > li > a {
    border-bottom: 1px solid #e0e0e0;
    box-sizing: border-box;
    padding: 12px 20px;
    width: 100%;
}

#screen > header > nav > ul.vertical > li > a:hover,
#screen > header > nav > ul.vertical > li > button:hover,
#screen > header > nav > ul.vertical > li > ul > li > a:hover {
    background: #f5f5f5;
}

#screen > header > nav > ul.vertical > li::before,
#screen > header > nav > ul.vertical > li > ul > li::before {
    content: none;
}

#screen > header > nav > ul.vertical > li > ul,
#screen > header > nav > ul.vertical > li > ul > li > ul {
    display: block;
    flex-direction: column;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    transform: translateY(0);
    transition: opacity 0.5s ease, max-height 0.5s ease;
}

#screen > header > nav > ul.vertical > li.open > ul,
#screen > header > nav > ul.vertical > li > ul > li.open > ul {
    opacity: 1;
    pointer-events: auto;
}

#screen > header > nav > ul.vertical li.open,
#screen > header > nav > ul.vertical li.open > ul > li.open {
    height: auto;
}

#screen > header > nav > ul.vertical > li > ul > li:last-child,
#screen > header > nav > ul.vertical > li > ul > li > ul > li:last-child {
    border-bottom: none;
}

#screen > header > nav > ul.vertical > li > ul > li > a,
#screen > header > nav > ul.vertical > li > ul > li > button,
#screen > header > nav > ul.vertical > li > ul > li > ul > li > a {
    color: #41424e;
    font-size: 18px;
    text-decoration: none;
    display: block;
}

#screen > header > nav > ul.vertical > li > ul > li > a:hover,
#screen > header > nav > ul.vertical > li > ul > li > button:hover,
#screen > header > nav > ul.vertical > li > ul > li > ul > li > a:hover {
    background: #f5f5f5;
}

/* =============================================================================
   MAIN CONTENT
   ============================================================================= */

#screen > main {
    background: 
        linear-gradient(to bottom, rgba(0, 0, 0, 0.12) 0px, rgba(0, 0, 0, 0) 15px),
        url('../../files/images/paper.webp');
    background-size: auto, cover;
    background-repeat: no-repeat, no-repeat;
    background-position: top left, top left;
    background-color: #fff;
    display: inline-block;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}

#screen > main > div,
#screen > main .content {
    margin: auto;
    padding: 24px .75em;
    text-align: left;
    max-width: 1160px;
}

/* Headings */
#screen > section h2,
#screen > main h1 {
    color: #41424e;
    font-family: PerryGothic, serif;
    font-size: 100px;
    font-weight: bolder;
    margin-bottom: 20px;
    position: relative;
    -webkit-font-smoothing: antialiased;
}

#screen > main div.content h1 {
    font-size: 30px;
    text-align: center;
}

#screen > main div.content h2 {
    font-size: 1.5em;
}

#screen > section h2::after,
#screen h1::after {
    content: "";
    display: block;
    width: 100%;
    height: 14px;
    background: url('../../files/images/divider.webp') no-repeat;
    background-size: 100% 100%;
    left: 0;
    margin-top: 10px;
}

/* Error Container */
#screen > main .error-container {
    background: #fff;
    border: 1px solid #c0c0b7;
    padding: 30px;
    max-width: 500px;
    margin: 30px auto;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    text-align: center;
}

#screen > main .error-container h2 {
    text-align: left;
}

#screen > main .error-container p {
    margin: 15px 0;
    font-size: 18px;
}

#screen > main .error-container div {
    margin-top: 20px;
    font-size: 14px;
    color: #414141;
}

#screen > main .error-container a {
    color: #41424e;
}

#screen > main .error-container a:hover {
    color: #fe8900;
}

/* =============================================================================
   FOOTER
   ============================================================================= */

#screen > footer {
    position: relative;
    color: #eab978;
    background: #3d0303 url('../../files/images/pattern.svg') repeat;
    background-size: 200px;
    margin: auto;
    width: 100%;
    min-width: 320px;
    text-align: left;
    z-index: 2;
}

#screen > footer::before {
    content: "";
    display: block;
    background-image: repeating-linear-gradient(
        to right, 
        #a2682a 0%, #be8c3c 8%, #be8c3c 18%, #d3b15f 27%, 
        #faf0a0 35%, #ffffc2 40%, #faf0a0 50%, #d3b15f 58%, 
        #be8c3c 67%, #b17b32 77%, #bb8332 83%, #d4a245 88%, 
        #e1b453 93%, #a4692a 100%
    );
    box-sizing: border-box;
    width: 100%;
    height: 10px;
    position: relative;
    z-index: 1;
}

#screen > footer > div:first-child {
    width: 70%;
    padding: 20px 0 10px 0;
    margin: auto;
}

#screen > footer > div > div:first-child {
    display: flex;
    gap: 2%;
    align-items: center;
    position: relative;
	max-width: 1200px;
	margin: auto;
}

/* Footer Logo */
#screen > footer > div > div:first-child > div:first-child {
    font-size: 1em;
}

#screen > footer > div > div:first-child > div:first-child > a {
    background: transparent url('../../files/images/logo.svg') no-repeat top left;
    background-size: 3.71875em 2.84375em;
    display: inline-block;
    font-size: 1em;
    height: 2.84375em;
}

#screen > footer > div > div:first-child > div:first-child > a > span {
    color: #bdb4a1;
    font-family: PerryGothic, serif;
    letter-spacing: 0.0625em;
    line-height: 3.5em;
    padding-left: 3.5em;
    padding-right: 5px;
    text-decoration: none;
}

#screen > footer > div > div:first-child > div:first-child > a > span > span {
    color: #eab978;
}

/* Footer Social Icons */
#screen > footer > div > div:first-child > div:first-child > ul {
    display: flex;
    justify-content: center;
    gap: 12px;
}

#screen > footer > div > div:first-child > div:first-child > ul > li {
    display: inline-block;
}

#screen > footer > div > div:first-child > div:first-child > ul > li > a {
    border-radius: 50%;
    background-color: #424242;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    display: block;
    width: 25px;
    height: 25px;
    padding: 5px;
}

#screen > footer > div > div:first-child > div:first-child > ul > li > a > span {
    display: none;
}

/* Social Media Icons */
#screen > footer > div > div:first-child > div:first-child > ul > li:first-child > a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M298.158 216.797 484.663 0h-44.196L278.525 188.242 149.182 0H0l195.592 284.655L0 512h44.198l171.016-198.79L351.809 512h149.182L298.147 216.797zm-60.536 70.366-19.818-28.345L60.124 33.272h67.885L255.26 215.295l19.817 28.345 165.411 236.601h-67.886l-134.98-193.067z'/%3E%3C/svg%3E");
}

#screen > footer > div > div:first-child > div:first-child > ul > li:first-child + li > a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -3.268 64 68.414' width='16' height='16'%3E%3Cpath fill='%23ffffff' d='M13.873 3.805C21.21 9.332 29.103 20.537 32 26.55v15.882c0-.338-.13.044-.41.867-1.512 4.456-7.418 21.847-20.923 7.944-7.111-7.32-3.819-14.64 9.125-16.85-7.405 1.264-15.73-.825-18.014-9.015C1.12 23.022 0 8.51 0 6.55 0-3.268 8.579-.182 13.873 3.805zm36.254 0C42.79 9.332 34.897 20.537 32 26.55v15.882c0-.338.13.044.41.867 1.512 4.456 7.418 21.847 20.923 7.944 7.111-7.32 3.819-14.64-9.125-16.85 7.405 1.264 15.73-.825 18.014-9.015C62.88 23.022 64 8.51 64 6.55c0-9.818-8.578-6.732-13.873-2.745z'/%3E%3C/svg%3E");
}

#screen > footer > div > div:first-child > div:first-child > ul > li:first-child + li + li > a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='37.29 0 80.559 155.139'%3E%3Cpath fill='%23ffffff' d='M89.584 155.139V84.378h23.742l3.562-27.585H89.584V39.184c0-7.984 2.208-13.425 13.67-13.425l14.595-.006V1.08C115.325.752 106.661 0 96.577 0 75.52 0 61.104 12.853 61.104 36.452v20.341H37.29v27.585h23.814v70.761z'/%3E%3C/svg%3E");
}

/* Footer Menu Sections */
#screen > footer > div > div:first-child > div:last-child {
    display: flex;
    justify-content: space-evenly;
    gap: 15px;
    flex: 1;
    white-space: nowrap;
}

#screen > footer > div > div:first-child > div:last-child > div > span {
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
    padding: 6px 0 16px;
    position: relative;
    text-align: center;
}

#screen > footer > div > div:first-child > div:last-child > div > span::before {
    content: "";
    background: url(../../files/images/dividersmall.webp) no-repeat bottom center;
    background-size: contain;
    height: 2em;
    position: absolute;
    top: 29px;
    left: 0;
    width: 100%;
}

#screen > footer > div > div:first-child > div:last-child > div > ul {
    font-size: 14px;
    font-weight: 400;
    line-height: 2em;
    text-align: center;
}

#screen > footer > div > div:first-child > div:last-child > div > ul > li > a {
    color: #bdb4a1;
    transition: color 0.3s ease;
}

/* Footer Bottom Section */
#screen > footer > div > div:last-child {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
    margin-top: 25px;
}

#screen > footer > div > div:last-child > div {
    color: #bdb4a1;
}

#screen > footer > div > div:last-child > ul {
    color: #bdb4a1;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

#screen > footer > div > div:last-child a {
    color: #eab978;
}

/* =============================================================================
   RESPONSIVE DESIGN
   ============================================================================= */
@media screen and (max-width: 949px) {
	#screen > footer > div > div:first-child {
		flex-flow: column;
	}

	/* Footer Socials */
	#screen > footer > div > div:first-child > div:first-child > ul {
		padding-bottom: 12px;
	}
}

@media screen and (max-width: 1168px) {
	#screen > footer > div:first-child {
		width: 80%;
	}
}

@media screen and (max-width: 900px) {
	#screen > footer > div:first-child {
		width: 90%;
	}
}

@media screen and (max-width: 549px) {
	#screen > footer > div > div:first-child > div:last-child {
		flex-flow: row wrap;
	}

	#screen > footer > div > div:first-child > div:last-child > div {
		width: calc(50% - (15px / 2));
		text-align: center;
	}

	#screen > footer > div > div:first-child > div:last-child > div > span::before {
		width: 100%;
	}
}

@media screen and (max-width: 500px) {
	#screen > header {
		flex-direction: column;
		align-items: center;
	}
}