/** STYLES GLOBAUX **/
.page_idee-cadeau p a, .page_idee-cadeau li a {
    color: #d5ad69;
}
.page_idee-cadeau p a:hover, .page_idee-cadeau li a:hover {
    color: #575656;
    transition: 0.8s;
}
/*************************************/

.page_idee-cadeau a {
    text-decoration: none;
}
.page_idee-cadeau .row {
    margin-left: -15px;
    margin-right: -15px;
}
.page_idee-cadeau h2 {
    color: #ffffff;
}
.page_idee-cadeau p, h2, h3 {
    margin: 0;
}
.section_title {
    font-weight: 300;
    font-size: 30px;
    text-align: center;
    margin-bottom: 20px;
    color: #000000;
}
.d-none {
    display: none;
}

p, li {
    color: #575656;
}

/** HEROBANNER **/
.hero-page {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
/*************************************/

/** SECTION TEXTE INTRO PAGE **/
.section-intro .intro_subtitle {
    font-size: 14px;
    font-weight: 300;
}
.section-intro p, h1 {
    margin: 0;
}
.idee-kdo-list {
    padding: 15px 0 15px 0;
    margin: 0;
}
.idee-kdo-list li{
    list-style: none;
}
.idee-kdo-list li::before {
    font-family: initial;
    content: "\1F5F8";
    margin-right: 15px;
}
#btnsavoir {
    display: none;
}
/*************************************/

/** SECTION CATEGORIE **/
.section-category {
    padding-bottom: 20px;
}
    
.section-category .box_pic {
    background-position: center;
    background-size: cover;
    height: 280px;
    cursor: pointer;
}
.section-category h3 {
    position: absolute;
    bottom: 0;
    padding: 16px 20px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    text-transform: uppercase;
    /* font-weight: 700; */
    font-size: 14px;
    z-index: 1;
    color: #000000;
    cursor: pointer;
}
.section-category .no-categories {
    color: #000000;
}
.section-category .section-category_card {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: -1;
    opacity: 0;
}
.section-category_card .card-listing {
    background-color: #D5AD69; 
    height: 100%;
    padding: 7.5px;
    cursor: pointer;
}
.section-category_card .listing_block, .block-link .listing_block {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 15px;
}             
.section-category_card .listing_element {
    text-align: center;
    margin: 7.5px;
}
.section-category_card a {
    min-width: 120px !important;
}
.section-category_card a:hover {
    background-color: #3d3d3d;
    transition: 0.8s;
}

/** Hover pour les catégories **/
.section-category .image-box {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 15px;
}
.section-category .image-box:hover .box_pic {
    max-width: 100%;
    transition: all 0.3s;
    display: block;
    width: 100%;
    transform: scale(1);
}
.section-category .image-box:hover .box_pic:hover  {
    transform: scale(1.1);
}
.section-category .btnControl {
    display: none;
}

#btnControl:checked + label .section-category_card,
#btnControl2:checked + label .section-category_card,
#btnControl3:checked + label .section-category_card,
#btnControl4:checked + label .section-category_card,
#btnControl5:checked + label .section-category_card
{
    opacity: 1;
    transition: 1s;
    z-index: 0;
} 
.section-category label {
    display: block;
}
/*************************************/

/** SECTION CARTE CADEAU **/
.carte-cadeau {
    background-color: #D5AD69;
    min-height: 333px;
    margin-bottom: 20px;
}
.carte-cadeau h2 {
    color: #ffffff;
}
.carte-cadeau_text {
    color: #ffffff;
    text-align: center;
    padding: 37px 18px;
    font-size: 20px;
}
.carte-cadeau_text h2 {
    font-weight: 700;
    margin-bottom: 12px;
}
.carte-cadeau_text .carte-cadeau__subtitle {
    font-weight: 100;
    margin-bottom: 20px;
    color: #ffffff;
}
.carte-cadeau_img, .block-link_img {
    height: 333px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.pulsations {
    animation: pulse 2s linear infinite;
}
@keyframes pulse {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }

    50% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
/*************************************/

/** PAGE CARREFOUR **/
.id-category {
    padding-top: 20px;
}
.bg-opacity {
    background-color: rgba(255, 255, 255, 0.3);
    position: absolute;
    z-index: 1;
    min-height: 250px;
    width: 100%;
}
.id-category .section-category_card {
    position: absolute;
    right: 20px;
    max-width: 400px;
    top:0;
    z-index: 2;
}
.id-category .category-name {
    padding-top: 0px;
}
.id-category .listing_block {
    justify-content: flex-end;
}
.intro_text-content { 
    padding-top: 20px;
    padding-bottom: 20px;
}
.intro_subtitle {
    padding-bottom: 15px;
}
.id-category .link-content {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 250px;
    position: relative;
}
.mobile-link {
    display: none;
}
/*************************************/

/** BOUTONS **/
.button_container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}
.button_container .btn-cta:hover {
    color: #ffffff;
    background-color: #3d3d3d;
    transition: 0.8s;
}
/*************************************/

/** MEDIA QUERIES **/
@media (max-width: 992px) {
    /** SECTION TEXTE INTRO PAGE **/
    .section_title {
        font-size: 18px;
    }
    .ldn-list {
        display: block;
        max-height: unset;
    }

    /** SECTION CARTE CADEAU **/
    .carte-cadeau_text h2 {
        font-size: 22px !important;
    }

    /** SECTION CATEGORIE **/
    .block-link_text {
        padding: 15px 0 !important;
    }
}

@media (min-width: 992px) {
    /** SECTION CATEGORIE **/
    .section-category .row:first-of-type {
        margin-bottom: 30px;
    }
    .section-category .image-box {
        margin-bottom: 0;
    }
    .section-category .card-listing {
        padding: 0;
    }

    /** SECTION CARTE CADEAU **/
    .carte-cadeau_text {
        padding: 96px 0 0 0;
        font-size: 30px;
    }
    .carte-cadeau_text h2 {
        margin-bottom: 8px;
    }
}

@media (max-width: 768px) {
    /** SECTION TEXTE INTRO PAGE **/
    .desktop-intro {
        display: none;        
    }
    #btnsavoir {
        display: block;
        padding-top: 20px;
    }
    .intro_text-content { 
        padding-top: 0;
    }

    /** PAGE CARREFOUR **/
    .mobile-link {
        display: block;
    }
    .desktop-link {
        display: none;
    }
    .bg-opacity {
        display: none;
    }
    .category-name {
        padding-top: 0;
    }
    .id-category {
        padding-top: 0;
    }
    .intro_text-content {
        padding-bottom: 0;
    }
    .idee-kdo-list {
        padding: 15px 0 15px 15px;
    }
    .idee-kdo-list li {
        list-style: initial;margin-right: 15px;
    }
    .idee-kdo-list li::before {
        display: none; 
    }
}
/*************************************/