/*-------------------------------------------- -- Default theme Menu Accordeon CK -- -- This is a blank theme with annotations -- -- you can fill it like you want -- -- to put your own CSS UAH -- ---------------------------------------------- accordeonck2740 --------------------------------------------*/ .uahAccordion [data-id="accordeonck2740"].accordeonck-wrap, .uahAccordion [data-id="accordeonckaccordeonck2740"].accordeonck-wrap, .uahAccordion [data-id="accordeonck2700accordeonck2740"].accordeonck-wrap { padding-top: 0px !important; padding-left: 0px !important; padding-right: 0px !important; border-top: 0; border-radius: 0 !important; } .menu.accordian .moduletable > div:first-of-type, .menu.accordian .moduletable > h1:first-of-type, .menu.accordian .moduletable > div:first-of-type, .menu.accordian .moduletable > h3:first-of-type { padding: 50px 14px 14px; 14px; margin-top: 0; margin-bottom: 0; text-transform: uppercase; background: var(--color-primary-blue); background: -webkit-linear-gradient(top, var(--color-secondary-navy-blue) 0%, var(--color-primary-blue) 75%); background: linear-gradient(to bottom, var(--color-secondary-navy-blue) 0%, var(--color-primary-blue) 75%); font-size: 18px; font-weight: 700; color: #ffff; border-bottom: 1px solid var(--color-primary-white) !important; } .menu.accordian .moduletable > div:first-of-type { margin-top: 0; margin-bottom: 0; border-bottom: 1px solid var(--color-primary-white) !important; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; } .accordeonUAH.accordeonck.current.active { background-color: var(--color-secondary-baby-blue) !important; } .uahAccordion h1, .uahAccordion h1 a.aHead, .uahAccordion h3, .uahAccordion h3 a.aHead { font-size: 18px !important; font-weight:700 !important; } .uahAccordion h1 a.aHead, .uahAccordion h3 a.aHead { text-decoration: none; letter-spacing: -0.5px; line-height: 1.4; } /* style for all links */ ul#accordeonck2740 li { background: none; } /* style for all anchors */ ul#accordeonck2740 li a { background: none; } ul#accordeonck2740 .accordeonck_outer { display: block; } /* style for all link descriptions */ ul#accordeonck2740 li a span.accordeonckdesc { display: block; } li.level1, li.level2, li.level3, li.level4 { border-top: 0.5px solid var(--color-primary-white); } li.level1 a, li.level2 a, li.level3 a, li.level4 a { padding-top: 15px !important; padding-bottom: 15px !important; text-transform: none; } /*-------------------- -- Level 1 -- ---------------------*/ /* first level (root) link */ ul#accordeonck2740 li.level1 { background-color: var(--color-accodion-menu-item-level1-background) !important; } /* first level (root) link anchor */ ul#accordeonck2740 li.level1 > a { padding-left: 10px !important; margin: 0 0 0 5px; } ul#accordeonck2740 li.level1 > a, ul#accordeonck2740 li.level1 > span a { padding-left: 10px; } ul#accordeonck2740 li.level1 > a:hover, ul#accordeonck2740 li.level1 > span a:hover, ul#accordeonck2740 li.level1 a:hover, ul#accordeonck2740 li.level1 span a:hover { background-color: var(--color-accodion-menu-item-level1-background-hover) !important; } ul#accordeonck2740 li.accordeonUAH.accordeonck.current.active.level1 { background-color: var(--color-secondary-baby-blue) !important; } /* first level (root) link description */ ul#accordeonck2740 li.level1 > a span.accordeonckdesc { } /*-------------------- -- Level 2 -- ---------------------*/ /* second level link */ ul#accordeonck2740 li.level2 { background-color: var(--color-accodion-menu-item-level2-background) !important; border-top: 1px solid var(--color-primary-white); } ul#accordeonck2740 li.level2:hover { } /* second level link anchor */ ul#accordeonck2740 li.level2 > a, ul#accordeonck2740 li.level2 > span a { padding-top: 5px; padding-bottom: 5px; padding-left: 25px; } /* second level link anchor before */ ul#accordeonck2740 li.level2 > a::before, ul#accordeonck2740 li.level2 > span a::before { content: "\2022 \A0"; position: absolute; left: 10px; top: 50%; /* top: 25px; */ transform: translateY(-50%); /* Vertically centers the icon */ /* Further customization */ font-size: 1.2em; } ul#accordeonck2740 li.level2 > a:hover, ul#accordeonck2740 li.level2 > span a:hover { background-color: var(--color-accodion-menu-item-level2-background-hover) !important; } /* second level link description */ ul#accordeonck2740 li.level2 > a span.accordeonckdesc { } /* second level link minusIcon */ ul#accordeonck2740 li.level2.parent.open > span span.toggler_icon { background: url(/modules/mod_accordeonmenuck/assets/minus-white.png) center center no-repeat !important; } ul#accordeonck2740 li.accordeonUAH.accordeonck.current.active.level2 { background-color: var(--color-secondary-baby-blue) !important; } /*-------------------- -- Level 3 and more -- ---------------------*/ /* third and deeper level link */ ul#accordeonck2740 li.level2 li { background-color: var(--color-accodion-menu-item-level3-background) !important; } /* third and deeper link anchor */ ul#accordeonck2740 li.level3 a, ul#accordeonck2740 li.level3 span a { padding-top: 5px; padding-bottom: 5px; padding-left: 30px !important; } /* third and deeper link anchor before */ ul#accordeonck2740 li.level3 > a::before, ul#accordeonck2740 li.level3 > span a::before { content: "\2022\2022\A0"; position: absolute; left: 10px; top: 50%; /* top: 25px; */ transform: translateY(-50%); /* Vertically centers the icon */ /* Further customization */ font-size: 1.2em; } ul#accordeonck2740 li.level3 a:hover, ul#accordeonck2740 li.level3 span a:hover { background-color: var(--color-accodion-menu-item-level3-background-hover) !important; } /* third and deeper link description */ ul#accordeonck2740 li.level3 a span.accordeonckdesc { } ul#accordeonck2740 a.accordeonck > .badge { margin: 0 0 0 10px; } /* third level link minusIcon */ ul#accordeonck2740 li.level3.parent.open > span span.toggler_icon { background: url(/modules/mod_accordeonmenuck/assets/minus-white.png) center center no-repeat !important; } ul#accordeonck2740 li.accordeonUAH.accordeonck.current.active.level3 { background-color: var(--color-secondary-baby-blue) !important; } /*-------------------- -- Level 4 and more -- ---------------------*/ /* forth and deeper level link */ ul#accordeonck2740 li.level3 li { background-color: var(--color-accodion-menu-item-level4-background) !important; } /* forth and deeper link anchor */ ul#accordeonck2740 li.level4 a, ul#accordeonck2740 li.level4 span a { padding-top: 5px; padding-bottom: 5px; padding-left: 35px !important; } /* forth and deeper link anchor before */ ul#accordeonck2740 li.level4 > a::before, ul#accordeonck2740 li.level4 > span a::before { content: "\2022\2022\2022\A0"; position: absolute; left: 10px; top: 50%; /* top: 25px; */ transform: translateY(-50%); /* Vertically centers the icon */ /* Further customization */ font-size: 1.2em; } ul#accordeonck2740 li.level4 a:hover, ul#accordeonck2740 li.level4 span a:hover { background-color: var(--color-accodion-menu-item-level4-background-hover) !important; } /* forth and deeper link description */ ul#accordeonck2740 li.level4 a span.accordeonckdesc { } ul#accordeonck2740 a.accordeonck > .badge { margin: 0 0 0 15px; } /* forth level link minusIcon */ ul#accordeonck2740 li.level4.parent.open > span span.toggler_icon { background: url(/modules/mod_accordeonmenuck/assets/minus-white.png) center center no-repeat !important; } ul#accordeonck2740 li.accordeonUAH.accordeonck.current.active.level4 { background-color: var(--color-secondary-baby-blue) !important; } /*-------------------- -- Level 5 and more -- ---------------------*/ /* fifth and deeper level link */ ul#accordeonck2740 li.level5 li { background-color: var(--color-accodion-menu-item-level5-background) !important; } /* fifth and deeper link anchor */ ul#accordeonck2740 li.level5 a, ul#accordeonck2740 li.level5 span a { padding-top: 5px; padding-bottom: 5px; padding-left: 45px !important;; } /* fifth and deeper link anchor before */ ul#accordeonck2740 li.level5 > a::before, ul#accordeonck2740 li.level5 > span a::before { content: "\2022\2022\2022\2022\A0"; position: absolute; left: 10px; top: 50%; /* top: 25px; */ transform: translateY(-50%); /* Vertically centers the icon */ /* Further customization */ font-size: 1.2em; } } ul#accordeonck2740 li.level5 a:hover, ul#accordeonck2740 li.level5 span a:hover { background-color: var(--color-accodion-menu-item-level6-background-hover) !important; } /* fifth and deeper link description */ ul#accordeonck2740 li.level5 a span.accordeonckdesc { } ul#accordeonck2740 a.accordeonck > .badge { margin: 0 0 0 20px; } /* fifth level link minusIcon */ ul#accordeonck2740 li.level5.parent.open > span span.toggler_icon { background: url(/modules/mod_accordeonmenuck/assets/minus-white.png) center center no-repeat !important; } ul#accordeonck2740 li.accordeonUAH.accordeonck.current.active.level5 { background-color: var(--color-secondary-baby-blue) !important; } /*-------------------- -- Level All -- ---------------------*/ ul#accordeonck2740 li.parent > span.toggler a { margin-right: 31px; } ul#accordeonck2740 li.parent > span.toggler span.toggler_icon { border-left: 0.5px solid var(--color-primary-white) !important; } ul li.parent > span.toggler span.toggler_icon { border-left: 0.5px solid var(--color-primary-white) !important; } ul#accordeonck2740 li.parent > span.toggler span.toggler_icon:hover { background-color: var(--color-accodion-menu-item-level2-background-hover) !important; } ul#accordeonck2740 li.parent > span.toggler span.toggler_icon { border-left: 0.5px solid var(--color-primary-white) !important; }