/*Cacher le bouton pour annuler l'inscription*/
a.cancel-registration {
    display: none !important;
}

.line-pad-0 .container .events-mosaic {padding:0;}

.modal-body label p{margin-bottom:0;}

@media (min-width: 1700px) {
    body .container {
        width: 1700px !important;
    }
}

.step-resume .zone-event .form-horizontal:before{
content:"Veuillez vérifier vos informations puis cliquez sur « ajouter au panier » et validez la commande pour confirmer le tout.";
display:block;
margin-bottom:2rem !important;
}

/* Media Query pour les appareils mobiles, par exemple pour les écrans jusqu'à 768px */
@media (max-width: 768px) {

    .col-sm-24, .col-md-8, .col-sm-10, .col-md-24, .col-lg-24 {
    position: relative;
    min-height: 1px;
    padding-left: 1px;
    padding-right: 1px;
}

    .row-event-jumbotron__right, .events-mosaic {
        /* Vos styles ajustés pour mobile ici */
        /* Exemple : */
        padding: 1rem !important; /* Réduire le padding pour les mobiles */
    }
}

a, a:focus, a:hover {
    color: #2F7BBF; 
}


.zone-event .btn-primary {
    background: #fff !important;
    border: solid 1px #000 !important;
    text-transform: uppercase !important;
}
.zone-event .btn-default {
    color: #000 !important;
    border: solid 1px #000 !important;
    line-height: 22px !important;
    text-transform: uppercase !important;
}
.zone-event.zone-event .btn-default {
    padding-left: 14px !important;
}

h3, .h3 {
    color: #000 !important;
        font-size: 20px !important;
}
h1, .h1 {
    color: #000 !important;
    font-size: 34px !important;
    font-weight: bold !important;
}
h2, .h2 {
    color: #000 !important;
    font-size: 30px !important;
    text-transform: uppercase !important;
    line-height: 30px !important;
}
.event-jumbotron__left:before {
    background-color: #000 !important;
}
.event-detail__section {
    margin-top: 0px !important;
}
.row-event-jumbotron__left-right .event-detail__description-wrapper {
    margin-top: 0px !important;
}
.btn {
    border-radius: 0px !important;
}
.zone-event .e-thumbnail {
    border-bottom: 2px solid #000 !important;
}

@media (max-width: 768px) {
    .col-sm-24.zone-100.zone-banner {
        margin-left: 10px;
    }
}
.mod-banner__img {
    height: 140px;
}

ul li {
    font-family: "arial" !important;
    color: #56585b !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 23px !important;
}

/* ----------------------------------------------------------------------------------------------
--------------------------------------- START MANIF CUSTOM --------------------------------------
-----------------------------------------------------------------------------------------------*/

@font-face {
  font-family: 'franklin-gothic-atf-body';
  src: url('https://evenements.vivreenville.org/content/themes/vev/fonts/FranklinGothic-Book.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'franklin-gothic-atf-body';
  src: url('https://evenements.vivreenville.org/content/themes/vev/fonts/FranklinGothic-BookItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'franklin-gothic-atf-body';
  src: url('https://evenements.vivreenville.org/content/themes/vev/fonts/FranklinGothic-Demi.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'franklin-gothic-atf-body';
  src: url('https://evenements.vivreenville.org/content/themes/vev/fonts/FranklinGothic-DemiItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'franklin-gothic-atf-body';
  src: url('https://evenements.vivreenville.org/content/themes/vev/fonts/FranklinGothic-Heavy.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'franklin-gothic-atf-body';
  src: url('https://evenements.vivreenville.org/content/themes/vev/fonts/FranklinGothic-HeavyItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'franklin-gothic-atf-body';
  src: url('https://evenements.vivreenville.org/content/themes/vev/fonts/FranklinGothic-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'franklin-gothic-atf-body';
  src: url('https://evenements.vivreenville.org/content/themes/vev/fonts/FranklinGothic-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
}


*:not(.fa-brands):not(.fab):not(.far):not(.fa):not([class^="icon-"]):not([class*=" icon-"]) {
  font-family: 'franklin-gothic-atf-body', sans-serif!important;
}

body .line.site_line__item.line-textheader {
  display: none;
}

body h1,
body .h1 {
  font-weight: bold!important;
}

.line-main,
.event_list_filter,
.event_list_filter,
.events-mosaic {
  background: white!important;
}

.rf-mod-header-wrapper .btn.btn-primary,
body .line-header .mod-header-wrapper .header-ext-login a,
body .zone-event.zone-event .btn.btn-default,
.line-newsletter .mod-article__intro .btn.btn-default {
  background-color: #fff;
  border: 2px solid #000!important;
  border-radius: 40px!important;
  padding: 12px 24px 10px 24px!important;
  color: #000;
  transition: background-color .22s ease-in-out;
  text-transform: uppercase;
  font-weight: bold!important;
}

body .line-menu {
  background-color: #fff;
}

.line.site_line__item.line-menu {
  @media (min-width: 991px) {
    padding: 28px 0 10px 0;
    border-top: 1px solid #d8d8d8
  }
}

.rf-mod-header-wrapper .btn.btn-primary:hover,
body .line-header .mod-header-wrapper .header-ext-login a:hover,
body .zone-event.zone-event .btn.btn-default:hover,
.line-newsletter .mod-article__intro .btn.btn-default:hover,
#forget_password_form .btn.btn-primary:hover {
  background-color: #d8d8d8!important;
  border: 2px solid #000;
  color: #000;
  text-decoration: none;
}

body .line-preheader .mod-header-container .mod-header .header-ext-social-links .mod-social-links .social-link {
  border-radius: 100%;
}

body .zone-event .btn-primary {
  border-radius: 40px!important;
  padding: 12px 24px 8px 24px;
  border: 2px solid #000!important;
  font-weight: bold;
}

body .zone-event .btn-primary:hover {
  background-color: #d8d8d8!important;
  color: #000!important;
}

body .line-menu .container .zone-menu .navbar-collapse .navbar-nav li {
  background-color: transparent!important;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0;
  flex-grow: 0;
}

body .line-menu .container .zone-menu .navbar-collapse .navbar-nav li::after,
body .line-menu .container .zone-menu .navbar-collapse .navbar-nav li.active::after,
body .line-menu .container .zone-menu .navbar-collapse .navbar-nav li:hover::after {
  content: "";
  display: block;
  height: 16px;
  width: 16px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  flex-shrink: 0;
  position: absolute;
  left: 12px;
  /* top: 2px; */
  top: calc(50% - 10px);
  z-index: 2;
  border-top: 0!important;
  margin-left: 0;
  margin-right: 0;
  right: initial;
  border-left: 0;
  transition: all .18s ease;
}

body .line-menu .container .zone-menu .navbar-collapse .navbar-nav li:hover::after {
  left: 14px;
  top: 4px;
}

body .line-menu .container .zone-menu .navbar-collapse .navbar-nav li::before {
  content: "";
  display: block;
  width: 20px;
  height: 2px;
  background-color: #000;
  position: absolute;
  top: calc(50% - 3px);
  left: 10px;
  transform: rotate(45deg);
  z-index: 2;
  transition: all .18s ease;
}

body .line-menu .container .zone-menu .navbar-collapse .navbar-nav li:hover::before {
  top: calc(50% - 1px);
  left: 12px;
}


body .line-menu .container .zone-menu .navbar-collapse .navbar-nav li a {
  text-align: left;
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
  padding: 0 0 0 48px;
}


body .line-menu .container .zone-menu .navbar-collapse .navbar-nav li a::before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  border: 2px solid #000;
  border-radius: 100%;
  position: absolute;
  left: 0px;
  top: calc(50% - 2px);
  transform: translateY(-50%);
  z-index: 1;
}

body .line-menu .container .zone-menu .navbar-collapse .navbar-nav li:nth-child(1) a::before {
  background-color: #94D6DF;
}
body .line-menu .container .zone-menu .navbar-collapse .navbar-nav li:nth-child(2) a::before {
  background-color: #ABD036;
}
body .line-menu .container .zone-menu .navbar-collapse .navbar-nav li:nth-child(3) a::before {
  background-color: #FFCF03;
}
body .line-menu .container .zone-menu .navbar-collapse .navbar-nav li:nth-child(4) a::before {
  background-color: #F68920;
}

.line-menu .container .zone-menu .navbar-collapse .navbar-nav.nav.menu-vertical-items {
  @media (max-width: 991px) {
    gap: 26px;
    padding: 0 1rem;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 70%;
  }
}

.line-header .mod-header-wrapper {
  margin-top: 3rem;
}

body .line-preheader .mod-header-container .mod-header .header-ext-social-links .mod-social-links .social-link {
  width: 40px;
  height: 40px;
  border: 2px solid #000;
}

body .zone-event h1 {
  padding: 0 1rem;
}

.line.site_line__item.line-main .event_list_filter {
  padding-left: 1rem;
  padding-right: 1rem;
}

.line-preheader {
  @media (max-width: 990px) {
    display: none;
  }
}

.line.site_line__item.line-main .container,
.order-totals__wrapper {
  background-color: #fff;
}

.line.site_line__item.line-main .container .events-mosaic .item .actions .btn.btn-default,
.line.site_line__item.line-main .container .events-mosaic .item .actions .btn.btn-primary {
    margin-top: 0!important;
    margin-bottom: 0!important;
}

.line.site_line__item.line-main .container .events-mosaic .item .actions .btn.btn-primary {
    background-color: #F68920!important;
    color: black!important;
    margin-left: auto;
}

.line.site_line__item.line-main .container .events-mosaic .item .actions .btn.btn-primary:hover {
    background-color: #000!important;
    color: #fff!important;
}

body .events-mosaic>.row .col-sm-8 + .col-sm-8 {
  @media (max-width: 767px) {
    margin-top: 3rem;
  }
}

.line.site_line__item.line-main .container {
  @media (max-width: 1715px) {
    width: 100%;
  }
}
.line.site_line__item.line-main .container {
  @media (min-width: 992px) {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.line.site_line__item.line-main .container .events-mosaic {
  padding-left:0!important;
  padding-right:0!important;
}
.line.site_line__item.line-main .container .events-mosaic {
  @media (min-width: 768px) {
    padding-left:1rem!important;
    padding-right:1rem!important;
  }
}

.line.site_line__item.line-main .container .events-mosaic .item {
  border: 2px solid #000;
  border-radius: 8px;
  overflow: hidden;
}

.line.site_line__item.line-main .container .events-mosaic .item > h3:first-child {
  padding-top: 2rem;
}

.line.site_line__item.line-main .container .events-mosaic .item .actions {
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin-bottom: 0;
  border-top: 2px solid #000;
  background-color: #dff3f6;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.line.site_line__item.line-main .container .events-mosaic .item > *:not(a:first-child){
  padding-left: 1rem;
  padding-right: 1rem;
}

.poweredBy-wrapper {
  display: none;
}

.line.site_line__item.line-newsletter .row {
  margin-left: 0;
  margin-right: 0;
}

.line.site_line__item.line-newsletter,
.line.site_line__item.line-newsletter .mod-article__intro {
  background-color: #fff;
}

.line.site_line__item.line-newsletter .mod-article__intro h2,
.line.site_line__item.line-newsletter .mod-article__intro p {
  color: #000;
  margin-left: 0;
  padding-left: 0;
}

.line.site_line__item.line-newsletter .mod-article__intro img {
  filter: invert(100%);
}

.line.site_line__item.line-footer {
  background-color: #fff!important;
  border-top: 2px solid #000;
}

.line.site_line__item.line-footer>.container {
  @media (max-width: 991px) {
      padding-left: 45px;
  }
}

.line.site_line__item.line-footer>.container .newsList .row>div .intro * {
  color: #000;
}

.line.site_line__item.line-footer>.container .newsList .row>div .intro h2:before {
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  margin-left: -18px;
}

.line.site_line__item.line-footer>.container .newsList .row>div:before {
  content: none;
}


.line.site_line__item.line-footer>.container .newsList .row .col-sm-6:nth-child(1) h2+p,
.line.site_line__item.line-footer>.container .newsList .row .col-sm-6:nth-child(2) h2+p {
  font-weight: bold;
}

.line.site_line__item.line-footer>.container .newsList .row .col-sm-6:nth-child(4) a {
  font-weight: bold;
}

.line.site_line__item[data-line-id="131173"] {
  background-color: #d8d8d8;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}
.line.site_line__item[data-line-id="131173"] h4 {
  color: #000;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: bold;
}

.line.site_line__item[data-line-id="131173"] h4,
.line.site_line__item[data-line-id="131173"] .mod-banner__wrapper {
  @media (min-width: 992px) {
    max-width: 40%;
    font-size: 2.5rem;
  }
}

.line.site_line__item[data-line-id="131173"] .mod-banner__img {
  background-image: none!important;
}

.line.site_line__item[data-line-id="131173"] .zone-banner {
  @media (min-width: 992px) {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.line.site_line__item[data-line-id="131173"] .mod-banner__wrapper {
  flex-grow: 1;
}
.line.site_line__item[data-line-id="131173"] .mod-banner__wrapper img {
  @media (max-width: 991px) {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

/* single */

.line.site_line__item.line-main h1 + .row,
.line.site_line__item.line-main h1 + .content{
  margin-top: 2rem;
}

.zone-event .event-jumbotron__left,
.zone-event .row-event-jumbotron__right {
  background: #fff;
}

.zone-event .itemInfos.event-jumbotron__date {
  margin-bottom: 1rem;
}

.zone-event #jumbotron__singlebutton {
  margin-top: 1rem;
  margin-bottom: 0;
}

.zone-event .row-event-jumbotron__right {
  padding-top: 0;
}

.zone-event .row-event-jumbotron__right {
  @media (max-width: 767px) {
    padding-top: 4rem!important;
  }
}

.zone-event .event-jumbotron__left {
  border: 2px solid #000;
  border-radius: 8px;
  /* overflow: hidden; */
}

.zone-event .event-jumbotron__left:before {
  content: none;
}

.line.site_line__item.line-main .event-jumbotron__left-right__title {
  @media (max-width: 991px) {
    font-size: 2.5rem!important;
    line-height: 1.2!important;
  }
}

@media (min-width: 481px) {
  .line-header .mod-header-wrapper .header-ext.header-ext-custom a {
      margin-left: 0
  }
}

.header-ext.header-ext-custom>div {
  flex-wrap: wrap;
  justify-content: center;
}

.header-ext.header-ext-custom>div a {
  margin-bottom: 0;
  margin-top: 0;
}

/* DON */
.line-main .container {
  background: #fff;
}

/* ORDER */

.zone-event .row-event-jumbotron__right .nav-progress,
.zone-event .row-event-jumbotron__right .form-withProgress__wrapper {
  background-color: #fff;
}

.zone-event .form-group .control-label {
  margin-bottom: 2px;
}

.form-control {
  border-width: 2px!important;
  border-radius: 6px!important;
}

.nav.nav-pills.nav-progress>li::before {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}

.nav.nav-pills.nav-progress>li.disabled::after,
.nav.nav-pills.nav-progress>li::after {
  border-width: 2px;
}

.nav.nav-pills.nav-progress>li a {
  font-weight: normal;
}

#forget_password_form .btn.btn-primary{
  margin-right: 16px;
}

#login_content_box {
  background-color: #fff!important;
}

.event-login a:not(.btn):hover {
  background-color: transparent!important;
}

.form-withProgress__wrapper .registration-event-bloc .form-edition,
.form-withProgress__wrapper #modal-event-add .participant-event-bloc-title {
  border-radius: 6px;
  border-width: 2px;
}

.sidebar .member-sidebar__inner {
  background-color: white;
  border: 2px solid #2ac1ef;
  border-radius: 6px;
}

.sidebar .member-sidebar__inner .member-sidebar__menu li a {
  font-weight: normal;
}

.sidebar .member-sidebar__inner .member-sidebar__menu li a:before {
  transform: rotate(45deg);
}

.sidebar .member-sidebar__inner .member-sidebar__member-header::before {
  content: none;
}

.text-danger {
  color: #a94442!important;
}
/* ----------------------------------------------------------------------------------------------
---------------------------------------- END MANIF CUSTOM ---------------------------------------
-----------------------------------------------------------------------------------------------*/
.don-form-wrapper .form-horizontal.form-donation__info-step .radio-inline {
  color: #000!important;
  background: #dbf0f7;
  border: 2px solid #000!important;
  border-radius: 40px!important;
  padding: 12px 24px 10px 24px!important;
  transition: background-color .22s ease-in-out;
  text-transform: uppercase;
  font-weight: bold!important;
}

.don-form-wrapper .form-horizontal.form-donation__info-step .radio-inline.radio-active,
.don-form-wrapper .form-horizontal.form-donation__info-step .radio-inline.radio-active:hover,
.don-form-wrapper .form-horizontal.form-donation__info-step .radio-inline.radio-active:focus,
.don-form-wrapper .form-horizontal.form-donation__info-step .radio-inline.radio-active:active,
.don-form-wrapper .form-horizontal.form-donation__info-step .radio-inline:hover,
.don-form-wrapper .form-horizontal.form-donation__info-step .radio-inline:focus,
.don-form-wrapper .form-horizontal.form-donation__info-step .radio-inline:active {
    color: #000!important;
    background: #F68920 !important;
    border: solid 2px #000!important;
}

table>thead, .table>thead {
    background-color: #F68920!important;
    color: #121212!important;
    font-size: 14px;
    border: 2px solid #000!important;
}
.table>tbody {
    border: 2px solid #000000!important;
}
table>thead th, table>thead a, table>thead a.theadLink, .table>thead th, .table>thead a, .table>thead a.theadLink {
    color: #000!important;
}

.table-striped>tbody>tr:nth-child(even)>td, .table-striped>tbody>tr:nth-child(even)>th {
  background-color: #94d6df2b!important;
}

.btn.btn-primary {
  color: #000!important;
  background: #F68920;
  border: 2px solid #000!important;
  border-radius: 40px!important;
  padding: 12px 24px 10px 24px!important;
  transition: background-color .22s ease-in-out;
  text-transform: uppercase;
  font-weight: bold!important;
}
.btn.btn-default {
  color: #000!important;
  background: #F68920;
  border: 2px solid #000!important;
  border-radius: 40px!important;
  padding: 12px 24px 10px 24px!important;
  transition: background-color .22s ease-in-out;
  text-transform: uppercase;
  font-weight: bold!important;
}
.member-sidebar__inner .member-sidebar__member-footer a.menu-item {
  color: #000!important;
  background: #F68920;
  border: 2px solid #000!important;
  border-radius: 40px!important;
  padding: 12px 24px 10px 24px!important;
  transition: background-color .22s ease-in-out;
  text-transform: uppercase;
  font-weight: bold!important;
}

.sidebar .member-sidebar__inner .member-sidebar__member-footer a.menu-item:hover {
  background: #97d9ed;
}
.nav-progress>li.disabled.active:before {
    background: #F68920!important;
    color: #000!important;
    border: 2px solid #000!important;
}
.nav-progress>li.disabled.active~li:before {
    background: #97d9ed;
    color: #000!important;
    border: 2px solid #000!important;
}
.btn.btn-primary {
    background: #fff!important;
}
.member-sidebar__inner .member-sidebar__member-footer a.menu-item {
     background: #fff!important;
}