/* 
Theme Name: Exmar
Author: Inboud
Author URI: https://inbound.be
Template: hello-elementor
Version: 2.0.0
Text Domain: exmar
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

:focus-visible {
    outline: none;
}

/**
H1-H5 Styling
**/
h1,
h2,
h3,
h4,
h5 {
    margin-top: 1.5rem;
}

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

/**
Scroll down animation
**/
.scroll-down {
    background-color: transparent;
    border: 2px solid white;
    bottom: 50px;
    border-radius: 20px;
    color: white !important;
    display: block;
    height: 45px;
    margin: 15px auto;
    position: absolute;
    text-decoration: none;
    width: 30px;
    z-index: 999; 
}

.scroll-down:after {
    background: white;
    border-radius: 50%;
    content: '';
    height: 10px;
    left: 8px;
    position: absolute;
    top: 10px;
    width: 10px;
    -webkit-animation: scroll-down 2s linear infinite;
    animation: scroll-down 2s linear infinite;
}

/**
Jet Mobile Menu
**/

.jet-mobile-menu__controls { 
    min-height: auto !important; 
}

/**
JetWooProductGallery
**/
.jet-thumb-swiper-nav {
    display: none !important;
}

.jet-woo-product-gallery {
    & .jet-woo-swiper-control-thumbs__item {
        /* width: auto !important; */
        /* max-width: 120px; */
    }

    & .jet-gallery-swiper-thumb {
        position: relative;
        top: 10px;
    }
}

[data-elementor-device-mode="desktop"] .jet-woo-product-gallery .jet-gallery-swiper-thumb {
    position: absolute !important;
    bottom: 10px !important;
    top: unset;
}


[data-elementor-device-mode="mobile"] .jet-woo-product-gallery .jet-gallery-swiper-thumb {
    display: none;
}

.jet-woo-product-gallery__content:not(:has(img)) {
    display: none;
}


/**
Header Image
**/
.has-post-thumbnail .header-image h1 {
    color: white !important;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
}

/**
Post Styling
**/
.elementor-widget-theme-post-content { 
    & ul,
    & ol {
        margin-bottom: 20px;
    }
} 

/**
Filebird media browser
**/
.fbdl-list-item-title a {
    white-space: normal;
    overflow-wrap: anywhere;
}

/**
Fleet
**/
.small-country-flag {
    max-height: 17px;
    position: relative;
    top: 3px;
}

/**
Bubble
**/
.bubble { 
    border-radius: 50%;
    font-size: .7rem;
    height: 20px;
    margin-left: 10px;
    text-align: center;
    width: 20px;
}

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

/**
Sidebar
**/
.sidebar-styled ul {
    display: block;
}

.sidebar-styled .elementor-nav-menu > li {
    padding-top: 15px;
    padding-bottom: 15px;
}

.sidebar-styled .elementor-nav-menu > li:not(:last-child) {
    border-bottom: 1px solid var(--e-global-color-77a50e2 );
}

.sidebar-styled .sub-menu {
    font-size: .875rem;
    padding-left: 20px;
    margin-top: 10px;
}

.sidebar-styled .sub-menu li {
    padding-left: 20px;
    position: relative;
}

.sidebar-styled .sub-menu li:before {
    display: inline;
    content: ' ';
    position: absolute;
    left: 0;
    top: 3px;
    width: 12px; /* Pas aan zoals nodig */
    height: 12px; /* Pas aan zoals nodig */
    background-image: url('data:image/svg+xml;utf8,<svg aria-hidden="true" class="svg-inline--fa fa-arrow-right" focusable="false" data-prefix="far" data-icon="arrow-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23EA060E" d="M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L364.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l340.1 0L231.4 406.6c-9.6 9.2-9.9 24.3-.8 33.9s24.3 9.9 33.9 .8l176-168z"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
}

.sidebar-styled .sub-menu a {
    padding: 0 !important;
    display: inline;
}

.sidebar-styled .menu-item a {
    padding: 0;
    color: inherit;
}

.sidebar-styled .elementor-item-active,
.sidebar-styled a:hover {
    color: var( --e-global-color-accent ) !important;
}


/**
Keyframes
**/
@keyframes scroll-down {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 0;
    }

    10% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
    }

    65% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
    }

    85% {
        -webkit-transform: translateY(200%);
        transform: translateY(200%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(200%);
        transform: translateY(200%);
        opacity: 0;
    }
}

@media all and (max-width: 1400px)
{
    .fbdl-list-item-title a {
        white-space: nowrap !important;
    }
}