@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Bevan&family=Outfit:wght@100;200;300;400;500;600;700;800;900&family=Source+Sans+Pro:wght@200;300;400;600;700;900&family=Square+Peg&display=swap');

body {font-family:'Source Sans Pro', sans-serif; color: #000; margin:0; font-size: .95em; font-weight:700; letter-spacing: -.5px; overflow-x: hidden; position: relative;}

.scrollup{
    width:40px;
    height:40px;
    opacity:1;
    position:fixed;
    bottom:20px;
    right:0;
    display:none;
    text-indent:-9999px;
    background: url(graphics/icon_top.png) no-repeat;
	z-index: 999999999;
}

.anchor-nav ul li {
  list-style-type: none; font-weight: 800;
}

#ue a, #us a{
  color: #721f14 !important;
}

#ue, #us {
  padding: 10px;
  max-width: 28%;
}

ol, ul {
	padding:15px; line-height: 1.25em;
}

a {text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
a:hover {text-decoration: none;}

.outfit {font-family: 'Outfit', sans-serif;}
.bevan {font-family: 'Bevan', cursive;}

.maroon {color:#561515!important;}
.brown {color:#6c5e51;}
.tan {color:#a79788;}
.black {color:#000;}
.white {color:#fff;}

.small {font-size: 90%!important;}
.smaller {font-size: 80%!important;}
.large {font-size: 110%!important;}
.larger {font-size: 125%!important;}
.largest {font-size: 150%!important;}

.bar-maroon {width:150px; border-top:8px solid #561515;}
.bar-brown {width:150px; border-top:8px solid #6c5e51;}
.bar-tan {width:150px; border-top:8px solid #a79788;}
.bar-black {width:150px; border-top:8px solid #000;}
.bar-white {width:150px; border-top:8px solid #fff;}

.border-pic {border: 2px solid #561515;}

.divider {border-top:1px solid #ccc;}
.divider-dashed {border-top:1px dashed #a79788;}

.section {scroll-margin-top: 275px!important;}

h1 {
	font-family: 'Bevan', cursive;
	font-size: 2.5em;
	font-weight:300;
	text-transform: uppercase;
	color:#561515;
}

h2 {
	font-family: 'Bevan', cursive;
	/*font-family: 'Outfit', sans-serif;*/
	font-size: 2em;
	font-weight:800;
	text-transform: uppercase;
	color:#561515;
}

h3 {
	font-family: 'Square Peg', cursive;
	font-size: 3.25em;
	font-weight: 500;
	color:#a79788!important;
}

h4 {
	font-family: 'Bevan', cursive;
	font-size: 1.5em;
	font-weight:300;
	text-transform: uppercase;
	color:#6c5e51;
}

.h2-small {font-family: 'Outfit', sans-serif!important; font-size: 1.65em!important; font-weight:800; text-transform: uppercase; color:#6c5e51!important;} 

.bg-dark {background-color: #000!important; border-top:10px solid #561515; font-family:'Outfit', sans-serif; font-weight: 500;}

.navbar-dark .navbar-nav .nav-link {
    font-size: 1em;
	color:#a79788;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	letter-spacing: .5px;
	text-transform: uppercase;

}
.navbar-dark .navbar-nav .nav-link:hover {
	color:#fff;
}

.bg-carousel {background:rgba(0,0,0,0.65); margin-top: -300px;}
.h1-carousel {color:#fff!important; font-size: 2.75em;}
.h2-carousel {font-family: 'Square Peg', cursive; font-size: 3.5em; font-weight: 600; color:#a79788; letter-spacing: .5px; text-transform: none!important;}

.navbar-light .navbar-toggler {color:#ea1cd2!important; border-color: #000!important;}
.navbar-toggler {color:#000!important; background-color: #000!important; border: 2px solid #000!important; border-radius: 0!important;}

.header {margin-top:90px;}
.shadow {z-index:999999; -webkit-box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.25); box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.25);}

.content-index {min-height:300px;}
.content {min-height:550px; font-weight: 600; letter-spacing: -.5px;}
.content a {color:#561515; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.content a:hover {color:#a79788; text-decoration:none;}

.directory-list p {
	margin-bottom: 2rem;
}

/*-------column/grids-------*/
.grid-spacing div {
    margin-bottom: 10px;
}

.btn-content {
	background-color:#561515;
	font-family: 'Outfit', sans-serif;
	font-size:1.1em!important;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	color:#a79788!important;
	letter-spacing: 2px!important;
	border-radius: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-content:hover {
	background:#6c5e51;
	color:#fff!important;
	cursor: pointer;
}

.btn-content-sm {
	background-color:#561515;
	font-family: 'Outfit', sans-serif;
	font-size:.95em!important;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	color:#a79788!important;
	letter-spacing: 1px!important;
	border-radius: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-content-sm:hover {
	background:#6c5e51;
	color:#fff!important;
	cursor: pointer;
}

.footer-heading {font-family: 'Outfit', sans-serif; font-size: 1.1em; font-weight: 900; color:#561515; text-transform: uppercase; letter-spacing: 0;}
.footer-bar {width:80px; border-top:5px solid #6c5e51;}
.footer ul {padding:0; margin:0; text-align:left!important; letter-spacing: -.5px; line-height: 2.45em;}
.footer ul li {list-style-type:none; display:inline; white-space: nowrap;}
.footer ul li:before {content:'';}
.footer ul li:after {content:'|'; color:#a79788; margin:0 5px; font-weight: 500;}
.footer ul li:last-child:after {content:'';}
.footer a {color:#6c5e51; text-decoration:none; font-weight: 900; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer a:hover {color:#a79788; text-decoration:none;}
.footer-fb {font-family: 'Outfit', sans-serif; font-size: 1.2em; font-weight: 600; text-transform: uppercase; letter-spacing: .25px;}
.footer-fb a {color:#6c5e51; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer-fb a:hover {color:#a79788; text-decoration:none;}
.fb-icon {font-size: 2em;}

.bg-anchor {background:#561515; border-bottom:3px solid #6c5e51; color:#a79788; font-size: .8em; font-weight: 600; letter-spacing: -.25px;}
.bg-anchor a {color:#a79788; text-decoration:underline; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.bg-anchor a:hover {color:#fff; text-decoration:underline;}

.bg-anchor ul {padding:0; margin:0; text-align:center;}
.bg-anchor ul li {list-style-type:none; display:inline;}
.bg-anchor ul li:before {content:'';}
.bg-anchor ul li:after {content:'|'; color:#000; margin:0 10px; font-weight: 900;}
.bg-anchor ul li:last-child:after {content:'';}

.index-text {font-size: 1.15em; font-weight: 700; line-height: 1.75em;}

.bg-society {background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='40' height='40' patternTransform='scale(2) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(0, 0%, 93%, 1)'/><path d='M0 10v20m40-20v20M10 40h20M10 0h20m10 50c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10-4.477 10-10 10zM10 40c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10 10 4.477 10 10m30-30c-5.523 0-10-4.477-10-10s4.477-10 10-10S50-5.523 50 0s-4.477 10-10 10zM10 0c0 5.523-4.477 10-10 10S-10 5.523-10 0s4.477-10 10-10S10-5.523 10 0'  stroke-width='1' stroke='hsla(0, 0%, 87%, 1)' fill='none'/><path d='M20-10v20m0 20v20m-30-30h20m20 0h20m-20 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10 10 4.477 10 10'  stroke-width='1' stroke='hsla(0, 0%, 87%, 1)' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>"); background-attachment: fixed; background-size: contain;}
.society-text {font-size: 1.05em; font-weight: 900; line-height: 1.5em;}
.btn-society {
	background-color:#561515;
	font-family: 'Outfit', sans-serif;
	font-size:1.05em!important;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	color:#a79788!important;
	letter-spacing: 2px!important;
	border-radius: 0;
	border:2px solid #561515;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-society:hover {
	background:transparent;
	color:#561515!important;
	border:2px solid #561515;
	cursor: pointer;
}

.bg-info {background:#561515!important;}
.btn-info {
	background-color:#000!important;
	font-family: 'Outfit', sans-serif;
	font-size:1.05em!important;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	color:#a79788!important;
	letter-spacing: 2px!important;
	border-radius: 0;
	border:2px solid #000;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-info:hover {
	background:#6c5e51!important;
	color:#fff!important;
	border:2px solid #6c5e51;
	cursor: pointer;
}

.h3-news {font-family: 'Outfit', sans-serif; font-size: 2.25em!important; font-weight: 800!important; color:#000!important; text-transform: uppercase; line-height: 1.35em;}
.news {background:#eee;}
.news a {color:#a79788; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.news a:hover {color:#561515; text-decoration:none;}

.bg-apply {background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='40' height='40' patternTransform='scale(1) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(0, 61%, 21%, 1)'/><path d='M0 10v20m40-20v20M10 40h20M10 0h20m10 50c-5.523 0-10-4.477-10-10s4.477-10 10-10 10 4.477 10 10-4.477 10-10 10zM10 40c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10 10 4.477 10 10m30-30c-5.523 0-10-4.477-10-10s4.477-10 10-10S50-5.523 50 0s-4.477 10-10 10zM10 0c0 5.523-4.477 10-10 10S-10 5.523-10 0s4.477-10 10-10S10-5.523 10 0'  stroke-width='1.5' stroke='hsla(0, 76%, 16%, 1)' fill='none'/><path d='M20-10v20m0 20v20m-30-30h20m20 0h20m-20 0c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10 10 4.477 10 10'  stroke-width='1.5' stroke='hsla(0, 76%, 16%, 1)' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>");}
.apply-cursive {font-family: 'Square Peg', cursive; color:#a79788!important; font-size: 2em; font-weight: 600; text-transform: none!important;}
.apply-block {font-family: 'Bevan', cursive; font-size: 1.5em; font-weight: 600; color:#fff; letter-spacing: 1px!important;}
.btn-apply {
	background-color:#000;
	font-family: 'Outfit', sans-serif;
	font-size:1em!important;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	color:#a79788!important;
	letter-spacing: 2px!important;
	border-radius: 0;
	border:2px solid #000;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-apply:hover {
	background:transparent;
	color:#fff!important;
	border:2px solid #6c5e51;
	cursor: pointer;
}
.img-flip {transform: scaleX(-1);}


.bg-tagline {background-image: url("graphics/bg-tagline.avif"); color:#fff!important;}
.h2-tagline {font-size: 2.35em!important; color:#fff!important;}
.btn-tagline {
	background-color:#561515;
	font-family: 'Outfit', sans-serif;
	font-size:1.35em!important;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	color:#a79788!important;
	letter-spacing: 2px!important;
	border-radius: 0;
	border:2px solid #561515;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-tagline:hover {
	background:transparent;
	color:#fff!important;
	border:2px solid #6c5e51;
	cursor: pointer;
}

.btn-newsletter {
	background-color:#fff;
	font-family: 'Outfit', sans-serif;
	font-size:1.1em!important;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	color:#6c5e51!important;
	letter-spacing: .5px!important;
	border-radius: 0;
	border:2px solid #561515;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-newsletter:hover {
	background:#6c5e51;
	color:#fff!important;
	cursor: pointer;
	border:2px solid #6c5e51;
}

.btn-newsletter:focus {z-index: 3; border-color: #a79788; outline: 0; box-shadow: 0 0 0 0.25rem rgb(1 1 1 / 0%);}

.council {width:19%; float:left; margin-right: 1%;}

.dropdown-item {font-weight: 700;}

.contact-links {font-size: 1.25em; font-weight: 900; line-height: 2em;}

.groups a {color:#6c5e51; text-decoration:none; font-weight: 800; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.groups a:hover {color:#a79788; text-decoration:none;}

.groups ul {padding:0; margin:0; text-align:left;}
.groups ul li {list-style-type:none; display:inline;}
.groups ul li:before {content:'';}
.groups ul li:after {content:'|'; color:#561515; margin:0 10px; font-weight: 900;}
.groups ul li:last-child:after {content:'';}


/*CARD*/
.card {border-radius: 0!important; border:0!important;}

.card-header {	
    padding: .75rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.035);
    border-bottom: 1px solid #a79788;
	text-decoration: none!important;
}
.card-header:hover {text-decoration: none!important;}

.card-body {padding:1.5rem;}

.btn-link {
	font-family: 'Jost', sans-serif!important;
	font-size: .45em!important;
    font-weight: 900;
    color: #eee;
	text-transform: uppercase;
    background-color: transparent;
	letter-spacing: -1px;
}

.btn-link:hover {
    color: #000000;
	text-decoration: none!important;
}
/*END CARD*/

/*TABLES*/
table { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #eee; 
}
th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}

/*END TABLES*/

/*FORM*/

#form {
        width:100%;
        float:left;
}


form{
        width: 100%;

        }

fieldset{
        border: 0;
        padding: 10px 0 ;
        clear: left;

        }

textarea, input, select{
        border: 1px solid #ccc;
        padding: 2%;
        width: 96%;
        }

label{
        font-weight: 500!important;
		font-size: 90%;
        }

textarea:focus, input:focus, select:focus{
        background: #eee;
        border: 1px solid #561515;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        outline: none;
}

input[type="submit"] {
	background-color:#0055a5!important;
	color:#ffbc00!important;
	font-family: 'Hind', sans-serif;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing: -.5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

input[type="submit"]:hover {
        background-color:#333!important;
		color:#fff!important;
		cursor:pointer;
}

.submit {
	background-color:#561515!important;
	color:#a79788!important;
	font-family: 'Bevan', cursive;
	font-size:2.25em;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing: -.5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.submit:hover {
	background-color:#6c5e51!important;
	color:#fff!important;
	cursor:pointer;
}

input {padding:7px!important;}
/*END FORM*/


@media (max-width: 1350px) {
.bg-carousel {margin-top: -200px;}
.h1-carousel {font-size: 2.5em;}
.h2-carousel {font-size: 3em;}
}

@media (max-width: 1200px) {
.h1-carousel {font-size: 2.25em;}
.h2-tagline {font-size: 2em!important;}
.contact-links {font-size: 1.25em;}
.btn-newsletter {font-size:1.35em!important;}
.council {width:30%; float:left; margin-right: 3.3%;}
}

@media (max-width: 992px) {
.footer ul {font-size: 1.1em; line-height: 1.5em!important;}
.footer ul li {display:block;}
.footer ul li:after {content:''; margin:0;}
.apply-cursive {font-size:1.5em;}
.apply-block {font-size: 1.25em;}
.h2-tagline {font-size: 2.25em!important;}
.contact-links {font-size: 1.5em;}
.btn-link {white-space: normal!important; text-align: left!important;}
}

@media (max-width: 768px) {
.footer-heading {font-size: 1.25em;}
.footer {font-size: 1.2em;}
.footer ul li {text-align: center;}
.apply-cursive {font-size:2em; line-height: .85em;}
.apply-block {line-height: 2.5em;}
.btn-newsletter {font-size:1.65em!important;}
.council {width:45%; float:left; margin-right: 5%;}
}

@media (max-width: 576px) {
.btn-newsletter {font-size:1.75em!important;}
.council {width:100%; float:left; margin-right:0;}
}

@media (max-width: 480px) {
.apply-cursive {font-size:1.5em;}
.apply-block {font-size: 1em;}
.bg-anchor {line-height: 1.75em;}
.bg-anchor ul li {display:block;}
.bg-anchor ul li:after {content:''; margin:0;}
.contact-links {font-size: 1.2em;}
.groups ul li {display:block;}
.groups ul li:after {content:''; margin:0;}
.btn-link {font-size: .4em!important;}
/* Force table to not be like tables anymore */
	.table td, .table th {
    padding: 1em 0 2em 1rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
	table, thead, tbody, th, td, tr { 
		display: block;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		
		width: 100%; 
		/*padding-right: 10px;*/
		white-space: nowrap;
		line-height: 3.5em!important;
	}
	
	/*
	Label the data
	*/
	td:nth-of-type(1):before { content: "PER 100 g."; }
	td:nth-of-type(2):before { content: "Ave CF"; }
	td:nth-of-type(3):before { content: "SEM"; }
	td:nth-of-type(4):before { content: "Ave AF"; }
	td:nth-of-type(5):before { content: "SEM"; }
	td:nth-of-type(6):before { content: "USDA*"; }
}
}

@media (max-width: 375px) {
.footer-heading {font-size: 1.1em;}
.footer {font-size: 1em;}
.apply-cursive {font-size:1.65em;}
.h2-tagline {font-size: 2em!important;}
.contact-links {font-size: 1em;}
.btn-link {font-size:.25em!important;}
}