/*
Theme Name: Studio Création Kabir Kouba
Version: 1.0
Author: davidbdr0@gmail.com
Text Domain: sckk
*/


body { color: var(--pifoxen-black);}
svg {display: block;width: 100%;height: auto}
a { color: var(--pifoxen-base);}
a:hover {color: var(--pifoxen-black);}
.main-slider-three h2 {margin-top: 6px;transform:none;transition:none;font-weight: 600;color: var(--pifoxen-black);font-size: 60px;line-height: 100%;   margin-bottom: 30px;}
.mb-15 {margin-bottom: 15px;}
.mb-30 {margin-bottom: 30px;}
.brd-dash {  border: 2px dashed #c8c8c8;}
.brd-dash-r {  border-right: 2px dashed #c8c8c8;}
hr.separateur {margin:0;padding:0;background: transparent;}
p:last-child {margin-bottom: 0}
.bg-c-1 {background-color: var(--pifoxen-base);}
.bg-c-2 {background:#5E5768}
.bg-c-3 {background:#8EA604}
.bg-c-4 {background:#188FA7}
.offset-border {position: absolute;width:100%;height:200px;bottom:-15px;right:-15px;z-index: -1}
.bg-c-1 .offset-border {background-color:#df471f;}
.bg-c-2 .offset-border {background-color:#50455f;}
.bg-c-3 .offset-border {background-color:#7c9104;}
.main-menu-three__wrapper-logo {padding: 0;margin: 0;}
.main-menu-three__wrapper-logo a { background: #fff; padding: 15px; display: block;box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.25);}
.stricky-header.main-menu .main-menu-three__wrapper-logo a {box-shadow: none}
.main-menu .main-menu__list>li+li, .stricky-header .main-menu__list>li+li {
    margin-left: 45px;
}
.thm-btn::before, .volunteers-and-donating__btn::before {display: none}
.thm-btn, .gform_wrapper.gravity-theme .gform_button { background-color: var(--pifoxen-base);color: var(--pifoxen-white);font-size: 17px;font-weight: 900;padding: 10px 30px;letter-spacing: 1px;border-radius: 5px;text-transform: uppercase;}
.thm-btn:hover, .gform_wrapper.gravity-theme .gform_button:hover {background-color: var(--pifoxen-black);color:#fff}
.volunteers-and-donating__btn,
.volunteers-and-donating__right .volunteers-and-donating__btn,
.cta-one__btn {background-color: #fff;color:var(--pifoxen-black);}
.volunteers-and-donating__btn:hover, 
.volunteers-and-donating__right .volunteers-and-donating__btn:hover{background-color:var(--pifoxen-base);color:#fff}
.page-header {
    padding: 240px 0 100px;
}
.blog-details {    padding: 90px 0 0 0;}
.blog-details section {margin-bottom: 90px;}
.main-menu__list a.thm-btn {text-transform: none;letter-spacing: normal}
.two-section__gallery-img-overly:before {background-color: #188FA7;    transition: all 500ms ease;}
.two-section__gallery-icon-bg {background:transparent;}
.img-popup svg {max-width: 50px;opacity: .9}
.img-popup svg path {fill:#fff}
.credphoto {position: absolute;bottom: 0;right: 0;background: rgba(0,0,0,.6);display: block;padding: 5px 10px;color: white;font-size: 15px;margin-right: 7px;margin-bottom: 7px;}
.credphoto a {color:#fff;}
.offset-bg {position: relative}
.offset-bg:before {border-top: 5px solid #f1f0e7;border-bottom: 5px solid #f1f0e7;position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;content: "";background: #f9f8f4;z-index: -1;}
.offset-bg-sml:before {height:180px;}
.offset-bg-md:before {height:310px;}
.offset-bg-lrg:before {height:430px;}
.contenus-image-fond {position: relative;}
.contenus-image-fond * {color:#434343}
.contenus-image-fond h3 {margin-bottom: 30px;}
.contenus-image-fond .contenus-image img {     position: absolute;top: 0;left: 50%;transform: translateX(-50%);max-width: 1140px;opacity: .45;z-index: 0;}
.image_simple_wrap {position: relative}
.contenus-cols h3 {margin-bottom: 30px;line-height: 160%}
.contenus-cols.ref p {font-size: 17px;margin:0 0 15px 0;}
p {font-size: 21px; line-height: 200%;margin-bottom: 45px;color: var(--pifoxen-black);}
.intro-pages {max-height: 100px;background-color: #fff; margin-bottom: 140px;}
.intro-pages .feature-two__inner {position: relative;display: block;margin-top: -60px;z-index: 1;}
.page-header__inner h1 {color:#fff;    max-width: 768px; margin: 0 auto;}
.focus-text {background-color: #fff}
.focus-text .feature-two__inner {margin-top:0}
.focus-text .feature-two__content {    max-width: 760px;margin-left: auto;margin-right: auto}
.intro-pages .feature-two__content, .focus-text .feature-two__content { position: static;    background-color: var(--pifoxen-extra-two); padding: 30px;border-radius: 5px;}
.intro-pages .feature-two__content p, .focus-text .feature-two__content p {padding:0;margin:0;font-size: 22px;font-weight: 700;line-height: 180%;}
.audio .donation-details__top-progress-box, .videos .donation-details__top-progress-box {padding: 45px;width: 100%}
.audio .donation-details__top {margin-bottom: 30px;}
.audio h3, .videos h3 {font-size: 23px;margin-bottom: 30px;font-weight: 600;}
.videos h3 {margin-bottom: 0}
.audio p {font-size: 17px;margin:0 0 15px 0;    padding: 0 45px 0 0;}
.embed-container {  position: relative; padding-bottom: 56.25%;overflow: hidden;max-width: 100%;height: auto;} 
.embed-container iframe,
.embed-container object,
.embed-container embed { position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.swiper-slide-active .main-slider-three__img {transform:none;transition: none;}
.contact-page .blog-one__img {height: 100px;background: #8EA604;display: flex;align-items: center;justify-content: center}
.contact-page svg {max-height: 60px;}
.contact-page .email-icon svg {max-height: 50px;}
.contact-page svg path {fill:white}
.img-txt-lst .about-one__right {margin-left: 30px;}
.img-txt-lst svg {max-width: 16px;margin-right: 10px;}
.img-txt-lst svg path {fill:var(--pifoxen-black);}
.img-txt-lst li .icon { width: 100%; max-width: 80px;}
.page-header__inner h2 { font-size: 46px;color: #fff;line-height: 56px;margin-bottom: 6px;}
.volunteers-and-donating__title {color: #fff;font-size: 30px;font-weight: 700;line-height: 130%;}
.volunteers-and-donating__content { max-width: none;width: 100%;padding: 90px 105px;}
.main-header {background-color: var(--pifoxen-base);}
.main-header .main-menu .main-menu__list>li.current>a,
.main-header .main-menu .main-menu__list>li:hover>a,
.main-header .stricky-header .main-menu__list>li.current>a,
.main-header .stricky-header .main-menu__list>li:hover>a {color: #fff;text-shadow:none;}
.main-menu-three-wrapper__main-menu {margin-left:auto;}
.main-header-three::before {display: none}
.main-menu-three__wrapper-logo img {display: block;height: auto;width: 130px;}
.stricky-fixed .main-menu-three__wrapper-logo {top:0;}
.main-menu .main-menu__list>li, .stricky-header .main-menu__list>li {padding-top: 30px;padding-bottom: 30px;position: relative;}
.stricky-fixed .main-menu-three__wrapper-logo img {max-width: 70px;}
.main-menu .main-menu__list>li>a, .stricky-header .main-menu__list>li>a {font-size: 19px;font-weight: 700;}
.main-menu .main-menu__list>li>a::before, .stricky-header .main-menu__list>li>a::before {background-color:#fff;top: 0;}
.icn-txt .help-them__text {font-size: 18px;font-weight:500;line-height: 180%;}
.main-header .main-menu .main-menu__list>li>a {color: #fff;}
.main-header-three .main-menu .main-menu__list>li>a, .main-header-three.pagehead .main-menu .main-menu__list>li>a.menu-contact { color: var(--pifoxen-black);}
.main-header-three.pagehead .main-menu .main-menu__list>li>a {color:#fff}
.main-menu-three__wrapper {
    height: 148px;width: 100%
}
.main-header-three {
    left: 50%;
    transform: translateX(-50%);
}


.main-menu-three__wrapper-left {
    display: flex;
    float:none;
    align-items: center;
}


.main-menu {
    padding: 0;
    height: 148px;
    display: flex;
    align-items: center;
}
.cta-one__icon svg {max-width: 50px;}
.cta-one__icon svg path {fill:var(--pifoxen-base);}
.about-one h3.section-title__title {font-size: 40px;}
.about-one__right .section-title__tagline::before {display: none}
.section-title__title {font-weight: 600;}
.blog-details .section-title__title {font-weight: 600;font-size: 34px;    text-align: left;}
.blog-details .intro-pages {max-height: none}
.blog-details .intro-pages .feature-two__inner {margin-top:0}

.blog-details .intro-pages:first-child {background: red}
.blog-details .intro-pages .feature-two__content {margin-left: -60px;}

.blog-details .legend {padding: 15px 30px;}
.blog-details .legend p {font-size: 16px;padding-right: 90px;}
.blog-details .videos .legend {padding: 0;margin-top: 15px;}

.page-header-single a {margin:0 5px;    background-color: var(--pifoxen-extra-two);padding: 5px 10px;border-radius: 3px;line-height: normal;font-size: 16px;}
.page-header-single span {color: #fff}
.page-header-single h1 {margin-top: 15px;}
.blog-one__content {padding: 30px;background-color: var(--pifoxen-extra-two);}
.blog-one__content p {font-size: 19px;line-height: 170%}
.main-slider-three .swiper-slide {background-color:#ebe0d6;background-repeat: no-repeat;background-size: cover}
.main-slider-three__img {bottom: 0;}
.volunteers-and-donating__left:before {background-color: rgba(var(--pifoxen-base-rgb), 0.8);}
.volunteers-and-donating__right:before {background-color: rgba(var(--pifoxen-primary-rgb), 0.8);}
.main-menu .mobile-nav__toggler {color: #fff}
.home .main-menu .mobile-nav__toggler {color: var(--pifoxen-base);}
.cta-one { padding: 90px 0;margin-top: 90px;}
.cta-one__left {flex-direction: column;max-width: 70%;    align-items: start;}
.cta-one__title { font-size: 31px;color: var(--pifoxen-white);line-height: 120%;margin-left: 0;margin-bottom: 15px;font-weight: 700}
.cta-one__left p {color: #fff;margin:0;padding:0;}
.main-slider-three__img img {width: 1060px;opacity: 1;}
.blog-one__single {margin-bottom: 0;}
.blog-one__single:hover .blog-one__img img {transform:none;}
.blog-one__img {    background-color: rgba(var(--pifoxen-base-rgb), 0.8);max-height: 200px;}
.main-slider-three-map-1 {   mix-blend-mode: darken;bottom: auto;opacity:0;}
.main-slider-three-map-1 img {opacity:0;}
.main-slider-three .container {padding-top: 260px;padding-bottom: 185px;}
.swiper-slide-active .main-slider-three-shape-1 {    opacity: .5;background-position: left center;}
.main-slider-three p {transform: none;transition:none;color: var(--pifoxen-black);line-height: 180%;font-weight: 600;    font-size: 22px;}
.section-title svg {max-width:40px;margin: auto;}
.section-title__tagline::before {display: none}
.page-header-bg {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-repeat: no-repeat;background-size: cover;background-position: left center;background-color: var(--pifoxen-black);background-blend-mode:normal;opacity: 0.3;z-index: -1;}
.section-title {margin-top: 0;margin-bottom: 45px;}
.bienvenue {padding: 120px 0 60px 0;}
.about-one__img img {  padding: 15px;border-radius: 5px;}
.about-one__content-text {color: var(--pifoxen-black);font-weight: 600;margin: 0;font-size: 21px;}
.about-one__text {margin: 0;padding-top: 0;padding-bottom: 45px;font-size:21px;}
.about-one__content-icon svg {max-width: 80px;}
.about-one-shape svg {max-width: 300px;opacity: .1}
.blog-page {padding: 90px 0;}
.image_simple img {  border-radius: 5px;  border: 2px dashed #c8c8c8;padding: 5px;}
.blog-one__text { font-size: 19px; line-height: 180%; margin: 0;}
.volunteers-and-donating__left, .volunteers-and-donating__right {display: flex;align-items: center;height: 480px;}
.gform_validation_errors h2 {font-size: 17px;border: 0;font-family: 'DM Sans', sans-serif;font-weight: 700;color: #cf2e2e;margin-top: 30px;text-align: center;}
.validation_message {color:#cf2e2e;}
.gform_footer {text-align: right}
.gform_validation_errors:focus-visible {outline:none}
.gform-field-label {font-weight: 700}
.gallery-page {position: relative;display: block;padding: 30px 0 60px;}
.about-one-shape {position: absolute;top: 15%;right: -30%;}
.about-one__badge {top: -30px;left: -30px;    height: 160px;width: 160px;    animation: none;display: none;}
.about-one__badge svg {max-width: 90px;}
.about-one__badge svg path {fill:white}
.about-one__points {display:block;}
.about-one__points li {margin-bottom: 5px;padding-bottom: 5px;align-items: baseline}
.about-one__points li .text p {padding:0;line-height: 180%;font-size: 18px;}
.about-one__points li+li {margin-left: 0;}
.help-them {position: relative;margin-top:-90px;display: block;padding: 0;z-index: 2;}
.help-them__single {padding: 30px;display: flex;background-color: #fff;flex-direction: column;height: 100%;border: 2px solid #dddbce;}
.help-them__icon svg {max-width: 70px;position: relative;z-index: 1;}
.wp-pagenavi {display: flex;align-items: center;justify-content: flex-end;}
.wp-pagenavi .pages {margin-right: 30px;}
.wp-pagenavi .current, .wp-pagenavi .page { margin: 0 5px; border-radius: 50%; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border:1px solid var(--pifoxen-base); font-weight: 700;}
.wp-pagenavi .page {background:  var(--pifoxen-base);color: #fff;}
.wp-pagenavi .current {color: var(--pifoxen-base);}
.wp-pagenavi .page:hover { background:transparent;color: var(--pifoxen-base);}
.help-them__title {font-size: 23px;}
.blocs-infos .feature-one__single {  height: 100%;border-radius: 5px; padding: 45px;display: flex;}
.blocs-infos .feature-one__icon { position: relative; display: flex; max-width: 100px; width: 100%;height: 100px;align-items: center;justify-content: center;margin-right: 0;}
.blocs-infos .feature-one__icon:before {position: absolute;top: 0;right: 0;height: 100px;width: 100px;content: "";border-radius: 50%;
-webkit-transition: all 500ms linear;transition: all 500ms linear;-webkit-transition-delay: 0.1s;transition-delay: 0.1s;-webkit-transform: scale(1);transform: scale(1);}
.blocs-infos .bg-c-1 .feature-one__icon:before {background-color:#df471f;}
.blocs-infos .bg-c-2 .feature-one__icon:before{background-color:#50455f;}
.blocs-infos .bg-c-3 .feature-one__icon:before {background-color:#7c9104;}
.blocs-infos .feature-one__icon svg {max-width: 50px;position: relative}
.blocs-infos .feature-one__icon svg path {fill:#fff}
.blocs-infos .feature-one__text {font-size: 18px;color: var(--pifoxen-white);font-weight: 500;line-height: 30px;margin: 0;}
.about-one__points li .icon span {font-size: 21px;}
.about-one__points li:hover .icon span {transform: none;color: var(--pifoxen-base);}
.cta-one-shape {bottom: auto;top:0;
left: 0;right: 0; height: 100%;mix-blend-mode: luminosity;opacity: .20;}
.volunteers-and-donating__text {font-size: 19px;font-weight: 600;}
.icn-txt-icn {    max-width: 140px;position: absolute;bottom: 15px;left: 50%;transform: translateX(-50%);opacity: .1}
#audio-player-container {--seek-before-width: 0%;--volume-before-width: 100%;--buffered-width: 0%;position: relative;margin: 100px 2.5% auto 2.5%;width: 95%;max-width: 500px;height: 132px;background: #fff;}
#audio-player-container::before {position: absolute;content: '';width: calc(100% + 4px);height: calc(100% + 4px);left: -2px;top: -2px;background: linear-gradient(to left, #007db5, #ff8a00);z-index: -1;}
#play-icon { margin: 20px 2.5% 10px 2.5%;}
.time {width: 37px;text-align: center;font-size: 20px;margin: 28.5px 0 18.5px 0;float: left;}
output {width: 32px;text-align: center;font-size: 20px;margin: 10px 2.5% 0 5%;float: left;clear: left;}
#volume-slider {margin: 10px 2.5%;width: 58%;}
#volume-slider::-webkit-slider-runnable-track {background: rgba(0, 125, 181, 0.6);}
#volume-slider::-moz-range-track {background: rgba(0, 125, 181, 0.6);}
#volume-slider::-ms-fill-upper {background: rgba(0, 125, 181, 0.6);}
#volume-slider::before {width: var(--volume-before-width);}
#mute-icon { margin: 0 2.5%;}
input[type="range"] {position: relative;appearance: none; width: 48%;padding: 0;height: 19px;margin: 30px 2.5% 20px 2.5%;float: left;outline: none;}
input[type="range"]::-webkit-slider-runnable-track {width: 100%;height: 3px;cursor: pointer;background: linear-gradient(to right, rgba(0, 125, 181, 0.6) var(--buffered-width), rgba(0, 125, 181, 0.2) var(--buffered-width));}
input[type="range"]::before {position: absolute;content: "";top: 8px;left: 0;width: var(--seek-before-width);height: 3px;background-color: #007db5;cursor: pointer;}
input[type="range"]::-webkit-slider-thumb { position: relative; -webkit-appearance: none; box-sizing: content-box; border: 1px solid #007db5; height: 15px; width: 15px; border-radius: 50%; background-color: #fff;cursor: pointer;margin: -7px 0 0 0;}
input[type="range"]:active::-webkit-slider-thumb {transform: scale(1.2);background: #007db5;}
input[type="range"]::-moz-range-track {width: 100%;height: 3px;cursor: pointer; background: linear-gradient(to right, rgba(0, 125, 181, 0.6) var(--buffered-width), rgba(0, 125, 181, 0.2) var(--buffered-width));}
input[type="range"]::-moz-range-progress {background-color: #007db5;}
input[type="range"]::-moz-focus-outer {border: 0;}
input[type="range"]::-moz-range-thumb {box-sizing: content-box;border: 1px solid #007db5;height: 15px;width: 15px;border-radius: 50%;background-color: #fff;
cursor: pointer;}
input[type="range"]:active::-moz-range-thumb {transform: scale(1.2);background: #007db5;}
input[type="range"]::-ms-track {width: 100%;height: 3px;cursor: pointer;background: transparent;border: solid transparent;color: transparent;}
input[type="range"]::-ms-fill-lower {background-color: #007db5;}
input[type="range"]::-ms-fill-upper {background: linear-gradient(to right, rgba(0, 125, 181, 0.6) var(--buffered-width), rgba(0, 125, 181, 0.2) var(--buffered-width));}
input[type="range"]::-ms-thumb {box-sizing: content-box;border: 1px solid #007db5;height: 15px;width: 15px;border-radius: 50%;background-color: #fff;cursor: pointer;}
input[type="range"]:active::-ms-thumb {transform: scale(1.2);background: #007db5;}
.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large {height: 64px;width: 100%;border: none;background-color: var(--pifoxen-extra-two);padding-left: 30px;padding-right: 30px;border-radius: var(--pifoxen-bdr-radius);outline: none;font-size: 17px;color: var(--pifoxen-gray);display: block;}
.gform_wrapper.gravity-theme .gfield textarea.large {font-size: 17px;color: var(--pifoxen-gray);height: 160px;width: 100%;background-color: var(--pifoxen-extra-two);padding: 18px 30px 30px;border: none;outline: none;margin-bottom: 0;border-radius: var(--pifoxen-bdr-radius);}
.gform_wrapper.gravity-theme .gform_button {position: relative;display: inline-block;vertical-align: middle;-webkit-appearance: none;appearance: none;outline: none !important;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;overflow: hidden;z-index: 1;border:0;margin-top: 15px;}
p.gform_required_legend {margin:0 0 15px 0}
.mobile-nav__content img {width:100px;}
.blog-one__bottom {padding-bottom: 0}
.blog-one__btn {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: normal;
    text-transform:none;
}

.sidebar__category {
    padding: 30px;
}

.sidebar__category .sidebar__title {padding-left: 0;margin-bottom: 30px;}
.sidebar__category-list li a {
    color: var(--pifoxen-gray);
    padding: 0;    line-height: normal;
    border:0;font-size: 17px;
    margin-bottom: 15px;
}
.sidebar__post-list li {
  padding: 0;
}
.pagination-area {margin-top:90px;}
@media only screen and (min-width: 320px) and (max-width: 480px) {
.main-slider-three h2 {font-size: 34px;line-height: 120%;margin-bottom: 15px;}

}


@media only screen and (min-width: 320px) and (max-width: 767px) {
.main-slider-three h2 {
    margin-top: 6px;
    font-size: 42px;
    line-height: 130%;
    margin-bottom: 15px;
}
.main-slider-three p {
    line-height: 180%;
    font-weight: 600;
    font-size: 19px;
    padding-top: 0
}
.gform_validation_errors h2 {font-size: 17px; }
.thm-btn, .gform_wrapper.gravity-theme .gform_button {font-size: 15px;}
.cta-one__left {max-width: 100%;align-items: center;margin-bottom: 30px;}
section.sep hr {display: none}
section.sep {margin:0 0 30px 0}
.help-them {margin-top:0}
p, .about-one__text, .about-one__points li, .icn-txt .help-them__text {font-size: 16px;}
.about-one__points li {line-height: normal}
.help-them__single {display: block;height: auto}
.main-slider-three .container {padding-bottom: 60px;padding-top: 220px;}
.volunteers-and-donating__content {padding: 60px;}
.blog-one__single {margin-bottom: 30px;}
.main-slider-three__img {display:block;bottom: auto}
.main-slider-three__img img {width: 1200px;opacity: .5;}
.swiper-slide-active .main-slider-three-shape-1 {display: none}  
.intro-pages .feature-two__content p {font-size: 19px;}
.intro-pages {max-height: none;margin-bottom:0;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main-menu .mobile-nav__toggler {display: none;}
    .main-menu-three-wrapper__main-menu {        margin-left: auto;}
    .main-menu {padding:0 45px;}
    .main-slider-three__img {display:block;}
    .swiper-slide-active .main-slider-three-shape-1 {display: none}
    .main-slider-three__img img {width: 1200px;opacity: .5;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu .mobile-nav__toggler {display: none;}
    .main-slider-three__img {display:block;}
    .main-slider-three__img img {opacity: .4;}
    .swiper-slide-active .main-slider-three-shape-1 {opacity: .35}
}
@media (max-width:992px) {
    .main-header-three {    max-width: none;}
    .main-menu-three__wrapper-logo img {width: 100px;}
    .main-menu .main-menu__list>li>a, .stricky-header .main-menu__list>li>a {font-size: 17px;}
}
@media (min-width:768px) {
    .main-menu .main-menu__list, .main-menu .main-menu__list>li>ul, .main-menu .main-menu__list>li>ul>li>ul, .stricky-header .main-menu__list, .stricky-header .main-menu__list>li>ul, 
    .stricky-header .main-menu__list>li>ul>li>ul {display: -webkit-box;display: -ms-flexbox;display: flex;}
}
@media (max-width: 767px) {
    .main-menu .mobile-nav__toggler {padding: 30px;}
}