/* ==========================================================================
   ERS Specific Overrides (spe.css)
   ========================================================================== */

/* ---------------------------------------------------------------------------
   1. Global / Layout
   --------------------------------------------------------------------------- */

#home-page-section {
    width: 100% !important;
}

#zone-principale #fil-ariane-holder {
    display: none;
}

.fixed-height-page-banner {
    height: 310px;
}

/* ---------------------------------------------------------------------------
   2. Scrollbar
   --------------------------------------------------------------------------- */

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: #888;
}

::-webkit-scrollbar-thumb {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* ---------------------------------------------------------------------------
   3. Navigation & Header / Footer
   --------------------------------------------------------------------------- */

.ers-burger-menu-container,
.ers-myagenda-menu-container,
#navbar-dropdown-menu-myagenda,
#navbar-dropdown-menu-profile {
    display: none;
}

.io-header,
.io-footer {
    /* Header / footer color on webapp */
    background-color: var(--ers-cobalt-100) !important;
}

/* ---------------------------------------------------------------------------
   4. Slider / Carousel / Blocks
   --------------------------------------------------------------------------- */

.slider-holder .more-info {
    background: darkblue;
}

.slick-track {
    margin-left: 0;
}

.carousel-link-blocks-item,
.channel-blocks-item,
.media-page-blocks-item {
    filter: saturate(100%);
}

.carousel-link-blocks-item a:hover {
    filter: saturate(100%) !important;
}

.ers-home-carousel a:hover {
    text-decoration: none;
}

/* ---------------------------------------------------------------------------
   5. Backoffice
   --------------------------------------------------------------------------- */

.backoffice #advanced-slider-pictogram-section .logo_vignette {
    background-color: #000000;
    max-width: 100px;
}

.backoffice .containerSelectArea {
    height: 300px;
}

form[name=channel-sync-program-form] #programK4Synchro {
    /* Hide full synchro button */
    display: none;
}

/* ---------------------------------------------------------------------------
   6. Programme / Calendar
   --------------------------------------------------------------------------- */

.programme-text-intro .wysiwyg-v2-edited *,
.programme-text-intro > .wysiwyg-v2-edited * {
    /* Remove the .8 font size on programme introduction text */
    font-size: revert;
}

.program-session-card-reference {
    /* Remove the session number displayed on program */
    display: none !important;
}

.disable-arrow {
    /* Remove the hand cursor for disabled arrow in programme view */
    cursor: default;
}

#programme-advanced-search-header #programmeExportPdfBtn {
    /* Deactivate PDF export button on programme */
    display: none;
}

/* Programme session card overrides - Sleep and Breathing 2025 Poster Sessions */

.programme-session-card[data-cat="262"][data-session-reference="16"],
.programme-session-card[data-cat="262"][data-session-reference="15"],
.programme-session-card[data-cat="262"][data-session-reference="14"],
.programme-session-card[data-cat="262"][data-session-reference="13"] {
    width: 70px !important;
    font-size: 14px;
    line-height: 100%;
}

.programme-session-card[data-cat="262"][data-session-reference="15"] {
    margin-left: 76px !important;
    margin-top: -136px !important;
}

.programme-session-card[data-cat="262"][data-session-reference="14"] {
    margin-left: 150px !important;
    margin-top: -272px !important;
}

.programme-session-card[data-cat="262"][data-session-reference="13"] {
    margin-left: 225px !important;
    margin-top: -407px !important;
}

.programme-session-card[data-cat="262"][data-session-reference="32"],
.programme-session-card[data-cat="262"][data-session-reference="33"],
.programme-session-card[data-cat="262"][data-session-reference="30"],
.programme-session-card[data-cat="262"][data-session-reference="31"] {
    width: 70px !important;
    font-size: 14px;
    line-height: 100%;
}

.programme-session-card[data-cat="262"][data-session-reference="33"] {
    margin-left: 76px !important;
    margin-top: -136px !important;
}

.programme-session-card[data-cat="262"][data-session-reference="31"] {
    margin-left: 150px !important;
    margin-top: -272px !important;
}

.programme-session-card[data-cat="262"][data-session-reference="30"] {
    margin-left: 225px !important;
    margin-top: -407px !important;
}

/* Programme session card overrides - cat 334 */

.programme-session-card[data-cat="334"][data-session-reference="20283"],
.programme-session-card[data-cat="334"][data-session-reference="20277"],
.programme-session-card[data-cat="334"][data-session-reference="20271"],
.programme-session-card[data-cat="334"][data-session-reference="20280"] {
    width: 115px !important;
}

.programme-session-card[data-cat="334"][data-session-reference="20277"],
.programme-session-card[data-cat="334"][data-session-reference="20280"] {
    margin-left: 118px !important;
}

.programme-session-card[data-cat="334"][data-session-reference="20282"],
.programme-session-card[data-cat="334"][data-session-reference="20281"],
.programme-session-card[data-cat="334"][data-session-reference="20279"],
.programme-session-card[data-cat="334"][data-session-reference="20272"],
.programme-session-card[data-cat="334"][data-session-reference="20278"] {
    width: 45px !important;
}

.programme-session-card[data-cat="334"][data-session-reference="20281"] {
    margin-left: 49px !important;
}

.programme-session-card[data-cat="334"][data-session-reference="20279"] {
    margin-left: 96px !important;
}

.programme-session-card[data-cat="334"][data-session-reference="20272"] {
    margin-left: 143px !important;
}

.programme-session-card[data-cat="334"][data-session-reference="20278"] {
    margin-left: 190px !important;
}

.programme-session-card[data-cat="334"][data-session-reference="20282"] > div > p,
.programme-session-card[data-cat="334"][data-session-reference="20281"] > div > p,
.programme-session-card[data-cat="334"][data-session-reference="20279"] > div > p,
.programme-session-card[data-cat="334"][data-session-reference="20272"] > div > p,
.programme-session-card[data-cat="334"][data-session-reference="20278"] > div > p {
    display: none;
}

/* ---------------------------------------------------------------------------
   7. Modals / Fancybox
   --------------------------------------------------------------------------- */

.modal-title {
    color: #000000 !important;
}

#modalSessionsInfos .modal-session-name > h3 > span {
    /* Remove the session number in the session modal */
    display: none !important;
}

.fancybox-opened div.sidebar-titre {
    color: #000000;
    font-size: 25px;
    font-weight: bold;
}

.fancybox-opened .ui-state-default {
    background: var(--ers-cobalt-100) !important;
    color: white;
    font-family: 'Avenir Next';
    text-transform: uppercase;
}

.fancybox-opened h3 {
    color: #000000 !important;
    font-size: 15px;
    font-weight: bold !important;
}

a.modal-sessions-interventions-group_btn-see-abstract,
a.modal-sessions-interventions-group_btn-see-abstract:visited {
    color: var(--ers-cobalt-100) !important;
    font-size: 16px;
}

.modal-session-faculties,
.modal-session-faculties > span {
    float: left;
}

#modal-user-profile div .speaker-list-info-category-congress-type {
    color: #ffffff !important;
}

/* ---------------------------------------------------------------------------
   8. WYSIWYG / Content
   --------------------------------------------------------------------------- */

.ers-white-theme .wysiwyg-v2-edited a {
    text-decoration: underline;
}

.wysiwyg-v2-edited table tr td:first-child {
    /* Colour the first cell of the table */
    background-color: #F6F6F6;
    vertical-align: top;
}

.wysiwyg-v2-edited .accordion .card {
    /* Accordion component - background and padding adjustment */
    padding: 0;
    background-color: #F6F6F6;
}

.wysiwyg-v2-edited .accordion .card-header {
    padding: 0.95rem 1.25rem;
}

.wysiwyg-v2-edited .accordion .card-header a.card-title {
    /* Accordion component - Toggle icon - Make the content inline */
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
}

.wysiwyg-v2-edited .accordion .card-header a.card-title::after {
    /* Accordion component - Toggle icon - opened state */
    font-family: 'FontAwesome';
    content: "\f078";
    margin-left: 12px;
}

.wysiwyg-v2-edited .accordion .card-header.collapsed a.card-title::after {
    /* Accordion component - Toggle icon - closed state */
    font-family: 'FontAwesome';
    content: "\f077";
    margin-left: 12px;
}

.wysiwyg-v2-edited .accordion .card-title {
    /* Remove the underline */
    text-decoration: none;
}

.guideline-content__holder .guidelines__container-text-holder,
.guideline-content__holder .load-more-holder {
    display: none;
}

/* ---------------------------------------------------------------------------
   9. Video / Media Player
   --------------------------------------------------------------------------- */

.video-js .vjs-big-play-button {
    left: 52% !important;
}

#mediaTab {
    /* No left margin on media tabs */
    margin-left: 0;
}

/* ---------------------------------------------------------------------------
   10. Live / Replay / Sessions
   --------------------------------------------------------------------------- */

.snippet-block.snippet-banner-blue .container-detail__watch-live-banner,
.snippet-block.snippet-banner-blue .container-detail__register-now-banner {
    height: 100%;
    padding-bottom: 10px;
    padding-top: 10px;
}

.container-detail__register-now-banner .container-detail__register-now-banner__btn,
.container-detail__watch-live-banner .container-detail__watch-live-banner__btn {
    font-size: 11px !important;
    padding: 4px 14px !important;
}

.intervention-row-details:not(:has(.intervention-row-details_body)) .replay-congress__session-link,
.intervention-row-details:not(:has(p.ers_font_14_20.mr-3)) .replay-congress__session-link {
    /* Remove link on program list if no media available */
    pointer-events: none;
}

.replay-congress__session-holder .session-row-details a.replay-congress__session-link {
    /* Fix display glitch on event listing links */
    display: inline-flex !important;
}

.replay-congress__banners-desktop h1,
.replay-congress__banners-desktop h2 {
    /* Correct display bug for live pages in SM event website */
    font-weight: normal;
    font-family: "Avenir", Roboto, Arial, serif;
}

.wysiwyg-v2-edited .replay-congress__banners-desktop h1 {
    font-size: 40px;
}

.sm-event-replay h1.ers__black {
    /* Remove the title in replay pages */
    display: none !important;
}

#container-list-advanced-search-button {
    /* Remove the "Advanced Search" button in replay pages */
    display: none !important;
}

.speaker-list-info-category-congress-detail-session-line .fas.fa-stop {
    display: none;
}

.livePanelSessionSessionInfo {
    /* ERS Blue Color on sidebar Live Panel - More session details link */
    color: #020265 !important;
}

/* ---------------------------------------------------------------------------
   11. Abstract / VDO Viewer
   --------------------------------------------------------------------------- */

.vdo_viewer_text {
    background-color: #ffffff !important;
    color: #000000 !important;
    min-height: 100vh;
}

.vdo_viewer_text p {
    padding: 10px;
    color: #000000 !important;
}

.vdo_viewer_text h2 {
    padding-left: 10px;
    padding-right: 10px;
    color: #000000 !important;
}

.vdo_viewer_text > h2 {
    /* CME Online media page : padding on titles */
    padding-top: 20px;
}

.vdo_viewer_text > h2:empty {
    /* Empty titles in posts for webinars */
    padding-top: 0;
}

.vdo_viewer_text h3 {
    /* Hide black bar on Abstracts */
    background-color: #ffffff !important;
    height: 0.5rem;
}

.vdo_viewer_text strong {
    color: #000000 !important;
}

.vdo_viewer_text div.wysiwyg-v2-edited {
    color: #000000;
    padding: 10px;
}

/* ---------------------------------------------------------------------------
   12. CME Online
   --------------------------------------------------------------------------- */

.cme-online-specific-tagtype {
    /* Smaller "case based" label */
    font-size: x-small;
    padding: 2px 3px 2px 4px;
    height: 20px;
}

.vdo_viewer_cme_text .wysiwyg-v2-edited a {
    color: var(--ers-black100-color) !important;
    text-decoration: underline;
}

.course-page-media-template .case-report-table {
    border-bottom: none;
}

.course-page-media-template .case-report-table .case-report-table-row:last-child .case-report-left-col-table,
.course-page-media-template .case-report-table .case-report-table-row:last-child .case-report-right-col-table {
    border-bottom: solid 1px var(--ers-cobalt-color);
}

#coursePageErsTemplate > #cmeWhiteBannerContainer > div > div.col-12.col-md-11.p-0 > h1 {
    display: none;
}

/* ---------------------------------------------------------------------------
   13. Agenda
   --------------------------------------------------------------------------- */

#agenda-calendar .agenda__content-holder {
    min-height: 400px;
}

#agenda-calendar .agenda-export-pdf {
    display: none;
}

.add-to-agenda,
.link-agenda-click-side-panel {
    /* ERS Blue Color on Add to my agenda links */
    color: #020265 !important;
}

/* RFMV24 - Hide agenda features */

#modal-agenda {
    display: none !important;
}

.add-to-agenda {
    display: none !important;
}

.download-ics {
    display: none !important;
}

/* ---------------------------------------------------------------------------
   14. Voting
   --------------------------------------------------------------------------- */

.vote-room.js-vote-room {
    background-color: #ffffff;
}

.vote-room.js-vote-room button {
    letter-spacing: 0;
    text-transform: none;
}

/* ---------------------------------------------------------------------------
   15. Q&A / Chat / Ubiquity
   --------------------------------------------------------------------------- */

#question-response-button {
    margin-bottom: 10px;
    display: block;
}

#arrowchat_popout_user_cr-2_convo .arrowchat_popout_input_container.arrowchat_no_file_upload {
    visibility: hidden;
}

#ubiquity-timeline .ubiquity-timeline-element.type-chat {
    background-color: #d5deff !important;
}

.ubiquity-timeline-element {
    height: unset !important;
}

#ubiquity-interactive-conteneur .btn.breakoutbtn {
    background-color: #ff6728 !important;
    border: 0;
}

div.timelineQuestion.pl-2.min-height.d-flex.align-items-center.align-self-center.flex-wrap.col-10.timelineElementContent > div > div > p > a {
    color: #ffffff !important;
}

/* ---------------------------------------------------------------------------
   16. Speakers / Faculties
   --------------------------------------------------------------------------- */

.js-add-faculty-bookmark {
    /* Hide bookmark for faculties */
    display: none !important;
}

/* ---------------------------------------------------------------------------
   17. Channel / Home
   --------------------------------------------------------------------------- */

.channel-home__case-reports .case-reports__banner-content {
    max-width: 1240px !important;
}

.channel-home__icon-color {
    cursor: pointer;
}

.channel-home__load-more {
    color: white;
}

/* ---------------------------------------------------------------------------
   18. ERS Buttons / Forms
   --------------------------------------------------------------------------- */

.ers_button__white .ers_button__white__label {
    cursor: pointer !important;
    margin-bottom: 0;
}

.ers-button-multiple .ers-button-ajust {
    display: block;
    width: 205px;
    font-weight: bold !important;
    font-size: 16px !important;
}

.ers-input-group label input,
#userLoginForm input {
    color: #b3b3b3 !important;
}

a.btn-back-to-event {
    font-size: 1em;
}

/* ---------------------------------------------------------------------------
   19. Search
   --------------------------------------------------------------------------- */

.body__global-search__search-results__headband__relevance {
    /* Global search - hide rating */
    display: none;
}

/* ---------------------------------------------------------------------------
   20. Snippets / Banners
   --------------------------------------------------------------------------- */

.banner-academy-thoracic-onc .article-snippet {
    background: var(--image2) no-repeat !important;
    background-size: cover !important;
    background-position: 55% 40% !important;
    min-height: 200px !important;
}

.snippet-home-registration_img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.snippet-event-home-registration {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.snippet-event-home-registration > .d-flex {
    max-width: 100% !important;
}

/* ---------------------------------------------------------------------------
   21. Misc
   --------------------------------------------------------------------------- */

._hj-widget-container {
    display: none;
}
