/*
Theme Name: Roots & Revival
Theme URI: https://rootsrevival.ca/
Description: Roots & Revival Festival for West Elgin Ontario
Version: 1.0
Author: Dark Horse Designs
Author URI: https://darkhorsedesigns.ca/
*/

:root {
  --orange: #f15d22;
  --green: #0c9447;
  --white: #fff;
  --darkgrey: #222;
  --black: #000;
  --lightgreen: #11ca62;
  --lightgrey: #e5e5e5;
  --darkorange: #ce5c27;
  --cream: #faffe1;
  --contain1: 1400px;
  --contain2: 950px;
  --contain3: 1100px;
  --headfont: "Alegreya SC", serif;
  --bodyfont: "Roboto", sans-serif;
  --huge: 4.8rem;
  --xlg: 4.2rem;
  --lg: 3.6rem;
  --md: 3.0rem;
  --sm: 2.5rem;
  --xsm: 2.0rem;
  --ty: 1.6rem;
}

html {box-sizing: border-box; font-size: 12px;}
*, *:before, *:after {box-sizing: inherit;}

body {font-family: var(--bodyfont); font-weight: 400; color: var(--darkgrey); margin: 0; line-height: 1.4; font-size: 1.6rem; background-color: var(--cream)}
img {max-width: 100%; height: auto; vertical-align: middle; font-style: italic; background-repeat: no-repeat; background-size: cover; shape-margin: 0.75rem;}
figure {margin:0;}
.wp-block-image {margin:0 !important;}

h1, h2, h3, h4, h5, h6 {font-family: var(--headfont); font-weight: 500; line-height: 1.0;}
h1 {font-size: var(--xlg)}
h2 {font-size: var(--lg)}
h3 {font-size: var(--md)}
h4 {font-size: var(--sm)}
h5 {font-size: var(--xsm)}
h6 {font-size: var(--ty)}

h1.xlg, h2.xlg, h3.xlg, h4.xlg, h5.xlg, h6.xlg {font-size: var(--xlg)}
h1.lg, h2.lg, h3.lg, h4.lg, h5.lg, h6.lg {font-size: var(--lg)}
h1.md, h2.md, h3.md, h4.md, h5.md, h6.md {font-size: var(--md)}
h1.sm, h2.sm, h3.sm, h4.sm, h5.sm, h6.sm {font-size: var(--sm)}
h1.xsm, h2.xsm, h3.xsm, h4.xsm, h5.xsm, h6.xsm {font-size: var(--xsm)}
h1.ty, h2.ty, h3.ty, h4.ty, h5.ty, h6.ty {font-size: var(--ty)}

a{transition: all 0.3s; text-decoration: none;}
a:hover {transition: all 0.3s;}

.topbar {background: rgb(250,255,225); background: radial-gradient(circle, rgba(250,255,225,1) 26%, rgba(236,199,120,1) 100%);}
.logolink {max-width: 270px; height:auto; display:inline-block;}
.logolink figure {display:inline-block;}

.topnav {background: rgb(250,255,225); background: radial-gradient(circle, rgba(250,255,225,1) 26%, rgba(236,199,120,1) 100%);}

.nav-top .current-menu-item {}
.nav-top {font-family: var(--headfont); font-size: 1.7rem; font-weight: 500; position: relative; z-index:10; }
.nav-top ul {margin: 0; padding: 0; list-style: none; display:grid; grid-auto-flow: column; gap:1px; justify-items: center; align-items: center;}
.nav-top ul li {width:100%; text-align: center; border-top-left-radius: 28px; border-top-right-radius: 28px; border: 1px solid #000; border-bottom: 0px !important; box-shadow: inset 0px -8px 12px -4px #333;}
.nav-top ul li:nth-child(odd) {background: rgb(12,118,58); background: radial-gradient(circle, rgba(12,118,58,1) 26%, rgba(12,148,71,1) 100%);}
.nav-top ul li:nth-child(even) {background: rgb(205, 83, 35); background: radial-gradient(circle, rgba(205, 83, 35, 1) 26%, rgba(241, 93, 34, 1) 100%);}
.nav-top a {color:var(--white);}
.nav-top a:hover {color:var(--darkred);}

.nav-top ul > li {}
.nav-top ul > li a {display: block; width:100%; padding: 12px 0;}

.nav-top li:hover > ul {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 28px; border-right:0px; border-top:0px; border-left:0px; width: 100%; visibility: visible; opacity: 1; z-index: 1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform: translateY(0); transition-delay: 0s, 0s, 300ms;}
.nav-top ul > li > ul {display: grid; grid-auto-flow: column; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 28px; justify-items: center; align-items: center;  width: 100%; top: 54px; left:0px; background: #f6efc3; padding: 46px; text-align:left; visibility: hidden; opacity: 0; position: absolute; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform: translateY(0); z-index: 100; transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;}

.nav-top .bx {font-size: 2.2rem; position: absolute; top: 14px; margin-left: 4px;}
.sub-menu .bx {margin-right: 6px; position: relative; top:2px;}

.sub-menu a {min-height:500px; display: grid !important; align-items: center; font-size: 2.4rem; border-radius: 28px; text-shadow: 0px 0px 12px #000000; -webkit-text-stroke: 1px black; -webkit-text-fill-color: white; font-weight: 900; background-size: cover;}
.sub-menu li {border-radius: 0px !important; background: none !important; border: 0 !important; box-shadow: none !important;}
.sub-menu {box-shadow: 0px 0px 12px #333;}

.menu-item-256 a {background-image: url('images/bg-atv01.jpg'); background-position: bottom right;}
.menu-item-249 a {background-image: url('images/bg-vendor01.jpg'); background-position: bottom right;}
.menu-item-252 a {background-image: url('images/bg-volunteer01.jpg'); background-position: top left;}
.menu-item-407 a {background-image: url('images/bg-bands01.jpg'); background-position: center center;}
.menu-item-406 a {background-image: url('images/bg-vendor02.jpg'); background-position: bottom right;}
.menu-item-462 a {background-image: url('images/bg-youth02.jpg'); background-position: bottom center;}
.menu-item-636 a {background-image: url('images/bg-farm-tours-01.jpg'); background-position: bottom center;}
.menu-item-651 a {background-image: url('images/bg-map-01.jpg'); background-position: bottom center;}


.timer {display: block; width: 900px; padding: 18px; margin: auto; text-align: center; color: #fff; border-radius: 28px; border: 6px solid #0c9447; background: rgb(53,94,59); background: linear-gradient(180deg, rgba(53,94,59,1) 23%, rgba(21,38,24,1) 75%); font-family: var(--headfont); position: relative; top: -125px; margin-bottom: -125px; z-index:1000;}
.timer h2 {color: var(--orange); font-size: var(--md); margin:8px 0;}

.countdown {display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; font-size: 7.0rem; line-height: 1.0;}
.countdown h3 {font-size: var(--ty); color: var(--lightgreen); line-height:1.0; margin:24px 0;}
.countdown div {position: relative;}
.countdown div:after {content:''; position:absolute; background-color: var(--green); width: 3px; height: 60px; top: 25px; right: 0;}
.countdown div:last-child:after {display:none;}

.boxset1 {display:grid; grid-template-columns: 1fr 1fr 1fr; gap:24px; text-align: center; padding-bottom: 60px;}
.boxset1 div {border-radius: 28px; border: 6px solid var(--green); overflow:hidden; position: relative; background: var(--black)}
.boxset1 h2 {width: 100%; margin: 0; font-size: 2.4rem; position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%); color: var(--white); z-index: 100; text-shadow: 0px 0px 6px #000; background: rgba(0, 0, 0, 0.4); padding: 18px;}
.boxset1 img {opacity: 0.9; user-drag: none; -webkit-user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
.boxset1 a {color:#fff;}


header {position: relative; z-index:1000;}




.tophead {position: relative; background:var(--white); color:var(--darkgrey)}
.header-top {display:grid; grid-template-columns: 300px 1fr auto; gap: 64px; position: relative; align-items: center;}

.txtl {text-align: left;}
.txtc {text-align: center;}
.txtr {text-align: right;}

.con {max-width: var(--contain1); width:100%; margin:auto !important;}
.con2 {max-width: var(--contain2); width:100%; margin:auto !important;}
.con3 {max-width: var(--contain3); width:100%; margin:auto !important;}
.con-full {max-width: 100%; width:100%; margin:auto;}
:where(.wp-block-columns) {margin-bottom: 0 !important;}

.content .con {border-bottom: 2px solid var(--green); margin-bottom:60px !important; padding-bottom: 60px;}
.content-sub .con {border-bottom: 2px solid var(--green); margin-bottom:60px !important; padding-bottom: 60px;}

.content-sub a {color:var(--green); text-decoration: underline;}

.pad1 {padding: 60px 40px;}
.pad1 :is(h1, h2, h3, h4, h5, h6):first-child {margin-top:0;}
.pad1 :is(p):last-child {margin-bottom:0;}

.orange {color: var(--orange)}
.green {color: var(--green)}
.darkorange {color:var(--darkorange)}



.brand {margin: 10px auto;}
.hash {color: var(--lightgreen); margin: 10px auto; font-size: var(--xsm); display:block;}

.but1 {background: var(--orange); color: var(--white) !important; padding: 12px 28px; font-weight: 600; border-radius: 12px; display: inline-block; text-decoration: none !important;}
.but2 {background: var(--green); color: var(--white) !important; padding: 12px 28px; font-weight: 600; border-radius: 12px; display: inline-block; text-decoration: none !important;}
.but3 {background: var(--darkorange); color: var(--darkgrey) !important; padding: 12px 28px; margin: 18px 0; font-weight: 600; border-radius: 12px; display:inline-block;}
.but1 a, .but2 a {color: var(--white) !important; text-decoration: none;}

.banner {display: grid; position: relative; padding: 1px; background-size: auto; height: 760px; background-position: center -120px; border-bottom: 9px solid var(--green); color: var(--white); z-index:500; box-shadow: 0px -2px 12px #333;}
.home .banner {background-image: url('images/bg001.jpg');}
.page-id-22 iframe {width:100%;}
.overlay {background-color: rgba(0, 0, 0, 0.4); position: absolute; height:100%; width:100%; z-index:10;}

.home-top {max-width: var(--contain1);
  margin: -100px auto auto auto;
  width: 100%;
  display: grid;
  position: relative;
  z-index: 100;
  align-content: center;
  grid-template-rows: 200px 120px;
  align-items: center;
  justify-content: center;
  height: 100%;
  justify-items: center;}

.date {background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 20%, rgba(255,255,255,0.4) 80%, rgba(255,255,255,0) 100%);
  padding: 18px 60px;
  color: var(--green);
  font-size: var(--sm);
  font-weight: 900;
  text-transform: uppercase;  text-shadow: 0px 0px 6px #fff;
}

.breadcrumbs {padding: 8px 18px; background: #242424; color: var(--white);}
.breadcrumbs a {transition: color 0.6s; text-decoration: none; color:#c7c7c7;}
.breadcrumbs a:hover {color: #fff; transition: all 0.6s;}
.breadcrumbs .bx-home-heart {position: relative; top:4px;}

.partners {border-top: 1px solid var(--orange); background: #fff3d2; text-align: center;}
.partners figure {display: inline-block; margin: 0 8px 28px 8px !important;}
.partners img {max-height: 100px; width: auto; border-radius: 18px;}


.list1 {list-style: none; padding:0; font-size: 1.8rem;}
.list1 i {margin-right: 8px; position: relative; top: 5px;}

.list2 {list-style: none; padding:0;}
.list2 li {border-bottom: 2px solid var(--lightgrey); padding: 16px 0px; font-weight: 700;}
.list2 i {margin-right: 8px; position: relative; top: 5px;}

.page-id-17 .list2 {columns: 2; -webkit-columns: 2; -moz-columns: 2; column-gap: 120px; padding:20px 40px;}

.spc1 {margin:0;}


.col2 {display:grid; grid-template-columns: 1fr 1fr; gap:60px; align-items: center;}
.col3 {display:grid; grid-template-columns: 1fr 1fr 1fr; gap:60px; align-items: center;}
.col4 {display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap:60px; align-items: center;}

.col3 div {position: relative;}

footer {background: #242424; color: #fff; font-size: 1.2rem; padding: 60px 0 60px 0; text-align: left; overflow: hidden; position: relative; background-image: url(images/farm-outline-faded.png); background-position: center -20px; background-repeat: no-repeat; background-size: 100%;}
footer a {transition: color 0.6s; text-decoration: none; color:#c7c7c7;}
footer a:hover {color: #fff; transition: all 0.6s;}

.copyright {border-top:1px solid var(--white); padding:40px 0 0 0; margin: 40px auto auto auto; text-align: center;}

.nav-footer {text-align: right; font-size: var(--ty)}
.nav-footer ul {list-style-type: none; padding:0;}
.nav-footer ul ul {list-style-type: none; padding:0;}
.nav-footer li {display: inline-block; padding-left: 18px;}

.ic2 i,.ic3 i,.ic4 i,.ic5 i {margin-right: 6px; position: relative; top: 3px;}

.box1 {background: var(--midred); margin: 48px auto !important; padding: 48px;}
.box1 h2 {margin-top:0;}

.reviews {position: relative; top: 35px; padding: 24px 0;}

.menu-top-right-menu-container ul {list-style-type: none; padding:0; margin:0;}
.menu-top-right-menu-container a {font-weight: 500; color: var(--darkorange); background: var(--cream); border: 2px solid var(--darkorange); border-radius: 18px; display: inline-block; padding: 14px 28px; transition: all 0.6s;}
.menu-top-right-menu-container a:hover {background: var(--orange); color: var(--white)}

.accord1 div {border: 0px !important;}
.accord1 h3 {font-family: var(--bodyfont); font-size: var(--xsm);}
.accord1 .aagb__accordion_body {padding-left:50px !important;}
.accord1 .aagb__accordion_body p:first-child {margin-top: 0 !important;}
.accord1 .aagb__icon {border-radius: 50%; color: var(--white); padding: 2px; width: 24px; height: 24px;}
.accord1 .dashicons-plus-alt2 {background-color:var(--green);}
.accord1 .dashicons-minus {background-color:var(--orange);}
.accord1 .aagb__accordion_heading {padding-top: 4px !important;}

.event-table {display: grid !important; grid-template-columns: 25% 1fr; border: 5px solid var(--orange); border-radius: 28px; padding: 28px; margin: 28px auto;}

.vendors h2 {color: var(--white); background: var(--green); font-size: var(--sm);  padding: 18px; border-radius: 18px; margin-top: 56px !important;}
.vendors p {padding: 0 18px;}
.vendors .wp-block-gallery {padding: 0 18px;}
.vendors img {border-radius: 18px; border: 3px solid var(--orange);}

.gallery .gallery-item {width: 31% !important; margin: 1% !important;}
.gallery-item img {border-radius: 18px; border: 3px solid var(--orange) !important;}
.sp-easy-accordion .sp-ea-single {border-radius: 18px !important;}
.ea-body {border-bottom-right-radius: 18px; border-bottom-left-radius: 18px;}

/* Form */

.form h2 {font-size: var(--sm); border-bottom: 3px solid var(--lightgrey); font-family: "Poppins", sans-serif; padding-bottom: 10px; font-weight: 600; margin: 42px 0 28px 0; }
.form label {display:block; margin: 18px 0 4px 0;}

.checklist1 {margin: 24px 0 36px 0; display: block;}
.checklist1 .first {border-top: 1px solid var(--darkred);}
.checklist1 .wpcf7-list-item {display: grid; background:var(--lightred); border-bottom: 1px solid var(--darkred);margin: 0px; line-height: 48px; padding: 0 12px;}
.checklist1 .wpcf7-list-item label {cursor: pointer; margin: 0;}
.checklist1 input[type=checkbox] {width: 18px; height: 18px; position: relative; top: 3px;}
[data-name="checkbox-76"] .wpcf7-not-valid-tip { top: -26px; position: relative;}

input[type="text"],input[type="tel"],input[type="email"],input[type="password"],textarea, select {padding: 10px; font-size: 1.6rem; background: var(--white); border:0px; color:var(--darkgrey);}
.wpcf7-not-valid-tip {color: var(--yellow) !important;}

.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"], .wpcf7 input[type="password"], .wpcf7 textarea {width:100%;}
.wpcf7-submit{background: var(--yellow); color: var(--darkgrey); padding: 10px 24px; font-weight: 600; border-radius: 12px; cursor: pointer; transition: all 0.3s; font-family: "Poppins", sans-serif; font-size: 1.6rem; border: 0px; margin: 28px 0;} 

.wpcf7-radio .first {margin-left:0 !important}
.wpcf7-radio label {margin: 4px 0 4px 0;}



.wpcf7 {text-align:left;}
label {font-weight: 500; margin-bottom:4px;}
input[type="text"],input[type="tel"],input[type="email"],input[type="password"],textarea, select {padding: 8px; font-size: 1.6rem; border:1px solid var(--darkorange); width:100%; background-color: transparent; border-radius: 6px; }
.wpcf7-not-valid-tip,.wpcf7-response-output {color: #f15f25 !important;}
input[type="submit"] {background-color: #f06630; color: #fff; border: 0px; padding: 6px 28px; margin: 18px 0 0 0; font-size: 18px; border-radius: 6px; font-weight: 800; text-transform: uppercase; cursor: pointer;}
input[type="file"] {background-color: rgba(12, 148, 71, 0.8); color: #fff; padding: 12px; margin: 0 0 4px 0; border-radius: 6px; width: 100%;}
.note{font-size: 14px; margin: 0 0 6px 0; display: block;}


.farmtours {text-align: center;}
.farmtours .wp-block-gallery {width: 120%; max-width: max-content; position: relative; margin-left: -7.5%;}
.farmtours h2.green {margin-top: 60px; border-top: 1px solid #000; padding-top: 60px;}






/* Simple News */


.events-grid article {border: 4px solid var(--green); border-radius: 18px; align-items: start; background: var(--green) !important;}
.article__info {color:var(--white) !important;}
.item-text {    margin-top: 4px !important;
  background: #fff;
  border-radius: 18px;
  color: #111;
  padding: 2px 18px;
  font-weight: bold; font-size: var(--ty); }




.simple-news-con {gap: 48px !important; grid-template-columns: 1fr 1fr 1fr;}
.simple-news-title {font-size: 1.8rem !important;}
.simple-news-item {background-color: rgba(17, 17, 17, 0.8); padding: 28px !important; border: 3px solid #b09956 !important;}
.simple-news-item-link {transition: all 0.3s;}
.simple-news-item-link:hover {}
.simple-news-excerpt {font-size: 1.4rem !important;}
.simple-news-date, .wp-block-post-date {font-size: 1.3rem !important; font-weight: bold; background: -webkit-linear-gradient(rgb(245, 218, 140), rgb(176, 153, 86)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.type-news h2:first-child {display:none;}
.type-news:after {content:""; display:block; clear:both;}
.type-news .post-thumb {padding: 0 36px 36px 0; float:left; max-width: 40%;}



/* text rotator */

.positivity {position: absolute; top: 50%; left: 51%; transform: translate(-50%, -50%); height: auto; overflow: hidden; display: grid; text-align: center; grid-template-columns: 310px 260px;}
.positivity .positivity__words {position: relative;}
.positivity .positivity__alone {display: inline-block;}
.positivity .positivity__words .change {color: var(--white); position: absolute; left:0; opacity: 0;
  -webkit-animation: changeword 8s linear infinite;
          animation: changeword 8s linear infinite;
}
.positivity .positivity__words .change:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.positivity .positivity__words .change:nth-child(2) {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.positivity .positivity__words .change:nth-child(3) {
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}
.positivity .positivity__words .change:nth-child(4) {
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
}

@-webkit-keyframes changeword {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  5% {
    opacity: 1;
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(0);
  }
  30% {
    opacity: 0;
    transform: translateY(50px);
  }
  80% {
    opacity: 0;
    transform: translateY(50px);
  }
}

@keyframes changeword {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  5% {
    opacity: 1;
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(0);
  }
  30% {
    opacity: 0;
    transform: translateY(50px);
  }
  80% {
    opacity: 0;
    transform: translateY(50px);
  }
}


.grecaptcha-badge {display:none;}





.master-con {max-width: 100%; overflow:hidden;}

.block1 {display:grid; grid-template-columns: 62% 38%; background-color:#343F4D; transform: skewX(20deg); border-top-right-radius: 40px; border-bottom-right-radius: 40px; margin-top:80px; position: relative; left: -20%; width: 123%; color:#fff;}
.block1 .content {transform: skewX(-20deg); text-align: right; padding: 40px 120px 40px 60px;}
.block1 .content h1 {left: -30%; position: relative; width: 130%; font-size: 3.0rem;}

.box {position: relative; top: -80px; height: 550px; overflow: hidden; background: #fff; border-top-right-radius: 40px; border-bottom-right-radius: 40px;}
.box img {transform: skewX(-20deg); height: 650px; position: relative; left: 26%; opacity: 0.6;}



.boxset3 {display:grid; grid-template-columns: 1fr 1fr 1fr; gap:60px; max-width: 85%; margin: auto; text-align: center; font-size: 1.6rem;}
.boxset3 div {padding: 28px; background: #e9e9e9; border-radius: 48px;}
.boxset3 h2 {margin: 0; font-size: 2.2rem;}
.ic1 {font-size: 7.0rem !important;}



.check1 {-webkit-appearance: checkbox !important; -O-appearance: checkbox !important; -moz-appearance: checkbox !important;}




.but-prev, .but-next {
  display:inline-block;
  border: 2px solid;
  color: #fff;
  border-image-slice: 1;
  border-image-source: linear-gradient(to left, #b09956, #f5da8c, #b09956);
  font-weight: 300;
  text-transform: uppercase;
  font-size: 1.4rem;
  padding: 10px 28px;
  transition: all 0.3s;
  background-color: rgba(17, 17, 17, 0.8);
}

.but-prev:hover, .but-next:hover {border-image-source: linear-gradient(to left, #f5da8c, #b09956, #f5da8c); transition: all 0.3s;}
.but-prev .bx, .but-next .bx {position: relative; top: 6px;line-height: 0;}



.menu-item-327, .menu-item-326 {display:none}



@keyframes zoom-in-zoom-out {
    0% {
      transform: scale(1, 1);
    }
    50% {
      transform: scale(1.5, 1.5);
    }
    100% {
      transform: scale(1, 1);
    }
  }

  @keyframes zoom-in {
    0% {
      transform: scale(1, 1);
    }
    100% {
      transform: scale(1.25, 1.25);
    }
  }

    @keyframes zoom-in-nav {
    0% {
      transform: translateY(2.1rem);
      opacity: 0;
    }
    100% {
      transform: translateY(0rem);
      opacity: 1;
    }
  }

  @keyframes fade {
    0% {
      opacity: 1;
    }
    20% {
      opacity: 0;
    }
    30% {
      opacity: 1;
    }
    100% {
      opacity: 1;
    }
  }

.icon1 {font-size: 3.2rem;}
.wp-block-embed-youtube {max-width: 1000px; margin:36px auto;}
img.aligncenter {display:block; margin:auto;}
.mobile-bar {display:none;}

.gallery0 {max-width: 100%; width: max-content; margin: 36px auto;  gap: 36px !important; display: grid !important; grid-template-columns: 1fr;}
.gallery0 img {border-radius: 28px; margin:auto; border: 5px solid var(--orange)}
.gallery0 figcaption {position: relative !important; background: none !important; font-size: 1.8rem !important; font-weight: bold; font-family: var(--headfont); color: var(--green) !important;}
.gallery0 figure {width: 100% !important;}

.gallery1 {max-width: 100%; width: max-content; margin: 56px auto 0 auto;  gap: 36px !important; display: grid !important; grid-template-columns: 1fr 1fr 1fr;}
.gallery1 img {border-radius: 28px; margin:auto; border: 5px solid var(--orange)}
.gallery1 figcaption {position: relative !important; background: none !important; font-size: 1.8rem !important; font-weight: bold; font-family: var(--headfont); color: var(--green) !important;}
.gallery1 figure {width: 100% !important;}

.gallery2 {max-width: 100%; width: max-content; margin: 56px auto 0 auto;  gap: 36px !important; display: grid !important; grid-template-columns: 1fr 1fr;}
.gallery2 img {border-radius: 28px; margin:auto; border: 5px solid var(--orange)}
.gallery2 figcaption {position: relative !important; background: none !important; font-size: 1.8rem !important; font-weight: bold; font-family: var(--headfont); color: var(--green) !important;}
.gallery2 figure {width: 100% !important;}

.latest-post-selection article {border-radius: 28px; border: 5px solid var(--orange)}


@media only screen and (max-width:1800px) {
.sub-menu a {min-height:400px;}  
}



@media only screen and (max-width:1550px) {
:root {--contain1: 1250px;}
}

@media (min-width:1200px) and (max-width:1400px) {
.nav-top li:hover > ul {gap: 18px;}
.nav-top ul > li > ul {gap: 18px; padding: 36px;}
.sub-menu a {min-height:350px;}
}

@media (min-width:901px) and (max-width:1200px) {
:root {
--contain1: 95%;
--contain3: 95%;
}
.nav-footer li {display: block; margin: 4px 0;}
}

@media only screen and (max-width:900px) {

:root {
--contain1: 90%;
--contain3: 90%;
--huge: 3.2rem;
--xlg: 2.8rem;
--lg: 2.6rem;
--md: 2.4rem;
--sm: 2.0rem;
--xsm: 1.8rem;
--ty: 1.4rem; 
}


body {font-size: 1.5rem;}
.topbar {border-bottom: 3px solid var(--orange);}
.topbar .col3 {grid-template-columns: 1fr; grid-template-rows: 0px 100px 0; gap: 12px;}
.menu-top-right-menu-container {display:none;}
.logolink {max-width: 225px;}
.mobmenur-container {background: var(--green); border-radius: 50%; padding: 12px 6px; height: 46px; width: 46px;}
.home .banner {background-size: 1100px; background-repeat: no-repeat; height: 450px;}
.home .banner h1 {margin-top: 60px;}
.positivity {left: 55%; grid-template-columns: 200px 200px;}
.timer {width: 90%; padding: 4px; border: 4px solid #0c9447; top: -100px; margin-bottom: -100px;}
.timer h2 {color: #f2c779;}
.countdown {font-size: 4.0rem;}
.countdown div:after {width: 2px; height: 40px; top: 12px;}
.pad1 {padding: 60px 20px;}
footer {padding: 40px 0 100px 0; background-size: 200%; background-position: -150px center;}
footer .col3 {grid-template-columns: 1fr; gap: 40px; align-items: center; text-align: center;}
.nav-footer {text-align: center;}
.nav-footer li {padding: 0 8px;}
.rightmtop {padding: 0 50px 0 30px !important; margin: 0 0 15px 0 !important;}
.mobmenu-content {font-size: 1.6rem; margin: 0 !important; background-image: url(images/m-farm-bg.png); background-repeat: no-repeat; background-position: bottom left; background-size: 600px; padding-bottom: 180px !important; height: 100% !important;}
.menu-main-menu-container li:first-child {border-top: 1px solid #444;}
.menu-main-menu-container li {border-bottom: 1px solid #444; padding: 0px !important;}
.menu-main-menu-container li a {padding: 14px 24px !important;}
.menu-item-256 a, .menu-item-249 a, .menu-item-252 a, .menu-item-406 a, .menu-item-407 a, .menu-item-462 a, .menu-item-636 a, .menu-item-651 a {background-size: cover; font-weight: 900 !important; font-family: var(--headfont) !important; text-align: center; margin:18px;}
.sub-menu a {min-height: 200px; font-size: 2.4rem; border-radius: 0;}
.menu-item-327, .menu-item-326 {display:block;}
.accord1 h3 {line-height: 1.2;}
.menu-item-32 .bx, .menu-item-30 .bx {display:none;}
.mob-icon-up-open, .mob-icon-down-open {background: var(--green); border-radius: 8px; padding: 1px 4px; font-size: 1.4rem !important;}
.gallery1 {grid-template-columns: 1fr 1fr;}





.header-top {grid-template-columns: 1fr; gap:0;}
.header-top div {display:none;}
.header-top div:first-child {display:block !important;}
.nav-top {display:none;}
.con, .con1, .con2 {max-width: 90%; margin: auto;}


.page-id-12 .wp-container-core-columns-is-layout-1 div:nth-child(1){order: 2}
.page-id-12 .wp-container-core-columns-is-layout-1 div:nth-child(2){order: 1}
.page-id-12 .wp-container-core-columns-is-layout-3 div:nth-child(1){order: 2}
.page-id-12 .wp-container-core-columns-is-layout-3 div:nth-child(2){order: 1}
.page-id-15 .wp-container-core-columns-is-layout-1 div:nth-child(1){order: 2}
.page-id-15 .wp-container-core-columns-is-layout-1 div:nth-child(2){order: 1}
.page-id-19 .wp-container-core-columns-is-layout-1 div:nth-child(1){order: 2}
.page-id-19 .wp-container-core-columns-is-layout-1 div:nth-child(2){order: 1}


.but1, .but2, .but3 {padding: 12px 18px;}

.page-id-17 .list2 {
  columns: 1;
  -webkit-columns: 1;
  -moz-columns: 1;
  column-gap: 0px;
  padding: 0;}

.mobile-bar {display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  text-align: center;
  justify-items: center;
  border-top: 3px solid #fff;
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 12px 0;
background: var(--darkred);
}

.mobile-bar a {color: var(--white)}
.farmtours .wp-block-gallery {width: 100%; max-width: 100%; margin-left: 0%;}


}


@media only screen and (max-width:600px) {
.gallery1, .gallery2, .event-table {grid-template-columns: 1fr;}
.partners img {max-height: 80px;}
.con, .con1, .con2 {max-width: 95%;}
}

@media only screen and (max-width:400px) {
.home-top h1 {font-size: 2.2rem !important;}
.positivity {left: 53%; grid-template-columns: 160px 160px;}
.date {padding: 16px 30px;}
.logolink {max-width: 200px;}
}

@media only screen and (max-width:380px) {
}

@media only screen and (max-width:320px) {
}