﻿#primaryArea {
    background-color: #5ac9ad;
}

.top-nav {
    background: linear-gradient(0deg, #165fa3 50%, #2371b3 100%);
}

    .top-nav ul li {
        position: relative;
    }

        .top-nav ul li:after {
            position: absolute;
            content: "|";
            right: 0;
            color: #fff;
        }

        .top-nav ul li:last-child::after {
            display: none;
        }

.font_style {
    font-size: 1.1875rem !important;
}

.main-banner .container {
    background-image: url(../Images/main-banner.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top;
}

.agenda-detail {
    column-gap: 1rem;
    row-gap: 8px;
    /* border-bottom: 1px solid #eee; */
    padding-bottom: 1rem;
}

    .agenda-detail:last-child {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .agenda-detail > li {
        flex: 1;
    }

        .agenda-detail > li:nth-last-child(-n + 2) {
            max-width: 165px; /*106px*/
        }

        .agenda-detail > li:nth-child(2) {
            flex-grow: 2;
        }

#agendaSec {
    background-image: url(../Images/fade-1.png);
    background-repeat: no-repeat;
    background-size: 450px;
    background-position: -10% 80%;
}

.speaker-wrapper {
    background-image: url(../Images/fade-2.png);
    background-repeat: no-repeat;
    background-size: 150px;
    background-position: 60% 106%;
    padding-bottom: 6rem;
}

#eventsAndSkills {
    background-image: url(../Images/fade-3.png);
    background-repeat: no-repeat;
    background-size: 300px;
    background-position: 110% 110%;
}

.banner-text {
    background-color: rgba(235, 235, 235, 0.7) !important;
    color: #1F3353 !important;
}

@media (min-width: 1084px) {
    .banner-text {
        background-color: rgba(235, 235, 235, 0.7) !important;
        color: #1F3353 !important;
    }
}

@media (max-width: 768px) {
    .agenda-detail > li:nth-child(-n + 2) {
        width: 100%;
        flex: unset;
    }
}
/* themes */
.theme-bg {
    background-color: #5ac9ad;
}

.light-green {
    background-color: #def4ee;
}
