/*
Theme Name: Recipe Blogs
Theme URI: https://www.ovationthemes.com/products/free-recipe-blog-wordpress-theme
Author: pewilliams
Author URI: https://www.ovationthemes.com/
Description: Recipe Blogs is a beautifully designed free WordPress theme crafted for culinary enthusiasts, professional chefs, and food lovers. It provides an elegant and modern layout, making it the perfect choice for sharing food recipes, baking recipes, restaurant reviews, cooking tips, hospitality services, catering services, gourmet dishes, homemade meals, vegan cooking, and organic food ideas. The theme is fully responsive, ensuring that your content looks stunning on desktops, tablets, and mobile devices. With Recipe Blogs, you get a feature-rich theme that supports custom widgets, SEO optimization, and WooCommerce compatibility. Whether you're running a food magazine, nutrition blog, personal chef website, gourmet food site, organic food store, meal planning blog, or healthy eating guide, this theme makes it easy to showcase your content professionally. It also includes social media integration, ad management support, customizable colors, and a featured recipe section to engage your audience. The theme comes with a user-friendly interface and fast-loading design, ensuring an exceptional user experience. You can organize your content efficiently with categories, recipe filters, and featured images that highlight your best dishes. Additionally, Recipe Blogs offers customizable fonts, sidebar widgets, and a clean layout to make your website visually appealing. Whether you're an aspiring food blogger, a professional chef, or a restaurant owner, Recipe Blogs provides all the essential features needed to build a successful food and cooking blog, lifestyle food site, culinary portfolio, or meal prep guide. Demo: https://trial.ovationthemes.com/recipe-blogs/
Requires at least: 6.1
Tested up to: 6.8
Requires PHP: 5.6
Version: 1.5
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: recipe-blogs
Tags: blog, portfolio, food-and-drink, one-column, two-columns, custom-colors, custom-menu, custom-logo, sticky-post, threaded-comments, right-sidebar, left-sidebar, grid-layout, custom-background, rtl-language-support, featured-images, wide-blocks, editor-style, full-site-editing, block-patterns, block-styles, style-variations, template-editing, translation-ready

Recipe Blogs WordPress Theme, Copyright 2024 pewilliams
Recipe Blogs is distributed under the terms of the GNU GPL

*/

a{
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
a:focus,
button:focus{
    outline: 2px solid white !important;
}
/*navigation css*/
@media screen and (min-width:1200px){
    .wp-block-navigation ul li a{
        position: relative;
    }
    .wp-block-navigation ul li a:hover,
    .wp-block-navigation ul li a:focus,
    .wp-block-navigation .current-menu-item a,
    .wp-block-navigation ul ul li a:hover,
    .wp-block-navigation ul ul li a:focus,
    .wp-block-navigation__submenu-container .current-menu-item a{
        color: var(--wp--preset--color--fourth) !important;
    }
    .wp-block-navigation .has-child .wp-block-navigation__submenu-container{  
        border: 1px solid #eee;
        border-radius: 15px;
        padding: 15px !important;
        margin-left: 2px;
    }
    .wp-block-navigation ul ul li a{
        color: var(--wp--preset--color--fourth);
    }
}
.wp-block-navigation ul ul{
    padding: 0 !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
    width: 100%;
}
.wp-block-navigation .wp-block-navigation__submenu-icon{
    background: transparent;
}
/*header navigation css always open*/
.header-nav .wp-block-navigation__responsive-container-close svg,
.header-nav .wp-block-navigation__responsive-container-open svg{
    width: 26px;
    height: 26px;
}

.header-nav .wp-block-navigation__responsive-container-open svg{
    fill: var(--wp--preset--color--white);
}
.header-nav .wp-block-navigation__responsive-container-close svg{
    fill: var(--wp--preset--color--black);
}

.header-nav .wp-block-navigation__responsive-container-close{
    top: 0;
    right: 20px;
}

.header-nav .wp-block-navigation__responsive-container-open:not(.always-shown){
    display: block;
}

.header-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none; 
}

.header-nav .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{
    background-color: var(--wp--preset--color--white);
}
.header-nav .wp-block-navigation__responsive-container.is-menu-open{
    width: 20%;
    margin-right: 0;
    margin-left: auto;
    border-left: 2px solid #000;
}

.header-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
    padding: 1.5em;
    padding-top: 2.5rem;
}

.header-nav .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
    width: 100%;
    gap: 0 !important;
    border-bottom: none;
}
.header-nav .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item {
    width: 100%;
    gap: 0 !important;
    border: none !important;
}
.header-nav .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item a {
    width: calc( 100% - 48px );
    padding: 12px 24px 12px;
    line-height: 30px;
    text-align: left;
}

/*
* Submenu Css
*/
.header-nav .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container {
    width: 100%;
    gap: 0;
    margin: 0;
    padding: 0;
    box-shadow: none;
}
.header-nav .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a{
    gap: 3px;
    font-weight: 300 !important;
}
.header-nav .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a:before {
    content: '--';
}
@media screen and (max-width:1199px) {
    .wp-block-navigation__responsive-container,
    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{
        display: none;
    }

    .wp-block-navigation__responsive-container-close svg,
    .wp-block-navigation__responsive-container-open svg{
        width: 26px;
        height: 26px;
    }
    
    .wp-block-navigation__responsive-container-open svg{
        fill: var(--wp--preset--color--heading);
    }
    .wp-block-navigation__responsive-container-close svg{
        fill: var(--wp--preset--color--black);
    }

    .wp-block-navigation__responsive-container-close{
        top: 0;
        right: 20px;
    }

    .wp-block-navigation__responsive-container-open:not(.always-shown){
        display: block;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none; 
    }
    .wp-block-navigation__responsive-container.is-menu-open{
        width: 30%;
        border-right: 2px solid #000;
    }
    .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{
        background-color: var(--wp--preset--color--white);
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
        padding: 1.5em;
        padding-top: 2.5rem;
    }

    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
        width: 100%;
        gap: 0 !important;
        border-bottom: none;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item {
        width: 100%;
        gap: 0 !important;
        border: none !important;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item a {
        width: calc( 100% - 48px );
        padding: 12px 24px 12px;
        line-height: 30px;
        text-align: left;
    }

    /*
    * Submenu Css
    */
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container {
        width: 100%;
        gap: 0;
        margin: 0;
        padding: 0;
        box-shadow: none;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a{
        gap: 3px;
        font-weight: 300 !important;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a:before {
        content: '--';
    }
    
}
.wp-block-image img{
    vertical-align: middle;
}

.pos-relative{
    position: relative;
}

form {
    position: relative;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
    width: 100%;
    margin: 0;
    padding: 10px 15px;
    border: 1px solid var(--wp--preset--color--border-color);
    outline: 0;
    resize: none;
    line-height: 20px;
    background: none;
    color: var(--wp--preset--color--foreground);
    font-weight: 400;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
select option{
    background: var(--wp--preset--color--base);
    color: var(--wp--preset--color--foreground);
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none; /* hide the default arrow in ie10 and ie11 */
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
    border-color: var(--wp--preset--color--primary);
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer;
    border: none;
    outline: none;
    padding: 12px 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 5px;
}
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    text-align: center;
}

.wpcf7-form label {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 0 8px;
    color: var(--wp--preset--color--foreground);
    font-weight: 700;
}

.form-group {
    margin-bottom: 30px;
}

.form-group p{
    margin: 0;
}

.form-group.half {
    width: 48%;
    margin-right: 4%;
    float: left;
}

.form-group.half.last {
    margin-right: 0;
}

.form-group.third {
    width: 32%;
    margin-right: 2%;
    float: left;
}

.form-group.third.last {
    margin-right: 0;
}
/*post css*/
.inner-post-box{
    position: relative;
    box-shadow: 0px 4px 9px var(--wp--preset--color--sidebar-shadow-color);
}
.post-title{
    position: relative;
}
.post-title .wp-block-separator{
    width: 57px !important;
}
.post-title .wp-block-separator:after{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: var(--wp--preset--color--primary);
    top: 0;
    bottom: 0;
    margin: auto;
}
.archieve-readmore .wp-block-separator{
    width: 20px !important;
}
/*comment*/
.single-post .wp-block-comments,
.page .wp-block-comments{
    padding: 20px;
    border: 1px solid var(--wp--preset--color--border-color);
}
.single-post .wp-block-comment-template li .wp-block-columns,
.page .wp-block-comment-template li .wp-block-columns{
    border: 1px solid var(--wp--preset--color--border-color);
    padding: 20px;
}
.single-post .wp-block-avatar img,
.page .wp-block-avatar img{
    border: 1px solid var(--wp--preset--color--border-color);
    padding: 2px;
}
.single-post .wp-block-post-comments-form textarea,
.page .wp-block-post-comments-form textarea{
    background: var(--wp--preset--color--base);
}
/*pagination*/
.wp-block-query-pagination-numbers .page-numbers{
    padding: var(--wp--preset--spacing--20);
    line-height: 1;
    text-decoration: none;
    color:var(--wp--preset--color--primary);
}
.wp-block-query-pagination-numbers .page-numbers.current{
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--black) !important;
}
.wp-block-query-pagination-numbers .page-numbers:hover,
.wp-block-query-pagination-numbers .page-numbers:focus{
    color:var(--wp--preset--color--heading);
}
.wp-block-query-pagination-next, .wp-block-query-pagination-previous{
    background-color: var(--wp--preset--color--primary);
    font-size: var(--wp--preset--font-size--small);
    line-height: 1;
    padding: 10px;
    color: var(--wp--preset--color--black);
    text-decoration: none;
}
.wp-block-query-pagination-next:hover,.wp-block-query-pagination-next:focus,
.wp-block-query-pagination-previous:hover,.wp-block-query-pagination-previous:focus{
    color: var(--wp--preset--color--white);
    background-color: var(--wp--preset--color--secondary);
}

/*woocommerce*/
.wp-block-group.woocommerce.product{
    margin-block-start: 0;
}
.wc-block-product,
.wc-block-grid__product,
.woocommerce .products li,
.wp-block-woocommerce-related-products li,
.products-block-post-template li {
    text-align: center;
    padding: 10px !important;
    background: var(--wp--preset--color--base);
    box-shadow: 0px 4px 9px var(--wp--preset--color--sidebar-shadow-color);
}
.wc-block-grid__product{
    margin: 0 10px;
}
a.wc-block-grid__product-link,.wc-block-grid__product-image,.wc-block-grid__products .wc-block-grid__product-image img {
    width: 100%;
}
.wc-block-components-product-rating__stars,.wc-block-grid__product-rating,.woocommerce .star-rating {
    margin: 0 auto 0.5em;
    color: #f4bc16;
}
.wc-block-components-product-rating__stars::before,.wc-block-grid__product-rating .star-rating:before{
    color: #cfc8d8;
}
.woocommerce span.onsale,.wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale{
    background-color: var(--wp--preset--color--black);
    color: var(--wp--preset--color--primary);
    padding: 0;
    border-radius: 0px;
    margin: 5px !important;
    min-height: 8px;
    line-height: 26px;
    min-width: 60px;
}
nav.woocommerce-MyAccount-navigation ul li {
    background: var(--wp--preset--color--primary);
    border: 1px solid;
    border-color: var(--wp--preset--color--primary);
    padding: 12px!important;
    margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
    color: var(--wp--preset--color--black);
}
nav.woocommerce-MyAccount-navigation ul li:hover {
    background: var(--wp--preset--color--secondary);
    border-color: var(--wp--preset--color--secondary);
}
nav.woocommerce-MyAccount-navigation ul li:hover a{
    color: var(--wp--preset--color--white);
}
nav.woocommerce-MyAccount-navigation ul li a:hover,
nav.woocommerce-MyAccount-navigation ul li a:focus{
     color: var(--wp--preset--color--white);
}
.woocommerce ul.products li.product .button{
    padding: var(--wp--preset--spacing--30);
    border-radius: 30px;
}
.woocommerce a.added_to_cart,
.added_to_cart.wc-forward{
    background-color: var(--wp--preset--color--black);
    color: var(--wp--preset--color--primary);
    border-radius: 0;
    padding: var(--wp--preset--spacing--30);
    text-decoration: none;
    display: inline-block;
    
}
.added_to_cart.wc-forward{
    margin-left: 10px;
}
.wc-block-components-product-badge{
    box-shadow: 2px 2px 0 0 var(--wp--preset--color--heading);
    border-radius: 0 !important;
    border: solid 2px var(--wp--preset--color--heading) !important;
    padding: 5px 8px !important;
}
.wc-block-grid__product .wc-block-grid__product-title,.wc-block-components-product-name,h2.woocommerce-loop-product__title,.woocommerce-Tabs-panel h2{
  font-size: 18px !important;
  font-weight: bold;
}
.woocommerce #review_form #respond textarea{
   background: var(--wp--preset--color--base);
    border: 1px solid var(--wp--preset--color--border-color);
}
.woocommerce-Tabs-panel--reviews,.wc-block-checkout__form,.woocommerce-Tabs-panel--description{
    padding: 20px !important;
    border: 1px solid var(--wp--preset--color--border-color);
}
.wc-block-checkout__form, .wp-block-woocommerce-checkout-order-summary-block,.wc-block-checkout__actions_row a:hover{
    color: var(--wp--preset--color--heading);
}
.wc-block-components-sidebar-layout.wc-block-cart{
    padding-top: 30px;
}
.wc-block-cart{
    border: 1px solid var(--wp--preset--color--border-color);
    padding: 30px;
    border-radius: 10px;
    color: var(--wp--preset--color--heading);
}
.is-large.wc-block-cart .wc-block-cart-items td:after ,.is-large.wc-block-cart .wc-block-cart-items:after {
    border-color: transparent;
}
.wc-block-cart .wc-block-cart-items th,.wp-block-woocommerce-cart-order-summary-block .wc-block-cart__totals-title{
    padding: 10px !important;
}
.wc-block-cart table.wc-block-cart-items{
    margin: 0 !important;
}
.wp-block-woocommerce-cart .wc-block-cart-items,.wc-block-cart-items__header,.wp-block-woocommerce-checkout-order-summary-block,.wp-block-woocommerce-cart-order-summary-block,.woocommerce-Tabs-panel--description,.is-large.wc-block-cart .wc-block-cart-items{
    border: 1px solid var(--wp--preset--color--border-color);
}
.wc-block-components-totals-wrapper:after{
    border-color:  var(--wp--preset--color--border-color);
    opacity: 1 !important;
}
.wc-block-cart__submit-container a{
    margin-top: 15px;
}
.wc-block-checkout__actions_row a{
    color: var(--wp--preset--color--primary);
}
.wc-block-checkout__actions_row a:hover{
    color: var(--wp--preset--color--heading);
}
.wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide.wc-block-checkout {
    margin-right: auto !important;
    margin-left: auto !important;
}
.wc-block-components-sidebar-layout .wc-block-components-main {
    padding-right: 0 !important;
}
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover {
    background: transparent;
}
@media screen and (max-width:999px){
    .woocommerce-page.search .wp-block-woocommerce-product-template,
    .woocommerce-page .products-block-post-template,
    .wp-block-woocommerce-related-products .wp-block-post-template{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .woocommerce-page .wp-block-query-title{
        font-size: 30px !important;
    }
    .wc-block-components-totals-wrapper{
        padding: 16px 22px;
    }
    .wc-block-cart{
        padding: 0;
        border: none;
    }
    .wc-block-components-sidebar-layout.wc-block-cart{
        padding-top: 0;
    }
}
@media screen and (max-width:600px){
    .woocommerce-page.search .wp-block-woocommerce-product-template,
    .woocommerce-page .products-block-post-template,
    .wp-block-woocommerce-related-products .wp-block-post-template{
        grid-template-columns: 1fr !important;
    }
    .single-product .wp-block-woocommerce-product-meta .wp-block-group{
        display: block !important;
    }
    .woocommerce-page .wp-block-query-title{
        font-size: 25px !important;
    }
    .wp-block-woocommerce-cart:where(:not(.alignleft):not(.alignright):not(.alignfull)){
        max-width: 100% !important;
    }
    .is-mobile table.wc-block-cart-items .wc-block-cart-items__row{
        grid-template-columns: 54px 132px !important;
    }
}
/* scroll top */
p.scroll-top {
    position: absolute;
}
.scroll-top::before{
    font-size: 20px;
    cursor: pointer;
    background: var(--wp--preset--color--secondary); 
    color: var(--wp--preset--color--white);
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: '\f135'; 
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    transform: rotate(-45deg);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    z-index: 99;
}
/*inner pages*/
.post-inner .scroll-bar {
    padding: 5px 10px !important;
}
.post-inner .header-row{
    flex-direction: row !important;
}
.post-inner .header-cart-outer{
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.post-inner .header-icons-outer,
.post-inner .header-icons{
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.post-inner .header-icons{
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.post-inner .header-nav{
    padding: 0 15px !important;
    height: 54px;
}
.post-inner .header-search .blockons-search-block{
    padding: 0 15px !important;
    height: 54px;
}

@media screen and (max-width:1399px) {
    .inner-cover-img h2,.without-cover-img h2{
        font-size: 30px !important;
    }
    .post-title .wp-block-separator{
        width: 30px !important;
    }
    .post-title h4{
        font-size: 21px;
    }
    .archieve-meta time ,
    .archieve-meta .wp-block-post-author-name{
        font-size: 13px !important;
    }
}
@media screen and (max-width:1299px) {
    .archive .wp-block-post-template,
    .blog .wp-block-post-template{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media screen and (max-width:767px){
    .archive .wp-block-post-template,
    .blog .wp-block-post-template,
    .search-results .wp-block-post-template{
        display: block !important;
    }
    .archive .wp-block-post-template li,
    .blog .wp-block-post-template li,
    .search-results .wp-block-post-template li{
        margin-bottom: 30px;
    }
    .archive .wp-block-post-template li:last-child,
    .blog .wp-block-post-template li:last-child,
    .search-results .wp-block-post-template li:last-child{
        margin-bottom: 0;
    }
    .inner-cover-img h2,.without-cover-img h2{
        font-size: 25px !important;
        text-align: center !important;
    }
    .error-heading{
        font-size: 110px !important;
    }
}
/*sidebar*/
.home-design,.footer-design{
    border-left: 1px solid var(--wp--preset--color--sidebar-shadow-color);
}
/*sidebar-scroll*/
.home-sidebar .home-sidebar-outer,
.sidebar-col .home-sidebar-outer{
    position: fixed;
    width: 18%;
    z-index: 555;
    overflow: hidden;
    height: 80%;
    box-shadow: 0px 4px 34px 0px var(--wp--preset--color--sidebar-shadow-color);
}
.home-sidebar .scroll-bar,
.sidebar-col .scroll-bar {
    position: fixed;
    overflow: hidden;
    width: 18%;
    height: 80%;
}
.home-sidebar .scroll-bar-inner,
.sidebar-col .scroll-bar-inner{
    height: calc(100% - 2rem);
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1;
    width: 100%;
}
.home-sidebar .scroll-bar-inner::-webkit-scrollbar-track,
.sidebar-col .scroll-bar-inner::-webkit-scrollbar-track,
.home-sidebar .scroll-bar-inner::-webkit-scrollbar,
.sidebar-col .scroll-bar-inner::-webkit-scrollbar,
.home-sidebar .scroll-bar-inner::-webkit-scrollbar-thumb,
.sidebar-col .scroll-bar-inner::-webkit-scrollbar-thumb{
    display: none !important;
}
/*sidebar-navigation*/
.sidebar-menus .wp-block-navigation .wp-block-navigation__submenu-icon{
    rotate: 270deg;
}
.sidebar-menus .wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{
    color: #200e3233;
    fill: #200e3233;
}
.sidebar-menus ul.wp-block-navigation__container,
.sidebar-menus li.wp-block-navigation-item,
.sidebar-menus a.wp-block-navigation-item__content{
    width: 100%;
}
/*sidebar-social*/
.sidebar-social .wp-social-link{
    width: 100%;
    display: block;
    border-radius: 10px;
}
.sidebar-social .wp-social-link a{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.sidebar-social .wp-social-link-instagram{
    background: linear-gradient(180deg, #FF0080, #FF3CAC, #FF8133);    
}
.sidebar-social .wp-block-social-link:hover {
    transform: none;
}
/*homepage*/
/*header*/
/*header-scroll*/
.home-header .home-header-outer{
    position: fixed;
    width: 4.1%;
    z-index: 555;
    overflow: hidden;
    height: 80%;
    box-shadow: 0px 4px 34px 0px #0000000D;
}
.home-header .scroll-bar{
    position: fixed;
    overflow: hidden;
    width: 4.1%;
    height: 80%;
}
.home-header .scroll-bar-inner{
    height: calc(100% - 0.1rem);
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1;
    width: 100%;
}
.home-header-outer .scroll-bar-inner::-webkit-scrollbar-track,
.home-header-outer .scroll-bar-inner::-webkit-scrollbar,
.home-header-outer .scroll-bar-inner::-webkit-scrollbar-thumb{
    display: none !important;
}
.header-row{
    height: 100%;
    gap: 15px;
    justify-content: space-between;
}
.header-search .wp-block-blockons-search{
    display: block !important;
}
.header-search .blockons-search-block{
    padding: 0 10px !important;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--wp--preset--color--fourth) !important;
    border-radius: 0;
    color: #fff !important;
}
.header-search .blockons-search-block span{
    color: #fff !important;
}
.header-nav{
    width: 100%;
    padding: 0 10px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header-icons figure{
    margin: 0 !important;
    text-align: center;
    padding: 15px;
}
.clock-img{
    background: var(--wp--preset--color--primary);
    margin: 0 !important;
}
/*banner blogs*/
.banner-blogs .wp-block-cover__inner-container{
    position: static !important;
}
.banner-blog-text-box{
    position: absolute;
    bottom: 40px;
    left: 10%;
    right: 10%;
}
.cat-box.taxonomy-category {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: center;
    align-items: center;
}
.cat-box.taxonomy-category a {
    background: #FFFFFF80;
    padding: 8px 10px;
    border-radius: 30px;
    text-transform: capitalize;
    color: #fff;
    text-decoration: none;
    line-height: 0.5;
}
.banner-blogs .wp-block-cover:hover .cat-box.taxonomy-category a,
.cat-box.taxonomy-category a:focus{
    color: #000;
    background: var(--wp--preset--color--primary);
}
.cat-box .wp-block-post-terms__separator{
    display: none;
}
.meta-field-box .wp-block-post-date:after{
    content: '|';
    position: relative;
    right: -10px;
    bottom: 1px;
}
.meta-field-box .wp-block-post-date time:before,
.right-meta-row .wp-block-post-date time:before,
.f-inner-1 .wp-block-post-date time:before{
    content: '\f073';
    font-size: 13px;
    font-family: 'fontawesome';
    font-weight: 600;
    margin-right: 5px;
}
.meta-filed-text:before{
    content: '\f017';
    font-size: 13px;
    font-family: 'fontawesome';
    font-weight: 600;
    margin-right: 5px;
}
/*trending-recipes*/

.section-heading .heading-span,.footer-logo-wrap h5 .heading-span{
    color: #fff !important;
    background: var(--wp--preset--color--secondary);
}
.left-meta-row .wp-block-post-author,
.right-meta-row .wp-block-post-author{
    flex-wrap: nowrap;
    gap: 5px;
}
.left-meta-row .wp-block-post-author__avatar,
.right-meta-row .wp-block-post-author__avatar{
    height: 24px;
}
.left-meta-row .wp-block-post-author__avatar,
.right-meta-row .wp-block-post-author__avatar {
    margin-right: 0 !important;
}
.left-meta-row .wp-block-post-author__avatar img,
.right-meta-row .wp-block-post-author__avatar img{
    border-radius: 50%;
}
.left-meta-row .wp-block-post-author:after,
.right-meta-row .wp-block-post-author:after,
.right-meta-row .meta-filed-text:after{
    content: '|';
    position: relative;
    right: -7px;
    bottom: 1px;
}
/*footer*/
.f-about{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
@media screen and (max-width:1699px){
    .sidebar-menus{
        padding-right: var(--wp--preset--spacing--20) !important;
        padding-left: var(--wp--preset--spacing--20) !important;
    }
    .home-design,.post-col{
        flex-basis: 78% !important;
    }
    .home-sidebar,.sidebar-col{
        flex-basis: 22% !important;
    }
    .home-sidebar .home-sidebar-outer,
    .sidebar-col .home-sidebar-outer,
    .home-sidebar .scroll-bar,
    .sidebar-col .scroll-bar{
        width: 22%;
    }
    .home-sidebar .scroll-bar, 
    .sidebar-col .scroll-bar,
    .home-sidebar .home-sidebar-outer, 
    .sidebar-col .home-sidebar-outer,
    .home-header .home-header-outer,
    .home-header .scroll-bar{
        height: 85%;
    }
    .right-meta-row time,
    .left-meta-row time,
    .meta-field-box time,
    .f-inner-1 time,.meta-filed-text,
    .right-meta-row .wp-block-post-author,
    .left-meta-row .wp-block-post-author{
        font-size: 10px !important;
    }
    .left-meta-row .wp-block-post-author__avatar, 
    .right-meta-row .wp-block-post-author__avatar {
        height: 15px;
    }
    .left-meta-row .wp-block-post-author__avatar img, 
    .right-meta-row .wp-block-post-author__avatar img{
        height: 15px !important;
        width: 15px !important;
        vertical-align: middle;
    }
    .header-icons figure{
        padding: 10px;
    }
}
@media screen and (max-width:1299px){
    .home-design-outer{
        flex-wrap: wrap !important;
        gap: 0 !important;
    }
    .home-design-inner-wrap{
        flex-basis: 100% !important;
        order: 2;
    }
    .home-header{
        flex-basis: 100% !important;
        order: 1;
    }
    .home-header .scroll-bar{
        padding: 5px 10px !important;
    }
    .home-header .home-header-outer,
    .home-header .scroll-bar{
        position: static;
        height: auto;
        width: 100%;
        box-shadow: none;
    }
    .home-header .scroll-bar-inner{
        height: 100%;
        overflow-y:hidden;
    }
    .header-row{
        flex-direction: row !important;
    }
    .header-cart-outer{
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .header-icons-outer,.header-icons{
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .header-icons{
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }
    .header-nav{
        padding: 0 15px !important;
        height: 54px;
    }
    .header-search .blockons-search-block{
        padding: 0 15px !important;
        height: 54px;
    }
    .header-nav .wp-block-navigation__responsive-container.is-menu-open{
        width: 30%;
        margin-right: auto;
        margin-left: 0;
        border-left: none;
        border-right: 2px solid #000;
    }
    .header-icons figure{
        padding: 15px;
    }
}
@media screen and (max-width:1199px){
    .home-wrap,.inner-pages-wrap{
        flex-wrap: wrap !important;
    }
    .home-design,.post-col,
    .home-sidebar,.sidebar-col{
        flex-basis: 100% !important;
    }
    .home-sidebar .scroll-bar, 
    .sidebar-col .scroll-bar,
    .home-sidebar .home-sidebar-outer, 
    .sidebar-col .home-sidebar-outer{
        position: static;
        height: auto;
        width: 100%;
        box-shadow: none;
    }
    .home-sidebar .scroll-bar, 
    .sidebar-col .scroll-bar{
        padding: 5px 10px !important;
    }
    .home-sidebar .scroll-bar-inner,
    .sidebar-col .scroll-bar-inner{
        height: 100%;
        overflow-y:hidden;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;

    }
    .wp-block-social-links{
        flex-direction: row !important;
    }
    .sidebar-social .wp-social-link{
        width: auto;
        display: inline-block;
    }
    .sidebar-menus{
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-top: 0 !important;
    }
    .sidebar-social{
        margin-top: 0 !important;
    }
    .left-box-cols h2,.banner-blog-text-box h2{
        font-size: 18px !important;
    }
    .trending-main-right h2{
        font-size: 20px !important;
    }
}
@media screen and (max-width:991px){
    .trending-cols,.footer-widgets-inner{
        flex-wrap:wrap !important;
    }
    .trending-main-left,.trending-main-right,
    .f-box-1 ,.f-box-2{
        flex-basis: 100% !important;
    }
    .footer-widgets-inner,.f-2-cols,.copyright-text{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .f-box-1 ,.f-box-2{
        padding-left: var(--wp--preset--spacing--60) !important;
        padding-right: var(--wp--preset--spacing--60) !important;
    }
    .f-about{
        border-radius: 20px;
        text-align: center;
    }
    .f-about .wp-block-buttons{
        justify-content: center;
    }
    .header-nav .wp-block-navigation__responsive-container.is-menu-open,
    .wp-block-navigation__responsive-container.is-menu-open{
        width: 100%;
        border-right: none;
    }
}
@media screen and (max-width:781px){
    .left-box-cols,.f-2-cols,.f-latest,.footer-logo-wrap{
        flex-wrap: nowrap !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.left-box-col-1,
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.f-latest-1{
        flex-basis: 30% !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.left-box-col-2,
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.f-latest-1{
        flex-basis: 70% !important;
    }
    .banner-blogs .wp-block-cover{
        min-height: 400px !important;
    }
    .f-mail{
        font-size: 14px !important;
    }
    .f-call{
        font-size: 20px !important;
    }
    .sidebar-social .wp-social-link a {
        padding-top: .25em !important;
        padding-bottom: .25em !important;
    }
    .wp-block-social-links, .wp-block-social-links.has-normal-icon-size {
        font-size: 20px !important;
    }
}
@media screen and (max-width:767px){
    .wp-block-social-links .wp-social-link span{
        display: none;
    }
    .sidebar-social .wp-social-link a {
     padding-top: .25em !important;
     padding-bottom: .25em !important;
    }
    .banner-blogs .wp-block-post-template{
        display: block !important;
    }
    .banner-blogs .wp-block-cover{
        min-height: 300px !important;
    }
    .f-call{
        font-size: 14px !important;
    }
    .footer-logo{
        padding: var(--wp--preset--spacing--50) 15px !important;
    }
}
@media screen and (max-width:599px){
    .home-sidebar .scroll-bar-inner,
    .sidebar-col .scroll-bar-inner{
        flex-wrap: wrap !important;
        gap: 10px;
    }
    .sidebar-logo{
        width: 100%;
    }
    .left-box-cols, .f-2-cols, .f-latest, .footer-logo-wrap{
        flex-wrap: wrap !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.left-box-col-1,
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.f-latest-1,
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.left-box-col-2,
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.f-latest-1{
        flex-basis: 100% !important;
    }
    .trending-recipes,.footer-widgets {
        text-align: center;
    }
    .left-meta-row,.right-meta-row{
        justify-content: center;
    }
    .trending-main-right h2,.left-box-cols h2, .banner-blog-text-box h2,
    .f-latest-2 h2{
        font-size: 16px !important;
    }
    .trending-main-right .wp-block-post-excerpt__excerpt{
        font-size: 12px !important;
    }
    .f-contact-text,.f-mail,.f-call{
        text-align: center !important;
    }
    .f-about {
        padding: 20px !important; 
    }
}