/*
 * Your global styles here
 */
html,
body {
    height: 100%;
    overflow-x: hidden;
}

html {
    background: #004aad;
}

body {
    margin: 0;
}

/* --- VIAA custom header --- */
.viaa-header {
    background: #ffffff !important;
    padding: 12px 24px;
    box-sizing: border-box;
    position: relative;
    left: 50%;
    right: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
}

.viaa-header__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
}

.viaa-header__logos {
    display: flex;
    align-items: center;
    gap: 24px;
}

.viaa-header__logo-link {
    display: inline-flex;
}

.viaa-header__logo--powers {
    padding-left: 24px;
    border-left: 1px solid #e0e0e0;
}

.viaa-header__title {
    font-weight: 700;
    font-size: 1.5rem;
    letter-spacing: 0.03em;
    color: #4a4a4a;
    white-space: nowrap;
}

.viaa-header__logo {
    height: 48px;
    width: auto;
    display: block;
}

/* --- VIAA custom footer --- */
.viaa-footer {
    background: #014aad !important;
    color: #ffffff;
    padding: 40px 24px;
    box-sizing: border-box;
    position: relative;
    left: 50%;
    right: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
}

.viaa-footer__container {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    max-width: 1200px;
    margin: 0 auto;
}

.viaa-footer__column {
    flex: 1 1 220px;
    min-width: 200px;
}

.viaa-footer__column img {
    max-width: 180px;
    height: auto;
}

.viaa-footer__tagline {
    margin: 12px 0;
}

.viaa-footer__heading {
    font-size: 1.1rem;
    margin: 0 0 12px;
    color: #ffffff;
}

.viaa-footer__social,
.viaa-footer__links {
    list-style: none;
    margin: 0;
    padding: 0;
}

.viaa-footer__social {
    display: flex;
    gap: 10px;
    margin-top: 16px;
}

.viaa-footer__links li {
    margin-bottom: 8px;
}

.viaa-footer__social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 33px;
    height: 33px;
    border-radius: 10%;
    background-color: rgba(255, 255, 255, 0.21);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    transition: background-color 0.15s ease;
}

.viaa-footer__social-icon:hover {
    background-color: rgba(255, 255, 255, 0.35);
    text-decoration: none;
}

.viaa-footer__social-icon--facebook {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M22 12.06C22 6.5 17.52 2 12 2S2 6.5 2 12.06c0 5 3.66 9.17 8.44 9.94v-7.03H7.9v-2.91h2.54V9.85c0-2.5 1.49-3.89 3.77-3.89 1.1 0 2.24.2 2.24.2v2.46h-1.26c-1.24 0-1.63.77-1.63 1.56v1.88h2.78l-.44 2.91h-2.34V22c4.78-.77 8.44-4.94 8.44-9.94Z'/%3E%3C/svg%3E");
}

.viaa-footer__social-icon--linkedin {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M20.45 20.45h-3.56v-5.57c0-1.33-.02-3.04-1.85-3.04-1.86 0-2.14 1.45-2.14 2.94v5.67H9.34V9h3.42v1.56h.05c.48-.9 1.64-1.85 3.37-1.85 3.6 0 4.27 2.37 4.27 5.45v6.29ZM5.34 7.43a2.07 2.07 0 1 1 0-4.14 2.07 2.07 0 0 1 0 4.14ZM7.12 20.45H3.56V9h3.56v11.45Z'/%3E%3C/svg%3E");
}

.viaa-footer__social-icon--rss {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Ccircle cx='5.5' cy='18.5' r='2.25'/%3E%3Cpath d='M4 11.2a8.8 8.8 0 0 1 8.8 8.8h-2.6A6.2 6.2 0 0 0 4 13.8v-2.6ZM4 4.4A15.6 15.6 0 0 1 19.6 20h-2.7A12.9 12.9 0 0 0 4 7.1V4.4Z'/%3E%3C/svg%3E");
}

.viaa-footer__social-icon--email {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M3 6.5A1.5 1.5 0 0 1 4.5 5h15A1.5 1.5 0 0 1 21 6.5v11A1.5 1.5 0 0 1 19.5 19h-15A1.5 1.5 0 0 1 3 17.5v-11Zm1.8.4 7.2 5.2 7.2-5.2v-.4H4.8v.4ZM19.5 8.3l-7.2 5.2a1 1 0 0 1-1.16 0L4 8.3v9.2h15.5V8.3Z'/%3E%3C/svg%3E");
}

.viaa-footer a,
.viaa-footer a:link,
.viaa-footer a:visited,
.viaa-footer .viaa-footer__links a,
.viaa-footer .viaa-footer__social a {
    color: #ffffff !important;
    text-decoration: none;
}

.viaa-footer a:hover {
    text-decoration: underline;
}

/* --- Holiday party page intro --- */
.viaa-holiday-intro {
    max-width: 800px;
    margin: 0 auto;
    padding: 32px 24px 8px;
    text-align: center;
}

.viaa-holiday-intro h1 {
    color: #4a4a4a !important;
    margin: 0 0 16px;
    font-size: 2.5rem;
    font-weight: 700;
}

.viaa-holiday-intro p {
    color: #4a4a4a !important;
    margin: 0 0 12px;
    line-height: 1.6;
}

/* --- Home page intro --- */
.viaa-home-intro {
    max-width: 800px;
    margin: 0 auto;
    padding: 40px 24px;
}

.viaa-home-intro h1 {
    color: #004aad !important;
    font-size: 2.25rem;
    font-weight: 700;
    margin: 0 0 16px;
}

.viaa-home-intro h2 {
    color: #4a4a4a !important;
    font-size: 1.25rem;
    font-weight: 700;
    margin: 32px 0 12px;
}

.viaa-home-intro > p {
    color: #4a4a4a !important;
    line-height: 1.6;
    margin: 0;
}

.viaa-home-intro__links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px 24px;
}

.viaa-home-intro__links li {
    flex: 0 0 auto;
}

.viaa-home-intro__links a {
    color: #004aad;
    font-weight: 600;
    text-decoration: none;
}

.viaa-home-intro__links a:hover {
    text-decoration: underline;
}