/*
Theme Name: Sierra Child
Theme URI: https://sierra.keydesign.xyz/
Description: SaaS & Tech Startup Elementor WordPress Theme
Author: Key-Design
Author URI: http://themeforest.net/user/Key-Design
Template: sierra
Version: 1.0
License: Envato Standard License
License URI: https://themeforest.net/licenses/standard
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, translation-ready
Text Domain: sierra-child
*/

strong{color: inherit;}

/* boutons */
.elementor-kit-16 button:not(.elementskit-menu-hamburger), 
.elementor-kit-16 input[type="button"],
.elementor-kit-16 input[type="submit"], 
.elementor-kit-16 .elementor-button, 
.filter-btn{
    text-shadow: none;
    background-color: #ffffff;
    border: solid 1px var(--e-global-color-primary);
    border-radius: 2px;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 5px; 
    color: var(--e-global-color-primary);
    padding: 18px 25px;
}
.elementor-kit-16 button:not(.elementskit-menu-hamburger):hover, 
.elementor-kit-16 input[type="button"]:hover,
.elementor-kit-16 input[type="submit"]:hover, 
.elementor-kit-16 .elementor-button:hover, 
.filter-btn:hover, .filter-btn.active {
    text-shadow: none;
    background-color: var(--e-global-color-primary);
    border: solid 1px var(--e-global-color-primary);
    color: #ffffff;
}
/* enlever background sur burger menu */
.elementor-kit-16 button.elementskit-menu-hamburger,
.elementor-kit-16 button.elementskit-menu-hamburger:hover{background-color: inherit;}

/* mots clés sur home */

.key-words{
    font-family: "Neuropol x", Sans-serif;
    font-size: 24px;
    font-weight: 600;
}

/* mots clés en cartouches dans use cases */

/* li */      
.bullet-point li .elementor-icon-list-text{
    /* border: solid 1px #363896; */
    border-radius:8px;
    padding: 5px 16px 5px 12px !important;  
    background-color: #f5f5f5;
    font-size:16px !important;
    color: #363896;
}
/* icon */ 
.bullet-point li .elementor-icon-list-text:before{
    /* Fleche diagonale  */
    /* content:"\e9c5";
       display: inline-block;
    transform: rotate(50deg);
    -webkit-transform: rotate(50deg) ;
    -moz-transform: rotate(50deg) ;
    -ms-transform: rotate(50deg) ;
    -o-transform: rotate(50deg) ; */
     /* check */
    content: "\eaaf";
    font-family: elementskit !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    margin-right:8px;
    margin-top: 2px;
    /* color: #2E99CE; */
    color: #375281 ;

}
li.elementkit-nav-item .elementkit-nav-link:hover .icon::before {color:var(--e-global-color-primary);}







/* .bullet-point li {
    list-style: none;
    margin-bottom: 12px !important;
    display: inline-block;
    margin-right: 12px !important;
} */

/* .bullet-point li span{
    / * background-color: rgba(46, 153, 206, .4); * /
    border: solid 1px #363896;
    padding: 4px 12px 4px 12px !important;
    font-size: 13px;
    border-radius:8px;
    display: inline-block;
    color:#363896;
} */
.bullet-point li span:before {
    /* carré  */
    /*content:'\f0c8';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;*/
   
    /* pin it */
    /* content:'\e832'; */
    /* pile losanges */
    /* content:'\ebb7'; */
    /* flèche */
    /* content:"\e9c5";
    display: inline-block;
     -webkit-transform: rotate(50deg) ;
    -moz-transform: rotate(50deg) ;
    -ms-transform: rotate(50deg) ;
    -o-transform: rotate(50deg) ;
    transform: rotate(50deg) ;

    font-family: elementskit !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
     */
    /* color: #fff; */
        /* color: #363896;

    margin-right: 8px; */
}
/* 

.bullet-point li{
    list-style: none;
    background-color: rgba(46, 153, 206, .4);
    padding: 4px 8px 4px 18px !important;
    margin-bottom: 12px !important;
    font-size: 13px;
    border-radius:8px;
    display: inline-block;
}
.bullet-point li:before {
    content:'\f0c8';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #fff;
    margin-right: 8px;
} */
/*
.usecase-filters {
    margin-bottom: 30px;
    text-align: center;
}

.filter-btn {
    margin: 0 5px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.category-description {
    text-align: center;
    max-width: 700px;
    margin: 60px auto 60px !important;
    font-size: 16px;
    line-height: 1.6;
}

.category-description .description {
    display: none;
}

.category-description .description.active {
    display: block;
}

.usecase-items {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.usecase-item {
    transition: all 0.3s ease;
    opacity: 1;
    height: auto;
    overflow: hidden;
    margin-bottom: 40px;
}

.usecase-item.inactive {
   display: none;
}

.usecase-item.active {
    display: block;
    opacity: 1;
    height: auto;
}

.usecase-content {
    display: flex;
    gap: 30px;
    align-items: center;
}

.content-col,
.image-col {
    flex: 1;
}

.content-col h2 {
    margin-bottom: 20px;
    font-size: 24px;
}

.usecase-text {
    line-height: 1.6;
}

.image-col img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}


@media (max-width: 768px) {
    .usecase-content {
        flex-direction: column;
    }
    
    .usecase-item.odd .usecase-content,
    .usecase-item.even .usecase-content {
        flex-direction: column-reverse;
    }
    
    .content-col,
    .image-col {
        width: 100%;
    }
}
*/