#hero-content .container-fluid {
    padding: 0;
}

#hero-content .item-list ul li {
    display: flex;
    width: 100%;
    background-color: var(--bs-white);
    margin-bottom: 0;
    margin-left: 0;
    line-height: 1.4rem;
    font-size: .95rem;
    align-items: stretch;
}

#hero-content .item-list li .views-field-nothing li {
    margin-left: .5rem;
}

#hero-content #block-azmartinique-views-block-plantes-medicinales-block-1 .item-list li:before {
    content: '';
    margin-right: 0;
}

#hero-content .item-list .views-field-nothing ul li:before {
    content: '–';
    margin-right: .5rem;
}

#hero-content .item-list li .views-field {
    width: 50%;
    height: auto;
}

#hero-content .item-list li .views-field.views-field-nothing {
    padding: 3rem 4rem;
    border-top: 4px solid var(--bs-turquoise);
    background: var(--bs-blue);

}

.views-field-field-og-image-villes img,
.views-field-field-hero-image-fruits img,
.views-field-field-header-images-lieux img {
    height: 100%;
    object-fit: cover;
    width: 100%;
    display: block;
}

.views-field-field-og-image-villes .field-content,
.views-field-field-hero-image-fruits .field-content,
.views-field-field-header-images-lieux .field-content {
    height: 100%;
}

#hero-content .block-infos h1,
.header-ville h1 {
    font-weight: 650;
    margin-bottom: 3rem;
    color: var(--bs-white);
}

#hero-content .block-infos h3,
.header-ville h3 {
    font-size: 1rem;
    font-weight: 600;
    color: var(--bs-black);
}

#hero-content .view-fruits .item-list h3 {
    margin-top: .5rem;
    color: var(--bs-white);
}

.header-ville .description {
    width: 95%;
}

#hero-content .block-infos p {
    line-height: 1.4rem;
    font-size: .95rem;
    margin-bottom: 2rem;
    color: var(--bs-light-blue-50);
}

#hero-content .block-infos p a {
    color: var(--bs-light-blue-50);
}

#hero-content .block-infos #infos-recette p {
    margin-bottom: 1rem;
}

#hero-content .tags a {
    background: var(--bs-gray-200);
    color: var(--bs-gray-900);
    gap: 1rem;
    display: flex;
}

#hero-content .tags a,
#block-azmartinique-views-block-plantes-medicinales-block-1 .block-infos ul li {
    background: var(--bs-light-blue-60);
    color: var(--bs-gray-900);
    padding: .5rem 1.5rem;
    display: inline-flex;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 500;
    margin: 1rem .5rem 0 0;
}

#hero-content .item-list .views-field-nothing ul li::before {
    content: "";
    margin-right: 0;
}

#block-azmartinique-views-block-plantes-medicinales-block-1 .block-infos ul li {
    width: inherit;
}

#block-azmartinique-views-block-plantes-medicinales-block-1 .block-infos ul {
    gap: .2rem;
}

#hero-content .tags a:hover,
#hero-content .tags a:focus {
    background-color: var(--bs-light-blue-20);
}

.icon-quality {
    height: 15px;
    margin-right: .2rem;
}

/************************** Recettes node   ******************************/

#infos-recette {
    max-height: 6em;
    overflow: hidden;
    opacity: 0.8;
    transition: all .5s ease-in-out;
    margin-bottom: .2rem;
}

#infos-recette.expanded {
    max-height: none;
    opacity: 1;
}

.views-field-field-images-recette .field-content,
.views-field-field-hero-image-plante .field-content,
.views-field-field-hero-image-fleurs .field-content,
.views-field-field-hero-image-fleurs img,
.views-field-field-hero-image-plante img,
.views-field-field-images-recette img {
    height: 100%;
}

#toggleButton {
    display: none;
    color: var(--bs-white);
    cursor: pointer;
}

#toggleButton:before {
    content: '\F282';
    margin-right: .5rem;
    font-family: var(--bs-icons-font);
    padding-top: .2rem;
    display: inline-flex;
    align-items: center;
}

#toggleButton.long-text:before {
    content: '\F286';
}

/************************** Traditions header   ******************************/

#block-azmartinique-views-block-traditions-block-2 .item-list ul li,
#block-azmartinique-views-block-le-saviez-vous-block-1 .item-list ul li {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

#block-azmartinique-views-block-traditions-block-2 .views-field-field-title-header-traditions,
#block-azmartinique-views-block-header-pages-block-1 .views-field-field-long-title-page,
#block-azmartinique-views-block-le-saviez-vous-block-1 .views-field-title,
#block-azmartinique-views-block-header-pages-block-2 .views-field-title,
#block-azmartinique-views-block-taxonomy-hero-block-1 .views-field-field-page-title-displayed-prov,
#block-azmartinique-views-block-taxonomy-hero-block-2 .views-field-name,
#block-azmartinique-views-block-taxonomy-hero-block-3 .views-field-name {
    padding: 4rem 10rem 3rem 4rem;
    background: var(--bs-blue);
    color: var(--bs-white);
    border-top: 4px solid var(--bs-turquoise);
}

#block-azmartinique-views-block-traditions-block-2 .views-field-field-title-header-traditions h1,
#block-azmartinique-views-block-header-pages-block-1 .views-field-field-long-title-page h1,
#block-azmartinique-views-block-le-saviez-vous-block-1 .views-field-title h1,
#block-azmartinique-views-block-header-pages-block-2 .views-field-title h1,
#block-azmartinique-views-block-taxonomy-hero-block-1 .views-field-field-page-title-displayed-prov h1,
#block-azmartinique-views-block-taxonomy-hero-block-3 .views-field-name h1 {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 650;
}

.views-field-field-header-image-tradition img,
.views-field-field-header-images-saviez-vous img,
.views-field-field-header-image-faits-hist img,
.views-field-field-image-une-page img,
.views-field-field-header-images-proverbes img,
.views-field-field-header-image-lieux img,
.views-field-field-header-images-hebergement img {
    min-height: 500px;
    object-fit: cover;
    height: 100%;
}

.views-field-field-header-image-tradition .field-content,
.views-field-field-header-images-saviez-vous .field-content,
.views-field-field-header-image-faits-hist .field-content,
.views-field-field-image-une-page .field-content,
.views-field-field-header-images-proverbes .field-content,
.views-field-field-header-image-lieux .field-content,
.views-field-field-header-images-hebergement .field-content {
    height: 100%;
}

.read-time {
    display: inline-flex;
}

.read-time::before {
    content: "\F293";
    font-family: var(--bs-icons-font);
    margin-right: .5rem;
}