/*
Theme Name: Yummy Recipe 02
Theme URI: https://blossomthemes.com/downloads/yummy-recipe/
Template: vilva
Author: Blossom Themes
Author URI: https://blossomthemes.com/
Description: Yummy Recipe is a perfect theme for creating a professional food blog and recipe website. The theme is mobile-friendly, SEO optimized, Schema friendly, and loads faster to help you rank your recipes higher on search engines. The theme is compatible with the Delicious Recipes plugin to provide top-notch features to easily create and share your recipes. You can easily choose from unlimited colors and 900+ Google fonts to change your website look and feel with a single click. With the Instagram section, you can share your recipe images and grow your followers. It also includes newsletter integration to help you grow your email list and communicate with your readers. Yummy Recipe is translation ready, RTL ready, and WooCommerce compatible. Check demo at https://blossomthemes.com/theme-demo/?theme=yummy-recipe, read the documentation at https://docs.blossomthemes.com/yummy-recipe/, and get support at https://blossomthemes.com/support-ticket/.
Tags: blog,one-column,two-columns,right-sidebar,left-sidebar,footer-widgets,custom-background,custom-header,custom-menu,custom-logo,featured-images,threaded-comments,full-width-template,rtl-language-support,translation-ready,theme-options,photography,e-commerce
Version: 1.0.0.1646646078
Updated: 2022-03-07 09:41:18

*/

body {
    font-size: 17px;
}
:root {
    --primary-font: 'Bitter', serif;
    --secondary-font: 'Playfair Display', serif;
    --primary-color: #80b784;
}
.site-header.style-two .header-bottom .container {
    flex: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.site-header.style-two .header-bottom .main-navigation {
    flex: auto;
    display: flex;
    flex-wrap: wrap;
}
.site-header.style-two .header-bottom .right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.site-header.style-two .header-bottom .header-social + .header-search, .site-header.style-two .header-bottom .header-social + .cart-block {
    padding-left: 15px;
    margin-left: 5px;
    border-left: 1px solid rgba(0,0,0,0.15);
}
.site-header.style-two .header-search-wrap {
    top: -2px;
}
.site-banner.style-two .owl-stage {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
}
.site-banner.style-two .owl-item {
    flex: auto;
    display: flex;
    flex-direction: column;
}
.site-banner.style-two .item {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
}
.site-banner.style-two .item .banner-img-wrap {
    width: 60%;
    display: flex;
    flex-direction: column;
}
.site-banner.style-two .item .banner-img-wrap img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.site-banner.style-two .item .banner-caption {
    width: 40%;
    display: flex;
    position: static;
    background-color: rgba(var(--primary-color-rgb);
    flex-direction: column;
    text-align: left;
    justify-content: center;
    padding: 40px;
}
.site-banner.style-two .banner-caption .cat-links a, .site-banner.style-two .banner-caption .cat-links a::after {
    color: #121212;
}
.site-banner.style-two .banner-caption .banner-title {
    font-size: 2.67em;
    background-image: none;
}
.site-banner.style-two .item .banner-desc {
    margin-top: 20px;
}
.site-banner.style-two .item .banner-meta {
    margin-top: 15px;
}
.site-banner.style-two .banner-meta > span {
    font-size: 0.6666em;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #121212;
}
.site-banner.style-two .banner-meta > span::after {
    height: 5px;
    width: 5px;
    display: inline-block;
    background-color: rgba(0,0,0,0.25);
    vertical-align: middle;
    content: "";
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    margin: -3px 5px 0;
}
.site-banner.style-two .banner-meta > span:last-child::after {
    display: none;
}
.site-banner.style-two .banner-meta > span a {
    font-weight: 700;
    color: #121212;
}
.site-banner.style-two .banner-meta > span a:hover {
    color: var(--primary-color);
}
.site-banner.style-two .owl-carousel .owl-stage-outer + .owl-nav [class*="owl-"] {
    left: -60px;
    background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M152.485 396.284l19.626-19.626c4.753-4.753 4.675-12.484-.173-17.14L91.22 282H436c6.627 0 12-5.373 12-12v-28c0-6.627-5.373-12-12-12H91.22l80.717-77.518c4.849-4.656 4.927-12.387.173-17.14l-19.626-19.626c-4.686-4.686-12.284-4.686-16.971 0L3.716 247.515c-4.686 4.686-4.686 12.284 0 16.971l131.799 131.799c4.686 4.685 12.284 4.685 16.97-.001z"></path></svg>');
    background-color: rgba(0,0,0,0.5);
    border: none;
}
.site-banner.style-two .owl-carousel .owl-stage-outer + .owl-nav .owl-next {
    left: auto;
    right: -60px;
    background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M295.515 115.716l-19.626 19.626c-4.753 4.753-4.675 12.484.173 17.14L356.78 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h344.78l-80.717 77.518c-4.849 4.656-4.927 12.387-.173 17.14l19.626 19.626c4.686 4.686 12.284 4.686 16.971 0l131.799-131.799c4.686-4.686 4.686-12.284 0-16.971L312.485 115.716c-4.686-4.686-12.284-4.686-16.97 0z"></path></svg>');
}
.site-banner.style-two .owl-carousel .owl-stage-outer + .owl-nav [class*="owl-"]:hover {
    background-color: var(--primary-color);
}
.post-layout-two .site-main article {
    flex: 1;
    padding-bottom: 60px;
    display: flex;
    margin-bottom: 60px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    align-items: center;
    flex-wrap: wrap;
}
.post-layout-two .site-main article .post-thumbnail {
    width: 47%;
    margin-bottom: 0;
}
.post-layout-two .site-main article .post-thumbnail + .content-wrap {
    width: 53%;
    padding-left: 30px;
}
.post-layout-two .site-main article .content-wrap .entry-title {
    margin-top: 0;
    margin-bottom: 15px;
}
.widget ul li, .widget-area .widget_categories ul li, .widget-area .widget_archive ul li, .widget-area .widget_meta ul li, .widget-area .widget_nav_menu ul li, .widget-area .widget_pages ul li, .widget_bttk_popular_post ul li .entry-header .entry-title, .widget_bttk_pro_recent_post ul li .entry-header .entry-title {
    font-weight: normal;
}
.archive .site-main .dr-archive-list-gridwrap article:not(:first-child) {
    margin-top: 50px;
}
.recipe-post .entry-meta .post-rating .meta-text {
    display: inline-block;
    vertical-align: middle;
}
.single-recipe .site-main .post-navigation {
    padding-top: 60px;
}
.single-recipe .post-navigation .nav-links .nav-previous {
    flex-direction: inherit;
}
@media screen and (max-width: 1366px) {
.site-banner.style-two .banner-caption .banner-title {
    font-size: 1.67em;
}
.site-banner.style-two .owl-carousel .owl-stage-outer + .owl-nav [class*="owl-"] {
    left: 0;
}
.site-banner.style-two .owl-carousel .owl-stage-outer + .owl-nav .owl-next {
    left: auto;
    right: 0;
}
}
@media screen and (max-width: 1024px) {
.site-banner.style-two .item {
    flex-direction: column;
}
.site-banner.style-two .item .banner-img-wrap {
    width: 100%;
}
.site-banner.style-two .item .banner-caption {
    width: 100%;
    padding: 20px;
}
.site-banner.style-two .banner-caption .banner-title {
    font-size: 1.3333em;
}
.site-banner.style-two .item .banner-desc {
    font-size: 0.8888em;
}
}
@media screen and (max-width: 767px) {
.post-layout-two .site-main article {
    padding-bottom: 40px;
    margin-bottom: 40px;
    flex-direction: column;
}
.post-layout-two .site-main article .post-thumbnail {
    width: 100%;
    margin-bottom: 30px;
}
.post-layout-two .site-main article .post-thumbnail + .content-wrap {
    width: 100%;
    padding-left: 0;
}
}