/*
Theme Name: Hello Elementor Child
Theme URI:  https://example.com/
Description: Child theme for Hello Elementor
Author:      Your Name
Author URI:  https://example.com/
Template:    hello-elementor
Version:     1.0.0
Text Domain: hello-elementor-child
*/

/* =Theme setup
-------------------------------------------------------------- */

/* ============================================
   LATO FONT FAMILY
   ============================================ */

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}


/* ============================================
   THE SEASONS FONT FAMILY
   ============================================ */

@font-face {
    font-family: 'The Seasons';
    src: url('fonts/The_Seasons-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'The Seasons';
    src: url('fonts/The_Seasons-RegularItalic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'The Seasons';
    src: url('fonts/The_Seasons-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'The Seasons';
    src: url('fonts/The_Seasons-Light_Italic.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'The Seasons';
    src: url('fonts/The_Seasons-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'The Seasons';
    src: url('fonts/The_Seasons-Bold_Italic.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
}


/* ============================================
   LOGO STYLES - Sourcing Section Carousel
   ============================================ */

/* Target the carousel logos - make them grayscale */
/*.elementor-image-carousel .swiper-slide-inner img,*/
/*.elementor-image-carousel .swiper-slide-image img {*/
/*    filter: grayscale(100%) brightness(0.9);*/
/*    opacity: 0.7;*/
/*    transition: all 0.3s ease;*/
/*    width: 207px;*/
/*    height: 85px;*/
/*    object-fit: contain;*/
/*    max-width: 100%;*/
/*}*/

/* Hover effect - full color */
/*.elementor-image-carousel .swiper-slide-inner:hover img,*/
/*.elementor-image-carousel .swiper-slide-image:hover img {*/
/*    filter: grayscale(0%) brightness(1);*/
/*    opacity: 1;*/
/*}*/

/* Optional: Set consistent slide sizing */
/*.elementor-image-carousel .swiper-slide {*/
/*    width: 207px !important;*/
/*    height: auto;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*}*/

/*.elementor-image-carousel .swiper-slide-inner {*/
/*    width: 100%;*/
/*    height: 85px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*}*/