header .logo-project {
    height: 50px;
}

@media (min-width: 991px) {
    header .logo-project {
        height: 60px;
    }
}

#home-event-carousel .display-1 {
    font-size: 80px;
}

#home-event-carousel .text-white {
    text-shadow: 0px 0px 20px rgba(0,0,0,1);
}

@media (min-width: 1200px) {
    #home-event-carousel .display-1 {
        font-size: 100px;
    }
}

.btn {
    font-weight: 600;
}

/* theme project */

body {
    font-weight: 500;
    overflow-x: hidden;
}

main {
    background-color: var(--bs-light);
    background-image: url("/data/dataimages/upload/structure/filigranne.svg");
    background-repeat: no-repeat;
    background-size: 80vw auto;
    background-position: 20vw bottom;
}

b, strong {
    font-weight: 700;
}

h1.text-uppercase, .h1.text-uppercase,
h2.text-uppercase, .h2.text-uppercase,
h3.text-uppercase, .h3.text-uppercase,
h4.text-uppercase, .h4.text-uppercase,
h5.text-uppercase, .h5.text-uppercase,
h6.text-uppercase, .h6.text-uppercase {
    text-transform: initial !important;
    font-weight: 600;
}

body .btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

body .bg-primary {
    background-color: var(--bs-primary);
}

.body-overlay.active {
    opacity: 1;
}

body .body-overlay {
    margin-top: 150px;
    background-color: rgba(255,255,255,0.7);
    /* background-color: var(--bs-light);
    background: repeating-linear-gradient(
      135deg,
      rgba(255, 255, 255, 1),
      rgba(255, 255, 255, 1) 40px,
      var(--bs-light) 40px,
      var(--bs-light) 80px
    );
    */

}

body .bg-project {
    background-color: transparent;
    color: var(--bs-primary);
}

article.border-bottom {
    border: none !important;
}

section.bg-project .container.pb-5 {
    padding-bottom: 0px !important;
}

section.bg-project .container,
section.bg-project .container > .text-white,
section.bg-project > .link-light {
    color: var(--bs-primary) !important;
}

.card {
    border-radius: 0px;
}

.card.bg-light,
.tplSearchPilierPublic .card {
    border: solid 3px rgba(255, 255, 255, 1) !important;
    border-radius: 0px;
}

.card.bg-dark {
    background-color: var(--bs-primary) !important;
}

.card-img-overlay {
    opacity: 0.85;
    background-color: var(--bs-dark) !important;
}

.text-dark, .link-dark {
    color: var(--bs-primary) !important;
}

.tplAddressCards .ratio.ratio-1x1 {
    padding-top: 20%;
}

.tplAddress .btn.bg-light.rounded-pill {
    color: white !important;
    background-color: var(--bs-primary) !important;
}

.navbar-nav .nav-link {
    color: rgba(255, 255, 255, 1) !important;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show,
.navbar .nav-link:hover {
    color: rgba(255, 255, 255, 0.5) !important;
}

.card.card-primary-hover:hover {
    background-color: var(--bs-secondary);
    color: white;
    transition: all 0.5s ease-out;
}

.tplSectionHomeEvents .ratio {
    border-top-left-radius: 100% 100%;
    overflow: hidden;
}

.tplSectionHomeNews .ratio {
    border-top-right-radius: 100% 100%;
    overflow: hidden;
    background-image: linear-gradient(148deg,rgba(255, 255, 255, 0) 100%, rgba(0, 0, 0, 1) 0%) !important;
}

.tplSectionHomeEvents .splide__pagination {
    margin-bottom: 20px;
    left: auto;
    right: 2rem;
}

.table.table-striped>:not(caption)>*>* {
    background-color: transparent;
    border: 0;
}

.body-overlay {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.body-overlay.active {
  opacity: 1;
  visibility: visible;
}