/* ==|== primary styles =====================================================
   Author: Silverink
   ========================================================================== */

/* FONTS
font-family: "oso-sans", sans-serif;
font-weight: 400;
font-style: normal;
Oso Sans Italic
font-family: "oso-sans", sans-serif;
font-weight: 400;
font-style: italic;
Oso Sans Bold
font-family: "oso-sans", sans-serif;
font-weight: 700;
font-style: normal;
Oso Sans Bold Italic
font-family: "oso-sans", sans-serif;
font-weight: 700;
font-style: italic;
Oso Serif Regular
font-family: "oso-serif", sans-serif;
font-weight: 400;
font-style: normal;
Oso Serif Bold
font-family: "oso-serif", sans-serif;
font-weight: 700;
font-style: normal;
*/

/* ROOT VARIABLES ================================================= */


:root {
	--brand-primary: rgb(76, 123, 0);
	--brand-primary-dark: rgb(54, 89, 0);
	--brand-primary-light: rgb(230, 244, 210);
	--accordion-border: rgba(76, 123, 0, 0.3);
	--accordion-text: #1d2d00;
	--white: #F7F5F4;
	--black: #141311;
	--base-primary: rgba(15, 135, 152, 1);
	--base-secondary: rgba(8, 81, 91, 1);
	--base-tertiary: #DDD9D6;
	--base-light: #EBE8E5;
	--border-radius: 20px;
	--box-shadow: 10px 10px 20px rgba(50, 50, 50, 0.8);
	--box-shadow-card: 0px 10px 20px rgba(50, 50, 50, 0.1);
	--text-shadow: 10px 10px 20px rgba(50, 50, 50, 0.8);
	--cat-conferences: rgb(3, 65, 141);
	--cat-farmwalks: rgb(121, 156, 65);
	--cat-meetings: rgba(8, 81, 91, 1);
	--cat-tradefairs: rgb(119, 0, 123);
	--cat-webinars: rgb(123, 12, 0);
	--cat-workshops: rgb(163, 130, 13);

	--font-head: "oso-sans", sans-serif;
	--font-body: "oso-sans", sans-serif;
	--font-bold: 700;
}



/* ==|== Easibuild Structural Elements =====================================================
   Structural elements such as mainContent/Wide, submenu etc. Ideally these elements will change
   to HTML5 tags...  aside, article etc.
   ========================================================================== */

a:link {
	color: var(--brand-primary);
	text-decoration: underline;
}

a:visited {
	color: var(--brand-primary);
	text-decoration: none;
}

a:hover {
	color: var(--brand-primary);
	text-decoration: none;
}

a:active {
	color: var(--brand-primary);
	text-decoration: underline;
}

/* Accordion wrapper */
.accordion {
	border: 1px solid var(--accordion-border);
	background-color: #fff;
}

/* Accordion item */
.accordion-item {
	border: none;
}

/* Accordion button (header) */
.accordion-button {
	color: var(--accordion-text);
	font-weight: 500;
	transition: background-color 0.3s ease, color 0.3s ease;
	/* border-bottom: 1px solid var(--accordion-border); */
}

/* Accordion icon */
.accordion-button:not(.collapsed)::after {
	filter: invert(1) brightness(10);
}

/* Hover/focus */
.accordion-button:hover,
.accordion-button:focus {
	background-color: var(--brand-primary);
	color: #fff;
}

/* Active/open state */
.accordion-button:not(.collapsed) {
	background-color: var(--brand-primary-dark);
	color: #fff;
	box-shadow: none;
}

/* Accordion body */
.accordion-body {
	background-color: #fff;
	padding: 1rem 1.25rem;
	border-top: 1px solid var(--accordion-border);
	color: var(--accordion-text);
}

.accordion-button {
	line-height: 100% !important;
}

.active {
	font-weight: bold;
}

body,
html {
	min-height: 100vh;
}

body {
	display: flex;
	flex-direction: column;
	position: relative;
	font-family: var(--font-body);
}

nav[aria-label="breadcrumb"]+.container {
	margin-top: 3rem;
	margin-bottom: 3rem;
}

.breadcrumb {
	text-transform: capitalize;
}

.btn-primary {
	background-color: var(--base-primary);
	text-decoration: none !important;
	border: 1px solid var(--base-secondary)
}

.btn-outline-primary {
	border-color: var(--base-primary);
	text-decoration: none !important;
	border: 1px solid var(--base-secondary);
	color: var(--black)
}

.btn-primary:hover,
.btn-outline-primary:hover,
.btn-check:checked+.btn-outline-primary,
.btn-check:active+.btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show {
	background-color: var(--base-secondary);
	border: 1px solid var(--base-secondary);
	text-decoration: none !important;
}


.btn .icon-wrap {
	border-right: 1px solid rgba(255, 255, 255, 0.3);
	padding-right: 0.75rem;
	display: flex;
	align-items: center;
}

.btn .text-wrap {
	display: flex;
	align-items: center;
}


.card {
	border-radius: var(--border-radius);
	border: 1px solid transparent;
	overflow: hidden;
	box-shadow: var(--box-shadow-card);
}

.card-img-top {
	position: relative;
	overflow: hidden;
	aspect-ratio: 16/9;
	object-fit: cover;
}

.card-title {
	font-size: 1.4rem;
	font-weight: 500;
	text-transform: capitalize;
	color: var(--white);
	text-shadow: var(--box-shadow);
	position: absolute;
	bottom: 10px;
	line-height: 110%;
	padding-left: 16px;
	z-index: 2;
	width: 100%;
	text-align: left;
}

.cardCategory {
	text-transform: capitalize;
}

.card-img-top img {
	aspect-ratio: 16/9;
	object-fit: cover;
}

.card-img-top {
	position: relative;
	display: block;
	z-index: 0;
	/* ensure it's behind any overlay text */
}


.card-img-top::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(-5deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0));
}

.card-img-top::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(-9deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.0));
	opacity: 0;
	transition: opacity 1s ease;
}

.card:hover .card-img-top::after {
	opacity: 1;
}


/* NAV TOGGLER */
.custom-toggler {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	width: 32px;
	height: 24px;
	background: transparent;
	border: none;
	padding: 0;
	cursor: pointer;
	z-index: 1001;
	position: absolute;
	top: 30px;
	right: 30px;
}

.custom-toggler .bar {
	width: 100%;
	height: 3px;
	background-color: #fff;
	/* your --brand-primary */
	border-radius: 2px;
	transition: all 0.3s ease-in-out;
	transform-origin: center;
}

.scrolled .bar {
	background-color: var(--brand-primary);
}

/* Animate to "X" on open */
.custom-toggler.open .bar:nth-child(1) {
	transform: rotate(45deg) translate(5px, 5px);
}

.custom-toggler.open .bar:nth-child(2) {
	opacity: 0;
}

.custom-toggler.open .bar:nth-child(3) {
	transform: rotate(-45deg) translate(6px, -6px);
}


.form-control-sm {
	line-height: 100%;
}

.ctaBanner {
	background-color: var(--base-light);
}

.btn {
	border-radius: 50rem;
}

.nav-pills .nav-link,
.btn-primary {
	border: 1px solid var(--brand-primary) !important;
	color: #212529 !important;
	font-weight: bold;
	/* Bootstrap text-dark */
	background-color: transparent !important;
	border-radius: 50rem;
	/* Keeps the pill shape */
	font-size: 14px;
	padding: 0.5rem 1rem !important;
	white-space: nowrap;
	margin-bottom: 15px;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link,
.nav-pills .nav-link:hover,
.btn-primary:hover {
	color: #fff !important;
	background-color: var(--brand-primary) !important;
	border-color: var(--brand-primary) !important;
}


.newsCard {
	cursor: pointer;
}

.newsCard .category {
	text-transform: capitalize;
}

.newsCard .card-title {
	font-size: 1.2rem;
	font-weight: 700;
	position: relative;
	text-transform: capitalize;
	text-shadow: none;
	color: var(--black);
	padding: 0px;
	bottom: none;
	top: 0px;
}

.introduction h5 {
	font-size: 1.4rem;
	line-height: L 140%;
}

.newsCard a {
	text-decoration: none;
}

.newsTitleRow {
	text-transform: capitalize;
}

.oldContent p img,
.pull-left img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.oldContent figure {
	max-width: 50%;
	margin: auto;
	margin-bottom: 30px;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li {
	line-height: 140%;
}

h2 {
	font-weight: var(--font-bold);
	margin-bottom: 0.5rem;
}

.mapContainer {
	overflow: hidden;
	border-radius: var(--border-radius)
}

/* Main content takes up remaining space */
main {
	flex: 1;
}






/* FOOTER */
.img-fluid.rounded-start.w-100 {
	height: 100% !important;
	width: 100%;
	object-fit: cover;
}

.row.g-0 {
	height: 100%;
}

.footer {
	position: relative;
	background-color: var(--brand-primary);
	padding: 30px 0;
}

.footer::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: url("logo_circles.svg");
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 150%;
	/* Responsive height, width auto */
	opacity: 0.3;
	pointer-events: none;
	z-index: 0;
}

.footer>* {
	position: relative;
	z-index: 1;
	/* ensures content sits above the image */
}

.footerNav .nav-link {
	padding: 4px;
}

.footerNav a {
	color: var(--white);
	text-decoration: none;
}




#homeEditable {
	margin-top: 3rem;
	margin-bottom: 3rem;
	padding-bottom: 30px;
	position: relative;
	overflow: hidden;
}

#homeAnimationTop {
	position: relative;
	width: 100vw;
	right: 15px;
	height: 400px !important;
	z-index: -1;
	margin-top: -450px;
	overflow: hidden;
}

#homeAnimationTop svg {
	position: absolute;
	right: 0px;
	height: 400px;
	width: 70%;
}

#homeAnimationText {
	position: absolute;
	right: 60px;
	top: 0px;
}

.animatedTitle {
	font-size: 3rem;
	font-weight: var(--font-bold);
	color: var(--base-primary);
}

.numbers {
	font-size: 7rem;
	font-weight: var(--font-bold);
	color: var(--brand-primary);
}

.textLine {
	font-size: 2rem;
	font-weight: var(--font-bold);
	color: var(--brand-primary);
}


/* HOME PROJECTS */
.homeProjectsMap {
	width: 100%;
	height: 100%;
	position: relative;
}

.homeProjectsMap iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.homeProjectsMap .mapBtn {
	position: absolute;
	bottom: 20px;
	z-index: 2;
	width: 100%;
	text-align: center;
}

.grassCheckPanel {
	background-attachment: fixed;
	background-image: url("grassCheckBG.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.grassCheckIntroCard {
	color: var(--white);
	font-size: 1.4rem;
	padding: 25px;
	border-radius: var(--border-radius);
	background-color: rgba(76, 123, 0, 0.3)
}

.page-item.active .page-link {
	background-color: var(--brand-primary);
	color: #fff;
	border-color: var(--brand-primary);
}

.rounded {
	border-radius: var(--border-radius) !important
}

.shadow {
	box-shadow: var(--box-shadow-card) !important
}

.socialShareLinks svg {
	width: 24px;
}

.socialShareLinks svg path {
	fill: var(--brand-primary)
}

#SubMenuUl {
	background-color: #fff;
	text-transform: uppercase;
	border-radius: var(--border-radius);
	padding: 10px;
	margin-bottom: 20px;
}

#SubMenuUl li {
	margin: 0px 15px
}

#SubMenuUl a {
	background-color: var(--brand-primary);
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	border-radius: var(--border-radius)
}

#SubMenuUl a:hover {
	background-color: rgba(76, 123, 0, 0.5);
	color: #fff
}

#SubMenuUl .active {
	background-color: var(--base-light);
	color: var(--brand-primary);
}

.viewAllLink {
	text-transform: uppercase;
	font-weight: 800;
}


/* SEARCH FORM */
#categorySelect {
	text-transform: capitalize;
}

.form-check-input:checked {
	background-color: var(--brand-primary);
	border-color: var(--brand-primary);
}

.searchToggleIcon {
	cursor: pointer;
}

.scrolled .searchToggleIcon path,
.scrolled .searchToggleIcon line {
	stroke: var(--brand-primary)
}

.siteSearchContainer {
	position: relative;
	width: 100%;
	margin: auto;
}

#SearchFormTop {
	position: relative;
	display: inline-block;
	top: 100%;
	right: 0px;
}

#SearchFormTop input {
	height: 40px;
}

/* SILVERINK LINK */
#silverinkWebDesign {
	font-size: 10px;
	font-family: helvetica, arial;
	margin-left: 0px;
	margin-top: 5px;
}


#silverinkWebDesign a {
	color: #ddd;
}


/* END FOOTER */



img {
	max-width: 100%;
	height: auto !important;
}

#logo img {
	width: auto;
	height: auto;
	max-height: 100%;
	cursor: pointer;
}




/* TOPBANNER */
.navbar-toggler:focus {
	outline: none;
	box-shadow: none;
}

.navbar-brand img {
	height: auto;
	max-height: 100%;
	cursor: pointer;
}

.scrolled .navbar-brand img {
	height: auto;
	max-height: 60px !important;
	cursor: pointer;
}


#topBannerImage {
	position: relative;
	background-size: cover;
	background-position: 30% 50%;
	/* set the default explicitly */
	aspect-ratio: 16 / 9;
	background-repeat: no-repeat;
	opacity: 1;
}


#topBannerImage .caption {
	position: absolute;
	bottom: 30px;
	left: 0;
	z-index: 10;
	width: 100%;
	text-transform: uppercase;
	text-shadow: var(--text-shadow);
	color: var(--white);
	font-size: 1.8rem;
	text-align: center;
	font-family: var(--font-head);
	font-weight: var(--font-bold)
}

#topBanner {
	font-family: var(--font-head);
	font-size: 1rem;
	text-transform: uppercase;
}

#topBanner a {
	text-decoration: none;
}

#topBanner::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* Example gradient: dark at top, transparent at bottom */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0) 100%);
	pointer-events: none;
	/* allows clicks through to elements below */
	z-index: -1;
	opacity: 1;
}

.topBannerContainer.scrolled {
	background-color: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	/* Safari support */
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	/* optional for subtle depth */
	z-index: 999;
	/* keep it above other content */
}

.topBannerContainer.scrolled #topBanner::before {
	opacity: 0;
}

.topBannerContainer.scrolled a {
	color: var(--brand-primary) !important;
}


#topMenu {
	font-size: 1.4rem;
}

#topMenu a {
	color: var(--white)
}



.scrolled #topMenu {
	font-size: 1.2rem;
}

.scrolled .topNav {
	font-size: 1.2rem;
}




/* TEMPLATES */
/* OVERRIDE TEMPLATE SPECIFIC MARKUP STYLES HERE */
/* ALL BREAKPOINTS, MOBILE FIRST */
/* ========================================================================== */

/* CALENDAR */
/* body[data-template="calendar"] { } */
body[data-template="calendar"] .card {
	border: 1px solid transparent;
	cursor: pointer;
}

.categoryList {
	padding-left: 0;
}

.categoryBox {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 2px;
}


.eventCard {
	border: 0px;
	box-shadow: var(--box-shadow-card);
	cursor: pointer !important;
}

.eventCard img {
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.eventCard h5 {
	font-family: var(--font-head);
	font-weight: bold;
	text-transform: uppercase;
}

.homeEvents .eventCard h5 {
	text-transform: capitalize;
	font-size: 1rem;
	margin-bottom: 0px;
}

.eventCard .dateText {
	font-size: 3.125rem
}

.featuredEventCard {
	width: 90%;
	position: relative;
	top: -80px;
	margin: auto
}

.featuredEventCard.eventCard .dateText {
	font-size: 2.6rem;
}

.eventCard .eventDate {
	background: var(--brand-primary);
	color: var(--white);
	font-family: var(--font-head);
	font-weight: var(--font-bold);
	display: flex;
	align-items: center;
}

.featuredEventCard .eventDate {
	height: 100%;
}

.eventCard[data-category="114"] .eventDate,
.categoryBox[data-categoryid='114'] {
	background: var(--cat-conferences);
	color: #fff;
	border: 1px solid var(--white);
}

.eventCard[data-category="115"] .eventDate,
.categoryBox[data-categoryid='115'] {
	background: var(--cat-workshops);
	color: #fff;
	border: 1px solid var(--white);
}

.eventCard[data-category="116"] .eventDate,
.categoryBox[data-categoryid='116'] {
	background: var(--cat-meetings);
	color: #fff;
	border: 1px solid var(--white);
}

.eventCard[data-category="117"] .eventDate,
.categoryBox[data-categoryid='117'] {
	background: var(--cat-farmwalks);
	color: #fff;
	border: 1px solid var(--white);
}

.eventCard[data-category="118"] .eventDate,
.categoryBox[data-categoryid='118'] {
	background: var(--cat-tradefairs);
	color: #fff;
	border: 1px solid var(--white);
}

.eventCard[data-category="119"] .eventDate,
.categoryBox[data-categoryid='119'] {
	background: var(--cat-webinars);
	color: #fff;
	border: 1px solid var(--white);
}

.cardImage img {
	border-radius: var(--border-radius);
	border: 1px solid #fff;
	box-shadow: var(--box-shadow-card);
}

.items-row .card-img-top {
	aspect-ratio: 3/4;
}

.bg-lightgradient {
	background: linear-gradient(50deg, rgba(232, 237, 229, 0.8) 0%, rgba(247, 247, 247, 0.5) 100%);
}



.eventYearTitle {
	font-family: var(--font-head);
	font-weight: var(--font-bold);
}


.eventDate .dateMonth {
	font-size: 1rem;
}

.featuredEventCard.eventCard .dateMonth {
	font-size: 1.5rem;
}

.eventCard .eventLink {
	aspect-ratio: 1/1;
	width: 30px;
}

.eventModal .modal-title {
	font-family: var(--font-head);
	font-weight: var(--font-bold);
}

.eventModal img {
	aspect-ratio: 16/9;
	object-fit: cover;
}

.eventHomeContainer .eventCard .dateText {
	font-size: 1.125rem;
	margin-top: 1px;
}

.eventHomeContainer .eventCard .dateMonth {
	font-size: 1rem;
	margin-top: -14px;
}

.eventHomeContainer .eventCard .eventDate {
	max-width: 60px;
	/* padding: 5px !important */
}

.eventHomeContainer .eventCard .card-title {
	font-size: 0.875rem;
	margin-bottom: 0px;
}

.eventHomeContainer .card-body p {
	font-size: 0.875rem;
}

/* END OPEN */


/* CONTACT */
/* body[data-template="contact"] { } */
.ContactDetails h1,
.ContactForm h1 {
	font-size: 1.75em;
}

.ContactForm label,
#questionForm label {
	display: block;
}

.ContactForm div,
#questionForm div {
	margin-bottom: 10px;
}

.ContactForm input[type='text'],
.ContactForm input[type='tel'],
.ContactForm input[type='email'],
.ContactForm textarea {
	border: 1px solid #888;
}

.notEmail {
	display: none;
}

#map_canvas {
	width: 100%;
	min-height: 350px;
}

/* END CONTACT */


/* DIRECTORY */
/* body[data-template="directory"] { } */
body[data-template="directory"] h1 {
	text-transform: capitalize;
}

body[data-template="directory"] .projectCard {
	cursor: pointer;
}

body[data-template="directory"] .projectCard h5 {
	text-transform: capitalize;
	font-weight: var(--font-bold);
}

body[data-template="directory"] .cardImage img {
	aspect-ratio: 21/9;
	object-fit: cover;
}

.catCards .card-title {
	font-size: 1.4rem;
	font-weight: 900;
	text-transform: uppercase;
	color: var(--white);
}

/* END DIRECTORY */

/* FILESTORE */
/* body[data-template="filestore"] { } */
.catHeader {
	text-transform: capitalize;
}

.DownloadLink {
	text-decoration: none !important;
	color: var(--base-primary);
	font-weight: var(--font-bold);
}

/* END OPEN */
figcaption {margin-top: 15px;}

/* GALLERY */
/* body[data-template="gallery"] { } */
.galleryCardItem .cardHeader {
	aspect-ratio: 16 /9;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

body[data-template="gallery"] .cardContent {
	padding: 0px;
	margin: 0px;
}

/* END GALLERY */

/* OPEN */
/* body[data-template="open"] { } */
#fpImageDiv,
.videoContainer {
	aspect-ratio: 16/9;
	overflow: hidden;
	position: relative;
}

.videoContainer video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	/* ensures video covers the container */
}

.carousel-inner,
.carousel-item {
	height: 100%;
}

.fp-circles {
	transform: rotate(0deg) translateZ(0);
	/* force 3D GPU layer */
	position: absolute;
	bottom: 0px;
	left: -20vw;
	aspect-ratio: 1/1;
	width: 70vw;
	background-image: url("logo_circles.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom left;
	pointer-events: none;
	z-index: 1001;
	will-change: transform;
	transition: none !important;
}

#fpImageDiv .carousel-item img {
	background-size: cover;
	object-fit: cover;
	height: 100% !important;
}

.carousel-caption .heading {
	font-weight: var(--font-bold);
	font-size: 2.5vw;
	margin-bottom: 10%;
	margin-left: 50%;
	text-transform: uppercase;
	text-shadow: var(--box-shadow);
}

/* END OPEN */


/* NEWS */
/* body[data-template="news"] { } */
.newsFrontPage figure {
	min-height: 300px;
	background-size: cover;
}

.newsImage {
	padding-top: 56%;
	background-size: cover;
	background-repeat: none;
}

.offcanvas.show {
	visibility: visible !important;
}

.owl-carousel img {
	aspect-ratio: 16/9;
	object-fit: cover;
}

.chosenStory .pull-right {
	display: block;
	clear: both;
	margin-top: 30px;
	margin-bottom: 30px;
}

/* END NEWS */


/* PRODUCTS */
/* body[data-template="products"] { } */
.AttributeValuesList {
	font-size: 1.4rem;
}

.AttributeValuesList .active,
.AttributeValuesList .active:hover {
	background-color: #888;
	border-color: #888
}

.AttributeValuesList .list-group-item {
	padding: 10px;
	cursor: pointer;
	display: none;
}

.AttributeValuesList .list-group-item.active,
.AttributeValuesList .list-group-item.visible {
	display: block;
}

.AttributeValuesList img {
	max-width: 30px;
	height: auto;
}

.catCard {
	cursor: pointer;
}

.productCard {
	cursor: pointer;
}

.showhideOptions {
	cursor: pointer;
	font-size: 1.2rem;
	margin-top: 10px;
}

/* END PRODUCTS */



/* YOUTUBE VIDEO EMBEDS */
.youtube-placeholder {
	display: none;
}




/* ==|== media queries ======================================================
   Media Queries for Responsive Design.
   These override the primary ('mobile/desktop first') styles
   Modify as content requires.
   ========================================================================== */

/*===============================*/
/* 480 - LANDSCAPE MOBILE LAYOUT */
/*===============================*/

@media only screen and (min-width: 480px) {
	/* Style adjustments for viewports 480px and over go here */

	/* TEMPLATES */
	/* OVERRIDE TEMPLATE SPECIFIC MARKUP STYLES HERE */
	/* ========================================================================== */

	/* CALENDAR */
	/* body[data-template="calendar"] { } */
	/* END OPEN */


	/* CONTACT */
	/* body[data-template="contact"] { } */
	/* END CONTACT */


	/* DIRECTORY */
	/* body[data-template="directory"] { } */
	/* END DIRECTORY */

	/* FILESTORE */
	/* body[data-template="filestore"] .mainArticleWrap { } */
	/* END OPEN */

	/* GALLERY */
	/* body[data-template="gallery"] { } */
	/* END GALLERY */

	/* OPEN */
	/* body[data-template="open"] { } */
	/* END OPEN */


	/* NEWS */
	/* body[data-template="news"] { } */
	/* END NEWS */


	/* PRODUCTS */
	/* body[data-template="products"] { } */
	/* END PRODUCTS */

}



/*=====================*/
/* 768 - TABLET LAYOUT */
/*=====================*/
@media only screen and (min-width: 768px) {

	/* Style adjustments for viewports 768px and over go here */
	#mobileMenu {
		display: none !important;
	}

	/* TEMPLATES */
	/* OVERRIDE TEMPLATE SPECIFIC MARKUP STYLES HERE */
	/* ========================================================================== */

	/* CALENDAR */
	/* body[data-template="calendar"] { } */
	/* END OPEN */


	/* CONTACT */
	/* body[data-template="contact"] { } */
	/* END CONTACT */


	/* DIRECTORY */
	/* body[data-template="directory"] { } */
	/* END DIRECTORY */

	/* FILESTORE */
	/* body[data-template="filestore"] .mainArticleWrap { } */
	/* END OPEN */

	/* GALLERY */
	/* body[data-template="gallery"] { } */
	/* END GALLERY */

	/* OPEN */
	/* body[data-template="open"] { } */
	/* END OPEN */


	/* NEWS */
	/* body[data-template="news"] { } */
	/* END NEWS */


	/* PRODUCTS */
	/* body[data-template="products"] { } */
	/* END PRODUCTS */
}



/*=======================*/
/* 1024 - DESKTOP LAYOUT */
/*=======================*/
@media only screen and (min-width: 992px) {
	/* Style adjustments for viewports 1024px and over go here */

	#fpImageDiv,
	.videoContainer {
		aspect-ratio: 24/9;
	}

	#topBannerImage {
		aspect-ratio: 32 / 9;
	}

	#topBannerImage .caption {
		font-size: 2.8rem;
	}

	.topNav {
		font-size: 1.1rem;
	}

	/* TEMPLATES */
	/* OVERRIDE TEMPLATE SPECIFIC MARKUP STYLES HERE */
	/* ========================================================================== */



	/* CALENDAR */
	/* body[data-template="calendar"] { } */
	.eventCard .dateText {
		font-size: 3rem;
		line-height: 100%;
	}

	.eventCard .dateMonth {
		font-size: 2rem;
	}

	.homeEvents .eventCard h5 {
		font-size: 1.2rem;
	}

	.featuredEventCard {
		width: 70%;
		top: -80px;
	}

	.featuredEventCard.eventCard .dateText {
		font-size: 4rem;
		line-height: 100%;
	}

	.featuredEventCard.eventCard .dateMonth {
		font-size: 2.4rem;
	}

	/* END OPEN */


	/* CONTACT */
	/* body[data-template="contact"] { } */
	/* END CONTACT */


	/* DIRECTORY */
	/* body[data-template="directory"] { } */
	/* OLD STYLING FIXES */
	.pull-left {
		float: right;
		margin-left: 20px;
		margin-bottom: 20px;
	}

	.pull-center {
		text-align: center;
	}

	/* END DIRECTORY */

	/* FILESTORE */
	/* body[data-template="filestore"] .mainArticleWrap { } */
	/* END OPEN */

	/* GALLERY */
	/* body[data-template="gallery"] { } */
	/* END GALLERY */

	/* OPEN */
	/* body[data-template="open"] { } */
	/* END OPEN */


	/* NEWS */
	/* body[data-template="news"] { } */
	/* END NEWS */


	/* PRODUCTS */
	/* body[data-template="products"] { } */
	/* END PRODUCTS */

}


/*===========================*/
/* WIDE DESKTOP LAYOUT */
/*===========================*/
@media only screen and (min-width: 1200px) {
	/* TEMPLATES */
	/* OVERRIDE TEMPLATE SPECIFIC MARKUP STYLES HERE */
	/* ========================================================================== */

	/* CALENDAR */
	/* body[data-template="calendar"] { } */
	/* END OPEN */


	/* CONTACT */
	/* body[data-template="contact"] { } */
	/* END CONTACT */


	/* DIRECTORY */
	/* body[data-template="directory"] { } */
	/* END DIRECTORY */

	/* FILESTORE */
	/* body[data-template="filestore"] .mainArticleWrap { } */
	/* END OPEN */

	/* GALLERY */
	/* body[data-template="gallery"] { } */
	/* END GALLERY */

	/* OPEN */
	/* body[data-template="open"] { } */
	/* END OPEN */


	/* NEWS */
	/* body[data-template="news"] { } */
	/* END NEWS */


	/* PRODUCTS */
	/* body[data-template="products"] { } */
	/* END PRODUCTS */
}








/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
	* {
		background: transparent !important;
		color: black !important;
		text-shadow: none !important;
		filter: none !important;
		-ms-filter: none !important;
	}

	/* Black prints faster: h5bp.com/s */
	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	/* Don't show links for images, or javascript/internal links */
	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
	}

	/* h5bp.com/t */
	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}