/* Theme Name: Care Group - Enfold Child Description: A Child Theme for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then. Version: 1.2.4 Author: Kriesi Author URI: http://www.kriesi.at Template: enfold */ /*Typsnitt*/ /*Header*/ /*Första sida*/ /**/ /* Typsnitt */ @font-face {font-family: 'hurmegeometricsans-regular';src: url('webfonts/hurmegeometricsans_no3_4_regular-webfont.woff2') format('woff2');} @font-face {font-family: 'hurmegeometricsans-semibold';src: url('webfonts/hurmegeometricsans_no3_5_semibold-webfont.woff2') format('woff2');} @font-face {font-family: 'hurmegeometricsans-bold'; src: url('webfonts/hurmegeometricsans3_bold.woff2') format('woff2');} .avia_textblock h1 {font-family: 'hurmegeometricsans-semibold';font-size: 42px;font-weight: 500; letter-spacing: 0; margin-top: 20px;} #main h2 {font-family: 'hurmegeometricsans-semibold';font-size: 42px;font-weight: 700; letter-spacing: 0; line-height: 1.2em} .avia_textblock h3 {font-family: 'hurmegeometricsans-semibold';font-size: 28px;font-weight: 300; letter-spacing: 0;} #main h4{font-family: 'hurmegeometricsans-semibold';} .template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2{letter-spacing: none;} p, li, span{font-family: 'hurmegeometricsans-regular' !important;} #top p strong{color: #000; font-family: 'hurmegeometricsans-semibold';font-weight: 500;} body .container{padding: 0 15px;} ::selection{background-color: #A6E2A8; color: #000;} /*Knappar*/ #top div .avia-button.avia-size-large{background-color: #00af3e; border-radius: 0; border: none !important; font-size: 18px; z-index: 1;} #top div .avia-button.avia-size-large span{font-family: "hurmegeometricsans-semibold";} /* Header */ .home .logo{display: none;} header #header_main{background-color: #00af3f; border-bottom: none;} #header.is-mobile-scrolled .logo svg {max-height: 40px;height: 40px;width: auto;} .logo svg {width: 55%;} .svg-logo img{width: 265px; height: auto;} body header .container.av-logo-container{max-width: 97%;} .header_color .header_bg{background-color: transparent;} body #main{margin-top: -93px !important;} #top header.header-scrolled{background: #00af3feb;} body .header-button {height: 50%; position: absolute; right: 100px;} body .header-button a{color: #fff; border: 3px solid #fff; border-radius: 3px; padding: 12px 15px; font-family: 'hurmegeometricsans-regular';} body .header-button a:hover{border: 3px solid #ffffffbf;} body .header-button a:focus, body .header-button a:active, body .header-button a:hover, body abody a.header-malmo:hover, body a.header-malmo{color: #fff;} body abody a.header-malmo {font-family: 'hurmegeometricsans-regular';} #header.header_color .header_bg{background-color: transparent;} .page-id-15 #main > #av_section_1 > .container.av-section-cont-open{max-width: unset;} /* Hamburgar Meny */ #top #wrap_all .av-burger-overlay #av-burger-menu-ul li a{border-bottom: none;} .html_av-submenu-hidden .av-submenu-indicator{opacity: 1;} .html_av-submenu-hidden .av-submenu-indicator:before{content:'\2b';font-size:24px;font-weight:600;} .html_av-submenu-hidden .av-show-submenu > a > .av-submenu-indicator{transform:rotate(45deg);} #top #wrap_all .av-burger-overlay .sub-menu .avia-bullet{display: none;} #top nav #av-burger-menu-ul{vertical-align: top;} .html_av-overlay-side #top #wrap_all .av-burger-overlay li a{padding: 10px 50px;} .ext-link a::after{content: url(https://quickcarfix.se/wp-content/uploads/2023/02/link-out-20x20-1.png); position: absolute; right: 35px; max-height: 20px; max-width: 20px; display: inline-block;} .av-burger-overlay-inner{background-color: #eae9e2;} #top li.current_page_item > a > .avia-menu-text{border-bottom: 2px solid #000;} /* Extra menyn (utanför hamburgaren) */ .extra_menu {position: absolute;right: 330px;display: flex;text-align: right;} .extra_menu li {font-family: 'hurmegeometricsans-semibold';} .extra_menu li a{color: #fff;} .extra_menu li a:hover{color: #000;} .html_burger_menu_active #header .extra_menu .avia-menu .menu-item {display: block;} .cta-text h1{font-family: 'hurmegeometricsans-semibold'; font-size: 54px; text-transform: uppercase; line-height: 115%;} .page #av_section_3{position: relative; z-index: 0;} /* Cookie consent */ .cky-consent-container .cky-consent-bar{background-color: rgba(0,0,0,0.9) !important; padding: 45px 25px !important;} .cky-modal p, .cky-modal .cky-preference-title, .cky-modal .cky-accordion-btn{color: #000 !important;} #top .cky-consent-container .cky-consent-bar{border: none;} button.cky-banner-element {padding: 20px; background: none; border: 2px solid #12b34c; color: #12b34c; cursor: pointer;} #top i.cky-chevron-right {color: #000;} .cky-preference-content-wrapper a {color: #19b03f;} /** Cookie banner **/ .cky-consent-bar .cky-notice-des a, .cky-preference-center a{display: inline-block; transition: transform 0.3s ease; color: var(--color-avocado); text-decoration: underline !important;} .cky-consent-bar .cky-notice-des a:hover, .cky-preference-center a:hover{transform: scale(1.05); color: #00af3f;} .cky-preference-center .cky-preference-content-wrapper .cky-show-desc-btn, html body .cky-preference-body-wrapper p a, html body button.cky-show-desc-btn:not(:hover):not(:active), html body .cky-accordion-header .cky-always-active {color: #00af3f !important;} html .privacy-policy .cky-consent-container {width:450px;max-width:100%;max-width:calc( 100% - 60px );} html body:not(.privacy-policy) .cky-consent-container {width: 100%;height: 100%;background: color(srgb 0 0 0 / 0.8);top: 0;left: 0;} body:not(.privacy-policy) .cky-consent-bar {width: 450px;max-width:100%;max-width:calc( 100% - 60px );margin: auto;margin-top: 10%;padding:60px;} html body:not(.privacy-policy) .cky-modal{max-width:100%;max-width:calc( 100% - 60px );} html .cky-consent-bar .cky-notice-content-wrapper {padding:30px;} html body:not(.privacy-policy) .cky-consent-bar .cky-notice-content-wrapper {padding:60px;} .cky-footer-wrapper > div:last-child {display: none !important;} html .cky-consent-container a, html .cky-modal a, html .cky-modal button:not(.cky-btn) {color: #00af3f !important;} html .cky-consent-container a:hover, html .cky-modal a:hover, html .cky-modal button:hover:not(.cky-btn) {opacity: 0.8;} html .cky-notice-des a.cky-policy {white-space:normal;} html body .cky-notice-btn-wrapper .cky-btn-accept {order: 1;} html body .cky-notice-btn-wrapper .cky-btn-customize {order: 3;} html body .cky-notice-btn-wrapper .cky-btn-reject {order: 2;} html body .cky-notice-btn-wrapper .cky-btn-reject {color: #FFFFFF !important;border-color: #00af3f !important;background-color: #00af3f !important;} html body:not(.privacy-policy) .cky-notice-btn-wrapper .cky-btn-accept, html body:not(.privacy-policy) .cky-notice-btn-wrapper .cky-btn-customize, html body:not(.privacy-policy) .cky-notice-btn-wrapper .cky-btn-reject {width:100%;} html body.privacy-policy .cky-notice-btn-wrapper .cky-btn-accept, html body.privacy-policy .cky-notice-btn-wrapper .cky-btn-customize, html body.privacy-policy .cky-notice-btn-wrapper .cky-btn-reject {width:45%;} /* Footer */ body #footer, body #socket{padding: 0; background-color: #00af3f; color: #fff;} body #footer a, body #socket a{color: #fff;} body footer .container{text-align: center;} body #socket {border: none;} body #socket .copyright{float: unset;} /* Home */ .site-width .container {max-width: unset;} .svg-imgs .avia-image-container-inner{width: 100% !important;} /* Toggle */ #top .toggle_icon {right: 14px; left: unset;} #top .togglecontainer .single_toggle:first-child .toggler{border: none; background: none; color: #000; font-size: 1em; padding-left: 35px;} span.vert_icon, span.hor_icon {border-color: #19b03f;} #top .single_toggle p.toggler:not(.activeTitle):hover span.hor_icon, #top .single_toggle p.toggler:not(.activeTitle):hover span.vert_icon, #top .single_toggle .toggler.activeTitle span.vert_icon, #top .single_toggle .toggler.activeTitle span.hor_icon {border-color: #fff;} #top .single_toggle{border-bottom: 2px solid #19b03f; margin-bottom: 0; background: none; color: #000;} #top .single_toggle p.toggler:not(.activeTitle):hover{background-color: #19b03f !important; opacity: 1; color: #fff;} #top .single_toggle p.toggler{margin-top: -1px;} #top .single_toggle .toggler.activeTitle{background-color: #19b03f; color: #fff !important;} #top .single_toggle .toggle_content{background: #eae9e2; margin-bottom: 0;} /* Undersidor */ /* Ene custom gallery */ .custom-image-gallery .group.active{display: block;} .custom-image-gallery .group{display: none;} .custom-image-gallery .small-thumbnail{display: flex; flex-wrap: wrap;} .custom-image-gallery .small-thumbnail img{max-width: 127px; margin: 5px;} .group-image img {max-width: 100%; padding: 5px;} .group-image {display: flex;} .group p {text-align: left;} .before::before {content: 'Före'; display: block; min-width: 25px; position: relative; margin-top: -53px; background: #000000; max-width: 50px; color: #fff; left: 5px; top: 58px; padding: 10px 25px; font-family: 'hurmegeometricsans-semibold';} .after::before{content:'Efter'; display: block; min-width: 25px; position: relative; margin-top: -53px; background: #00af3f; max-width: 50px; color: #fff; margin-left: 5px; top: 58px; padding: 10px 25px; font-family: 'hurmegeometricsans-semibold';} .small-thumbnail img.is-active {opacity: 1;outline: 5px solid var(--enfold-alternate-color-primary);} .small-thumbnail img {opacity: 0.7;cursor: pointer;} .small-thumbnail img:hover {opacity: 1;} /* Image gallery */ .mfp-gallery .mfp-bottom-bar .mfp-title{display: none;} #main .banner-subpage {background-color:#00af3f;} .max-width-450 {max-width: 450px;} /* Responsivitet*/ @media only screen and (min-width: 1001px){ .banner-v2{max-width: 910px; left: calc((100% - 910px) / 2);} } @media only screen and (min-width: 768px) and (max-width: 1000px){ .home .cta-text h1{font-size: 54px;} .responsive .container{width: 85%; max-width: 85%; margin: 0 auto; padding-left: 0; padding-right: 0; float: none;} } @media only screen and (min-width: 901px) and (max-width: 1100px){ .svg-logo img {width: 200px;} } @media only screen (max-width: 950px){ .header-button {display: none;} } @media only screen and (min-width: 768px) and (max-width: 900px){ .svg-logo img{width: 150px; } } @media only screen and (min-width: 768px){ body #header_main, body .header_bg{background-color: transparent; background: transparent;} .banner-v2{padding-top: 120px;} #top .banner-svg-logo-container{position: absolute; top: 4%; left: 1%;} #main .banner-startpage {padding-bottom: 50px;} #main .banner-subpage {padding-top: 150px;padding-bottom: 50px;min-height: 350px;} #main .banner-subpage-cookie{padding-top: 150px;padding-bottom: 50px;min-height: 600px;} #main .wrapper-spontanansokan {padding-top: 100px;padding-bottom: 250px;} } @media only screen and (max-width: 767px){ #main .banner-subpage {padding-bottom:40px;} #main .banner-subpage-cookie{padding-bottom: 40px;min-height: 200px;background-size: cover;} #main .wrapper-spontanansokan {padding-top: 50px;padding-bottom: 50px;} body #main{margin-top: 80px !important;} /* home */ .home .cta-text h1{font-size: 36px;} .avia_textblock h1{font-size: 28px;} h2{font-size: 28px; letter-spacing: 0 !important;} .av-ldx8qjcc-302c3ae3a21892c541ca8539c8ecfe51 h2{line-height: 1.35em;} /* Hotspot image */ .hotspot-image .av-hotspot-fallback-tooltip-inner{border: none; border-bottom: 2px solid #19b03f; padding-bottom: 10px;} .hotspot-image .av-hotspot-fallback-tooltip div.avia-arrow{display: none;} .hotspot-image .av-hotspot-fallback-tooltip-count{top: 25x; background: #19b03f; color: #fff;} /* SVG images */ .svg-imgs {margin-top: -40px; margin-bottom: 40px;} .svg-imgs p{margin-top: -10px;} .svg-imgs img{height: 125px; margin-left: auto; margin-right: auto;} /* Toggle */ #top .togglecontainer .single_toggle:first-child .toggler{padding-left: 15px !important; padding-right: 40px;} /*Header*/ .inner-container a{display: none;} #top #av-burger-menu-ul{padding-top: 20px !important;} .html_header_top.html_header_sticky #header{position: fixed !important;} /* Cookie banner */ .cky-consent-container .cky-consent-bar{padding: 25px 25px !important;} /* Cookie */ html .privacy-policy .cky-consent-container, html body:not(.privacy-policy) .cky-modal {max-width:100%;} html body:not(.privacy-policy) .cky-consent-container .cky-consent-bar {padding: 40px 0 !important;} html body.privacy-policy .cky-consent-container .cky-consent-bar {padding: 20px 10px !important;} html body:not(.privacy-policy) .cky-notice-btn-wrapper {margin-top: 30px !important;} html body.privacy-policy .cky-notice-btn-wrapper .cky-btn-accept, html body.privacy-policy .cky-notice-btn-wrapper .cky-btn-customize, html body.privacy-policy .cky-notice-btn-wrapper .cky-btn-reject {width:100%;} }