/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.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 */
            /* Général */
            .elementor-container p a {
                color: #0056b3;
                text-decoration: underline;
            }

            h2.elementor-heading-title::first-letter, h3.elementor-heading-title::first-letter, h4.elementor-heading-title::first-letter {
                text-transform: uppercase !important;
            }

            h2.elementor-heading-title a, h3.elementor-heading-title a, h4.elementor-heading-title a {
                text-transform: none !important;
            }

            elementor-widget-heading a {
                text-transform: none !important;
            }

            h2 {
                text-transform: none !important;
            }

            p::first-letter {
                text-transform: uppercase;
            }

            .elementor-element-64b9ace .tagcloud a {
                background-color: #1A61AB;
                padding: 5px 10px;
            }

            .widget_tag_cloud .tagcloud .tag1, .widget_tag_cloud .tagcloud .tag1:hover {
                color: #FFFFFF!important;
            }

            .elementor-element-64b9ace .tagcloud a:hover {
                background-color: #008fa1;
                color: #FFFFFF;
                text-decoration: none;
            }

            /*titre h1 avec class dans body*/
            body.vert-fonce h1 {
                color: #00AA00 !important;
            }

            body.vert-clair h1 {
                color: #0CCC4C !important;
            }

            body.bleu-ciel h1 {
                color: #0088FF !important;
            }

            body.bleu-marine h1 {
                color: #3598C6 !important;
            }

            body.violet-vif h1 {
                color: #B400B4 !important;
            }

            body.violet-fonce h1 {
                color: #6206A0 !important;
            }

            body.orange-vif h1 {
                color: #FFB400 !important;
            }

            body.orange-fonce h1 {
                color: #DC9B02 !important;
            }

            /*menu vertical*/
            .menu-item-home a {
                color: #6a7373!important;
            }

            LI.vert-fonce a {
                color: #00AA00 !important;
            }

            LI.vert-clair a {
                color: #0CCC4C !important;
            }

            .sub-menu a {
                font-size: 13px!important;
            }

            LI.bleu-ciel a {
                color: #0088FF !important;
            }

            LI.bleu-marine a {
                color: #3598C6 !important;
            }

            LI.bleu-clair a {
                color: #3598C6 !important;
            }

            LI.violet-vif a {
                color: #B400B4 !important;
            }

            LI.violet-fonce a {
                color: #6206A0 !important;
            }

            LI.orange-vif a {
                color: #FFB400 !important;
            }

            LI.orange-fonce a {
                color: #DC9B02 !important;
            }

            .elementor-item.has-submenu .sub-arrow .fa-svg-chevron-down {
                fill: #999999;
            }

            /*Pour des colonnes en flex dans Elementor*/
            .flex .elementor-widget-wrap {
                display: flex;
                align-items: center;
                /* Centrer verticalement le contenu */
                justify-content: start;
                /* Aligner les éléments à gauche */
                flex-wrap: wrap;
                /* Permettre aux éléments de passer à la ligne suivante s'il n'y a pas assez d'espace */
            }

            .flex .elementor-widget-wrap > .elementor-element {
                width: auto;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
                margin-right: 0.5em;
            }

            .flex .elementor-widget-wrap .elementor-element p {
                margin-top: initial;
                margin-bottom: initial;
            }

            .flex .elementor-element-populated {
                padding-top: 0!important;
                padding-bottom: 0!important;
            }

            .responsive-table {
                overflow-x: auto;
            }