/* <editor-fold desc "GLOBAL CAROUSEL"> */
.section-introduction {
    min-height: 24px;
}

.ers-home-carousel {
    margin-bottom: 0px !important;
}

.carousel-link-blocks-item, .channel-blocks-item, .media-page-blocks-item {
    height: 162px;
    width: 288px;
    filter: saturate(50%);
}

.link-carousel-blocks-display-list .carousel-link-list-blocks-column {
    margin-bottom:60px;
    max-width: 100%;
}

.ers-white-theme .registration-link-snippet,
.ers-white-theme button:has(.registration-link-snippet),
.registration-link-snippet,
button:has(.registration-link-snippet) {
    color: var(--ers-white-color)!important;
    background-color: var(--ers-cobalt-color)!important;
}

@media(max-width: 576px) {
    .link-carousel-blocks-display-list .row {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .link-carousel-blocks-display-list .col-xs-1 {
        padding-right:0px;
        padding-left:0px;
    }
}

.link-carousel-blocks-display-list .carousel-link-blocks-item {
    width:100%;
    padding-bottom: 56.25%;
}

.carousel-link-blocks-item,
.channel-blocks-item,
.media-page-blocks-item {
    background-size: 100%!important;
    transition: background-size 0.2s ease-out;
    -moz-transition: background-size 0.2s ease-out;
    -ms-transition: background-size 0.2s ease-out;
    -o-transition: background-size 0.2s ease-out;
    -webkit-transition: background-size 0.2s ease-out;}

.carousel-link-blocks-item:hover,
.channel-blocks-item:hover,
.media-page-blocks-item:hover {
    background-size: 110%!important;
    transition: background-size 0.2s ease-in;
    -moz-transition: background-size 0.2s ease-in;
    -ms-transition: background-size 0.2s ease-in;
    -o-transition: background-size 0.2s ease-in;
    -webkit-transition: background-size 0.2s ease-in;
}

.section-introduction-holder {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

#carousel-link-section, #live-session-section, #channel-list-section, .media-page-list-section, .home-section {
    width: 100%;
    background-color: #fff;
    padding: 0;
}

.home-page-background-cover {
    background-size: 100%!important;
}

/* </editor-fold desc "GLOBAL CAROUSEL"> */

/* <editor-fold desc "DESIGN SLICK ARROW / DOTS"> */
.slick-arrow-dot-holder {
    margin-bottom: 1px;
}

.slick-arrow-dot-holder-mobile {
    margin-right: 0px;
    padding-right: 0px;
}

.slick-arrow-dot-holder .slick-prev,
.slick-arrow-dot-holder .slick-next{
    position: relative;
    left : 0;
    right: 0;
    top:0;
    bottom: 0;
    width: 20px;
    height: 20px;
    padding: 0px;
    line-height: 0px;
    transform: none;
}
.slick-arrow-dot-holder .slick-prev {
    margin-right: 11px;
}

.slick-arrow-dot-holder .slick-next {
    margin-left: 11px;
}

.slick-arrow-dot-holder .slick-prev:before,
.slick-arrow-dot-holder .slick-next:before {
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: 900;
    font-size: 22px;
    line-height: 20px;
    color: #FFFFFF;
    opacity: 1;
}

.slick-arrow-dot-holder .slick-prev,
.slick-arrow-dot-holder .slick-next {
    background-color: #AF2030;
}

.slick-arrow-dot-holder .slick-prev:before {
    content: "\f104";
}

.slick-arrow-dot-holder .slick-next:before {
    content: "\f105";
}

.slick-arrow-dot-holder .slick-dots {
    position: relative;
    bottom: 0px;
    display:flex !important;
    align-items: center;
}

.slick-arrow-dot-holder .slick-dots li button:before{
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    /* ERS Black 50% */
    border-radius: 50%;
    border: 1px solid #808080;
    content:'';
    opacity : 1;
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.slick-arrow-dot-holder .slick-dots li.slick-active button:before{
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    font-size:14px;
    /* ERS Black 50% */
    border-radius: 50%;
    border: 1px solid #808080;
    background-color: #808080;
    content:'';
    opacity : 1;
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.slick-arrow-dot-holder .slick-dots li{
    margin:0px;
}
.slick-arrow-dot-holder .slick-dots > li {
    display: inline-block;
}
.slick-arrow-dot-holder .slick-dots > li:only-child {
    display: none;
}

.slick-arrow-dot-holder .slick-disabled {
    background-color: #4C4C4C;
    opacity: 1;
}

.slick-arrow-dot-holder .slick-disabled:before {
    color: #808080;
}
/* </editor-fold desc "DESIGN SLICK ARROW / DOTS"> */

/* <editor-fold desc "DESIGN SLICK GLOBAL"> */
.slick-slide {
    margin-left:30px !important;
    margin-right:0px !important;
}

.slick-list {
    margin-left:-30px !important;
}
/* </editor-fold desc "DESIGN SLICK GLOBAL"> */

/* <editor-fold desc "DESIGN SECTION TITLE"> */
.ers-home-carousel a:hover {
    opacity:1!important;
}

.section-title {
    min-height:44px;
    padding-bottom:0;
}

.section-title h2 {
    margin-left:0px !important;
    font-size: 33px;
    line-height: 44px;
    font-weight: 500;
    margin-bottom:0px !important;
}
/* </editor-fold desc "DESIGN SECTION TITLE"> */

/* <editor-fold desc "DESIGN LINK CAROUSEL"> */
.link-carousel-holder {
    margin:0;
    padding:0;
}

.ers-carousel-link {
    padding:0px;
}

.ers__carousel-link__subtitle {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    /* identical to box height, or 143% */
    color: #87ACCC!important;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.ers__carousel-date-font {
    color: #87ACCC!important;
}

.ers-force-white-theme-bg .ers__carousel-link__subtitle {
    color: var(--ers-cobalt-100)!important;
}

.ers-force-white-theme-bg .ers__carousel-date-font,
.ers-white-theme .ers__carousel-date-font {
    color: var(--ers-black50-color)!important;
    font-size: var(--ers-quaternary-text-size);
}

.ers__carousel-link__title {
    padding-top:3px !important;
}

@media(max-width: 576px){
    .ers__carousel-link__background-cover {
        height: 186px!important;
        background-size: cover!important;
    }

    .link-carousel-holder {
        margin:auto;
    }
}
/* </editor-fold desc "DESIGN LINK CAROUSEL"> */

/* <editor-fold desc "DESIGN CHANNEL CAROUSEL"> */
.channel-carousel-holder {
    margin: 0 !important;
    padding: 0 !important;
}

.ers-carousel-channel {
    padding:0px;
}
/* </editor-fold desc "DESIGN CHANNEL CAROUSEL"> */

/* <editor-fold desc "DESIGN MEDIA PAGE CAROUSEL"> */

.media-page-carousel-holder {
    margin: 0 !important;
    padding: 0 !important;
}

.ers-carousel-media-page {
    padding:0px;
}

.media-page-list-holder,
#live-list-holder,
.recommended-content-list-holder,
#channel-list-holder {
    margin: 40px 0%;
    max-width: 1920px;
}

#channel-list-section .channel-list-section-thumbnails-holder,
#live-session-section .live-list-section-thumbnails-holder,
.media-page-list-section .media-page-list-section-thumbnails-holder,
.recommended-content-section .recommended-content-list-section-thumbnails-holder {
    display: grid;
    max-width: 12400px;
    grid-template-columns: repeat(auto-fill,minmax(280px,1fr));
    column-gap: 30px;
    row-gap: 15px;
}


/* </editor-fold desc "DESIGN MEDIA PAGE CAROUSEL"> */

/* <editor-fold desc "GUIDELINES MEDIA PAGE CAROUSEL"> */
.guidelines-media-page-carousel {
    border-left: solid var(--ers-cobalt-100) 3px;
}

.guidelines-media-page-carousel,
.media-page-guidelines-blocks-item-container {
    min-height: 205px;
}
/* </editor-fold desc "GUIDELINES MEDIA PAGE CAROUSEL"> */

/* <editor-fold desc "GUIDELINES EVENT REPLAY CAROUSEL"> */
.media-page-event-replay-blocks-item-container {
    min-height: 135px;
}

.section-title-event-replay-carousel {
    background-color: var(--ers-cobalt-100);
    color: var(--ers-white-color);
    font-size: var(--ers-tertiary-text-size);
}

.event-replay-media-page-carousel {
    border-left: solid var(--ers-cobalt-100) 3px;
}

.ers__carousel-link__subtitle.ers_thumbnail-badge-event-replay {
    color: var(--ers-cobalt-100)!important;
}

.ers-media-page-carousel-event-replay-link-title {
    font-weight: 700;
}

.media-page-guidelines-blocks-item-container strong,
.section-media-page-list-card-event-replay-description {
    font-weight: 700;
}

.custom-carousel-standard-weight {
    font-weight: 300!important;
}

.ending-event-replay-carousel-card {
    border: solid var(--ers-cobalt-100) 3px;
    width: calc(100% - 6px);
    min-height: 135px;
}

.ending-carousel-event-replay-icon {
    font-size: 48px;
    color: var(--ers-cobalt-100);
    margin-bottom: 12px;
}

.ers-event-replay-list-description-middle {
    height: 44px;
}

.event-replay-carousel-locker {
    width: 30px;
}
/* </editor-fold desc "GUIDELINES EVENT REPLAY CAROUSEL"> */

/* <editor-fold desc "DESIGN ADVANCED SLIDE"> */
.advanced-slider-section .section-title h2 {
    padding-top: 0px;
}

.advanced-slider-blocks__item {
    height:280px;
    border-radius: 6px;
}

.ersAdvancedSliderRed {
    background-image:
            linear-gradient(to left, #CE003A, #CE003A),
            linear-gradient(to left, transparent, transparent),
            var(--image2) !important;
    background-blend-mode: multiply;
}

.ersAdvancedSliderBlue {
    background-image:
            linear-gradient(to left, #0F589A,  #0F589A),
            linear-gradient(to left, transparent, transparent),
            var(--image2) !important;
    background-blend-mode: multiply;
}

.advanced-slider-overtitle {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.36em;
    text-align: center;
    display:none;
}

.advanced-slider-section .slick-dots {
    bottom: 8px;
    display:flex !important;
    align-items: center;
    justify-content: center;
}

.advanced-slider-section .slick-dots li button:before{
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    /* ERS Black 50% */
    border-radius: 50%;
    border: 1px solid white;
    content:'';
    opacity : 1;
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.advanced-slider-section .slick-dots li.slick-active button:before{
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    font-size:14px;
    /* ERS Black 50% */
    border-radius: 50%;
    border: 1px solid white;
    background-color: white;
    content:'';
    opacity : 1;
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: white!important;
}

.advanced-slider-section .slick-dots li{
    margin:0px;
}
.advanced-slider-section .slick-dots > li {
    display: inline-block;
}
.advanced-slider-section .slick-dots > li:only-child {
    display: none;
}

.advanced-slider-content-holder {
    width: 1024px;
}

.advanced-slider-holder a:hover {
    text-decoration: none;
}
.advanced-slider-holder {
    margin: 0px 0%;
    max-width: 1240px;
}

/* </editor-fold desc "DESIGN ADVANCED SLIDER"> */

/* <editor-fold desc "DESIGN RESPONSIVE MOBILE CAROUSEL"> */
@media (max-width: 576px) {
    .carousel-link-sm-blocks-item, .channel-sm-blocks-item, .media-page-sm-blocks-item {
        height: 162px;
        width: 100%;
    }

    .advanced-slider-sm-content-holder {
        width: 100%;
        padding: 0 1rem;
    }

    .advanced-slider-description {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }

    .advanced-slider-title {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }
}
/* </editor-fold desc "DESIGN RESPONSIVE MOBILE CAROUSEL"> */
/* </editor-fold desc "SPACER"> */

/* <editor-fold desc "WYSIWYG SECTION"> */
.wysiwyg-section .section-title h2 {
    margin-bottom: 27px!important;
    margin-left: 0;
    margin-right: 0;
}

.wysiwyg-section .section-title h3 {
    margin-left: 0;
    margin-right: 0;
}

.wysiwyg-section {
    padding: 0;
}

/* <editor-fold desc="WYSIWYG SECTION SNIPPET"> */
.snippet-block *:not(.btn) {
    margin: 0;
    padding: 0;
    outline: none;
}

.snippet-block p,
.snippet-block b,
.snippet-block strong,
.snippet-block h2,
.snippet-block h3,
.snippet-block a,
.snippet-block button
{
    text-align: left;
}

.snippet-block {
    width: 100%;
}
.snippet-block a.ers_button__white {
    letter-spacing: 7px;
    text-transform: uppercase;
    font-weight:bold;
    font-family: "Avenir", Roboto, Arial, serif!important;
    font-size: 16px!important;
    line-height: 24px!important;
    padding:8px 18px 8px!important;
}
.snippet-block a.ers_button__white:hover {
    text-decoration: none !important
}
.snippet-block .snippet-banner_description {
    min-height: 224px;
    height: 100%;
    padding: 30px 30px 34px 30px;
    flex-grow: 1;
}

.snippet-block img.snippet-banner_img {
    display: block;
    width: 499px;
    height: 100%;
    object-fit: cover;
}

.snippet-block img.snippet-home-registration_img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.snippet-block .snippet-banner_description  h3 {
    font-weight: 500;
    padding: 0;
}

.snippet-block .snippet-banner_description p {
    max-width: 604px;
}

.snippet-event-home-registration figure,
.snippet-banner-blue figure,
.snippet-banner-red figure {
    height:100% !important;
}

.snippet-sponsors-item {
    width: 100% !important;
}

.snippet-sponsors p {
    margin-top: 6px;
    text-align: left!important;
}

.snippet-sponsors-holder {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 12px!important;
}

.snippet-sponsors-holder > figure,
.snippet-sponsors-holder > div {
    padding: 10px;
    flex: 20%; /* or - flex: 0 50% - or - flex-basis: 50% - */
    flex-grow: 0!important;
}

.frontoffice .snippet-block .ers__highlight-snippet__red-more-btn,
.frontoffice .snippet-block .ers__highlight-snippet__collapse {
    display:none !important;
}
.snippet-block .ers__highlight-snippet__red-more-btn {
    width: fit-content;
}
.ers__highlight-snippet__red-more-btn .ers__btn-secondary:hover{
    text-decoration: none;
    cursor:pointer;
}

@media (max-width: 576px) {
    .frontoffice .snippet-block .ers__highlight-snippet__red-more-btn,
    .frontoffice .snippet-block .ers__highlight-snippet__collapse {
        display:block !important;
    }

    .snippet-highlight .ers__highlights-content-holder {
        display:none;
    }
}

.snippet-highlight .ers__btn-secondary{
    letter-spacing: 0.36em;
}
/* </editor-fold desc="WYSIWYG SECTION SNIPPET"> */

@media (max-width: 576px) {
    .snippet-block p,
    .snippet-block b,
    .snippet-block strong,
    .snippet-block h2,
    .snippet-block h3,
    .snippet-block a,
    .snippet-block button {
        text-align: center;
    }

    .snippet-highlight p,
    .snippet-highlight a {
        text-align: left !important;
    }
    .snippet-block h3 {
        font-size: 22px;
    }

    .snippet-block a.ers_button__white {
        font-size: 14px!important;
        letter-spacing: 4px;
        margin-right: 21px;
        margin-left: 21px;
    }
    .snippet-block img.snippet-banner_img {
        width: 100%;
        height: auto;
    }

    .snippet-block .snippet-banner_description {
        height: auto;
    }
    .snippet-replay-latest .p__header,
    .snippet-replay-latest p {
        text-align: left !important;
    }

    .snippet-replay-latest .p__header {
        font-family: "Avenir", Roboto, Arial, serif;
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 19px;
    }

    .snippet-block.snippet-banner-red .snippet-banner_description,
    .snippet-block.snippet-banner-blue .snippet-banner_description,
    .snippet-block.snippet-event-home-registration .snippet-event-home-registration_description {
        padding: 15px 9px 28px 9px;
    }

    .snippet-block .snippet-banner_description p {
        -webkit-line-clamp: 2;
    }

    .snippet-sponsors-holder > figure,
    .snippet-sponsors-holder > div {
        padding: 10px!important;
        flex: 50%; /* or - flex: 0 50% - or - flex-basis: 50% - */
        text-align: center;
    }

    .snippet-block img.snippet-banner_img {
        display: block;
        width: 100%;
        height: auto;
    }

    .snippet-banner-blue figure,
    .snippet-banner-red figure {
        height:auto!important;
    }

}
/* </editor-fold desc "WYSIWYG SECTION"> */

/* <editor-fold desc "PUBLICATION PAGE"> */
.publication-external-link a {
    color:#0F589A!important;
}

.publication-external-link a::after {
    font-family: "Font Awesome 5 Pro", sans-serif;
    content: "\f35d";
    font-weight:400;
    padding-left:10px;
}

.publication-external-link a::before {
    color:#CE003A;
    font-family: "Font Awesome 5 Pro", sans-serif;
    font-weight: 900;
    content: "\f138";
    padding-right:10px;
}

.publication-page-content {
    max-width:1240px;
    margin:auto;
}

.publication-page-header {
    background:url('../images/banners/publications-banner.jpg') no-repeat;
    background-size:cover;
}

.publication-page-header .wysiwyg-holder {
    margin:0px;
    max-width:100%;
}

.ers-force-white-theme-bg .wysiwyg-holder {
    margin: 0!important;
    max-width:100%;
}

.ers-force-white-theme-bg .section:has(.ers-white-home-page-banner) {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: initial;
    max-width: none;
}

.publication-page-header .wysiwyg-v2-edited {
    max-width:1240px;
    margin:auto;
    padding-top:32px;
    padding-bottom:13px;
}

@media (max-width: 576px) {

    .publication-page-header {
        background: linear-gradient(180deg, #000203 0%, #0F589A 100%);
        padding-left:12px;
        padding-right:12px;
        text-align:center;
    }

    .publication-page-header h2 {
        text-align:center;
        line-height:36px;
        margin-bottom:14px!important;
    }

    .publication-page-header h4, .publication-page-header .grid {
        text-align:left;
    }

    #zone-contenu.no-gutters:has(div.publication-page-header) {
        margin-left:0px!important;
        margin-right:0px!important;
    }
}

/* </editor-fold desc "PUBLICATION PAGE"> */

.snippet-block .snippet-event-home-registration__unregistered a.ers_button__white:focus {
    background-color:white!important;
    color:#000000!important;
}

.frontoffice .snippet-event-home-registration {
    visibility: hidden;
}

.event-category-web-page {
    background-color:white!important;
    display:flex;
    width:100%;
    justify-content: center;
    margin: auto;
    padding-left: 0;
    padding-right: 0;
}

.event-category-web-page #home-page-section {
    max-width:1240px;
}

.article-snippet.replay-congress__banner-desktop {
    background: var(--image2) no-repeat;
    background-size: cover;
    background-position-x: center;
}

.snippet-event-home-registration__registered a {
    color: #0F589A !important;
}

.event-home-page-template-link-holder a{
    color:#0F589A !important;
}

.ers-white-theme .snippet-event-home-registration__unregistered p {
    color:#FFFFFF !important;
}

.ers-white-theme .snippet-event-home-registration__unregistered a {
    text-decoration: none;
}

#fil-ariane-holder {
    margin-top: 75px!important;
}

body:has(.ers-force-white-theme-bg) {
    overflow-x: hidden;
}

body:has(.ers-force-white-theme-bg) #zone-principale {
    margin-top: 0!important;
}

body:has(.ers-force-white-theme-bg),
body:has(.ers-force-white-theme-bg) #zone-principale,
.ers-force-white-theme-bg {
    background-color: var(--ers-white-color)!important;
}

.ers-force-white-theme-bg .section-title h2,
.ers-force-white-theme-bg .section-title h2.section-carousel-link-title,
.ers-force-white-theme-bg .section-title h2.section-media-page-list-title,
.ers-force-white-theme-bg .section-title h2.section-channel-title,
.ers-force-white-theme-bg .section-introduction-holder,
.ers-force-white-theme-bg .channel-blocks-item-title-container,
.ers-force-white-theme-bg .ers__carousel-link__title,
.ers-white-theme .section-title h2,
.ers-white-theme .section-title h2.section-carousel-link-title,
.ers-white-theme .section-title h2.section-media-page-list-title,
.ers-white-theme .section-title h2.section-channel-title,
.ers-white-theme .section-introduction-holder,
.ers-white-theme .channel-blocks-item-title-container,
.ers-white-theme .ers__carousel-link__title {
    color: var(--ers-black100-color)!important;
    font-weight: bold;
}

.channel-blocks-item-title-container {
    font-size: var(--ers-secondary-text-size) !important;
}

.ers-force-white-theme-bg .channel-blocks-item-title-container-alt,
.ers-white-theme .channel-blocks-item-title-container-alt{
    color: var(--ers-cobalt-100)!important;
}

body:has(.ers-force-white-theme-bg) #zone-principale,
body:has(.ers-force-white-theme-bg) .fil-ariane,
body:has(.ers-force-white-theme-bg) .fil-ariane *:not(i) {
    color: var(--ers-white-color)!important;
}

.ers-white-home-page-banner,
.ers-white-home-page-banner .ers_highlight_banner,
.ers-white-home-page-banner-container-cobalt,
.ers-white-home-page-banner-cobalt {
    min-height: 292px;
}

.ers-white-home-page-banner-cobalt {
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
}

.white-home-page-banner-snippet-text {
    color: white;
}

.home-page-channel-section-blank-title {
    height: 20px;
}

body:has(.ers-force-white-theme-bg) .ers-sub-footer-container {
    background-color: black;
}

.section-media-page-list-card-guidelines-title {
    min-height: 63px;
}
