/* 
Theme Name: Sotralu
Theme URI: https://sotralu.fr
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Pontonweb
Author: Pontonweb
Author URI: https://sotralu.fr
Template: hello-elementor
Version: 3.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/* Textes */


@media screen and  (max-width : 1440px) {
    h1, h1 span { font-size: calc(24px + (42 - 24) * ((100vw - 320px) / (1440 - 320)))!important; line-height: calc(22px + (44 - 22) * ((100vw - 320px) / (1440 - 320)))!important;}
    h2, h2 span { font-size: calc(18px + (26 - 18) * ((100vw - 320px) / (1440 - 320)))!important; line-height: calc(20px + (28 - 20) * ((100vw - 320px) / (1440 - 320)))!important;}
    h3, h3 span { font-size: calc(15px + (24 - 15) * ((100vw - 320px) / (1440 - 320)))!important; line-height: calc(18px + (26 - 18) * ((100vw - 320px) / (1440 - 320)))!important;}
    }

    
/* Menu */
.elementor-widget-container a:focus{outline-width: none!important; outline: 0px solid #fff!important;}


.elementor-11 .elementor-element.elementor-element-ddb1ac4 .elementor-divider { text-align: center; padding-block-start: 0; padding-block-end: 0; }

a { color: #76787C; }






/* -------------- boucle-categorie ------------------ */
.boucle-categorie ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.boucle-categorie ul .category-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f9f9f9;
}

/* Flexbox pour le nombre de colonnes */
.boucle-categorie.columns-1 ul .category-item {
    flex: 0 0 100%;
}

.boucle-categorie.columns-2 ul .category-item {
    flex: 0 0 48%;
}

.boucle-categorie.columns-3 ul .category-item {
    flex: 0 0 30%;
}

.boucle-categorie.columns-4 ul .category-item {
    flex: 0 0 22%;
}

/* Styles d'image et titre */
.category-item img.category-image {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.category-item .category-title {
    font-size: 1.2em;
    margin: 5px 0;
}

.category-item .category-description {
    font-size: 1em;
    color: #555;
}