/*
Theme Name: Agraria Child
Theme URI: https://agraria.qodeinteractive.com
Description: A child theme of Agraria
Author: Edge Themes
Author URI: https://qodeinteractive.com
Version: 1.0.1
Text Domain: agraria
Template: agraria
*/

body {
  font-family: 'Segoe UI', sans-serif;
  margin: 0;
  padding: 0;
  background-color: #fafafa;
  color: #333;
}

.page-header {
  background: #8a2be2;
  color: white;
  padding: 2rem;
  text-align: center;
}

.monthly-events {
  display: flex;
  justify-content: space-around;
  background: #f0f0f0;
  padding: 1rem;
}

.month-card {
  text-align: center;
}

.month-card .month {
  display: block;
  font-size: 1.5rem;
  color: #8a2be2;
  font-weight: bold;
}

.month-card .learn-more {
  display: inline-block;
  margin-top: 0.5rem;
  text-decoration: none;
  color: #0066cc;
  font-weight: bold;
}

a.learn-more:hover {
  color: #B62525;
}

.event-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 2rem;
  justify-content: center;
}

.event-card {
  background: white;
  border: 1px solid #ccc;
  padding: 1rem;
  width: 100%;
  max-width: 300px;
  text-align: center;
  border-radius: 8px;
}

.event-card .date {
  display: block;
  font-size: 1.25rem;
  font-weight: bold;
  color: #8a2be2;
  margin-bottom: 0.5rem;
}

.event-card .learn-more {
  text-decoration: none;
}

.event-detail {
  background: #fff;
  padding: 2rem;
  margin: 2rem;
  border-radius: 8px;
  border: 1px solid #ddd;
}

.event-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.event-info h4 {
  margin: 0;
  font-size: 1.1rem;
  color: #8a2be2;
}

.event-description {
  margin: 1rem 0;
  line-height: 1.5;
}

.book-now {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background-color: #8a2be2;
  color: white;
  text-decoration: none;
  border-radius: 4px;
}

.page-footer {
  text-align: center;
  padding: 2rem;
  background: #f0f0f0;
  margin-top: 2rem;
}

/* Custom Styles */

.qodef-widget-holder.qodef--two {
  margin-left: 20px!Important;
}
#qodef-page-mobile-header-inner {
  background: #fff!important;
}

.qodef-header-navigation > ul > li > a .qodef-menu-item-text{color:#000!important;}

.qodef-divided-header-left-wrapper {
  background: #fff!important;
}

.qodef-divided-header-right-wrapper {
  background: #fff!important;
}

.qodef-header-logo-link{background:#fff!Important;}

.qodef-svg--search{color:#000!important;}

.qodef-search-opener-text {
  color: black !important;
}

#qodef-page-header .qodef-header-logo-link img{width:300px;}

.qodef-m-price-value {
  font-size: 44px;
}
.qodef-m-title p {
  font-size: 16px;
}
.qodef-pricing-table .qodef-m-content ul li::before {
  position: absolute;
  display: inline-block;
  margin: 0 -25px;
}

/* .qodef-button { display:none!important; } */

.qodef-h1{padding-left:0px!Important;}

.qodef-pricing-table .qodef-m-price{justify-content:left;}

.country .qodef-pricing-table .qodef-m-inner {
	padding:  10px 40px;}

.bakery .qodef-h1{padding-left:17%!Important;}

.qodef-m-image {
  position: relative;
}

.qodef-m-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1); /* Adjust the color and opacity as needed */
  z-index: 1; /* Adjust the z-index if necessary */
}

.qodef-banner .qodef-m-content-inner{position:relative!Important;}

.qodef-banner .qodef-m-content{position:relative;}

.qodef-page-title .qodef-m-title {
  color: #D4A65E!important;

background: white;
width: auto;
margin: 0 auto;
padding: 15px;
}

.qodef-opener-icon.qodef-m.qodef-source--predefined.qodef-search-opener {
  display: none;
}

.sub-menu {
  background: #fff !important;
}

.sub-menu li a{color:#000!Important;}

.qodef-header-logo-image {max-height:65%!Important;}

.ytp-chrome-top .ytp-title-link {
    display: none !important;
}

.qodef-pricing-table .qodef-m-button .qodef-button {
  display: none;
} 

.qodef-pricing-table .qodef-m-inner {
  padding: 20px;
}

.qodef-mobile-header-navigation ul li{padding-left:10px!important;}

.qodef-m-content ul {
  padding-left: 30px;
}

.qodef-header--standard #qodef-page-header {
  height: 85px;
  background-color: #fff;
}

.qodef-header-logo-image {left:80px!important;}

.btn-success {
  color: #fff;
  background-color: rgb(255, 8, 0);
 
	padding: 8px 15px;
}

.bdt-modal-footer a{color: #fff;
  background-color: rgb(255, 8, 0);
 
	padding: 8px 15px;}

.qodef-header-navigation > ul{right:75px;}

.qodef-header-sticky-inner{background:#fff;}

.st-sticky-share-buttons {display:none!Important;}

h1,h2,h3,h4,h5{color:#000!Important;} 
.qodef-widget-title{color:#000!important;}

.qodef-icon-with-text .qodef-m-title a{color:#D4A65E;}

.bdt-advanced-icon-box-description span{margin:5px!important;}

 .qodef-banner .qodef-m-image{height:468px;}

 #qodef-page-footer-top-area,
 #qodef-page-footer-bottom-area {
  background-color: #fbfaf8;
 }

@media (min-width: 320px) and (max-width: 480px) {
  
.rs-layer {
  font-size: 42px!Important;
}
  .glass{display:block;}
}

.glass{display:none;}

#qodef-page-mobile-header {
  background-color: #fff;
  position: -webkit-sticky;
  position: sticky;
  padding: 10px;
  top: 0;
}

#st-cmp-v2{display:none;}

.single-event .qodef-page-title {
  display: none;
}
.single-event h1.event-title {
  margin-top: 0;
}

/* Loader */
:root {
  --tire: #333;
  --rim: #c9c9c9;
  --hub: #999;
  --wall: #fff;
  --shadow: rgba(0,0,0,0.1);
}

.tractor-loader {
  position: fixed;          /* make it cover the viewport */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  display: none;            /* center with flexbox */
  align-items: center;
  justify-content: center;

  z-index: 9999;            /* keep it above other elements */
}


.wheel-wrapper {
  animation: bounce 0.6s ease-in-out infinite alternate;
}

.wheel {
  display: block;
  transform-origin: 50% 50%;
  animation: spin 3s linear infinite;

  filter: drop-shadow(0 0 35px rgba(255, 255, 255, 1)) drop-shadow(0 0 12px rgba(255, 255, 255, 0.9));
}

.tire {
  fill: none;
  stroke: var(--tire);
  stroke-width: 14;
}

.wall {
  fill: var(--wall);
  stroke-width: 1;
}

.tread line, .tread use {
  stroke: var(--tire);
  stroke-width: 6;
  stroke-linecap: round;
}

.rim {
  fill: var(--rim);
  stroke: #aaa;
  stroke-width: 2;
}

.hub {
  fill: var(--hub);
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

@keyframes bounce {
  0%   { transform: translateY(0); }
  100% { transform: translateY(-8px); }
}

.visually-hidden {
  position: absolute !important;
  height: 1px; width: 1px;
  overflow: hidden; clip: rect(1px,1px,1px,1px);
  white-space: nowrap; border: 0; padding: 0; margin: -1px;
}

@media (prefers-reduced-motion: reduce) {
  .wheel, .wheel-wrapper { animation: none !important; }
}

/* EVENT TEMPLATE GRID */
.event-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

.event-grid .event-list-card {
  width:100%;
  margin: 0px 0px 20px 0px;;
}

.event-month-header {
  grid-column: 1 / -1;
  margin: 25px 1%;
  font-size: 25px;
  line-height: 30px;
  font-weight: 700;
  border-bottom: 1px solid #000;
}

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

  .event-grid .event-list-card {
    width: 80%;
    margin: 0px auto 20px auto;
  }
}

.event-content {
  grid-column: 1 / -1;
  background: #ebebeb;
  padding: 0 1rem;
  margin: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
  position: relative;
  border-radius: 8px;
}

.event-content.open {
  max-height: 10000px; /* Adjust as needed */
  padding: 2rem;
  overflow: visible;
}
  
.close-btn {
  position: absolute;
  top: -10px;
  right: -10px;
  background: #B62525;
  color: #fff;
  border: none;
  border-radius: 15px;
  padding: 4px 8px;
  cursor: pointer;
  font-weight: bold;
  font-size: 18px;
  line-height: 18px;
}

.close-btn:hover {
  background: #ddd;
  color: #B62525;
}

.learn-more:hover{
  color: #B62525;
}

.event-content .event-card {
  margin-bottom: 2rem;
}