/*  Colors: 
primary: #007fa8
secondary: #59D4EB 
*/

/* container */
body.com-content.view-article #sp-main-body>.container {
    max-width: 1320px;
}

/* links */
body a {
    color: #4f17a8;
}

body #adminForm .list-title a {
    color: #000;
}

body a:hover,
body a:focus,
body a:active {
    color: #af17a8;
}

/* main menu */
body .sp-megamenu-parent.menu-animation-fade-up .sp-has-child:hover>.sp-dropdown {
    animation: spFadeInUp 50ms ease-in;
}

body ul.sp-megamenu-parent {
    display: grid;
    justify-content: center;
    grid-auto-flow: column;
    gap: 0px;
    float: none;
}

body .sp-megamenu-parent>li>a,
body .sp-megamenu-parent>li span {
    padding: 0px 20px;
    display: grid;
    grid-template-columns: 1fr auto;
}

/* sidebar */
div.mod-tagspopular-cloud {
    padding-right: 30px;
    padding-top: 10px;
}

body .sp-module .tagscloud .tag-name {
    color: #4f17a8;
    line-height: 39px;
}

body .sp-module .tagscloud .tag-name:hover {
    background: none;
    opacity: 0.8;
}

/* homepage */

body .sppb-article-info-wrap h3 a,
body .eb-event-title {
    color: #ff6110;
}

@media only screen and (max-width: 767px) {
    .sppb-countdown-timer {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .sppb-countdown-timer>div:last-child {
        display: none;
    }
}

/* normal buttons */
body a.sppb-btn,
body a.sppb-btn.sppb-btn-default,
body #sppb-addon--_O6rn5dGxoBjmyRZGQ8R a.sppb-btn,
body p.mod-articles-category-readmore>a.mod-articles-category-title {
    background-color: #fff !important;
    color: #4f17a8 !important;
    border: 1px solid #4f17a8;
}

body .sppb-btn:hover,
body a.sppb-btn.sppb-btn-default:hover,
body #sppb-addon--_O6rn5dGxoBjmyRZGQ8R a.sppb-btn:hover,
body p.mod-articles-category-readmore>a.mod-articles-category-title:hover {
    background-color: #4f17a8 !important;
    color: #fff !important;
}

/* smaller buttons */
body .sppb-article-info-wrap a.sppb-readmore {
    background-color: #fff !important;
    color: #4f17a8 !important;
    border: 1px solid #4f17a8;
    border-radius: 4px;
    padding: 5px 10px !important;
    margin-top: 10px;
    display: inline-block;
}

body .sppb-article-info-wrap a.sppb-readmore:hover {
    background-color: #4f17a8 !important;
    color: #fff !important;
}

/* primary */
body .btn-primary,
body .sppb-btn-primary {
    border-color: #4F17a8 !important;
    background-color: #fff;
    color: #4f17a8 !important;
}

body .btn-primary:hover,
.sppb-btn-primary:hover {
    opacity: 0.9;
    border-color: #4F17a8;
    background-color: #4F17a8;
    color: #fff !important;
}

body .btn-primary.eb-event-date {
    border-color: #4F17a8;
    background-color: #4F17a8;
    color: #fff !important;
    opacity: 1;
}

body a.btn.btn-primary {
    color: #007fa8;
    border: 1px solid #007fa8;
}

/* secondary */
body a.btn.btn-secondary,
body button.btn.btn-secondary.dropdown-toggle {
    color: #4F17a8 !important;
    border: 1px solid #4F17a8 !important;
}

body a.btn.btn-secondary:hover,
body button.btn.btn-secondary.dropdown-toggle:hover {
    background-color: #4f17a8 !important;
    color: #fff !important;
}

/* events */

body .eb-event-date-container {
    background: #59D4EB;
}

body .bg-primary {
    background-color: #2b008c !important;
}

/* articles */
body .article-details .article-ratings-social-share {
    max-width: inherit;
}

body .article-details .article-ratings-social-share .social-share-block {
    margin-top: 10px;
}

body .article-social-share .social-share-icon ul li:not(:last-child) {
    margin-right: 0px;
}

body .article-social-share .social-share-icon ul li a:hover,
body .article-social-share .social-share-icon ul li a:focus {
    background: #007fa8;
}

body .article-info {
    margin-bottom: 2px;
}

body .pagination .page-item.active {
    background: none;
}

body .eb-event-date {
    height: 70px;
    width: 70px;
}

body .eb-event-information.row {
    display: flex;
    align-items: center;
}

body .article-details .article-info {
    color: #000;
}

body .article-details .article-info .hits {
    display: none;
}

body div.article-details-intro {
    display: block;
}

body div.article-details-intro h1 {
    font-size: 35px !important;
}

body div.article-details-intro h1,
body div.article-details-intro .article-info .published {
    color: #000 !important;
}

body.hide-meta .article-ratings-social-share,
body.hide-meta .article-info {
    display: none !important;
}

.notloggedin .member-only,
.loggedin .non-member-only {
    display: none;
}

.loggedin .non-member-only {
    display: none;
}

.notloggedin .member-only {
    display: none;
}

.loggedin .non-member-only {
    display: none;
}



/* ---------------------------------- */
/* NEW CODE MOVED FROM TEMPLATE STYLES > CUSTOM CODE AUG 24 */
/* ---------------------------------- */

body .sp-megamenu-parent>li:hover>a {
    color: #4f17a8;
}

.view-category .eb-event-information.row-fluid {
    display: block;
    overflow: auto;
}

.view-category .eb-event-information.row-fluid .span8 {
    width: 65.95744680851064%;
    float: left;
}

.view-category .eb-event-information.row-fluid .span4 {
    width: 31.914893617021278%;
    float: right;
}

header#sp-header {
    border-bottom: 2px solid #4f17a8;
    border-top: 1px solid #d9d9d9;
}

#sp-header a[target="_blank"]::after {
    content: "\f35d";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    margin-left: 10px;
    font-size: 13px;
}

.pagination li span,
.pagination li a {
    border-radius: 100px;
}

.pagination li {
    margin: 0px 2px;
}

.pagination>.active>span,
.pagination>.active>span:hover,
.pagination li a:hover,
.cb_template .page-item.active .page-link {
    background-color: #481aa1 !important;
    border-radius: 100%;
    color: #fff !important;
}

.article-info {
    color: #00C0E1;
}

body.layout-blog #sp-component,
body.layout-blog #sp-sidebar-2 {
    margin-top:30px;
}
body.layout-blog .blog-list-wrapper > div.row > .col-md-8 {
    width:85%;
}

.blog-list-wrapper {
    margin-top: 5px;
}

.blog-list-wrapper .articles-leading+.article-list>.row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
}

@media (max-width:991px) {
    .blog-list-wrapper .articles-leading+.article-list>.row {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    body.layout-blog .blog-list-wrapper > div.row > .col-md-8 {
        width:100%;
    }    
    body.layout-blog #sp-sidebar-2 {
        padding: 0px 30px;
    }
}

.formResponsive input[type="email"],
.formResponsive input[type="number"],
.formResponsive input[type="password"],
.formResponsive input[type="tel"],
.formResponsive input[type="text"],
.formResponsive input[type="url"],
.formResponsive textarea {
    min-height: 35px;
}

.formResponsive input[type="file"],
.formResponsive select {
    height: 40px;
    line-height: 30px;
}

select {
    width: 100% !important;
}

.view-rsform textarea {
    width: 100%;
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    color: #fff !important;
    background-color: #481aa1;
    border-color: #481aa1;
}

.btn-check+.btn:hover {
    border-color: #481aa1;
}

.btn.btn-outline-success {
    border: 1px solid #481aa1;
    color: #481aa1 !important;
}

.btn.btn-outline-secondary {
    background-color: transparent;
    border: 1px solid #481aa1;
    color: #481aa1;
}

.editor.wf-editor-container {
    max-width: 100% !important;
}

.form-horizontal {
    text-align: left;
}

.eb-container .input-large,
.eb-container .input-medium,
.eb-container .input-small {
    width: 100% !important;
}

.chosen-container-single .chosen-single {
    height: 45px;
    line-height: 45px;
}

body.view-calendar .eb-container .input-medium {
    width: 150px !important;
}

.pagination-wrapper {
    overflow: auto;
}

.pagination {
    list-style: none;
}

.pagination-counter {
    text-align: center;
    margin-top: 30px;
}

#sp-sidebar-2 .mod-articles-category-group,
#sp-sidebar-1 .mod-articles-category-group {
    color: #00c0e1;
}

#sp-sidebar-1 .sp-module-title,
#sp-sidebar-2 .sp-module-title {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

#sp-sidebar-1 .sp-module,
#sp-sidebar-2 .sp-module {
    margin-bottom: 50px;
}

fieldset {
    min-width: min-content;
}

body.com-content.view-category #sp-main-body>.container {
    max-width: 1320px;
    margin: 0 auto;
}

body.com_eventbooking.view-register .control-label {
    width: 100% !important;
    float: none;
}

body.com_rsform .rsform-reset-button {
    background: none;
    background-color: rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0);
    background-color: transparent;
    color: red;
    text-shadow: none;
    padding: 6px 16px;
    font-size: 17px;
    border: 1px solid red;
    box-shadow: none;
}

body .sppb-btn.sppb-btn-default,
body .sppb-btn.sppb-btn-primary,
body .sppb-btn.btn-primary,
body .btn.sppb-btn-default,
body .btn.sppb-btn-primary,
body .btn.btn-primary,
ul li a.btn,
.btn.btn-success,
.btn.btn-secondary,
body #acym_wrapper .button.btn.btn-primary.subbutton,
body.com_rsform .rsform-submit-button,
body.com_sppagebuilder .sppb-btn-success {
    background-color: transparent;
    color: #481aa1;
    border: 1px solid #481aa1;
    padding: 6px 16px;
    font-size: 17px;
    text-shadow: none;
}

body .sppb-btn.sppb-btn-default:hover,
body .sppb-btn.sppb-btn-default:focus,
body .sppb-btn.sppb-btn-default:active,
body .sppb-btn.sppb-btn-primary:hover,
body .sppb-btn.sppb-btn-primary:focus,
body .sppb-btn.sppb-btn-primary:active,
body .sppb-btn.btn-primary:hover,
body .sppb-btn.btn-primary:focus,
body .sppb-btn.btn-primary:active,
body .btn.sppb-btn-default:hover,
body .btn.sppb-btn-default:focus,
body .btn.sppb-btn-default:active,
body .btn.sppb-btn-primary:hover,
body .btn.sppb-btn-primary:focus,
body .btn.sppb-btn-primary:active,
body .btn.btn-primary:hover,
body .btn.btn-primary:focus,
body .btn.btn-primary:active,
ul li a.btn:hover,
.btn.btn-success:hover,
.btn.btn-secondary:hover,
body #acym_wrapper .button.btn.btn-primary.subbutton:hover,
body.com_rsform .rsform-submit-button:hover,
body.com_sppagebuilder .sppb-btn-success:hover {
    background-color: #481aa1;
    color: #fff;
}

#acym__front__archive__search button {
    padding: 10px 0px !important;
    margin-top: -6px !important;
}

.form-check-input:checked {
    background: #481AA1;
    border-color: #481AA1;
}

.com_rsticketspro #editor-xtd-buttons {
    display: none;
}

.eb-event-date-info {
    font-size: 17px;
    line-height: 50px;
}

.eb-events-timeline .eb-taskbar {
    border-bottom: none;
}

.dropdown-menu.eb-save-to-calendar-container.show li {
    padding: 10px 5px !important;
}

.fa-pencil::before {
    content: "\f044";
}

.view-event .pro-page-title {
    display: none;
}

.view-event .eb-thumb-left {
    display: none;
}

#eb-plugins {
    margin-top: 40px;
    margin-bottom: 40px;
}

.eb-social-sharing-buttons a.btn:hover {
    background: #4f17a8;
}

body .eb-event-container {
    padding: 0 0 50px 100px;
}

.eb-event-information i {
    color: #ff6106;
}

.btn.btn-secondary.dropdown-toggle {
    background-color: transparent;
    border: 1px solid #481aa1;
    padding: 6px 16px;
    font-size: 17px;
    color: #481aa1;
    /* margin-top: -8px; */
}

.btn.btn-secondary.dropdown-toggle:hover,
.btn.btn-secondary.dropdown-toggle.show {
    background-color: #481aa1;
    color: #ffffff;
}

.eb-save-to-calendar-buttons .dropdown>ul {
    position: absolute;
    background: #fff;
    padding: 10px;
    box-shadow: 2px 2px 8px 2px #00000038;
    border-radius: 0px 0px 5px 5px;
    display: none;
    min-width: 170px;
}

.eb-save-to-calendar-buttons:hover .dropdown>ul {
    display: block;
}

body.home #sp-main-body {
    padding-top: 0 !important;
}

body.home #sp-page-title {
    display: none;
}

#sp-main-body {
    min-height: 600px;
}

.offcanvas-menu .menu li img {
    display: none;
}

#sp-social .socialicon span.image-title {
    display: none;
}
#sp-social .button span.image-title {
    white-space: nowrap; 
}

#sp-social .menu {
    display: flex;
    justify-content: end;
    align-items: start;
}

.article-list .article .article-introtext>p {
    opacity: 1;
}

body.loggedin li.item-808 {
    display: none !important
}

#sp-social a.button img,
#sp-social a.member-login img,
#sp-social a.member-logout img {
    display: none;
}

joomla-alert[type="danger"] {
    border: 4px solid red !important;
    font-size: 20px !important;
}

joomla-alert[type="success"] {
    border: 4px solid green !important;
    font-size: 20px !important;
}

#sp-social img {
    width: 32px;
    display: inline-block;
}

.sp-menu-item.sp-has-child.active .sp-menu-separator {
    color: #481aa1;
}

.com-content.view-article #sp-main-body .article-media-wrapper {
    margin-top: 10px;
}

.sp-page-title .sp-page-title-heading {
    font-size: 35px;
    color: #212121;
    font-weight: 500;
}

.breadcrumb .float-start {
    display: none;
}

.article-details-intro {
    display: none;
}

.breadcrumb {
    padding: 0px;
    background-color: transparent;
    border-radius: 0;
    font-size: 18px;
    font-weight: 500;
}

.pro-page-title-sub-heading {
    font-size: 35px;
}

.sp-page-title {
    display: none;
}

.com-content.view-article #sp-main-body .article-details-intro,
.sp-page-title {
    padding: 50px 0 0px 0;
    text-align: left;
    background-image: none;
    background-color: transparent;
}

.com-content.view-article #sp-main-body .article-body {
    max-width: unset;
}

#sp-bottom {
    border-top: 2px solid #4f17a8;
}

#sp-bottom::after {
    display: none;
}

#sp-footer {
    background-color: #ececec;
}

#sp-bottom {
    padding: 35px 0 30px;
    font-size: 16px;
}

#sp-bottom .sp-module ul>li {
    margin-bottom: 5px;
}

.offcanvas-menu .offcanvas-inner ul.menu>li>a,
.offcanvas-menu .offcanvas-inner ul.menu>li>span {
    padding: 20px 0px;
}

.sp-scroll-up:hover,
.sp-scroll-up:active,
.sp-scroll-up:focus {
    background: #4f17a8;
}

.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
    padding: 15px 0px;
    display: inline-block;
}

#sp-footer .sp-copyright,
#sp-footer .sp-copyright a {
    color: rgb(33, 33, 33) !important;
}

body.ltr .sp-megamenu-parent>li.sp-has-child>a::after,
body.ltr .sp-megamenu-parent>li.sp-has-child>span::after {
    font-size: 14px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
    margin-bottom: 5px;
    font-weight: normal !important;
    line-height: 26px;
}

.offcanvas-menu .offcanvas-inner ul.menu li.active>a {
    color: #481aa1 !important;
}

#sp-header-topbar {
    padding: 8px 0px;
}

#sp-header-topbar .container-inner .row {
    padding: 0px;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
}

#sp-header-topbar #sp-social {
    justify-self: end;
    text-align: right;
    ;
}

#sp-header-topbar .container-inner {
    border-bottom: 0;
}

.top-right-wrap .menu li {
    display: inline-block;
    margin-left: 25px;
}

#sp-header-topbar .top-right-wrap .menu li a {
    color: #212121;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
}

#sp-header-topbar .top-right-wrap .menu li a.button {
    background: #4f17a8;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
}

.burger-icon>span {
    background-color: #481aa1;
}

/* #sp-header-topbar .logo-image-phone,
#sp-header .logo-image-phone {
    display: none;
} */

#sp-logo {
    width: 100%;
}

#sp-header .container-inner>.row>div:nth-child(1) {
    display: none;
}

body.itemid-239 .sppb-addon-text-block,
body.itemid-239 #section-id-1644167411441 {
    padding:0px 30px;
}


@media only screen and (min-width: 991px) and (max-width: 1199px) {
    body #sp-logo.d-none {
        display: block !important;
    }

    #sp-header .container-inner>.row>div:nth-child(1) {
        display: none !important;
    }
    #sp-header .container-inner>.row>div:nth-child(2) {
        width: 100%;
    }    
    body .sp-megamenu-parent>li>a, body .sp-megamenu-parent>li span {
        padding: 0px 13px;
    }    
}

/* @media (max-width: 1199px) {

    body .sp-megamenu-parent>li>a,
    body .sp-megamenu-parent>li span {
        padding: 0px 15px;
    }
} */

@media (max-width:991px) {

    #sp-logo .logo-image-phone {
        height: 49px;
        margin-top: -18px;
    }

    div#sp-header-topbar {
        display: none;
    }

    #sp-header .justify-content-start {
        justify-content: flex-end !important;
    }

    .top-right-wrap .menu {
        padding-left: 0;
    }

    .top-right-wrap .menu li:first-child {
        margin-left: 0;
    }

    .offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
        font-size: 17px;
        line-height: 22px;
    }

    .offcanvas-inner>div.sp-module {
        border-bottom: 1px solid #ccc;
    }

    #sp-header nav.sp-megamenu-wrapper #offcanvas-toggler {
        display: block !important;
        margin-top: 15px;
    }

    body ul.sp-megamenu-parent {
        display: none;
    }

    #sp-header .container-inner>.row>div:nth-child(1) {
        display: block
    }

    #sp-header #sp-logo img.logo-image {
        height: 44px;
        margin-top: 6px;
    }
}

@media (max-width: 767px) {

    body,
    .article-details {
        font-size: 17px !important;
    }

    body .sppb-btn.sppb-btn-default,
    body .sppb-btn.sppb-btn-primary,
    body .sppb-btn.btn-primary,
    body .btn.sppb-btn-default,
    body .btn.sppb-btn-primary,
    body .btn.btn-primary,
    ul li a.btn,
    .btn.btn-success,
    .btn.btn-secondary,
    body #acym_wrapper .button.btn.btn-primary.subbutton,
    body.com_rsform .rsform-submit-button,
    body.com_sppagebuilder .sppb-btn-success {
        width: 100%;
        margin-bottom: 15px;
    }

    body .eb-event-information.row-fluid {
        overflow: auto;
    }

    body .eb-description-details.clearfix img {
        min-width: 100%;
    }

    body .eb-event-information.row {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    body .eb-event-price-container {
        float: left;
        font-size: 100%;
        background-image: none !important;
        margin-top: 8px;
        margin-bottom: -15px;
    }

    body .eb-register-buttons-bottom>ul>li>a {
        display: block;
        max-width: 88%;
        text-align: center;
    }

}

#sp-footer ul.menu {
    display: flex!important; /* Use flexbox layout */
    list-style: none!important;
    padding: 0;
    margin: 0;
  }
  
  #sp-footer ul.menu li {
    margin-right: 10px; /* Add space between items, adjust as needed */
  }
  
  #sp-footer ul.menu li:last-child {
    margin-right: 0; /* Remove margin from the last item */
  }
/* 27.10.2025 test to display the question with a grey background */
/* Ciblage sécurisé : uniquement dans le composant Event Booking, sur la page d'inscription, pour l'ID de champ spécifique "field_source" */
body.com_eventbooking.view-register #field_source {
    background-color: #dddddd !important; /* grey background  */
    border-radius: 10px;
    padding: 15px 20px;
    margin-bottom: 20px;
}
/* Add some space between the radio check boxes and the texts */
body.com_eventbooking.view-register #field_source input[type="checkbox"],
body.com_eventbooking.view-register #field_source input[type="radio"] {
    margin-right: 8px;
    vertical-align: middle; 
}
/* End of addings 27.10.2025 */

/* Hide login notice on event pages */
p.text-info.eb-notice-message {
    display: none;
}

/* Fix main menu hover - prevent white text on white background */
.sp-megamenu-parent>li.active>a,
.sp-megamenu-parent>li.active:hover>a,
.sp-megamenu-parent>li:hover>a {
    color: #4f17a8 !important;
}