h2.section-heading {
    font-size: 22px;
    font-family: 'Interstate';
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.5px;
    padding-bottom: 16px;
    color: #03838C;
}

.pubcongresshero {
    background: url('/siteassets/img/congressevent-hero.png') center right / cover no-repeat;
    height: 360px !important;
    top: 32px;
    margin-bottom: 80px;
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #03838C;
}

.hero-breadcrumb-wrap {
    padding-top: 16px;
}

div#abstractAccordion {
    width: 100%;
    clear: both;
}

h2.section-heading.mb-3 {
    float: left;
    width: 55%;
    margin-top: 62px;
    padding-bottom: 24px !important;
}

.search-wrapper {
    position: relative;
    max-width: 320px;
    float: right;
    clear: right;
    width: 45%;
    margin-bottom: 34px !important;
    margin-top: 33px;
}

input.form-control.search-input {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-style: normal;
    border-radius: 0;
    min-height: 44px;
    box-shadow: none;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.2px;
    color: #666;
    border-color: #666;
}

button.search-btn {
    border-left: 0;
}

.pub-item {
    padding: 22px 0;
}

.expand-btn {
    border-radius: 4px !important;
    background-color: #369;
    min-width: inherit !important;
    padding: 4px;
    width: 16px;
    height: 16px;
}

span.expand-icon {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
}

.pub-item .gap-2 {
    gap: 12px !important;
}

a.pub-title {
    color: #369;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.2px;
    padding-bottom: 8px;
}

    a.pub-title:focus {
        outline: none;
    }

.pub-authors {
    color: #262626;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.pub-body {
    padding: 22px 0 0 28px;
}

a.download-link {
    color: #369;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    text-decoration-line: underline;
    gap: 5px;
}

.sidebar-card.mb-4 {
    padding: 16px;
    border: 0 !important;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15) !important;
    margin-bottom: 30px !important;
}

p.event-date.mb-1 {
    color: #666 !important;
    font-family: 'Interstate' !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 20px !important;
}

.sidebar-card.mb-4 p {
    color: #262626;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.2px;
}

/*
.sidebar-card.contact-card {
    padding: 16px;
    border-top: 5px solid #03838C !important;
    box-shadow: 0 !important;
}*/

a.contact-link {
    color: #369;
    font-family: 'Interstate' !important;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-decoration-line: underline;
}
/********Mobile***********/
@media(max-width:767px) {
    .col-12.col-lg-9 section {
        padding-left: 25px;
        padding-right: 25px;
    }

    h2.section-heading.mb-3 {
        float: none;
        width: 100%;
        margin-top: 28px;
        margin-bottom: 0 !important;
        padding-bottom: 12px;
    }

    h2.section-heading.mb-3 {
        padding-bottom: 12px !important;
    }

    .search-wrapper {
        position: relative;
        max-width: unset;
        float: none;
        clear: right;
        width: 100%;
        margin-bottom: 26px !important;
        margin-top: 0;
    }

    .pub-item {
        padding: 20px 0;
    }

    aside.col-12.col-lg-4.mt-4.mt-lg-0 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .sidebar-card.mb-4 {
        margin-bottom: 18px !important;
    }

    .sidebar-card.contact-card {
        margin-bottom: 15px;
    }
}


.pub-item {
    display: flex;
    flex-direction: column;
}



.pub-actions.pub-actions-mob.flex-shrink-0 {
    display: none;
}

/* Mobile: pub-body first, download + tag below */
@media (max-width: 767px) {
    .container-xl.py-4 .row.gx-5 {
        margin-top: 33px;
        margin-bottom: 23px;
    }

    .pub-actions.pub-actions-mob.flex-shrink-0 {
        display: block;
    }
}

.container-xl.py-4 .row.gx-5 {
    margin-top: 59px;
    margin-bottom: 33px;
}


.pub-actions.flex-shrink-0 span.product-tag {
    border: 0;
    padding: 4px 8px;
    color: #03838C;
    text-align: center;
    font-family: Interstate;
    font-size: 9px;
    font-style: normal;
    font-weight: 700;
    line-height: 9px;
    text-transform: uppercase;
    background: #F1FAF5;
}


.pub-actions.pub-actions-mob.flex-shrink-0 {
    display: none;
}

a.download-link svg {
    margin-top: 5px;
}

@media (max-width: 992px) {

    .pub-actions.pub-actions-mob.flex-shrink-0 {
        display: block;
        margin-left: 30px;
        margin-top: 15px
    }

    a.download-link svg {
        margin-top: 4px;
    }

    .hero-mobile-body h1 {
        margin-bottom: 16px;
        color: #fff !important;
    }

    .hero-mobile-body {
        padding: 32px 19px 32px;
    }

    .hero-mobile-breadcrumb a {
        color: #fff;
    }
}


input.form-control.search-input {
    width: 100%;
    padding: 12px;
}


.page-num {
    display: none;
}

    .page-num.active {
        display: block
    }

    .page-num:has(+.page-num.active) {
        display: block
    }

    .page-num.active + .page-num {
        display: block
    }



.pagination-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-top: 8px;
}

.pagination-count {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: var(--grey);
    white-space: nowrap;
}

.pagination-links {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.page-num,
.page-arrow {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: #336699;
    text-decoration: underline;
    border: 1px solid transparent;
    border-radius: 2px;
    transition: background 0.15s, color 0.15s;
    white-space: nowrap;
    cursor: pointer;
}

    .page-num:hover,
    .page-arrow:hover:not(.disabled) {
        background: var(--light-blue);
        color: var(--dark-blue);
    }

    .page-num.active {
        background: var(--dark-blue);
        color: var(--white);
        font-weight: 700;
        border-color: var(--dark-blue);
    }

    .page-arrow.disabled {
        color: #bbb;
        cursor: not-allowed;
        pointer-events: none;
    }

.page-ellipsis {
    display: inline-flex;
    align-items: center;
    padding: 4px 4px;
    color: var(--grey);
    font-size: 13px;
    pointer-events: none;
    user-select: none;
}


#paginationLinks {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}


.pagination-count span {
    color: #000;
    font-size: 14px;
    font-weight: 700;
}

.page-arrow.disabled {
    color: var(--grey);
    opacity: 0.8;
}

.page-arrow .arrow {
    background-image: url(/siteassets/img/icon-arrow.svg);
    background-repeat: no-repeat;
    width: 13px;
    height: 11px;
}

.page-arrow.disabled .arrow {
    background-image: url(/siteassets/img/icon-arrow-disabled.svg);
    height: 14px;
    width: 14px;
}

.page-arrow .arrow.prev-arrow {
    transform: rotate(180deg);
}

.page-arrow.disabled .prev-arrow {
    transform: rotate(0deg);
}

.page-num {
    font-size: 14px;
    padding: 4px;
    text-decoration: underline;
}

    .page-num.active {
        color: #000;
        background: unset;
        border: unset;
        font-size: 14px;
        padding: 4px;
    }

    .page-num:hover, .page-arrow:hover:not(.disabled) {
        background: unset;
        opacity: 0.8;
    }


.page-arrow.disabled .next-arrow {
    transform: rotate(180deg);
    margin-top: 4px;
}



@media (max-width: 991px) {

        .cta-section {
            padding: 38px 0px;
        }
    
    .pagination-nav {
        flex-direction: column;
        align-items: center;
    }

        .cta-section {
            padding: 38px 30px;
        }
    
}

div#congress-event-detail {
    margin-top: 33px;
    margin-bottom: 33px;
}

.gradienBorder {
    height: 5px;
    background: linear-gradient(90deg, var(--Dark-Teal, #03838C) 0%, var(--Dark-Blue, #369) 100%);
}

.pub-item .product-tag {
    padding: 4px 8px 3px;
    background-color: #F1FAF5;
    border: 0;
    border-radius: 3px;
    font-size: 9px;
    font-size: 9px;
    color: #03838C;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'Interstate', 'Arial Black', Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    line-height: 9px;
}


a.summary-download-link.download-trigger-btn {
    background: #369;
    color: #fff;
    padding: 11px 16px;
    color: #FFF;
    font-family: var(--Family-Primary, Interstate);
    font-size: var(--Typescale-Label-Label-2-Size, 15px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--Typescale-Label-Label-2-Line-Height, 20px);
    letter-spacing: 0.1px;
}

    a.summary-download-link.download-trigger-btn:hover {
        background: #03838C;
    }


.summary-sidecard-footer {
    padding: 30px 30px 8px;
}

.white-download-icon {
    padding-left: 16px
}

.sidebar-card.mb-4 .event-org p, .sidebar-card.mb-4 .event-org {
    margin-bottom: 0 !important;
}


/***03-July***/

.search-field-wrap input.form-control.search-input {
    flex: 1 1 0;
    min-width: 0;
    height: 100%;
    padding: 0 12px;
    background: #FFF;
    border: 1px solid ##666666;
    border-right: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: ##666666;
    letter-spacing: 0.2px;
}

.search-field-wrap {
    display: flex;
    height: 44px;
    flex: 1 1 315px;
    min-width: 315px;
}

.pub-search-btn, .pub-clear-search {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    background: #FFF;
    border: 1px solid #666666;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-left: none;
    border-radius: 0;
    right: 0px;
}

    .pub-search-btn:hover {
        opacity: 1;
        background: #e6f4fe;
    }

    .pub-search-btn img {
        width: 20px;
    }


.pub-clear-search {
    border-right: none;
    display: none;
}

    .pub-clear-search img.hover {
        display: none;
    }

    .pub-clear-search:hover img.hover {
        display: block;
    }

    .pub-clear-search:hover img.default {
        display: none;
    }