/* 
Theme Name: 3W
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/

/* Category Loop */
.elementor-widget-category-loop ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.elementor-widget-category-loop li {    
    flex-basis: calc(100%);
}

@media (min-width: 768px) {
    .elementor-widget-category-loop li {
        flex-basis: calc(33.33% - 20px);
        list-style: none;
    }
}

.elementor-widget-category-loop li img {
    aspect-ratio: 15 / 10;
    width: 100%;
    object-fit: cover;
}

.elementor-widget-category-loop li > a {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.elementor-widget-category-loop h3 {
    color: var( --e-global-color-primary );
    font-family: "Roboto", Sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2em;
    font-style: italic;
    word-wrap: break-word;
    hyphens: auto;
}

.elementor-widget-category-loop p {
    color: var( --e-global-color-text );
    font-family: var( --e-global-typography-text-font-family ), Sans-serif;
    font-weight: var( --e-global-typography-text-font-weight );
}

.elementor-widget-category-loop .elementor-button {
    font-family: "Roboto", Sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.9px;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: var( --e-global-color-primary );
    border-radius: 5px 5px 5px 5px;
    padding: 10px 30px 10px 30px;
    align-self: flex-start;
}

/* Category Navigation */
.elementor-widget-category-navigator {
    hyphens: auto;
    word-wrap: break-word;
}

.elementor-widget-category-navigator .elementor-widget-container > ul {
    border: 1px solid #f1f1f1;
}

.elementor-widget-category-navigator .elementor-widget-container > ul > li {
    border-left: 20px solid #f1f1f1;
}

.elementor-widget-category-navigator .elementor-widget-container > ul ul {
    font-size: 14px;
}

.elementor-widget-category-navigator .elementor-widget-container > ul ul a { 
    padding: 7px 10px;
}

.elementor-widget-category-navigator ul,
.elementor-widget-category-navigator li {
    list-style: none;
    padding: 0;
}

.elementor-widget-category-navigator .elementor-widget-container > ul > li > a {
    border-bottom: 1px solid #f1f1f1;
}

.elementor-widget-category-navigator ul > li:not(:last-of-type) {
    border-bottom: 1px solid #f1f1f1;
}

.elementor-widget-category-navigator ul ul {
    margin-left: 25px;
}

.elementor-widget-category-navigator a { 
    display: block;
    padding: 10px;
    font-weight: 500;
}

.elementor-widget-category-navigator li.active > a {
    background: #f1f1f1;
}

.elementor-widget-category-navigator li.current > a {
    background: var( --e-global-color-primary );
    color: #fff;
}