@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;500;700;900&display=swap');



 body {

     font-family: 'Inter', sans-serif;

 }



 /* Container for the whole product card group */

.wp-block-query .wp-block-group.relative.group {

  position: relative;

  overflow: hidden;

  border-radius: 0.5rem; /* rounded-lg */

}



/* Featured image inside the product card */

.wp-block-query .wp-block-post-featured-image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  border-radius: 0.5rem;

}



/* Title block (bottom-left) */

.wp-block-query .wp-block-group.absolute.bottom-5.left-0.bg-\[\#8A2340\].bg-opacity-80.text-white.text-lg.font-bold.p-2 {

  position: absolute;

  bottom: 1.25rem; /* 20px */

  left: 0;

  background-color: rgba(138, 35, 64, 0.8); /* #8A2340 with 80% opacity */

  color: #fff;

  font-weight: 700;

  font-size: 1.125rem; /* text-lg */

  padding: 0.5rem 1rem; /* px-4 py-2 approx */

  border-top-right-radius: 0.5rem;

  border-bottom-right-radius: 0.5rem;

  max-width: calc(100% - 1rem);

  z-index: 10;

  pointer-events: auto;

}



/* Ensure post title link inside the title block is white and no underline by default */

.wp-block-query .wp-block-group.absolute.bottom-5.left-0 a {

  color: #fff !important;

  text-decoration: none;

}



/* Underline on hover/focus for accessibility */

.wp-block-query .wp-block-group.absolute.bottom-5.left-0 a:hover,

.wp-block-query .wp-block-group.absolute.bottom-5.left-0 a:focus {

  text-decoration: underline;

}



/* Link icon container (top-right) */

.wp-block-query .wp-block-group.absolute.top-2.right-2.bg-white.p-1.rounded-full.shadow-md {

  position: absolute;

  top: 0.5rem; /* 8px */

  right: 0.5rem;

  background: #fff;

  padding: 0.25rem; /* 4px */

  border-radius: 9999px;

  box-shadow: 0 2px 6px rgba(0,0,0,0.15);

  z-index: 10;

  line-height: 1;

  cursor: pointer;

  user-select: none;

}



/* Optional: style the icon text inside */

.wp-block-query .wp-block-group.absolute.top-2.right-2 p {

  margin: 0;

  line-height: 1;

  font-size: 1rem;

}





/* Container: center items with gap */

.wp-block-query-pagination {

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 10px;

  margin-top: 2rem;

  flex-wrap: wrap; /* allow wrapping on small screens */

  font-family: system-ui, sans-serif;

}



/* Common styles for links and current page */

.wp-block-query-pagination a,

.wp-block-query-pagination span {

  display: inline-block;

  padding: 0.5rem 1rem;

  /* border: 1px solid #8A2340; */

  border-radius: 5px;

  background-color: white;

  color: #8A2340;

  text-decoration: none;

  font-weight: 600;

  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;

  user-select: none;

  cursor: pointer;

}



/* Hover and active/current state */

.wp-block-query-pagination a:hover,

.wp-block-query-pagination .current {

  background-color: #8A2340;

  color: white;

  border-color: #8A2340;

  outline-offset: 2px;

}



/* Distinct styles for Previous and Next buttons */

.wp-block-query-pagination-previous,

.wp-block-query-pagination-next {

  font-weight: 700;

  font-size: 1rem;

  text-transform: uppercase;

}



/* Disabled state for previous/next (if applicable) */

.wp-block-query-pagination-previous[aria-disabled="true"],

.wp-block-query-pagination-next[aria-disabled="true"] {

  opacity: 0.5;

  cursor: default;

  pointer-events: none;

}



/* Optional: add arrow icons */

.wp-block-query-pagination-previous::before {

  content: "← ";

  font-weight: 700;

}



.wp-block-query-pagination-next::after {

  content: " →";

  font-weight: 700;

}







.wpforms-submit {

    background-color: #8A2340 !important; /* Replace with your desired color */

    color: #ffffff !important;            /* Optional: change text color */

    border: none;                         /* Optional: remove border */

}



.wpforms-submit:hover {

    background-color: #6e1b32 !important; /* Optional: hover color */

}











/* Site Title Style */

.wp-block-site-title a {

  font-size: 1.5rem; /* Tailwind's text-2xl */

  color: #8A2340;

  font-weight: 700; /* Tailwind's font-bold */

  font-family: 'Inter', sans-serif;

  text-decoration: none;

}



/* Navigation Container */

.wp-block-navigation {

  display: flex;

  align-items: center;

  justify-content: center;

}



/* Navigation List Container */

.wp-block-navigation__container {

  display: flex;

  gap: 1.5rem; /* Tailwind's space-x-6 */

  list-style: none;

  padding-left: 0;

  margin: 0;

}



/* Navigation Link Items */

.wp-block-navigation-item a {

  color: #000;

  font-weight: 600; /* Tailwind's font-semibold */

  text-decoration: none;

  transition: color 0.3s ease;

}



/* Navigation Hover Effect */

.wp-block-navigation-item a:hover {

  color: #8A2340;

  text-decoration: none;

}





.entry-content{

  margin: 0;

}









/* Target WPForms ID 331 */





/* Headline alignment and spacing */

.newsletter .wpforms-title {

  text-align: center;

  font-size: 1.125rem; /* text-lg */

  font-weight: 600;    /* font-semibold */

  margin-bottom: 1rem; /* mb-4 */

}



/* Input fields */

.newsletter .wpforms-field input[type="text"],

.newsletter .wpforms-field input[type="tel"],

.newsletter.wpforms-field input[type="email"],

.newsletter .wpforms-field textarea {

  width: 100%;

  padding: 0.75rem; /* p-3 */

  /* border: 1px solid #ccc;

  border-radius: 0.5rem; */

  box-sizing: border-box;

}



/* Checkbox alignment */

.newsletter .wpforms-field.wpforms-field-checkbox {

  display: flex;

  align-items: center;

  font-size: 0.875rem; /* text-sm */

}

.newsletter .wpforms-field.wpforms-field-checkbox label {

  margin-left: 0.5rem; /* mr-2 */

}



/* Submit button */

.newsletter .wpforms-submit {

  width: 100%;

  background-color: #991b1b; /* bg-red-800 */

  color: white;

  padding: 0.75rem 0;

  border: none;

  border-radius: 0.5rem; /* rounded-lg */

  font-weight: 600; /* font-semibold */

  cursor: pointer;

}



.newsletter .wpforms-submit:hover {

  background-color: #7f1d1d; /* darker red on hover */

}







.site-branding{

  padding: 0;

}

.ordered-list {
  list-style: decimal;
  margin: 1em 0;  /* or any value you consider 'normal' */
  padding-left: 2em; /* typical indent for ordered lists */
}
.slider-item p {
  padding: 0 30px!important;
}

.slider-item #nextBtn{
	right: 3px!important;
}
.slider-item #prevBtn{
	left: 3px!important;
}




/* submenu */
/* Mega menu only for hs-megamenu submenu */
.wp-block-navigation-item.hs-megamenu > .wp-block-navigation__submenu-container {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 720px;
  max-width: 720px;
  padding: 2rem;
  background: #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1.5rem;
  z-index: 1000;
}

/* Submenu items inside mega menu */
.wp-block-navigation-item.hs-megamenu .wp-block-navigation__submenu-container .wp-block-navigation-item {
  list-style: none;
}

.wp-block-navigation-item.hs-megamenu .wp-block-navigation__submenu-container .wp-block-navigation-item a {
  display: block;
  text-decoration: none;
  color: #222;
  font-size: 15px;
  line-height: 1.6;
  padding: 0.25rem 0;
  transition: color 0.3s;
}

.wp-block-navigation-item.hs-megamenu .wp-block-navigation__submenu-container .wp-block-navigation-item a:hover {
  color: #8A2340;
}

/* Other normal submenu remains unaffected */
.wp-block-navigation__submenu-container {
  background: #fff;
}

/* Responsive fix for mobile */
@media (max-width: 768px) {
  .wp-block-navigation-item.hs-megamenu > .wp-block-navigation__submenu-container {
    position: static;
    display: block;
    width: 100%;
    grid-template-columns: 1fr;
    padding: 1rem;
  }
}


/* Vertical seperator */
.two-vertical-separators {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px; /* space between the two lines */
}

.vertical-separator {
  width: 1px;
  height: 35px; /* adjust as needed */
  background-color: #222; /* or use currentColor or any theme color */
}