/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/
@import "fonts/fonts.css";
@import "includes/css/forms.css";
@import url('https://fonts.googleapis.com/css2?family=Yellowtail&display=swap');

:root{
    --theme-color:#E30918;
    --extra-color-01:#004a00;
    --extra-color-02:#217ba8;
    --extra-color-03:;

}
/*** generic helpfull ***/

.multiply{
    mix-blend-mode: multiply !important;
}
.rotate-38{
    transform: rotate(38deg) !important;
}
.opacity-05{
    opacity: .05 !important;
}
.opacity-25{
    opacity: .25 !important;
}
.fw-3{
    font-weight: 300 !important;
}
.fw-4{
    font-weight: 400 !important;
}
.op-19{
    opacity: 0.19;
}
.no-margin{
    margin:0 !important;
}
.no-padding{
    padding:0 !important;
}
.iwithtext{
    position: relative;
    display: flex;
    align-items: center;
}

.iwithtext .iwt-icon{
    position: relative;
}

.iwithtext .iwt-icon img{
    width: 22px !important;
    max-width: 30px;
    height: auto;
    margin-bottom: 0;
    padding: 0;
}

.iwithtext .iwt-text{
    padding-left: 20px;
}

/*** footer copyright ***/

#footer-outer #copyright[data-layout="centered"]{
    padding:10px 0;
}

/*** colors ***/

.theme-color{
    color:var(--theme-color) !important;
}
.extra-color-01{
    color: var(--extra-color-01) !important;
}
.black-color{
    color:#000;
}
.white-color{
    color:#FFF;
}

/*** custom font ***/

.yellowtail {
  font-family: "Yellowtail", cursive;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3em;
  line-height: 0.3;
}

/*** button override ***/

.nectar-button.large{
    padding:10px 22px !important;
}

.blog-recent[data-style="minimal"] .col{
    padding: 0 !important;
}

body .blog-recent[data-style="minimal"] .col > span,
body .blog-recent[data-style="minimal"] .col > span:not(.meta-category) {
    color: #878787 !important;
    text-transform: none !important;
}

body .blog-recent[data-style="minimal"] .meta-category .in,
body .blog-recent[data-style="minimal"] .meta .in,
body .post-area.standard-minimal .post-author .meta-category .in {
    display: none !important;
}

body .blog-recent[data-style="minimal"] .meta-category a:not(:first-child),
body .post-area.standard-minimal .post-author .meta-category a + a {
    display: none !important;
}

body .blog-recent[data-style="minimal"] .meta-category,
body .post-area.standard-minimal .post-author .meta-category {
    display: block !important;
    margin-bottom: 0.9rem;
    color: transparent !important;
}

body .blog-recent[data-style="minimal"] .col > span.meta-category a:first-of-type,
body .blog-recent[data-style="minimal"] .meta-category a,
body .blog-recent[data-style="minimal"] .meta a,
body .post-area.standard-minimal .post-author .meta-category a {
    display: inline-flex !important;
    align-items: center;
    padding: 0.3rem 01rem !important;
    border-radius: 25px !important;
    background-color: rgba(227, 9, 24, 0.1) !important;
    color: #E30918 !important;
    text-transform: none !important;
}

body .blog-recent[data-style="minimal"] .excerpt,
body .post-area.standard-minimal article.post .excerpt {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 0.9rem !important;
}

body .post-area.standard-minimal article.post {
    display: flex;
}

body .post-area.standard-minimal article.post > .inner-wrap,
body .post-area.standard-minimal article.post .post-content,
body .post-area.standard-minimal article.post .content-inner,
body .post-area.standard-minimal article.post .article-content-wrap,
body .post-area.standard-minimal article.post .post-header {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

body .post-area.standard-minimal article.post .post-header {
    flex: 1 1 auto;
}

body .post-area.standard-minimal article.post .more-link,
body .post-area.standard-minimal article.post .more-link:hover {
    margin-top: auto !important;
    color: #878787 !important;
}

body .post-area.standard-minimal article.post .more-link span {
    display: inline-flex;
    align-items: center;
    padding: 0 !important;
    background: transparent !important;
    color: #878787 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

body .blog-recent[data-style="minimal"] .more-link span,
body .blog-recent[data-style="minimal"] .more-link .continue-reading,
body .post-area.standard-minimal article.post .more-link .continue-reading {
    color: #878787 !important;
    text-transform: none !important;
}

body.ricette-template-default #header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul a {
    color: #000 !important;
}

.caseificio-floating-tomino-link {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 9999;
    display: block;
    width: 130px;
    height: 130px;
    transition: transform 0.2s ease;
}

.caseificio-floating-tomino-link:hover,
.caseificio-floating-tomino-link:focus-visible {
    transform: scale(1.05);
}

.caseificio-floating-tomino-link img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (max-width: 999px) {
    body #slide-out-widget-area .menu.subview .subviewopen > .sub-menu > .back,
    body #slide-out-widget-area .menuwrapper .back a {
        margin: 0 auto !important;
    }

    .caseificio-floating-tomino-link {
        right: 16px;
        bottom: 16px;
        width: 110px;
        height: 110px;
    }

    .blog-recent[data-style="minimal"] .col {
        margin-bottom: 40px;
    }

    .home .blog-recent .col .post-header h3 {
        font-size: 1rem;
    }

    .full-width-section.header > .col.span_12.dark,
    .full-width-content.header > .col.span_12.dark {
        color: #fff;
    }

    #ajax-content-wrap .header .nectar-responsive-text *,
    .header .nectar-responsive-text * {
        color: #fff !important;
    }

    .header .row-bg-wrap .row-bg-layer.using-image {
        position: relative;
    }

    .header .row-bg-wrap .row-bg-layer.using-image::before {
        content: '';
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.4);
        pointer-events: none;
        z-index: 1;
    }
}

/*** header dropdown glass effect ***/

@media only screen and (min-width: 1000px) {
    body:not([data-header-format="left-header"]) #header-outer header#top nav .sf-menu li ul,
    body:not([data-header-format="left-header"]) #header-outer #top nav .sf-menu li ul,
    body:not([data-header-format="left-header"]) #header-outer header#top nav > ul > .megamenu > .sub-menu,
    body:not([data-header-format="left-header"]) #header-outer #top nav > ul > .megamenu > .sub-menu,
    body:not([data-header-format="left-header"]) #header-outer header#top .nectar-global-section-megamenu,
    body:not([data-header-format="left-header"]) #header-outer #top .nectar-global-section-megamenu,
    body:not([data-header-format="left-header"]) #header-outer header#top nav > ul > .megamenu > .sub-menu > li > a,
    body:not([data-header-format="left-header"]) #header-outer #top nav > ul > .megamenu > .sub-menu > li > a {
        background-color: transparent !important;
        background: transparent !important;
        overflow: hidden;
        isolation: isolate;
    }

    body:not([data-header-format="left-header"]) #header-outer header#top nav .sf-menu li ul::before,
    body:not([data-header-format="left-header"]) #header-outer #top nav .sf-menu li ul::before,
    body:not([data-header-format="left-header"]) #header-outer header#top nav > ul > .megamenu > .sub-menu::before,
    body:not([data-header-format="left-header"]) #header-outer #top nav > ul > .megamenu > .sub-menu::before,
    body:not([data-header-format="left-header"]) #header-outer header#top .nectar-global-section-megamenu::before,
    body:not([data-header-format="left-header"]) #header-outer #top .nectar-global-section-megamenu::before {
        content: '';
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        background: rgba(255, 255, 255, 0.01);
        backdrop-filter: blur(5px) brightness(0.87);
        -webkit-backdrop-filter: blur(5px) brightness(0.87);
    }

    body:not([data-header-format="left-header"]) #header-outer header#top nav .sf-menu li ul > li,
    body:not([data-header-format="left-header"]) #header-outer header#top nav .sf-menu li ul > li > a,
    body:not([data-header-format="left-header"]) #header-outer #top nav .sf-menu li ul > li,
    body:not([data-header-format="left-header"]) #header-outer #top nav .sf-menu li ul > li > a,
    body:not([data-header-format="left-header"]) #header-outer header#top nav > ul > .megamenu > .sub-menu > li,
    body:not([data-header-format="left-header"]) #header-outer header#top nav > ul > .megamenu > .sub-menu > li > a,
    body:not([data-header-format="left-header"]) #header-outer #top nav > ul > .megamenu > .sub-menu > li,
    body:not([data-header-format="left-header"]) #header-outer #top nav > ul > .megamenu > .sub-menu > li > a,
    body:not([data-header-format="left-header"]) #header-outer header#top .nectar-global-section-megamenu > .inner,
    body:not([data-header-format="left-header"]) #header-outer #top .nectar-global-section-megamenu > .inner {
        position: relative;
        z-index: 1;
    }

    body:not([data-header-format="left-header"]) #header-outer #search-outer.nectar.small-nav + header#top nav .sf-menu li ul,
    body:not([data-header-format="left-header"]) #header-outer #search-outer.nectar.small-nav + header#top nav > ul > .megamenu > .sub-menu,
    body:not([data-header-format="left-header"]) #header-outer #search-outer.nectar.small-nav + header#top .nectar-global-section-megamenu,
    body:not([data-header-format="left-header"]) #header-outer #search-outer.nectar.small-nav + header#top nav > ul > .megamenu > .sub-menu > li > a {
        background-color: #ffffff !important;
        background: #ffffff !important;
    }

    body:not([data-header-format="left-header"]) #header-outer #search-outer.nectar.small-nav + header#top nav .sf-menu li ul::before,
    body:not([data-header-format="left-header"]) #header-outer #search-outer.nectar.small-nav + header#top nav > ul > .megamenu > .sub-menu::before,
    body:not([data-header-format="left-header"]) #header-outer #search-outer.nectar.small-nav + header#top .nectar-global-section-megamenu::before {
        background: transparent !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    body:not([data-header-format="left-header"]) #header-outer #search-outer.nectar.small-nav + header#top nav .sf-menu li ul > li,
    body:not([data-header-format="left-header"]) #header-outer #search-outer.nectar.small-nav + header#top nav .sf-menu li ul > li > a,
    body:not([data-header-format="left-header"]) #header-outer #search-outer.nectar.small-nav + header#top nav > ul > .megamenu > .sub-menu > li,
    body:not([data-header-format="left-header"]) #header-outer #search-outer.nectar.small-nav + header#top nav > ul > .megamenu > .sub-menu > li > a,
    body:not([data-header-format="left-header"]) #header-outer #search-outer.nectar.small-nav + header#top .nectar-global-section-megamenu,
    body:not([data-header-format="left-header"]) #header-outer #search-outer.nectar.small-nav + header#top .nectar-global-section-megamenu .inner,
    body:not([data-header-format="left-header"]) #header-outer #search-outer.nectar.small-nav + header#top .nectar-global-section-megamenu a {
        color: #111111 !important;
    }
}