/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.11.15.1763112001
Updated: 2025-11-14 09:20:01

*/


/* ===== KOLLEKTIF FONT ===== */

@font-face {
    font-family: 'kollektifregular';
    src: url('https://incloodiefoodtour.com//wp-content/themes/IncloodieFoodTour/assets/fonts/kollektif-webfont.woff2') format('woff2'),
         url('https://incloodiefoodtour.com/wp-content/themes/IncloodieFoodTour/assets/fonts/kollektif-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}





.font-kollektif,
.font-kollektif * {
  font-family: 'Kollektif', sans-serif !important;
}

.auth-wrap {
  min-height: 100vh;
  display: flex;
}

.auth-image {
  width: 50%;
  background-size: cover;
  background-position: center;
}

.auth-form {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px;
}

.auth-card {
  width: 100%;
  max-width: 420px;
}

/* REGISTER PAGE → hide LOGIN form */
body.page-id-11953 .woocommerce-form-login {
  display: none !important;
}

/* LOGIN PAGE → hide REGISTER form */
body.page-id-11954 .woocommerce-form-register {
  display: none !important;
}

.header-avatar{
  display:flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:50%;
  overflow:hidden;
  border:2px solid #FF1616;
  margin-left:12px;
}

.header-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

  /* ===============================
   BLOG LISTING – NO BOOTSTRAP
================================ */

/* GRID */
.blog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  margin-top: 30px;
}


.blog-title {
    text-align: left;
        margin-top: 40px;
font-family: 'Kollektif';
}

.card-date{ display:block; font-size:14px; color:#667085; margin-bottom:10px; } 

/* .read-more-btn{ display:inline-block; font-size:16px; font-weight:600; color:#FF1616; text-decoration:none; position:relative; transition:.3s ease; } 

.read-more-btn::after{ content:""; position:absolute; left:0; bottom:-2px; width:100%; height:1px; background:#FF1616; transition:.3s ease; } 

.read-more-btn:hover{ color:#d90000ad; }

.read-more{ display:inline-block; font-size:16px; font-weight:600; color:#FF1616; text-decoration:none; position:relative; transition:.3s ease; } 

.read-more::after{ content:""; position:absolute; left:0; bottom:-2px; width:100%; height:1px; background:#FF1616; transition:.3s ease; } 

.read-more:hover{ color:#d90000ad; }  */

.read-more{
  font-size:14px;
  font-weight:600;
  color:#FF1616;
  text-decoration:none;
  position:relative;
}

.read-more::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-2px;
  width:75px;
  height:1px;
  background:#E53935;
}

.blog-content{
  display:flex;
  flex-direction:column;
}

.blog-content .read-more{
  align-self:flex-start;
}

/* RESPONSIVE GRID */
@media (max-width: 1024px) {
  .blog-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .blog-grid {
    grid-template-columns: 1fr;
  }
}

/* CARD */
.blog-card {
  background: #ffffff;
  border-radius: 18px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.blog-card:hover {
  transform: translateY(-6px); 
}

/* IMAGE */
.blog-thumb {
  position: relative;
  display: block;
  overflow: hidden;
}

.blog-thumb img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.blog-card:hover .blog-thumb img {
  transform: scale(1.06);
}

/* CONTENT */
.blog-content {
  padding: 18px 20px 22px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

/* TITLE */
.blog-content h3 {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 10px;
}

.blog-content h3 a {
  color: #0b2545;
  text-decoration: none;
}

.blog-content h3 a:hover {
  color: #e53935;
}

/* META */
.blog-meta {
  font-size: 13px;
  color: #777;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
}

/* DATE */
.blog-meta .blog-date::before {
  content: "";
  margin-right: 4px;
  font-size: 12px;
}

/* CATEGORY PILL */
.blog-meta .blog-category {
  background: #f1f3f5;
  color: #444;
  padding: 2px 8px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 500;
}

/* EXCERPT */
.blog-content p {
  font-size: 16px;
  line-height: 1.6;
  color: #555;
  margin: 0;
  flex-grow: 1;
}

/* PAGINATION */
.blog-pagination {
/*   margin-top: 40px; */
  text-align: center;
  margin-bottom: 40px;
}

.blog-pagination .page-numbers {
  display: inline-block;
  margin: 0 4px;
  padding: 8px 14px;
  border-radius: 30px;
  background: #f5f5f5;
  color: #333;
  font-size: 14px;
  text-decoration: none;
}

.blog-pagination .page-numbers.current {
  background: #e53935;
  color: #fff;
}

.blog-pagination .page-numbers:hover {
  background: #e53935;
  color: #fff;
}

/* ===============================
   PAGINATION – BLOG
================================ */

/* .blog-pagination {
  margin-top: 60px;
  text-align: center;
} */

.blog-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  margin: 0 6px;
  padding: 0 14px;
  border-radius: 50px;
  background: #f4f6f8;
  color: #222;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.25s ease;
}

/* CURRENT PAGE */
.blog-pagination .page-numbers.current {
  background: #e53935;
  color: #ffffff;
}

/* HOVER */
.blog-pagination .page-numbers:hover {
  background: #e53935;
  color: #ffffff;
}

/* PREV / NEXT */
.blog-pagination .page-numbers.prev,
.blog-pagination .page-numbers.next {
  font-size: 16px;
  padding: 0 18px;
}

/* DISABLED */
.blog-pagination .page-numbers.dots {
  background: transparent;
  color: #999;
  cursor: default;
}

.blog-pagination .page-numbers.dots:hover {
  background: transparent;
  color: #999;
}

/* ===============================
   BLOG CATEGORY TABS
================================ */

.blog-tabs {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin: 24px 0 24px;
  flex-wrap: wrap;
}

.blog-tabs a {
  padding: 8px 18px;
  border-radius: 999px;
  background: #f1f3f5;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.25s ease;
  border: 1px solid transparent;
}

.blog-tabs a:hover {
  background: #e53935;
  color: #fff;
}

.blog-tabs a.active {
  background: #e53935;
  color: #fff;
}


/* ===============================
   SAVE BLOG HEART
================================ */

.blog-thumb-wrap {
  position: relative;
}

.save-blog-btn {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: none;
  background: #ffffff;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(0,0,0,0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s ease;
  z-index: 5;
}

.save-blog-btn:hover {
  transform: scale(1.1);
}

.save-blog-btn.saved {
  background: #e53935 !important;
  color: #fff;
}

.save-blog-btn .heart {
  font-size: 18px;
}

#confirm-remove-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
}

.confirm-remove-modal {
  background: #fff;
  border-radius: 14px;
  padding: 28px 26px;
  width: 420px;
  max-width: 90%;
  position: relative;
  text-align: left;
  box-shadow: 0 20px 60px rgba(0,0,0,.25);
}

.confirm-remove-modal h3 {
  margin: 0 0 10px;
  font-size: 20px;
  font-weight: 700;
}

.confirm-remove-modal p {
  font-size: 14px;
  line-height: 1.6;
  color: #444;
}

.confirm-close {
  position: absolute;
  top: 14px;
  right: 14px;
  background: none;
  border: none;
  font-size: 22px;
  cursor: pointer;
}

.confirm-actions {
  display: flex;
  justify-content: flex-end;
  gap: 14px;
  margin-top: 22px;
}

.confirm-cancel {
  background: #f2f2f2;
  border: none;
  padding: 10px 18px;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
}

.confirm-remove {
  background: #ff2b6d;
  color: #fff;
  border: none;
  padding: 10px 18px;
  border-radius: 8px;
  font-weight: 700;
  cursor: pointer;
}

/* ===============================
   Recently Saved Blogs Slider
================================ */

.recently-saved-wrapper {
  margin: 60px 0;
}

.recently-saved-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.recently-saved-header h2 {
  font-size: 28px;
  font-weight: 700;
}

.recently-nav button {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #ddd;
  background: #fff;
  cursor: pointer;
  font-size: 20px;
}

.recently-saved-slider {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding-bottom: 10px;
}

.recently-saved-slider::-webkit-scrollbar {
  display: none;
}

.recently-saved-card {
  flex: 0 0 260px;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}

.rs-image img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
}

.recently-saved-card .save-blog-btn {
  position: absolute;
  top: 12px;
  right: 12px;
  background: none;
  border: none;
  font-size: 22px;
  color: hotpink;
  cursor: pointer;
}

.rs-title {
  font-size: 16px;
  font-weight: 600;
  padding: 12px;
}

#remove-confirm-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
}

.remove-confirm-modal {
  background: #fff;
  max-width: 420px;
  padding: 24px;
  border-radius: 14px;
  position: relative;
  text-align: left;
}

.remove-confirm-modal h3 {
  margin-top: 0;
  font-size: 20px;
  margin-bottom: 10px;
}

.remove-confirm-modal p {
  font-size: 14px;
  color: #444;
}

.remove-confirm-close {
  position: absolute;
  top: 12px;
  right: 12px;
  background: none;
  border: none;
  font-size: 22px;
  cursor: pointer;
}

.remove-confirm-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 20px;
}

#remove-confirm-cancel {
  background: #000;
  border: none;
  font-weight: 600;
  cursor: pointer;
}

#remove-confirm-yes {
  background: #ff0000;
  color: #fff;
  border: none;
  padding: 10px 18px;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
}

#remove-confirm-yes:hover{
      color: #ff1616;
    background: rgba(255, 22, 22, 0.12);
    border-color: #ff1616;
}

/* SAME BLOG GRID */
.recently-saved-section {
  margin-top: 40px;
  position: relative;
}

.blog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

@media (max-width: 1024px) {
  .blog-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .blog-grid {
    grid-template-columns: 1fr;
  }
}

/* HEART SAME POSITION */
.blog-card {
  position: relative;
}

.recently-saved-heart {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 2;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  width: 36px;
  height: 36px;
  font-size: 18px;
  cursor: pointer;
}

.recently-saved-heart.saved {
  background: #e60023;
  color: #fff;
  border-color: #e60023;
}


/* =====================================================
   ALL SAVED BLOGS → SAME LAYOUT AS RECENTLY SAVED
===================================================== */

/* Wrapper spacing */
.all-saved-wrapper {
  margin-top: 60px;
  position: relative;
}

.all-saved-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.all-saved-header:hover {
  border-bottom: 1px solid red;
}


.all-saved-view-all {
  font-weight: 600;
  text-decoration: none;
  color: #111;
  border-bottom: 2px solid #111;
}

.all-saved-view-all:hover {
  border-bottom: 1px solid red;
  color: red;;
}

/* Heading same feel */
.all-saved-heading {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 30px; 
font-family: 'Kollektif';
}

/* 🔥 GRID — SAME AS RECENTLY SAVED */
.all-saved-wrapper .all-saved-slider {
  
}

/* 🔥 CARD — SAME AS .blog-card */
.all-saved-wrapper .recently-saved-card {
  position: relative;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.08);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.all-saved-wrapper .recently-saved-card:hover {
  transform: translateY(-4px);
 
}

/* Image */
.all-saved-wrapper .recently-saved-card img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
}

/* Title */
.all-saved-wrapper .recently-saved-card h3 {
  font-size: 18px;
  line-height: 1.4;
  padding: 0px;
  margin: 0;
  color: #111;
}

.all-saved-blogs .blog-meta {
    margin-top: 15px;
}

.all-saved-blogs {
    padding: 16px;
}
/* Link reset */
.all-saved-wrapper .recently-saved-card a {
  text-decoration: none;
  color: inherit;
  display: block;
}

/* ❤️ Heart button — SAME POSITION */
.all-saved-wrapper .save-blog-btn {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 38px;
  height: 38px;
  border-radius: 8px;
  background: #fff;
  border: none;
  font-size: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 14px rgba(0,0,0,0.15);
}

.all-saved-wrapper .save-blog-btn.saved {
  background: #ff2d2d;
  color: #fff;
}

/* =====================================================
   SAVED COLLECTIONS (FEATURED STYLE)
===================================================== */

.saved-collections-section {
  margin-top: 80px;
  position: relative;
}

.saved-collections-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.saved-collections-header h2 {
  font-size: 32px;
  margin: 0 !important;
  font-weight: 700;
font-family: 'Kollektif';
}

/* GRID */
.saved-collections-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

/* CARD */
.saved-collection-card {
  cursor: pointer;
}

.saved-collection-thumb {
  display: block;
  border-radius: 18px;
  overflow: hidden;
  height: 280px;
}

.saved-collection-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.saved-collection-card:hover img {
  transform: scale(1.05);
}

/* INFO */
.saved-collection-info {
  margin-top: 14px;
}

.saved-collection-info h3 {
  font-size: 20px;
  margin-bottom: 4px;
}

.saved-collection-info span {
  font-size: 14px;
  color: #666;
}

section.incloodie-trending-section {
    margin: 40px 0;
}

.incloodie-trending-section h2.trending-title {
    margin: 0;
}

h2.trending-title {
    font-size: 32px;
}

.trending-slide.slick-slide {
  margin-top: 28px;
}

/* ===== FIX SLICK ARROWS VISIBILITY ===== */

.recently-saved-slider {
  position: relative;
  overflow: visible !important;
}

.recently-saved-slider .slick-prev,
.recently-saved-slider .slick-next {
  position: absolute;
  top: -65px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #111;
  z-index: 9999;
}

/* LEFT arrow */
.recently-saved-slider .slick-prev {
  right: 70px;
  left: auto;
}

/* RIGHT arrow */
.recently-saved-slider .slick-next {
  right: 10px;
}

/* ICON visibility */
.recently-saved-slider .slick-prev:before,
.recently-saved-slider .slick-next:before {
  color: #111;
  font-size: 20px;
  opacity: 1;
}


.recently-saved-arrows .slick-arrow {
    color: #ffffff;
}

.recently-saved-arrows {
    position: absolute;
    right: 0px;
    top: 0;
}

.ast-post-format-.single-layout-1 {
    position: relative;
}
/**/

   .save-toast {
      position: fixed;
      top: 24px;
      right: 24px;
      background: #000;
      color: #fff;
      padding: 14px 18px;
      border-radius: 8px;
      display: flex;
      align-items: center;
      gap: 12px;
      z-index: 999999;
      opacity: 0;
      pointer-events: none;
      transform: translateY(-12px);
      transition: all .3s ease;
      font-size: 14px;
      box-shadow: 0 8px 24px rgba(0,0,0,.25);
    }

    .save-toast.show {
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0);
    }

    .save-toast .toast-link {
      color: #fff;
      font-weight: 600;
      text-decoration: underline;
      white-space: nowrap;
    }

    .save-toast .toast-close {
      background: none;
      border: none;
      color: #fff;
      font-size: 18px;
      cursor: pointer;
      line-height: 1;
    }


/* Ensure section is positioning context */
.recently-saved-section {
  position: relative;
}

/* Arrow wrapper stays centered vertically */
.recently-saved-arrows {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 20;
}

/* Individual arrows */
.recently-saved-arrows .rs-prev,
.recently-saved-arrows .rs-next {
  position: absolute;
  pointer-events: auto;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: #ff1e1e;
  color: #fff;
  border: none;
  font-size: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ⬅ Move left arrow OUTSIDE cards */
.recently-saved-arrows .rs-prev {
  left: -55px;   /* adjust if needed */
}

/* ➡ Move right arrow OUTSIDE cards */
.recently-saved-arrows .rs-next {
  right: -55px;  /* adjust if needed */
}

/* Hover polish */
.recently-saved-arrows button:hover {
  background: #e60000;
}

/* Header button */
.open-delete-collection-modal {
  background: transparent;
  border: 1px solid #ff1e1e;
  color: #ff1e1e;
  padding: 8px 14px;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 500;
}

/* Modal overlay */
.delete-collection-modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.trending-header a:hover {
	color: #e53935;
  border-bottom: 2px solid #e53935;
}

.slick-list.draggable


/* Modal box */
.delete-collection-box {
  background: #fff;
  padding: 24px;
  border-radius: 12px;
  width: 100%;
  max-width: 350px;
}

.collection-list {
  list-style: none;
  padding: 0;
  margin: 20px 0;
}

.collection-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.delete-collection-btn {
  background: #ff1e1e;
  color: #fff;
  border: none;
  padding: 6px 12px;
  border-radius: 6px;
  cursor: pointer;
}

.close-delete-modal {
  margin-top: 15px;
  background: #eee;
  border: none;
  padding: 8px 12px;
  border-radius: 6px;
}

.recently-saved-arrows .slick-arrow.slick-hidden {
  display: block;
}

.pagination{ margin-top:55px; margin-bottom:55px;text-align:center; } 
.pagination .page-numbers{ display:inline-block; padding:10px 14px; margin:4px; background:#ECECEC; border-radius:6px; font-size:13px; text-decoration:none; color:#444; font-weight:700; } 
.pagination .current{ background:#E53935; color:#fff; } 
.blog-pagination .page-numbers.prev, .blog-pagination .page-numbers.next { font-size: 13px; padding: 10px 14px; }

.trending-header {
    margin: 20px 0;
}

.hover-red:hover { 
    color: #fff !important; 
  }

.slick-next { right: -20px; } .slick-prev { left: -20px !important; } 

.recently-saved-arrows .rs-prev { left: -44px; } 

.recently-saved-arrows .rs-next { right: -44px; } 

.slick-dots li button:before { font-size: 10px; color: #ccc; } 

.slick-dots li.slick-active button:before { color: #000; }

/* ===============================
Recipe Submission Form
=============================== */


/*form blog*/
.meta-box strong { font-size: 28px; }
.meta-box span { font-size: 16px; }
/* .single-post .entry-content { padding: 40px 0; }  */
.single-post .entry-content > * { max-width: 760px; } 
.entry-content h1 { font-size: 38px; font-weight: 700; margin-bottom: 25px; } 
.entry-content h2 { font-size: 30px; font-weight: 600; margin-top: 40px; margin-bottom: 10px; } 
.entry-content p { font-size: 16px; line-height: 1.4;  } 
.recipe-gallery { margin: 20px 0 30px 0; margin-left: auto !important; margin-right: auto !important; } 
.recipe-gallery img { width: 100%; border-radius: 6px; display: block; } 
.recipe-ingredients { background: #fff; padding: 20px 25px; border-radius: 6px; line-height: 1.8; } 
.recipe-instructions { background: #fff; padding: 20px 25px; border-radius: 6px; line-height: 1.8; } 
/* .entry-content h2:last-of-type + p { background: #fff; padding: 15px 20px; border-radius: 6px; font-weight: 500; }  */
.heateor_sss_sharing_container { max-width: 760px; } 
.single-save-blog-wrap { max-width: 760px; margin: auto; }

.swiper-slide img { width: 100%; max-width: 800px; height: 500px; object-fit: cover; } 
.recipe-slider .swiper-slide { overflow: hidden; } 
.recipe-slider .swiper-slide img { width: 100%; height: 500px; object-fit: cover; transition: transform 0.4s ease; } 
.recipe-slider .swiper-slide img:hover { transform: scale(1.1); }
.ast-related-post-link::after{ content:"Read More"; color: #e53935; }
p.recipe-p { text-align: center; }
.login-links .new-profile-btn { font-size: 16px;} 
body.logged-in a.new-profile-btn {margin: 0;}
.ast-builder-layout-element.ast-flex.site-header-focus-item.ast-header-html-1 { margin: 0 10px 0 0px; }
a.new-profile-btn { color:#334155!important;}
.site-header-section .login-links a {
    color: #334155!important;
}

.container.submit-business-page { padding: 20px; } .container.submit-business-page input, .container.submit-business-page textarea  { border-radius: 4px; height: 50px; }

/*trending slider code*/
.trending-slider { margin: 0 -12px; } 

.trending-slider .slick-track { display: flex; } 

.trending-slider .slick-slide>div { height: 100%; } 

.trending-card { background: #fff; border-radius: 18px; overflow: hidden; box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; height: 100%; } 

.trending-card:hover { transform: translateY(-6px);  } 

.trending-thumb { position: relative; overflow: hidden; } 

.trending-thumb img { width: 100%; height: 240px; object-fit: cover; display: block; transition: transform 0.4s ease; } 

.trending-card:hover .trending-thumb img { transform: scale(1.05); } 

.trending-content { padding: 20px; } 

.trending-content h3 { font-size: 16px; font-weight: 600; margin-bottom: 10px; line-height: 1.4; } 

.trending-content h3 a { text-decoration: none; color: #111; } 

.trending-content p { font-size: 14px; color: #666; line-height: 1.6; } 

.slick-prev, .slick-next { width: 46px; height: 46px; border-radius: 50%; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15); z-index: 5; }  

.slick-prev:before, .slick-next:before { color: #ff0000; font-size: 20px; }  

.slick-prev:before, .slick-next:before { font-family: unset; pointer-events: auto; width: 44px; height: 44px; border-radius: 10px; background: #ff1e1e; color: #fff!important; border: none; font-size: 18px; cursor: pointer; display: flex; align-items: center; justify-content: center; } 

.trending-slider { margin: 0 auto!important; } 

/*trending slider code*/
/**/

.slick-track {    
	position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: 0!important;
    margin-right: 0!important;
}


/* custom blog css start  */
/* .blogs-section-wrap .blog-card .save-blog-btn, .blogs-section-wrap .trending-card .save-blog-btn{
	top:14px;
	right:14px;
} */

.blog-card .save-blog-btn, .blogs-section-wrap .trending-card .save-blog-btn, .dallas-card .save-blog-btn{
	top:14px;
	right:14px;
}

.blogs-section-wrap .recently-saved-arrows .slick-arrow, .blogs-section-wrap .trending-slider .slick-arrow{
   background-color: transparent;
    background-image: url(/wp-content/uploads/2026/03/chevron-arrow-1.png);
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    box-shadow: none;
	background-size:14px;
}
.blogs-section-wrap .recently-saved-arrows .slick-arrow svg, .blogs-section-wrap .trending-slider .slick-arrow svg{
display:none;	
}
.blogs-section-wrap .trending-slider .slick-arrow{
	height:40px;	
}
.blogs-section-wrap .trending-slider .slick-prev.slick-arrow{
	    margin-left: -12px;
}
.blogs-section-wrap .trending-slider .slick-next.slick-arrow{
	    margin-right: -12px;
	margin-top: -20px;
}
.blogs-section-wrap .recently-saved-arrows .rs-next.slick-arrow, .blogs-section-wrap .trending-slider .slick-next.slick-arrow{
	transform: rotate(180deg);
}

.blogs-section-wrap .recently-saved-arrows .slick-arrow.slick-disabled, .blogs-section-wrap .trending-slider .slick-arrow.slick-disabled{
	opacity:.4;
}

.blogs-section-wrap .trending-slider .slick-prev:before, .blogs-section-wrap .trending-slider .slick-next:before{
	display:none;
}

.blogs-section-wrap .saved-collection-thumb img {
    height: 100%; 
}

.blogs-section-wrap .blog-thumb img {
    height: 220px; 
}
.blogs-section-wrap .slick-slide {
    margin:20px 15px 30px;
}
.blogs-section-wrap .all-saved-wrapper .recently-saved-card h3{
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blogs-section-wrap .slick-list{
	margin:0 -20px !important;
}
/* custom blog css end  */
.trending-header a:hover {
	color: #e53935;
}



/* Share Your Cultural Recipe form css start */

 
.form-section-wrap .recipe-submit-section h2{
	font-family: "kollektif", Sans-serif;
    font-size: 42px;
    font-weight: 700;
	text-align: center;
}
.form-section-wrap .recipe-submit-form input, .form-section-wrap .recipe-submit-form select{
	height:52px
}
.form-section-wrap .recipe-submit-form input, .form-section-wrap .recipe-submit-form textarea, .form-section-wrap .recipe-submit-form select{
	    border: 1px solid #000000 !important;
	background: #fef5ee;
	margin-bottom:20px;
}

.form-section-wrap .recipe-submit-section .recipe-submit-form button{
	background-color: red;
    padding: 16px 80px;
    width: 370px !important;
    max-width: 100%;
    border: solid 1px #FF1616;
    margin: 0 auto;
    display: block;
	    transition: 0.3s ease;
	margin-top:20px;
}
.form-section-wrap .recipe-submit-section .recipe-submit-form button:hover {
    background-color: #FF16161F !important;
    border-color: red !important;
    color: red !important;
}
.form-section-wrap .recipe-submit-section .recipe-submit-form input[type="file"]{
	border:none !important;
}
.form-section-wrap .recipe-submit-form input[type="checkbox"]{
	    height: auto;
    margin: 0 10px 0 0;
}

a.view-all-collections:hover {
  color: red;
  border-bottom: 2px solid red;
}

/* Share Your Cultural Recipe form css end */

/* ===============================
       Responsive
==================================*/

@media (max-width:768px){

.recipe-submit-section{
padding:25px;
margin:30px 15px;
}

.recipe-submit-section h2{
font-size:26px;
}

.recipe-submit-form{
grid-template-columns:1fr;
}

}

@media (max-width: 768px) {
      .save-toast {
        left: 16px;
        right: 16px;
        top: auto;
        bottom: 16px;
      }
    }

@media (max-width: 1024px) {
  .saved-collections-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .saved-collections-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1024px) {
  .all-saved-wrapper .all-saved-slider {
    grid-template-columns: repeat(2, 1fr);
  }
	.blogs-section-wrap .recently-saved-arrows .slick-arrow, .blogs-section-wrap .trending-slider .slick-arrow{display:none !important;}
}

@media (max-width: 640px) {
  .all-saved-wrapper .all-saved-slider {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 991px) {
  .auth-image {
    display: none;
  }
  .auth-form {
    width: 100%;
  }
}