@import 'https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap';

@font-face {
    font-family: 'Olivetta';
    src: url('../fonts/Olivetta/Olivetta-BlackIt.woff2') format('woff2'),
        url('../fonts/Olivetta/Olivetta-BlackIt.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Olivetta';
    src: url('../fonts/Olivetta/Olivetta-Black.woff2') format('woff2'),
        url('../fonts/Olivetta/Olivetta-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Olivetta';
    src: url('../fonts/Olivetta/Olivetta-BoldIt.woff2') format('woff2'),
        url('../fonts/Olivetta/Olivetta-BoldIt.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Olivetta';
    src: url('../fonts/Olivetta/Olivetta-Bold.woff2') format('woff2'),
        url('../fonts/Olivetta/Olivetta-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Olivetta';
    src: url('../fonts/Olivetta/Olivetta-ExtraBold.woff2') format('woff2'),
        url('../fonts/Olivetta/Olivetta-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Olivetta';
    src: url('../fonts/Olivetta/Olivetta-ExtraBoldIt.woff2') format('woff2'),
        url('../fonts/Olivetta/Olivetta-ExtraBoldIt.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Olivetta';
    src: url('../fonts/Olivetta/Olivetta-MediumIt.woff2') format('woff2'),
        url('../fonts/Olivetta/Olivetta-MediumIt.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Olivetta';
    src: url('../fonts/Olivetta/Olivetta-Medium.woff2') format('woff2'),
        url('../fonts/Olivetta/Olivetta-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Olivetta';
    src: url('../fonts/Olivetta/Olivetta-Regular.woff2') format('woff2'),
        url('../fonts/Olivetta/Olivetta-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Olivetta';
    src: url('../fonts/Olivetta/Olivetta-RegularIt.woff2') format('woff2'),
        url('../fonts/Olivetta/Olivetta-RegularIt.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Olivetta';
    src: url('../fonts/Olivetta/Olivetta-SemiBoldIt.woff2') format('woff2'),
        url('../fonts/Olivetta/Olivetta-SemiBoldIt.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Olivetta';
    src: url('../fonts/Olivetta/Olivetta-SemiBold.woff2') format('woff2'),
        url('../fonts/Olivetta/Olivetta-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* @font-face {
    font-family: kelma_magdysoliman;
    src: url(../fonts/Kelma_MagdySoliman/Kelma_MagdySoliman-Regular.eot);
    src: url(../fonts/Kelma_MagdySoliman/Kelma_MagdySoliman-Regular.eot?#iefix) format('embedded-opentype'),url(../fonts/Kelma_MagdySoliman/Kelma_MagdySoliman-Regular.woff2) format('woff2'),url(../fonts/Kelma_MagdySoliman/Kelma_MagdySoliman-Regular.woff) format('woff'),url(../fonts/Kelma_MagdySoliman/Kelma_MagdySoliman-Regular.svg#Kelma_MagdySoliman-Regular) format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Futura XBlk BT';
    src: url(../fonts/futura/FuturaBT-ExtraBlack.woff2) format('woff2'),
         url(../fonts/futura/FuturaBT-ExtraBlack.woff) format('woff');
    font-weight: 900;
    font-style: normal;
} */

body {
    height: auto !important;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #fbf3e0
}

body::-webkit-scrollbar {
    width: 15px;
    background-color: #fbf3e0
}

body::-webkit-scrollbar-thumb {
    background-color: #e88f6c
}

.mb-0 {
    margin-bottom: 0!important
}

.bg-red {
    background-color: #b5d499!important
}

.bg-purple {
    color: #9f5354!important;
    background-color: #e88f6c!important
}

.bg-green {
    background-color: #9f5354!important;
    color: #e88f6c!important
}

.bg-yellow {
    background-color: #f9bf10!important;
    color: #e88f6c!important
}

.bg-blue {
    background-color: #5d32e7!important
}

html {
    font-size: 100%
}

/* body > div#wrapper:before {
    background-image: url(https://2025.jidar.ma/wp-content/themes/jidar-child/assets/images/BG_Jidar_2025.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    content: "";
    background-blend-mode: multiply;
    background-color: #ffd5be;
    z-index: -1;
} */

body > div#wrapper {
    position: relative;
}

body > div#wrapper * {
    z-index: 0;
}

@media(max-width: 1680px) {
    html {
        font-size:80%
    }
}

@media(max-width: 1440px) {
    html {
        font-size:70%
    }
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}


body.home  {
    font-family: poppins,sans-serif;
    color: #e88f6c;
    background: #ffd5be;
    background: url(https://2025.jidar.ma/wp-content/themes/jidar-child/assets/images/BG_Jidar_2025-2.jpg) no-repeat, 
        url(https://2025.jidar.ma/wp-content/uploads/2025/04/BG_JIDAR_BD_25.jpg);
    background-position: 0 0;
    background-blend-mode: multiply;
    background-size: 100%, 100%;
}

body:not(.home) {
    font-family: poppins, sans-serif;
    color: #e88f6c;
    background: #ffd5be;
    background: url(https://2025.jidar.ma/wp-content/uploads/2025/04/BG_JIDAR_BD_25.jpg);
    background-position: 0 0;
}

/* body:not(.home):before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(https://2025.jidar.ma/wp-content/themes/jidar-child/assets/images/BG_Jidar_2025.jpg) no-repeat;
    opacity: 0.6;
    mix-blend-mode: multiply;
} */

h1,h2,h3,h4 {
    line-height: 1
}

a {
    color: inherit;
    text-decoration: none
}

p {
    font-family: poppins,sans-serif
}

#wrapper {
    overflow: hidden
}

.container {
    max-width: 85%;
    padding: 0 25px;
    margin: auto
}

.color-red {
    color: #b5d499
}

#page-header {
    margin-top: 70px;
    padding: 95px 0 40px;
    background-size: auto 103%
}

#page-header .title {
    font-size: 5.5rem;
    color: #9f5354;
    font-weight: 700;
    margin: 0;
    text-transform: capitalize;
    text-align: left
}

#page-header .breadcrumb {
    font-family: poppins,sans-serif;
    font-size: 1.475rem;
    font-weight: 500;
    color: #9f5354;
    margin-top: 5px
}

#page-header .breadcrumb>*:not(:last-child) {
    position: relative;
    color: #9f5354;
    margin-right: 50px
}

#page-header .breadcrumb>*:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 45%;
    right: -30px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #9f5354;
    border-right: 2px solid #9f5354;
    transform: translateY(-50%) rotate(45deg)
}

#page-footer {
    background-color: #fee0d8;
}

#page-footer .container {
    position: relative;
    padding-top: 70px;
    padding-bottom: 50px
}

#page-footer #back-to-top {
    position: absolute;
    top: 0;
    right: 60px;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    border: none;
    outline: none;
    box-shadow: none;
    background-color: #9e5453;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color .3s
}

#page-footer #back-to-top:hover {
    background-color: #6f3656
}

#page-footer #back-to-top::after {
    content: "";
    display: table;
    width: 10px;
    height: 10px;
    border-left: 3px solid #eccec4;
    border-top: 3px solid #eccec4;
    transform: rotate(45deg)
}

#page-footer .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -50px
}

#page-footer .col-logo {
    display: flex;
    width: auto;
    padding: 0 50px;
    margin: 0 -30px;
    flex: 1
}

#page-footer .col-logo img {
    height: fit-content;
    width: auto;
    margin: 0 30px;
    max-height: 12vw
}

#page-footer .col-medias {
    width: auto;
    padding: 0 50px;
    flex: 2
}

#page-footer .col-medias .title {
    font-size: 2.5rem;
    line-height: 1.3;
    color: #9e5453;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: 'Olivetta';
}

#page-footer .col-medias .medias {
    display: flex;
    margin: 25px 0 17px;
    color: #9e5453;
}

#page-footer .col-medias .medias a {
    position: relative;
    display: block;
    height: 25px
}

#page-footer .col-medias .medias a:not(:last-child) {
    margin-right: 15px
}

#page-footer .col-medias .medias a:hover::before {
    opacity: 0
}

#page-footer .col-medias .medias a:hover::after {
    opacity: 1
}

#page-footer .col-medias .medias a::before,#page-footer .col-medias .medias a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: auto 100%;
    transition: opacity .3s;
    background-repeat-x: no-repeat;
    background-repeat: no-repeat;
    background-position: center
}

#page-footer .col-medias .medias a::after {
    opacity: 0
}

#page-footer .col-medias .medias a.facebook {
    width: 38px
}

#page-footer .col-medias .medias a.facebook::before {
    background-image: url(../images/icons/facebook.png)
}

#page-footer .col-medias .medias a.facebook::after {
    background-image: url(../images/icons/facebook-hover.png)
}

#page-footer .col-medias .medias a.instagram {
    width: 35px
}

#page-footer .col-medias .medias a.instagram::before {
    background-image: url(../images/icons/instagram.png)
}

#page-footer .col-medias .medias a.instagram::after {
    background-image: url(../images/icons/instagram-hover.png)
}

#page-footer .col-medias .medias a.youtube {
    width: 44px
}

#page-footer .col-medias .medias a.youtube::before {
    background-image: url(../images/icons/youtube.png)
}

#page-footer .col-medias .medias a.youtube::after {
    background-image: url(../images/icons/youtube-hover.png)
}

#page-footer .col-newsletter {
    flex: 3;
    display: flex;
    justify-content: flex-end;
    max-width: 50%;
    padding: 0 50px
}

#page-footer .col-newsletter .inner {
    position: relative;
    width: 100%
}

#page-footer .col-newsletter .title {
    font-size: 2.75rem;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: 'Olivetta';
    color: #9e5453;
}

#page-footer .col-newsletter form {
    margin-top: 10px;
    overflow: hidden;
    height: auto
}

#page-footer .col-newsletter form .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -30px
}

#page-footer .col-newsletter form .col {
    width: 50%;
    padding: 0 30px
}

#page-footer .col-newsletter form input {
    width: 100%;
    font-size: 1.3125rem;
    color: #e88f6c;
    background: 0 0;
    outline: none;
    box-shadow: none;
    padding-bottom: 0;
    border: none;
    border-bottom: 1px solid #9e5453;
    font-family: poppins,sans-serif
}

#page-footer .col-newsletter form input::-moz-placeholder {
    opacity: 1;
    color: #9e5453;
}

#page-footer .col-newsletter form input:-ms-input-placeholder {
    opacity: 1;
    color: #9e5453;
}

#page-footer .col-newsletter form input::placeholder {
    opacity: 1;
    color: #9e5453;
}

#page-footer .col-newsletter form button {
    display: inline-flex;
    align-items: center;
    font-family: inherit;
    font-size: 1.375rem;
    color: #b5d499;
    background: 0 0;
    outline: none;
    box-shadow: none;
    border: none;
    margin-top: 7px;
    cursor: pointer;
    transition: color .3s
}

#page-footer .col-newsletter form button:hover {
    color: #bd1536
}

#page-footer .col-newsletter form button::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 3px solid;
    border-right: 3px solid;
    transform: rotate(45deg);
    margin-top: -5px;
    margin-left: 16px
}

#page-footer .col-newsletter .agency {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    bottom: -10px;
    white-space: nowrap;
    flex-direction: column;
}

#page-footer .col-newsletter .agency small{
    font-size: 0.7rem;
}

#page-footer .col-newsletter .agency .text {
    font-weight: 600;
    font-size: 1.25rem;
    margin-right: 16px;
    color: #e88f6c;
}

#page-footer .col-newsletter .agency img {
    height: 45px;
    width: auto
}

#navigation {
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999 !important;
    padding: 40px 0;
}

#navigation.inner-page,#navigation.is-scroll {
    padding: 30px 0;
    background-color: transparent;
    z-index: 99999
}

#navigation.inner-page .container>.date,#navigation.is-scroll .container>.date {
    opacity: 1
}

#navigation.inner-page .logo,#navigation.is-scroll .logo {
    height: 65px
}

#navigation.is-open .burger-menu .main-line {
    border-color: transparent;
    transition: border-color 0s .3s
}

#navigation.is-open .burger-menu .main-line::before,#navigation.is-open .burger-menu .main-line::after {
    top: 0;
    transition: top .3s,transform .3s .3s
}

#navigation.is-open .burger-menu .main-line::before {
    transform: rotate(45deg)
}

#navigation.is-open .burger-menu .main-line::after {
    transform: rotate(-45deg)
}

#navigation.is-open .mega-menu {
    opacity: 1;
    visibility: visible;
    transform: none
}

#navigation.is-open .mega-menu .left {
    opacity: 1;
    transform: none
}

#navigation .container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 100%;
    width: 85%;
    max-width: 85%;
    transition: all 1s
}

#navigation .container>.date {
    position: absolute;
    top: 50%;
    left: 140px;
    transform: translateY(-50%);
    transition: opacity .3s
}

#navigation .burger-menu {
    position: relative;
    z-index: 11;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 57px;
    height: 57px;
    background-color: #e88f6c;
    border-radius: 50%;
    cursor: pointer;
    transition: all .3s
}

#navigation .burger-menu:hover {
    background-color: #e88f6c
}

#navigation .burger-menu .main-line {
    display: block;
    position: relative;
    width: 22px;
    border-bottom: 2px solid #fff;
    transition: border-color 0s .3s
}

#navigation .burger-menu .main-line::before,#navigation .burger-menu .main-line::after {
    content: "";
    position: absolute;
    width: inherit;
    border-bottom: 2px solid #fff;
    transition: transform .3s,top .3s .3s
}

#navigation .burger-menu .main-line::before {
    top: -8px
}

#navigation .burger-menu .main-line::after {
    top: 8px
}

#navigation .date {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #e88f6c;
    font-family: poppins,sans-serif;
    font-weight: 800;
    text-transform: uppercase
}

#navigation .logo {
    height: 70px;
    transition: height .3s
}

#navigation .medias {
    display: flex;
    z-index: 11
}

#navigation .medias a {
    position: relative;
    display: block;
    height: 25px
}

#navigation .medias a:not(:last-child) {
    margin-right: 15px
}

#navigation .medias a:hover::before {
    opacity: 0
}

#navigation .medias a:hover::after {
    opacity: 1
}

#navigation .medias a::before,#navigation .medias a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: no-repeat center;
    background-size: auto 100%;
    transition: opacity .3s
}

#navigation .medias a::after {
    opacity: 0
}

#navigation .medias a.facebook {
    width: 30px
}

#navigation .medias a.facebook::before {
    background-image: url(../images/icons/facebook.png)
}

#navigation .medias a.facebook::after {
    background-image: url(../images/icons/facebook-hover.png)
}

#navigation .medias a.instagram {
    width: 30px
}

#navigation .medias a.instagram::before {
    background-image: url(../images/icons/instagram.png)
}

#navigation .medias a.instagram::after {
    background-image: url(../images/icons/instagram-hover.png)
}

#navigation .medias a.youtube {
    width: 30px
}

#navigation .medias a.youtube::before {
    background-image: url(../images/icons/youtube.png)
}

#navigation .medias a.youtube::after {
    background-image: url(../images/icons/youtube-hover.png)
}

.medias a.tiktok,#navigation .medias a.tiktok {
    width: 30px
}

.medias a.tiktok::before,#navigation .medias a.tiktok::before {
    background-image: url(../images/icons/tiktok.png)
}

.medias a.tiktok::after,#navigation .medias a.tiktok::after {
    background-image: url(../images/icons/tiktok-hover.png)
}

.medias a.twitter,#navigation .medias a.twitter {
    width: 30px
}

.medias a.twitter::before,#navigation .medias a.twitter::before {
    background-image: url(../images/icons/twitter.png)
}

.medias a.twitter::after,#navigation .medias a.twitter::after {
    background-image: url(../images/icons/twitter-hover.png)
}

#navigation .mega-menu {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    background-color: #fddfd7;
    opacity: 0;
    visibility: hidden;
    transform: translateY(40px);
    transition: all .3s
}

#navigation .mega-menu .left {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 115px 120px 47px 74px;
    background-color: #9d5352;
    opacity: 0;
    transform: translateX(-40px);
    transition: all .3s .3s;
    width: 50%
}

#navigation .mega-menu .left .menu-logo {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

#navigation .mega-menu .left .menu-logo img {
    width: 63%
}

#navigation .mega-menu .left .medias a:not(:last-child) {
    margin-right: 36px
}

#navigation .mega-menu .right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 40px 140px 140px
}

#navigation .mega-menu .right .menu {
    font-size: 2.8125rem;
    -moz-column-count: 2;
    column-count: 2
}

#navigation .mega-menu .right .menu a {
    display: inline-block;
    width: 100%;
    margin: 20px 0;
    transition: color .3s;
    font-size: 4rem;
    font-weight: 700;
    color: #9d5352;
    transition: .6s all;
    font-family: 'Olivetta';
    text-transform: uppercase;
}

#navigation .mega-menu .right .menu a:hover {
    color: #fd9653;
}

#navigation .mega-menu .right .download-container .title {
    font-size: 2.2rem;
    color: #e78f6c;
    margin-bottom: 36px;
    letter-spacing: 1px;
    font-family: poppins,sans-serif;
    font-weight: 700
}

#navigation .mega-menu .right .download-container .buttons {
    display: inline-block;
}

#navigation .mega-menu .right .download-container .buttons .btn:not(:last-child) {
    margin-right: 50px
}

#navigation .mega-menu .right .download-container .buttons .btn img {
    height: 59px
}

#section-about {
    padding-bottom: 80px
}

#section-about .section-title {
    font-size: 6rem;
    margin-bottom: 25px;
    line-height: 9rem;
    font-weight: 900;
    color: #e88f6c;
    text-transform: uppercase;
    font-family: 'Olivetta';
}

#section-about .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -50px
}

#section-about .left {
    width: 100%;
    padding: 0 50px
}

#section-about .left .content {
    position: relative;
    padding-left: 0
}

#section-about .left .title {    
    font-size: 2.5rem;
    color: #ffcbae;
    padding: 20px 30px;
    letter-spacing: 1px;
    background-color: #9e5453;
    display: inline-block;
    text-transform: capitalize;
    margin-bottom: 3rem;
    font-weight: 600;
    font-style: italic;
}

#section-about .left .description {
    font-size: 1.85rem;
    line-height: 2.4rem;
    color: #9e5453;
    text-align: justify;
    font-weight: 400;
}

#section-about .left .link {
    position: relative;
    display: inline-flex;
    align-items: center;
    font-size: 2rem;
    text-transform: capitalize;
    margin-top: 10px;
    font-family: 'poppins';
    font-weight: 800;
    color: #e88f6c;
}

#section-about .left .link::after {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 3px solid;
    border-radius: 50%;
    margin-left: 16px;
    background: #e88f6c;
}

#section-about .left .link:hover::after{
    background: #fd9752;
}

div#section-map {
    margin-top: 50px;
}

#section-about .left .link::before {
    content: "";
    position: absolute;
    top: 36%;
    right: 14px;
    width: 10px;
    height: 10px;
    border-top: 3px solid;
    border-right: 3px solid;
    transform: rotate(45deg);
    color: #f8d0ba;
}

#section-about .right {
    width: 50%;
    margin-top: 0;
    position: absolute;
    right: -10%;
    top: 20%;
    display: none
}

#section-about .right .animation-container {
    position: relative;
    width: 100%;
    padding-bottom: 100%
}

#section-about .right .animation-container .part-full {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0s .5s
}

#section-about .right .animation-container>* {
    position: absolute;
    transition: all .5s linear,opacity 0s .5s
}

#section-about .right .animation-container .part-1 {
    top: -1%;
    left: 39%
}

#section-about .right .animation-container .part-2 {
    position: absolute;
    top: 32%;
    left: 67%
}

#section-about .right .animation-container .part-3 {
    position: absolute;
    top: 56%;
    left: 0
}

#section-about .right .animation-container .part-4 {
    position: absolute;
    top: 80%;
    left: 51%
}

#section-about .right .animation-container.animated .part-full {
    opacity: 1
}

#section-about .right .animation-container.animated .part-1 {
    opacity: 0
}

#section-about .right .animation-container.animated .part-2 {
    top: 22%;
    left: 33%;
    opacity: 0
}

#section-about .right .animation-container.animated .part-3 {
    top: -1%;
    left: 33%;
    opacity: 0
}

#section-about .right .animation-container.animated .part-4 {
    top: 31.5%;
    left: 33%;
    opacity: 0
}

#section-artists .section-title {
    font-size: 8rem;
    color: #e88f6c;
    text-align: center;
    text-transform: uppercase;
    font-weight: 900;
    margin-top: 80px;
    margin-bottom: 80px;
    font-family: 'Olivetta';
}

#section-artists .block {
    position: relative;
    text-transform: uppercase;
    display: inline-block;
    height: auto;
    float: left
}

#section-artists .block:hover .title,#section-artists .block:hover .subtitle {
    color: #fff
}

#section-artists .block:hover .bg {
    opacity: 1
}

#section-artists .block::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #e88f6c;
    opacity: .4;
    transition: 1.5s all;
}

#section-artists .block .bg {
    content: "";
    position: absolute;
    z-index: -1;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    background: no-repeat center;
    background-size: cover;
    border-radius: inherit;
    transition: opacity .3s
}

#section-artists .block .title {
    font-size: 4rem;
    color: #fee0d8;
    transition: color .3s;
    font-weight: 800;
    font-family: poppins,sans-serif;
    text-transform: uppercase;
    font-family: 'Olivetta';
}

#section-artists .block .subtitle {
    font-size: 1.875rem;
    margin-top: 0;
    transition: color .3s;
    color: #ffcbae;
    text-transform: initial;
    font-weight: 500;
    font-family: 'Olivetta';
}

#section-artists .load-more {
    position: relative;
    display: table;
    margin: 68px auto 0;
    width: 37px;
    height: 37px;
    border: 3px solid #e88f6c;
    border-radius: 50%
}

#section-artists .load-more::before,#section-artists .load-more:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

#section-artists .load-more::before {
    width: 18px;
    border-bottom: 3px solid #e88f6c
}

#section-artists .load-more::after {
    height: 18px;
    border-right: 3px solid #e88f6c
}

#section-download {
    margin-top: 65px
}

#section-download .content {
    background-color: #c5cda9;
    background-color: #f8d79b;
    padding: 40px 71px;
    border-radius: 14px 40px
}

#section-download .row {
    display: flex;
    align-items: center;
    margin: 0 -15px
}

#section-download .left {
    width: 50%;
    padding: 0 15px
}

#section-download .left .title {
    font-size: 2.8rem;
    line-height: 1.15;
    font-weight: 700;
    color: #e88f6c
}

#section-download .left .buttons {
    display: flex;
    margin-top: 64px;
    width: 100%
}

#section-download .left .buttons .btn:not(:last-child) {
    margin-right: 20px
}

#section-download .left .buttons .btn img {
    width: 100%;
    padding-right: 30px
}

#section-download .right {
    display: flex;
    justify-content: flex-end;
    width: 50%;
    padding: 0 50px
}

#section-download .right img {
    height: 294px;
    width: auto
}

#section-map #map {
    height: 600px
}

#section-map .artist-infos {
    font-family: poppins,sans-serif;
    font-weight: 400;
    padding: 0;
    font-size: 15px
}

#section-map .artist-infos .title {
    font-size: 1.5rem
}

#section-map .artist-infos .title small {
    font-size: 1.125rem;
    font-weight: 400
}

#section-map .artist-infos .desc {
    margin-top: 6px;
    line-height: 1.4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px 20px
}

#section-map .items {
    display: flex;
    flex-wrap: wrap;
    padding: 42px 0
}

#section-map .items .item {
    width: 20%;
    margin: 25px 0;
    cursor: pointer
}

#section-map .items .item:hover .title {
    color: #723a59
}

#section-map .items .item.active .title {
    color: #5d32e7
}

#section-map .items .item .title {
    font-size: 2.3rem;
    transition: color .3s;
    font-weight: 600;
    word-break: break-word;
    width: 85%;
    font-family: 'Olivetta';
    text-transform: uppercase;
    color: #9e5453;
    font-weight: 900;
}

#section-map .items .item .subtitle {
    font-size: 1.25rem;
    font-weight: 600;
    color: #e88f6c;
    margin-top: 2px
}

#section-partners {
    /* background-color: #fdfaf2; */
    padding: 100px 0;
    margin-top: 0
}

#section-partners .section-title {
    font-size: 8rem;
    margin-bottom: 87px;
    font-weight: 900;
    color: #e88f6c;
    text-transform: uppercase;
    font-family: 'Olivetta';
}

#section-partners .partners {
    display: flex
}

#section-partners .partners:not(:last-child) {
    margin-bottom: 90px
}

#section-partners .partners .title {
    font-size: 2.5rem;
    line-height: 1.3;
    min-width: 280px;
    margin-top: 10px;
    font-weight: 500
}

#section-partners .partners .images {
    flex: 1;
    mix-blend-mode: multiply;
}

#section-partners .partners .images img {
    display: block;
    max-width: 100%;
    mix-blend-mode: multiply;
    margin: 0 auto;
}

#section-partners .partners .images img:not(:last-child) {
    margin-bottom: 55px
}

#section-program {
    padding-bottom: 92px
}

#section-program .section-title {
    font-size: 8rem;
    color: #e88f6c;
    text-align: center;
    margin-top: 2rem;
    font-weight: 900;
    margin-bottom: 8rem;
    text-transform: uppercase;
    font-family: 'Olivetta';
}

#section-program .banner-title {
    position: relative;
    z-index: 2;
    display: flex
}

body #section-program .banner-title h3.title {
    background: #9e5453;
    background-repeat: no-repeat;
    text-transform: uppercase;
    font-weight: 900;
    background-size: 30%;
    padding: 1.75rem 3.5rem;
    color: #ffcbae;
    font-family: 'Olivetta';
    font-style: italic;
}

#section-program .banner-title .title {
    position: relative;
    z-index: 2;
    font-size: 4rem;
    /* color: #eccec4; */
    /* padding: 20px 40px; */
    /* background-color: #9e7b7e; */
    /* border-radius: 0; */
    /* font-weight: 700; */
}

#section-program .banner-title .subtitle {
    display: inline-flex;
    align-items: center;
    font-size: 1.525rem;
    line-height: 1.3;
    color: #e88f6c;
    background-color: #c1cd9d;
    border: 2px solid #e88f6c;
    border-radius: 0 40px 14px 0;
    padding: 0 30px 0 70px;
    margin-left: -40px;
    letter-spacing: 2px
}

#section-program .items {
    display: block;
    height: auto;
    padding: 45px 45px 10px;
    background-color: #fddfd7;
    border-radius: 0;
    justify-content: center;
    /* background-image: url(https://2025.jidar.ma/wp-content/themes/jidar-child/assets/images/bg_programme_home.png); */
    background-repeat: no-repeat;
    background-size: 18%;
    background-position: right bottom;
    overflow: hidden;
}

#section-program .items-auto {
    display: inline-flex;
    min-width: 620px
}

#section-program .items-dark {
    /* background-color: #eed5cd; */
    /* background-image: url(https://2025.jidar.ma/wp-content/themes/jidar-child/assets/images/bg_programme_home_2.png); */
    /* background-size: 60%; */
    /* background-position: top center; */
    /* padding-bottom: 4rem; */
}

#section-program .items.items-dark .title {
    color: #9e7b7e;
}

#section-program .items.items-dark .subtitle {
    color: #9e7b7e;
    text-transform: uppercase
}

#section-program .items-indent {
    margin-left: 0
}

#section-program .items-2>.item {
    width: 50%
}

#section-program .items-3>.item {
    width: 33.33%
}

#section-program .items-4>.item {
    min-width: 25%;
    width: 25%;
    float: left;
    display: inline-block;
}

#section-program .items-4>.item:last-child {
    /* width: 100%; */
}

#section-program .item {
    width: 100%;
    padding: 0;
    margin-bottom: 40px
}

#section-program .item .badge {
    display: table;
    font-size: 1.3375rem;
    background-color: #e88f6c;
    padding: 9px 12px 8px;
    color: #9f5354;
    border-radius: 0;
    margin-bottom: 5px;
    letter-spacing: .5px;
    font-weight: 600
}

#section-program .item .title {
    font-size: 2.3rem;
    font-weight: 500;
    line-height: 2.8rem;
    font-style: italic;
    font-family: 'Olivetta';
    /* text-transform: uppercase; */
    color: #9e5453;
    margin-bottom: 1rem;
}

#section-program .item .subtitle {
    font-size: 1.5rem;
    text-transform: inherit;
    margin-top: 0;
    letter-spacing: .5px;
    font-weight: 500;
    color: #e88f6c;
    font-family: 'Olivetta';
    margin-bottom: 1.5rem;
}

#section-program .item .btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    font-size: 1.3rem;
    color: #e88f6c;
    text-transform: inherit;
    margin-top: 7px;
    transition: color .2s;
    letter-spacing: 1px;
    font-weight: bold;
    align-content: center
}

#section-program .item .btn:hover {
    color: #fd9752;
}

#section-program .item .btn::after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid;
    border-radius: 50%;
    margin-left: 10px;
    margin-top: 5px;
    background: #e88f6c;
}

#section-program .item .btn::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 9px;
    width: 4px;
    height: 4px;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    color: #fee0d8;
}

#section-program .wall-row {
    display: flex;
    justify-content: space-between;
    margin-top: 5rem
}

#section-program .wall-row .wall-left {
    width: 100%
}

#section-program .wall-row .wall-right {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
}

#section-slider {
    padding: 0 0%
}

#section-slider .slider-container {
    position: relative;
    max-width: 95%;
    margin: 0 auto;
    height: 80vh
}

#section-slider .slider-container .shapes {
    position: absolute;
    top: 0;
    left: 0;
    width: 111.5%;
    height: 100%
}

#section-slider .slider-container .shapes .shape {
    position: absolute;
    width: 25%;
    top: 0;
    left: 0;
    display: none;
    transition: left .4s linear
}

#section-slider .slider-container .shapes .shape.green {
    left: 21.5%
}

#section-slider .slider-container .shapes .shape.red {
    left: 43%
}

#section-slider .slider-container .shapes .shape.red.animate {
    left: 0
}

#section-slider .slider-container .shapes .shape.blue {
    left: 64.5%
}

#section-slider .slider-container .shapes .shape img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

#section-slider .slider-container .shapes .shape .fill {
    display: none
}

#section-slider .slider-container .slider {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

#section-slider .slider-container .slider .owl-dots {
    display: flex;
    justify-content: center;
    margin-top: 10px
}

#section-slider .slider-container .slider .owl-dots .owl-dot {
    display: block;
    width: 13px;
    height: 13px;
    margin: 0 11px;
    border: 2px solid;
    border-radius: 50%;
    border-color: #b5d499
}

#section-slider .slider-container .slider .owl-dots .owl-dot.active {
    background-color: #b5d499
}

.page-about #page-header {
}

.page-about #section-intro {
    margin: 120px 0
}

.page-about #section-intro .inner-container {
    max-width: 100%;
    margin: auto
}

.page-about #section-intro .section-title {
    font-size: 5.625rem;
    margin-bottom: 70px;
    display: none
}

.page-about #section-intro .content {
    position: relative
}

.page-about #section-intro .content .medias {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0
}

.page-about #section-intro .content .medias a {
    position: relative;
    display: block;
    height: 37px
}

.page-about #section-intro .content .medias a:not(:last-child) {
    margin-bottom: 20px
}

.page-about #section-intro .content .medias a:hover::before {
    opacity: 0
}

.page-about #section-intro .content .medias a:hover::after {
    opacity: 1
}

.page-about #section-intro .content .medias a::before,.page-about #section-intro .content .medias a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: no-repeat center;
    background-size: auto 100%;
    transition: opacity .3s
}

.page-about #section-intro .content .medias a::after {
    opacity: 0
}

.page-about #section-intro .content .medias a.facebook {
    width: 52px
}

.page-about #section-intro .content .medias a.facebook::before {
    background-image: url(../images/icons/facebook.png)
}

.page-about #section-intro .content .medias a.facebook::after {
    background-image: url(../images/icons/facebook-hover.png)
}

.page-about #section-intro .content .medias a.instagram {
    width: 50px
}

.page-about #section-intro .content .medias a.instagram::before {
    background-image: url(../images/icons/instagram.png)
}

.page-about #section-intro .content .medias a.instagram::after {
    background-image: url(../images/icons/instagram-hover.png)
}

.page-about #section-intro .content .medias a.youtube {
    width: 58px
}

.page-about #section-intro .content .medias a.youtube::before {
    background-image: url(../images/icons/youtube.png)
}

.page-about #section-intro .content .medias a.youtube::after {
    background-image: url(../images/icons/youtube-hover.png)
}

.page-about #section-intro .content .medias a.tiktok {
    width: 40px
}

.page-about #section-intro .content .medias a.tiktok::before {
    background-image: url(../images/icons/tiktok.png)
}

.page-about #section-intro .content .medias a.tiktok::after {
    background-image: url(../images/icons/tiktok-hover.png)
}

.page-about #section-intro .content .medias a.twitter {
    width: 50px
}

.page-about #section-intro .content .medias a.twitter::before {
    background-image: url(../images/icons/twitter.png)
}

.page-about #section-intro .content .medias a.twitter::after {
    background-image: url(../images/icons/twitter-hover.png)
}

.page-about #section-intro .title {
    font-size: 2.75rem;
    padding-top: 50px;
    margin-bottom: 100px
}

.page-about #section-intro .colored-title {
    display: table;
    font-size: 3.5625rem;
    color: #1fe6c3;
    background-color: #b241e0;
    padding: 26px 40px 16px;
    border-radius: 10px 25px;
    margin-bottom: 90px
}

.page-about #section-intro .text {
    font-size: 2.1875rem;
    margin-bottom: 120px
}

.page-artist #page-header {
}

.page-artist #section-artist {
    margin-top: 50px;
    margin-bottom: 120px
}

.page-artist #section-artist .section-title {
    font-size: 5.625rem;
    color: #e88f6c;
    text-align: left;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 900;
}

.page-artist #section-artist .header {
    display: flex;
    max-width: 100%
}

.page-artist #section-artist .header .left {
    margin-right: 120px
}

.page-artist #section-artist .header .right {
    flex: 1;
    max-width: 80%
}

.page-artist #section-artist .header .country {
    font-size: 1.6875rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 40px;
    color: #9f5354
}

.page-artist #section-artist .header .instagram {
    position: relative;
    display: block;
    height: 50px;
    width: 50px
}

.page-artist #section-artist .header .instagram:hover::before {
    opacity: 0
}

.page-artist #section-artist .header .instagram:hover::after {
    opacity: 1
}

.page-artist #section-artist .header .instagram::before,.page-artist #section-artist .header .instagram::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: no-repeat center;
    background-size: auto 100%;
    transition: opacity .3s
}

.page-artist #section-artist .header .instagram::after {
    opacity: 0
}

.page-artist #section-artist .header .instagram::before {
    background-image: url(../images/icons/instagram.png)
}

.page-artist #section-artist .header .instagram::after {
    background-image: url(../images/icons/instagram-hover.png)
}

.page-artist #section-artist .header .arrows {
    margin-top: 180px
}

.page-artist #section-artist .header .arrows .arrow {
    position: relative;
    display: block;
    width: 90px;
    height: 90px;
    background-color: #e88f6c;
    border-radius: 50%;
    margin-bottom: 20px;
    transition: background-color .3s
}

.page-artist #section-artist .header .arrows .arrow:hover {
    background-color: #9f5354;
}

.page-artist #section-artist .header .arrows .arrow::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: translate(-50%,-50%) rotate(45deg)
}

.page-artist #section-artist .header .arrows .arrow-prev::after {
    transform: translate(-50%,-50%) rotate(225deg)
}

.page-artist #section-artist .header .image {
    width: 100%;
    height: auto;
    margin-bottom: 20px
}

.page-artist #section-artist .header .title {
    font-size: 2.75rem;
    margin-bottom: 60px
}

.page-artist #section-artist .header .text {
    font-size: 2rem;
    max-width: 1190px;
    text-align: justify;
    color: #9e7b7e
}

.page-artist #section-artist .header .btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    font-size: .875rem;
    color: #b5d499;
    text-transform: uppercase;
    margin-top: 40px;
    transition: color .2s
}

.page-artist #section-artist .header .btn:hover {
    color: #bd1536
}

.page-artist #section-artist .header .btn::after {
    content: "";
    display: inline-block;
    width: 33px;
    height: 33px;
    border: 2px solid;
    border-radius: 50%;
    margin-left: 10px
}

.page-artist #section-artist .header .btn::before {
    content: "";
    position: absolute;
    top: 14px;
    right: 16px;
    width: 8px;
    height: 8px;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg)
}

.page-artists #section-artists,#section-map-container,#section-program {
    margin-top: 70px;
    margin-bottom: 0;
    display: flex
}

.page-artists #section-artists .section-title {
    font-size: 4.6rem;
    color: #e88f6c;
    text-align: left;
    margin: 5rem 0
}

.page-map #section-map-container {
    padding: 30px 0 120px
}

.page-map #section-map-container .container .container {
    padding: 0;
    width: 100%;
    max-width: 100%;
}

.page-map #section-map-container .section-title {
    font-size: 5.625rem;
    margin-bottom: 80px;
    margin-top: 50px
}

.page-map #section-map-container .map-container {
    display: flex;
    align-items: center;
    position: relative
}

.page-map #section-map-container .map-container .arrows {
    position: absolute;
    top: calc((100vh - 200px)/2 - 120px);
    left: -10%
}

.page-map #section-map-container .map-container .arrows .arrow {
    position: relative;
    display: block;
    width: 90px;
    height: 90px;
    background-color: #e88f6c;
    border-radius: 50%;
    margin-bottom: 20px;
    transition: background-color .3s
}

.page-map #section-map-container .map-container .arrows .arrow:hover {
    background-color: #b5d499
}

.page-map #section-map-container .map-container .arrows .arrow::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: translate(-50%,-50%) rotate(45deg)
}

.page-map #section-map-container .map-container .arrows .arrow-prev::after {
    transform: translate(-50%,-50%) rotate(225deg)
}

.page-map #section-map-container .map-container #map {
    margin-left: 230px;
    height: calc(100vh - 200px)
}

.page-press #section-press-downloads {
    padding: 60px 0 0
}

.page-press #section-press-downloads .item {
    margin-bottom: 160px
}

.page-press #section-press-downloads .item .title {
    font-size: 4.325rem;
    font-weight: 700;
    line-height: 5rem;
    margin-bottom: 3rem
}

.page-press #section-press-downloads .item .btn {
    display: table;
    font-size: 2.3125rem;
    padding: 15px 60px;
    background-color: #9f5354;
    margin-top: 20px;
    border-radius: 10px 25px;
    transition: all .3s;
    font-weight: 600
}

.page-press #section-press-downloads .item .btn:hover {
    color: #fff;
    background-color: #9e7b7e
}

.page-programming #page-header {
}

.page-programming #section-program {
    background: 0 0
}

.page-programming #section-program .section-title {
    font-size: 5.625rem;
    color: #e88f6c;
    text-align: left;
    margin: 80px 0
}

.page-programming #section-program .items-container {
    background-color: #fff
}

.page-programming #section-program .items-container-indent {
    margin-left: 30px
}

.page-programming #section-program .items-container .text {
    font-size: 1.2rem;
    line-height: 1.6;
    padding: 31px 32px;
    text-align: justify
}

.page-programming #section-program .items-container .text h1,.page-programming #section-program .items-container .text h2,.page-programming #section-program .items-container .text h3,.page-programming #section-program .items-container .text h4,.page-programming #section-program .items-container .text h5,.page-programming #section-program .items-container .text h6 {
    font-size: 2.75rem;
    color: #b5d499;
    margin-top: 30px;
    margin-bottom: 30px;
    font-weight: 500
}

.home #section-program .wall-row .wall-left .items-indent,.home #section-program .items.items-indent.jidar-talks {
    width: 90%
}

body:not(.home) nav#navigation {
}

.home #section-map .section-title {
    font-size: 8rem;
    margin-bottom: 50px;
    font-weight: 900;
    color: #e88f6c;
    margin: 0 0 100px;
    max-width: 1400px;
    padding: 0;
    width: 100%;
    text-transform: uppercase;
    font-family: 'Olivetta';
}

#section-map .gm-style .gm-style-iw-c {
    background: #5d32e7;
    padding: 23px!important;
    border-radius: 25px 8px 85px 12px;
    max-height: none!important
}

#section-map .artist-infos .title {
    color: #fff;
    font-size: 1.5rem!important;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 15px;
    padding: 0 20px
}

#section-map .gm-style .gm-style-iw-d {
    padding: 0!important;
    overflow: visible!important;
    max-height: none!important
}

#section-map .artist-infos .desc .location {
    font-weight: 700;
    color: #e88f6c;
    font-size: 1em
}

#section-map .artist-infos .desc span.country {
    color: #fff;
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 1px
}

#force-landscape {
    background-color: #e88f6c;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px;
    display: none
}

@media(max-width: 767px) and (orientation:portrait) {
    #force-landscape {
    }
}

#force-landscape .msg {
    color: #fff;
    font-size: 23px;
    line-height: 1.4;
    text-align: center;
    max-width: 500px;
    margin-bottom: 100px;
    font-family: poppins,sans-serif;
    font-weight: 500
}

#force-landscape .image {
    max-width: 300px
}

button.mapboxgl-popup-close-button {
    color: #f4e5c1;
    font-size: 3rem;
    top: 0;
    right: 10px
}

.mapboxgl-popup-tip {
    position: relative;
    border: none
}

.mapboxgl-popup-tip::after {
    background: linear-gradient(45deg,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%) #fff;
    box-shadow: -2px 2px 2px 0 rgb(178 178 178/40%);
    content: "";
    height: 15px;
    left: 0;
    position: absolute;
    top: 23px;
    transform: translate(-50%,-50%) rotate(-45deg);
    width: 15px
}

.mapboxgl-popup {
    background: #9e5453;
    padding: 0!important;
    border-radius: 0;
    max-height: none!important
}

.mapboxgl-popup img {
    width: 100%
}

body .mapboxgl-popup * {
    background: initial;
    outline: none;
    border: none;
    box-shadow: none;
    padding: 0
}

#mapBox {
    width: 100%;
    height: 70vh;
    margin-bottom: 20px;
    border-radius: 0
}

.marker {
    background-image: url(../images/icons/marker.png);
    background-size: cover;
    width: 23px;
    height: 33px;
    cursor: pointer
}

div#section-about>.container {
    position: relative
}

body .container {
    width: 85%
}

.tnp-field input:active+label {
    top: 0;
    background: red
}

.tnp-field.tnp-field-button {
    display: block;
    width: 100%;
    text-align: left
}

#page-footer form .tnp-field.tnp-field-button input {
    border: none;
    text-align: left;
    color: #e88f6c;
    text-transform: uppercase;
    font-weight: 600;
    padding: 30px 0 0;
    font-family: poppins,sans-serif
}

body .tnp-subscription .tnp-field {
    width: 50%;
    display: inline-block;
    float: left;
    padding: 20px 20px 0 0
}

body .tnp-subscription .tnp-field.tnp-field-button {
    display: block;
    width: 100%;
    clear: both;
    padding: 0
}

body .tnp-subscription .tnp-field input:not(.tnp-submit) {
    font-size: 1.2rem!important;
    font-weight: 600;
    letter-spacing: .5px;
    padding: 5px;
    line-height: 2.2rem;
    margin-top: 20px
}

input.tnp-submit {
    cursor: pointer
}

.marker.active {
    background-image: url(../images/icons/marker-active.png)
}

.mapboxgl-control-container {
    display: none
}

.section-about {
    font-family: poppins, sans-serif;
    padding-left: 0;
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-align: justify;
    margin-top: 3rem;
}

div#affiches {
    margin-top: 2rem;
}

.breadcrumb span::first-letter,.breadcrumb a::first-letter {
    text-transform: uppercase
}

.breadcrumb span,.breadcrumb a {
    display: inline-block
}

.page-template-template-partner div#section-partners {
    margin: 0
}

.page-template-template-partner div#section-partners h2.section-title {
    display: none
}

/* #section-program .wall-row .wall-right .items.items-indent.items-dark .badge {
    background: #5a88aa!important
} */

body .tnp.tnp-subscription {
    margin: 0;
    max-width: 100%
}

body .tnp-subscription div.tnp-field {
    padding: 0 40px 0 0
}

body .tnp-subscription div.tnp-field.tnp-field.tnp-field-surname {
    padding: 0!important
}

body .col-medias .title a:last-child {
    color: #9e5453;
}

#section-program .banner-title.center .title {
    /* background: #9f5354; */
    font-size: 3.6rem;
    padding-top: 1.5rem;
    /* text-transform: lowercase; */
    /* font-weight: 600; */
    /* color: #eccec4; */
}

div#section-map>.container:first-child {
}

#section-map .items .item .title br {
    display: contents
}

div#section-slider.mobile,#navigation .mega-menu .medias {
    display: none
}

.page-template-template-artistes #section-artists .block:nth-child(7n+1)::after {
    background-size: auto 306px
}

.page-template-template-artistes #section-artists .block:nth-child(7n+2)::after {
    background-size: auto 160px
}

.page-template-template-artistes #section-artists .block:nth-child(7n+3)::after {
    background-size: 200px auto
}

.page-template-template-artistes #section-artists .block:nth-child(7n+4)::after {
    background-size: 130px auto
}

.page-template-template-artistes #section-artists .block:nth-child(7n+6)::after {
    background-size: auto 200px
}

#section-download {
    margin-bottom: 0
}

#page-header .breadcrumb>*:not(:last-child):hover {
    color: #e88f6c
}

.page-programming #section-program .section-title {
}

#page-header .container {
}

.page-artists #section-artists .section-title span,.page-programming #section-program .section-title span,#section-map-container .section-title span {
    color: #9f5354
}

img#lp_ls_img {
    width: 388px!important
}

.lp-screen * {
    width: 388px!important;
    opacity: 1
}

.lp-screen {
    background-color: rgb(30 228 195)!important;
    opacity: .95
}

.block.block-3 .bg {
    background-size: 190%!important
}

.block.block-5 .bg {
    background-position: 0!important
}

.block.block-9 .bg {
    background-position: 0 7%!important
}

#section-artists .block a {
    position: relative;
    display: contents;
    overflow: hidden
}

#navigation .container>.logoMenu {
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 0
}

.page-programming #section-program .items-container .text strong {
    color: #9f5354
}

.page-programming #section-program .items-container .text a {
    border-bottom: 2px solid
}

.page-programming #section-program .items-container .text a:hover {
    border-bottom: 3px solid;
    font-weight: 700
}

#section-program .items.items-indent.items-dark .badge {
    background: #fd9752;
    color: #9e5453;
    font-weight: 600
}

#section-program div>.wall-row:last-child .wall-left {
    width: 90%;
    margin-right: 5%
}

.owl-artist-carousel img {
    max-height: auto;
    height: auto;
    width: 100%
}

.owl-artist-carousel {
    max-width: 100%;
    display: block;
    width: 100%
}

.page-artist #section-artist .header .title {
    font-size: 2.75rem;
    margin-bottom: 50px;
    margin-top: 40px;
    text-transform: uppercase;
    font-weight: 900;
}

#section-artists .block.block-8,
#section-artists .block.block-2 {
    width: 30%;
    aspect-ratio: 674/598;
    margin-left: 3%;
    margin-bottom: 3.1%;
    height: auto
}

#section-artists .block.block-3,
#section-artists .block.block-11  {
    width: 30%;
    aspect-ratio: 674/598;
    margin-right: 3%;
    height: auto;
    margin-bottom: 3%
}

#section-artists .block.block-1,#section-artists .block.block-4,#section-artists .block.block-7,
#section-artists .block.block-12 {
    width: auto;
    margin-bottom: 3%;
    width: 67%;
    aspect-ratio: 1505/598;
    height: auto
}

#section-artists .block.block-5,
#section-artists .block.block-9 {
    width: 48.5%;
    aspect-ratio: 1204/872;
    margin-right: 1.5%;
    margin-bottom: 3%;
    height: auto
}

#section-artists .block.block-6,
#section-artists .block.block-10{
    width: 48.5%;
    margin-bottom: 3%;
    height: auto;
    aspect-ratio: 1204/872;
    margin-left: 1.5%
}

/* #section-artists .block.block-7 {
    width: 100%;
    margin-bottom: 2.5%;
    height: auto;
    aspect-ratio: 2246/728
} */

.iconStore {
    width: 100%;
    aspect-ratio: 490/133;
    background-size: 100%;
    height: auto;
    background-position: 0 0;
    transition: .75s all;
    animation-timing-function: ease;
    min-width: 250px;
}

.iconStore.appStore {
    background-image: url("https://2025.jidar.ma/wp-content/uploads/2025/04/apple-store-1.png")
}

.iconStore.playStore {
    background-image: url("https://2025.jidar.ma/wp-content/uploads/2025/04/play-store-1.png");
    aspect-ratio: 489/115
}

.iconStore.appStore:hover,.iconStore.playStore:hover {
    background-position: 0 100%
}

#section-artists .block:hover:after {
    opacity: 0
}

#section-artists .block a {
    padding: 30px;
    position: relative;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: flex-end
}

svg.Shape {
    top: 0;
    left: 0;
    width: 100%;
    height: 95vh;
    min-height: 50rem;
    z-index: -1;
    position: absolute
}

.slider-container-old.container {
    padding-top: 9rem
}

.svg-home-intro {
    display: none
}

.rellax {
    position: absolute;
    z-index: -2
}

.rellax img {
    width: 100%;
}

.parallax-wrapper {
    position: relative;
}

.rellax.parallax-2 {
    top: 0;
    right: 2rem;
    max-width: 4rem;
}

.rellax.parallax-3 {
    right: 2rem;
    margin-top: 20vh;
    max-width: 8rem;
}

.parallax-wrapper {
    max-height: 200vh;
    width: 100%;
    display: none;
}

.rellax.parallax-1 {
    max-width: 10rem;
    left: 1.5rem;
    margin-top: 20vh;
}

.rellax.parallax-5 {
    right: 2rem;
    max-width: 8rem;
}

#section-about .left .link:hover {
    color: #fd9752;
}

.page-about #section-intro p {
    font-size: 1.6rem;
    margin-bottom: 50px;
    line-height: 2.4rem;
    text-align: justify;
}

.rellax.parallax-4 {
    max-width: 10vw;
}

.clear {
    clear: both;
}

.sub-div-1 {
    font-family: 'Olivetta';
    font-size: 5rem;
    background: #f6b737;
    padding: 2rem;
    text-align: center;
}

.container.appMobileContainer .col-md-5 {
}

.container.appMobileContainer .flex {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #e88f6c
}

.sub-div-2 {
    background: #e88f6c;
    color: #f2e5be;
    padding: 1.35rem 1.8rem;
    font-weight: 900;
    font-size: 4rem;
    height: 100%;
    text-align: left
}

.container.appMobileContainer .col-md-2 {
    width: 24%;
    background: #b5d399;
    aspect-ratio: 1/1;
    height: auto;
    padding: 2rem;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center
}

.container.appMobileContainer .col-md-2 img {
    width: calc(100% - 1rem)
}

#section-download .container.appMobileContainer>.row {
    display: flex;
    align-items: center;
    margin: 0;
    align-content: center;
    background: #f3ded7;
    border-radius: 6rem;
}

.container.appMobileContainer .col-md-5.third-div {
    background: transparent;
    width: 28%;
    max-width: 30%;
    min-height: 100%;
    display: flex;
    padding: 0
}

.container.appMobileContainer .col-md-5.third-div .buttons a {
    margin: 2rem;
    display: block;
    padding: .55rem 0
}

.container.appMobileContainer .col-md-5.second-div {
    width: 41%;
    max-width: 41%
}

.buttons {
    width: 100%
}

.page-programming #section-program .items-container {
    overflow: hidden;
    margin-bottom: 4rem
}

/* #section-program .wall-row .wall-right .items-dark .badge {
    display: none
} */

#section-program .wall-right .items-dark {
    width: 100%;
    background-position: bottom right;
    background-size: 33%
}

#section-program div>.wall-row:last-child .wall-left .banner-title .subtitle {
    display: none
}

#section-about .left .description p {
    margin-bottom: 2rem
}

.mobile {
    display: none!important
}

.col-md-7.first2-div {
    width: 70%;
    height: 100%
}

.col-md-7.first2-div img {
    width: 100%;
    padding: 0;
    margin: 0;
    display: block
}

#section-partners h2.section-title {
    display: block !important;
    margin-top: 3rem;
    text-align: center;
}

.privacy-policy #section-intro {
    padding-top: 5rem;
    margin: 40px 0
}

.privacy-policy #section-intro h2 {
    margin: 20px 0
}

#navigation .mega-menu .right .download-container .buttons a {
    display: flex;
    height: 50px;
    display: inline-block;
}

.owl-carousel .owl-item img {
    border-radius: 12px;
    max-width: 85vw
}

nav#navigation.is-open .burger-menu {
    background: #e88f6c
}

nav#navigation.is-open .burger-menu:hover {
    background: #fd9653;
}

.mapboxgl-popup-close-button:hover {
    background-color: transparent;
    color: #85476a
}

.mapboxgl-popup-tip {
    display: none
}

.fixedImg.leftSide {
    position: fixed;
    left: -300px;
    z-index: 1
}

.fixedImg.rightSide {
    position: fixed;
    right: -250px;
    z-index: 1
}

div#scene {
    position: relative
}

div#scene .fixedImg {
    display: none
}

.block-10 .bg {
    background-size: 140% !important;
}

div#scene .fixedImg img {
    width: 50vw;
}

.fixedImg.rightSide {
    right: -30vw;
}

.fixedImg.leftSide {
    left: -35vw;
}

div#scene {
    pointer-events: none;
    scroll-behavior: initial;
}

#affiches{
    width:100%;
 }
 
 #affiches img{
    width:100%;
 }
 
 #affiches .portrait_affiches {
     list-style: none;
     height: auto;
     overflow: hidden;
     margin: 1.5rem 0 0 0;
     padding: 0;
     display: flex;
     gap: 1.5rem;
 }
 
.section-affiches h3 {
    font-weight: 900 !important;
    text-transform: uppercase;
    font-size: 4rem !important;
    margin-bottom: 1.5rem !important;
}

div#affiches a img{
    border: 2px solid #85476a;
    display: block;
}

div#affiches a:hover img{
    border: 4px solid #85476a;
}

.page-about #section-intro .section-about.section-affiches p {
    font-family: poppins, sans-serif;
    /* padding-left: 10%; */
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-align: justify;
}

.slider-container-old.container img {
    width: 100%;
}

#section-artists .block .bg:after {
    content: "";
    width: 100%;
    height: 100%;
    background: #E88F6C;
    background: linear-gradient(33deg, rgba(232, 143, 108, 1) 15%, rgba(158, 84, 83, 1) 55%);
    position: absolute;
    opacity: 0;
    opacity: 1;
    mix-blend-mode: overlay;
}

#section-artists .block a:hover .bg:after {
    opacity: 0;
}

#section-program .items.items-dark .title small {
    font-size: 1.2rem;
    font-weight: 400;
    margin-left: 10px;
}

#section-program .items.items-4 .title {
    font-weight: 800;
    font-style: normal;
    text-transform: uppercase;
    margin-bottom: 0rem;
    padding-right: 2rem;
}

#section-program .item .btn:hover::after {
    background: #fd9752;
}

div#section-intro {
    padding-top: 10rem;
    color: #9e5453;
}

#section-download.edition25 .container.appMobileContainer>.row {
    background: transparent;
    border-radius: 0;
    position: relative;
}

#section-download.edition25 .col-md-12.first2-div, #section-download.edition25 .col-md-12.first2-div img {
    width: 100%;
}

#section-download.edition25 .container.appMobileContainer .col-md-5{
    position:absolute;
    width: 100%;
    padding-left: 24%;
    max-width: 100%;
    max-height: 50%;
    min-height: auto;
    bottom: 5%;
}

#section-download.edition25 .container.appMobileContainer .col-md-5.third-div .buttons a{
    display: inline-block;
    margin: 0 3rem 0 0;
    width: 30%;
}

#section-program .items.items-dark .subtitle small {
    font-size: 0.85rem;
    display: block;
    margin-top: 10px;
    color: #9e5453;
}

#section-partners .partners .images img.mobile {
    margin-bottom: 30px;
}

.sg-popup-content * {
    font-family: 'Olivetta';
    font-weight: 300;
    font-size: 1.3rem;
}

.sg-popup-content strong {
    font-weight: 600;
}

.sg-popup-content h2 {
    font-weight: 700;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    font-size: 1.7rem !important;
}

div#sgpb-popup-dialog-main-div {
    color: #9e5453;
    font-size: 1.4rem;
}

div#sgpb-popup-dialog-main-div p {
    margin-bottom: 10px;
}

div#sgpb-popup-dialog-main-div img {
    aspect-ratio: 4/1;
}

/* START : COMING-SOON LAUNCH JIDAR */

/* #navigation .container>.date {
    left: 20px;
}

#section-partners .partners .images img.mobile{
    margin-bottom:20px;
}

@media (max-width: 600px) {
    body #navigation .container>.date {
        top: 15px;
        left: 15px;
    }
} */

/* END : COMING-SOON LAUNCH JIDAR */