/*
Theme Name:         Lchfarkivet
Theme URI:          https://alectiv.com
Description:        Our theme.
Version:            1.0.0
Author:             Alectiv
Template:           layout
Author URI:         https://alectiv.com
Text Domain:        layout
License:            MIT License
License URI:        https://opensource.org/licenses/MIT
Requires PHP:       8.0
Requires at least:  5.9
*/

/*
This variables is used in our theme, this is only for overriding some variables. Please be careful.
*/

:root {
    --primary-color: #0E8AA5;
    --secondary-color: #5caa7f;
    --accent-color: #0c2854;
    --image-border-radius-desktop: 20px;
    --image-border-radius: 10px;
    --btn-border-radius: 10px;
    --btn-font-family: "Karla", sans-serif;
    --btn-primary-border-color: #0E8AA5;
    --btn-primary-color: #fff;
    --btn-primary-hover-color: #fff;
    --btn-primary-hover-background: #444;
    --btn-primary-border-width: 1.5px;
    --mega-menu-height: 320px;
    --commerce-cart-color: #dc0d15;
    --btn-secondary-border-color: #999991;
    --btn-secondary-border-width: 1.5px;
    --btn-secondary-color: #000;
    --btn-secondary-hover-color: #000;
    --btn-secondary-hover-background: transparent;
    --accent-color: #0c2854;
    --star-size: 16px;
    --star-color-default: lightgrey;
    --star-rating: #5caa7f;
    --btn-accent-hover-background: #fbfbfb;
    --mega-menu-background-color: #fff;
}

.single-post article h2,
.single-lchf_recipes article h2 {
    line-height: 2.5rem;
}

.single-post article .recipe-layout h2,
.single-lchf_recipes .recipe-layout article h2 {
    font-size: 34px;
    margin-bottom: 10px;
}

.wp-block-list {
    margin-bottom: 10px;
}

.single-post article ol,
.single-lchf_recipes article ol,
.single-post article ul,
.single-lchf_recipes article ul {
    list-style: none;
    padding-left: 0;
}

body.logged-in .header__mobile-navigation .prefix-cm-profile,
body .header__mobile-navigation .menu-item-child .prefix-cm-profile,
body .header__mobile-navigation .prefix-cm-profile {
    display: none;
}

.tax-recipes_category .post__content-extra-information .recipe-likes__wrapper {
    font-size: 16px;
}

.tax-recipes_category .post__content-extra-information .recipe-likes__wrapper > span:not(.total-recipe__likes) {
    display: none;
}

.tax-recipes_category .post__content-extra-information > svg {
    margin: 0 5px 0 0;
}

@media screen and (max-width: 1023px) {
    /* Hide Profile Whenever user not logged in on mobile menu */
    body:not(.logged-in) .header__mobile-navigation .prefix-cm-profile,
    body:not(.logged-in) .header__mobile-navigation .menu-item-child .prefix-cm-profile {
        display: none;
    }
    body.logged-in .header__mobile-navigation .prefix-cm-profile,
    body.logged-in .header__mobile-navigation .menu-item-child .prefix-cm-profile {
        display: block;
    }
}

.home.logged-in .login-or-create__account {
    display: none;
}

html:not(.no-js) [data-aos=fade-up] {
    transform: translate3d(0, 20px, 0);
}

.form-container {
    max-width: 1540px;
    padding: 0 20px;
    margin: 120px auto 40px auto;
}

.header__header-wrapper.affixed {
    border-bottom: 1.5px solid #f7f7f7;
    box-shadow: 0px 0px 10px #00000005;
}

.single-post .comment-list,
.single-lchf_recipes .comment-list {
    list-style: none;
    padding: 20px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
    background: #fff;
}

.single-post article ol.comment-list li::before,
.single-lchf_recipes article ol.comment-list li::before {
    content: '';
    display: none;
}

.single-post .comment-list .comment-body,
.single-lchf_recipes .comment-list .comment-body {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.single-post .comment-list .comment-content > p,
.single-lchf_recipes .comment-list .comment-content > p {
    margin: 0;
}

.single-post .comment-list li .children,
.single-lchf_recipes .comment-list li .children {
    padding: 20px 0;
}

.single-post .comment-list .comment-author > img,
.single-lchf_recipes .comment-list .comment-author > img {
    width: 40px;
    height: 40px;
    border-radius: 10em;
}

.single-post .article-header__content .article-header__image > img,
.single-lchf_recipes .article-header__content .article-header__image > img {
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.single-post .blog-content .blog-content__inner ul {
    list-style: none;
    padding-left: 0;
}

.single-post .article-header__content div:first-child {
    background: #fff;
    width: 100%;
    margin-top: -150px !important;
    max-width: 1350px !important;
    padding: 72px;
    order: 1;
}

.single-post .article-header__content div:first-child h1 {
    max-width: 850px !important;
    margin: 0 auto 2rem auto;
}

.single-post .article-header__content div:first-child p {
    max-width: 850px !important;
    margin: auto;
}

.single-post .article-header__content {
    display: flex;
    flex-direction: column;
}

.recipe-slider__rating-background {
    fill: var(--star-color-default);
    stroke: var(--star-color-default);
    stroke-width: 1;
    height: 100%;
    width: 100%;
}

.recipe-slider__rating-value {
    fill: var(--star-rating);
    height: 100%;
}

.recipe-slider__star-ratings {
    width: 80px;
}

.mobile-navigation-icon svg {
    width: 32px !important;
}

.header__mobile-navigation .active a {
    color: var(--primary-color);
}

.header__mobile-navigation .active a:before {
    color: var(--primary-color);
    background: 1.5px solid var(--primary-color);
    content: "";
    height: 2.5px;
    right: 0;
    position: absolute;
    bottom: -12.5px;
}

.header__mobile-navigation a {
    display: none;
}

.mm-spn.mm-spn--vertical > ul {
    padding-right: 0;
    position: fixed;
    width: 100%;
    bottom: auto;
    top: 152px;
}

body .header__header-inner {
    max-width: 1540px;
    padding: 0 20px;
}

header .btn a {
    padding: 9px 20px;
}

body .header__mobile-navigation li.menu-item-child {
    margin-bottom: 0;
}

body .header__mobile-navigation li.menu-item-child a {
    padding-bottom: 8px;
    padding-right: 0;
    display: inline-block;
}

@media screen and (min-width: 992px) {
    .scrolled-down {
        transform: none;
    }

    .affixed {
        background: rgba(255, 255, 255, 0.90) !important;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }
}

body .google-ads {
    margin: auto;
    padding-top: 74px;
}

@media screen and (max-width: 992px) {
    body.home .sf-input-text {
        background-position: 25px 19px;
        background-size: 18px;
        border-radius: 12px;
        font-size: 18px;
        height: 56px;
        padding: 14px 28px 14px 62px;
    }

    ul.mm-spn--open ul {
        padding-left: 0 !important;
        padding: 9px;
    }

    body #main .searchandfilter ul {
        flex-direction: column;
        gap: 15px;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    body li.menu-item-child a {
        padding-bottom: 8px;
        padding-top: 8px !important;
        padding-left: 20px !important;
        display: inline-block;
    }
}

.mm-spn.mm-spn--vertical > ul {
    top: 84px;
}

.profile-presentation {
    max-width: 1320px;
}

.profile-presentation {
    padding: 30px 30px;
    max-width: 1140px;
    margin: 3rem auto 3rem;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0px 10px 34px -15px rgb(0 0 0 / 24%);
    -moz-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 10px 34px -15px rgb(0 0 0 / 24%);
}

.header__header-wrapper {
    background: #fff;
    height: 6rem;
}

.header__header-wrapper.affixed-top {
    height: 6rem;
}

body .autocomplete-input {
    border-color: rgba(0, 0, 0, .12);
    background-color: #fff;
    outline: none;
    border: 2px solid #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .16);
    background-color: #ffff;
}

body .autocomplete-input:focus {
    border-color: rgba(0, 0, 0, .12);
    background-color: #fff;
    outline: none;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, .20) !important;
}

.main .link:before {
    background: #aaa;
}

.dropdown.mega-menu .pre-dropdown-menu .af-dropdown-menu {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media screen and (min-width: 992px) {
    .header__header-inner.mobile-nav {
        grid-template-columns: .7fr 4fr 4fr .2fr;
    }
}

.header__header-inner img {
    max-width: 120px;
    width: 100%;
}

.dropdown.mega-menu .pre-dropdown-menu {
    height: auto;
}

.dropdown.mega-menu .pre-dropdown-menu .after-dropdown-menu {
    margin-top: 2.2rem;
    padding-bottom: 2.5rem;
}

.dropdown.mega-menu .pre-dropdown-menu .af-dropdown-menu li {
    margin-right: 0px;
}

.dropdown.mega-menu .pre-dropdown-menu .af-dropdown-menu li a {
    margin-right: 12px;
    min-width: 210px;
    border-radius: 10px;
    color: rgb(31, 41, 55);
    background: #eee;
    padding: 5px;
    margin-bottom: 0px;
    text-align: center;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.single-lchf_recipes .header__header-wrapper + .google-ads {
    padding-top: 130px;
    margin-bottom: -180px;
}

body.page.listor .main {
    max-width: 1540px;
    padding: 30px 20px;
    margin: 0 auto;
}

body.single-post,
body.single-lchf_recipes {
    background: #f4f7fa8c !important;
}

.article-header__info, .article__table-of-contents {
    display: none;
}

.single-lchf_recipes article header,
.single-post article header {
    margin-top: 180px !important;
}

.single-lchf_recipes .article-header__content {
    display: flex;
}

.single-lchf_recipes .article-header__image > img {
    max-height: 400px;
    object-fit: cover;
}

.article-header__image {
    width: 50%;
}

/* Autnor Page */
.author-page__header .author-page__header-info {
    flex-grow: 1;
    max-width: 460px;
}
.author-page__header .author-page__header-info-wrapper {
    align-items: center;
}
/** Recipe page **/
.single-lchf_recipes .article-header__content {
    margin-right: 0;
    display: flex;
    padding: 30px 0;
}

.single-lchf_recipes .comments {
    max-width: 1200px;
}
.single-lchf_recipes .comments .comment-responses {
    width: calc(70% - 20px);
    font-size: 20px;
    margin: 30px 0;
    text-align: left;
}

.single-lchf_recipes .blog-content .blog-content__inner,
.single-post .blog-content .blog-content__inner {
    padding: 20px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
    background: #fff;
}

.single-lchf_recipes .article-header__inner, .single-lchf_recipes .blog-content .blog-content__inner, .single-post .blog-content .blog-content__inner, .sidebar-contain, .comment-respond, .comment-list {
    padding: 24px;
    margin: 0;
    height: auto;
    background: #FFF;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0%);
    border-radius: 10px;
}

.single-lchf_recipes .header-recipe {
    padding: 0;
    max-width: 1200px;
    margin-top: 100px;
    margin-bottom: 0;
}

.single-post .sidebar-author .inner-wrapper-sticky,
.single-lchf_recipes .sidebar-author .inner-wrapper-sticky {
    width: 100%;
}

.single-lchf_recipes .sidebar-author {
    text-align: center;
    background: none;
    height: 100%;
}

.entry-content {
    border-radius: 20px;
    max-width: 1240px !important;
}

.comment-respond, .comment-list {
    max-width: 1200px !important;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    padding: 20px;
    margin-top: 40px;
}

/* WPRM */
body .wprm-recipe-equipment li .wprm-checkbox-container, body .wprm-recipe-ingredients li .wprm-checkbox-container, body .wprm-recipe-instructions li .wprm-checkbox-container {
    margin: 0;
}
body .wprm-checkbox-container input[type=checkbox] {
    margin: 0 !important;
    opacity: 0;
    width: 16px !important;
    height: auto;
    padding: 0;
    box-shadow: none;
}
.wprm-recipe-template-lchf-overlay-container > div, .wprm-recipe-template-lchf-overlay-container > span {
    background: none !important;
    color: #000 !important;
}
.wprm-recipe-time-container:first-child {
    display: none;
}

body .wprm-recipe-template-lchf {
    border-style: solid;
    border-width: 0;
    border-color: none;
    border-radius: 0px;
    padding: 20px;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    max-width: unset;
}

body .wprm-recipe-template-baka-sockerfritt-overlay-container {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
}

.wprm-recipe-template-baka-sockerfritt-overlay-container .wprm-recipe-name {
    background: none !important;
}

body .wprm-recipe-template-baka-sockerfritt-image-container {
    background-color: transparent;
}

body .wprm-checkbox-container label.wprm-checkbox-label {
    display: inline !important;
    left: -16px!important;
    margin: 0 !important;
    padding-left: 26px!important;
    position: relative;
}

.article-header__content .mb-8.mx-auto {
    margin: 0;
    padding-right: 15px;
    padding: 24px;
    width: 50%;
    height: auto;
    background: #FFF;
}

.entry-content span {
    max-width: 950px;
    display: block;
    margin: auto;
}

.wprm-recipe-container span {
    max-width: unset;
    display: inline;
    margin: unset;
}

.wprm-recipe-image {
    display: none;
}
/** New CSS **/
@media (max-width: 992px) {
    body .article-header__content .mb-8.mx-auto {
        width: 100%;
    }
}

.wprm-recipe-times-container {
    border: 0 !important;
}

html body .wprm-recipe-container .wprm-recipe .wprm-color-border {
    border: 0;
}

html body .wprm-recipe-container .wprm-recipe .wprm-color-accent {
    background-color: var(--primary-color)!important;
    display: block;
    padding: 12px;
    border-color: var(--primary-color)!important;
    border-radius: 10px;
    text-decoration: none;
}

.wprm-call-to-action.wprm-call-to-action-simple {
    background-color: var(--primary-color)!important;
}

html body .wprm-recipe-container .wprm-recipe {
    border-color: #aaa;
    background: #FFF;
    box-shadow: none;
    padding: 30px 0 0;
    margin-top: 0px !important;
    border: 0;
}

.wprm-align-center {
    display: flex;
    padding: 20px 0;
}

.single-lchf_recipes .wprm-recipe-block-container-inline,
.single-post .wprm-recipe-block-container-inline {
    display: block;
    margin-right: 1.2em;
    margin-top: 10px;
}

.wprm-call-to-action.wprm-call-to-action-simple .wprm-call-to-action-text-container .wprm-call-to-action-header {
    color: #fff!important;
}

.wprm-call-to-action-icon svg g {
    fill: #fff!important;
}

.wprm-call-to-action-icon svg g path {
    fill: #fff!important;
}

.wprm-call-to-action.wprm-call-to-action-simple {
    padding-top: 0!important;
}

.wprm-call-to-action-text {
    color: #fff!important;
}

.wprm-custom-time-field {
    background: #eee;
    display: flex;
    align-items: center;
    padding: 20px;
    margin-bottom: 20px;
}

.wprm-custom-time-field span {
    margin-right: 10px;
}

.wprm-recipe-template-snippet-basic-buttons {
    display: none;
}

.wprm-recipe-ingredients-container,
.wprm-recipe-instructions-container {
    margin: 10px 0;
}

.wprm-recipe-header.wprm-header-has-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 18px;
    margin-bottom: 15px;
}

body .wprm-recipe h3 {
    font-size: 18px;
    margin-bottom: 15px;
}

body .wprm-recipe-header .wprm-unit-conversion-container, body .wprm-recipe-header .wprm-recipe-adjustable-servings-container, .wprm-recipe-header .wprm-recipe-media-toggle-container {
    margin-left: 10px;
}

body .wprm-toggle-container button.wprm-toggle {
    padding: 2px 10px;
    height: 35px;
}

.wprm-recipe-container {
    margin-bottom: 50px;
}

.article-header__content .mb-8.mx-auto {
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);
}

html body .wprm-recipe-container .wprm-recipe .wprm-color-accent {
    color: #ffffff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    border-radius: 10px;
    padding: 5px 12px;
}

.page-template-template-content .container,
.page-template-template-ad-engine .container {
    max-width: 1540px;
    margin: 0 auto;
    padding: 60px 20px;
}

@media screen and (min-width: 1024px) {
    body .grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))!important;
    }
}
@media screen and (max-width: 1023px) {
    body .grid-cols-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr))!important;
    }
}

.single-lchf_recipes .author-sidebar__image > img,
.single-post .author-sidebar__image > img {
    border-radius: 100em;
    height: 140px;
    object-fit: cover;
}

@media (min-width: 768px) {
    .single-lchf_recipes .blog-content {
        width: 70%;
    }
    .single-lchf_recipes .article-header__content .article-header__inner,
    .single-lchf_recipes .article-header__content .article-header__image {
        width: 50%;
    }
    .single-lchf_recipes .sidebar-author {
        width: 30%;
    }
    body.single-lchf_recipes .header__header-wrapper + .google-ads {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 768px) {
    article, .comments {
        padding: 20px;
        padding-top: 0;
    }

    body .entry-content {
        margin-top: 0 !important;
        padding: 0 !important;
    }

    .single-lchf_recipes .article-header__content,
    .single-lchf_recipes .two-columns-recipe {
        flex-direction: column;
    }
    .single-lchf_recipes .article-header__content .article-header__image,
    .single-lchf_recipes .article-header__content .two-columns-recipe .blog-content {
        width: 100%;
    }

    .article-header__image {
        margin-top: 20px;
    }

    .wp-container-1.wp-container-1 {
        justify-content: center !important;
    }
    .single-lchf_recipes article header {
        margin-top: 110px!important;
    }

    .single-lchf_recipes .comments {
        padding: 0;
    }
}

.two-columns-recipe {
    display: flex;
    gap: 30px;
    margin: auto;
    max-width: 1200px;
}

.recipe-ads {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 30px;
    max-width: 1200px;
}

@media screen and (min-width: 1024px) {
    .single-lchf_recipes .two-columns-recipe .sidebar-author,
    .single-post .two-columns-recipe .sidebar-author {
        width: 30%;
    }
    .single-lchf_recipes .two-columns-recipe .blog-content,
    .single-post .two-columns-recipe .blog-content {
        width: 70%;
    }
}

@media screen and (max-width: 1023px) {
    .hidden-md--down {
        display: none!important;
    }
    .prefix-mm-category-recept::before {
        transition: transform .6s ease-in-out;
    }
    li.children:has(ul.mm-spn--open)::before {
        transform: rotate(-45deg);
        transition: transform .6s ease-in-out;
    }
    .mm-spn li.children:before {
        top: 0;
        right: 30px;
        pointer-events: none;
        transition: transform .6s ease-in-out;
    }
    body .header__mobile-navigation li.menu-item-child a {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    body .header__mobile-navigation > .mm-spn--open {
        padding: 20px 0;
        max-height: 100%;
    }
    .author-page__header .author-page__header-info-wrapper {
        flex-direction: row;
    }
    .author-page__header {
        padding-top: 140px;
    }

    .single-lchf_recipes article,
    .single-post article {
        padding: 0 20px;
    }

    .single-lchf_recipes .wprm-recipe-video iframe {
        max-width: 500px;
        width: 100%;
    }

    .single-lchf_recipes .article__table-of-contents,
    .single-post .article__table-of-contents {
        max-width: 100%;
    }

    .single-lchf_recipes .blog-content .blog-content__inner {
        box-shadow: 0 0 0;
    }

    .single-lchf_recipes .comments .comment-responses,
    .single-post .comments .comment-responses {
        margin: 20px 0;
    }

    .single-post .article-header__content .article-header__inner,
    .single-post .article-header__content .article-header__image {
        width: 100%!important;
    }

    .single-lchf_recipes .article-header__content .article-header__inner,
    .single-lchf_recipes .article-header__content .article-header__image {
        width: 100%!important;
    }
    .single-lchf_recipes .blog-content,
    .single-post .blog-content {
        width: 100%!important;
    }

    .single-lchf_recipes .two-columns-recipe,
    .single-post .two-columns-recipe {
        flex-direction: column;
    }

    .single-lchf_recipes .comments,
    .single-post .comments {
        padding: 0;
    }

    .single-lchf_recipes .comments .comment-list,
    .single-post .comments .comment-list {
        margin-top: 20px;
    }
}

@media screen and (max-width: 480px) {
    .author-page__header__image {
        order: -1;
    }
    .author-page__header .author-page__header-info-wrapper {
        flex-direction: column;
    }
}

.invisible-s-btn {
    height: 64px;
    width: 48px;
    display: block;
    position: absolute;
    border-radius: 8px;
    cursor: pointer;
    z-index: 3;
}

/* Hide Google Ads */
.profil .google-ads,
.mina-uppgifter .google-ads,
.page-template-template-recipe-submission .google-ads,
.page-template-template-profile .google-ads {
    display: none;
}

.filter-form__wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.filter-form__wrapper .js-dropdown,
.filter-form__wrapper select {
    flex-basis: calc(100% - 30px);
}

.filter-form__wrapper input[type="submit"],
.filter-form__wrapper button:not(button.js-dropdown-title) {
    flex-basis: calc(100%);
    background-color: rgba(0, 0, 0, 0.95);
    color: #FFFFFF;
}

@media screen and (min-width: 768px) {
    .filter-form__wrapper .js-dropdown,
    .filter-form__wrapper select {
        flex-basis: calc(70% - 30px);
    }

    .filter-form__wrapper input[type="submit"],
    .filter-form__wrapper button {
        flex-basis: calc(30%);
    }
}

/* New Recipe Grid Style */
.recipe-slider__content {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.recipe-slider__image {
    position: relative;
}

.recipe-slider__image .recipe-slider__term,
.recipe-slider__image .recipe-slider__likes,
.single-lchf_recipes .article-header__image .post-content__likes {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: absolute;
    padding: 6px 13px;
    gap: 5px;
    color: #ffffff;
    font-size: 14px;
    left: 15px;
}

.recipe-slider__image .recipe-slider__img {
    margin-bottom: 0;
    border-radius: 15px;
    object-fit: cover;
    aspect-ratio: 1 / 1;
    object-position: center center;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .recipe-slider__image .recipe-slider__img {
        max-height: 286px;
        min-height: 286px;
    }
}


.recipe-slider__term {
    bottom: 15px;
    left: 15px;
    background: rgba(90, 164, 123, 0.79);
    border-radius: 100px;
}

.recipe-slider__term a {
    flex-basis: calc(100% - 23px); /* svg width + gap */
}

.recipe-slider__image .recipe-slider__likes,
.single-lchf_recipes .article-header__image .post-content__likes {
    background: rgba(0, 0, 0, 0.4);
    border-radius: 40px;
    top: 15px;
}

.single-lchf_recipes .article-header__image {
    position: relative;
}

.recipe-slider__image .recipe-slider__likes[data-liked="true"],
.single-lchf_recipes .article-header__image .post-content__likes[data-liked="true"] {
    background: rgba(230, 117, 99, 0.88);
}

.recipe-slider__info {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.recipe-slider__info .recipe-slider__title {
    font-weight: 400;
    font-size: 16px;
    margin: 0;
    text-align: left;
}

@media screen and (max-width: 450px) {
    .recipe-slider__term a {
        font-size: 11px;
    }
    .recipe-slider__info .recipe-slider__ratings .star-ratings {
        width: 65px;
    }
    .recipe-slider__info {
        gap: 10px;
    }
    body .post-list.grid-cols-4 {
        gap: 20px 10px;
    }

    .term-link {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        flex-grow: 1;
        gap: 5px;
    }
}

@media screen and (max-width: 395px) {
    .recipe-slider__image .recipe-slider__term,
    .recipe-slider__image .recipe-slider__likes {
        gap: 3px;
        padding: 2px 10px;
    }

    .recipe-slider__image .recipe-slider__likes {
        left: 10px;
        font-size: 11px;
    }

    .recipe-slider__image .recipe-slider__term {
        width: 100%;
        justify-content: center;
        border-radius: 0 0 15px 15px;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 6px 8px;
    }
    .post-list .post .post__content .post__content-image .post-content__term svg,
    .post-list .post .post__content .post__content-image .post-content__likes svg {
        width: 14px;
        height: 14px;
    }
    .post-list .post .post__content .post__content-image .post-content__term a {
        font-size: 11px;
        flex-basis: auto;
    }
}

.comment-form-cookies-consent input {
    width: auto;
    height: auto;
    box-shadow: none;
    padding: 0;
    -webkit-appearance: auto;
}

input, select, textarea {
    -webkit-appearance: none;
    border: 0;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px #e2e5e9;
    font-size: 1rem;
    height: 46px;
    line-height: 1.75rem;
    outline: 0;
    padding: 18.5px 19px;
    width: 100%;
}

textarea {
    -webkit-appearance: none;
    border: 0;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px #e2e5e9;
    font-size: 1rem;
    height: 100px;
    outline: 0;
    padding: 14.5px 19px;
    width: 100%;
}

form label {
    display: block;
    width: 100%;
    font-weight: 500;
}

.comment-form-cookies-consent {
    display: flex;
    gap: 10px;
}

body #comments {
    margin-bottom: 60px;
}

form.search-form label input:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    width: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill-rule='evenodd'%3E%3Cpath d='M16.036 18.455l2.404-2.405 5.586 5.587-2.404 2.404zM8.5 2C12.1 2 15 4.9 15 8.5S12.1 15 8.5 15 2 12.1 2 8.5 4.9 2 8.5 2zm0-2C3.8 0 0 3.8 0 8.5S3.8 17 8.5 17 17 13.2 17 8.5 13.2 0 8.5 0zM15 16a1 1 0 1 1 2 0 1 1 0 1 1-2 0'%3E%3C/path%3E%3C/svg%3E") center / contain no-repeat;
}

.search-wrapper-container {
}

.gb-grid-column .search-icon {
    margin-right: 10px;
    color: #ccc;
    position: absolute;
    left: 25px;
    top: 14px;
}

.simple-box-shadow {
    margin: 0;
    height: auto;
    background: #FFF;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0%);
    border-radius: 10px;
    padding: 24px;
}

.wprm-recipe-template-lchf a.wprm-recipe-action {
    color: white!important;
}

.wprm-recipe-template-lchf a:not(.wprm-recipe-link):hover {
    opacity: 0.7;
}


body {
    font-family: "Karla", sans-serif;
    font-size: 16px;
}

:root {
    --primary-color: #0E8AA5;
    --secondary-color: #5caa7f;
    --accent-color: #0c2854;
    --image-border-radius-desktop: 20px;
    --image-border-radius: 10px;
    --btn-border-radius: 10px;
    --btn-font-family: "Larsseit", sans-serif;
    --btn-primary-border-color: #e67563;
    --btn-primary-color: #fff;
    --btn-primary-hover-color: #fff;
    --btn-primary-hover-background: #3ea1b7;
    --accordion-content-max-height: 612px;
}

body input[type="text"]:focus, body textarea:focus {
    box-shadow: inset 0 0 0 2px var(--primary-color)!important;
}


input, select, textarea {
    -webkit-appearance: none;
    border: 0;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px #e2e5e9;
    font-size: 1rem;
    height: 46px;
    line-height: 1.75rem;
    outline: 0;
    padding: 12.5px 14px;
    width: 100%;
}

body .flex-container {
    max-width: 1080px;
    margin: auto;
}

body .flex-container .flex-grid .flex-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    border-radius: 15px;
    padding: 48px 40px;
    background-color: #edf0f5;
    transition: 0.3s;
    border: 2px solid #fff;
}

body .flex-container .flex-grid .flex-card:hover {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    border-radius: 15px;
    box-shadow: 0 10px 8px rgba(102, 175, 233, 0.05);
    border: 2px solid var(--primary-color);
    padding: 48px 40px;
    background-color: #fff;
    transition: 0.3s;
}

.main div .btn--primary {
    border-width: 0!important;
}

.footer-links li {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.main div .btn--primary svg path {
    stroke: #fff!important;
}

body.single-lchf_recipes .Header__HeaderWrapper+.google-ads {
    padding-top: 130px;
    margin-bottom: 40px;
}

#cc--main {
    display: none;
}

.lwptoc_item_number {
    display: none;
}


.accordion-wrapper[data-content=active]>nav {
    max-height: 712px;
    padding-top: 10px;
    padding-bottom: 10px;
}



body li.lwptoc_item {
    margin-bottom: 12px!important;
}

.article--table-of-contents, .entry-content {
    padding: 0;
}

body .lwptoc:first-child {
    margin-top: 0px;
}


.article-header--info, .article--table-of-contents {
    display: block;
}

main ol, main ul {
    list-style: disc;
    padding-left: 14px;
}

.header-recipe {
    padding: 0;
    max-width: 1200px!important;
    margin-top: 100px;
    margin-bottom: 30px;
}
.single-lchf_recipes article header, .single-post article header {
    margin-top: 180px !important;
}

.single-post .article-header--content {
    display: flex;
    flex-direction: row;
}

body .article-header--inner, .single-post .article-header--content div:first-child {
    padding: 24px!important;
    margin: 0!important;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
    height: auto;
    background: #FFF;
}

@media (min-width: 768px) {
    body .footer-links {
        display: flex;
        gap: 56px;
    }

    body .footer-links li {
        display: flex;
        gap: 56px;
        width: auto;
        text-align: left;
        margin-bottom: 0px;
    }
    .article-header--content .article-header--inner, .article-header--content .article-header--image {
        width: 50%!important;
    }
}
.google-ads {
    margin: auto;
    max-width: 1200px;
    padding-top: 100px;
}

.single-lchf_recipes article header, .single-post article header {
    margin-top: 40px !important;
}

#comments {
    margin-bottom: 40px;
}

/*Vad innebär LCHF*/
.gb-container-1da62542
li::before {
    background-image: url("https://lchf.objects.dc-fbg1.glesys.net/wp-content/uploads/2023/10/check-circle-1.svg");
    position: relative;
    content: "";
    background-size: 100% 100%;
    margin-right: 10px;
    width: 25px;
    height: 25px;
    float: left;
}

.gb-container-1da62542 ul {
    list-style: none;
    padding-left: 0px;
}

.secondary-navigation li {
    margin-right: 0;
}

.gb-container-1da62542
li{
    line-height: 1.2;
}

.gb-headline-98b16ba7 + ul li,
.gb-headline-6ef85b05 + ul li {
    margin-bottom: 20px;
}
/*---------------------------------*/

.wprmprs-layout-block-submit .button {
    background: var(--secondary-color);
    color: white;
}

input[type="text"]:focus, textarea:focus {
    box-shadow: inset 0px 0px 0px 2px var(--secondary-color)!important;
}

.wprmprs-layout-block-submit .button:hover {
    background: #3d805b;
    color: white;
}

.wprmprs-layout-block-submit .button:focus {
    box-shadow: none;
    border: 0;
}

.wprmprs-layout-block-dropdown label, .wprmprs-layout-block-input label, .wprmprs-layout-block-recipe_image label, .wprmprs-layout-block-recipe_video_upload label, .wprmprs-layout-block-textarea label, .wprmprs-layout-block-upload label {
    display: block;
    font-weight: 700;
    margin-bottom: 12px;
    margin-top: 10px;
}

.wprmprs-form-help {
    margin-bottom: 14px;
}

h3 {
    margin-top: 10px;
    font-size: 30px;
}

.prefix-cm-account img {
    width: 40px;
    height: 40px;
    max-width: unset;
    border-radius: 10em;
}

.prefix-cm-account {
    display: flex;
    margin-left: 10px;
    align-items: center;
}

.prefix-cm-account {
    display: flex;
    height: 100%;
    align-items: center;
}

.prefix-cm-account .af-dropdown-menu {
    right: 0;
    left: auto;
    margin-top: 1.8rem;
}


.avatar-wrapper {
    width: auto!important;
    display: flex;
    margin-left: 0!important;
    border: 2px solid transparent;
    align-items: center;
    height: 100%!important;
    margin-right: 0!important;
    border-radius: 10em!important;
    padding: 1px;
}

.prefix-cm-account:hover .avatar-wrapper {
    border: 2px solid #eee;
}

.Header__HeaderInner {
    align-items: center;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex-direction: space-between;
    max-width: 1600px;
    padding: 0 40px;
    width: 100%;
}

.Header__HeaderInnerRight {
    margin-left: auto;
}

.prefix-cm-account:hover:after {
    display: none;
}
@media (max-width: 992px) {
    .grid-cols-3,
    .grid-cols-4 {
        grid-template-columns: repeat(2,minmax(0,1fr))!important;
    }
}
@media screen and (max-width: 992px) {
    .article-header--image {
        width: 100%;
    }
    .article-header--content {
        flex-direction: column!important;
    }
    .two-columns-recipe {
        flex-direction: column;
    }
    .sticky-sidebar {
        width: 100%!important;
    }
    .blog-content {
        width: 100%!important;
    }

    .post--content_title{
        font-size: 16px;
    }
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(2, minmax(0px, 1fr));
    }
}

.recipe-slider__author {
    display: flex;
    gap: 5px;
}

.recipe-slider__title {
    font-size: 2.3rem;
    margin: 0;
}

@media (max-width: 772px) {
    .recipe-slider__title {
        font-size: 1.4rem;
    }
}


@media (min-width: 1024px) {
    .recipe-slider__title {
        font-size: 3rem;
    }
}

.recipe-slider__nav-buttons {
    display: flex;
    gap: 10px;
    align-items: center;
}

.recipe-slider__nav-button {
    border-radius: 9999px;
    padding: 0.2rem 0.8rem;
    background: var(--primary-color);
    height: 50px;
    width: 50px;
}

.recipe-slider__nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.recipe-slider__nav-button[disabled] {
    opacity: .5;
}


.recipe-slider__list.keen-slider:not([data-keen-slider-disabled]) {
    overflow: visible;
    margin: auto;
    max-width: unset;
    padding: 0;
    padding-top: 40px;
}

.post-content--likes {
    border-radius: 40px;
    top: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: absolute;
    padding: 6px 13px;
    gap: 5px;
    color: #fff;
    font-size: 14px;
    left: 15px;
    background: rgba(0, 0, 0, .4);
}

.article-header--image {
    position: relative;
}

.post-content--likes[data-liked=true] {
    background: rgba(230, 117, 99, .88);
}

.blog-content--inner, .accordion-wrapper>menu {
    margin: 0;
    height: auto;
    background: #FFF;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0%);
    border-radius: 10px;
    padding: 24px;
}