@import url('couleurs.css');

:root {
    --container-width: 1080px;
}

/*--------------------------------------------- Style pour Header */
header {
    display: flex;
    flex-direction: column;
}

.upepo-logo {
    text-align: center;
}

.upepo-logo img {
    width: 15%;
}

.container__wrap__navigation {
    display: flex;
    width: 100%;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 1.5em;
}

#upepo-navigation>#menu-principal>li>a,
#upepo-navigation>#menu-principal>li>.sub-menu>li>a,
#upepo-navigation>#menu-principal>li>.sub-menu>li>.sub-menu>li>a,
.uk-close {
    color: #222222 !important;
}

.uk-close:hover {
    color: rgba(34, 34, 34, 0.5) !important;
}

#upepo-navigation>#menu-principal>li>a,
#upepo-navigation>#menu-principal>li>.sub-menu>li>a,
#upepo-navigation>#menu-principal>li>.sub-menu>li>.sub-menu>li>a {
    text-decoration: initial;
}


.upepo-branding {
    display: flex;
    justify-content: center;
    padding-top: 20px;
}

#menu-principal {
    display: flex;
    list-style: none;
    padding: 0;
}

.upepo-container {
    box-sizing: border-box;
    width: 100%;
    padding-left: calc(50% - var(--container-width) / 2);
    padding-right: calc(50% - var(--container-width) / 2);
}

#menu-principal li>a {
    font-size: 1.25rem;
    padding: 5px 0;
    display: block;
    font-weight: 600;
    /* border-bottom: 1px solid gray; */
}

#menu-principal .sub-menu {
    display: none;
    list-style: none;
    background-color: #fff;
}

#menu-principal .sub-menu li>a {
    font-size: 1.125rem;
    font-weight: 400;
}

#menu-principal .sub-menu li>.sub-menu {
    /* font-size: 1em; */
    /* font-weight: 200; */
    background-color: #f1f1f1;
}

.close-button {
    cursor: pointer;
}


/*---------------------------------------------  Style pour Page 404 */

#wrapper__404__pages {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* height: 100vh; */
}

/*---------------------------------------------  Style pour Pied de page */
.site-footer>.top__footer {
    display: flex;
    justify-content: space-evenly;
    gap: 20px;
}

.site-footer>.bottom__copyright,
.follow__us {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.site-footer>.follow__us>.legal_doc,
.follow__website {
    display: flex;
    justify-content: space-around;
    list-style: none;
    padding: 0;
}

.top__footer>ul,
.top__footer>div {
    display: flex;
    flex: 1;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
}

.bottom__copyright>.by__lmb {
    display: flex;
    align-items: center;
    gap: 10px;
}

.bottom__copyright>.by__lmb>a>img {
    width: 50px;
}

.bottom__copyright>.by__lmb>p>a,
.follow__us>.legal_doc>li>a {
    font-size: 0.875rem;
    color: rgba(33, 33, 33, 0.5);
}

.bottom__copyright>.by__lmb>p>a {
    font-weight: 600;
    text-decoration: underline;
}

.top__footer>.subscribe>p.after__cta>a {
    text-decoration: underline;
}

.bottom__copyright>.by__lmb>p>a:hover,
.top__footer>.subscribe>p.after__cta>a:hover {
    text-decoration: initial;
}

.site-footer>.follow__us>.legal_doc>li>a {
    margin-right: 1em;
    color: rgba(33, 33, 33, 0.5);
    font-size: 0.875rem;
}

.site-footer>.bottom__copyright>.copyright>p,
.site-footer>.bottom__copyright>.by__lmb>p {
    color: rgba(33, 33, 33, 0.5);
    font-size: 0.875rem;
}

.site-footer>.top__footer>.subscribe>p.before__cta {
    margin: 0;
}

.business>.beta__fonctionnalite {
    display: flex;
    align-items: center;
}

.business>.beta__fonctionnalite>.uk-badge {
    margin-left: .5em;
}

/* .top__footer > ul > h4 {
    font-weight: 700;
} */
.top__footer>ul>li>a {
    color: #666666;
}

.site-footer>.top__footer>.subscribe>p.after__cta,
.site-footer>.top__footer>.subscribe>.sib_signup_form>.sib_signup_box_inside_1>p.after__cta {
    color: rgba(33, 33, 33, 0.5);
    font-size: 0.875rem;
}

.site-footer>.top__footer>.subscribe>.sib_signup_form>.sib_signup_box_inside_1>p.after__cta>a {
    color: rgba(33, 33, 33, 0.5);
    text-decoration: underline;
}

.site-footer>.top__footer>.subscribe>.sib_signup_form>.sib_signup_box_inside_1>p.after__cta>a:hover {
    text-decoration: initial;
}

.site-footer>.top__footer>.subscribe>.sib_signup_form>.sib_signup_box_inside_1>p>.uk-input:focus {
    border-color: var(--purple-100);
}

.site-footer>.top__footer>.subscribe>.sib_signup_form>.sib_signup_box_inside_1>p.after__cta>a {
    color: rgba(33, 33, 33, 0.5);
    text-decoration: underline;
}

.site-footer>.top__footer>.subscribe>.sib_signup_form>.sib_signup_box_inside_1>p.after__cta>a:hover {
    text-decoration: initial;
}

.site-footer>.top__footer>.subscribe>.sib_signup_form>.sib_signup_box_inside_1>p>.uk-input:focus {
    border-color: var(--purple-100);
}

/*---------------------------------------------  Style pour single.php */
.wrap__single__content {
    margin-bottom: 1.5em;
}

.categories>a {
    font-weight: 600;
}

.top__info__single__post,
.top__info__single__structure {
    display: flex;
    justify-content: space-between;
}

.title__single__post {
    margin: 0 0 1em 0;
}

.title__single__post {
    font-weight: 700;
}

.metadata {
    margin-top: 1.25em;
}

.metadata>p>span {
    color: var(--gray-500);
}

.thumbnail {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* margin-bottom: 1.5em; */
}

.thumbnail>img {
    width: 100%;
    height: 600px;
    object-fit: cover;
}

.thumbnail-description {
    margin-top: .8em;
    font-size: .8em;
    color: var(--gray-400);
}

.content__single__post {
    display: flex;
    gap: 40px;
}

.content__single__post>.content {
    flex: 2.8;
}

.content__single__post>.side__bar {
    flex: 1.2;
}

.news-recentes-item-image {
    width: 100%;
    display: contents;
}

.news-recentes-item-image>img {
    border-radius: .5rem;
    width: 80px;
}

#news__recentes {
    background: linear-gradient(90deg, var(--red-700) 8px, #fff 0, #fff);
    padding: 0 1.5rem;
}

.news-recentes-item {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--gray-200);
    padding: .8em 0;
}

.news-recentes-item-content>h6 {
    margin: 0 0 0 1em;
}

.news-recentes-item-content>h6>a {
    color: var(--gray-800);
    font-weight: 600;
}

#cta__signle__post__1 {
    display: none;
}

#hachtag_article {
    margin: 0 0 2.5em 0;
}

#hachtag_article>.tags>a {
    color: var(--gray-500);
    margin-right: .3em;
}

#hachtag_article>.tags>a:hover {
    color: var(--red-600);
}

.container__more__read,
.ctr__our__selection {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.container__more__read>.article-interessant,
.ctr__our__selection>.article-interessant {
    flex: 2;
}

.container__more__read>.article-interessant>h4>a,
.article-unique>h1>a,
.content__card__archive>h3>a,
.news-recentes-ftpage-item-content>h2>a,
.ctr__our__selection>.article-interessant>h4>a,
.last_news>.news-recentes-ftpage-item>.news-recentes-ftpage-item-content>h4>a,
.ctr__structures__in__front-page>.ctr__structures__item>.structure-item>h4>a {
    color: #212121;
    font-weight: 700;
}

.article-interessant>a>img,
#container__filter__post img,
.ctr__our__selection>.article-interessant>a>img,
.ctr__structures__item>.structure-item>a>img {
    /* width: 100%; */
    height: 250px;
    object-fit: cover;
    filter: brightness(70%);
}

.ctr__our__selection>.article-interessant {
    border: 1px solid var(--gray-200);
    border-radius: 10px;
}

.article-interessant>a>img:hover,
#container__filter__post img:hover,
.ctr__structures__item>.structure-item>a>img:hover {
    filter: brightness(100%);
}

/*---------------------------------------------  Style pour home.php */

.fil__ariane {
    display: flex;
    justify-content: end;
    margin-bottom: 1.25em !important;
}

#container__filter__post {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}

#container__filter__post>.post-item {
    /* flex: 0 0 30%; */
    flex: 0 0 calc(33.33% - 20px);
    box-sizing: border-box;
}

.card-thumbnail {
    height: 200px;
    /* Taille fixe pour la hauteur */
    overflow: hidden;
    /* Pour assurer que les images ne débordent pas */
}

.card-thumbnail img {
    width: 100%;
    /* Pour assurer que les images occupent toute la largeur de leur conteneur */
    height: 200px;
    object-fit: cover;
}

.custom-thumbnail-size {
    width: 100%;
    height: auto;
    /* Ajoutez d'autres styles si nécessaire */
}

.content__card__archive {
    padding: 1.25em;
}

/*---------------------------------------------  Style pour front-page.php */
.container__head__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.container__head__content>h2 {
    margin: 0;
    font-weight: 600;
}

.container__head__content>.uk-button {
    text-transform: initial;
    font-size: 1em;
    font-weight: 600;
}

#head__content__front__page>.head__content>h2,
.our__selection>.head__content>h2,
#more__read>h2,
#title__page,
.wrap_proverbes h1,
.wrap_archive_proverbes>.header_archives_proverbes>h1,
.container__proverbes>.head__content h2,
.wrap__front__page__content>.new_head__content__front__page>#contenus__recent>h2,
.ctr__structures__in__front-page>#head__content__structures>h2 {
    font-family: 'Merriweather', sans-serif;
    font-weight: 900;
    margin: 0;
}

.hero__front-page {
    background-image: url('https://lemahorais.com/wp-content/uploads/2024/07/trevani-604064-1920-glittermayotte.webp');
    background-size: cover;
    background-position: center;
    height: 70vh;
    display: flex;
    align-items: center;
}

.cta__front-page>button>a,
.head__content>button>a,
.container__btn>button>a {
    color: var(--gray-10);
}

.cta__front-page>button>a:hover,
.head__content>button>a:hover,
.container__btn>button>a:hover {
    text-decoration: none;
}

.cta__front-page>button>a,
.head__content>button>a,
.container__btn>button>a,
.return__all__structures>button>a {
    color: var(--gray-10);
}

.cta__front-page>button>a:hover,
.head__content>button>a:hover,
.container__btn>button>a:hover,
.return__all__structures>button>a:hover {
    text-decoration: none;
}

.hero__front-page>.cta__front-page {
    width: 41%;
    background-color: rgba(0, 0, 0, 0.5);
    height: auto;
    height: max-content;
    padding: 2.5em;
}

.hero__front-page>.cta__front-page>h1 {
    font-family: 'Merriweather', sans-serif;
    font-weight: 900;
    color: var(--gray-10);
}

.hero__front-page>.cta__front-page>p {
    color: var(--gray-200);
}

.wrap__front__page__content>#head__content__front__page>.head__content,
.our__selection>.head__content,
.container__proverbes>.head__content,
#contenus__recent,
.ctr__structures__in__front-page>#head__content__structures {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2em 0;
}

.wrap__front__page__content>#head__content__front__page>.head__content h1 {
    margin: 0;
}

.wrap__front__page__content>#head__content__front__page>.head__content button,
.container__proverbes>.head__content button {
    height: fit-content;
}

/* .news-recentes-ftpage-item {
    display: flex;
    justify-content: space-between;
} */

/* .news-recentes-ftpage-item:not(:last-child) {
    padding-bottom: 2em;
} */

/* .news-recentes-ftpage-item-image {
    flex: 1;
} */

/* .news-recentes-ftpage-item-content {
    flex: 2;
    margin-left: 2em;
} */

.news-recentes-ftpage-item-content>.meta {
    display: flex;
    justify-content: space-between;
}

.news-recentes-ftpage-item-content>#hachtag_article__front_page {
    margin-top: 1.5em;
}

.news-recentes-ftpage-item-content>#hachtag_article__front_page>.tags>a {
    color: var(--gray-500);
    margin-right: .3em;
}

.news-recentes-ftpage-item-content>#hachtag_article__front_page>.tags>a:hover {
    color: var(--red-600);
}

.news-recentes-ftpage-item-image>img {
    width: 100%;
    height: 260px !important;
    object-fit: cover;
}

/*---------------------------------------------  Style pour single-structures.php.php */

.two__ctr {
    display: flex;
    justify-content: space-evenly;
    margin-top: 2em;
}

.two__ctr>* {
    flex: 2;
}

.two__ctr>.info__gen>ul {
    list-style-type: none;
    padding: 0;
}

.two__ctr>.logo__structure {
    display: flex;
    justify-content: center;
}

.two__ctr>.logo__structure>.container__img>img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.two__ctr>.info__gen>.reseaux__sociaux>ul {
    list-style-type: none;
    display: flex;
    justify-content: center;
}

.two__ctr>.info__gen>.reseaux__sociaux>ul>.link_social_facebook>.uk-icon-button {
    background: rgba(80, 175, 255, 0.3);
    color: #666;
}

.two__ctr>.info__gen>.reseaux__sociaux>ul>.link_social_facebook>.uk-icon-button:hover {
    background: #0866FF;
    color: #fff;
    transition: background 0.5s ease, color 0.5s ease;
}

.two__ctr>.info__gen>.reseaux__sociaux>ul>.link_social_x>.uk-icon-button {
    background: rgba(136, 136, 136, 0.3);
    color: #666;
}

.two__ctr>.info__gen>.reseaux__sociaux>ul>.link_social_x>.uk-icon-button:hover {
    background: #000000;
    color: #fff;
    transition: background 0.5s ease, color 0.5s ease;
}

.two__ctr>.info__gen>.reseaux__sociaux>ul>.link_social_bluesky>.uk-icon-button {
    background: rgba(72, 210, 255, 0.3);
    color: #666;
}

.two__ctr>.info__gen>.reseaux__sociaux>ul>.link_social_bluesky>.uk-icon-button:hover {
    background: #0085ff;
    color: #fff;
    transition: background 0.5s ease, color 0.5s ease;
}

.two__ctr>.info__gen>.reseaux__sociaux>ul>.link_social_linkedin>.uk-icon-button {
    background: rgba(64, 239, 240, 0.3);
    color: #666;
}

.two__ctr>.info__gen>.reseaux__sociaux>ul>.link_social_linkedin>.uk-icon-button:hover {
    background: #0a66c2;
    color: #fff;
    transition: background 0.5s ease, color 0.5s ease;
}

.two__ctr>.info__gen>.reseaux__sociaux>ul>.link_social_instagram>.uk-icon-button {
    background: rgba(240, 124, 143, 0.3);
    color: #666;
}

.two__ctr>.info__gen>.reseaux__sociaux>ul>.link_social_instagram>.uk-icon-button:hover {
    background: #e4405f;
    color: #fff;
    transition: background 0.5s ease, color 0.5s ease;
}

.two__ctr>.info__gen>.reseaux__sociaux>ul>.link_social_youtube>.uk-icon-button {
    background: rgba(255, 87, 87, 0.3);
    color: #666;
}

.two__ctr>.info__gen>.reseaux__sociaux>ul>.link_social_youtube>.uk-icon-button:hover {
    background: #FF0000;
    color: #fff;
    transition: background 0.5s ease, color 0.5s ease;
}

.two__ctr>.info__gen>.reseaux__sociaux>ul>.link_social_tiktok>.uk-icon-button {
    background: #888888;
    color: #666;
}

.two__ctr>.info__gen>.reseaux__sociaux>ul>.link_social_tiktok>.uk-icon-button:hover {
    background: #000000;
    color: #fff;
    transition: background 0.5s ease, color 0.5s ease;
}

.two__ctr>.info__gen>.reseaux__sociaux>ul>.link_social_reddit>.uk-icon-button {
    background: rgba(249, 101, 62, 0.3);
    color: #666;
}

.two__ctr>.info__gen>.reseaux__sociaux>ul>.link_social_reddit>.uk-icon-button:hover {
    background: #F73D17;
    color: #fff;
    transition: background 0.5s ease, color 0.5s ease;
}

.two__ctr>.info__gen>.reseaux__sociaux>ul>.link_social_pinterest>.uk-icon-button {
    background: rgba(255, 89, 114, 0.3);
    color: #666;
}

.two__ctr>.info__gen>.reseaux__sociaux>ul>.link_social_pinterest>.uk-icon-button:hover {
    background: #E60023;
    color: #fff;
    transition: background 0.5s ease, color 0.5s ease;
}

.two__ctr>.info__gen>.reseaux__sociaux>ul>.link_social_website>.uk-icon-button {
    background: #ffe40d;
    color: #666;
}

.two__ctr>.info__gen>.reseaux__sociaux>ul>.link_social_website>.uk-icon-button:hover {
    background: #d19c00;
    color: #fff;
    transition: background 0.5s ease, color 0.5s ease;
}

.return__all__structures {
    margin-top: 2em;
    display: flex;
    justify-content: center;
}

.content__single__structure>.header__content>.contenu__structure {
    margin-top: 2em;
}

#wrap__taxonomy__secteur_activite {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#wrap__taxonomy__secteur_activite>.content {
    flex: 2.5;
}

#wrap__taxonomy__secteur_activite>.side__bar {
    flex: 1;
}

#wrap__taxonomy__secteur_activite>.side__bar {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

#wrap__taxonomy__secteur_activite>.side__bar>.container__secteur__activite>ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#wrap__taxonomy__secteur_activite>.content>h1>.soulignement {
    position: relative;
    display: inline-block;
    text-transform: lowercase;
}

#wrap__taxonomy__secteur_activite>.content>h1>.soulignement::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: var(--red-700);
}

.content>.lettres-alphabet {
    display: flex;
    justify-content: center;
    margin: 0 0 1em;
}

#wrap__taxonomy__secteur_activite>.content>p>.soulignement {
    text-transform: lowercase !important;
}

.lettres-alphabet>a:not(:last-child) {
    margin-right: .5em;
}

.all__posts>div>button.sector-btn {
    margin: 1.5em auto 0;
}

.google__maps {
    margin-top: 2em;
}

.uk-slider-container .uk-slider-items {
    display: flex !important;
    /* Utilisation de flexbox pour aligner les images */
    flex-wrap: wrap;
}

.uk-slider-container .uk-card {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    /* Ombre légère pour chaque carte */
    border-radius: 5px;
    /* Coins arrondis pour la carte */
    overflow: hidden;
    /* Masquer tout débordement */
}

.uk-slider-nav>li>a {
    background-color: var(--red-700) !important;
}

.contenu__structure .uk-slider-nav>.uk-active>a {
    background-color: var(--purple-100) !important;
}

.infos__generales>ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    line-height: 1.8rem;
}

.wpcf7>form .wpcf7-select {
    /* display: none; */
    padding: 1em;
    background-color: #F9F9F9 !important;
    border: none;
}

.wpcf7 .wpcf7-textarea {
    padding: 1em !important;

}

/* 
? ------------------------------ Style en rapport avec les proverbes
*/
.wrap_proverbes>.fil__ariane {
    display: flex;
    justify-content: end;
}

.wrap_proverbes>.fil__ariane>span,
.top__info__single__post>.fil__ariane>span,
#wrap__single__tag>.fil__ariane>span,
.homepage-content>.fil__ariane>span,
#wrap__single__page>.fil__ariane>span,
.top__info__single__structure>.fil__ariane>span,
.wrap_archive_proverbes>.fil__ariane>span {
    margin: 0 .25em;
}

.wrap_proverbes>.container_proverbes {
    display: flex;
    flex-direction: row;
}

.wrap_proverbes>.container_proverbes>.ctr_proverbes {
    flex: 2.5;
}

.wrap_proverbes>.container_proverbes>.ctr_proverbes>.content_proverbes {
    margin: 5em 0;
    padding: 2em;
    width: 80%;
}

.wrap_proverbes>.container_proverbes>.ctr_proverbes>.content_proverbes>p:first-child {
    border-left: 5px solid var(--red-700);
    padding-left: 1em;
}

.wrap_proverbes>.container_proverbes>.ctr_proverbes>.content_proverbes>p:last-child {
    border-left: 5px solid #ffca81;
    padding-left: 1em;
}

.wrap_proverbes>.container_proverbes>.side_bar {
    flex: 1;
}

.wrap_proverbes>.container_proverbes>.ctr_proverbes>.legende>div>p.trad_semantique>span {
    border-left: 5px solid var(--red-700);
    padding-left: 1em;
}

.wrap_proverbes>.container_proverbes>.ctr_proverbes>.legende>div>p.explication>span {
    border-left: 5px solid #ffca81;
    padding-left: 1em;
}

.wrap_proverbes>.container_proverbes>.ctr_proverbes>.legende>div>p.trad_semantique {
    margin: 0;
}

.wrap_proverbes>.container_proverbes>.ctr_proverbes>.legende>div>p.explication {
    margin: 0 0 0 1em;
}

.wrap_proverbes>.container_proverbes>.ctr_proverbes>.legende>div {
    display: flex;
}

.listing_proverbes {
    display: grid;
    grid-template-columns: repeat(3, auto);
    gap: 2em;
}

.listing_proverbes .proverbe_item {
    text-decoration: none;
    color: unset;
}

.uk-pagination>.page-numbers {
    display: flex;
    margin: 1.5em 0;
}

.content_proverbes>.uk-slider-container>.uk-slider-items {
    flex-wrap: nowrap;
}

.container__proverbes>.content_proverbes>.uk-slider-container>.uk-slider-items>* {
    margin-right: 1.5em;
    border: 1px solid var(--gray-100);
    min-height: auto;
}

.proverbe-item>.ctr_btn {
    margin-top: 2.5em;
}

/* 
? ------------------------------ Style en rapport le nouveau front-page
*/
.new_head__content__front__page > .ctr__new__content {
    /* margin: 2em 0; */
    display: flex !important;
    flex-direction: row;
    gap: 2em;
}

.new_head__content__front__page>.ctr__new__content >.the_one {
    flex: 2;
}

.new_head__content__front__page>.ctr__new__content >.the_one>.news-recentes-ftpage-item {
    /* flex-direction: column; */
    /* border: 1px solid var(--gray-100); */
}

.new_head__content__front__page>.ctr__new__content >.the_one>.news-recentes-ftpage-item>.news-recentes-ftpage-item-content>h2 {
    margin: 1.5rem 0 !important;
}

.new_head__content__front__page>.ctr__new__content >.last_news {
    flex: 1;
}

.news-recentes-ftpage-item:not(:last-child) {
    padding-bottom: 1em;
}

.new_head__content__front__page>.ctr__new__content >.last_news>.news-recentes-ftpage-item {
    display: flex;
    flex-direction: row;
    gap: 1em;
    align-items: center;
}

.new_head__content__front__page>.ctr__new__content >.last_news>.news-recentes-ftpage-item>.news-recentes-ftpage-item-image {
    width: fit-content;
    max-width: 130px;
}

/* 
? ------------------------------ Style en rapport les structures dans le front-page
*/
.ctr__structures__in__front-page>.ctr__structures__item {
    display: flex;
    flex-direction: row;
    gap: 1em;
}

.ctr__structures__in__front-page>.ctr__structures__item>.structure-item {
    width: 100%;
} 
/* .communes_mayotte .elementor-shortcode {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
} */
/* .elementor-shortcode {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.elementor-shortcode > div {
    width: 30%;
} */
.exad-contact-form-7 label {
    margin: .8em 0;
}