@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
@import url("https://use.typekit.net/dcy2pes.css");
/*Agency CSS*/
body {
--blue: #56c9ed;
--light-green: #8fc741;
--light-green-lighter: #9acd54;
--green: #45612d;
--green-darker: #3e5729;
--green-lightest: #e1e6dd;
--yellow: #ffc953;
--yellow-darker: #ffba24;
--orange: #f8991d;
--orange-darker: #df8107;
--red: #da403a;
--beige: #fff7e5;
--border-gray: #dcdcdc;
--black: #414042;
--dark-grey: #414042;
}
body.adaptive .button,
body.adaptive .agency-button {
display: inline-block;
position: relative;
font-family: "Lato", "Helvetica", Arial, sans-serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1.5px;
line-height: 22px;
border-radius: 0;
color: white;
background-color: var(--green);
padding: 15px 30px;
border: 1px solid var(--green);
}
body.adaptive .button:hover,
body.adaptive .agency-button:hover {
background-color: var(--green-darker) !important;
color: white !important;
border: 1px solid var(--green-darker) !important;
text-decoration: none;
}
body.adaptive .button.secondary,
body.adaptive .agency-button.secondary {
background-color: var(--light-green) !important;
border: 1px solid var(--light-green) !important;
color: var(--green) !important;
}
body.adaptive .button.secondary:hover,
body.adaptive .agency-button.secondary:hover {
background-color: var(--light-green-lighter) !important;
border-color: var(--light-green-lighter) !important;
color: var(--green) !important;
}
body.adaptive .button.no-icon,
body.adaptive .agency-button.no-icon {
padding: 15px 30px;
}
body.adaptive .button .fa-circle,
body.adaptive .agency-button .fa-circle {
color: var(--green-darker);
}
@media print, screen and (max-width: 39.99875em) {
body.adaptive .button,
body.adaptive .agency-button {
margin-bottom: 1rem;
}
}
body.adaptive #subpage-banner-container {
padding: 220px 10% 50px;
background-size: cover;
}
body.adaptive #subpage-banner-container.memberPage {
padding-top: 350px;
}
body.adaptive #subpage-banner-overlay {
background: initial;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 0;
justify-content: center;
}
body.adaptive #subpage-banner-width {
width: 100%;
text-align: center;
}
body.adaptive #subpage-banner-width h1 {
color: var(--beige) !important;
text-shadow: none ;
font-weight: 600 !important;
font-size: 3rem !important;
line-height: 1.3 !important;
text-align: center;
}
body.adaptive #subpage-banner-width svg {
max-width: 500px;
width: 100%;
}
body.adaptive #subpage-banner-width p.description {
font-size: 1.25rem;
color: var(--beige)!important;
text-shadow: none;
}
body.adaptive #subpage-banner-width ul#subpage-breadcrumbs {
border-top: none;
}
body.adaptive #subpage-banner-width ul#subpage-breadcrumbs::before {
content: none;
}
body.adaptive #subpage-banner-width ul#subpage-breadcrumbs li p {
font-size: 1.125rem;
font-weight: 600;
letter-spacing: 1.5px;
color: white;
text-transform: uppercase;
margin: 0;
}
@media print, screen and (max-width: 39.99875em) {
body.adaptive #subpage-banner-container {
padding: 100px 1rem 25px;
}
body.adaptive #subpage-banner-width h1 {
font-size: 2rem;
}
body.adaptive #subpage-banner-width svg {
max-width: 400px;
}
}
@media print, screen and (max-width: 63.99875em) {
body.adaptive #subpage-banner-container {
padding: 150px 10% 30px;
}
body.adaptive #subpage-banner-width p.description {
text-align: center;
}
}
/* ============================================================
BASE / TYPOGRAPHY
============================================================ */
body.adaptive .lighten {
--color: 0, 100%;
--l: 50%;
--color-primary: hsl(var(--color), var(--l));
--color-primary-lighter: hsl(var(--color), calc(var(--l) + 10%));
--color-primary-lightest: hsl(var(--color), calc(var(--l) + 30%));
}
body.adaptive {
/* NOTE: "Lato" is not loaded in the new theme — falls back to Helvetica/Arial.
Either add a Lato @import or switch to "Rethink Sans" / "Readex Pro". */
font-family: "Lato", "Helvetica", Arial, sans-serif !important;
font-size: 1.125rem;
color: var(--black);
font-weight: 300;
-webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto;
background-color: var(--beige);
}
body.adaptive h1,
body.adaptive h2 {
/* NOTE: "cooper-black-std" requires a Typekit/Adobe Fonts embed — verify it's
still loading in the new theme's . */
font-family: "cooper-black-std", "Open Sans", "Helvetica", Arial, sans-serif !important;
color: var(--black);
font-weight: 600;
line-height: 1.3;
}
body.adaptive h2 {
font-family: "Lato", "Open Sans", "Helvetica", Arial, sans-serif;
font-size: 2rem;
color: var(--black);
font-weight: 600;
margin-bottom: 1rem;
}
body.adaptive h3 {
font-family: "Lato", "Open Sans", "Helvetica", Arial, sans-serif;
font-size: 1.5rem;
font-weight: 700;
letter-spacing: 0;
color: var(--black);
margin-bottom: 1rem;
}
body.adaptive .green {
color: var(--green-darker) !important;
}
body.adaptive .blue {
color: var(--blue);
}
body.adaptive .white {
color: white;
}
body.adaptive .quote {
font-size: 1.625rem;
line-height: 1.6;
font-weight: 600;
}
body.adaptive main a {
color: var(--green);
}
body.adaptive hr {
border-bottom: 1px solid var(--border-gray);
}
body.adaptive article {
background-color: var(--beige);
}
/* ============================================================
DARK BG SECTIONS
============================================================ */
body.adaptive main article section.greenbg h1,
body.adaptive main article section.greenbg h2,
body.adaptive main article section.greenbg h3,
body.adaptive main article section.greenbg h4,
body.adaptive main article section.greenbg h5,
body.adaptive main article section.greenbg h6,
body.adaptive main article section.greenbg p {
color: var(--beige)!important;
}
body.adaptive main section .dark-blue-bg {
background-color: var(--blue);
}
/* ============================================================
SECTION LAYOUT & SPACING
============================================================ */
body.adaptive main article > section {
padding-left: 1rem;
padding-right: 1rem;
}
body.adaptive main article > section img {
border-radius: 0;
}
body.adaptive main article > section.p-0 {
padding-top: 0;
padding-bottom: 0;
}
body.adaptive main article > section.p-1 {
padding-top: 5rem;
padding-bottom: 5rem;
}
body.adaptive main article > section.p-2 {
padding-top: 7rem;
padding-bottom: 7rem;
}
body.adaptive main article > section.p-3 {
padding-top: 10rem;
padding-bottom: 10rem;
}
body.adaptive main article > section.pb-0 {
padding-bottom: 0;
}
body.adaptive main article > section.mt-2 {
margin-top: 2rem;
}
body.adaptive main article > section.mb-1 {
margin-bottom: 1rem;
}
body.adaptive main article > section.mb-2 {
margin-bottom: 2rem;
}
body.adaptive main article > section.m-0 {
margin: 0;
}
body.adaptive main article > section.m-0 > section {
margin: 0;
}
body.adaptive main article > section .row .columns.p-1 {
padding: 2rem;
}
body.adaptive main article > section .row .columns.m-1 {
margin: 1rem 0;
}
body.adaptive main article > section .row.gap-1 {
gap: 1rem;
}
body.adaptive main article > section .row.gap-2 {
gap: 2rem;
}
body.adaptive main article > section .row.gap-3 {
gap: 3rem;
}
body.adaptive main article > section.reverse {
color: white;
background-color: var(--blue);
}
body.adaptive main article > section.reverse a,
body.adaptive main article > section.reverse a:hover {
color: white;
text-decoration: underline;
}
body.adaptive main article > section.reverse h1,
body.adaptive main article > section.reverse h2,
body.adaptive main article > section.reverse h3,
body.adaptive main article > section.reverse h4,
body.adaptive main article > section.reverse h5,
body.adaptive main article > section.reverse h6 {
color: var(--green-darker);
}
body.adaptive article > section.reverse h3 {
font-size: 1.5rem;
margin-bottom: 1rem;
}
body.adaptive main article > section.gray-bg {
background-color: #efefef;
}
body.adaptive main article > section .border-right {
border-right: 1px solid var(--border-gray);
}
@media print, screen and (max-width: 39.99875em) {
body.adaptive main article > section.p-0,
body.adaptive main article > section.p-1,
body.adaptive main article > section.p-2,
body.adaptive main article > section.p-3 {
padding: 2rem 1rem;
}
body.adaptive main article > section .border-right {
border-right: none;
}
}
/* ============================================================
COLOR UTILITY CLASSES ON HEADINGS
============================================================ */
/* NOTE: Previously these were scoped to specific section/article contexts.
Simplified to .blue / .white on any element inside body.adaptive —
restore deeper scoping below if the theme applies these globally. */
body.adaptive main section.multi-column-container h2.blue {
color: var(--blue);
}
body.adaptive main section.multi-column-container h2.white {
color: white;
}
/* ============================================================
HERO WRAP
============================================================ */
body.adaptive .hero-wrap {
padding-top: 190px;
padding-bottom: 100px;
color: var(--beige)!important;
}
body.adaptive .hero-wrap .top-content {
text-align: center;
margin-bottom: 3rem;
}
body.adaptive .hero-wrap .top-content h1 {
color: var(--beige)!important;
text-shadow: none;
font-weight: 600;
font-size: 3rem;
line-height: 1.3;
text-align: center;
}
body.adaptive .hero-wrap .top-content svg {
max-width: 500px;
width: 100%;
}
body.adaptive .hero-wrap .top-content p {
font-size: 1.5rem;
font-weight: 600;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
/*body.adaptive .hero-wrap .hero-buckets .row {
gap: 1rem;
}*/
body.adaptive .hero-wrap .hero-bucket-content-wrapper {
height: 100%;
display: flex;
flex-direction: column;
background-color: var(--beige)!important;
padding: 2rem;
border-bottom: 4px solid var(--orange);
}
body.adaptive .hero-wrap .hero-bucket-content-wrapper .hero-bucket-image {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
min-height: 250px;
margin-bottom: 1.5rem;
}
body.adaptive .hero-wrap .hero-bucket-content-wrapper .hero-bucket-image.y-top { background-position-y: top; }
body.adaptive .hero-wrap .hero-bucket-content-wrapper .hero-bucket-image.y-center { background-position-y: center; }
body.adaptive .hero-wrap .hero-bucket-content-wrapper .hero-bucket-image.y-bottom { background-position-y: bottom; }
body.adaptive .hero-wrap .hero-bucket-content-wrapper .hero-bucket-image.x-left { background-position-x: left; }
body.adaptive .hero-wrap .hero-bucket-content-wrapper .hero-bucket-image.x-center { background-position-x: center; }
body.adaptive .hero-wrap .hero-bucket-content-wrapper .hero-bucket-image.x-right { background-position-x: right; }
body.adaptive .hero-wrap .hero-bucket-content-wrapper .hero-bucket-content {
color: var(--black);
margin-bottom: 1rem;
}
body.adaptive .hero-wrap .hero-bucket-content-wrapper .hero-bucket-content h2 {
color: var(--green);
font-size: 2rem;
margin-bottom: 0.5rem;
}
body.adaptive .hero-wrap .hero-bucket-content-wrapper .hero-bucket-content h3 {
color: var(--green);
font-weight: 400;
font-size: 1.125rem;
}
body.adaptive .hero-wrap .hero-bucket-content-wrapper .hero-bucket-content .hero-bucket-button {
text-decoration: none;
color: var(--green);
text-align: left;
text-transform: uppercase;
font-weight: 600;
font-size: 1rem;
margin-bottom: 0.5rem;
letter-spacing: 1px;
}
body.adaptive .hero-wrap .hero-bucket-content-wrapper .hero-bucket-content .hero-bucket-button:hover {
text-decoration: underline;
}
body.adaptive .hero-wrap .hero-bucket-content-wrapper .hero-bucket-content .hero-bucket-button span {
color: var(--orange);
margin-left: 0.5rem;
}
/* NOTE: The original had two identical max-width: 63.9988em blocks back to back
(first set only padding-top: 200px, second overrode it to 160px).
The first was dead code — merged into one block here. */
@media print, screen and (max-width: 63.9988em) {
body.adaptive .hero-wrap {
padding-top: 160px;
padding-bottom: 2rem;
}
body.adaptive .hero-wrap .top-content {
margin-bottom: 4rem;
}
body.adaptive .hero-wrap .top-content h1 {
font-size: 2.5rem;
}
body.adaptive .hero-wrap .top-content p {
font-size: 1.25rem;
}
body.adaptive .hero-wrap .hero-buckets .hero-bucket-content-wrapper {
padding: 1.5rem;
flex-direction: row;
height: initial;
}
body.adaptive .hero-wrap .hero-buckets .hero-bucket-content-wrapper .hero-bucket-image {
flex: 0 0 40%;
min-height: 130px;
margin-bottom: 0;
}
body.adaptive .hero-wrap .hero-buckets .hero-bucket-content-wrapper .hero-bucket-content h2 {
font-size: 1.5rem;
}
body.adaptive .hero-wrap .hero-buckets .hero-bucket-content-wrapper .hero-bucket-content p {
font-size: 1rem;
margin-bottom: 0.5rem;
}
body.adaptive .hero-wrap .hero-buckets .hero-bucket-content-wrapper .hero-bucket-content,
body.adaptive .hero-wrap .hero-buckets .hero-bucket-content-wrapper .hero-bucket-button {
margin-bottom: 0;
font-size: 0.875rem;
}
}
/* ============================================================
PROMO CARDS
============================================================ */
body.adaptive main section.promo-cards .row .promo-card {
display: flex;
flex-direction: column;
height: 100%;
text-align: center;
background-color: var(--green);
color: var(--white);
border-bottom: 4px solid var(--light-green);
}
body.adaptive main section.promo-cards .row .promo-card .image {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
min-height: 250px;
}
body.adaptive main section.promo-cards .row .promo-card .image.y-top { background-position-y: top; }
body.adaptive main section.promo-cards .row .promo-card .image.y-center { background-position-y: center; }
body.adaptive main section.promo-cards .row .promo-card .image.y-bottom { background-position-y: bottom; }
body.adaptive main section.promo-cards .row .promo-card .image.x-left { background-position-x: left; }
body.adaptive main section.promo-cards .row .promo-card .image.x-center { background-position-x: center; }
body.adaptive main section.promo-cards .row .promo-card .image.x-right { background-position-x: right; }
body.adaptive main section.promo-cards .row .promo-card .promo-card-content {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 1rem;
height: 100%;
}
body.adaptive main section.promo-cards .row .promo-card .promo-card-content a {
display: block;
}
body.adaptive main section.promo-cards .row .promo-card .promo-card-content h3 {
display: inline-block;
font-family: "cooper-black-std", "Open Sans", "Helvetica", Arial, sans-serif;
font-size: 1.625rem;
color: var(--beige)!important;
margin: 1rem 0;
letter-spacing: initial;
}
body.adaptive main section.promo-cards .row .promo-card .promo-card-content > .button {
align-self: center;
padding: 15px 30px;
margin-bottom: 0;
}
@media print, screen and (max-width: 39.99875em) {
body.adaptive main section.promo-cards .row {
gap: 2rem;
}
}
/* ============================================================
NEWS & EVENTS COLUMNS
============================================================ */
body.adaptive main article section.news-events-columns h2 {
color: var(--black);
}
body.adaptive main article section.news-events-columns .events-column {
margin-bottom: 0.5rem;
}
.events-column ul {
display: flex;
flex-direction: column;
gap: 1rem;
list-style: none;
}
body.adaptive main article section.news-events-columns .events-column ul li a {
display: flex;
justify-content: space-between;
min-height: 200px;
color: var(--beige)!important;
text-decoration: none;
background-color: var(--black);
padding: 0;
}
body.adaptive main article section.news-events-columns .events-column ul li a:hover {
color: var(--beige)!important;
}
body.adaptive main article section.news-events-columns .events-column ul li a .event-details {
display: flex;
flex-direction: column;
justify-content: center;
flex: 1 1 60%;
padding: 1rem 2rem;
}
body.adaptive main article section.news-events-columns .events-column ul li a .event-details .event-date {
color: var(--yellow);
font-style: italic;
font-size: 1rem;
margin-bottom: 0.5rem;
}
body.adaptive main article section.news-events-columns .events-column ul li a .event-details .event-title {
font-size: 1.375rem;
font-weight: 600;
}
body.adaptive main article section.news-events-columns .events-column ul li a .event-details span,
body.adaptive main article section.news-events-columns .events-column ul li a .event-details .event-location {
display: none;
}
body.adaptive main article section.news-events-columns .events-column ul li a .event-image {
flex: 0 0 40%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
body.adaptive main article section.news-events-columns .events-column ul li:nth-child(odd) a {
flex-direction: row-reverse;
}
body.adaptive main article section.news-events-columns .button,
body.adaptive main article section.news-events-columns .button:hover {
font-weight: 600;
letter-spacing: 1px;
padding: 0;
background-color: transparent;
border-color: transparent;
color: var(--black);
}
body.adaptive main article section.news-events-columns .button:hover {
text-decoration: underline;
}
body.adaptive main article section.news-events-columns.dark-bg h2,
body.adaptive main article section.news-events-columns.dark-bg .button,
body.adaptive main article section.news-events-columns.dark-bg .button:hover {
color: var(--beige)!important;
}
@media print, screen and (max-width: 63.9988em) {
body.adaptive main article section.news-events-columns .row:not(.facebook) {
gap: 3rem;
}
}
@media print, screen and (max-width: 39.99875em) {
body.adaptive main article section.news-events-columns h2 {
margin-bottom: 1rem;
}
body.adaptive main article section.news-events-columns .events-column ul li a {
min-height: 150px;
}
body.adaptive main article section.news-events-columns .events-column ul li a .event-details .event-date {
font-size: 0.875rem;
}
body.adaptive main article section.news-events-columns .events-column ul li a .event-details .event-title {
font-size: 1rem;
}
}
/* ============================================================
TOP PROMO BAR
============================================================ */
body.adaptive .topPromo {
display: none;
justify-content: space-between;
align-items: center;
text-align: center;
background-color: var(--red);
padding: 0.5rem;
color: var(--beige)!important;
font-size: 1rem;
}
body.adaptive .topPromo a {
color: var(--beige)!important;
text-decoration: underline;
}
body.adaptive .topPromo .topPromoContent {
width: 100%;
max-width: 95%;
margin-left: auto;
margin-right: auto;
}
body.adaptive .topPromo > span {
font-size: 1.5rem;
cursor: pointer;
}
/* ============================================================
FAQ CAROUSEL
/* NOTE: @charset "UTF-8" was here in the original — invalid mid-file.
Add it to the very top of custom.css if needed, or omit it. */
body.adaptive main article section:not(.full-width).indiana-grown-faq-carousel .section-title-wrap h2 {
text-align: center;
}
body.adaptive main article section:not(.full-width).indiana-grown-faq-carousel > div.glide {
max-width: none;
}
body.adaptive main article section:not(.full-width).indiana-grown-faq-carousel > div.glide li.slide {
display: flex;
flex-direction: row;
height: initial;
background-color: var(--green);
}
.carousel-item {
background-color: var(--green);
height: initial;
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
display: flex;
flex-direction: row;
}
body .faq-content h3 {
font-size: 2rem;
max-width: 90%;
color: var(--beige);
letter-spacing: 0;
line-height: 1.3;
margin-bottom: 1rem;
}
body .faq-content {
flex: 0 0 60%;
padding: 3rem;
color: var(--beige);
}
body.faq-content p {
color: var(--beige);
font-size: 1.25rem;
}
body .faq-content ul {
list-style: none;
margin-left: 0;
padding-left: 0;
}
body .faq-content ul li {
margin-bottom: 0.75rem;
padding-left: 1.5em;
text-indent: -1.5em;
}
body.adaptive .faq-content ul li::before {
font: var(--beige);
content: "\f06c";
color: var(--beige);
padding-right: 0.5rem;
font-family: 'Font Awesome 7 Pro';
}
/* --- arrow buttons --- */
.text-carousel-wrapper .carousel-control-prev,
.text-carousel-wrapper .carousel-control-next {
font-size: 2rem;
background-color: var(--beige);
color: var(--green);
border: none;
border-radius: 0;
top: calc(50% - .75rem);
bottom: auto;
width: auto;
padding: .5rem .75rem;
opacity: 1;
transition: all .2s;
-webkit-transition: all .2s;
}
.text-carousel-wrapper .carousel-control-prev:hover,
.text-carousel-wrapper .carousel-control-next:hover {
background-color: var(--light-green);
opacity: 1;
}
/* --- replace Bootstrap's SVG chevrons with FA arrows --- */
.text-carousel-wrapper .carousel-control-prev-icon,
.text-carousel-wrapper .carousel-control-next-icon {
background-image: none; /* kills the built-in SVG */
width: auto;
height: auto;
}
.text-carousel-wrapper .carousel-control-prev-icon::before,
.text-carousel-wrapper .carousel-control-next-icon::before {
font: var(--fa-font-light); /* matches the fa-light used elsewhere on the site */
display: inline-block;
}
.text-carousel-wrapper .carousel-control-prev-icon::before { content: "\f060"; }
.text-carousel-wrapper .carousel-control-next-icon::before { content: "\f061"; }
@media print, screen and (max-width: 39.99875em) {
.faq-content {
flex-basis: 100%;
}
}
body .faq-image {
flex: 0 0 40%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
@media print, screen and (max-width: 39.99875em) {
.faq-image {
display: none;
}
}
body.adaptive main article section:not(.full-width).indiana-grown-faq-carousel > div.glide .glide__arrows .glide__arrow {
font-size: 2rem;
background-color: var(--beige);
color: var(--green);
border: none;
top: calc(50% - 0.75rem);
border-radius: 0;
transition: all 0.2s;
-webkit-transition: all 0.2s;
}
body.adaptive main article section:not(.full-width).indiana-grown-faq-carousel > div.glide .glide__arrows .glide__arrow:hover {
background-color: var(--light-green);
border: none;
}
@media print, screen and (max-width: 63.9988em) {
body.adaptive main article section:not(.full-width).indiana-grown-faq-carousel > div.glide .glide__arrows .glide__arrow {
background-color: var(--light-green);
border: none;
position: relative;
transform: none;
box-shadow: none;
text-shadow: none;
}
body.adaptive main article section:not(.full-width).indiana-grown-faq-carousel > div.glide .glide__arrows .glide__arrow.glide__arrow--left {
left: unset;
}
body.adaptive main article section:not(.full-width).indiana-grown-faq-carousel > div.glide .glide__arrows .glide__arrow.glide__arrow--right {
right: unset;
}
body.adaptive main article section:not(.full-width).indiana-grown-faq-carousel > div.glide .glide__arrows .glide__arrow:hover {
color: var(--beige);
background-color: var(--green);
}
.glide .glide__arrows {
display: flex;
justify-content: center;
margin-top: 2rem;
gap: 1rem;
}
}
body.adaptive main article section:not(.full-width).indiana-grown-faq-carousel .slider-arrows {
text-align: center;
margin: 2rem 0;
}
body.adaptive main article section:not(.full-width).indiana-grown-faq-carousel .glide__bullets {
position: relative;
display: flex;
justify-content: center;
width: 100%;
margin-top: 1.5rem;
bottom: unset;
left: unset;
transform: none;
}
body.adaptive main article section:not(.full-width).indiana-grown-faq-carousel .glide__bullets .glide__bullet {
background-color: var(--light-green);
height: 12px;
width: 12px;
border-radius: 6px;
}
body.adaptive main article section:not(.full-width).indiana-grown-faq-carousel .glide__bullets .glide__bullet--active {
background-color: var(--green);
width: 24px;
}
@media print, screen and (max-width: 63.9988em) {
body.adaptive main article section:not(.full-width).indiana-grown-faq-carousel .glide__bullets {
display: none;
}
}
/* ============================================================
ACCORDION
============================================================ */
body.adaptive main article section .accordion {
border: none;
border-radius: 0;
}
body.adaptive main article section .accordion .accordion-item {
border-bottom: 2px solid var(--light-green);
}
body.adaptive main article section .accordion .accordion-item .accordion-title,
body.adaptive main article section .accordion .accordion-item .accordion-title:hover,
body.adaptive main article section .accordion .accordion-item.is-active .accordion-title,
body.adaptive main article section .accordion .accordion-item .accordion-title:not(.is-active):hover,
body.adaptive main article section .accordion .accordion-item.is-active .accordion-title:hover {
background-color: var(--green) !important;
color: var(--beige);
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
border: none;
padding: 2rem;
text-decoration: none;
padding-right: 2.5rem;
line-height: 1.2;
}
body.adaptive main article section .accordion .accordion-item .accordion-title::before {
position: absolute;
top: 50%;
right: 2rem;
margin-top: -0.5rem;
color: var(--beige);
content: "";
font-family: FontAwesome;
}
body.adaptive main article section .accordion .accordion-item.is-active > .accordion-title::before {
content: "";
}
body.adaptive main article section .accordion .accordion-item .accordion-content {
border: none;
}
/* These two are unscoped intentionally — they target structural order variants
that exist outside the indiana-grown context in the original too. */
/*body main article section ul.accordion:has(> .orderLast) .accordion-item.orderFirst > a.accordion-title {
border-radius: 0;
}*/
/*body main article section ul.accordion:has(> .orderLast) .accordion-item.orderLast:not(.is-active) > a.accordion-title {
border-radius: 0;
border: none;
}*/
/* ============================================================
TABS
============================================================ */
body.adaptive main article section.tabs-container ul.tabs .tabs-title > a {
border-radius: 0;
background-color: var(--green);
color: var(--beige);
}
body.adaptive main article section.tabs-container ul.tabs .tabs-title > a[aria-selected="true"] {
background-color: white;
color: var(--black);
}
body.adaptive main article section.tabs-container .tabs-content {
border-radius: 0;
}
/* ============================================================
MEMBER DIRECTORY — PLACEHOLDER SKELETONS
============================================================ */
@keyframes fading {
0% { opacity: 0.1; }
50% { opacity: 0.2; }
100% { opacity: 0.1; }
}
#js-filterSortButton {
display: inline-flex;
align-items: center;
justify-content: center;
aspect-ratio: 1;
line-height: 1;
}
.sort:hover {
background-color: var(--yellow-darker) !important;
color: var(--black) !important;
border: 1px solid var(--yellow-darker);
}
body.adaptive section.memberDirectoryContainer .placeHolderImage,
body.adaptive section.memberContainer .placeHolderImage {
font-size: 0;
line-height: 0;
display: inline-block;
background-color: #444;
min-height: 9rem;
max-height: 18rem;
margin: 0.25rem 0;
min-width: 100%;
opacity: 0.1;
animation: fading 1.5s infinite;
}
body.adaptive section.memberDirectoryContainer .placeHolderText,
body.adaptive section.memberContainer .placeHolderText {
font-size: 0;
line-height: 0;
display: inline-block;
background-color: #444;
height: 1rem;
margin: 0.25rem 0;
min-width: 90%;
opacity: 0.1;
animation: fading 1.5s infinite;
}
body.adaptive section.memberDirectoryContainer .placeHolderText.partial,
body.adaptive section.memberContainer .placeHolderText.partial {
min-width: 70%;
}
body.adaptive section.memberDirectoryContainer .placeHolderText.heading,
body.adaptive section.memberContainer .placeHolderText.heading {
min-width: 60%;
height: 2.5rem;
}
body.adaptive section.memberDirectoryContainer .placeHolderButton,
body.adaptive section.memberContainer .placeHolderButton {
font-size: 0;
line-height: 0;
display: inline-block;
background-color: #444;
height: 3rem;
margin: 0.25rem 0;
width: 50%;
max-width: 200px;
opacity: 0.1;
animation: fading 1.5s infinite;
}
/* ============================================================
MEMBER DIRECTORY
============================================================ */
body.adaptive section.memberDirectoryContainer {
background-color: var(--green-lightest);
}
body.adaptive section.memberDirectoryContainer .memberDirectoryFilters {
margin-bottom: 1rem;
gap: 0 .1rem;
}
@media print, screen and (max-width: 39.99875em) {
body.adaptive section.memberDirectoryContainer .memberDirectoryFilters {
gap: initial;
}
}
body.adaptive section.memberDirectoryContainer .memberDirectoryFilters select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
outline: none;
cursor: pointer;
font-size: 1.25rem;
color: var(--black);
background-color: var(--beige);
border-top: none;
border-right: none;
border-bottom: 4px solid var(--yellow);
border-left: none;
height: initial;
border-radius: 0;
padding: 0.75rem 2rem 0.75rem 1rem;
box-shadow: none;
}
body.adaptive section.memberDirectoryContainer .memberDirectoryFilters select:disabled {
color: #767775;
background-image: none;
}
body.adaptive section.memberDirectoryContainer .memberDirectoryFilters input[type="text"] {
box-shadow: none;
border-radius: 0;
border: none;
background-color: var(--beige);
padding: 0.75rem 2rem 0.75rem 1rem;
font-size: 1.25rem;
border-bottom: 4px solid var(--yellow);
height: initial;
width: 100%;
}
body.adaptive section.memberDirectoryContainer .memberDirectoryFilters .button {
width: 100%;
color: var(--black);
border-color: var(--yellow-darker);
background-color: var(--yellow);
}
body.adaptive section.memberDirectoryContainer .memberDirectoryFilters .button:hover {
background-color: var(--yellow-darker);
}
body.adaptive section.memberDirectoryContainer .memberDirectoryFilters .button.sort {
width: 60px;
padding: 15px;
font-size: 1.125rem;
}
body.adaptive section.memberDirectoryContainer .memberDirectoryResults {
margin-bottom: 1rem;
}
body.adaptive section.memberDirectoryContainer .memberDirectoryResults .memberCard {
padding: 1.5rem 1rem;
background-color: var(--beige);
margin-bottom: 1rem;
border-bottom: 4px solid var(--yellow);
transition: all 0.2s;
-webkit-transition: all 0.2s;
}
body.adaptive section.memberDirectoryContainer .memberDirectoryResults .memberCard .memberCardImageContainer {
text-align: center;
}
body.adaptive section.memberDirectoryContainer .memberDirectoryResults .memberCard .memberCardImageContainer .memberImage {
height: 200px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: flex;
align-items: center;
}
body.adaptive section.memberDirectoryContainer .memberDirectoryResults .memberCard .memberCardImageContainer .memberImage svg {
max-height: 100%;
}
body.adaptive section.memberDirectoryContainer .memberDirectoryResults .memberCard .memberCardImageContainer .memberImage.placeHolder {
padding: 1rem;
}
@media print, screen and (max-width: 39.99875em) {
body.adaptive section.memberDirectoryContainer .memberDirectoryResults .memberCard .memberCardImageContainer {
margin-bottom: 2rem;
}
}
body.adaptive section.memberDirectoryContainer .memberDirectoryResults .memberCard .memberCardTextContainer p,
body.adaptive section.memberDirectoryContainer .memberDirectoryResults .memberCard .memberCardCertContainer p {
margin-bottom: 0.25rem;
}
body.adaptive section.memberDirectoryContainer .memberDirectoryResults .memberCard .memberCardTextContainer .hgbh,
body.adaptive section.memberDirectoryContainer .memberDirectoryResults .memberCard .memberCardCertContainer .hgbh {
display: inline-block;
text-align: center;
}
body.adaptive section.memberDirectoryContainer .memberDirectoryResults .memberCard .memberCardTextContainer .hgbh p,
body.adaptive section.memberDirectoryContainer .memberDirectoryResults .memberCard .memberCardCertContainer .hgbh p {
font-size: 0.875rem;
}
body.adaptive section.memberDirectoryContainer .memberDirectoryResults .memberCard .memberCardTextContainer .hgbh img,
body.adaptive section.memberDirectoryContainer .memberDirectoryResults .memberCard .memberCardCertContainer .hgbh img {
margin-bottom: 0.5rem;
max-height: 90px;
}
@media print, screen and (max-width: 63.9988em) {
body.adaptive section.memberDirectoryContainer .memberDirectoryResults .memberCard .memberCardTextContainer,
body.adaptive section.memberDirectoryContainer .memberDirectoryResults .memberCard .memberCardCertContainer {
margin-bottom: 1rem;
}
}
body.adaptive section.memberDirectoryContainer .memberDirectoryResults .memberCard .memberCardButtonContainer {
text-align: center;
}
body.adaptive section.memberDirectoryContainer .memberDirectoryResults .memberCard .memberCardButtonContainer .social {
margin-top: 1rem;
}
body.adaptive section.memberDirectoryContainer .memberDirectoryResults .memberCard .memberCardButtonContainer .social a {
display: inline-block;
}
body.adaptive section.memberDirectoryContainer .memberDirectoryResults .memberCard .memberCardButtonContainer .social a img {
width: 36px;
margin-right: 0.75rem;
}
body.adaptive section.memberDirectoryContainer .memberDirectoryPagination ul.pagination {
list-style: none;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 0.5rem;
}
body.adaptive section.memberDirectoryContainer .memberDirectoryPagination ul.pagination::before,
body.adaptive section.memberDirectoryContainer .memberDirectoryPagination ul.pagination::after {
content: "";
display: none;
}
body.adaptive section.memberDirectoryContainer .memberDirectoryPagination ul.pagination li {
display: inline-block;
font-size: 1rem;
}
body.adaptive section.memberDirectoryContainer .memberDirectoryPagination ul.pagination li a {
text-decoration: none;
background-color: var(--yellow);
border-radius: 0;
font-weight: 400;
padding: 0.5rem 0.875rem;
color: var(--black);
}
body.adaptive section.memberDirectoryContainer .memberDirectoryPagination ul.pagination li a:hover,
body.adaptive section.memberDirectoryContainer .memberDirectoryPagination ul.pagination li a.active {
background-color: var(--orange);
}
body.adaptive section.memberDirectoryContainer .memberDirectoryPagination ul.pagination li a span {
pointer-events: none;
}
@media print, screen and (max-width: 39.99875em) {
body.adaptive section.memberDirectoryContainer .memberCardButtonContainer .social {
margin-top: 0.5rem;
}
}
/* ============================================================
MEMBER DETAIL PAGE
============================================================ */
body.adaptive section.memberContainer {
background-color: var(--green);
}
body.adaptive section.memberContainer .container {
margin-top: -5rem;
position: relative;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
margin-bottom: 4rem;
padding: 4rem;
background-color: var(--beige);
}
@media print, screen and (max-width: 39.99875em) {
body.adaptive section.memberContainer .container {
margin-top: -14rem;
padding: 2rem;
}
}
body.adaptive section.memberContainer .container .memberImageContainer {
text-align: center;
padding-right: 2rem;
}
body.adaptive section.memberContainer .container .memberImageContainer .memberImage {
height: 200px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
body.adaptive section.memberContainer .container .memberImageContainer .memberImage svg {
max-height: 100%;
}
@media print, screen and (max-width: 39.99875em) {
body.adaptive section.memberContainer .container .memberImageContainer .memberImage {
margin-right: 0;
height: 150px;
}
body.adaptive section.memberContainer .container .memberImageContainer {
padding-right: 0;
}
}
@media print, screen and (max-width: 63.9988em) {
body.adaptive section.memberContainer .container .memberImageContainer .memberImage {
max-height: 150px;
}
body.adaptive section.memberContainer .container .memberImageContainer {
margin-bottom: 2rem;
}
}
body.adaptive section.memberContainer .container .memberImageContainer a {
display: inline-block;
margin-top: 1rem;
}
body.adaptive section.memberContainer .container .memberImageContainer a img {
width: 36px;
margin: 0 0.5rem;
}
body.adaptive section.memberContainer .container .memberImageContainer .hgbh {
text-align: center;
margin-top: 1rem;
}
body.adaptive section.memberContainer .container .memberImageContainer .hgbh p {
font-size: 0.875rem;
}
body.adaptive section.memberContainer .container .memberImageContainer .hgbh img {
width: 100px;
margin-top: 0.5rem;
}
body.adaptive section.memberContainer .container .memberDetailsContainer .description,
body.adaptive section.memberContainer .container .memberDetailsContainer .categories,
body.adaptive section.memberContainer .container .memberDetailsContainer .contact,
body.adaptive section.memberContainer .container .memberDetailsContainer .social,
body.adaptive section.memberContainer .container .memberDetailsContainer .certifications {
margin-bottom: 1rem;
}
body.adaptive section.memberContainer .container .memberDetailsContainer .description p,
body.adaptive section.memberContainer .container .memberDetailsContainer .categories p,
body.adaptive section.memberContainer .container .memberDetailsContainer .contact p,
body.adaptive section.memberContainer .container .memberDetailsContainer .social p,
body.adaptive section.memberContainer .container .memberDetailsContainer .certifications p {
margin-bottom: 0.25rem;
}
body.adaptive section.memberContainer .container .memberDetailsContainer h1 {
font-size: 2.5rem;
line-height: 1.2;
}
@media print, screen and (max-width: 39.99875em) {
body.adaptive section.memberContainer .container .memberDetailsContainer h1 {
font-size: 2rem;
}
}
body.adaptive section.memberContainer .container .memberDetailsContainer img {
width: 36px;
margin-right: 0.75rem;
}
body.adaptive section.memberContainer .container .memberDetailsContainer .social .agency-button {
margin-bottom: 1rem;
}
/* ============================================================
MEMBER MAP
============================================================ */
body.adaptive section.memberMap {
background-color: var(--green-lightest);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
body.adaptive section.memberMap .memberMapFilters {
margin-bottom: 1rem;
gap: 2rem;
}
@media print, screen and (max-width: 39.99875em) {
body.adaptive section.memberMap .memberMapFilters {
gap: initial;
}
}
body.adaptive section.memberMap .memberMapFilters select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
outline: none;
cursor: pointer;
font-size: 1.25rem;
color: var(--black);
background-color: var(--beige);
border-top: none;
border-right: none;
border-bottom: 4px solid var(--yellow);
border-left: none;
height: initial;
border-radius: 0;
padding: 0.75rem 2rem 0.75rem 1rem;
box-shadow: none;
width: 100%;
margin-bottom: 1rem;
}
body.adaptive section.memberMap #map {
height: 800px;
border: 6px solid var(--beige);
background-color: var(--beige);
margin-bottom: 3rem;
}
@media print, screen and (max-width: 39.99875em) {
body.adaptive section.memberMap #map {
height: 500px;
}
}
body.adaptive section.memberMap .mapboxgl-popup-content {
padding: 15px 15px 20px;
}
body.adaptive section.memberMap .mapboxgl-popup-content .button,
body.adaptive section.memberMap .mapboxgl-popup-content .agency-button {
padding: 8px 15px;
font-size: 0.75rem;
margin-top: 0.5rem;
}
@media print, screen and (max-width: 39.99875em) {
body.adaptive section.memberMap .mapboxgl-popup-content .button,
body.adaptive section.memberMap .mapboxgl-popup-content .agency-button {
margin-bottom: initial;
}
}
body.adaptive section.memberMap .mapboxgl-popup-close-button {
top: 2px;
right: 4px;
}
body.adaptive section.memberMap .mapboxgl-control-container button,
body.adaptive section.memberMap .mapboxgl-control-container [type="button"] {
border-radius: 0;
}
body.adaptive section.memberMap .memberMapCards.row {
gap: 3rem;
margin-bottom: 1rem;
}
body.adaptive section.memberMap .memberMapCards.row > .columns .card {
height: 100%;
padding: 4rem;
border: none;
border-radius: 0;
background: var(--beige) !important;
box-shadow: none;
overflow: hidden;
color: var(--black);
}
body.adaptive section.memberMap .memberMapCards.row > .columns .card .row {
height: 100%;
}
body.adaptive section.memberMap .memberMapCards.row > .columns .card.yellow {
background-color: var(--yellow) !important;
}
@media print, screen and (min-width: 40em) {
body.adaptive section .map-callouts-container {
gap: 2rem;
}
body.adaptive section .map-callouts-container .map-callout {
font-family: "cooper-black-std", "Open Sans", "Helvetica", Arial, sans-serif;
text-align: center;
font-weight: 700;
background-color: var(--beige);
border-bottom: 4px solid var(--yellow);
}
body.adaptive section .map-callouts-container .map-callout a,
body.adaptive section .map-callouts-container .map-callout a:hover {
color: var(--black);
}
}
@media print, screen and (max-width: 63.9988em) {
body.adaptive section .map-callouts-container .map-callout {
font-size: 0.875rem;
}
}
/* ============================================================
CALENDAR
============================================================ */
body.adaptive section.calendar-grid-container {
background-color: var(--beige);
}
body.adaptive section.calendar-grid-container .calendar-grid {
box-shadow: none;
border-radius: 0;
background-color: var(--beige);
}
body.adaptive section.calendar-grid-container .calendar-grid .events-list-container .events-list {
background-color: var(--beige);
max-height: 490px;
padding-right: 0.5rem;
scrollbar-color: var(--green) var(--beige);
}
body.adaptive section.calendar-grid-container .calendar-grid .events-list-container .events-list li {
border-color: var(--green-lightest);
}
body.adaptive section.calendar-grid-container .calendar-grid .mini-calendar-container .mini-calendar-page-heading h1 {
font-family: "Lato", "Helvetica", Arial, sans-serif;
color: var(--beige);
font-size: 1.5rem;
}
body.adaptive section.calendar-grid-container .calendar-grid .mini-calendar-container .mini-calendar-header {
border-radius: 0;
margin: 0 3px;
}
body.adaptive section.calendar-grid-container .calendar-grid .mini-calendar-container .mini-calendar-header a,
body.adaptive section.calendar-grid-container .calendar-grid .mini-calendar-container .mini-calendar-header a:hover {
border-radius: 0;
background-color: var(--beige);
}
body.adaptive section.calendar-grid-container .calendar-grid .mini-calendar-container table {
width: 500px;
background-color: var(--beige);
}
body.adaptive section.calendar-grid-container .calendar-grid .mini-calendar-container table thead th {
padding: 0.5rem 0;
}
body.adaptive section.calendar-grid-container .calendar-grid .mini-calendar-container table td,
body.adaptive section.calendar-grid-container .calendar-grid .mini-calendar-container table td a.active,
body.adaptive section.calendar-grid-container .calendar-grid .mini-calendar-container table td a:hover {
height: 66px;
line-height: 66px;
font-size: 1.25rem;
}
body.adaptive section.calendar-grid-container .calendar-grid .mini-calendar-container table td a.active {
color: var(--beige);
}
body.adaptive section.calendar-grid-container .calendar-grid .mini-calendar-container table td {
background-color: var(--green-lightest);
}
body.adaptive section.calendar-grid-container .calendar-grid .mini-calendar-container table td.highlight {
background-color: var(--yellow);
}
body.adaptive section.calendar-grid-container .calendar-grid .mini-calendar-container .mini-calendar-nav {
margin-top: 0;
}
body.adaptive section.calendar-grid-container .calendar-grid .mini-calendar-container .mini-calendar-nav p:first-of-type {
display: none;
}
body.adaptive section.calendar-grid-container .calendar-grid .mini-calendar-container .mini-calendar-nav p {
flex-grow: 1;
margin: 0 3px;
}
body.adaptive section.calendar-grid-container .calendar-grid .mini-calendar-container .mini-calendar-nav p a {
display: block;
width: 100%;
border-radius: 0;
color: var(--beige);
font-size: 1rem;
padding: 0.75rem 1.5rem;
margin: 0;
}
@media print, screen and (max-width: 63.9988em) {
body.adaptive section.calendar-grid-container .calendar-grid .mini-calendar-container table {
width: 320px;
}
body.adaptive section.calendar-grid-container .calendar-grid .mini-calendar-container table thead th {
padding: 0;
}
body.adaptive section.calendar-grid-container .calendar-grid .mini-calendar-container table td,
body.adaptive section.calendar-grid-container .calendar-grid .mini-calendar-container table td a.active,
body.adaptive section.calendar-grid-container .calendar-grid .mini-calendar-container table td a:hover {
height: 41px;
font-size: 14px;
line-height: 41px;
}
body.adaptive section.calendar-grid-container .calendar-grid .mini-calendar-container .mini-calendar-nav p a {
font-size: 0.75rem;
padding: 0.5rem 1.5rem;
}
body.adaptive section.calendar-grid-container .calendar-grid .events-list-container .events-list {
max-height: 350px;
}
}
/* ============================================================
VIDEO CAROUSEL
============================================================ */
body.adaptive main article > section:not(.full-width).indiana-grown-video-carousel .section-title-wrap h2 {
text-align: center;
}
body.adaptive main article > section:not(.full-width).indiana-grown-video-carousel > div.glide {
max-width: none;
}
body.adaptive main article > section:not(.full-width).indiana-grown-video-carousel > div.glide li.slide {
display: flex;
flex-direction: row;
height: initial;
background-color: var(--yellow);
}
body.adaptive main article > section:not(.full-width).indiana-grown-video-carousel > div.glide li.slide .video-content {
flex: 0 0 60%;
padding: 3rem;
}
body.adaptive main article > section:not(.full-width).indiana-grown-video-carousel > div.glide li.slide .video-content h3 {
font-size: 2rem;
max-width: 90%;
color: var(--beige);
letter-spacing: 0;
line-height: 1.3;
margin-bottom: 1rem;
}
body.adaptive main article > section:not(.full-width).indiana-grown-video-carousel > div.glide li.slide .video-content p {
color: var(--beige);
}
@media print, screen and (max-width: 39.99875em) {
body.adaptive main article > section:not(.full-width).indiana-grown-video-carousel > div.glide li.slide .video-content {
flex-basis: 100%;
}
}
body.adaptive main article > section:not(.full-width).indiana-grown-video-carousel > div.glide li.slide .video-image {
flex: 0 0 40%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
@media print, screen and (max-width: 39.99875em) {
body.adaptive main article > section:not(.full-width).indiana-grown-video-carousel > div.glide li.slide .video-image {
display: none;
}
}
body.adaptive main article > section:not(.full-width).indiana-grown-video-carousel > div.glide .glide__arrows .glide__arrow {
font-size: 2rem;
background-color: var(--yellow);
color: var(--black);
border: none;
top: calc(50% - 0.75rem);
border-radius: 0;
transition: all 0.2s;
-webkit-transition: all 0.2s;
}
body.adaptive main article > section:not(.full-width).indiana-grown-video-carousel > div.glide .glide__arrows .glide__arrow:hover {
background-color: var(--orange);
border: none;
}
@media print, screen and (max-width: 63.9988em) {
body.adaptive main article > section:not(.full-width).indiana-grown-video-carousel > div.glide .glide__arrows .glide__arrow {
background-color: var(--yellow);
border: none;
position: relative;
transform: none;
box-shadow: none;
text-shadow: none;
}
body.adaptive main article > section:not(.full-width).indiana-grown-video-carousel > div.glide .glide__arrows .glide__arrow.glide__arrow--left {
left: unset;
}
body.adaptive main article > section:not(.full-width).indiana-grown-video-carousel > div.glide .glide__arrows .glide__arrow.glide__arrow--right {
right: unset;
}
body.adaptive main article > section:not(.full-width).indiana-grown-video-carousel > div.glide .glide__arrows .glide__arrow:hover {
color: var(--black);
background-color: var(--yellow);
}
.glide .glide__arrows {
display: flex;
justify-content: center;
margin-top: 2rem;
gap: 1rem;
}
}
body.adaptive main article > section:not(.full-width).indiana-grown-video-carousel .slider-arrows {
text-align: center;
margin: 2rem 0;
}
body.adaptive main article > section:not(.full-width).indiana-grown-video-carousel .glide__bullets {
position: relative;
display: flex;
justify-content: center;
width: 100%;
margin-top: 1.5rem;
bottom: unset;
left: unset;
transform: none;
}
body.adaptive main article > section:not(.full-width).indiana-grown-video-carousel .glide__bullets .glide__bullet {
background-color: var(--yellow);
height: 12px;
width: 12px;
border-radius: 6px;
}
body.adaptive main article > section:not(.full-width).indiana-grown-video-carousel .glide__bullets .glide__bullet--active {
background-color: var(--orange);
width: 24px;
}
@media print, screen and (max-width: 63.9988em) {
body.adaptive main article > section:not(.full-width).indiana-grown-video-carousel .glide__bullets {
display: none;
}
}
/*Added Styling*/
body main article section:has(.generic-content-wrap) .row>div[class*=col] .generic-content-wrap, body main #subpage-banner-container #subpage-banner-overlay #subpage-banner-width, body main article .icon-image-buckets, body main article .icon-image-buckets.info, .calendar-grid-container .calendar-grid, .calendar-grid-container {
background-color: transparent;
box-shadow: none;
}
body main article {
background-color: var(--beige);
}
section.greenbg {
background-color: var(--green);
}
section.cornbg {
background-image: url('/dA/0f846cde74/fileAsset/hero-corn-field.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: top;
}
body #header_top ul#header_elem-list #header_agency-name a {
color: transparent;
}
body main #subpage-banner-container #subpage-banner-overlay #subpage-banner-width ul#subpage-breadcrumbs {
display: none;
}
body main article [class*=-wrap].marketing .button, body main article [class*=-wrap].marketing .btn, body main article [class*=-wrap].marketing .agency-button, body main article [class*=-container].marketing .button, body main article [class*=-container].marketing .btn, body main article [class*=-container].marketing .agency-button, body main article .hover-cards.marketing .button, body main article .hover-cards.marketing .btn, body main article .hover-cards.marketing .agency-button, body main article .icon-callouts.marketing .button, body main article .icon-callouts.marketing .btn, body main article .icon-callouts.marketing .agency-button, body main article .sub-banner-container.marketing .button, body main article .sub-banner-container.marketing .btn, body main article .sub-banner-container.marketing .agency-button, body main article .sub-billboards.marketing .button, body main article .sub-billboards.marketing .btn, body main article .sub-billboards.marketing .agency-button, body main article .marketing-section.marketing .button, body main article .marketing-section.marketing .btn, body main article .marketing-section.marketing .agency-button, body main article [class*=-wrap]:not(.info):not(.adaptive) .button, body main article [class*=-wrap]:not(.info):not(.adaptive) .btn, body main article [class*=-wrap]:not(.info):not(.adaptive) .agency-button, body main article [class*=-container]:not(.info):not(.adaptive) .button, body main article [class*=-container]:not(.info):not(.adaptive) .btn, body main article [class*=-container]:not(.info):not(.adaptive) .agency-button, body main article .hover-cards:not(.info):not(.adaptive) .button, body main article .hover-cards:not(.info):not(.adaptive) .btn, body main article .hover-cards:not(.info):not(.adaptive) .agency-button, body main article .icon-callouts:not(.info):not(.adaptive) .button, body main article .icon-callouts:not(.info):not(.adaptive) .btn, body main article .icon-callouts:not(.info):not(.adaptive) .agency-button, body main article .sub-banner-container:not(.info):not(.adaptive) .button, body main article .sub-banner-container:not(.info):not(.adaptive) .btn, body main article .sub-banner-container:not(.info):not(.adaptive) .agency-button, body main article .sub-billboards:not(.info):not(.adaptive) .button, body main article .sub-billboards:not(.info):not(.adaptive) .btn, body main article .sub-billboards:not(.info):not(.adaptive) .agency-button, body main article .marketing-section:not(.info):not(.adaptive) .button, body main article .marketing-section:not(.info):not(.adaptive) .btn, body main article .marketing-section:not(.info):not(.adaptive) .agency-button, body .agency-prefooter [class*=col]>div a.button, body .agency-prefooter [class*=col]>div a.btn, body article [class*=-wrap].marketing:not(.icon-buckets-wrap) .button.btn-outline-primary, body article [class*=-wrap].marketing:not(.icon-buckets-wrap) .btn.btn-outline-primary, body article [class*=-wrap].marketing:not(.icon-buckets-wrap) .agency-button.btn-outline-primary, body article [class*=-container].marketing .button.btn-outline-primary, body article [class*=-container].marketing .btn.btn-outline-primary, body article [class*=-container].marketing .agency-button.btn-outline-primary, body article .icon-callouts.marketing .button.btn-outline-primary, body article .icon-callouts.marketing .btn.btn-outline-primary, body article .icon-callouts.marketing .agency-button.btn-outline-primary, body article [class*=-wrap]:not(.info):not(.adaptive):not(.icon-buckets-wrap) .button.btn-outline-primary, body article [class*=-wrap]:not(.info):not(.adaptive):not(.icon-buckets-wrap) .btn.btn-outline-primary, body article [class*=-wrap]:not(.info):not(.adaptive):not(.icon-buckets-wrap) .agency-button.btn-outline-primary, body article [class*=-container]:not(.info):not(.adaptive) .button.btn-outline-primary, body article [class*=-container]:not(.info):not(.adaptive) .btn.btn-outline-primary, body article [class*=-container]:not(.info):not(.adaptive) .agency-button.btn-outline-primary, body article .icon-callouts:not(.info):not(.adaptive) .button.btn-outline-primary, body article .icon-callouts:not(.info):not(.adaptive) .btn.btn-outline-primary, body article .icon-callouts:not(.info):not(.adaptive) .agency-button.btn-outline-primary, body .agency-prefooter.marketing .button.btn-outline-primary, body .agency-prefooter.marketing .btn.btn-outline-primary, body .agency-prefooter.marketing .agency-button.btn-outline-primary, body article [class*=-wrap].marketing:not(.icon-buckets-wrap) .button.btn-primary, body article [class*=-wrap].marketing:not(.icon-buckets-wrap) .btn.btn-primary, body article [class*=-wrap].marketing:not(.icon-buckets-wrap) .agency-button.btn-primary, body article [class*=-container].marketing .button.btn-primary, body article [class*=-container].marketing .btn.btn-primary, body article [class*=-container].marketing .agency-button.btn-primary, body article .icon-callouts.marketing .button.btn-primary, body article .icon-callouts.marketing .btn.btn-primary, body article .icon-callouts.marketing .agency-button.btn-primary, body article [class*=-wrap]:not(.info):not(.adaptive):not(.icon-buckets-wrap) .button.btn-primary, body article [class*=-wrap]:not(.info):not(.adaptive):not(.icon-buckets-wrap) .btn.btn-primary, body article [class*=-wrap]:not(.info):not(.adaptive):not(.icon-buckets-wrap) .agency-button.btn-primary, body article [class*=-container]:not(.info):not(.adaptive) .button.btn-primary, body article [class*=-container]:not(.info):not(.adaptive) .btn.btn-primary, body article [class*=-container]:not(.info):not(.adaptive) .agency-button.btn-primary, body article .icon-callouts:not(.info):not(.adaptive) .button.btn-primary, body article .icon-callouts:not(.info):not(.adaptive) .btn.btn-primary, body article .icon-callouts:not(.info):not(.adaptive) .agency-button.btn-primary, body .agency-prefooter.marketing .button.btn-primary, body .agency-prefooter.marketing .btn.btn-primary, body .agency-prefooter.marketing .agency-button.btn-primary, body article [class*=-wrap].marketing:not(.icon-buckets-wrap) .button, body article [class*=-wrap].marketing:not(.icon-buckets-wrap) .btn, body article [class*=-wrap].marketing:not(.icon-buckets-wrap) .agency-button, body article [class*=-container].marketing .button, body article [class*=-container].marketing .btn, body article [class*=-container].marketing .agency-button, body article .icon-callouts.marketing .button, body article .icon-callouts.marketing .btn, body article .icon-callouts.marketing .agency-button, body article [class*=-wrap]:not(.info):not(.adaptive):not(.icon-buckets-wrap) .button, body article [class*=-wrap]:not(.info):not(.adaptive):not(.icon-buckets-wrap) .btn, body article [class*=-wrap]:not(.info):not(.adaptive):not(.icon-buckets-wrap) .agency-button, body article [class*=-container]:not(.info):not(.adaptive):not(.icon-image-buckets-container) .button, body article [class*=-container]:not(.info):not(.adaptive):not(.icon-image-buckets-container) .btn, body article [class*=-container]:not(.info):not(.adaptive):not(.icon-image-buckets-container) .agency-button, body article .icon-callouts:not(.info):not(.adaptive) .button, body article .icon-callouts:not(.info):not(.adaptive) .btn, body article .icon-callouts:not(.info):not(.adaptive) .agency-button, body .agency-prefooter.marketing .button, body .agency-prefooter.marketing .btn, body .agency-prefooter.marketing .agency-button, body .main-banner.two-column .row>.col-12.col-md-6:first-child .button, body .main-banner.two-column .row>.col-12.col-md-6:first-child .btn, body .main-banner.two-column .row>.col-12.col-md-6:first-child .agency-button {
display: inline-block;
position: relative;
font-family: "Lato", "Helvetica", Arial, sans-serif;
font-weight: 400;
text-transform: uppercase;
line-height: 22px;
letter-spacing: 1.5px;
border-radius: 0;
color: #fff;
background-color: var(--green);
padding: 15px 30px;
border: 1px solid var(--green);
}
body main article>section {
margin: 0rem;
}
body.adaptive #subpage-banner-overlay {
position: relative;
padding-bottom: 60px;
}
body.adaptive #subpage-banner-overlay::after {
content: "";
display: block;
width: 40%;
max-width: 700px;
height: 50px;
margin: 0.5rem auto 0;
background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 484.4 29.6'%3E%3Crect x='1.3' y='14.3' width='213' height='1' fill='%238fc741'/%3E%3Crect x='270.1' y='14.3' width='213' height='1' fill='%238fc741'/%3E%3Cpath d='M256.7%2C5c-2.7-1.3-10.3-4.2-19.4-.7-4.5%2C1.8-8.1%2C6.4-9.9%2C9.2-1.4%2C2-2.4%2C5.3-1.9%2C8%2C1.1-1%2C1.9-1.8%2C1.9-1.8%2C2.3-2%2C8.8-7.7%2C11.7-9.7%2C4.2-2.9%2C8.3-3.9%2C8.3-3.9%2C0%2C0-6.8%2C3.8-13.3%2C10.1-3.8%2C3.7-5.8%2C6.2-6.6%2C7.3-.2.3-.4.6-.6.9.2.2.4.4.6.6%2C1.2.9%2C3.1%2C1.8%2C5.4%2C1.8%2C4.6%2C0%2C8.1-2.8%2C12.3-9.7%2C3.9-6.5%2C7.3-8.3%2C7.3-8.3l4.3-2.7%2C1.1-.7-1.1-.5Z' fill='%238fc741'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
position: absolute;
bottom: 25px;
}
section.yellowfloral {
background-image: url(/indiana-grown/images/orange-floral-pattern.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
body#member-directory main article {
background-color: var(--green-lightest);
}
body#member-map main article {
background-image: linear-gradient(
to bottom,
var(--green-lightest) 0%,
var(--green-lightest) 30%,
transparent 30%
),
url('/indiana-grown/images/field-1600-1360.jpg');
background-repeat: no-repeat;
background-position: top, bottom;
background-size: 100% 100%, 100% 70%;
}
b, strong {
font-weight: bold;
}
body main article section:last-of-type:not(:has(.main-banner)):not(:has(.banner-container)):not(:has(.sub-banner-container)):not(:has(.rotating-banner)):not(:has([class*=rotating-banner])):not(:has([id*=banner])) {
margin-bottom: 0rem;
}
.adaptive .horizontal-menu .nav {
color: var(--black);
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2px;
padding: 0.5rem 0.75rem;
margin: 0 0.5rem;
}
body.adaptive .horizontal-menu {
background-color: var(--beige);
}
body main article [class*=-wrap]:not(.info):not(.adaptive) .button.secondary, body main article [class*=-container]:not(.info):not(.adaptive) .button.secondary, body main article [class*=-container]:not(.info):not(.adaptive) .button.secondary, body article [class*=-container]:not(.info):not(.adaptive):not(.icon-image-buckets-container) .button.secondary{
color: var(--green) !important;
}
/*Calendar */
body .calendar-grid-container .calendar-grid .events-list-container .events-list a, body .calendar-grid-container .calendar-grid .events-list-container .events-list li div.event-item-details p a.location-link {
color: #45612d;
}
body .calendar-grid-container .calendar-grid .mini-calendar-container .mini-calendar-header, body .calendar-grid-container .calendar-grid .mini-calendar-container table td a.active, body .calendar-grid-container .calendar-grid .mini-calendar-container table td a:hover, body main article table tr th, body .calendar-grid-container .calendar-grid .mini-calendar-container .mini-calendar-nav p a {
background-color: #45612d;
}
.calendar-grid-container .calendar-grid .events-list-container .events-list {
background-color: transparent;
}
.calendar-grid-container .calendar-grid .mini-calendar-container table td.highlight {
background-color: var(--yellow);
}
body main #subpage-banner-container #subpage-banner-overlay #subpage-banner-width {
max-width: 100%;
}
/* Member Directory*/
.memberCard {
display: flex;
flex-wrap: wrap;
align-items: center;
}
body main article section:first-of-type:not(:has(.main-banner)):not(:has(.banner-container)):not(:has(.sub-banner-container)):not(:has(.rotating-banner)):not(:has([class*=rotating-banner])):not(:has([id*=banner])):not(.info-internal-banner) {
margin-top: 0rem;
}
body #top-menu-nav-btn button {
display: none;
}
.memberDirectoryFilters {
padding: 15px 10px;
align-items: center;
}
select:disabled {
background-color: #e6e6e6;
cursor: not-allowed;
}
.memberDirectoryFilters select,
.memberDirectoryFilters input[type="text"] {
width: 100%;
height: 44px;
background-color: var(--beige);
border: none;
border-bottom: 3px solid var(--yellow);
border-radius: 4px 4px 0 0;
padding: 0 12px;
font-size: 15px;
color: var(--black);
box-shadow: none;
}
.memberDirectoryFilters select {
appearance: none;
-webkit-appearance: none;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 12px center;
}
.memberDirectoryFilters input::placeholder {
color: #b3ad9e;
}
.shrink {
flex: 0 0 auto;
max-width: 100%;
}
.memberDirectoryFilters .button.sort,
#js-filterResetButton {
background-color: var(--yellow);
border: none;
border-radius: 4px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
color: var(--black);
font-weight: 600;
text-decoration: none;
text-align: center;
}
#js-filterResetButton {
letter-spacing: 0.5px;
}
.memberDirectoryFilters .button.sort:hover,
#js-filterResetButton:hover {
background-color: var(--yellow-darker);
}
#js-filterSortIcon {
font-size: 18px;
}
/*Header CSS*/
header.marketing .nav-link {
color: #2e2a25;
font-size: 0.9rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
text-decoration: none;
padding: 0.5rem 0.9rem;
white-space: nowrap;
}
header.marketing .dropdown-toggle::after {
margin-left: 0.4rem;
}
header.marketing .nav-cta {
background: var(--yellow);
color: #2e2a25;
padding: 0.75rem 1.4rem;
border-radius: 3px;
}
header.marketing .nav-cta:hover {
background: var(--yellow);
color: #2e2a25;
}
#header_search-btn .search-button {
background: transparent;
border: none;
color: #2e2a25;
font-size: 1.3rem;
padding: 0.5rem 0.9rem;
cursor: pointer;
}
.logo_agency {
max-height: 70px;
width: auto;
}
body.adaptive header {
background-color: transparent;
position: relative;
z-index: 2;
}
body.adaptive header #header_elem-list {
background-color: var(--beige);
padding: 1.25rem;
max-width: initial;
margin: 2rem 1rem;
}
body.adaptive header {
margin-bottom: -190px; /* adjust to match your header's height */
}
body.adaptive .hero-wrap {
position: relative;
z-index: 1;
margin-top: 0;
}
body.indianagrown.adaptive header {
position: relative;
z-index: 10;
margin-bottom: -120px; /* pulls the content below it upward, under the header */
background-color: transparent;
}
#container_main {
position: relative;
z-index: 1;
}
/*member map*/
body#member-map .multi-column-container {
position: relative !important;
z-index: 5 !important;
margin-top: -85px !important; /* adjust to taste */
}
body#member-map .map-callout img {
width: 180px;
height: 180px;
object-fit: cover;
}
body#member-map .map-callout {
max-width: 200px;
margin: 0 auto;
}
#map {
height: 500px;
width: 100%;
}
/*Search Pop Up*/
#searchModal .modal-dialog {
max-width: 700px;
}
#searchModal .modal-content {
background: transparent;
border: none;
box-shadow: none;
}
#header_search {
background: #f5c344; /* gold/yellow border color */
border-radius: 6px;
padding: 10px;
}
#agency-fb-search {
background: #ffffff;
border-radius: 4px;
display: flex;
align-items: center;
padding: 0;
}
#header_search-list {
display: flex;
align-items: center;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
#header_search-list li {
display: flex;
align-items: center;
}
/* Mic button — left side */
#button_voice-search {
background: none;
border: none;
padding: 14px 12px 14px 20px;
color: #4a7c3f; /* green mic icon */
font-size: 1.1rem;
display: flex !important; /* override inline style="display:none" if you want it visible */
align-items: center;
justify-content: center;
}
/* Text input — fills remaining space */
#header_search-list li:nth-child(2) {
flex: 1;
}
#header_agency-search {
width: 100%;
border: none;
outline: none;
background: transparent;
font-style: italic;
font-size: 1.1rem;
color: #555;
padding: 14px 8px;
}
#header_agency-search::placeholder {
font-style: italic;
color: #6b6b6b;
}
/* Search submit button — gray square, right side */
#button_text-search {
background: #d9dbd5; /* light gray square */
border: none;
border-radius: 4px;
width: 52px;
height: 52px;
margin: 6px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
#button_text-search .fa-magnifying-glass {
font-size: 1.2rem;
color: #333;
}
#button_text-search .browser-ie11 {
display: none;
}
/* Frequent searches dropdown, if shown */
#frequent-search-wrap {
background: #ffffff;
border-radius: 0 0 4px 4px;
padding: 8px 16px;
}
.modal-backdrop.show {
opacity: 0.6;
}
.modal-backdrop {
z-index: 1040 !important;
}
#searchModal.modal {
z-index: 1050 !important;
}
#searchModal .modal-dialog {
position: relative;
z-index: 1051 !important;
}
#searchModal {
background-color: transparent;
}
/*News and Events*/
.event-title {
font-size: 1.375rem;
font-weight: 600;
color: var(--beige);
}
.event-details {
display: flex;
flex-direction: column;
justify-content: center;
flex: 1 1 60%;
padding: 1rem 2rem;
background-color: var(--black);
}
.events-column {
margin-bottom: .5rem;
display: flex;
justify-content: space-between;
min-height: 200px;
color: var(--beige);
text-decoration: none;
padding: 0;
}
.event-date {
color: var(--yellow);
font-style: italic;
font-size: 1rem;
margin-bottom: .5rem;
}
.event-details,
.event-details * {
text-decoration: none !important;
}
.event-location, .event-details span {
display: none;
}
.event-image {
flex: 0 0 40%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 200px;
}
.events-column ul {
display: flex;
flex-direction: column;
gap: 1rem;
list-style: none;
flex: 1 1 100%;
width: 100%;
margin: 0;
padding: 0;
}
.event-location p {
display: none;
}
li:nth-child(odd) .event-image { order: 1; }
li:nth-child(odd) .event-details { order: 2; }
li:nth-child(even) .event-image { order: 2; }
li:nth-child(even) .event-details { order: 1; }
li a {
display: flex;
flex-direction: row;
align-items: stretch;
overflow: hidden;
}
/* Spotlight Video*/
.youtube-gallery-wrap .fancy-thumbnail {
background-color: var(--yellow);
}
.youtube-gallery-wrap .fancy-caption {
background-color: var(--yellow);
}
body main article>section:not(.info-internal-banner) img, body main article div[class*=-wrap]:not(.info-internal-banner) img, body main article div[class*=-container]:not(.info-internal-banner) img {
border-radius: 0rem;
}
/*Nav*/
@media (min-width: 992px) {
.dropdown:hover > .dropdown-menu {
display: block;
margin-top: 0;
}
.dropdown-menu {
display: none;
}
.dropdown-menu.show {
display: block;
}
}
/*Member Profile*/
#subpage-banner-container.memberPage #subpage-banner-overlay,
#member-profile #subpage-banner-overlay {
display: none !important;
}
#member-profile article {
background-color: var(--green);
}
.carousel-indicators .active {
background-color: var(--green) !important;
width: 24px !important;
}
.carousel-indicators {
margin-bottom: -3rem;
}
.carousel-indicators [data-bs-target] {
background-color: var(--light-green);
height: 12px;
width: 12px;
border-radius: 50%;
}
/*Mobile*/
/* ==========================================================================
Indiana Grown — mobile overrides
Load AFTER agency-scripts/theme CSS (or paste into custom.css).
Breakpoint 767px matches Bootstrap's md boundary used by the theme.
========================================================================== */
/* --------------------------------------------------------------------------
0. Global overflow guard — stops the whole page sliding sideways
-------------------------------------------------------------------------- */
html,
body {
overflow-x: hidden;
max-width: 100%;
}
/* Inline width/height attributes on ![]()
(528x482, 513x103, 104x104, etc.)
force horizontal scroll on narrow screens. */
img {
max-width: 100%;
height: auto;
}
@media (max-width: 767px) {
/* ------------------------------------------------------------------------
1. FAQ carousel — the biggest offender.
The template writes style="height:565px" inline on .carousel-inner
and every .carousel-item, so the long "Why should I buy" slide gets
clipped. !important is required to beat the inline style.
------------------------------------------------------------------------ */
.text-carousel-wrapper .carousel-inner,
.text-carousel-wrapper .carousel-item {
height: auto !important;
min-height: 0 !important;
}
.text-carousel-wrapper .carousel-item {
display: none;
}
.text-carousel-wrapper .carousel-item.active {
display: block;
}
/* Stack copy above image instead of side-by-side */
.text-carousel-wrapper .faq-content {
order: 2;
padding: 1.25rem 1rem 3rem; /* bottom padding clears the indicators */
width: 100%;
margin: 0;
}
.text-carousel-wrapper .faq-image {
order: 1;
width: 100%;
height: 200px;
background-size: cover;
background-position: center;
}
.text-carousel-wrapper .carousel-control-prev,
.text-carousel-wrapper .carousel-control-next {
/* Bootstrap defaults: height 100%, width 15%, top 0 — all overridden */
top: auto;
bottom: -4rem;
height: 44px;
width: 44px;
opacity: 1;
background-color: var(--light-green);
align-items: center;
justify-content: center;
transition: background-color 0.2s ease;
}
.text-carousel-wrapper .carousel-indicators {
display: none;
}
/* ------------------------------------------------------------------------
2. Hero buckets
------------------------------------------------------------------------ */
.hero-wrap .hero-bucket-content-wrapper {
margin-bottom: 1.5rem;
}
.hero-wrap .hero-bucket-image {
height: 180px;
background-size: cover;
background-position: center;
}
.hero-wrap .hero-bucket-content {
padding: 1rem;
}
.hero-wrap .top-content h1 {
font-size: 2rem;
line-height: 1.15;
text-align: center;
}
/* The decorative divider SVG is 484px wide; let it scale */
.hero-wrap .top-content svg {
width: 100%;
height: auto;
}
/* ------------------------------------------------------------------------
3. Promo cards
------------------------------------------------------------------------ */
.promo-cards .promo-card {
margin-bottom: 1.5rem;
}
.promo-cards .promo-card .image {
height: 180px;
background-size: cover;
}
.promo-cards .promo-card-content {
padding: 1rem;
}
/* ------------------------------------------------------------------------
4. Facebook page plugin — hard-coded to 340px x 500px by the SDK
------------------------------------------------------------------------ */
.fb-feed {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.fb-page,
.fb-page > span,
.fb-page iframe {
max-width: 100% !important;
width: 100% !important;
}
/* ------------------------------------------------------------------------
5. Events (Localist) widget
------------------------------------------------------------------------ */
.localist-widget .events-column ul {
list-style: none;
margin: 0;
padding: 0;
}
.localist-widget .events-column li a {
display: flex;
flex-direction: column;
}
.localist-widget .event-image {
order: -1;
width: 100%;
height: 160px;
background-size: cover;
background-position: center;
margin-bottom: 0.5rem;
}
.localist-widget .event-details {
width: 100%;
}
.localist-widget .event-title {
font-size: 1.05rem;
line-height: 1.3;
}
/* ------------------------------------------------------------------------
6. Section rhythm — sections currently inherit desktop padding
------------------------------------------------------------------------ */
main section {
padding-left: 1rem;
padding-right: 1rem;
}
.generic-content-wrap {
padding: 1rem 0;
}
main h1 {
font-size: 1.9rem;
line-height: 1.2;
}
main h2 {
font-size: 1.5rem;
line-height: 1.25;
}
/* Buttons: full width, comfortable tap target (44px min) */
.agency-button,
.promo-card-content .button,
.hero-bucket-button {
display: block;
width: 100%;
text-align: center;
min-height: 44px;
line-height: 1.4;
padding: 0.75rem 1rem;
}
/* ------------------------------------------------------------------------
7. Sponsor logos — 513px wide Farm Bureau image
------------------------------------------------------------------------ */
section img[alt="Farm Bureau"],
section img[alt="Agriculture art"] {
width: 100% !important;
max-width: 320px;
height: auto !important;
}
/* ------------------------------------------------------------------------
8. Footer
------------------------------------------------------------------------ */
#footer_global .logos {
max-width: 100%;
justify-content: center;
gap: 1.5rem;
}
#footer_global .logos .ig-logo,
#footer_global .logos .hh-logo,
#footer_global .logos .isda-logo {
flex: 0 1 auto;
max-width: 45%;
margin: 0 auto 1rem;
}
#footer_global .links .col-sm-12 {
margin-bottom: 1.75rem;
}
#footer_global .social a img {
width: 44px; /* tap target */
margin: 0 0.5rem;
}
/* ------------------------------------------------------------------------
9. Chat launcher can cover the newsletter CTA
------------------------------------------------------------------------ */
#launcher {
margin: 6px 10px !important;
}
#header_agency-logo-mobile img {
max-width: 35%;
}
body #top-menu-nav-btn button {
display: contents;
}
body #top-menu-nav-btn button .button-container .icon-text {
color: var(--black);
}
body #top-menu-nav-btn button .button-container#toggle span {
background: var(--black);
}
body .overlay #mm-close {
background-color: var(--green);
}
#top-menu-nav-btn-li { order: 10; }
#header_agency-logo-mobile { order: 1; }
body.adaptive header {
position: fixed;
}
body.adaptive #subpage-banner-overlay::after {
display: none;
}
.sm-margin {
margin-top: 4rem;
}
}
.row.facebook .col-lg-8 > a {
font-weight: 600;
letter-spacing: 1px;
padding: 0;
background-color: transparent;
border-color: transparent;
color: var(--black);
text-transform: uppercase;
font-family: "Lato", "Helvetica", Arial, sans-serif;
}
.carousel-inner,
.carousel-item {
height: auto !important;
min-height: 565px !important;
}
#js-memberMapFilterCategory {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding-right: 2.5rem;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23333333' d='M5 7l5 6 5-6z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 12px 12px;
}
#js-memberMapFilterCategory::-ms-expand {
display: none;
}
#search-results article {
background-color: #f4f4f4;
}
.fa-microphone {
color: var(--green);
}
#button_voice-search:hover {
background-color: transparent !important;
border: 1px solid transparent !important;
}
#searchModal ul#header_search-list {
border-radius: 0rem;
}
.alert-warning {
--bs-alert-bg: transparent !important;
--bs-alert-border-color: transparent !important;
}