/* cmsms stylesheet: Main Navigation modified: 06/20/25 13:32:36 */
[class^="icon-"], [class*=" icon-"] {font-family: 'simplex';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.icon-arrow-up:before {content: "\e600";}.icon-arrow-left:before {content: "\e601";}.icon-search:before {content: "\e603";}.icon-printer:before {content: "\e604";}.icon-linkedin:before {content: "\e605";}.icon-pinterest:before {content: "\e606";}.icon-youtube:before {content: "\e607";}.icon-facebook:before {content: "\e608";}.icon-google:before {content: "\e609";}.icon-twitter:before {content: "\e60a";}.icon-link:before {content: "\e602";}.leftaligned {margin-left: 0;}.rightaligned {margin-right: 0;}body#boxed {background: #f2f2f2 url(http://www.visitwww.stldairycouncil.org/uploads/simplex/images/body-background.png) repeat;}body.fullwidth .row {max-width: none;}a img {border: none;}.right {float: right;}.left {float: left;}.spacing {margin: 15px;}.spacing.left {margin-right: 0;}.spacing.right {margin-left: 0;}.border {border: 2px solid #e9e9e9;}pre code {line-height: 1.4;font-size: .8125em;}pre {padding: 10px;margin: 10px 0;overflow: auto;width: 93%;background: #f1f1f1;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px;}*:first-child+ html pre {padding-bottom: 20px;overflow-y: hidden;overflow: visible;overflow-x: auto;}* html pre {padding-bottom: 20px;overflow: visible;overflow-x: auto;}.page-wrapper {border-top: 5px solid #f39c2c;margin-bottom: 15px;}#boxed #wrapper {margin-top: 15px;border-top: 5px solid #f39c2c;background: #fff;box-shadow: 0 0 15px 0 #c6c6c6;}#boxed.page-wrapper {border-top: none;}.inner-section {padding-left: 20px;padding-right: 20px;}.logo {margin-top: 20px;text-align: center;}.logo a {display: block;}.top .header {border-bottom: 1px solid #f1f1f1;}.search {text-align: right;}input.search-input::-webkit-search-decoration, input.search-input::-webkit-search-results-button,input.search-input::-webkit-search-results-decoration {-webkit-appearance: none;}.search .icon-search {margin-left: -25px;display: inline-block;height: 24px;line-height: 24px;text-align: center;width: 24px;position: relative;z-index: 10;color: #ddd;top: 3px;}.search ::-webkit-input-placeholder,.search ::-moz-placeholder,.search input[placeholder] {line-height: normal;}input.search-input {border: 1px solid #f1f1f1;line-height: normal;outline: 0;padding: 6px 0 6px .5%;font-size: .6875em; 	color: #555;transition: all .35s ease-in-out;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;-o-transition: all .35s ease-in-out;max-width: 99.5%;}input.search-input:focus {border: 1px solid #f39c2c;box-shadow: 0 0 3px #f39c2c;-webkit-box-shadow: 0 0 3px #f39c2c;-moz-box-shadow: 0 0 3px #f39c2c;-o-box-shadow: 0 0 3px #f39c2c;}#main-menu {margin-top: 25px;}#main-menu > li {display: block;border-bottom: 1px dotted #f1f1f1;position: relative;}#main-menu > li:last-child {border-bottom: none;}#main-menu > li > a,#main-menu > li.sectionheader > span {text-decoration: none;text-transform: uppercase;text-align: center;font-size: 12px;line-height: 55px;font-weight: normal;transition: 0.25s;}#main-menu > li > a:hover {color: #0FADE4;}#main-menu > li.current > a,#main-menu > li.current.sectionheader > span,#main-menu > li:hover > a,#main-menu > li.sectionheader:hover > span {/*color: #0FADE4 !important;*/}#main-menu > li > ul,#main-menu > li > ul > li > ul  {position: absolute;left: -999em;}#main-menu > li:hover > ul,#main-menu > li.active > ul,#main-menu > li > ul > li:hover > ul, #main-menu > li > ul > li.active > ul {position: relative;left: 0;}#main-menu > li > ul > li > a,#main-menu > li > ul > li.sectionheader > span,#main-menu > li > ul > li > ul > li > a, #main-menu > li > ul > li > ul > li.sectionheader > span {text-decoration: none;color: #555;text-transform: uppercase;display: block;/*padding: 4px 0;*/padding-left:0;}#main-menu > li > ul > li:hover > a,#main-menu > li > ul > li.sectionheader:hover > span,#main-menu > li > ul > li > ul > li:hover > a,#main-menu > li > ul > li > ul > li.sectionheader:hover > span {background-color: #0FADE4 !important;color: #fff !important;}#main-menu > li > ul > li > ul > li > a,#main-menu > li > ul > li > ul > li.sectionheader > span {padding-left: 15px;text-transform: none;}#main-menu > li > a i,#main-menu > li > ul > li > a i,#main-menu > li.sectionheader > span i,#main-menu > li > ul > li.sectionheader > span i {float: right;position: relative;padding-top: 6px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: -webkit-transform 250ms ease-out 0s;-moz-transition: -moz-transform 250ms ease-out 0s;-o-transition: -o-transform 250ms ease-out 0s;transition: transform 250ms ease-out 0s;}#main-menu > li:hover > a i,#main-menu > li.active > a i,#main-menu > li > ul > li:hover > a i,#main-menu > li > ul > li.active > a i,#main-menu > li.sectionheader:hover > span i,#main-menu > li.active.sectionheader > span i,#main-menu > li > ul > li.sectionheader:hover > span i,#main-menu > li > ul > li.active.sectionheader > span i {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);}.lt-ie9 .sidebar .news-article:before {display: none;}@media screen and (max-width: 767px) {#main-menu{display:none;}}@media screen and (min-width: 768px) {.lt-768 {display: none;}.logo {margin-top: 12px;position: relative;text-align: left;}.logo .palm {position: absolute;top: 5px;left: 45px;background: url(http://www.visitwww.stldairycouncil.org/uploads/simplex/images/palm-circle.png) no-repeat;display: block;width: 48px;height: 48px;transition: transform 0.6s ease-out;-webkit-transition: -webkit-transform 0.6s ease-out;-moz-transition: -moz-transform 0.6s ease-out;-o-transition: -o-transform 0.6s ease-out;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}.logo a:hover .palm {transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);}nav.main-navigation {z-index: 990;height: 55px;margin-top: 20px;}#main-menu {float: right;margin-top: 0;}#main-menu > li {display: inline-block;padding: 0;margin: 0 4px;border: none;position: relative;}#main-menu > li i {display: none;}.touch-device #main-menu > li i {display: inline-block;float: none;}.touch-device #main-menu > li li i {float: left;display: inline-block;margin-right: 8px;padding-top: 2px;text-align: left;}.touch-device #main-menu > li:first-child li i {float: right;}#main-menu > li:first-child, #main-menu > li.first {margin-left: 0;}#main-menu > li:last-child, #main-menu > li.last {margin-right: 0;}#main-menu > li > a,#main-menu > li.sectionheader span {padding: 0 6px 0 10px;}#main-menu > li.parent:hover > a,#main-menu > li.sectionheader.parent:hover > span,#main-menu > li.parent.active > a,#main-menu > li.parent.active > span {/*background-color: #555;background-color: rgba(85, 85, 85, .95);*/}#main-menu > li > ul,#main-menu > li > ul > li > ul  {display: block;width: 260px;}#main-menu > li:hover > ul,#main-menu > li.active > ul,#main-menu > li > ul > li:hover > ul,#main-menu > li > ul > li.active > ul {height: auto;position: absolute;z-index: 9999;/*top: 37px;*/right: 0;/*left: auto;*/display: block;border-radius: 0px;list-style:none;padding-left:0;/* box-shadow: 0px 18px 25px -15px #919191; */}#main-menu > li:first-child:hover > ul,#main-menu > li:first-child.active > ul {right: auto;left: 0;}#main-menu > li > ul > li {position: relative;line-height: 1;margin: 0;padding-left: 0;}#main-menu > li:first-child > ul > li {padding-right: 10px;padding-left: 0;}#main-menu > li > ul > li > a,#main-menu > li > ul > li.sectionheader > span,#main-menu > li > ul > li > ul > li > a,#main-menu > li > ul > li > ul > li.sectionheader > span {color: #384F63;font-weight: normal;font-size: 11px;background-color: rgba(255, 255, 255, 0.1);background-position: 0% 0%;margin-top: 0px;text-align: left;padding-left:10px;}#main-menu > li > ul > li.current > a,#main-menu > li > ul > li.current.sectionheader > span,#main-menu > li > ul > li > ul > li.current > a,#main-menu > li > ul > ul > li > li.current.sectionheader > span {color: #0FADE4;}#main-menu > li > ul > li:hover > ul,#main-menu > li > ul > li.active > ul {width: 250px;height: auto;top: 0;right: auto;left: -250px;}#main-menu > li:first-child > ul > li:hover > ul,#main-menu > li:first-child > ul > li.active > ul {left: auto;right: -250px;}.lt-ie9 #main-menu > li > ul > li:hover > ul,.lt-ie9 #main-menu > li > ul > li.active > ul {left: -247px;}#main-menu > li > ul > li:hover > ul:after,#main-menu > li > ul > li.active > ul:after {content: ' ';width: 0px;height: 0px;border-style: solid;border-width: 7px 0 7px 6px;border-color: transparent transparent transparent #555;border-color: transparent transparent transparent rgba(85, 85, 85, .95);position: absolute;right: -6px;top: 12px;}.lt-ie9 #main-menu > li:first-child > ul > li:hover > ul,.lt-ie9 #main-menu > li:first-child > ul > li.active > ul {left: auto;right: -247px;}#main-menu > li:first-child > ul > li:hover > ul:after,#main-menu > li:first-child > ul > li.active > ul:after {left: -10px;right: auto;}#main-menu li ul li a:hover,#main-menu li ul li span.sectionheader:hover {/* box-shadow: 0 0 5px rgba(85, 85, 85, .9); */z-index: 2;}#main-menu > ul > li:last-child > a,#main-menu > ul > li.sectionheader:last-child > span,#main-menu > ul > li > ul > li:last-child > a,#main-menu > ul > li > ul > li.sectionheader:last-child > span {border-bottom: none;}}@-ms-viewport {width: device-width;}@-o-viewport {width: device-width;}@-moz-viewport {width: device-width;}@-webkit-viewport {width: device-width;}@viewport {width: device-width;}
/* cmsms stylesheet: MP Edits modified: 06/20/25 13:32:36 */
.MainPane h1 {
font-size: 44px;
}
.widget_Content.no-sidebar {
	padding-right: 50px;
}
table.cols {
	display: block;
	width: auto;
	padding: 0 20px;
}
table.cols:after {
	content: '';
	clear: both;
	width: 100%;
	height: 100%;
	display: block;
}
table.cols tbody,
table.cols tr,
table.cols td {
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
}
table.cols td {
	float: left;
}
table.cols td a {
font-weight: 400;
}
.testimonial-btn {
text-align: center;
}
.testimonial-btn a {
color: #0FADE4;
text-decoration: none;
display: inline-block;
border: 2px solid #0FADE4;
padding: 10px 40px;
transition: 0.25s;
}
.testimonial-btn a:hover {
background-color: #0FADE4;
color: #fff;
}

/* Forms */
#aac label {
display: none;
}
.space{margin: 0 0 30px 0;}
#subFormX,
#aac {
	

}
#subFormX h3,
.multicol p,
#form_2 .question,
form .two-col .col {
	float: left;
	width: 47.9%;
	margin-right: 25px;
	margin-bottom: 25px;
	padding: 0;
}
form .two-col .col {
	width: 48.2%;
}
#subFormX h3:nth-child(2n+2),
.multicol p:nth-of-type(2n+2),
#form_2 .question:nth-of-type(2n+2),
form .two-col .col:nth-of-type(2n+2) {
	margin-right: 0;
}
form .one-col .col {
	width: 100%;
	margin-bottom: 25px;
	padding: 0;
}

#subFormX p {
	clear: both;
	display: block;
	text-align: right;
}

#subFormX p.help {
	font-size: 14px;
	left: 0;
	color: #000;
	width: 100%;
	text-align: left;
}

#subFormX button,
#form_2 button,
#aac button {
	display: inline-block;
	clear: both;
	border: 0;
	background: #00afe7;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	border-radius: 0;
	font-weight: 300;
	padding: 8px 30px;
	cursor: pointer;
	margin: 0 auto;
}

#subFormX input[type="text"],
#subFormX input[type="email"],
#subFormX input[type="date"],
#subFormX select,
#subFormX textarea,
#form_2 input[type="text"],
#form_2 input[type="email"],
#form_2 input[type="date"],
#form_2 select,
#form_2 textarea,
#aac input[type="text"],
#aac input[type="email"],
#aac input[type="number"],
#aac select,
#aac textarea  {
	font-size: 18px;
	padding: 0px 0;
	text-indent: 5px;
	width: 100%;
	margin: 0;
	outline: 0;
	border-radius: 0;
	-webkit-appearance: none;
	height: 40px;
	color: #0FADE4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#aac .question {
	margin: 0 0 5px 0;
}
#aac .question h5 {
	margin: 0 0 5px 0;
}
#aac .question input {
	width: 20px;
	height: 25px;
	text-indent: 0;
	padding: 0 5px;
	clear: both;
	display: block;
}
#aac .question input[type="number"] {
	width: auto;
	height: 25px;
	text-indent: 0;
}
#aac .question p {
	float: none;
	display: inline-block;
	width: 20%;
	vertical-align: top;
}
#subFormX textarea,
#form_2 textarea,
#aac textarea {
	height: 100px;
	padding: 8px 5px;
	text-indent: 0;
	display: block;
}
#subFormX select,
#aac select,
#form_2 select {
	height: 44px;
	text-transform: uppercase;
}

#subFormX select,
#aac select,
#form_2 select {
  background-image:
    linear-gradient(45deg, transparent 50%, #00afe7 50%),
    linear-gradient(135deg, #00afe7 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    10px 5px,
    5px 5px,
    0px 1.5em;
  background-repeat: no-repeat;
}

#subFormX select:focus,
#aac select:focus {
  background-image:
    linear-gradient(45deg, #00afe7 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, #00afe7 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    10px 5px,
    5px 5px,
    0px 1.5em;
  background-repeat: no-repeat;
}

#subFormX label.error,
#form_2 label.error,
#aac label.error {
	padding: 5px;
	background-color: #ffe4e1;
	border: solid 2px #ED1C24;
	color: #ED1C24;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
	display: block;
	font-size: 15px;
	width: 97%;
}

form div.radio {
	clear: both;
	display: block;
}
form div.radio label {
	font-size: 18px;
	margin: 0 0 10px 0;
}
form div.radio .labelHeader {
	font-size: 18px;
	color: #0FADE4;
	text-transform: uppercase;
	display: block;
	margin: 0 0 10px 0;
	font-weight: 400;
}
form div.radio input {
	margin: 5px 0;
}

#subFormX .box__error p.error {
	padding: 5px;
	background-color: #ffe4e1;
	border: solid 2px #ED1C24;
	color: #ED1C24;
	font-weight: bold;
	text-align: center;
	margin-top: -22px;
	display: block;
	font-size: 15px;
}
#subFormX label.description {
	display: block;
	color: #0FADE4;
	font-size: 18px;
	font-weight: 400;
	margin: 0 0 5px 0;
}

#aac .question input {
width: 35px;
height: 30px;
}
#aac .form-fields {
display: flex;
flex-wrap: wrap;
}
#aac .form-fields > div,
#aac .form-fields > p {
flex-basis: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
}
#aac .form-fields > div.full {
flex-basis: 100%;
margin-right: 0;
}
#aac .form-fields > div:nth-child(2n + 2),
#aac .form-fields > p:nth-child(2n + 2) {
margin-right: 0;
}
#aac .form-fields label {
display: none;
}
#aac p.description {
    margin: 0;
    font-size: 14px;
    line-height: 1;
    color: red;
    font-weight: 400;
}
#aac.multicol .form-fields p {
width: 100%;
}
p a.rsvp-btn {
  background-color: #00afe7;
  color: #fff;
  font-size: 20px;
  padding: 12px 50px;
  text-decoration: none;
  text-transform: uppercase;
}
#flip_buttons #flip_button_inner {
width: 120px;
}
table.farm-school {
	display: block;
	margin: 0 0 30px 0;
	border: 0;
	height: auto;
}
table.farm-school tbody {
	display: block;
}
table.farm-school tr,
table.farm-school td {
	border: 0;
	display: block;
	height: auto;
}
table.farm-school tr {
	display: flex;
}
table.farm-school td  {
	flex: 1;
	padding: 0;
	margin: 10px 5px;
}
table.farm-school h3,
table.farm-school h3 a {
	font-size: 18px;
	margin: 0;
	line-height: 1;
}
table.farm-school h4,
table.farm-school h4 a {
	font-size: 15px;
	margin: 0;
	text-decoration: none;
	line-height: 1;
}
table.farm-school a {
	transition: 0.3s;
}
table.farm-school a:hover {
	color: #0FADE4;
}
#form_2 div {
margin-bottom: 20px;
}
#form_2 div label {
display: block;
color: #0FADE4;
font-weight: bold;
}
#form_2 .cols {
display: flex;
flex-wrap: wrap;
}
#form_2 .cols > div {
flex-basis: 47%;
margin-right: 20px;
}

#survey .multicol div {
margin: 10px 0;
}

#survey .multicol label {
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
color: #0FADE4;
}

#survey .multicol input:not([type="checkbox"]),
#survey .multicol select,
#survey .multicol textarea {
font-size: 18px;
    padding: 0px 0;
    text-indent: 5px;
    width: 100%;
    margin: 0;
    outline: 0;
    border-radius: 0;
    -webkit-appearance: none;
    height: 40px;
    color: #0FADE4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
border: 2px solid #0FADE4;
    border-radius: 0px;
    color: #0FADE4;
    display: inline-block;
    margin-left: 0px;
    background-color: #f1edea;
    padding: 8px;
    height: 40px;
}

#survey .multicol button {
    display: inline-block;
    clear: both;
    border: 0;
    background: #00afe7;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    border-radius: 0;
    font-weight: 300;
    padding: 8px 30px;
    cursor: pointer;
    margin: 0 auto;
}

#survey .multicol p.description {
display: block;
font-size: 18px;
font-weight: bold;
margin: 30px 0 20px 0;
width: 100%;
float: none;
}

#survey .multicol .question {
margin: 10px 0 30px 0;
}
#survey .multicol .answers {
/*display: flex;*//*changed by EJK*/
align-items: flex-end;
}
#survey .multicol .question p {
float: none;
width: 100%;
font-size: 18px;
margin: 0 0 5px 0;
}
#survey .multicol .answers label {
display: block;
flex-basis: 20%;
margin-right: 15px;
}