/* ==================================================
   O3 / Ecoflow Custom CSS
   Eigene Anpassungen Erotik-Toys
   ================================================== */


/* ==================================================
   MOBILE NAVIGATION
   ================================================== */

@media (max-width:767px) {

    /* ---------- Grundflächen ---------- */

    .navbar-collapse.dd-menu,
    .navbar-collapse.dd-menu-fullwidth,
    .dd-menu-fullwidth .container,
    .dd-menu-fullwidth .navbar-nav,
    .dd-menu .dropdown-menu,
    .dd-menu .dd-nav-expand {
        background:#fff !important;
    }


    /* ---------- Hauptkategorien ---------- */

    .dd-menu .navbar-nav > li > a,
    .dd-menu .navbar-nav > li > a *,
    .dd-menu .navbar-nav > li > a span {
        background:#fff !important;
        color:#000 !important;
        text-shadow:none !important;
        transition:.2s;
    }


    /* ---------- aktive/geöffnete Kategorie ---------- */

    .dd-menu .navbar-nav > li.open > a,
    .dd-menu .navbar-nav > li.active > a,
    .dd-menu .navbar-nav > li.dropdown.open > a {
        background:#e8dfd2 !important;
        color:#000 !important;
    }


    .dd-menu .navbar-nav > li.open > a *,
    .dd-menu .navbar-nav > li.active > a *,
    .dd-menu .navbar-nav > li.dropdown.open > a * {
        color:#000 !important;
        text-shadow:none !important;
    }


    /* ---------- Hover ---------- */

    .dd-menu .navbar-nav > li > a:hover {
        background:#e8dfd2 !important;
        color:#000 !important;
    }


    /* ---------- Hamburger ---------- */

    .navbar-toggle {
        background:#fff !important;
        border-color:#000 !important;
    }


    .navbar-toggle .icon-bar {
        background:#000 !important;
    }


    /* ---------- Caret ---------- */

    .dd-menu .caret,
    .dd-menu .fa {
        color:#000 !important;
        float:right;
        margin-top:4px;
    }


    /* ---------- Menü Inhalte ---------- */

    .dd-menu .dropdown-menu .dd-nav-content dt,
    .dd-menu .dropdown-menu .dd-nav-content dt a,
    .dd-menu .dd-nav-category-main {
        background:#fff !important;
        color:#000 !important;
    }


    .dd-menu .dd-nav-category-main:hover {
        background:#e8dfd2 !important;
        color:#000 !important;
    }


    /* ---------- Unterkategorien ---------- */

    .dd-menu .dd-links a,
    .dd-menu .dd-category-links {
        background:#fff !important;
        color:#000 !important;
    }


    .dd-menu .dd-links a:hover,
    .dd-menu .dd-category-links:hover {
        background:#e8dfd2 !important;
        color:#000 !important;
    }


    /* ---------- Pfeile entfernen ---------- */

    .dd-menu .dd-links li a:before,
    .dd-menu .dd-category-links:before {
        display:none !important;
    }


    /* ---------- Einrückungen ---------- */

    .dd-menu .container,
    .dd-menu .row,
    .dd-menu .dd-widget-content,
    .dd-menu .dd-nav-content,
    .dd-menu .dd-nav-category-menu,
    .dd-menu .dd-nav-category-menu ul,
    .dd-menu .dd-links,
    .dd-menu .navbar-nav,
    .dd-menu .dd-links li {
        margin-left:0 !important;
        padding-left:0 !important;
    }


    .dd-menu .navbar-nav > li > a,
    .dd-menu .dd-nav-category-main,
    .dd-menu .dd-links a,
    .dd-menu .dd-category-links {
        padding-left:5px !important;
    }


    .dd-menu .navbar-nav > li > a {
        padding-top:14px;
        padding-bottom:14px;
    }


    .dd-menu .dd-links a,
    .dd-menu .dd-category-links {
        padding-top:8px;
        padding-bottom:8px;
    }


    /* ---------- Überschrift ---------- */

    .menu-header-span {
        font-size:18px !important;
    }

}