/* 
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
*/

body
{
  /*font-family: Montserrat, Lato, Roboto, Arial, sans-serif;*/
}

/* Smooth color transition */
.logo-text,
.logo-asterisk {
  transition: fill 0.3s ease-in-out;
}

/* Base Colors (Optional: You can also just leave the inline fills in the HTML) */
.logo-text { fill: #005D66; }
.logo-asterisk { fill: #ffffff; }

/* Dark Background Overrides (Notice the !important flags) */
svg.is-over-dark .logo-text {
  fill: #ffffff !important; 
}

svg.is-over-dark .logo-asterisk {
  fill: #FF6B78 !important; 
}

svg.is-over-light .logo-text {
  fill: #FF6B78 !important; 
}

svg.is-over-light .logo-asterisk {
  fill: #005D66 !important; 
}

svg.section-2 .logo-text {
  fill: #FF6B78 !important; 
}

svg.section-2 .logo-asterisk {
  fill: #005D66 !important; 
}

svg.section-4 .logo-text {
  fill: #ffffff !important; 
}

svg.section-4 .logo-asterisk {
  fill: #005D66 !important; 
}

/* #BLOCK-THOUGHTS-LOOP */
svg.section-6 .logo-text,
svg.section-7 .logo-text
{
  fill: #FF6B78 !important; 
}

svg.section-6 .logo-asterisk,
svg.section-7 .logo-asterisk
{
  fill: #ffffff !important; 
}







/* =========================================
   WebKit Browsers (Chrome, Safari, Edge)
   ========================================= */

/* 1. Set the overall width of the scrollbar */
#block-thoughts-loop::-webkit-scrollbar {
    width: 8px; /* Adjust thickness as needed */
}

/* 2. Make the track (background) transparent */
#block-thoughts-loop::-webkit-scrollbar-track {
    background: transparent; 
}

/* 3. Style the handle (thumb) with a light teal color */
#block-thoughts-loop::-webkit-scrollbar-thumb {
    background-color: #FF6B78; /* Light teal */
    border-radius: 10px; /* Rounds the edges */
}

/* 4. Hide the top and bottom arrows */
#block-thoughts-loop::-webkit-scrollbar-button {
    display: none;
}

/* =========================================
   Firefox Support
   ========================================= */

/* Firefox applies these properties directly to the container */
#block-thoughts-loop {
    scrollbar-width: thin; 
    scrollbar-color: #FF6B78 transparent; /* thumb color | track color */
}



.post-navigation__next--label, .post-navigation__prev--label
{
  line-height: 1;
}