/*-----------Fonts----------*/
@font-face {
    font-family: 'GothamHTF-Book';
    font-style: normal;
    font-weight: normal;
    src: local('GothamHTF-Book'), url('Fonts/GothamHTF-Book.otf') format('otf');
}

@font-face {
    font-family: 'GothamHTF-Bold';
    font-style: normal;
    font-weight: bold;
    src: local('GothamHTF-Bold'), url('Fonts/GothamHTF-Bold.otf') format('otf');
}

@font-face {
    font-family: 'GothamHTF-Black';
    font-style: normal;
    font-weight: normal;
    src: local('GothamHTF-Black'), url('Fonts/GothamHTF-Black.otf') format('otf');
}

@font-face {
    font-family: 'GothamHTF-BoldCondensed';
    font-style: normal;
    font-weight: normal;
    src: local('GothamHTF-BoldCondensed'), url('Fonts/GothamHTF-BoldCondensed.otf') format('otf');
}

@font-face {
    font-family: 'DentonCondensed-Black';
    font-style: normal;
    font-weight: normal;
    src: local('DentonCondensed-Black'), url('Fonts/DentonCondensed-Black.otf') format('otf');
}

@font-face {
    font-family: 'DentonCondensed-Regular';
    font-style: normal;
    font-weight: normal;
    src: local('DentonCondensed-Regular'), url('Fonts/DentonCondensed-Regular.otf') format('otf');
}

/* ------ Main ------ */
body {
    font-family: 'GothamHTF-Book', Arial, sans-serif;
    background: none;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-attachment: fixed;
    padding-bottom: 0 !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'GothamHTF-Bold', Arial, sans-serif;
}

.nav-link {
    font-family: 'GothamHTF-Book', Arial, sans-serif;
    font-size: 14px;
}

h1 {
    text-align: center;
}

.nav-item a, .nav-item a:visited {
    color: #fff;
}

a.nav-link:hover {
    color: #96C4D9 !important;
}

a:hover {
    color: #1d4f91;
}

a, a:visited {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/* ------------------------------------ Header ------------------------------------ */

#header {
    background: #031e2f; /* Dark background color */
    height: 120px; /* Adjust height to be minimal */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    box-shadow: none;
}

#logo img {
    max-height: 80px; /* Proportionate size for the logo */
    height: auto;
    width: auto;
}

/* ------------------------------------ Footer ------------------------------------ */

#footer {
    background-color: #031e2f; /* Match the background color */
    font-size: 16px;
    padding: 10px 0;
    border-radius: 0 !important;
}

#footer .footer-logo {
    max-height: 80px;
    margin: 10px 0 15px 0;
    width: auto;
}

#footer a {
    text-decoration: none;
}

#footer p {
    font-size: 13px;
}

#footer a:hover {
    text-decoration: underline;
    color: #00bcd4; /* Light blue for hover effect */
}

#footer .list-inline-item img {
    max-height: 72px; /* Sponsor size */
    width: auto;
}

#footer .list-inline {
    padding-left: 0;
    margin-left: -0.5rem;
    list-style: none;
    text-align: center;
}

#footer .list-inline-item {
    margin: 0 0.25rem;
    display: inline-block;
}

#footer .social-icon {
    max-height: 30px !important; /* Social media icon */
    width: auto;
    transition: transform 0.3s ease; /* Smooth hover effect */
}

#footer .social-icon:hover {
    transform: scale(1.1); /* Slight zoom effect on hover */
}

/* ----- CONTENT ------ */
div#campaign-sessions {
    max-width: 850px;
}

div.campaign-session-item {
    max-width: 400px;
}

/* ----  Volunteer ---- */
div#volunteer-banner, div#thankyou-tile {
    margin: 0 auto 2em;
}