/* ######################################################################## */
/* ### 1.0 SUPERFISH: BASIS LAYOUT & HOVER FUNCTIONALITEIT                  */
/* ######################################################################## */

/* ======================================================================== */
/* 1.1 HORIZONTAAL HOOFDMENU (DESKTOP)                                      */
/* ======================================================================== */

@media (min-width: 992px) {
    #CollapsingNavbar,
    .region-primary-menu {
        display          : flex !important;
        align-items      : center !important;
        justify-content  : flex-end !important;
    }

    #navbar-main .block-superfishmain {
        display          : flex !important;
        justify-content  : flex-end !important;
    }

    ul.sf-horizontal.sf-style-none {
        display          : flex !important;
        justify-content  : flex-end !important;
        margin           : 0;
        padding          : 0;
        list-style       : none !important;
    }

    ul.sf-horizontal.sf-style-none > li {
        background-color : #ffffff;
        border           : 1px solid #e2e2e2;
        border-bottom    : 2px solid #cccccc;
        position         : relative;
        margin-left      : 5px;
    }

    ul.sf-horizontal.sf-style-none > li > a {
        color            : #444444;
        padding          : 10px 18px;
        font-weight      : 500;
        text-transform   : uppercase;
        text-decoration  : none;
        display          : block;
    }

    /* Paars voor de actieve knop en bij hover op de hoofdknop (besluit Richard,
       2 aug 2026). Was #b52b53, een donkerroze — dat haalde met witte tekst wel
       6,12:1, maar roze is in dit theme de merk-/actiekleur (.btn-primary,
       quote-box) en droeg hier een derde betekenis. Sinds vandaag is paars de
       navigatiekleur, in de zijbalk én hier: één kleur, één betekenis.
       Wit op #663399 geeft 8,41:1. Zie de memory huisstijl-kleursemantiek-banen. */
    ul.sf-horizontal.sf-style-none > li:hover,
    ul.sf-horizontal.sf-style-none > li.sfHover,
    ul.sf-horizontal.sf-style-none > li.active-trail {
        background-color : #663399;
        border-color     : #663399;
    }

    ul.sf-horizontal.sf-style-none > li:hover > a,
    ul.sf-horizontal.sf-style-none > li.sfHover > a,
    ul.sf-horizontal.sf-style-none > li.active-trail > a {
        color            : #ffffff;
    }

    /* KLIK-BEVESTIGING (besluit Richard, 2 aug 2026). Het theme had geen enkele
       :active-staat: je klikte, er gebeurde visueel niets, en tot de nieuwe
       pagina geladen was wist je niet of de klik was aangekomen. Op een trage
       verbinding voelt dat als een kapotte knop en klikken mensen nog een keer.
       #511F84 is paars één stap donkerder — dezelfde kleurbaan als de
       navigatie, maar duidelijk "ingedrukt". Wit erop geeft >8:1.
       transition:none is essentieel: met de overgang van de hover-regel zou de
       bevestiging pas oplichten als de klik al voorbij is.
       De tap-highlight is de mobiele tegenhanger — Safari/Chrome tonen daar
       standaard een grijsblauw vlak dat niets met de huisstijl te maken heeft. */
    ul.sf-horizontal.sf-style-none > li > a:active {
        background-color : #511F84 !important;
        color            : #ffffff !important;
        transition       : none    !important;
    }
    ul.sf-horizontal.sf-style-none li a {
        -webkit-tap-highlight-color: rgba(102, 51, 153, .35);
    }

    /* --- Zoekloep links van het hoofdmenu --- */
    .ozk-header-search {
        position         : relative;
        display          : inline-flex;
        align-items      : center;
        background-color : #ffffff;
        border           : 1px solid #e2e2e2;
        border-bottom    : 2px solid #cccccc;
        margin-right     : 5px;
        box-sizing       : border-box;
        transition       : all 0.2s ease-in-out;
    }

    .ozk-header-search:hover,
    .ozk-header-search.is-open {
        background-color : #663399;
        border-color     : #663399;
    }

    .ozk-header-search .ozk-search-toggle {
        background       : transparent;
        border           : none;
        padding          : 10px 14px;
        color            : #444444;
        cursor           : pointer;
        display          : inline-flex;
        align-items      : center;
        justify-content  : center;
        line-height      : 1;
        transition       : color 0.15s ease-in-out;
    }

    .ozk-header-search:hover .ozk-search-toggle,
    .ozk-header-search.is-open .ozk-search-toggle {
        color            : #ffffff;
    }

    .ozk-header-search .ozk-header-search-dropdown {
        display          : none;
        position         : absolute;
        top              : calc(100% + 4px);
        right            : 0;
        background       : #ffffff;
        padding          : 12px;
        box-shadow       : 0 8px 24px rgba(0, 0, 0, 0.15);
        border           : 1px solid #e2e2e2;
        border-radius    : 4px;
        z-index          : 1050;
        min-width        : 290px;
    }

    .ozk-header-search.is-open .ozk-header-search-dropdown {
        display          : block;
        animation        : ozkFadeIn 0.2s ease-out;
    }

    @keyframes ozkFadeIn {
        from { opacity: 0; transform: translateY(-4px); }
        to   { opacity: 1; transform: translateY(0); }
    }

    .ozk-header-search .search-block-form {
        margin           : 0;
    }

    .ozk-header-search input[type="search"] {
        width            : 100%;
        padding          : 8px 12px;
        border           : 1px solid #ced4da;
        border-radius    : 4px;
        font-size        : 0.95rem;
        box-sizing       : border-box;
    }

    .ozk-header-search input[type="search"]:focus {
        border-color     : #663399;
        outline          : none;
        box-shadow       : 0 0 0 3px rgba(102, 51, 153, 0.2);
    }

    .ozk-header-search .form-actions {
        margin-top       : 8px;
        display          : flex;
        justify-content  : flex-end;
    }

    .ozk-header-search .form-actions input[type="submit"] {
        background-color : #663399;
        border           : 1px solid #663399;
        color            : #ffffff;
        padding          : 6px 16px;
        font-weight      : 600;
        border-radius    : 4px;
        cursor           : pointer;
        font-size        : 0.9rem;
        transition       : background-color 0.15s ease-in-out;
    }

    .ozk-header-search .form-actions input[type="submit"]:hover {
        background-color : #511F84;
        border-color     : #511F84;
    }

    /* --- Submenu (Level 2, 3, etc.) - Gelijk aan zijbalk styling, zonder groen --- */
    ul.sf-horizontal.sf-style-none ul {
        background-color : #f9f9f9 !important;    
        border           : 1px solid #e2e2e2 !important;
        min-width        : 220px !important;
        position         : absolute !important;
        z-index          : 9999 !important;        
        display          : none;                   
        box-shadow       : 3px 3px 8px rgba(0,0,0,0.1) !important;
        padding          : 0 !important;
        list-style       : none !important;
        margin           : 0 !important;
    }

    /* Zorg dat het submenu verschijnt bij hover */
    ul.sf-horizontal.sf-style-none li:hover > ul,
    ul.sf-horizontal.sf-style-none li.sfHover > ul {
        display          : block !important;
    }

    ul.sf-horizontal.sf-style-none ul li {
        border-bottom    : 1px solid #e2e2e2 !important;
        width            : 100% !important;
    }

    ul.sf-horizontal.sf-style-none ul li a {
        color            : #444444 !important;    
        padding          : 12px 20px !important;
        text-decoration  : none !important;
        display          : block !important;
        font-size        : 16px !important;
        font-weight      : 400 !important;
        text-transform   : lowercase !important;
    }

    ul.sf-horizontal.sf-style-none ul li a::first-letter {
        text-transform   : uppercase !important;
    }

    /* Hover EN Active status in submenu: Altijd de grijstint van het main menu */
    ul.sf-horizontal.sf-style-none ul li a:hover,
    ul.sf-horizontal.sf-style-none ul li.sfHover > a,
    ul.sf-horizontal.sf-style-none ul li a.is-active {
        background-color : #e0e0e0 !important;     /* De bekende grijstint */
        color            : #000000 !important;     /* Tekst naar zwart voor contrast */
    }
}

/* ======================================================================== */
/* 1.2 VERTICAAL MENU (FALLBACK / BASIS)                                    */
/* ======================================================================== */

ul.sf-vertical,
ul.sf-vertical ul {
    list-style       : none !important;
    padding          : 0 !important;
    margin           : 0 !important;
}

ul.sf-vertical {
    background-color : #f9f9f9 !important;
    border           : 1px solid #e2e2e2 !important;
}

ul.sf-vertical li {
    border-bottom    : 1px solid #eeeeee !important;
    position         : relative !important;
}

ul.sf-vertical li a {
    display          : block !important;
    padding          : 10px 15px !important;
    color            : #006E83 !important;
    font-weight      : 500 !important;
    text-decoration  : none !important;
}

/* Het pad naar de pagina houdt de lichte grijstint van §3.2 (r.368); alleen de
   huidige pagina krijgt kleur. Stonden hiervoor samen op groen. */
ul.sf-vertical li.active-trail > a {
    background-color : #f2f2f2 !important;
    color            : #000000 !important;
}

/* HUIDIGE PAGINA — zacht paars (besluit Richard, 1 aug 2026).
   Was groen #439F35 met witte tekst: 3,36:1, onder de WCAG-AA-eis van 4,5:1. Bovendien
   droeg groen daarmee drie betekenissen tegelijk (knop 'meedoen als leiding',
   status 'nog plek', én navigatie). Paars #663399 is de enige huisstijlkleur
   zonder eigen baan en wordt nu de navigatiekleur — zie de memory
   huisstijl-kleursemantiek-banen. Zachte vulling i.p.v. een vol vlak: #663399
   op #F2EAFA geeft 7,17:1 en houdt het menu rustig. */
ul.sf-vertical a.is-active {
    background-color : #F2EAFA !important;
    color            : #663399 !important;
    font-weight      : 700 !important;
}

ul.sf-vertical li a:hover,
ul.sf-vertical li.sfHover > a {
    background-color : #e0e0e0 !important;
    color            : #333333 !important;
}

/* Klik-bevestiging, zelfde als in het hoofdmenu (§1 r.51) — zie de toelichting
   daar. Geldt voor beide zijbalkvarianten, ook de submenu-items. */
ul.sf-vertical li a:active,
.region-sidebar-first ul li a:active,
.col-lg-3 ul li a:active {
    background-color : #511F84 !important;
    color            : #ffffff !important;
    transition       : none    !important;
}
ul.sf-vertical li a,
.region-sidebar-first ul li a,
.col-lg-3 ul li a {
    -webkit-tap-highlight-color: rgba(102, 51, 153, .35);
}

/* ######################################################################## */
/* ### 2.0 MOBIEL MENU: ALWAYS EXPANDED (OFF-CANVAS)                        */
/* ######################################################################## */

@media (max-width: 991.98px) {
    #navbar-main .block-superfishmain,
    #block-bario-sub-mobielmenu-superfish h2 {
        display          : none !important;
    }

    #block-bario-sub-mobielmenu-superfish ul.sf-menu,
    #block-bario-sub-mobielmenu-superfish ul.sf-accordion {
        display          : block !important;
        width            : 100% !important;
        padding          : 0 !important;
        margin           : 0 !important;
        list-style       : none !important;
    }

    /* Forceer submenu's altijd open op mobiel */
    #block-bario-sub-mobielmenu-superfish ul li ul,
    #block-bario-sub-mobielmenu-superfish .sf-accordion ul {
        display          : block !important;
        visibility       : visible !important;
        opacity          : 1 !important;
        position         : static !important;
        width            : 100% !important;
        height           : auto !important;
        margin           : 0 !important;
        padding          : 0 !important;
    }

    #block-bario-sub-mobielmenu-superfish .sf-accordion-toggle,
    #block-bario-sub-mobielmenu-superfish .sf-sub-indicator {
        display          : none !important;
    }

    #block-bario-sub-mobielmenu-superfish ul li a,
    #block-bario-sub-mobielmenu-superfish ul li span {
        display          : block !important;
        width            : 100% !important;
        box-sizing       : border-box !important;
        /* Zie §3.1 r.319 voor de onderbouwing van 12px/1.25 = 44px. */
        padding          : 12px 20px !important;
        line-height      : 1.25 !important;
        text-decoration  : none !important;
        border-bottom    : 1px solid rgba(255,255,255,0.2) !important;
    }

    /* Parents: Blauw */
    #block-bario-sub-mobielmenu-superfish ul > li > a,
    #block-bario-sub-mobielmenu-superfish ul > li > span {
        background-color : #1a7b8c !important;
        color            : #ffffff !important;
        font-weight      : 600 !important;
        text-transform   : uppercase !important;
    }

    /* Submenu items: Wit & Sentence Case */
    #block-bario-sub-mobielmenu-superfish ul ul li a {
        background-color : #ffffff !important;
        color            : #444444 !important;
        text-transform   : lowercase !important;
        font-weight      : 400 !important;
        border-bottom    : 1px solid #eeeeee !important;
    }

    #block-bario-sub-mobielmenu-superfish ul ul li a::first-letter {
        text-transform   : uppercase !important;
    }

    /* SUBMENU'S IN TWEE KOLOMMEN (2 aug 2026). De submenu-items zijn kort en
       nevengeschikt — vier kampen, of twee pagina's per sectie — en vormen
       daarmee een natuurlijk raster in plaats van een lange lijst. Het scheelt
       zes rijen (270px): het complete menu past daardoor ruim op één
       telefoonscherm, zonder dat een tikdoel kleiner wordt (elke cel blijft
       44px hoog en wordt ~175px breed, ruim boven de 44px-eis in beide
       richtingen).
       De section-parents (KAMPEN, OUDERS, …) blijven volle breedte: die dragen
       de structuur van het menu en moeten als kop leesbaar blijven. */
    #block-bario-sub-mobielmenu-superfish ul > li > ul {
        display               : grid !important;
        grid-template-columns : 1fr 1fr !important;
    }

    /* De border-bottom van de items maakt horizontale scheiding; verticaal is
       een eigen lijn nodig, anders lopen de twee kolommen in elkaar over. */
    #block-bario-sub-mobielmenu-superfish ul > li > ul > li:nth-child(odd) > a {
        border-right     : 1px solid #eeeeee !important;
    }

    /* Bij een oneven aantal items zou de laatste cel een gat naast zich laten;
       die loopt dan over beide kolommen door. */
    #block-bario-sub-mobielmenu-superfish ul > li > ul > li:last-child:nth-child(odd) {
        grid-column      : 1 / -1;
    }

    /* Active: paars — zelfde omzetting als het hoofdmenu (§1) en de zijbalk
       (§3.2). Was #b52b53 roze; paars is sinds 2 aug 2026 de navigatiekleur.
       Wit op #663399 geeft 8,41:1. */
    #block-bario-sub-mobielmenu-superfish ul li a.is-active,
    #block-bario-sub-mobielmenu-superfish ul ul li a.is-active {
        background-color : #663399 !important;
        color            : #ffffff !important;
        font-weight      : 700 !important;
    }

    /* Klik-bevestiging, zie de toelichting in §1. Juist op mobiel is dit het
       belangrijkst: daar is geen hover-staat, dus zonder :active geeft het menu
       helemaal geen feedback op een tik. */
    #block-bario-sub-mobielmenu-superfish ul li a:active,
    #block-bario-sub-mobielmenu-superfish ul ul li a:active {
        background-color : #511F84 !important;
        color            : #ffffff !important;
        transition       : none    !important;
    }
    #block-bario-sub-mobielmenu-superfish ul li a {
        -webkit-tap-highlight-color: rgba(102, 51, 153, .35);
    }
}

/* ######################################################################## */
/* ### 3.0 MOBIEL EN ZIJBALK MENU'S: GEÏSOLEERDE STYLING                    */
/* ######################################################################## */

/* ======================================================================== */
/* 3.1 MOBIEL (OFF-CANVAS) SUPERFISH: 100% WIDTH & HOOGTE                   */
/* ======================================================================== */

@media (max-width: 991.98px) {
    #navbar-main .block-superfishmain,
    #block-bario-sub-mobielmenu-superfish h2 {
        display          : none !important;
    }

    /* Mobiele container: Volledige breedte hersteld */
    #block-bario-sub-mobielmenu-superfish ul.sf-menu,
    #block-bario-sub-mobielmenu-superfish ul.sf-accordion {
        display          : block !important;
        width            : 100% !important;
        padding          : 0 !important;
        margin           : 0 !important;
        list-style       : none !important;
    }

    #block-bario-sub-mobielmenu-superfish ul li a,
    #block-bario-sub-mobielmenu-superfish ul li span {
        display          : block !important;
        width            : 100% !important;
        box-sizing       : border-box !important;
        /* 12px i.p.v. 18px (2 aug 2026): met font-size 16px en line-height 1.25
           komt een rij daarmee op precies 44px — de WCAG-2.5.5-ondergrens voor
           een tikdoel, dus zonder in te leveren op bedienbaarheid. Was 53px, en
           met 17 menu-items scheelde dat ruim 150px: op een telefoon van 844px
           passen er nu ongeveer drie items extra in beeld. Lager dan 12px kan
           niet zonder onder die 44px te zakken. */
        padding          : 12px 20px !important;
        line-height      : 1.25 !important;
        margin-left      : 0 !important;         /* Reset voor mobiele modal */
        text-decoration  : none !important;
        border-bottom    : 1px solid rgba(255,255,255,0.2) !important;
        color            : #444444 !important;   /* Grijs conform main menu */
    }

    /* Mobiele Parents: Blauw conform */
    #block-bario-sub-mobielmenu-superfish ul > li > a,
    #block-bario-sub-mobielmenu-superfish ul > li > span {
        background-color : #1a7b8c !important;
        color            : #ffffff !important;   
        font-weight      : 600 !important;
        text-transform   : uppercase !important;
    }

    /* Mobiele Submenu items: Wit */
    #block-bario-sub-mobielmenu-superfish ul ul li a {
        background-color : #ffffff !important;
        color            : #444444 !important;   
    }
}

/* ======================================================================== */
/* 3.2 ZIJBALK MENU'S (SIDEBAR & COL-3): STRUCTURELE VERSCHUIVING           */
/* ======================================================================== */

/* 1. Verschuif de gehele menu-box als één geheel naar links */
.region-sidebar-first ul.sf-vertical,
.col-lg-3 ul.sf-vertical {
    margin-left          : -15px !important;
    width                : calc(100% + 15px) !important; 
    padding              : 0 !important;
    border               : none !important;
}

/* 2. Lijn de blok-titels uit op de nieuwe linkerlijn van het menu.
   27-07-2026: `font-weight: 400 !important` hier weggehaald. Die was meegelift
   in een regel die over uitlijning gaat en zette de zijbalkkoppen ("Menu",
   "Kampen 2027") op een ander gewicht dan alle andere h2's — met !important, dus
   de typografische schaal (css/ozk-typografie.css: h2 = 28px/300) kwam er niet
   langs. De kleur blijft: dat is dezelfde #343a40 als de schaal gebruikt. */
.region-sidebar-first h2,
.col-lg-3 h2 {
    margin-left          : -15px !important;
    margin-bottom        : 15px !important;
    color                : #343a40 !important;
}

/* 2b. MOBIEL (< md, smartphone): de -15px structurele verschuiving uit.
   Vanaf md staat dit menu als smalle rechterkolom NAAST de content (of, in
   het md/lg-tussengebied, gestapeld maar met eigen kolom-padding); de -15px
   schuift de box daar bewust naar links zodat kop en menu op één lijn liggen.
   Op smartphone (< 768px) trok diezelfde -15px de menu-box en de "Menu"-kop
   15px links van de bodytekst — de kop stond deels buiten beeld. Deze grens
   (767.98px) is gelijk aan die van de body-uitlijningsfix in custom.css,
   zodat menu-box en bodytekst op mobiel exact op dezelfde linkerlijn staan. */
@media (max-width: 767.98px) {
    .region-sidebar-first ul.sf-vertical,
    .col-lg-3 ul.sf-vertical {
        margin-left      : 0    !important;
        width            : 100% !important;
    }
    .region-sidebar-first h2,
    .col-lg-3 h2 {
        margin-left      : 0    !important;
    }
}

/* 3. Basis Styling Items: Padding zorgt voor tekst-uitlijning onder titel */
.region-sidebar-first ul li a,
.region-sidebar-first ul li span,
.col-lg-3 ul li a,
.col-lg-3 ul li span {
    display              : block !important;
    box-sizing           : border-box !important;
    /* 15px padding herstelt de tekstpositie visueel naar de '0-lijn' */
    padding              : 14px 15px !important;    
    margin               : 0 !important;
    /* Grijze basiskleur en tekstkleur conform main menu */
    background-color     : #f9f9f9 !important; 
    color                : #444444 !important;      
    font-size            : 16px !important;         
    font-weight          : 500 !important;          
    text-transform       : lowercase !important;    
    border-bottom        : 1px solid #e2e2e2 !important;
    text-decoration      : none !important;
    position             : relative !important;
    transition           : background-color 0.2s ease, color 0.2s ease !important;
}

.region-sidebar-first ul li a::first-letter,
.col-lg-3 ul li a::first-letter {
    text-transform       : uppercase !important;
}

/* 4. Submenu logica: Verbergen tenzij actief */
.region-sidebar-first ul li ul,
.col-lg-3 ul li ul {
    display              : none !important;
}

.region-sidebar-first ul li.active-trail > ul,
.col-lg-3 ul li.active-trail > ul {
    display              : block !important;
}

/* --- HOVER & ACTIEF STATUSSEN --- */

/* Hover: Grijstint conform hoofdmenu */
.region-sidebar-first ul li a:hover,
.col-lg-3 ul li a:hover {
    background-color     : #e0e0e0 !important;
    color                : #000000 !important;
}

/* Active Trail (Pad naar pagina): Lichte grijstint */
.region-sidebar-first ul li.active-trail > a,
.col-lg-3 ul li.active-trail > a {
    background-color     : #f2f2f2 !important; 
    color                : #000000 !important;
}

/* De huidige pagina: zacht paars — zie de toelichting bij ul.sf-vertical
   a.is-active in §1. Deze selector (0,2,3) verslaat die daar (0,2,2) en is in de
   praktijk degene die het sidebar-menu kleurt; beide staan gelijk zodat er ook
   buiten .col-lg-3 (region-sidebar-first) geen groen meer overblijft. */
.region-sidebar-first ul li a.is-active,
.col-lg-3 ul li a.is-active {
    background-color     : #F2EAFA !important;
    color                : #663399 !important;
    font-weight          : 700 !important;
    border-bottom        : 1px solid #E3D5F2 !important;
}

/* ======================================================================== */
/* 3.3 SUBTIEL INDICATOR DRIEHOEKJE                                         */
/* ======================================================================== */

.col-lg-3 ul li a.menuparent::after {
    content              : "" !important;
    position             : absolute !important;
    top                  : 50% !important;
    right                : 10px !important;
    transform            : translateY(-50%) !important;
    width                : 0 !important;
    height               : 0 !important;
    border-style         : solid !important;
    border-width         : 4px 0 4px 5px !important;
    border-color         : transparent transparent transparent #999999 !important;
}

/* ======================================================================== */
/* ACTIEF MENU-ITEM (besluit B5, 02-09-2026: balk grijs houden, paars accent) */
/* ======================================================================== */
/*
 * De markering komt van core zelf: die zet `is-active` in de browser op de
 * link waarvan het systeempad gelijk is aan de huidige pagina. Tot 22-09-2026
 * gebeurde dat op de intranetbalken niet, omdat onze menulinks placeholders
 * dragen (__kampkort__, __uid__) en het pad-attribuut daardoor leeg bleef;
 * ozk_intranet vult dat nu in. Client-side markeren houdt het menublok
 * cachebaar - een cache-context op het pad zou per pagina een eigen kopie
 * opleveren.
 *
 * Vorm: een accentstreep onder het item in plaats van een rand, zodat de
 * celhoogte van de balk niet verspringt. D7 zette wel een class op het actieve
 * item maar gaf het geen eigen kleur; dit is dus een verbetering, geen
 * pariteit.
 */
ul.sf-menu > li > a.is-active,
ul.sf-menu > li > a.is-active:hover {
    color                : #663399;
    box-shadow           : inset 0 -3px 0 0 #663399;
}

/* In een uitgeklapt submenu volstaat de tekstkleur; daar is geen balkrand. */
ul.sf-menu ul li a.is-active {
    color                : #663399;
    font-weight          : 600;
}

/* ======================================================================== */
/* MOBIELE STYLING VOOR HEADER ZOEKFUNCTIE (< 992px)                        */
/* ======================================================================== */
@media (max-width: 991.98px) {
    .ozk-header-search {
        margin           : 10px 0;
        width            : 100%;
        display          : block;
        border           : none;
        background       : transparent;
        height           : auto;
    }
    .ozk-header-search .ozk-search-toggle {
        display          : none;
    }
    .ozk-header-search .ozk-header-search-dropdown {
        display          : block !important;
        position         : static;
        box-shadow       : none;
        border           : 1px solid #e2e2e2;
        border-radius    : 4px;
        padding          : 10px;
        min-width        : 100%;
        animation        : none;
    }
}