/*
Theme Name: Care Group - Enfold Child
Description: Child theme for Quick Car Fix Norway.
Version: 1.3.2
Author: Kriesi
Template: enfold
Text Domain: qcf-no
*/

/*Typsnitt*/
/*Header*/
/*Första sida*/
/**/

/* Typsnitt */
@font-face {font-family: 'hurmegeometricsans-regular';src: url('webfonts/hurmegeometricsans_no3_4_regular-webfont.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;}
@font-face {font-family: 'hurmegeometricsans-semibold';src: url('webfonts/hurmegeometricsans_no3_5_semibold-webfont.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap;}
@font-face {font-family: 'hurmegeometricsans-bold'; src: url('webfonts/hurmegeometricsans3_bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap;}

.avia_textblock h1 {font-family: 'hurmegeometricsans-semibold';font-size: 42px;font-weight: 500; letter-spacing: 0; margin-top: 20px;}
h2 {font-family: 'hurmegeometricsans-semibold';font-size: 42px;font-weight: 700; letter-spacing: 0; line-height: 1.2em}
.avia_textblock h3, h3 {font-family: 'hurmegeometricsans-semibold';font-size: 28px;font-weight: 300; letter-spacing: 0;}
h4{font-family: 'hurmegeometricsans-semibold';}
.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2{letter-spacing: normal;}

p, li, span{font-family: 'hurmegeometricsans-regular';}

sup, sub {line-height: 0; font-size: 75%;}

body .container{padding: 0 15px;}

#top p strong{color: #000; font-family: 'hurmegeometricsans-semibold';font-weight: 500;}


::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;}
.av-logo-container .logo img{margin-top: 20px;}
body header .container.av-logo-container{max-width: 97%;}
.header_color .header_bg{background-color: transparent;}
body #main{margin-top: -93px !important;}

/* body #header{z-index: unset;} */
/* header.header-scrolled .header-scrolled-full .av-logo-container, header.header-scrolled .av-logo-container{height: 88px !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 a.header-tel:hover, body a.header-tel, body a.header-malmo:hover, body a.header-malmo{color: #fff;}
body a.header-tel, body a.header-malmo {/*font-family: 'hurmegeometricsans-regular';*/font-family: 'hurmegeometricsans-semibold';}
body .header-conatct-container {position: absolute; right: 330px;display: flex;/*flex-flow: column;*/padding-top: 30px;text-align: right;}
body .header-conatct-container a {line-height: 26px;padding-left: 30px;}

.header-gallery .content{padding-top: 30px;padding-bottom: 30px;}
.header-gallery .av_one_third {width: 32%;}

/* Menu */
#top #wrap_all .av-burger-overlay #av-burger-menu-ul li a{border-bottom: none;}
.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;}
.html_av-submenu-hidden .av-submenu-indicator{opacity: 1;}
#top #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: '\2197'; position: absolute; right: 35px; display: inline-block; font-size: 20px; line-height: 1;}
.av-burger-overlay-inner{background-color: #eae9e2;}
.logo svg {width: 55%;}
#top li.current_page_item > a > .avia-menu-text{border-bottom: 2px solid #000;}

/* Första sida */
.green-bg{height: 100%; left: 0; top: 0; width: 100%; z-index: 0; background: #00af3f; background-blend-mode: multiply; background-repeat: no-repeat; background-size: 100% auto; position: relative;}
.beige-bg{height: 100%; left: 0; top: 0; width: 100%; z-index: 0; background: #00af3f; background-blend-mode: multiply; background-repeat: no-repeat; background-size: 100% auto; position: relative;}
.home .green-bg{background-position: 50% !important; background-size: contain;}
/* .home .green-bg .qcf-logo-banner img{top: -250px; left: -155px;} */

.avia-tooltip h3 {font-size: 18px !important;}

.home .green-bg .qcf-logo-banner{position: absolute; top: 30px; left: -8%;}
@media only screen and (min-width: 768px){
      .puff-card:hover p, .puff-card:hover p strong {color: #000 !important;}
    .home .green-bg .qcf-logo-banner{position: absolute; top: 30px; left: 0%;}
    body #header_main, body .header_bg{background-color: transparent; background: transparent;}
}
@media only screen and (min-width: 1024px){
    .home .green-bg .qcf-logo-banner{position: absolute; top: 30px; left: -4%;}
}
@media only screen and (min-width: 1440px){
    /* .puff-wrapper {padding-left: 5%;} */
    .home .green-bg .qcf-logo-banner{position: absolute; top: 30px; left: -8%;}
}
@media only screen and (min-height: 1080px){
      .body-beige-bakgrund #main{margin-bottom: -65px;}
  }

.cta-text h1{font-family: 'hurmegeometricsans-semibold'; font-size: 54px; text-transform: uppercase; line-height: 115%;}
.green-bg:before, .green-bg:after{/* background: #fff; content: ""; */ display: block; height: 800px; position: absolute; width: 100%; z-index: 1;}
/* .beige-bg:before, .beige-bg:after{background: #eae9e2; content: ""; display: block; height: 800px; position: absolute; width: 100%; z-index: 1;} */
.green-bg:before{left: 0; top: 70%; transform: skewY(12deg);}
.green-bg:after{right: 0; top: 79%; transform: skewY(-10deg);}
.beige-bg:before{left: 0; top: 70%; transform: skewY(12deg);}
.beige-bg:after{right: 0; top: 79%; transform: skewY(-10deg);}
.home .green-bg .banner-text-wrapper{position: absolute; top: 45px; right: 130px; padding-right: 7%;}

.page #av_section_3{position: relative; z-index: 0;}

.svg-logo img{width: 265px; height: auto;}

/* body:not(.home) #av_section_1:before, body:not(.home) #av_section_1:after{background: #fff; content: ""; display: block; height: 300px; position: absolute; width: 100%; z-index: 1;} */

/* Tables */
#top .main_color .avia-data-table.avia_pricing_minimal th{color: #fff; background-color: #00af3e;}

/* Image gallery */
.mfp-gallery .mfp-bottom-bar .mfp-title{display: none;}

/** Medarbetare **/
  .team-member-description p, .team-member-job-title {line-height: 1.2;}
  .team-member-name {font-size: 28px;}

/**** Samarbetspartners ****/
    .av_sampart_section a, .av_sampart_section p {color:#838383; font-size: 13px;line-height: 18px;}
    .av_sampart_section a {text-decoration: none;}
    .av_sampart_section .image-overlay {display: none !important;visibility: hidden;}
    .sampartcontainer {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;clear: both;}
    .single_sampart {display: inline-block;line-height: normal;vertical-align: middle;}
    .av_sampart_section .image_sampart {margin: 0;max-height: 160px;}
/** Verkstäder **/
  .white-bg .container .post-entry {background: #fff;padding: 30px 20px;}
  .verkstads-wrapper p {font-size: 16px;line-height: 1.2;}
  .verkstads-wrapper .content {padding-top: 0;padding-bottom: 20px;}
/* Cookie consent */
.cky-consent-container .cky-consent-bar{background-color: rgba(0,0,0,0.9) !important; padding: 45px 25px !important;}
.cli-plugin-main-link {color: #19b03f;}
.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;}

@media only screen and (min-width: 768px){
    .green-bg:before, .beige-bg:before{left: 0; top: 90%; transform: skewY(12deg);}
    .green-bg:after, .beige-bg:after{right: 0; top: 97%; transform: skewY(-10deg);}
    .hide-desktop{display: none;}
    .home .green-bg .banner-text-wrapper{right: 290px;}
    #top .beige-bg > .container, body:not(.home) .green-bg > .container {display: grid; margin-top: 150px;}
    /**** Samarbetspartners ****/
        .av_sampart_section {background: #fff;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;line-height: 60px;margin: 0 3% 3% 0;padding: 35px 15px 30px;text-align: center;width: calc((100%  - 9%) / 4);}
        .av_sampart_section:nth-child(4n) {margin-right: 0;}
}

    #top .puff-link{display: none;}

@media only screen and (max-width: 767px){

    body #main{margin-top: 80px !important;}

    .home .cta-text h1{font-size: 36px;}
    .avia_textblock h1{font-size: 28px;}
    h2{font-size: 28px; letter-spacing: 0 !important;}

    #top .beige-bg > .container, .body:not(.home) .green-bg > .container{top: 25px;}

    /* Puff cards */
    #top .puff-card.active .hidden-content {display: block !important; visibility: visible;}
    /* .puff-card.active .hidden-content{position: relative; } */
    .puff-card.active {display: flex; flex-wrap: wrap;}
    .puff-card.active .hidden-content {position: relative; margin-top: -350px !important; max-width: 276px; top: 0 !important;}
    #top .puff-card .hidden-content .puff-close {position: absolute; right: 5px; top: 5px; color: #00af3f; font-size: 28px; line-height: 1; background: #fff; border: 0; padding: 6px 10px; cursor: pointer;}
    #top .puff-card:hover{background: none;}
    #top .puff-card.active{background: #fff;transition: background 0s linear 0s;}
    .puff-card .visible-content .content-text p, #top .puff-card .visible-content .content-text p strong {margin: 0; color: #fff;}
    #top .puff-card:hover p, .puff-card:hover p strong{color: #fff !important;}
    #top .puff-card.active p, #top .puff-card.active p strong{color: #000 !important;}
    #top .puff-link{display: block;}
    #top .puff-card a.puff-link {position: absolute; right: 10px; font-family: 'hurmegeometricsans-semibold'; font-size: 18px;}

    /* First page banner */
    .home .green-bg{background-position: 50% 29%; background-size: 150%;}
    /* body:not(.home) .green-bg{margin-bottom: -100px;} */
    .home .green-bg .qcf-logo-banner{display: none;}
    .banner-text-wrapper .av-small-hide{display: none;}
    .green-bg:before, .beige-bg:before{left: 0; top: 90%; transform: skewY(12deg);}
    .green-bg:after, .beige-bg:after{right: 0; top: 91%; transform: skewY(-10deg);}
    .home .green-bg .banner-text-wrapper{right: unset; padding-right: 0; margin-top: 10px;}
    .puff-wrapper{flex-flow: column; margin-top: 45px;}
    #top .puff-card .hidden-content{pointer-events: auto;}
    #top .prisniva-text{text-align: unset;}

    .av-ldx8qjcc-302c3ae3a21892c541ca8539c8ecfe51 h2{line-height: 1.35em;}

    /*Header*/
    .inner-container a{display: none;}
    #top .puff-container{position: initial !important; bottom: unset !important;}
    #top .puff-wrapper .puff-card{margin-top: -4px; backdrop-filter: none; -webkit-backdrop-filter: none;}
    .home .green-bg .banner-text-wrapper{position: initial;}
    #top #av-burger-menu-ul{padding-top: 20px !important;}
    .menu-phone a{max-width: 80%;padding-right: 0 !important;}
    .menu-phone .avia-menu-text{font-family: 'hurmegeometricsans-semibold'; color: #00af3f;}

    .html_header_top.html_header_sticky #header{position: fixed !important;}

    /* 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;}

    /* Pris puffar i banner */
    #top .puff-wrapper .puff-card{max-width: 276px; width: 276px;}
    #top .puff-card .hidden-content{display: none !important; visibility: hidden;}
    #top .puff-wrapper .puff-card .visible-content a{padding: 20px 15px 10px;}

    /* 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;}

    .pris-wrapper {flex-wrap: wrap;}

    #top .firstpage-priser-bg {margin-top: -100px;} #top .firstpage-priser-bg .content{padding-top: 0;}
    #top .togglecontainer .single_toggle:first-child .toggler{padding-left: 15px !important; padding-right: 40px;}

    /* Undersidor */
    #top .beige-bg, body:not(.home) .green-bg{background-size: 150%; background-position: 5% 50% !important;}

    .custom-image-gallery .small-thumbnail{flex-wrap: wrap;}

    /* Cookie banner */
    .cky-consent-container .cky-consent-bar{padding: 25px 25px !important;}
    /**** Samarbetspartners ****/
        .av_sampart_section {background: #fff;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;line-height: 60px;margin: 0 3% 3% 0;padding: 35px 15px 30px;text-align: center;width: calc((100%  - 3%) / 2);}
        .av_sampart_section:nth-child(2n) {margin-right: 0;}
}

@media only screen and (max-width: 767px) and (min-width: 479px){
    .home .green-bg .container{display: block;}
}

@media only screen and (min-width: 768px){
    .puff-wrapper .puff-card:not(:last-child) {margin-right: 2%;}
}

@media only screen and (min-width: 768px) and (max-width: 950px){
    .header-button, .header-tel, .header-malmo{display: none;}
    /* .logo svg{width: 28%;} */
}

@media only screen and (min-width: 768px) and (max-width: 1000px){
    #top .puff-card .visible-content a {font-size: 16px;}
}

@media only screen and (min-width: 768px) and (max-width: 1460px){
    #top .entry-content-wrapper .puff-container{bottom: 15%;}
    #top .puff-card .visible-content a {padding: 20px 4px 10px; justify-content: center}
    .home .green-bg .banner-text-wrapper{padding-right: 0;}
}

@media only screen and (min-width: 768px) and (max-width: 900px){
    .svg-logo img {width: 150px; }
}

@media only screen and (min-width: 901px) and (max-width: 1100px){
    .svg-logo img {width: 200px;}
}

@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: 768px) and (max-width: 920px) */

.svg-imgs .avia-image-container-inner{width: 100% !important;}

    /* Info puffar */
    #top .puff-container{position:absolute; bottom: 28%;}
    .puff-wrapper {display: flex; justify-content: center;}
    #top .puff-card{border: 3px solid #fff; max-height: 115px; max-width: 300px; width: 300px; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);position: relative;}

    .puff-card .visible-content a{display: flex; color: #fff; align-items: center; padding: 20px 20px 10px;}
    .puff-card .visible-content img{height: 50px; width: 60px;}
    .puff-card .visible-content .content-text p, #top .puff-card .visible-content .content-text p strong {margin: 0; color: #fff;}
    .puff-card .visible-content img {padding-right: 5%;}
    /* .puff-card .visible-content::after {content: "›"; transform: rotate(-90deg); top: -40px; position: relative; right: -40px;} */
    .puff-card.puff-white-bg{background: #fff;}
    #top .puff-card.puff-white-bg p, #top .puff-card.puff-white-bg .visible-content .content-text p strong{color: #000;}
    /* .puff-card .hidden-content img {max-width: 185px;} */
    .puff-card .hidden-content {position: absolute; bottom: 80px; padding: 15px 13px; margin: 0 -3px; width: auto; background: #fff;}
    .puff-card .hidden-content p{margin: 0; line-height: 1.5em; font-size: 16px;}

    .puff-card .hidden-content{pointer-events: none; opacity: 0;  transition: visibility 0s linear 0s, opacity 300ms;}
    .puff-card:hover .hidden-content{opacity: 1; transition: visibility 0s linear 0s, opacity 300ms;}
    .puff-card {transition: background 0s linear 0s;}
    .puff-card:hover {background: #fff; transition: background 0s linear 0s;}
    .prisniva-text {color: #fff; text-align: left; margin-top: 30px; margin-left: auto; margin-right: auto;}
    #top .prisniva-text strong{color: #fff;}
    .prisniva-text a{color: #eae9e2;}
    .prisniva-text a:hover{color: #fff;}

    /* 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;}

/* Kontakt */
.site-width .container {max-width: unset;}

/* Smartrepair */
.priskategori-section p{margin-top: 0;}

/* Undersidor */
body .page-beige-bakgrund.content{padding: 0; background-color: #eae9e2;}
body .page-beige-bakgrund .entry-content-wrapper{padding-right: 0;}
.body-beige-bakgrund{background-color: #eae9e2;}

/* Post slider metadata is intentionally hidden for QCF article cards. */
.avia-content-slider .av-vertical-delimiter{display:none;}


/* 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: no-wrap;}
.custom-image-gallery .small-thumbnail img{max-width: 127px; padding: 5px 5px;}
.group-image img {max-width: 100%; padding: 5px;}
.group-image {display: flex;}
.group p {text-align: left;}
.before::before {content: 'Før'; 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:'Etter'; 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';}

.pris-wrapper {display: flex; justify-content: space-around;}
.pris-wrapper img{max-width: 50px;}
.pris-wrapper {text-align: center;}
.pris-wrapper p{font-family: 'hurmegeometricsans-semibold'; margin-top: 0; line-height: 115%;}
.pris-box{min-width: 115px; max-width: 115px;}
body .text-wrapper-2{position: relative; z-index: 9;}

body .icon-row-1 .entry-content-wrapper .avia-builder-el-first, body .icon-row-2 .entry-content-wrapper .avia-builder-el-first{margin-left: 10%;}


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;}
.social_bookmarks {font-size: 20px;}
/* Banner 2 */
@media only screen and (min-width: 1001px){
    .banner-v2{max-width: 910px; left: calc((100% - 910px) / 2);}
    .banner-v2 .puff-wrapper {margin-top: 50px;}

}
@media only screen and (min-width: 768px){
    .banner-v2{top: -75px;}
    #top .banner-svg-logo-container{position: absolute; top: 4%; left: 1%;}
    .header-gallery .av_one_third:not(:first-child){margin-left: 2%;}
}