/* core */
html, body { width:100%; height:100%; }
body { margin:0; padding:0; font-size:20px; }
body { font-family:"Playfair Display", serif; font-optical-sizing:auto; font-weight:normal; font-style:normal; }
a { color:#003C0A; text-decoration:none; }
a:hover { color:#007200; }
a.light { color:#fff; }
a.light:hover { color:#ccff33; }
img.fit { width:100%; height:auto; }
div.square { position:relative; width:100%; height:0px; padding-top:100%; overflow:hidden; border-radius:1rem; }
div.square img { position:absolute; top:50%; left:50%; width:100%; height:100%; object-fit:cover; transform:translate(-50%, -50%); }
/* utility */
.arrow { cursor:default; }
.mouse { cursor:pointer; }
/* text sizing */
.text-tiny { font-size:75%; }
.text-small { font-size:90%; }
.text-normal { font-size:100%; }
.text-big { font-size:110%; }
.text-large { font-size:125%; }
.text-huge { font-size:150%; }
@media only screen and (min-width:768px)
{
/* .text-md-tiny { font-size:75%; } */
.text-md-small { font-size:90%; }
/* .text-md-normal { font-size:100%; } */
/* .text-md-big { font-size:110%; } */
/* .text-md-large { font-size:125%; } */
/* .text-md-huge { font-size:150%; } */
}
/* interactivity */
.opacity-25, .opacity-50, .opacity-75 { transition:opacity 250ms ease-in-out; }
.opacity-25:hover, .opacity-50:hover, .opacity-75:hover { opacity:1 !important; transition:opacity 150ms ease-in-out; }
span.link-icon { display:inline-block; vertical-align:text-bottom; width:0; height:27px; overflow:hidden; transition:all 150ms ease-in-out; }
.text-big span.link-icon { height:31px; }
.text-small span.link-icon { height:29px; }
span.link-icon img { width:25px; height:25px; }
a:hover span.link-icon { width:25px; }
/* silent tables */
table { border-collapse:collapse; }
td { padding:0; border:none; }
/* rules */
.hardrule { width:100%; height:2px; border-radius:1rem; }
.hardrule-dark { background-color:#003C0A; }
.hardrule-light { background-color:#008716; }
.hardrule-soft { background-color:#d4e1d6; }
/* typography */
h1 { margin: 0 0 1rem 0; }
p { margin-top:1rem; line-height:2; }
div.p { margin-top:1rem; line-height:2; }
ul.p li { margin:1rem 0; }
.indent { margin-left:2.5rem; }
.marker-underline { position:relative; display:inline-block; text-decoration:none; z-index:50; }
.marker-underline::after { content:''; position:absolute; left:0; right:0; bottom:1px; height:7px; background:#ccff3360; transform:rotate( -1deg ); border-radius:1rem; z-index:49; }
/* containers */
.infobox-grey { background-color:#ddd; padding:1rem; border-radius:1rem; }
/* video */
/* patting-top: 16:9 Aspect Ratio (height / width * 100) */
/*
.video-container { position:relative; width:100%; height:auto; overflow:hidden; border-radius:1rem; padding-top:56.25%; }
video { position:absolute; top:0; left:0; width:100%; height:100%; display:none; }
.cover { position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:center; display:flex; justify-content:center; align-items:center; cursor:pointer; }
.cover { background-image:url( '/_vid/Forman-Farms-Fields-Aerial.jpg' ); }
.play-button { width:50px; height:50px; background-color:rgba(255, 255, 255, 0.8); border-radius:50%; display:flex; justify-content:center; align-items:center; }
.play-button:before { content:''; width:0; height:0; margin-left:4px; border-left:15px solid #007200; border-top:10px solid transparent; border-bottom:10px solid transparent; }
*/
/* modal video */
.video-container { position:relative; width:100%; overflow:hidden; padding-top:56.25%; }
.video-container iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
/* modal xxl (add to bootstrap) */
/* @media only screen and (min-width:576px) */
/* { */
/* .modal-xxl { --bs-modal-width:95vw; max-width:1200px; } */
/* } */
/* hero */
#hero { position:relative; min-height:100vh; background-position:center; background-size:cover; }
.hero-caption { display:none; }
@media only screen and (min-width:768px)
{
.hero-caption { display:block; position:absolute; top:46%; right:0; padding:0.5rem 1.5rem; font-size:120%; background-color:#003C0A; color:#fff; border-radius:1rem; border-top-right-radius:0; border-bottom-right-radius:0; }
}
.hero-video-play-button { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.hero-video-play-button button { width:75px; height:75px; background-color:rgba(255, 255, 255, 0.8); border-radius:50%; display:flex; justify-content:center; align-items:center; }
.hero-video-play-button button:before { content:''; width:0; height:0; margin-left:4px; border-left:15px solid #007200; border-top:10px solid transparent; border-bottom:10px solid transparent; }
/* rider bar */
#rider { }
.event-readiness { opacity:0.75; }
.event-label { font-weight:bold; }
.event-date { opacity:0.75; }
/* events page */
.event-image { max-width:100%; height:auto; }
/* branding */
#branding { background-color:#003C0A; color:#fff; }
.branding-logo {}
.branding-title { font-size:150%; }
.branding-description { font-size:90%; }
/* contact */
#contact { padding:3rem 0; background-color:#222; color:#fff; }
/* .contact-image { margin:0 0 2rem 0; } */
.contact-logo { max-width:250px; }
.contact-logo img { width:100%; height:auto; }
@media only screen and (min-width:768px)
{
.contact-border { padding:0 2rem 0 0; margin:0 0.5rem 0 0; border-right:2px solid #999; }
.contact-image { width:100%; display:flex; justify-content:end; }
/* .contact-image img { max-width:200px; } */
}
/* menu */
#menu { padding:3rem 0; }
.menu-image {}
.menu-image-mobile { width:100%; height:300px; overflow:hidden; display:flex; align-items:center; justify-content:center; border-top:1.5rem solid #003C0A; border-bottom:1.5rem solid #003C0A;/* border-top:1rem solid #003C0A; */ }
.menu-image-mobile img { width:100%; height:auto; }
ul.menu { list-style:none; margin:0; padding:0; }
ul.menu li { margin:0; padding:0 1rem 0 0; }
ul.menu li.subpage { padding-left:2rem; }
ul.menu a { display:inline-block; min-width:66%; padding:0.5rem 3rem 0.5rem 1rem; text-decoration:none; border-radius:1rem; }
ul.menu a:hover { background-color:#00550e; color:#fff; }
ul.menu li.active a { background-color:#003C0A; color:#fff; }
@media only screen and (min-width:768px)
{
.menu-border { height:100%; padding:2rem 2rem 2rem 0; margin:0 0.5rem 0 0; border-right:2px solid #003C0A; }
.menu-anchor { height:100%; width:100%; position:relative; /* background-color:red; */ }
.menu-image { position:absolute; height:100%; width:1000px; top:0; right:0; overflow:hidden; border-radius:1rem; border-top-left-radius:0; border-bottom-left-radius:0; }
.menu-image img { float:right; height:100%; width:auto; border-radius:1rem; }
}
/* main */
#main { padding:1rem 0 3rem; }
@media only screen and (min-width:768px)
{
.main-border { height:100%; padding:2rem 0 2rem 2rem; margin:0; border-left:2px solid #d4e1d6; }
}
/* .main-image { max-width:33%; float:right; margin:1rem 0 0.5rem 2rem; border-radius:1rem; } */
.sidebar-stack { margin:0 0 1.5rem 0; }
/* footer */
#footer { padding:3rem 0; background-color:#003C0A; color:#fff; }
.footer-image { max-width:20%; float:left; margin:0 1.5rem 0 0; }
.footer-image img { width:100%; height:auto; }
@media only screen and (min-width:768px)
{
.footer-image { display:block; max-width:33%; float:right; margin:0 0 0 2rem; }
}
/* .community-logo img { width:auto; height:100px; } */
.notice { border-left:20px solid #003C0A; padding-left:20px; }