/*
Theme Name: Ardardan Farm
Author: unavoided
Version: 1.1
Text Domain: ardardan
*/

* {margin:0; padding:0; color:#3f4549;font-family: "richmond-text", sans-serif;	font-weight: 400;	font-style: normal; font-style: normal;  }
html {background:#fff; min-height:100%; overflow-x: hidden; scroll-behavior: smooth;}
body {min-height:100%;}

h1, .h1 {margin-bottom:3%;  font-weight: 400;font-style: normal; font-size: 36px;}
h2, .h2 {margin-bottom:3%;  font-weight: 400;font-style: normal; font-size: 27px; }
h3, .h3 {margin-bottom:3%;  font-weight: 400; font-style: normal; font-size: 20px; }
h4, .h4 {margin-bottom:3%;  font-weight: 400;font-style: normal;  font-size: 18px;}
p  {margin-bottom:3%; font-size:16px; line-height:1.50em; font-weight: 400;}
ul {margin-bottom:3%; padding-left:3%; }
li {font-size:16px;  font-weight: 300; }

.whitetext, .whitetext h1, .whitetext h2, .whitetext h3, .whitetext h4, .whitetext li, .whitetext span, .whitetext p, .whitetext strong {color: #fff;}
.boldtext, strong, b {font-weight: 700;}
.nomargin {margin-bottom: 0 !important;}
.centered {text-align: center;}

/*header*/
.site-header {	position: absolute;	top: 0;	left: 0;	right: 0;	z-index: 50;	display: flex;	align-items: stretch;	height: 60px;}
.site-logo {	width: 125px;	height: 98px;	background: #7c2858;	display: flex;	align-items: center;	justify-content: center;	padding: 16px 10px;}
.site-logo img {	max-height: 100%;	height: auto;	display: block;}

.main-nav {	background: #fff;	display: flex;	align-items: center;	padding: 0 30px;	flex: 1;}
.main-menu {	display: flex;	align-items: center;	gap: 26px;	list-style: none;	margin: 0;	padding: 0;}
.main-menu a {	color: #3f4549;	text-decoration: none;	font-size: 18px;	line-height: 1;	white-space: nowrap;}
.main-menu a:hover {	color: #7c2858;}

.montys-booking {	background: #2f7282;	color: #fff;	display: flex;	align-items: center;	gap: 18px;	padding: 0 22px;	text-decoration: none;
	font-family: Georgia, serif;	font-size: 20px;	line-height: 1.05;}
.montys-booking span {color: #fff;}
.montys-booking img {	width: 80px;	height: auto;	display: block;}

.menu-toggle {	display: none;}

/*colours*/
.grey {background: #dee0e2;}
.bluemonty {background: #2f7282;}

/*fade in*/
.fade-in {	opacity: 0;	transform: translateY(30px);	transition: all 0.6s ease;}
.fade-in.visible {	opacity: 1;	transform: translateY(0);}

/*buttons*/
.hero-buttons {  display: flex;  gap: 36px;  justify-content: center;  flex-wrap: wrap;}
.button {  display: inline-block;  min-width: 260px;  padding: 2% 4%;  color: #fff; font-size: 20px;  text-decoration: none;   transition: transform .25s ease, opacity .25s ease;}
.button:hover {  transform: translateY(-3px);  opacity: .92;}

.button.orange {  background: #f28a24;}
.button.pink {  background: #e83d75;}

/*layout*/
main {  width: 100%;}
section {  width: 100%;  }
.container {  max-width: 1280px;  margin: 0 auto;}
.blogcontainer {  max-width: 960px;  margin: 0 auto;}
.padding {padding: 3%; width: 94%}

/*homepage*/
.hero {	position: relative;	min-height: 70vh; overflow: hidden;	background-size: cover;	background-position: center;	display: flex;	align-items: center;}
.pagehero {	position: relative;	min-height: 50vh; overflow: hidden;	background-size: cover;	background-position: center;	display: flex;	align-items: center;}
.hero-overlay {	position: absolute;	inset: 0;	background: rgba(0,0,0,.35);}
.hero-content {	position: relative;	z-index: 2;	display: flex;	flex-direction: column;	align-items: center;	justify-content: center;	text-align: center;	max-width: 800px;	margin: 0 auto;	padding: 2rem;}
.hero-content img {	width: 100%;	max-width: 500px; height: auto;	display: block;	margin-bottom: 1.5rem;}
.site-description {	color: #fff;	font-size:2.4rem;	max-width: 650px;	margin: 0;}

.hero::before {	content: "";	position: absolute;	inset: 0;	background: inherit;	background-size: cover;	background-position: center;	transform: scale(1);
	animation: heroZoom 30s ease-in-out infinite alternate; filter: saturate(105%) contrast(105%);}
@keyframes heroZoom {
	from {		transform: scale(1);	}
	to {		transform: scale(1.2);	}
}

.home-cards {position: relative;	z-index: 5;	margin-top: -110px;	padding: 0 5% 3%;}
.home-cards-inner {	max-width: 1120px;	margin: 0 auto;	display: grid;	grid-template-columns: repeat(3, 1fr);	gap: 34px;}
.home-card {	display: block;	text-decoration: none;	background: #fff;}
.home-card-image {	position: relative;	min-height: 290px;	background-size: cover;	background-position: center;	display: flex;	align-items: center;	justify-content: center;	overflow: hidden;}
.home-card-overlay {	position: absolute;	inset: 0;}
.home-card:nth-child(1) .home-card-overlay {	background: rgba(46, 114, 130, .55); /* Monty's blue */}
.home-card:nth-child(1) .home-card-text {	background: #cbdce0;}

.home-card:nth-child(2) .home-card-overlay {	background: rgba(124, 40, 88, .55); /* Farmhouse plum */}
.home-card:nth-child(2) .home-card-text {	background: #dec9d5;}

.home-card:nth-child(3) .home-card-overlay {	background: rgba(174, 86, 31, .55); /* Experiences warm orange */}
.home-card:nth-child(3) .home-card-text {	background: #ebd5c7;}

.home-card-top {	position: relative;	z-index: 2;	text-align: center;	padding: 30px;}
.home-card-top img {	max-width: 230px;	max-height: 140px;	width: auto;	height: auto;	margin: 0 auto 18px;	display: block;}
.home-card-top h2 {	color: #fff;	font-size: 28px;	line-height: 1.1;}
.home-card-text {	padding: 34px 34px;	text-align: center;	background: #d7e8eb;}
.home-card-text p {	font-size: 18px;	line-height: 1.2;	margin: 0;}

.home-card {	overflow: hidden;	transition: transform .35s ease, box-shadow .35s ease;}
.home-card-image {	transition: transform .6s ease;}
.home-card-overlay {	transition: background .35s ease;}
.home-card-top {	transition: transform .35s ease;}
.home-card:hover {	transform: translateY(-6px);	box-shadow: 0 18px 35px rgba(0,0,0,.12);}
.home-card:hover .home-card-image {	transform: scale(1.04);}
.home-card:hover .home-card-overlay {	background: rgba(0,0,0,.28);}
.home-card:hover .home-card-top {	transform: translateY(-4px);}

/*plan your visit*/
.plan-visit {  padding: 3% 0;  background: #fff;}
.section-intro {  max-width: 760px;  margin: 0 auto 55px;  text-align: center;}

.visit-grid {  display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 50px;}
.visit-card {  display: grid;  grid-template-columns: 70px 1fr;  align-items: center;  gap: 24px;  min-height: 170px;  padding: 10px 20px;  background: #e4e4e2;  transition: transform 0.25s ease, background-color 0.25s ease;}
.visit-card:hover {  transform: translateY(-4px);  background: #d9d9d6;}

.visit-icon {  font-size: 58px !important;  color: #8f9698;  line-height: 1;}

/*feature image*/
.feature-banner {  position: relative;  min-height: 640px;  display: flex;  align-items: center;  justify-content: center;  overflow: hidden;  text-align: center;  color: #fff;}
.feature-banner__image {  position: absolute;  inset: 0;  width: 100%;  height: 100%;  object-fit: cover;}
.feature-banner__overlay {  position: absolute;  inset: 0;  background: rgba(0, 0, 0, 0.28);  z-index: 1;}
.feature-banner__content {  position: relative;  z-index: 2;  max-width: 760px;  padding: 40px 24px;}

.feature-banner__content h2 {  color: #fff;  font-size: 45px;  line-height: 1;}
.feature-banner__content p {  margin: 0;  color: #fff;  font-size: clamp(1.05rem, 2vw, 1.35rem);  line-height: 1.35;  }

/*montys*/
.montys-intro-card {  position: relative;  width: min(960px, 60%);  min-height: 395px;  margin: -100px auto auto;  background-size: cover;  background-position: center;  display: flex;
  align-items: center;  justify-content: center;  overflow: hidden;}
.montys-intro-overlay {  position: absolute;  inset: 0;  background: rgba(47, 114, 130, .72);  z-index: 1;}
.montys-intro-content {  position: relative;  z-index: 2;  max-width: 800px;  padding: 3%;  text-align: center;}

/* montys activities */
.montys-activity-grid {  padding: 0 0 6%;}
.activity-grid {  display: grid;  grid-template-columns: repeat(4, 1fr);}
.activity-card {  display: block;  text-decoration: none;  overflow: hidden;}
.activity-card__image {  min-height: 315px;  background-size: cover;  background-position: center;  transition: transform .45s ease;}
.activity-card__content {  padding: 26px 20px 22px;  text-align: center;  background: #2f7282;  border-top: 8px solid #f2e500;}
.activity-card:nth-child(1) .activity-card__content {  background: #2fb7b1;}
.activity-card:nth-child(2) .activity-card__content {  background: #e83d75;}
.activity-card:nth-child(3) .activity-card__content {  background: #2f7282;}
.activity-card:nth-child(4) .activity-card__content {  background: #f28a24;}

.activity-card__icon {  width: 76px;  height: 76px;  object-fit: contain;  display: block;  margin: 0 auto 14px;}
.activity-card h3 {  color: #fff;  margin: 0;}
.activity-card:hover .activity-card__image {  transform: scale(1.05);}

.activity-grid {  display: grid; margin-bottom: 3%}
.activity-grid--4 {  grid-template-columns: repeat(4, 1fr);}
.activity-grid--3 {  grid-template-columns: repeat(3, 1fr);}

.split-feature__inner {  display: grid;  grid-template-columns: 1fr 1fr;  gap: 60px;  align-items: center;}
.split-feature__image img {  width: 100%;  height: 540px;  object-fit: cover;  display: block;}
.split-feature__content {  max-width: 560px;}



@media (max-width: 550px) {
  .activity-grid--4,  .activity-grid--3 {	grid-template-columns: 1fr;  }
  .activity-grid {  grid-template-columns: 1fr;  }
  .activity-card__image {  min-height: 240px;  }
}

@media (max-width: 650px) {
  .plan-visit {	padding: 55px 0;  }
  .visit-grid {	grid-template-columns: 1fr;	gap: 20px;  }
  .visit-card {	grid-template-columns: 55px 1fr;	padding: 28px;  }
  .visit-icon {	font-size: 46px;  }
  
  .feature-banner {	  min-height: 320px;	}
  
  .montys-intro-card {	  width: 92%;	  min-height: 360px;	  margin-top: -60px;	}
  .montys-intro-content {	  padding: 42px 24px;	}
  .hero-buttons {	  gap: 18px;	}
  .button {	  width: 100%;	  min-width: 0;	}
}

@media (max-width: 800px) {
  .split-feature__inner {    grid-template-columns: 1fr;  }
  .split-feature__image img {    height: 360px;  }
}


@media (max-width: 900px) {
  .activity-grid--4,  .activity-grid--3 {	grid-template-columns: repeat(2, 1fr);  }
  .activity-grid {  grid-template-columns: repeat(2, 1fr);  }
}


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