/*
*Theme Name:     Lemon & Limes Child Theme
*Theme URI: 	 http://lemonlimes.loftocean.com/
*Description:    Lemon & Limes child theme for user customization
*Author:         Loft.Ocean
*Author URI:     http://www.loftocean.com
*License: 		 GNU General Public License v2 or later
*License URI: 	 http://www.gnu.org/licenses/gpl-2.0.html
*Tags: 			 full-width-template, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, rtl-language-support, sticky-post, threaded-comments, translation-ready
*Template:       lemon-limes
*Text Domain: 	 lemon-limes-child
*Version:        1.1
*/



/** Filson Pro font-face (OTF only, add woff/woff2 if available) **/
@font-face {
    font-family: 'Filson Pro';
    src: url('assets/fonts/filson-pro/FilsonProThin.woff') format('woff'),
        url('assets/fonts/filson-pro/FilsonProThin.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Filson Pro';
    src: url('assets/fonts/filson-pro/FilsonProThinItalic.woff') format('woff'),
        url('assets/fonts/filson-pro/FilsonProThinItalic.otf') format('opentype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Filson Pro';
    src: url('assets/fonts/filson-pro/FilsonProLight.woff') format('woff'),
        url('assets/fonts/filson-pro/FilsonProLight.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Filson Pro';
    src: url('assets/fonts/filson-pro/FilsonProLightItalic.woff') format('woff'),
        url('assets/fonts/filson-pro/FilsonProLightItalic.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Filson Pro';
    src: url('assets/fonts/filson-pro/FilsonProBook.woff') format('woff'),
        url('assets/fonts/filson-pro/FilsonProBook.otf') format('opentype');
    font-weight: 350;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Filson Pro';
    src: url('assets/fonts/filson-pro/FilsonProBookItalic.woff') format('woff'),
        url('assets/fonts/filson-pro/FilsonProBookItalic.otf') format('opentype');
    font-weight: 350;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Filson Pro';
    src: url('assets/fonts/filson-pro/FilsonProRegular.woff') format('woff'),
        url('assets/fonts/filson-pro/FilsonProRegular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Filson Pro';
    src: url('assets/fonts/filson-pro/FilsonProRegularItalic.woff') format('woff'),
        url('assets/fonts/filson-pro/FilsonProRegularItalic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Filson Pro';
    src: url('assets/fonts/filson-pro/FilsonProMedium.woff') format('woff'),
        url('assets/fonts/filson-pro/FilsonProMedium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Filson Pro';
    src: url('assets/fonts/filson-pro/FilsonProMediumItalic.woff') format('woff'),
        url('assets/fonts/filson-pro/FilsonProMediumItalic.otf') format('opentype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Filson Pro';
    src: url('assets/fonts/filson-pro/FilsonProBold.woff') format('woff'),
        url('assets/fonts/filson-pro/FilsonProBold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Filson Pro';
    src: url('assets/fonts/filson-pro/FilsonProBoldItalic.woff') format('woff'),
        url('assets/fonts/filson-pro/FilsonProBoldItalic.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Filson Pro';
    src: url('assets/fonts/filson-pro/FilsonProHeavy.woff') format('woff'),
        url('assets/fonts/filson-pro/FilsonProHeavy.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Filson Pro';
    src: url('assets/fonts/filson-pro/FilsonProHeavyItalic.woff') format('woff'),
        url('assets/fonts/filson-pro/FilsonProHeavyItalic.otf') format('opentype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Filson Pro';
    src: url('assets/fonts/filson-pro/FilsonProBlack.woff') format('woff'),
        url('assets/fonts/filson-pro/FilsonProBlack.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Filson Pro';
    src: url('assets/fonts/filson-pro/FilsonProBlackItalic.woff') format('woff'),
        url('assets/fonts/filson-pro/FilsonProBlackItalic.otf') format('opentype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select,
textarea,
a {
    font-family: 'Filson Pro', Arial, sans-serif;
}

:root {
    --coolinarco-red: #D05B68;
    --coolinarco-green: #074C3E;
    --coolinarco-yellow: #F6B853;
    --coolinarco-beige: #F7DAAA;
    --body-font: 'Filson Pro', Arial, sans-serif !important;
    --heading-font: 'Filson Pro', Arial, sans-serif !important;
    --sub-menu-font: 'Filson Pro', Arial, sans-serif !important;
    --intro-font: 'Filson Pro', Arial, sans-serif !important;
}

.site-header .site-header-main {
    border-bottom: 2px solid #000;
    background: var(--coolinarco-beige);
}

.site-header .primary-menu>li.current-menu-item>a,
.site-header .primary-menu>li.current-menu-ancestor>a {
    color: var(--coolinarco-red);
}

.site-header .primary-menu>li>a {
    color: var(--coolinarco-green);
}

.lemon-limes-banner.site-top {
    height: 260px;
}

@media (max-width: 1041px) {
    .lemon-limes-bannr.site-top {
        height: unset;
    }
}

.comment-respond {
    background: #f9f9f9;
    padding: 20px;
    margin-top: 20px;
}

.comment-respond .comment-form-author,
.comment-respond .comment-form-email {
    width: 100% !important;
}

.comment-respond .g-recaptcha {
    margin: 30px 0;
}

.comment-respond .g-recaptcha>div {
    width: 100% !important;
}

.single.post-template-3.has-header-img.featured-img-reverse .site-header,
.page.page-template-3.has-header-img.featured-img-reverse .site-header {
    margin-bottom: 0;
}

@media (min-width: 320px) and (min-height: 400px) {
    [class^="SB-Default-"].ad-wrapper {
        height: 250px;
    }

}

@media (min-width: 991px) and (min-height: 600px) {
    [class^="SB-Default-"].ad-wrapper {
        height: 600px;
    }

}

.custom-recipe-card .post-content::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
}

.custom-recipe-card .cat-links {
    background-color: unset !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #FFF;
    text-align: center;
    font-family: "Filson Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-transform: uppercase;
}

.custom-recipe-card .cat-links a:not(:last-child):after,
.cat-links span:not(:last-child):after {
    content: "/" !important;
}

.custom-recipe-card .post-title {
    margin: 0 !important;
    padding: 0 !important;
}

.custom-recipe-card .post-title a {
    padding: 0 !important;
    margin: 0 !important;
    background-color: unset !important;
    color: #fff !important;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "Filson Pro";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    white-space: nowrap;
    display: block !important;
    max-width: 100%;
}

.custom-recipe-card .post-content .wprm-recipe-rating {
    margin: 0 0 24px 0 !important;
    padding: 0 !important;
}

.custom-recipe-card .meta {
    background: unset !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #fff !important;

    font-family: "Filson Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

.custom-recipe-card .meta .time {
    background: unset !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #fff !important;

    font-family: "Filson Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

.custom-recipe-card .meta .time a {
    pointer-events: none !important;
}