/*
Theme Name: Adesio
Description: Paris Fashion Mart par Adesio
Author: Adesio
Author URI: adesio.co
Template: Avada
Version: 2.14
*/

/* ====================================================== VARIABLES =========================== */
:root {
    /* Font sizes */
    --size-mini: 10px;
    --size-link: 12px;
    --size-text: 14px;
    --size-h4: 18px;
    --size-h3: 20px;
    --size-h2:26px;
    --size-h1: 30px;

    /* Font weights */
    --weight-light: 200;
    --weight-text: 400;
    --weight-semi-bold: 600;
    --weight-bold: 700;

    /* Colors */
    --color-jaune:#FFBD00;
    --color-bleu:#000945;
    --color-rose:#FF4E6F;
    --color-vert:#00C3BA;
    --color-blanche:#FFF;

    /*bleu-transparent*/
    --color-bleu-transparent-50 : #00094580;

    /* Border Radius */
    --radius:60px;
}

/* ====================================================== STRUCTURE GENERALE =========================== */
.width-100 .fusion-fullwidth, .width-100 .nonhundred-percent-fullwidth{
    margin-right: auto;
    margin-left: auto;
}
.post-content .fusion-flex-container .fusion-row .fusion-flex-column{
    margin-top: 20px;
}
/* ====================================================== CONTAINERS SPECIFIQUES =========================== */
/*ctnr-hero*/
.post-content > .fusion-flex-container:first-child{
    height: 467px;
}

.post-content > .fusion-flex-container:first-child .fusion-title h1{
    max-width: 485px;
    text-shadow: 0 0 4px #9ABFFF;
    text-align: left;
}
.post-content > .fusion-flex-container:first-child .fusion-title:not(.elmt-en-bleu, .elmt-en-jaune, .elmt-en-rose, .elmt-en-vert) h1{
    color: var(--color-blanche) !important;
}
@media (max-width: 800px) {
    .post-content > .fusion-flex-container:first-child{
        padding-bottom: 0 !important;
    }
    .post-content > .fusion-flex-container:first-child .fusion-row{
        align-items: end;
    }
}
/*ctnr-contact*/
.ctnr-contact{
    background: var(--color-jaune) !important;
    padding-top: 40px !important;
}
/*ctnr-bg-color*/
.ctnr-bg-color {
    background: var(--color-jaune) !important;
}

.ctnr-bg-color .fusion-checklist {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
    flex-wrap: wrap;
    margin: 0 !important;
    padding: 0 !important;
}

.ctnr-bg-color .fusion-checklist li {
    display: flex;
    align-items: center;
    width: auto !important;
    max-width: 414px;   
    margin: 0 !important; 
    padding: 0 !important;
}

.ctnr-bg-color .fusion-checklist li .fusion-li-item-content{
    margin: 0 !important;
    color: var(--color-bleu) !important;
}
.ctnr-bg-color .fusion-checklist li .fusion-li-item-content a{
    text-decoration: underline;
    display: inline-block;
}
.ctnr-bg-color .fusion-checklist li .icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    padding: 10px;
    border: 5px solid var(--color-bleu);
    background: var(--color-vert);
    border-radius: var(--radius);
    margin-right: 15px;
    flex-shrink: 0;
}

.ctnr-bg-color .fusion-checklist li .icon-wrapper i {
    color: var(--color-bleu);
    font-size: 20px;
}

.ctnr-bg-color .fusion-checklist li:nth-child(2) .icon-wrapper {
    display: none !important;
}

.ctnr-bg-color .fusion-checklist li:nth-child(2) {
    justify-content: center;
    font-weight: 500;
}

.ctnr-bg-color .fusion-checklist li:nth-child(3) .icon-wrapper {
    background: var(--color-rose);
}

@media (max-width: 800px) {
    .ctnr-bg-color .fusion-checklist{
        gap: 5px;
        margin-top: 30px !important;
        margin-bottom: 10px !important;
    }
}
/* ====================================================== COLONNES SPECIFIQUES =========================== */
/*col-en-rose*/
.col-en-rose{
    margin-top: 40px;
    margin-bottom: 40px;
}
.col-en-rose > .fusion-column-wrapper{
    border-left: 12px solid var(--color-rose) !important;
    padding-left: 20px !important;
}
.col-en-rose > .fusion-column-wrapper .fusion-title-heading{
    color: var(--color-rose) !important;
}
@media (max-width: 800px) {
    .col-en-rose{
        margin-top: 20px;
        margin-bottom: 20px;
    }
}
/*col-en-vert*/
.col-en-vert{
    margin-top: 40px;
    margin-bottom: 40px;
}
.col-en-vert > .fusion-column-wrapper{
    border-left: 12px solid var(--color-vert) !important;
    padding-left: 20px !important;
}
.col-en-vert > .fusion-column-wrapper .fusion-title-heading{
    color: var(--color-vert) !important;
}
@media (max-width: 800px) {
    .col-en-vert{
        margin-top: 20px;
        margin-bottom: 20px;
    }
}
/*col-emplacement*/
.col-emplacement{
    border: 12px solid var(--color-rose);
    background: var(--color-bleu) !important;
}
.col-emplacement>.fusion-column-wrapper{
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.col-emplacement .fusion-text{
    padding: 20px 30px;
    color: var(--color-blanche);
}
.col-emplacement .fusion-text p{
    margin-bottom: 0 !important;
}
.col-emplacement .fusion-text strong{
    color: var(--color-rose);
}
.col-emplacement ul li.fusion-li-item{
    background: var(--color-rose) !important;
    margin-bottom: 15px;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    align-items: center;
}
.col-emplacement ul li:last-child{
    margin-bottom: 0 !important;
}
.col-emplacement ul li.fusion-li-item p{
    margin-bottom: 0 !important;
    color: var(--color-blanche);
    font-weight: var(--weight-bold);
}
.col-emplacement ul li.fusion-li-item .fusion-li-item-content{
    margin: 0 !important;
}
.col-emplacement ul li.fusion-li-item .fusion-li-icon{
    font-size: var(--size-h3);
    color: var(--color-bleu) !important;
}
.col-emplacement ul li.fusion-li-item p strong{
    color: var(--color-bleu);
}
/* ====================================================== ELEMENTS GENERAUX =========================== */
#main{
    padding: 0 !important;
}
#main .post-content .fusion-flex-container {
    padding-top: 40px;
    padding-bottom: 40px;
}
#main .post-content p{
    margin-bottom: 10px;
    line-height: 1.2;
}
h1{
    font-size: var(--size-h1) !important;
    font-weight: var(--weight-bold) !important;
}
h2{
    font-size: var(--size-h2) !important;
    font-weight: var(--weight-bold) !important;
    text-transform:uppercase !important;    
}
h3{
    font-size: var(--size-h3) !important;
    font-weight: var(--weight-bold) !important;
}
h4{
    font-size: var(--size-h4) !important;
    font-weight: var(--weight-bold) !important;
}

/*fusion-button*/
.fusion-button{
    border: 4px solid var(--color-bleu) !important;
    border-radius: var(--radius) !important;
    background: transparent !important;
    color: var(--color-bleu) !important;
    padding: 6px 10px !important;
}
.fusion-button span{
    color: var(--color-bleu) !important;
}
.fusion-button i{
    color: var(--color-bleu) !important;
    font-size: var(--size-mini);
}
/**/
.fusion-body .fusion-title{
    margin-top: 0 !important;
}
/*fusion-image-carousel*/
.fusion-image-carousel .awb-carousel{
    padding-bottom: 10px;
}
.fusion-image-carousel .awb-carousel .swiper-pagination{
    bottom: 0 !important;
}
.fusion-image-carousel .awb-carousel .swiper-pagination-bullet{
    background: var(--color-bleu) !important;
}
.fusion-image-carousel .awb-carousel .swiper-pagination-bullet-active{
    width: 10px;
    height: 10px;
}
@media (max-width: 800px) {
    #main .post-content .fusion-flex-container{
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
}

/*elmt-map*/
.elmt-map {
  width: 100%;
    height: 450px;
}
/*mapplic-map*/
mapplic-map{
    margin-bottom: 20px;
    margin-top: 20px;
}
@media (max-width: 640px) {
    mapplic-map .mapplic-dir{
        height: 600px;
    }
}
/**/
a:hover{
    color: var(--color-bleu);
}
/*fusion-post-cards*/
.fusion-post-cards .fusion-layout-column > .fusion-column-wrapper{
    border: 12px solid var(--color-bleu);
    background: var(--color-jaune);
    padding-bottom: 20px;
}
.fusion-post-cards .fusion-layout-column .fusion-title{
    margin-bottom: 30px !important;
    padding-left: 15px;
    padding-right: 15px;
}
.fusion-post-cards .fusion-layout-column .fusion-imageframe{
    margin-bottom: 20px;
}
.fusion-post-cards .fusion-layout-column .fusion-imageframe img{
    height: 200px;
    object-fit: cover;
}
.fusion-post-cards .fusion-layout-column .fusion-text{
    padding-left: 15px;
    padding-right: 15px;
}
.fusion-post-cards .fusion-layout-column  > .fusion-column-wrapper div:has(.fusion-button){
    margin-top: auto;
    padding-left: 15px;
    padding-right: 15px;
}
/*post-card-boutique*/
.post-card-boutique .fusion-image-element{
    text-align: center;
}
.post-card-boutique .fusion-image-element img{
    height: 110px;
    width: 100%;
    object-fit: contain;
}
/* ====================================================== ELEMENTS SPECIFIQUES =========================== */
/*highlight*/
.highlight{
    text-transform: uppercase;
    letter-spacing: 55%;
}
/*elmt-en-jaune*/
.elmt-en-jaune .fusion-title-heading{
    color: var(--color-jaune) !important;
}
.fusion-image-element:has(.elmt-en-jaune) img{
    border: 12px solid var(--color-jaune);
}
.elmt-en-jaune:has(.elmt-map){
    border: 12px solid var(--color-jaune);
}

/*elmt-en-rose*/
.elmt-en-rose .fusion-title-heading{
    color: var(--color-rose) !important;
}
.elmt-en-rose:has(.elmt-map){
    border: 12px solid var(--color-rose);
}
.fusion-image-element:has(.elmt-en-rose) img{
    border: 12px solid var(--color-rose);
}

/*elmt-en-vert*/
.elmt-en-vert .fusion-title-heading{
    color: var(--color-vert) !important;
}
.elmt-en-vert ul{
    padding-left: 0;
    list-style: none;
}
.elmt-en-vert ul li{
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--color-vert);
    padding-left: 15px;
}
.elmt-en-vert ul li:before{
    content: "";
    position: absolute;
    width:10px;
    height: 10px;
    background: var(--color-vert);
    border-radius: var(--radius);
    left: 0;
    top: 8px;
}
.elmt-en-vert ul li:last-child{
    border-bottom: none;
}
.fusion-image-element:has(.elmt-en-vert) img{
    border: 12px solid var(--color-vert);
}
.fusion-video.elmt-en-vert{
    max-width: 100%;
    border: 12px solid var(--color-vert);
}
.fusion-video.elmt-en-vert .video-shortcode{
    max-width: 100%;
}
.fusion-video.elmt-en-vert .fluid-width-video-wrapper{
    padding-top: 56% !important;
}

/*elmt-en-bleu*/
.elmt-en-bleu .fusion-title-heading{
    color: var(--color-bleu) !important;
}
.fusion-image-element:has(.elmt-en-bleu) img{
    border: 12px solid var(--color-bleu);
}
.elmt-en-bleu:has(.elmt-map){
    border: 12px solid var(--color-bleu);
}

/*elmt-date*/
.elmt-date{
    color: var(--color-rose) !important;
}
/*titre*/
.titre{
    font-size: var(--size-h4) !important;
    font-weight: var(--weight-bold) !important;
    color: var(--color-bleu);
    margin-top: 10px;
}
/*btn-secondary*/
.btn-secondary{
    border: none !important;
    background: url('https://stg-parisfashionmart-stagging.kinsta.cloud/wp-content/uploads/2026/06/download.svg') !important;
    background-repeat: no-repeat !important;
    background-size: 35px !important;
    background-position: center left !important;
    padding-left: 45px !important;
}
.btn-secondary span{
    color: var(--color-rose) !important;
    width: 130px;
    font-weight: var(--weight-bold);
}
.btn-secondary i{
    color: var(--color-rose) !important;
    font-size: var(--size-h3) !important;
}
/* ====================================================== ARTICLES =========================== */
/*single-boutiques*/
.single-boutiques .post-content .fusion-builder-row-inner .fusion-column-wrapper{
    flex-direction: row !important;
    align-items: center;
}
.single-boutiques .post-content .fusion-builder-row-inner .fusion-column-wrapper i{
    background: transparent !important;
    border-width:4px;
    color: var(--color-bleu) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: var(--color-bleu) !important;
}
.single-boutiques .post-content .fusion-builder-row-inner .fusion-column-wrapper .fusion-text{
    font-weight: var(--weight-bold) !important;
}
.single-boutiques .post-content .fusion-builder-row-inner .fusion-column-wrapper .fusion-text p{
    margin-bottom: 0 !important;
}

/* ====================================================== HEADER =========================== */

/*Header*/
header {
    border-bottom: 1px solid #eee !important;
    box-shadow: 0px 1px 1px #eee;
    background: #fff !important;
}

header .fusion-layout-column {
    margin-bottom: 0px !important;
}
header img {
    width: 100% !important;
    padding: 5px;
    margin: 0 0px;
    height: 80px;
    object-fit: cover;
}
header.fusion-sticky-transition img {
    height: 60px !important;
    padding: 5px;
}

header nav ul.fusion-menu li > a .menu-text{
    padding: 0px 10px !important;
    font-size: var(--size-link);
    font-weight: var(--weight-bold);
    color: var(--color-bleu) !important;
}

header nav ul.fusion-menu li:hover a .menu-text{
    color: var(--color-bleu) !important;
}

header nav ul.fusion-menu ul.awb-menu__sub-ul li a {
    padding: 10px 8px !important;
    font-size: 1rem;
    text-transform: inherit !important;
}
header nav ul.fusion-menu li.wpml-ls-item a {
    text-transform: uppercase;
}
header nav ul.fusion-menu li.menu-grossiste {
    margin-left: 30px;
    margin-right: 30px;
}
header nav ul.fusion-menu li.menu-grossiste .menu-text{
    position: relative;
    color: var(--color-rose) !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
}
header nav ul.fusion-menu li.menu-grossiste:hover a .menu-text{
    color: var(--color-rose) !important;
}
header nav ul.fusion-menu li.menu-grossiste .menu-text:before{
    content: "";
    position: absolute;
    background: var(--color-rose);
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 4px;
}
header .awb-menu__m-toggle{
    color: var(--color-bleu);
    font-size: var(--size-h2);
}
header .wpml-ls-legacy-dropdown a{
    width: max-content;
    border: none !important;
    color: var(--color-bleu);
    text-transform: uppercase;
    padding-right: 0 !important;
    font-weight: var(--weight-bold);
}
header .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{
    left: -5px;
    right: auto;
}
header .wpml-ls-legacy-dropdown{
    width: auto;
}

@media (max-width: 800px) {
    header {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
    header .avada-menu-mobile-menu-trigger {
        background-color: #151d3d !important;
        color: #fff !important;
    }
    header .fusion-imageframe {
        max-width: fit-content;
        padding: 0;
    }
    header .fusion-imageframe a{
        display: block;
    }
    header img, header.fusion-sticky-transition img {
        height: 60px !important;
        padding: 0px;
    }
    header nav ul.fusion-menu{
        border-bottom: 2px solid var(--color-bleu);
        border-top: 2px solid var(--color-bleu);
        max-height: 440px !important;
        padding-bottom: 20px !important;
    }
    header nav.awb-menu ul.fusion-menu li{
        border-color: var(--color-bleu-transparent-50) !important;
    }

    header nav.awb-menu ul.fusion-menu li > a.awb-menu__main-a{
        justify-content: center !important;
        padding-bottom: 17px !important;
        padding-top: 17px !important;
    }
}

/* ====================================================== FOOTER =========================== */
/*Footer*/
.fusion-tb-footer .ctnr-bg-color{
    background: var(--color-bleu) !important;
    padding-top: 30px;
    padding-bottom: 10px;
}
.fusion-tb-footer .ctnr-bg-color .fusion-checklist li .fusion-li-item-content{
    color: var(--color-blanche) !important;
}
.fusion-tb-footer .ctnr-bg-color .fusion-checklist li .icon-wrapper{
    border-color: var(--color-rose);
    background: var(--color-blanche);
    width: 45px;
    height: 45px;
}
.fusion-tb-footer .ctnr-bg-color .fusion-checklist li .icon-wrapper i{
    color: var(--color-rose);
}
.fusion-tb-footer .ctnr-bg-color .fusion-checklist li .fusion-li-item-content a{
    color: var(--color-blanche);
    display: inline-block;
}

footer {
    color: var(--color-bleu) !important;
    background: var(--color-vert) !important;
    padding-top: 30px !important;
    padding-bottom: 20px !important;
    line-height: 1.2;
}
footer .fusion-text a {
    color: var(--color-bleu) !important;
}
footer .fusion-imageframe {
    max-width: 240px;
}
footer .fusion-text a:hover {
    text-decoration: underline;
}
footer .fusion-layout-column:has(.fusion-social-links){
    position: absolute;
    top: 15%;
    right: -20px;
    width: max-content;
}
footer .fusion-social-links .fusion-social-networks-wrapper{
    display: flex;
    flex-direction: column;
    margin: 0;
}
footer .fusion-social-links a.fusion-social-network-icon {
    border: 2px solid var(--color-bleu);
    border-radius: var(--radius);
    padding: 10px;
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-bleu) !important;
}
footer .fusion-social-links a:before{
    font-size: var(--size-text);
    color: var(--color-bleu) !important;
}

@media (max-width: 800px) {
    .fusion-tb-footer .ctnr-bg-color .fusion-checklist{
        margin-top: 0 !important;
    }
    .fusion-tb-footer .ctnr-bg-color .fusion-checklist li .fusion-li-item-content{
        font-size: var(--size-link) !important;        
    }
    footer .fusion-imageframe{
        max-width: 200px;
    }
    footer .fusion_builder_column_1_5{
        width: 50% !important;
        float: left;
    }
    footer .fusion-layout-column:has(.fusion-social-links){
        position: relative;
        top: auto;
        right: 0;
        width: 100%;
    }
    footer .fusion-social-links .fusion-social-networks-wrapper{
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: center;
    }
    footer .fusion-image-element{
        width: 100%;
    }
    
}
/* ====================================================== ANIMATION =========================== */
/* fusion-button */
main .fusion-button {
    position: relative;
    transition: padding 0.5s ease;
}

main .fusion-button:has(i):hover {
    padding-right: 25px !important;
}

main .fusion-button:has(i) span:before {
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    pointer-events: none;
}
main .fusion-button:hover span:before {
    opacity: 1;
}
main .fusion-button:hover i{
    opacity: 0;
}

/* ====================================================== AIDE RECURRENTE =========================== */
/*Contact Form 7 */
span.wpcf7-list-item {
    margin: 0px !important;
}
.grecaptcha-badge {
    display: none !important;
}

.wpcf7-form .form-ctc {
    margin-bottom: 10px !important;
}
.wpcf7-form-control-wrap {
    display: inline-block;
    width: 100% !important;
}
.wpcf7-form-control-wrap input {
    border-radius: 5px !important;
    padding: 5px 10px !important;
    color: #000 !important;
    font-size: 16px !important;
    background: #FFF !important;
    height: 38px !important;
}
.wpcf7-form-control-wrap input::placeholder, .wpcf7-form-control-wrap textarea::placeholder {
    color: #000 !important;
}
.wpcf7-form-control-wrap textarea {
    border-radius: 5px !important;
    padding: 10px 10px !important;
    color: #000 !important;
    font-size: 16px !important;
    background: #FFF !important;
}
form p{
    margin-bottom: 0 !important;
}
form > p > input.wpcf7-submit {
    border: 4px solid var(--color-bleu) !important;
    border-radius: var(--radius) !important;
    background: url(https://stg-parisfashionmart-stagging.kinsta.cloud/wp-content/uploads/2026/06/SEND.svg) transparent  5% center no-repeat !important;
    color: var(--color-bleu) !important;
    padding: 6px 10px 6px 35px !important;
    background-size: 20px !important;
}
form > p > input.wpcf7-submit:hover {
    opacity: 0.85;
}
.grecaptcha-badge {
    display: none !important;
}
.wpcf7-captchar, .wpcf7-form .wpcf7-date, .wpcf7-form .wpcf7-number, .wpcf7-form .wpcf7-quiz, .wpcf7-form .wpcf7-select, .wpcf7-form .wpcf7-text, .wpcf7-form textarea {
    border-color:var(--color-jaune) !important;
}
.wpcf7 .wpcf7-form-control-wrap input[type="checkbox"] {
    height: auto !important;
}
.wpcf7 .submit {
    text-align: right;
}
.wpcf7 .wpcf7-submit:disabled {
    opacity: 0.65;
}


.hidden {
    display: none !important;
}

/*-------------------------------------- Admin -------------------------------------------------------------*/
/*WP Login*/
body.login h1 {
    display: none !important;
}
body.login #backtoblog a, .login #nav a {
    text-decoration: none;
    color: var(--color-white) !important;
}
body.login form > p > label {
    font-size: var(--size-text) !important;
    text-transform: none;
    letter-spacing: 0px;
}
body.login form {
    margin-top: 30% !important;
    border: 1px solid var(--color-noir);
}