/* 
Theme Name: Learn and Connect
Theme URI: https://learnandconnect.pollutec.com
Description: Specific theme for learnandconnect.pollutec.com
Author: Thomas Rambaud
Author URI: https://bonapp.studio/
Template: hello-elementor
Version: 2.0.1
Text Domain: learnandconnect
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
*/

.color-accent {
    color: var(--e-global-color-accent);
}

.home #main-header {
    transition: all 100ms linear;
    background-color: #0000001c;
}

#main-header:hover,
.home.scrolled #main-header {
    background-color: #004563e6;
}

/*
#main-header .e-n-menu-content {
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2);
}*/

.scrolled #main-header {
    min-height: 0;
}

.scrolled #main-logo img {
    height: 51px;
}

.scrolled #main-header .e-n-menu-content>div {
    margin-top: 9px;
}

#main-menu .e-n-menu-heading .e-n-menu-title>a {
    position: relative;
}

#main-menu .e-n-menu-heading .e-n-menu-title>a[href=""] {
    cursor: default;
}

#main-menu .e-n-menu-heading .e-n-menu-title>a:after {
    content: ' ';
    display: block;
    height: 3px;
    width: 1px;
    opacity: 0;
    visibility: hidden;
    transition: all 120ms linear;
    background: var(--e-global-color-accent);
    position: absolute;
    bottom: -8px;
    left: 0;
    border-radius: 3px;
}

#main-menu .e-n-menu-heading .e-n-menu-title>a:hover::after {
    width: 100%;
    opacity: 1;
    visibility: visible;
}

.single-post .elementor-widget-theme-post-content a {
    color: var(--e-global-color-primary);
    text-decoration: underline;
}

.single-post .elementor-widget-theme-post-content a:hover {
    text-decoration: none;
}

.lac-video-categories {
    margin: 20px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.lac-category-link {
    padding: 8px 16px;
    background-color: #f0f0f0;
    border-radius: 4px;
    text-decoration: none;
    color: #333 !important;
    transition: all 0.3s ease;
}

.lac-category-link:hover {
    background-color: #e0e0e0;
}

.lac-category-link.active {
    background-color: var(--e-global-color-primary);
    color: white !important;
}

#ot-sdk-btn {
  display: none;
}

@media only screen and (max-width: 1024px) {
    .e-n-menu-title {
        background-color: #004563E6 !important;
    }
}