#rightcontent p {
    font-size: 14px;
}

/* banner */
/* #hero-banner-container {
    width: 100%;
    background: linear-gradient(180deg, rgb(42, 51, 102) 0%, rgb(11, 16, 42) 99%);
} */

#hero-banner {
    width: 100%;
    /* padding: 2%; */
}

/* header */
#rightcontent h3 {
    /* color: white; */
    /* background-color: #1975D7; */
    padding: 1rem;
    margin: 0;
    font-size: 30px;
}

#earthshine-header {
    display: flex;
    justify-content: space-between;
    padding: 0 3rem;
    margin: 1rem 0;
}

#header-about {
    display: flex;
    align-items: center;
    padding-right: 5rem;
}

#header-info {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#header-info > div {
    flex: 1;
    display: flex;
    justify-content: center;
}

#header-dates img, #header-location img, #header-free img{
    margin-right: 1rem;
}

#header-free div {
    display: flex;
    align-items: center;
}

#header-info p {
    margin: 0;
    width: max-content;
}

/* Nav */
#earthshine-nav {
    display: flex;
    justify-content: space-around;
    margin-bottom: 1rem;
}

.earthshine-nav-option {
    flex: 1;
    text-align: center;
    margin: 0;
    padding: 0.5rem;
    font-size: 16px;
}

.earthshine-nav-option:hover {
    cursor: pointer;
}

.selected {
    border-bottom: 2px solid #34398D;
}

/* Pages */

#registration {
    display: flex;
    justify-content: center;
}
    /* Agenda */
.day {
    text-align: center;
    font-size: 20px;
    margin: 2rem 0 1rem 0;
}

#quick-nav-div {
    display: flex;
    justify-content: space-around;
    margin-bottom: 2rem;
}

.quick-nav-btn {
    background-color: #88B8EC;
    padding: 1rem;
    border-radius: 10px;
    overflow: hidden;
    border: 2px solid #88B8EC;
}

.quick-nav-btn:hover {
    border: 2px solid #0F4176;
}

.agenda-item {
    display: flex;
    align-items: center;
    border: 2px solid #0F4176;
    border-radius: 10px;
    margin: 5px;
    overflow: hidden;
}

.agenda-time {
    flex: 1;
    min-width: 100px;
    background-color: #0F4176;
    color: white;
    display: flex;
    align-self: stretch;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    text-align: center;
    padding: 1rem;
}

.agenda-speaker {
    flex: 1;
    text-align: center;
    border-right: 2px solid #0F4176;
    display: flex;
    align-items: center;
    justify-content: center;
}

.speaker-blank {
    border: none;
}

.agenda-text {
    flex: 2;
    display: flex;
    align-items: center;
    padding: 1rem;
    margin: 8px;
}

.agenda-lunch {
    background-color: #88B8EC;
    align-self: stretch;
    margin: 0;
}


    /* Logistics */
.logistics-heading {
    font-size: 14px;
    margin: 0.5rem 0;
    color: #1975D7;
}
.logistics-sub-heading {
    text-decoration: underline;
    font-size: 14px;
}

#metro-map-img {
    width: 500px;
}

@media screen and (max-width: 550px) {
    #header-info {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        /* align-items: center;
        justify-content: center; */
    }
    
    #header-info > div {
        width: 100%;
        justify-content: space-between;
        text-align: -webkit-right;
    }
}

@media screen and (max-width: 425px) {
    #header {
        flex-wrap: wrap;
        justify-content: center;
        padding: 0;
    }

    #header-about {
        padding: 0;
    }

    #earthshine-nav {
        display: block;
        width: fit-content;
        margin: 1rem auto;
    }

    /* agenda */
    .agenda-item {
        flex-direction: column;
    }

    .agenda-speaker {
        border-right: none;
        border-bottom: 2px solid #0F4176;
        margin-top: 0.5rem;
    }

    .speaker-blank {
        display: none;
    }

    .agenda-lunch {
        width: 100%;
    }

    .agenda-lunch p {
        flex: 1;
        text-align: center;
    }

    /* logistics */
    #metro-map-img, #google-maps-iframe, #placeholder-img {
        width: calc(100vw - 24px);
    }
}