/* --- GRUNDINSTÄLLNINGAR & TYPOGRAFI --- */ @font-face { font-family: eicons; src: url(https://teknicare.se/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.eot?5.44.0); src: url(https://teknicare.se/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.eot?5.44.0#iefix) format("embedded-opentype"), url(../fonts/eicons.woff2?5.44.0) format("woff2"), url(https://teknicare.se/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.woff?5.44.0) format("woff"), url(https://teknicare.se/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.ttf?5.44.0) format("truetype"), url(../fonts/eicons.svg?5.44.0#eicon) format("svg"); font-weight: 400; font-style: normal } .menu-tabs:has([aria-expanded="true"]) { min-height: 370px !important; } ul#menu-main-menu > li > a { color: #fff; } ul#menu-main-menu li > a .elementskit-submenu-indicator { color: #fff; top: 2px; } .elementskit-megamenu-panel { box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1); border-radius: 10px; } /* --- VÄNSTERMENYN: Färger (Ljusgrå standard, Orange hover, Lila aktiv) --- */ .elementskit-megamenu-panel .e-n-tabs-heading > button[aria-selected="false"], .menu-tabs .e-n-accordion > details > summary { background-color: #D2D2D2 !important; color: #2D2D2D !important; } .elementskit-megamenu-panel .e-n-tabs-heading > button[aria-selected="false"]:hover, .menu-tabs .e-n-accordion > details > summary:hover, .elementskit-megamenu-panel [aria-selected="false"]:hover { background-color: #ffa22b !important; color: #2D2D2D !important; } .elementskit-megamenu-panel .e-n-tabs-heading > button[aria-selected="true"], .menu-tabs .e-n-accordion > details[open] > summary { background-color: #5949A7 !important; color: #D2D2D2 !important; } /* --- RUBRIKER & MODELLER TILL HÖGER --- */ .elementskit-megamenu-panel .menu-tabs .e-n-tabs-content .e-n-accordion-item-title { background-color: transparent !important; color: #5949A7 !important; font-weight: bold !important; padding: 0px 0px 5px 0px !important; border-bottom: 1px solid #5949A7 !important; border-radius: 0 !important; } .elementskit-megamenu-panel .menu-tabs .e-n-accordion-item-title > span > div { font-weight: bold !important; } .elementskit-megamenu-panel .elementor-posts .elementor-post__title a { color: #2D2D2D !important; font-weight: normal !important; } /* Hover-effekt på modellerna */ .elementskit-megamenu-panel .elementor-heading-title { font-size: 16px !important; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid; } .elementskit-megamenu-panel .elementor-posts .elementor-post__title { transition: 0.3s all ease; } .elementskit-megamenu-panel .elementor-posts .elementor-post__title:hover { padding-left: 10px; } .elementskit-megamenu-panel .elementor-posts .elementor-post__title:before { content: ''; width: 6px; height: 6px; display: inline-block; margin-right: 5px; border-left: 2px solid; border-top: 2px solid; transform: rotate(135deg); margin-bottom: 2px; margin-left: -10px; } .elementskit-megamenu-panel .elementor-posts .elementor-post__title:hover:before { opacity: 1; margin-left: 0; } /* --- PILARNA --- */ nav .elementor-widget-n-tabs .e-n-tabs > .e-n-tabs-heading > button[aria-selected="true"]:after { content: ""; width: 20px; height: 20px; background: inherit; position: absolute; right: -5px; transform: rotate(45deg); } /* --- LÖSNING PÅ OKLICKBAR VÄNSTERMENY --- */ .menu-tabs > div > .e-n-accordion > details > summary.e-n-accordion-item-title { position: relative !important; z-index: 10 !important; /* Flyttar knapparna framför "glaset" */ cursor: pointer !important; } /* ---------------------------------------- */ .bottom-header >.e-con-inner .elementskit-megamenu-panel > div > div { position: relative; } .menu-tabs > div > .e-n-accordion { display: flex; gap: 10px; } .menu-tabs .e-n-accordion > details { position: unset !important; width: 100%; } .menu-tabs > div > .e-n-accordion > details > summary.e-n-accordion-item-title + div { position: absolute !important; left: 0; width: 100%; z-index:1; background: var( --e-global-color-14597e7 ); height: calc(100% - 50px); } .menu-tabs > div > .e-n-accordion > details > summary.e-n-accordion-item-title + div button { line-height: normal; font-weight: 400; border-radius: 3px; } .menu-tabs > div > .e-n-accordion > details > summary.e-n-accordion-item-title + div button span{ font-size:17px } /* --- LAYOUT FÖR DESKTOP (>1024px) --- */ @media(min-width:1024.1px){ html body .bottom-header > div.e-con-inner{ position:relative } .bottom-header >.e-con-inner .elementskit-megamenu-panel { position:absolute; left: 50% !important; transform: translateX(-50%) !important; top: 120px !important; width: 100% !important; } html body:not(.elementor-editor-active) .bottom-header > div.e-con-inner > div, html body:not(.elementor-editor-active) .bottom-header > div.e-con-inner > div > div, html body:not(.elementor-editor-active) .bottom-header > div.e-con-inner > div > div > div > nav, html body:not(.elementor-editor-active) .bottom-header > div.e-con-inner > div > div > div > nav > div, html body:not(.elementor-editor-active) .bottom-header > div.e-con-inner > div > div > div > nav > div > ul, html body:not(.elementor-editor-active) .bottom-header > div.e-con-inner > div > div > div > nav > div > ul > li{ position: unset; } .bottom-header .elementor-widget-ekit-nav-menu .elementskit-navbar-nav>li.elementskit-megamenu-has.relative_position { position: unset; } .elementskit-megamenu-panel .e-con-inner { max-width: 100% !important; width:100% !important } .elementskit-megamenu-panel:before { content: ""; position: absolute; width: 100%; height: 50px; top: -30px; left: 0; z-index: 0; opacity: 0; } .menu-tabs >div >.e-n-accordion > details[open] > summary:after { content: ""; width: 20px; height: 20px; background: #5949A7 !important; position: absolute; bottom: -6px; transform: translateX(-50%) rotate(45deg); left: 50%; z-index:0; } .menu-tabs > div >.e-n-accordion > details[open] > summary{ position:relative; overflow: visible; margin-bottom: 10px !important; } .menu-tabs > div > .e-n-accordion > details span.e-n-accordion-item-title-icon { display: none !important; } .menu-tabs .e-n-accordion > details span.e-n-accordion-item-title-header { text-wrap-mode: nowrap; } } @media(min-width:1024.1px) and (max-width:1600px){ html body .bottom-header > div.e-con-inner { max-width: 1300px; } .menu-tabs > div > .e-n-accordion > details > summary.e-n-accordion-item-title + div .e-n-tabs .e-n-tabs-content > div { gap: 10px; } } /* For big screen zoom logic */ @media (min-width: 1600px) { .e-con-inner { width: 1600px !important; zoom: calc(100vw / 1600px) !important; transform-origin: top center; margin: 0 auto !important; transition: transform 0.3s ease; } } @media (min-width: 1920px) { .e-con-inner { width: 1920px !important; zoom: calc(100vw / 1920px) !important; } } /* --- MOBIL & SURFPLATTA (<1024px) --- */ @media(max-width:1024.1px){ .menu-tabs > div > .e-n-accordion > details > summary.e-n-accordion-item-title + div .e-n-tabs > .e-n-tabs-heading > button.active, .menu-tabs > div > .e-n-accordion > details > summary.e-n-accordion-item-title + div .e-n-tabs > .e-n-tabs-heading > button.e-active, .menu-tabs > div > .e-n-accordion > details > summary.e-n-accordion-item-title + div .e-n-tabs > .e-n-tabs-heading > button[aria-selected="true"] { background-color: #D2D2D2 !important; background: #D2D2D2 !important; color: #2D2D2D !important; } .menu-tabs > div > .e-n-accordion > details > summary.e-n-accordion-item-title + div .e-n-tabs > .e-n-tabs-heading > button.active span, .menu-tabs > div > .e-n-accordion > details > summary.e-n-accordion-item-title + div .e-n-tabs > .e-n-tabs-heading > button.e-active span, .menu-tabs > div > .e-n-accordion > details > summary.e-n-accordion-item-title + div .e-n-tabs > .e-n-tabs-heading > button[aria-selected="true"] span { color: #2D2D2D !important; } .menu-tabs > div > .e-n-accordion > details > summary.e-n-accordion-item-title + div .e-n-tabs > .e-n-tabs-content > div:not(.active) { display: none; } .menu-tabs > div > .e-n-accordion > details > summary.e-n-accordion-item-title + div .e-n-tabs > .e-n-tabs-heading > button:not(.active) { background-color: var(--n-tabs-title-background-color) !important; margin-bottom: 0; color: var(--n-tabs-title-color); } .menu-tabs > div > .e-n-accordion > details > summary.e-n-accordion-item-title + div .e-n-tabs > .e-n-tabs-heading > button:after { content: ""; right: 13px; position: absolute; top: 40%; border-top: 1px solid; height: 7px; width: 7px; border-right: 1px solid; transform: rotate(135deg); } .menu-tabs > div > .e-n-accordion > details > summary.e-n-accordion-item-title + div .e-n-tabs > .e-n-tabs-heading > button.active:after { transform: rotate(-45deg); } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tab-title { justify-content: start; padding: 10px 15px; line-height: normal; } .elementor-widget-n-tabs .e-n-tabs-content >div { padding: 5px 15px !important; gap: 10px; } .elementor-widget-n-tabs .e-n-tabs-content >div a { font-size: 16px !important; } .elementor-widget-n-tabs .e-n-tabs > .e-n-tabs-heading > button[aria-selected="true"]:after { content:unset } .elementor-widget-n-tabs .e-n-tabs-content > div { padding: 0 5px !important; } .elementor-widget-n-tabs .e-n-tabs-content > div button { padding: 10px !important; } div#ekit-megamenu-main-menu ul {scrollbar-width: thin !important;} .elementor-widget-n-tabs .e-n-tabs-content .e-n-tabs-heading > button span { font-size: 14px !important; letter-spacing: .5px; } .elementor-widget-n-tabs .e-n-tabs-content .e-n-tabs-content .elementor-widget-heading > div{ cursor:pointer } .elementor-widget-n-tabs .e-n-tabs-content .e-n-tabs-content .elementor-widget-heading:not(.active) + div.elementor-widget-posts { display: none; } .elementor-widget-n-tabs .e-n-tabs-content .e-n-tabs-content .elementor-widget-heading:not(.active) .elementor-heading-title { margin: 0; } .elementor-widget-n-tabs .e-n-tabs-content .e-n-tabs-content .elementor-widget-heading h2 { position: relative; } .elementor-widget-n-tabs .e-n-tabs-content .e-n-tabs-content .elementor-widget-heading h2:after { content: ''; right: 10px; top: 7px; height: 7px; width: 7px; display: inline-block; position: absolute; transform: rotate(135deg); border-top: 1px solid; border-right: 1px solid; border-color: #2D2D2D; transition:0.3s all ease } .elementor-widget-n-tabs .e-n-tabs-content .e-n-tabs-content .elementor-widget-heading.active h2:after{ transform:rotate(-45deg) } .menu-tabs > div > .e-n-accordion { flex-direction: column; gap: 0; } .menu-tabs .e-n-accordion > details > summary { justify-content: space-between; line-height: normal; border-radius: 4px; } .menu-tabs > div > .e-n-accordion > details > summary.e-n-accordion-item-title + div{ position:unset !important; padding-top:5px; } .menu-tabs > div > .e-n-accordion > details > summary.e-n-accordion-item-title + div button { padding: 7px 10px; line-height: normal; font-weight: 400; border-radius: 3px; } .menu-tabs > div > .e-n-accordion > details > summary.e-n-accordion-item-title + div .e-n-tabs-content .e-n-accordion-item-title { padding-bottom: 10px; } .menu-tabs > div > .e-n-accordion > details > summary.e-n-accordion-item-title + div .e-n-tabs-content .e-n-accordion-item-title i { color: unset; } .menu-tabs:has([aria-expanded="true"]){ min-height: unset !important } div#ekit-megamenu-main-menu ul .elementskit-megamenu-panel { max-width: 100%; } } /* --- MACBOOK / LAPTOP SKALNING --- */ @media (min-width: 1024.1px) and (max-width: 1680px) { .elementskit-megamenu-panel .e-n-tabs-heading > button { font-size: 14px !important; padding: 8px 10px !important; } .elementskit-megamenu-panel .menu-tabs .e-n-tabs-content .e-n-accordion-item-title { font-size: 14px !important; } .elementskit-megamenu-panel .elementor-posts .elementor-post__title a { font-size: 13px !important; } }
Hoppa till innehåll