@charset "UTF-8";
/**
  Theme Name: Silos and Smokestacks
  Theme URI: http://www.silosandsmokestacks.org
  Version: 1.3.3
  Author: Flying Hippo Web Technologies
  Author URI: http://www.flyinghippo.com
  License: None
  Description: Custom WordPress theme developed for Silos and Smokestacks.
*/
/* FONTS */
/* If you have different fonts from different font families, you'll need to combine the generated stylesheet.css files into one. */
@import url("fonts/arvo-fontfacekit/stylesheet.css");
@import url("fonts/proxima/stylesheet.css");
@import url("fonts/frutiger/style.css");
/* RESET */
@import url("https://use.typekit.net/fcw6pks.css");
@import url("https://use.typekit.net/fcw6pks.css");
* {
  outline: 0 none;
}

body,
div,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
p,
pre,
th,
td,
ol {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  line-height: 1em;
}

ul,
ol {
  list-style-type: none;
}

img {
  border: 0;
}

span {
  display: inline;
}

img,
a img {
  border: 0;
  padding: 0;
  margin: 0;
}

textarea {
  overflow: hidden;
}

table {
  border-spacing: 0;
  padding: 0;
  margin: 0;
}

/* WP THEME REQUIREMENTS & UTILITY CLASSES */
.aligncenter,
div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

img.alignleft,
.Partner.alignleft {
  margin: 0 10px 10px 0;
}

img.alignright,
.Partner.alignright {
  margin: 0 0 10px 10px;
}

.dozer,
.clear {
  width: 100%;
  height: 1px;
  margin: 0 0 -1px;
  clear: both;
}

.clearfix {
  clear: both;
}

.linklove,
#metaseopack small {
  display: none;
}

sup {
  font-size: 0.6em;
  line-height: 1em;
}

body {
  /* Set the base font color, size, etc. here */
  font-family: "ProximaNovaRegular", Helvetica, sans-serif;
  font-size: 12px;
  color: #000;
  background: #011c11 url("images/silosBackground.jpg") no-repeat top center;
}

a {
  /* Remember to set base and :hover styles for links for the whole site. This will save headaches later on. */
  text-decoration: none;
  color: #d38110;
}

a:hover,
a:focus {
  color: #935909;
  text-decoration: none;
}

#inner-content h2 a:hover {
  color: #86530C;
}

/* SIDEBAR NAVIGATION */
/* The following is set up to work with the markup in interior.html. */
.sidenavContainer {
  padding: 7px;
  width: 198px;
  background: rgba(24, 16, 4, 0.13);
  margin-top: 9px;
  margin-bottom: 46px;
}

ul.sidenav,
ul.attraction-editing {
  font-size: 12px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  background: #004f2f;
}

.sidenav li {
  margin: 0;
  padding: 0;
  text-transform: capitalize;
}

ul.sidenav li a,
ul.attraction-editing li a {
  /*  For most designs, you will be styling the <a> element directly, so this is where most of the styling
  	will be. Again, keep in mind that all <a>'s in the whole list will inherit this style, so you will
  	probably need to override these colors and padding later on if child nav items should look differently.
  */
  display: block;
  font-family: "ArvoRegular", serif;
  color: #f7e8d3;
  padding: 9px 12px;
  text-decoration: none;
  border-bottom: 1px solid #023c25;
  -webkit-box-shadow: 0px 1px 0px 0px rgb(5, 93, 57);
  box-shadow: 0px 1px 0px 0px rgb(5, 93, 57);
  font-size: 12px;
}

ul.sidenav li a:hover,
ul.attraction-editing li a:hover {
  background-color: #0a613e;
  color: white;
}

ul.sidenav li.current_page_item a {
  /*  Will be inherited, but we'll override this later on with a more specific selector. 
  */
  background-color: #d9820b;
}

ul.sidenav li.current_page_item a:hover,
ul.sidenav li.current_page_item a:focus {
  /*  Hover state for top-level current page item. This will probably not inherit its style
  		automatically, so it needs to be specified here. 
  	*/
  background-color: #363;
}

ul.sidenav li.current_page_item ul li a {
  /* Override the inheritance of the active parent link color.
  		*/
  background-color: #01472b;
}

ul.sidenav li.current_page_item ul li a:hover,
ul.sidenav li.current_page_item ul li a:focus {
  background-color: #0a613e;
}

ul.sidenav li ul {
  /* Set all subpages to display: none. Later on, we will override this so that the children of active
     pages will be displayed. This is the most common behavior for sidebars in order to reduce clutter, 
     but it may not fit all designs, so do not feel tied to it. 
  */
  display: none;
  list-style-type: none;
  /*margin-top: 3px;*/
}

ul.sidenav li.current_page_item ul,
ul.sidenav li.current_page_parent ul,
ul.sidenav li.current_page_ancestor ul {
  /*  Override the display:none above for the children of currently active pages. 
  */
  display: block;
}

ul.sidenav li ul li {
  /*  Styles to apply to the child LI elements; will not usually be much, as most of the styling will be done
  	to the <a> element itself (next selector). 
  */
  /*margin: 0 0 3px 0;*/
  padding: 0 0 0 0;
}

ul.sidenav li ul li a {
  /* */
  font-family: "ProximaNovaSemibold";
  padding-left: 22px;
  background-color: #01472b;
}

ul.sidenav li ul li ul li a {
  font-family: "ProximaNovaRegularItalic";
  padding-left: 36px;
}

ul.sidenav li ul li a:hover {
  /*  Hover styles for child links. This will always need to be set, since the previous selector 
  			(ul.sidenav li ul li a) is more specific than the original hover selector above
  			(ul.sidenav li a:hover), so child links will not change background color. 
  		*/
  /*background-color: #999;	*/
}

ul.sidenav li ul li.current_page_item {
  /*  Anything you want to do to the active LI. Usually not much is needed here as most of the styling
  		will take place on the <a> element below. 
  	*/
}

ul.sidenav li ul li.current_page_item a {
  /*  The style to apply to subpage links that are currently active. 
  		*/
  background-color: #D9820B;
}

ul.sidenav li ul li.current_page_item ul.children li a {
  /*  The style to apply to subpage links that are currently active. 
  		*/
  background-color: #01472B;
}

ul.sidenav li ul li.current_page_item a:hover {
  background-color: #D9820B;
}

ul.sidenav li ul li ul li.current_page_item {
  /*  Anything you want to do to the active LI. Usually not much is needed here as most of the styling
  		will take place on the <a> element below. 
  		NOTE: Will inherit the 15px padding from the previous level, thus indenting another 15px. Override if needed.
  	*/
}

/* INNER PAGE CONTENT STYLES */
/*	Besides font size, colors, etc., the most important thing with content formatting is that each element in the content
	region is given a bottom margin. 12px is a great place to start, but modify any of the below styles as needed so they
	fit the design.

	IMPORTANT: Unless there is a good reason for it, don't assign margin-top, padding-top or padding-bottom
	to elements inside of the content. Using only margin-bottom will ensure the most consistent content formatting.
*/
#inner-content h1 {
  margin-bottom: 12px;
}

#inner-content h2 {
  margin-bottom: 12px;
  color: #935909;
  font-size: 21px;
  font-weight: normal;
  font-family: "ArvoRegular", serif;
}

#inner-content.event h2 {
  margin-bottom: 10px;
  color: #adaba7;
  font-size: 16px;
  font-weight: normal;
  font-family: "ArvoRegular", serif;
}

#inner-content.partner-events h2 {
  padding-top: 0;
}

#inner-content.partner-events .event {
  margin-bottom: 16px;
}

.event .event-date,
.event-contact {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eeebe2;
  /*display:inline-block;*/
}

span.label {
  font-family: "ProximaNovaSemibold";
}

#inner-content h2 a {
  color: #935909;
  font-size: 21px;
  margin-bottom: -7px;
  display: block;
  border-bottom: 1px solid #d9c994;
  padding-bottom: 0.25em;
  display: inline-block;
}

#inner-content h2 a:hover {
  color: #D38110;
}

#inner-content h3 {
  margin-bottom: 12px;
  color: #d07b07;
  font-size: 16px;
  font-weight: normal;
  font-family: "ArvoBold";
  text-transform: uppercase;
  letter-spacing: 0.055em;
}

#inner-content h4 {
  margin-bottom: 12px;
  font-size: 16px;
  color: #085d3b;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.055em;
}

#inner-content h5 {
  margin-bottom: 12px;
  font-size: 16px;
  color: #6e7d77;
  font-weight: normal;
  letter-spacing: 0.055em;
  font-family: "ArvoItalic";
}

#inner-content h6,
#inner-content table th {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.055em;
  font-family: "ProximaNovaSemibold";
}

#inner-content p {
  margin-bottom: 12px;
}

#inner-content ul,
#inner-content ol {
  margin: 0 0 12px 20px;
  padding-left: 10px;
}

#inner-content ul {
  list-style-type: disc;
}

#inner-content ol {
  list-style-type: decimal;
}

#inner-content table {
  margin-bottom: 12px;
  /*border:1px solid #eeebe2;*/
  border-collapse: collapse;
  width: 100%;
}

#inner-content table td,
#inner-content table th {
  padding: 8px 12px;
  vertical-align: top;
}

#inner-content blockquote {
  margin-bottom: 12px;
  font-family: "ArvoItalic";
  font-size: 13px;
  color: #6d6253;
}

#inner-content hr {
  outline: none;
  border: 0;
  height: 1px;
  background: #eeebe2;
  margin: 1.4em 0;
}

#inner-content b {
  font-family: "ProximaNovaBold";
  font-weight: normal;
}

/* 
 ** Specialized CSS for the search field's label behavior - taken from http://attardi.org/labels
 ** Take care in modifying the code below - not everything does what it looks like it does.
 ** Be sure to test in both Firefox and Chrome/Safari once you're done. There's an issue with Chrome/Safari that could cause
 **   it to display incorrectly if it's not properly compensated for.
 */
.input {
  position: relative;
  margin: 0;
  background-color: transparent;
  float: left;
  height: 26px;
}

.input span {
  position: absolute;
  padding: 6px 4px 3px 10px;
  margin-left: 3px;
  color: #999;
  /* non-focus state */
  display: block;
  z-index: 500;
  left: 0;
  top: 0;
}

.input span.focus {
  color: #bbb;
  /* focus state */
}

.input input,
.input textarea,
.input select {
  position: relative;
  margin: 0;
  border: 1px solid #666;
  padding: 4px 4px 3px 5px;
  margin-top: 1px;
  background: transparent;
  font: inherit;
  color: #000;
}

/* Hack to remove Safari's extra padding. */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .input input,
  .input textarea,
  .input select {
    padding: 2px;
  }
}
/* Use this if you have an image as the submit button. You can also make a hover style (#searchbutton:hover) if you want a hover state. */
/*
#searchbutton {
	width: 25px;
	height: 25px;
	text-indent: -9999px;
	border: none;
	cursor: pointer;
	background: transparent url('images/search-button.png') no-repeat center center;
}
*/
/* GOOGLE SEARCH RESULTS */
#inner-content #cse table {
  margin-bottom: 0;
  border: 0;
}

#inner-content #cse table td {
  background: transparent none;
  border: none;
  padding: 0;
}

#cse .gs-webResult div.gs-visibleUrl-short {
  display: none;
}

#cse .gs-webResult div.gs-visibleUrl-long {
  display: block;
}

#cse .gs-title,
#cse .gs-title b,
#cse .gs-title * {
  /* This is the color of the title link. */
  color: #935909;
  font-size: 16px;
  font-weight: normal;
  font-family: "ArvoRegular", serif;
  text-decoration: none;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
  cursor: pointer;
  color: black;
  text-decoration: none;
  margin-right: 8px;
  display: inline;
}

#cse .gs-title a:hover {
  text-decoration: underline;
}

#cse .gs-result img {
  border: 0;
}

.gcsc-branding {
  display: none;
}

#cse .gsc-control-cse,
#cse .gsc-control-cse .gsc-table-result {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

#cse .gsc-cursor-box {
  margin-top: 10px;
}

#cse .gsc-cursor-current-page,
#cse .gs-visibleUrl {
  /* This is the color of the URL that displays at the bottom of each result. */
  color: #D38110;
}

#cse .gsc-cursor-page {
  /* The color of the paging links at the very bottom. */
  color: #565656;
}

#cse .gsc-cursor-page:hover {
  text-decoration: none;
}

/* SILOS & SMOKESTACKS CUSTOM STYLES */
#wrapper {
  background: url(images/headerTopBg.png) top left repeat-x;
}

#header,
#main {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}

/* HEADER */
#header {
  height: 157px;
  border-bottom: 5px solid #FFE38A;
  position: relative;
  width: 1000px;
  z-index: 1000;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(49, 41, 16, 0.15);
  box-shadow: 0px 1px 1px 0px rgba(49, 41, 16, 0.15);
  /*-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);*/
}

#logo {
  position: absolute;
  top: 12px;
  left: 10px;
  z-index: 100;
}

#logo a {
  display: block;
  text-indent: -9999em;
  overflow: hidden;
  width: 198px;
  height: 132px;
  background: url(images/SilosLogo.png) no-repeat;
}

#ancillary {
  position: absolute;
  font-size: 13px;
  top: 12px;
  right: 0;
}

#ancillary li {
  float: left;
  margin-left: 15px;
}

#ancillary a {
  color: white;
  font-size: 12px;
  font-family: "ProximaNovaSemibold";
}

#ancillary a:hover {
  color: #FFE38A;
}

#search {
  width: 252px;
  position: absolute;
  right: 0;
  top: 46px;
}

#searchfield {
  width: 200px;
  padding: 0 10px;
  background: #f9f3e5;
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  float: left;
  display: block;
  margin: 0;
  border: 1px #6f7367 solid;
  height: 23px;
  color: #4f2a11;
  font-size: 12px;
  font-family: "ArvoRegular", serif;
  line-height: 23px;
  margin-right: -2px;
}

#searchbutton {
  float: left;
  display: block;
  background: url(images/zoomingGlass_search.png) #ecd6a7 no-repeat center center;
  outline: none;
  width: 24px;
  height: 25px;
  overflow: hidden;
  margin: 0;
  cursor: pointer;
  border: 1px #6f7367 solid;
  -webkit-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  text-indent: -9999em;
  overflow: hidden;
  text-transform: uppercase;
}

#search .donate-button {
  background-color: #005030;
  border-radius: 5px;
  color: #ffe38a;
  font-size: 13px;
  font-weight: 900;
  margin-right: 20px;
  padding: 5px 15px;
  position: absolute;
  right: 100%;
  text-transform: uppercase;
}

#search .donate-button:hover {
  background-color: #ffe38a;
  color: #005030;
}

#nav {
  padding-left: 266px;
  height: 57px;
  background: url("images/woodPattern.jpg") repeat-x;
  position: absolute;
  bottom: 0;
  width: 734px;
}

#nav li {
  float: left;
  display: block;
  height: 64px;
  position: relative;
  margin-right: 9px;
  top: -7px;
  text-align: center;
}

#nav li ul.children {
  width: 163px;
  position: absolute;
  top: 64px;
  left: -13px;
  z-index: 100;
  background: #FFE38A;
  padding: 0;
  display: none;
  min-width: 120px;
}

#nav li#PlanVisit ul.children {
  /* width:130%; */
}

#nav li ul li {
  float: none;
  display: block;
  margin: 0;
  padding: 0;
  height: auto;
  background: #FFE38A;
  border-bottom: 1px solid #dad8d2;
  position: static;
}

#nav li a {
  display: block;
  color: white;
  font-size: 14px;
  font-family: "ProximaNovaBold";
  text-transform: uppercase;
  padding: 30px 6px 21px 6px;
  background-repeat: no-repeat;
  width: 125px;
}

#nav li ul li a {
  font-family: "ProximaNovaRegular", Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  text-transform: none;
  background: none;
  height: auto;
  width: auto;
  padding: 11px 6px;
  font-size: 12px;
  background: none;
  text-align: center;
  position: relative;
  color: white;
}

#nav li ul li a:hover {
  color: #005030;
  background: #f8f7f2;
}

#nav li a:hover {
  color: #005030;
}

#nav li:hover ul.children {
  display: block;
}

#nav li:hover a,
#nav li.active a {
  color: #005030;
  background: url("images/btn1.png") no-repeat center 0;
}

#nav ul.children a {
  padding: 11px 0;
}

/*
#nav li#AgrStory { }
#nav li#AgrStory a { width: 125px; }
#nav li#AgrStory:hover a,#nav li#AgrStory.active a { background:url(images/btn1.png) center 0; }
#nav li#AttrDestinations a { width:105px; }
#nav li#AttrDestinations:hover a, #nav li#AttrDestinations.active a { background:url(images/btn2.png) center 0; }
#nav li#FestivEvents a { width:82px; }
#nav li#FestivEvents:hover a, #nav li#FestivEvents.active a { background:url(images/btn3.png) center 0; }
#nav li#PlanVisit a{
	width:110px;
	padding-top:36px;
}
#nav li#AgrStory a { padding-top:36px;}
#nav li#PlanVisit:hover a, #nav li#PlanVisit.active a { background:url(images/btn4.png) center 0; }
#nav li#Education a {
	width:81px;
	padding-top:35px;
}
#nav li#Education:hover a, #nav li#Education.active a { background:url(images/btn5.png) center 0; }
*/
/* main styles */
#main {
  background: url(images/bodyWrapperBg.png);
  /* z-index:101; */
}

#main p {
  margin-bottom: 1em;
}

/* home page styles */
#homeSlider {
  width: 1000px;
  height: 428px;
  overflow: hidden;
  list-style-type: none;
}

.anythingSlider {
  margin-top: -5px;
}

#homeSlider .homeSliderContainer img:first-child {
  padding: 3px;
  background: #FFE38A;
}

.homeSliderBelow {
  width: 620px;
  padding: 15px 0;
  margin: 0 auto;
  position: relative;
}

.anythingSlider-homepageSlidesBig .arrow.back {
  display: block;
  bottom: 45px;
  left: 0;
  position: absolute;
  z-index: 1000;
}

.anythingSlider-homepageSlidesBig .arrow.back a {
  background: url(images/bg-prev-greenBtn.png) no-repeat;
  display: block;
  width: 130px;
  height: 41px;
}

.anythingSlider-homepageSlidesBig .arrow.forward {
  display: block;
  bottom: 45px;
  right: 0;
  position: absolute;
  z-index: 1000;
}

.anythingSlider-homepageSlidesBig .arrow.forward a {
  background: url(images/bg-next-greenBtn.png) no-repeat;
  display: block;
  width: 130px;
  height: 41px;
}

.anythingSlider-homepageSlidesBig .arrow a:hover {
  background-position: 0 -41px;
}

.slideCategoryDate {
  width: 50px;
  float: left;
  padding: 20px 50px 16px 0;
  border-right: 1px solid #6e6b65;
}

.slideCategoryDate .feature-date {
  color: #FFE38A;
  font-size: 12px;
  text-transform: uppercase;
  font-family: "ArvoRegular", serif;
  font-weight: normal;
  text-align: center;
}

#homeSlider .icon {
  width: 40px;
  height: 40px;
  text-indent: -9999em;
  text-transform: upperacse;
  overflow: hidden;
  margin: 0 auto 4px auto;
}

/** NOTE: Icons do not exist yet (except for Tractors) and will need to be created. */
.icon.generic {
  background: url("images/home-icons/images/icon-general.png") no-repeat;
}

.icon.bed-and-breakfast {
  background: url("images/home-icons/images/icon-bed-breakfast.png") no-repeat;
}

.icon.fairs {
  background: url("images/home-icons/images/icon-fairs.png") no-repeat;
}

.icon.farms {
  background: url("images/home-icons/images/icon-farms.png") no-repeat;
}

.icon.historic-sites {
  background: url("images/home-icons/images/icon-historic-sites.png") no-repeat;
}

.icon.museums {
  background: url("images/home-icons/images/icon-museums.png") no-repeat;
}

.icon.parks {
  background: url("images/home-icons/images/icon-nature-centers.png") no-repeat;
}

.icon.scenic-routes {
  background: url("images/home-icons/images/icon-scenic-routes.png") no-repeat;
}

.icon.tractors {
  background: url("images/home-icons/images/icon-agriculture.png") no-repeat;
}

.homeSliderDescription {
  width: 450px;
  padding-left: 50px;
  float: left;
}

.homeSliderDescription.full {
  width: 550px;
}

.homeSliderDescription h2 {
  font-size: 15px;
  color: white;
  font-family: "ArvoRegular", serif;
  font-weight: normal;
  margin-bottom: 0.5em;
  margin-top: 0.3em;
}

.homeSliderDescription p {
  font-size: 13px;
  color: #ffe38a;
  font-family: "ProximaNovaSemibold";
}

.welcomeBox {
  /*
  background:url(images/heritageAreaBg.jpg) #9c600e 100% center no-repeat;
  background:url(images/silos-brown-bg4.png) #9c600e 105% 50px no-repeat;
  background:url(images/silos-brown-bg7.png) #9C600E 105% 10px no-repeat;
  */
  background: url(images/silos-brown-bg8.png) #8F6239 105% 10px no-repeat;
  width: 574px;
  color: white;
  float: left;
  padding: 40px 40px 30px 53px;
  font-size: 14px;
  height: 150px;
}

.welcomeBox a {
  color: #EBAA5B;
}

.welcomeBox a:hover {
  color: #FFE38A;
}

.welcomeBox h2 {
  color: #FFE38A;
  font-family: "ArvoRegular", serif;
  font-size: 26px;
  font-weight: normal;
  margin-bottom: 0.6em;
}

/* homeContent */
#homeContent {
  background: url(images/woodPattern.jpg);
}

/* check repo for deleted .spotlight CSS */
.spotlightSite a img {
  padding-left: 5px;
}

/*homepage sliders */
.heritageExperiences ul.anythingBase {
  height: 190px;
  list-style: none;
  overflow-x: hidden;
  overflow-y: auto;
  width: 210px;
}

.heritageExperiences ul.anythingBase li {
  background: transparent;
  display: block;
  float: left;
  overflow: hidden;
  padding: 0;
  width: 210px;
}

.heritageExperiences ul.anythingBase li img {
  width: 89%;
}

.heritageExperiences .anythingSlider.slideCount1,
.heritageExperiences .anythingSlider.slideCount2 {
  display: none;
}

.anythingSlider-default .back {
  left: -19px;
  background: url(images/sliderLeftNav.png) no-repeat;
}

.anythingSlider-default .forward {
  right: -10px;
  background: url(images/sliderRightNav.png) no-repeat;
}

.anythingSlider-default .arrow {
  display: block;
  position: absolute;
  top: 88px;
  width: 14px;
  height: 20px;
}

.anythingSlider-default .arrow.back:hover,
.anythingSlider-default .arrow.forward:hover {
  background-position: 0 -21px;
}

/* places container */
#placesContainer {
  width: 1000px;
  height: 265px;
  background: url(images/homeLightBackgroundBox.png) top left no-repeat;
  position: relative;
}

.featuredEventsContainer {
  width: 100%;
  height: 260px;
  position: relative;
}

.dateSpecific {
  font-size: 20px;
  text-align: left;
}

.eventsNav {
  width: 205px;
  float: right;
}

.eventsNav a {
  font-family: "ProximaNovaRegular", Helvetica, sans-serif;
  display: inline-block;
  *display: inline;
  zoom: 1;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #004f2f;
  color: #FFE38A;
  font-size: 12px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  height: 14px;
  padding: 0.7em 1em;
  line-height: 14px;
  text-shadow: 0px 1px 2px #36413c;
  filter: dropshadow(color=#36413c, offx=0, offy=1);
}

.eventsNav a:hover {
  background: #D38110;
}

.featuredEventsContainer h2 {
  width: 171px;
  height: 23px;
  text-indent: -9999em;
  overflow: hidden;
  text-transform: uppercase;
  background: url(images/featuredEventsTitleImg.png) no-repeat;
  position: absolute;
  top: 22px;
  left: 66px;
}

.heritageExperiences h2 {
  width: 619px;
  height: 23px;
  text-indent: -9999em;
  overflow: hidden;
  text-transform: uppercase;
  background: url(images/heritageExperienceTitleImg.png) no-repeat;
  position: absolute;
  top: 22px;
  left: 338px;
}

#eventsSlider {
  width: 181px;
  height: 163px;
  /*height:136px;*/
  /* height: 181px; */
  list-style: none;
  overflow-y: auto;
  overflow-x: hidden;
  overflow: hidden;
}

ul#heritageSlider li {
  float: left;
  width: 181px;
  background: transparent;
  display: block;
  overflow: hidden;
  padding: 0;
}

/* featured events */
.anythingSlider-featuredEvents .arrow {
  display: block;
  position: absolute;
  top: 58px;
  width: 29px;
  height: 32px;
  cursor: pointer;
}

.anythingSlider-featuredEvents .back {
  left: -29px;
  background: url(images/LightsliderLeftNav.png) no-repeat;
}

.anythingSlider-featuredEvents .forward {
  right: -29px;
  background: url(images/LightsliderRightNav.png) no-repeat;
}

.anythingSlider-featuredEvents .arrow.back:hover,
.anythingSlider-featuredEvents .arrow.forward:hover {
  background-position: 0 -34px;
}

/* Upcoming Events */
#newsContainer {
  position: relative;
  clear: both;
  padding: 25px 0;
  height: 240px;
}

.upcomingEvents {
  width: 300px;
  float: left;
  position: relative;
  margin-right: 40px;
  z-index: 500;
}

.upcomingEvents h2 {
  width: 166px;
  height: 30px;
  background: url(images/upcomingEventsTitleImg.png) no-repeat;
  text-indent: -9999em;
  overflow: hidden;
  margin: 0 auto 14px auto;
}

.upcomingEvents li,
.newsList li {
  clear: both;
  margin-bottom: 1.35em;
}

.upcomingEvents .date {
  background: #a84d0f;
  -webkit-border-radius: 0px 4px 4px 0px;
  border-radius: 0px 4px 4px 0px;
  color: #fbf1d0;
  font-size: 11px;
  text-transform: uppercase;
  float: left;
  padding: 3px 6px;
  margin-right: 16px;
  margin-top: -2px;
  font-family: "ProximaNovaSemibold";
  width: 45px;
  text-align: center;
}

.upcomingEvents .date.first {
  background: #54601A;
}

.upcomingEvents a {
  font-family: "ProximaNovaRegular", Helvetica, sans-serif;
  color: #faf4e1;
  font-size: 11.5px;
}

.upcomingEvents a.viewAll {
  color: #D38110;
  padding-left: 73px;
}

.upcomingEvents a:hover,
.newsList .viewAll:hover {
  color: #FFE38A;
}

.post-meta {
  font-family: "ArvoBold";
  font-size: 13px;
  text-transform: uppercase;
  color: #3f1f0b;
  margin-bottom: 0px;
}

/* -------------------------------------------------- Interior Page ------------------------------------------- */
#interiorContent {
  background: url("images/bg-inner-silos.png") bottom left no-repeat, url("images/bg-light-pattern.png") repeat;
}

#col-1 {
  /* left sidebar*/
  width: 212px;
  float: left;
  position: relative;
  margin-right: 29px;
  margin-bottom: 30px;
  margin-top: 25px;
  margin-left: 29px;
}

#col-1 .subtitle {
  color: #13130e;
  font-size: 14.5px;
  text-transform: uppercase;
  font-family: "ArvoRegular", sans-serif;
  padding: 0.75em 0.25em;
  text-align: center;
  letter-spacing: 0.04em;
}

.emptyEvents,
.emptyNews {
  padding: 8px 16px;
  text-align: center;
  display: block;
}

.leaf-separator {
  width: 200px;
  height: 15px;
  background: url("images/icon-varnish-separator.png") no-repeat scroll 0 0 transparent;
  margin: 15px auto;
}

.post-event,
.post-news {
  padding: 0 14px;
  margin-bottom: 1em;
}

.post-event h4 a,
.post-news h4 a {
  font-weight: normal;
  font-family: "ProximaNovaSemibold";
  color: #474741;
}

.post-event .date {
  background: #206241;
  color: white;
  text-transform: uppercase;
  padding: 0.15em 0.3em;
  display: inline-block;
  margin-bottom: 0.25em;
}

.post-news .date {
  color: #a84d0f;
  text-transform: uppercase;
  font-family: "ProximaNovaSemibold";
}

/*
#interiorContent.attraction #col-1 { float: right; }
#interiorContent.attraction #col-2 { float: left; margin-left: 29px; }
*/
.featured-box {
  margin-bottom: 46px;
  margin-top: 9px;
  padding: 7px;
  width: 198px;
  position: relative;
}

.featured-box:before {
  content: "";
  width: 200px;
  height: 15px;
  background: url("images/icon-varnish-separator.png") no-repeat;
  margin: 10px auto;
  display: block;
  position: absolute;
  bottom: -40px;
}

.featured-box a,
.featured-box a img {
  display: block;
}

.featured-box a img {
  width: 100%;
  background: transparent;
  border: unset;
  box-sizing: border-box;
  margin-bottom: 1rem;
}

#interiorContent.attraction #inner-content {
  font-size: 14px;
  font-family: "ArvoRegular", serif;
  font-weight: normal;
  margin-top: 1em;
  margin-bottom: 0;
}

#inner-content img {
  max-width: 100%;
  object-fit: contain;
  height: auto;
}

.map {
  width: 630px;
}

.attr-stories {
  margin: 0.5em 0;
}

#col-2 {
  /* right column, content */
  float: left;
  position: relative;
  margin-bottom: 75px;
  padding-bottom: 12px;
  background: url("images/bg-white-bottomBorder.png") bottom no-repeat;
  margin-top: 25px;
}

#interiorHeaderRound {
  width: 700px;
  height: 88px;
  background: url("images/bg-white-circleTop.png") no-repeat;
  position: relative;
}

h1.pageTitle {
  width: 630px;
  line-height: 1.3em;
  height: auto;
  position: absolute;
  left: 35px;
  color: #442f21;
  font-size: 16px;
  font-family: "ArvoRegular", serif;
  text-transform: uppercase;
  text-align: center;
  font-weight: normal;
  letter-spacing: 0.035em;
  top: 45px;
  background: url("images/bg-title-line.png") repeat-x center 50%;
}

h1.pageTitle span {
  padding: 4px 13px;
  background: white;
}

.interiorInner-white {
  width: 685px;
  padding: 0 8px 16px 7px;
  background: url("images/bg-white-withBorder.png") repeat-y;
  height: auto;
  min-height: 400px;
}

.featured-image {
  width: 685px;
  padding: 0;
  background: url("images/bg-white-withBorder.png") repeat-y;
  height: auto;
  margin-bottom: 12px;
}

.featured-image.attraction-img {
  max-width: 625px;
  margin: 0;
  padding: 0;
  width: auto;
  float: left;
  background: none;
}

.search-title {
  font-size: 18px;
  color: #935909;
  font-family: "ArvoRegular", serif;
  margin-left: 45px;
  margin-bottom: 1em;
}

.featured-image.attraction-img img {
  display: inline-block;
  *display: inline;
  zoom: 1;
  border: 7px solid #eddeae;
  height: auto;
  display: block;
  margin: 0 25px 20px 25px;
  padding: 0;
  float: left;
  width: auto;
  max-width: 100%;
}

.narrow .featured-image.attraction-img img {
  margin-right: 15px;
}

.article {
  border-bottom: 1px solid #ebe2c7;
  margin-bottom: 12px;
  padding: 8px 0;
}

.article a img,
.event .col-1 a img {
  background: none repeat scroll 0 0 white;
  border: 1px solid rgba(46, 38, 12, 0.33);
  padding: 6px;
}

.breadcrumbs {
  background: #f6f2e4;
  padding: 12px 25px 8px;
  margin: 0 0 12px 0;
  font-size: 13px;
  font-family: "ProximaNovaRegularItalic";
}

.breadcrumbs a {
  color: #004f2f;
}

.breadcrumbs a:hover {
  text-decoration: underline;
}

.breadcrumbs span.current {
  font-family: "ProximaNovaSemibold";
}

#inner-content,
.attraction-details,
.attr-stories,
.attr-additional-info,
.attr-features {
  padding: 0 25px;
  color: #3e3635;
  font-size: 14px;
  line-height: 1.5em;
  clear: both;
}

.attr-features {
  height: 36px;
  line-height: 14px;
  font-size: 14px;
  margin: 1.5em 0;
}

.attr-features li {
  display: inline-block;
}

.attr-features li div {
  text-indent: -9999em;
}

#inner-content.search-results {
  margin-right: -20px;
  padding-right: 0;
}

.narrow .attraction-details {
  clear: none;
  float: left;
  width: 189px;
  padding: 0;
  margin-bottom: 30px;
}

/* ATTRACTIONS */
.box-1,
.box-2,
.box-3 {
  width: 190px;
  float: left;
  margin-right: 20px;
  line-height: 1.6em;
}

.box-1 label,
.box-2 label,
.box-3 label,
.box-4 label,
.box-1 input,
.box-2 input,
.box-3 input,
.box-4 input {
  display: inline-block;
  font-family: "ProximaNovaRegular", Helvetica, sans-serif;
}

.box-1 label,
.box-2 label,
.box-3 label {
  width: 150px;
}

.box-3,
.box-4 {
  width: 180px;
  margin: 0;
}

.box-4 {
  float: left;
  padding-top: 1.5em;
}

.box-1 h3,
.box-2 h3 {
  padding: 7px 16px;
  font-family: "ArvoBold";
  background: #d38110;
  font-weight: normal;
  color: white;
  text-transform: uppercase;
}

.attraction-details p {
  padding: 7px 16px;
}

.box-2 h3 {
  background: #236543;
}

.narrow .box-3,
.narrow .box-1,
.narrow .box-2 {
  width: 245px;
}

.narrow .box-3 ul {
  text-align: left;
  padding-left: 15px;
  max-width: 100%;
  border-top: 1px solid #e6e5df;
  border-bottom: 1px solid #e6e5df;
}

.attraction-details .box-3 li {
  line-height: 2em;
  padding-left: 17px;
  border-left: 1px solid #e6e5df;
}

.narrow .box-3 li {
  display: inline-block;
  border-left: 0;
  border-right: 0;
  margin: 0;
  padding: 6px 6px 4px 6px;
  margin-right: -3px;
  *display: inline;
  zoom: 1;
  line-height: 21px;
}

.NPS_stamp {
  font-size: 15px;
  font-family: Georgia, serif;
  font-style: italic;
  text-align: left;
  max-width: 100%;
  padding: 4px 0 3px 15px;
  border-bottom: 1px solid #e6e5df;
}

.NPS_stamp .stamp-icon {
  margin-bottom: -3px;
}

.narrow .box-3 li.stamp {
  border-bottom: none;
  border-top: none;
}

.narrow .box-3 li span {
  display: none;
}

.narrow .box-3 li span.orange-icon,
.narrow .box-3 li span.brown-icon {
  display: inline-block;
  text-indent: -9999em;
}

.attr-additional-info {
  font-size: 13px;
  margin: 1.5em 0;
}

.attr-stories,
.attr-additional-info .box-3 p {
  font-family: Georgia, serif;
  font-style: italic;
  margin: 1.25em 0;
  margin: 8px 0;
}

.attr-stories span,
.attr-additional-info h3,
#advanced-search h3,
#search-map h3 {
  color: #935909;
  font-family: "ArvoRegular", serif;
  font-size: 16px;
  font-style: normal;
  background: none;
  text-transform: none;
  padding: 0;
  font-weight: normal;
  margin-bottom: 0.5em;
}

.attr-additional-info .box-1 {
  width: 185px;
  padding-right: 13px;
  margin-right: 22px;
  border-right: 1px solid #eeede8;
}

.attr-additional-info .box-2 {
  width: 195px;
  padding-right: 13px;
  margin-right: 22px;
  border-right: 1px solid #eeede8;
}

.attr-additional-info .box-3 {
  width: 150px;
}

.attraction .attr-map {
  width: 630px;
  margin: 2em auto 0 auto;
  display: block;
  position: relative;
  /*width:630px;*/
  color: #935909;
  font-family: "ArvoRegular", serif;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  border-radius: 3px;
  border: 1px solid #d5d4ce;
  margin-bottom: 0;
  overflow: hidden;
  background: url(images/bg_openMapBg.png) top right;
  /*padding-bottom:436px;*/
  height: 29px;
  padding-bottom: 10px;
}

.btn_open_map {
  display: block;
  position: relative;
  /*width:630px;*/
  padding: 10px 12px;
}

.btn_open_map span {
  display: block;
  position: absolute;
  width: 38px;
  height: 33px;
  background: url(images/bg_iconRightBrown.png) no-repeat;
  text-indent: -9999em;
  overflow: hidden;
  top: 4px;
  right: 2px;
}

.gmap_output {
  position: absolute;
  top: 44px;
  left: 0;
}

.btn_open_map.clicked span {
  background: url(images/bg_iconDownOrange.png) no-repeat;
}

/* Stamps - unique */
.stamp {
  border-top: 1px solid #e6e5df;
  padding-top: 8px;
}

.icon-small {
  width: 21px;
  height: 21px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  background-repeat: no-repeat;
  margin-bottom: -0.25em;
  margin-right: 0.35em;
}

/* Experiences Icons - small */
.scenic-routes-icon {
  background: url("images/icon-scenic.png") no-repeat;
}

.historic-sites-icon {
  background: url("images/icon-historic.png") no-repeat;
}

.tractors-icon {
  background: url("images/icon-tractors.png") no-repeat;
}

.fairs-icon {
  background: url("images/icon-fairs.png") no-repeat;
}

.parks-and-nature-centers-icon {
  background: url("images/icon-parks.png") no-repeat;
}

.museum-and-art-galleries-icon {
  background: url("images/icon-museums.png") no-repeat;
}

.farms-and-wineries-icon {
  background: url("images/icon-wineries.png") no-repeat;
}

.bed-and-breakfasts-icon {
  background: url("images/icon-bed.png") no-repeat;
}

.stamp-icon {
  background: url("images/icon-nps-stamp.png") no-repeat;
}

/* icons large */
.icon-large {
  width: 35px;
  height: 36px;
  background-repeat: no-repeat;
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: 36px;
}

.print-btn {
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: 36px;
  padding: 0;
  text-indent: -9999em;
  background: url("images/icon-print-large.png") no-repeat;
  width: 116px;
  height: 36px;
  margin-left: 16px;
}

.print-btn:hover {
  background-position: -122px 0;
}

.icon-handicap {
  background: url("images/icon-handicap-large.png") no-repeat;
}

.icon-restroom {
  background: url("images/icon-restroom-large.png") no-repeat;
}

.icon-shop {
  background: url(images/icon-shop-large.png) no-repeat;
}

.savetrip-btn {
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: 36px;
  padding: 0;
  text-indent: -9999em;
  background: url("images/icon-savetrip-large.png") no-repeat;
  width: 122px;
  height: 36px;
  margin-left: 16px;
}

.savetrip-btn:hover {
  background-position: -127px 0;
}

.saved-btn {
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: 36px;
  padding: 0;
  text-indent: -9999em;
  background: url("images/icon-saved-large.jpg") no-repeat;
  width: 121px;
  height: 36px;
  margin-left: 16px;
  /*	cursor:default;*/
}

/* icons orange large */
.orange-icon {
  width: 27px;
  height: 26px;
  display: inline-block;
  zoom: 1;
  margin-right: 4px;
  overflow: hidden;
  color: transparent;
}

.brown-icon {
  width: 40px;
  height: 40px;
  display: inline-block;
  zoom: 1;
  margin-right: 3px;
  overflow: hidden;
  color: transparent;
}

.scenic-routes-icon-large {
  background: url("images/icon-scenic-orange.png") no-repeat;
}

.historic-sites-icon-large {
  background: url("images/icon-historic-orange.png") no-repeat;
}

.tractors-icon-large {
  background: url("images/icon-tractors-orange.png") no-repeat;
}

.fairs-icon-large {
  background: url("images/icon-fairs-orange.png") no-repeat;
}

.parks-and-nature-centers-icon-large {
  background: url("images/icon-parks-orange.png") no-repeat;
}

.museum-and-art-galleries-icon-large {
  background: url("images/icon-museums-orange.png") no-repeat;
}

.farms-and-wineries-icon-large {
  background: url("images/icon-wineries-orange.png") no-repeat;
}

.bed-and-breakfasts-icon-large {
  background: url("images/icon-bed-orange.png") no-repeat;
}

.stamp-icon-large {
  background: url("images/icon-nps-stamp-orange.png") no-repeat;
}

/* NEWS */
.newsList {
  float: left;
  position: relative;
  width: 615px;
  z-index: 500;
}

.newsList h2 {
  width: 615px;
  height: 30px;
  background: url("images/newsTitleImg.png") no-repeat;
  text-indent: -9999em;
  overflow: hidden;
  margin: 0 auto 14px auto;
}

.newsList h4 {
  font-family: "ProximaNovaSemibold";
  font-size: 12px;
  color: white;
  font-weight: normal;
  margin-bottom: 0.2em;
}

.newsList h3 {
  font-weight: normal;
  line-height: 1.5em;
}

.newsList h3 a {
  font-family: "ArvoItalic", serif;
  font-size: 14px;
  color: #ffe38a;
}

.newsList h3 a:hover {
  color: #D38110;
}

/* FOOTER */
#footer {
  background: url("images/footerLighterBg.png");
  width: 982px;
  margin: 0 auto;
  position: relative;
  clear: both;
  padding: 9px;
  /*height:232px;	*/
  top: 0;
  left: 0;
}

#footer a {
  font-size: 12px;
  color: #fcf3f1;
}

#footer a:hover {
  text-decoration: underline;
  color: #FFE38A;
}

#footer > div {
  padding: 20px 18px;
  margin: 0 auto;
  background: url("images/darkTranspBg.png");
  border: 1px solid #4d250a;
}

#footer li {
  margin-bottom: 3px;
}

#FooterConnect,
#FooterGetInvolved,
#FooterAboutUs,
#FooterForPartners {
  float: left;
  margin-right: 6px;
}

#FooterConnect h2,
#FooterGetInvolved h2,
#FooterAboutUs h2,
#FooterForPartners h2 {
  color: #FFE38A;
  font-weight: normal;
  font-family: "ArvoBold";
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 1.15em;
}

#FooterConnect {
  width: 195px;
  margin-right: revert;
}

#FooterConnect li {
  width: 85px;
  float: left;
  /* margin-right: 15px; */
}

#FooterConnect li a {
  height: 20px;
  line-height: 20px;
  position: relative;
  display: inline-block;
}

#FooterConnect li a span {
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  top: 6px;
  margin: 0 4px 0 0;
  padding: 0;
}

#FooterConnect li a:hover span {
  background-position: 0 0;
}

.icon-twitter {
  background: url("images/icon-twitter.png") -20px 0 no-repeat;
}

.icon-facebook {
  background: url("images/icon-facebook.png") -20px 0 no-repeat;
}

.icon-youtube {
  background: url("images/icon-youtube.png") -20px 0 no-repeat;
}

.icon-flickr {
  background: url("images/icon-flickr.png") -20px 0 no-repeat;
}

.icon-blog {
  background: url("images/icon-blog.png") -20px 0 no-repeat;
}

.icon-rss {
  background: url("images/icon-rss.png") -20px 0 no-repeat;
}

.icon-email {
  background: url("images/icon-email.png") -20px 0 no-repeat;
}

.icon-pinterest {
  background: url("images/icon-pinterest.png") -20px 0 no-repeat;
}

.icon-causes {
  background: url("images/icon-cause.png") -20px 0 no-repeat;
}

#FooterGetInvolved {
  width: 130px;
}

#FooterAboutUs {
  width: 155px;
}

.nationalParkLogo {
  display: block;
  position: absolute;
  top: 15px;
  left: 48%;
  /* right: 275px; */
}

/*
.nationalParkLogo:hover {
    color: #105d44 !important;
}
*/
.nps-member-image {
  float: left;
  margin-right: 2%;
}

.nps-member-text {
  margin-top: 38px;
}

.nps-member-text-sm {
  font-family: "Frutiger Bold";
  font-size: 18px;
  text-transform: uppercase;
  /* color: #105d44; */
}

.nps-member-text-lg {
  font-family: "Frutiger Bold";
  font-size: 40px;
  /* color: #105d44; */
}

#FooterForPartners {
  width: 185px;
}

#copyright {
  /* 
  width: 100%;
  position: absolute;
  bottom: -45px;
  */
  padding: 12px 18px 20px;
  text-align: center;
  color: #a0653c;
  color: white;
  font-size: 12px;
  background: none;
  border: none;
  text-shadow: 0 1px 3px #000000;
  filter: dropshadow(color=#000000, offx=0, offy=1);
}

#copyright a {
  color: #FFE38A;
}

#copyright a:hover {
  text-decoration: underline;
}

/* Tabs for Search page */
#experiences,
#advanced-search,
#search-map {
  padding: 30px 0 15px 40px;
  background: #f8f5eb;
  margin-right: 0;
  text-align: center;
  max-width: 100%;
  border-bottom: 1px solid #DED8C6;
  border-top: 1px solid #DED8C6;
  position: relative;
  margin-bottom: 35px;
}

#advanced-search.events-listing,
#search-map.events-listing {
  color: #555145;
  font-family: "ArvoRegular", serif;
  font-size: 14px;
  text-align: center;
  padding-bottom: 2em;
  margin-top: -1px;
}

#experiences:after,
#advanced-search:after,
#search-map:after {
  content: "";
  width: 31px;
  height: 15px;
  display: block;
  background: url("images/bg-search-triangle.png") no-repeat;
  position: absolute;
  left: 50%;
  margin-left: -15px;
  bottom: -15px;
}

.calendar-text {
  padding: 0 50px 0 14px;
  margin: 30px 0;
}

#inner-content .calendar-text h2 {
  position: relative;
}

#inner-content .calendar-text h2 a.edit-link {
  display: block;
  position: absolute;
  right: 0;
  top: 4px;
  font-family: "ProximaNovaRegular", Helvetica, sans-serif;
  font-size: 13px;
}

a.orange-btn-search,
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit] {
  display: block;
  padding: 0.75em 0.85em;
  color: white;
  font-family: "ProximaNovaBold";
  text-transform: uppercase;
  background: #cc7a0a;
  margin: 2em auto 1.25em 225px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  float: none;
  width: 131px;
  text-align: center;
  outline: none;
  border: none;
  cursor: pointer;
  letter-spacing: 0.07em;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
  filter: dropshadow(color=#141314, offx=0, offy=1);
}

a.orange-btn-search:hover,
.gform_wrapper .gform_footer input.button:hover,
.gform_wrapper .gform_footer input[type=submit]:hover {
  background: #004F2F;
  -webkit-box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.15);
  box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.15);
}

#experiences h3 {
  font-size: 15px;
  font-weight: normal;
  font-family: "ArvoItalic";
  color: #5B5647;
  margin-bottom: 1.75em;
}

#experiences a {
  display: block;
  float: left;
  width: 131px;
  height: 175px;
  margin-right: 27px;
  cursor: pointer;
  margin-bottom: 32px;
}

#experiences a img {
  display: block;
  margin-bottom: 10px;
  width: 130px;
}

#experiences a:hover span,
#experiences a.active span {
  color: #d9820b;
}

#experiences a:hover img,
#experiences a span {
  color: #7d3305;
  font-size: 14px;
  font-family: "ArvoBold";
  text-transform: uppercase;
  display: block;
}

#showMore {
  display: block;
  text-align: center;
  width: 140px;
  margin: 20px auto 20px 246px;
  font-family: "ProximaNovaSemibold";
  text-transform: uppercase;
  clear: both;
}

#advanced-search,
#search-map {
  text-align: left;
}

#advanced-search .box-1 {
  width: 180px;
}

#advanced-search .box-2,
#advanced-search .box-3,
#advanced-search .box-4 {
  width: 180px;
  padding-left: 25px;
  border-left: 1px solid #E6E5DF;
}

#advanced-search .box-3 li {
  border: none;
  padding: 0;
}

.search .ui-widget-content {
  background: none;
  border: 0;
  color: #222222;
}

.search .ui-widget-header {
  background: none;
  border: 0;
  color: #222222;
  font-weight: normal;
  margin-bottom: 0;
  position: relative;
  z-index: 100;
}

/* SEARCH RESULTS */
.search-box {
  width: 300px;
  height: 175px;
  overflow: hidden;
  background: #FFE38A;
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
  position: relative;
}

.post-connection .search-box {
  float: none;
  width: 100%;
  height: auto;
  margin: 18px 0 18px 0;
}

#inner-content .post-connection .search-description h4 {
  font-family: "ArvoRegular", serif;
  font-size: 18px;
  width: 100%;
  letter-spacing: 0.015em;
  text-transform: none;
}

.post-connection .search-box .search-description {
  width: 430px;
  margin-left: 22px;
}

.post-connection .add-search-items {
  clear: both;
  left: 0;
  position: relative;
  top: auto;
  width: 100%;
  margin-bottom: 15px;
}

.no-img-spacer {
  width: 88px;
  height: 88px;
  background: url(images/bg-attraction-nothumb.gif) no-repeat white center center;
  display: block;
  /* padding: 4px; */
}

.small-thumb {
  float: left;
  display: block;
  margin: 16px 15px 15px 16px;
}

.small-thumb img,
img.small-thumb {
  border: 1px solid #e2d3a3;
  padding: 4px;
  background: white;
}

.small-thumb .nps-stamp {
  font-family: "ProximaNovaRegular", Helvetica, sans-serif;
  font-size: 12px;
  padding-left: 16px;
  margin: 3px 0 0 2px;
  background: transparent url("images/icon-nps.png") no-repeat left center;
  color: #906644;
}

.search-description {
  float: left;
  width: 155px;
  margin-top: 16px;
  line-height: 1.3em;
}

.search-description p {
  font-size: 12px;
  font-family: "ProximaNovaRegular", Helvetica, sans-serif;
  line-height: 1.35em;
}

#inner-content .search-description h4 {
  font-size: 14px;
  letter-spacing: 0.015em;
  font-family: "ArvoRegular", serif;
  margin-bottom: 0.25em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #e1d19c;
  text-transform: none;
}

#inner-content .search-description h4 a {
  color: #3f1f0b;
}

#inner-content .search-description h4 a:hover {
  color: #d9820b;
}

.add-search-items {
  clear: both;
  width: 100%;
  position: absolute;
  left: 0;
  top: 140px;
}

.post-connection .add-search-items {
  position: relative;
  top: 0;
  left: 0;
  height: 26px;
}

.add-search-items .orange-icon:first-child {
  margin-left: 16px;
}

.add-search-items a {
  font-family: "ProximaNovaRegular", Helvetica, sans-serif;
  display: inline-block;
  *display: inline;
  zoom: 1;
  -webkit-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
  background: #004f2f;
  color: #FFE38A;
  font-size: 12px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  height: 12px;
  padding: 0.6em 1em;
  line-height: 12px;
  position: absolute;
  right: 0;
  top: 0;
  text-shadow: 0px 1px 1px #36413c;
  filter: dropshadow(color=#36413c, offx=0, offy=1);
}

.add-search-items a.save_trip,
.add-search-items a.saved {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  right: 105px;
  background: #9c600e;
}

.saved-trips .add-search-items a.save_trip,
.saved-trips .add-search-items a.saved {
  right: 145px;
}

.add-search-items a:hover {
  background: #d9820b;
  -webkit-box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.15);
  box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.15);
}

/* Filter Events in the Sidebar */
#filters {
  background: url(images/bg-transpLight.png);
  padding: 15px 0;
  margin-bottom: 20px;
  margin-top: 10px;
}

#profile-editor {
  margin-bottom: 3em;
}

#filters h2:first-child,
.box-title {
  font-size: 20px;
  font-style: italic;
  color: #7d3305;
  font-family: Georgia, serif;
  text-align: center;
  margin: 0 0 0.7em 0;
  font-weight: normal;
  letter-spacing: 0.015em;
}

.filter h3 {
  background: #004f2f;
  color: #fff2c7;
  font-weight: normal;
  font-family: "ArvoRegular", sans-serif;
  font-size: 14px;
  padding: 0.5em 0 0.5em 10px;
  line-height: 14px;
  letter-spacing: 0.03em;
  margin: 0.9em 0 0.6em 0;
}

.filter ul {
  margin-left: 10px;
}

.filter.range label,
.filter.range input {
  margin-left: 10px;
}

.filter.range label {
  text-transform: uppercase;
}

.filter.range input {
  margin-bottom: 1.25em;
}

#advanced-submit,
#btnClearFilter {
  cursor: pointer;
}

#advanced-submit,
#btnClearFilter {
  margin-left: 10px;
  margin-right: 8px;
  display: block;
  padding: 0.7em 0.3em;
  font-size: 10.5px;
  color: white;
  font-family: "ProximaNovaBold";
  text-transform: uppercase;
  background: #cc7a0a;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  float: left;
  width: 90px;
  text-align: center;
  outline: none;
  border: none;
  cursor: pointer;
  letter-spacing: 0.07em;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
  filter: dropshadow(color=#141314, offx=0, offy=1);
}

#btnClearFilter {
  margin-right: -35px;
  margin-left: 0;
}

#advanced-submit:hover,
#btnClearFilter:hover {
  background: #004F2F;
}

.special-offer {
  background: #004F2F;
  font-size: 16px;
  text-align: center;
  margin-bottom: 25px;
  color: #fdf2cd;
  display: block;
  padding: 15px;
  font-family: "ArvoRegular", sans-serif;
}

.special-offer p {
  margin-bottom: 0;
}

/* Datepicker UI */
div.time-picker.time-picker-12hours {
  width: 8em;
}

#container-event_all_day input,
#container-event_all_day label {
  display: inline-block;
}

#ui-datepicker-div {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 13px 15px;
  background: white;
  border: 1px solid #c9bb91;
}

#ui-datepicker-div a {
  cursor: pointer;
  margin-right: 0.6em;
}

#ui-datepicker-div table {
  border-collapse: collapse;
}

#ui-datepicker-div th,
#ui-datepicker-div td {
  padding: 2px;
  text-align: center;
}

#ui-datepicker-div th {
  font-family: "ArvoRegular", sans-serif;
  color: #666156;
  font-weight: normal;
}

/**
 * IFRAME FORMS - Profile Update
 */
body.directory-update {
  background: #fff;
}

.directory-update input,
.directory-update #inner-content #submit {
  border: 1px solid #CBD5E2;
  background-color: #FFF;
  padding: 3px;
}

.directory-update #submit:focus {
  border: 1px solid #AEBED2;
  background-color: #FFF;
}

#container-photo,
#container-categories {
  clear: both;
}

/* Submit button styles */
.directory-update #inner-content #submit {
  -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
  background: -moz-linear-gradient(center top, #f9f9f9 5%, #e9e9e9 100%);
  background-color: #f9f9f9;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #dcdcdc;
  display: inline-block;
  color: #666666;
  font-family: arial;
  font-size: 15px;
  font-weight: bold;
  padding: 6px 16px;
  text-decoration: none;
  text-shadow: 1px 1px 0px #fff;
}

.directory-update #inner-content #submit:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
  background: -moz-linear-gradient(center top, #e9e9e9 5%, #f9f9f9 100%);
  background-color: #e9e9e9;
  cursor: pointer;
}

.directory-update #inner-content #submit:active {
  position: relative;
  top: 1px;
}

/* This imageless css button was generated by CSSButtonGenerator.com */
#map-content {
  overflow: hidden;
}

body.iframe {
  background-color: #fff;
  overflow: auto;
}

.iframe #inner-content {
  padding: 10px 20px;
}

.iframe .title {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 16px;
}

.iframe #inner-content h1 {
  font-size: 20px;
}

.iframe label,
.iframe .label-title,
.iframe fieldset legend {
  display: block;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 4px;
}

.directory-update label span {
  font-style: italic;
  font-size: 12px;
  font-weight: normal;
}

.directory-update .block {
  display: block;
  width: 97%;
}

.directory-update .field {
  margin-bottom: 6px;
}

.directory-update .field.checkboxes {
  margin-bottom: 16px;
}

.directory-update .field.full {
  clear: both;
}

.directory-update .field.half {
  width: 47.2%;
  float: left;
}

.field.half.first {
  padding-right: 2%;
  clear: both;
}

.field.half.second {
  padding-left: 2%;
}

.directory-update fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

.directory-update .checkboxes div {
  width: 20%;
  float: left;
}

.directory-update .checkboxes#container-schools div {
  width: 50%;
}

.directory-update .checkboxes label {
  font-weight: normal;
  font-size: 12px;
  display: inline;
}

.directory-update .checkboxes .row {
  clear: both;
}

#container-submit {
  padding: 20px 0 0 0;
  text-align: right;
  clear: both;
}

.directory-photo {
  padding-top: 4px;
  margin-bottom: 12px;
}

.directory-update #inner-content table {
  border-collapse: separate;
  border: 0 none;
  margin: 0;
  width: auto;
}

.directory-update #inner-content td,
.directory-update #inner-content th {
  border: 0 none;
  padding: 0;
  vertical-align: middle;
}

.wp-editor-wrap {
  margin-bottom: 16px;
}

/* News archive */
.sidenavContainer .widget {
  padding: 12px 12px 22px 12px;
  margin-bottom: 12px;
  background: url("images/icon-varnish-separator.png") no-repeat bottom center transparent;
}

.sidenavContainer .widget-title {
  /*font-family: 'ProximaNovaBold';
  color: #3F1F0B;
  font-size: 14px;
  margin-bottom: 4px;*/
  color: #442F21;
  font-family: "ArvoRegular", serif;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.035em;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.sidenavContainer .widget ul {
  padding-left: 12px;
  font-size: 14px;
}

.sidenavContainer .widget ul a {
  color: #935909;
}

.sidenavContainer .widget ul a:hover {
  color: #86530C;
}

.sidenavContainer .widget_wp-customtype-archive ul {
  padding-left: 14px;
}

.sidenavContainer .widget_wp-customtype-archive ul ul {
  padding-left: 22px;
}

.sidenavContainer .widget_wp-customtype-archive ul li {
  padding: 4px 0 0;
}

.widget li.collapsed ul {
  display: none;
}

.widget .toggle {
  cursor: pointer;
  font-family: "Courier New", Courier, fixed-width;
}

/* gravity Forms */
.gform_wrapper .top_label .gfield_label {
  clear: both;
  display: inline-block;
  font-weight: normal;
  line-height: 1.3em;
  margin: 15px 0 10px;
  font-family: "ArvoRegular", serif;
  color: #004f2f;
  font-size: 16px;
}

.gform_wrapper .ginput_complex label,
.gform_wrapper .gfield_time_hour label,
.gform_wrapper .gfield_time_minute label,
.gform_wrapper .gfield_date_month label,
.gform_wrapper .gfield_date_day label,
.gform_wrapper .gfield_date_year label,
.gform_wrapper .instruction {
  display: block;
  font-size: 11px;
  letter-spacing: 0.5pt;
  margin: 3px 0 13px 0;
  text-transform: uppercase;
}

.gform_wrapper ul.gfield_radio li input[type=radio]:checked + label,
.gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked + label {
  font-weight: normal;
  font-family: "ProximaNovaSemibold", Helvetica, sans-serif;
}

.gform_wrapper ul li:before,
.gform_wrapper ul li:after,
.gform_wrapper ul.gform_fields {
  margin: 20px 0;
  overflow: visible;
  padding: 0;
}

.ginput_container {
  margin-bottom: 15px;
}

.gform_wrapper input[type=text],
.gform_wrapper input[type=url],
.gform_wrapper input[type=email],
.gform_wrapper input[type=tel],
.gform_wrapper input[type=number],
.gform_wrapper input[type=password],
.gform_wrapper select {
  font-size: 14px;
}

.gform_wrapper textarea {
  padding: 4px;
  font-size: 14px;
}

.article .col-1,
.event .col-1 {
  float: left;
  width: 100px;
  margin-right: 15px;
}

.article .col-2,
.event .col-2 {
  float: left;
  width: 515px;
}

.Partner {
  background-color: #EEE;
  border: 1px solid #D3D3D3;
  border-radius: 4px;
  margin: 10px 0;
  padding: 4px 4px 0;
  text-align: center;
}

#inner-content .Partner-text {
  font-size: 11px;
  line-height: 16px;
  margin: 0;
  padding: 4px 4px 5px;
}

.wp-caption {
  background-color: #EEE;
  border: 1px solid #D3D3D3;
  border-radius: 4px;
  margin: 10px 0;
  padding: 4px 4px 0;
  text-align: center;
}

#inner-content .wp-caption-text {
  font-size: 11px;
  line-height: 16px;
  margin: 0;
  padding: 4px 4px 5px;
}

/* Components */
#w_calendar {
  padding: 10px;
  background: white;
  border-radius: 3px;
}

#calendar {
  width: 100%;
  color: #3E3635;
  font-size: 13px;
  line-height: 1.5em;
}

#w_calendar #calendar-title {
  color: #7D3305;
  font-family: Georgia, serif;
  font-size: 15px;
  font-style: italic;
  font-weight: normal;
  letter-spacing: 0.015em;
  margin: 0.5em 0 0.7em;
  text-align: center;
  color: #D38110;
}

#w_calendar #calLeft,
#w_calendar #calRight {
  border-radius: 3px;
  background: none repeat scroll 0 0 #004F2F;
  display: block;
  padding: 2px 1px;
  color: white;
  font-size: 11px;
}

#w_calendar #calLeft:hover,
#w_calendar #calRight:hover {
  background-color: #D38110;
}

#w_calendar td,
#w_calendar th {
  padding: 3px;
  text-align: center;
}

#w_calendar .dates th {
  font-family: "ArvoRegular", serif;
  font-weight: normal;
  color: #cfcbc0;
}

#w_calendar .day a {
  display: block;
  background: #f3efe5;
  border-radius: 3px;
}

#w_calendar .day a:hover {
  background-color: #D38110;
  color: white;
}

/* ------------------------------------------------- Print Styles ------------------------------------------------- */
@media print {
  body {
    background: white;
    color: black;
    margin: 0;
  }
  #footer,
  #header,
  #nav,
  #search,
  #ancillary,
  #profile-editor {
    display: none;
  }
  #copyright {
    margin: 50px auto;
    background: none;
    text-shadow: none;
  }
  #copyright a {
    background: none;
    color: gray;
    text-shadow: none;
  }
  .narrow .box-3 li span.orange-icon,
  .narrow .box-3 li span.brown-icon {
    display: block;
    text-indent: 0;
    width: auto;
  }
  #interiorContent.attraction #col-1,
  #interiorContent.attraction #col-2 {
    float: none;
    clear: both;
  }
  #col-2 {
    margin-bottom: 15px;
  }
  #col-1 {
    width: 100%;
  }
  .leaf-separator {
    display: none;
  }
  .floatDiv {
    width: 210px;
    float: left;
    margin-right: 15px;
    min-height: 210px;
  }
  .attr-features ul,
  .attr-features ul li {
    list-style-type: disc;
    list-style-position: outside;
    display: block;
    float: none;
    clear: both;
    padding-left: 5px;
  }
  .attr-features li div {
    text-indent: 0;
    background: none;
    width: auto;
  }
}
#authors-select {
  width: 174px;
}

#main p.event-date {
  margin-bottom: 4px;
  color: #918b8a;
  font-family: "ProximaNovaBold";
}

#main .event-location,
#main .event-location span {
  color: #3f1f0b;
  font-family: "ArvoBold", serif;
  text-transform: uppercase;
  font-size: 12px;
}

.box-4 input,
.box-4 label {
  float: left;
  display: block;
}

.box-4 label {
  width: 150px;
  padding: 2px 0 0 4px;
}

.box-4 a {
  display: block;
  font-size: 12px;
  color: #804E08;
  padding-left: 24px;
  font-family: "ProximaNovaRegular", Arial, Helvetica, sans-serif;
}

.box-4 a:hover {
  color: #AA670A;
}

#inner-content table h2,
#inner-content table h3,
#inner-content table h4 {
  margin: 2px 0 0 0;
}

.media-contact {
  margin-top: -28px;
  padding: 0 10px;
}

#eventsSlider .featured-item {
  display: block;
  position: relative;
}

#eventsSlider .text-wrapper {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: url("images/bg-brown-semitrans.png") repeat;
  padding: 5px;
}

#eventsSlider .event-title {
  display: block;
  text-align: center;
  color: #ffefbc;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 15px;
  margin-bottom: 4px;
}

#eventsSlider .event-date {
  display: block;
  text-align: center;
  color: #fff;
  font-family: "ArvoRegular", serif;
  font-size: 14px;
}

/* Partner Landing Styles */
#partnerLanding {
  background: url(images/bg-inner-silos.png) bottom left no-repeat, url(images/bg-redPattern.gif) repeat;
  padding: 5px 0 8px 0;
  color: #3E3635;
}

.partnerInner {
  width: 990px;
  padding: 5px;
  position: relative;
  padding-bottom: 19px;
  background: url(images/bg-wideContainerBottom.png) bottom center no-repeat;
}

.partnerInnerHeader {
  width: 100%;
  height: 19px;
  background: url(images/bg-wideContainerTop.png) top center no-repeat;
}

.partnerInnerMid {
  max-width: 100%;
  height: auto;
  padding: 30px 45px;
  background: url(images/bg-wideContainerMid.png) bottom center repeat-y;
}

#partnerLanding h1.pageTitle {
  background: url("images/bg-title-line.png") repeat-x scroll center 50% transparent;
  display: block;
  width: 900px;
  margin: 0 auto 35px;
  position: relative;
  left: 0;
  top: 0;
}

/* partner content and editing */
.partnerIntro {
  font-family: "ArvoRegular", serif;
  font-size: 15px;
  width: 585px;
  margin-right: 45px;
  float: left;
  margin-bottom: 35px;
}

.partnerIntro.not-logged-in {
  width: 890px;
}

.partnerIntro h2 {
  font-size: 21px;
  font-weight: normal;
  margin-bottom: 0.6em;
}

.partnerEditing > div {
  width: 208px;
  padding: 20px;
  background: url(images/bg-light-pattern.png);
  -webkit-border-radius: 2px;
  border-radius: 2px;
  float: right;
  text-align: center;
  border: 1px solid #e8d7a2;
  color: #97694c;
}

.partnerEditing h3 {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 0.045em;
  margin-bottom: 14px;
}

.partnerEditing h2 {
  padding: 13px 0;
  border-top: 1px solid #cebe8d;
  border-bottom: 1px solid #cebe8d;
  font-family: "ArvoItalic", serif;
  font-weight: normal;
  color: #3E3635;
  font-size: 16px;
  margin-bottom: 14px;
}

.btn {
  background: #d9820b;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: block;
  font-size: 12.5px;
  font-family: "ArvoRegular", serif;
  padding: 0.75em 0.5em;
  color: white;
  margin-bottom: 14px;
}

.btn:hover {
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  filter: dropshadow(color=#000000, offx=0, offy=1);
  color: #ffefbc;
}

.newsTitle {
  background: #9f7154;
  padding: 0.55em 1em;
  margin: 2.5em auto 3.5em auto;
  text-align: center;
  color: #ffefbc;
  font-family: "ProximaNovaBold";
  font-weight: normal;
  font-size: 12px;
  text-transform: uppercase;
}

/* columns for news and events */
.partner-col-1 {
  width: 400px;
  float: left;
  padding-right: 45px;
  border-right: 1px solid #eeebe2;
}

.partner-col-1 h2,
.partner-col-2 h2 {
  font-family: "ArvoRegular", serif;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 22px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

/* .partner-col-2 h2 { color:#935909;} */
.partner-col-1 h2 a,
.partner-col-2 h2 a {
  color: #d9820b;
  font-family: "ProximaNovaSemibold";
  text-transform: uppercase;
  margin-left: 0.5em;
  font-size: 11px;
}

.partner-col-1 h2 a:hover,
.partner-col-2 h2 a:hover {
  color: #935909;
}

.partner-col-2 {
  width: 400px;
  float: right;
}

.article-events,
.article-news {
  margin-bottom: 22px;
}

.article-events h3,
.article-news h3 {
  font-family: "ArvoRegular", serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.55em;
  padding-bottom: 2px;
  margin-bottom: 11px;
  border-bottom: 1px solid #EEEBE2;
}

.article-events h3 a {
  line-height: 1.2;
  color: #935909;
}

.article-events h3 a:hover {
  color: #D9820B;
}

.article-events .event-location {
  color: #3f1f0b;
  font-size: 11px;
  font-family: "ArvoBold", serif;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0.3em;
}

.article-events .event-location span.label {
  font-family: "ArvoBold", serif;
}

.article-events .event-date {
  color: #8c8685;
  font-size: 13px;
  font-family: "ProximaNovaSemibold";
  margin: 0.3em;
}

.article-events p {
  font-size: 13px;
}

.article-news h3 a {
  color: #236543;
}

.article-news h3 a:hover {
  color: #3E3635;
}

.event-details h2 {
  padding-top: 1.25em;
}

#inner-content .event-description h2 {
  font-size: 18px;
  color: #442F21;
}

/*
#inner-content .event-description a
{
	display:block;
}
*/
.facebook-btn {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(images/icon-facebook-orange.png) no-repeat 0 0;
  text-indent: -9999em;
  text-transform: uppercase;
}

.twitter-btn {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(images/icon-twitter-orange.png) no-repeat 0 0;
  text-indent: -9999em;
  text-transform: uppercase;
}

.facebook-btn:hover,
.twitter-btn:hover {
  background-position: -20px 0;
}

.attraction-details .attraction-social {
  padding: 7px 16px;
  margin-top: -1.5em;
}

/* Advacned Search for Attractions */
.searchByName {
  width: 450px;
  height: 23px;
  line-height: 23px;
  margin: 0 auto 1.5em auto;
  height: auto;
}

.searchByName li {
  clear: both;
}

.searchByName input {
  width: 200px;
  padding: 3px 6px;
  background: #f9f3e5;
  background: #fff;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  float: right;
  display: block;
  margin: 0;
  border: 1px #6f7367 solid;
  height: 23px;
  color: #4f2a11;
  font-size: 14px;
  font-family: "ArvoRegular", serif;
  line-height: 23px;
  margin-right: -2px;
}

.searchByName label {
  float: left;
  color: #5B5647;
  font-family: "ArvoItalic";
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 1.75em;
  margin-top: 4px;
}

.orText {
  color: #8b877c;
  text-align: center;
  font-family: "ArvoRegular";
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 1.75em;
}

/* Sidebar Search 

#sidbar-search input[type="submit"]
{
	display: block;
	padding: 0.75em 0.85em;
	color: white ;
	font-family: 'ProximaNovaBold';
	text-transform: uppercase;
	background: #cc7a0a;
	margin: 2em auto 1.25em 225px ;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	float: none ;
	width: 131px;
	text-align: center;
	outline: none;
	border: none;
	cursor: pointer;
	letter-spacing:0.07em;

	text-shadow: 0px 1px 1px rgba(0,0,0,0.4);
    filter: dropshadow(color=#141314, offx=0, offy=1);
}*/
.attraction.narrow #col-2 {
  margin-left: 29px;
}

.sidenavContainer .collapsed .toggle img {
  display: none;
}

/* Google Search */
.gs-image-box.gs-web-image-box {
  padding-right: 1.5em;
}

#inner-content .gsc-table-result,
#inner-content .gsc-thumbnail-inside,
#inner-content .gsc-url-top {
  padding: 0;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInSlideUp {
  0% {
    opacity: 0;
    transform: translateY(5px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes markerFadeInSlideUp {
  0% {
    opacity: 0;
    transform: translateX(-50%) translateY(5px);
  }
  100% {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}
.clear {
  clear: both;
}

.hidden-title {
  height: 0;
  line-height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInSlideUp {
  0% {
    opacity: 0;
    transform: translateY(5px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes markerFadeInSlideUp {
  0% {
    opacity: 0;
    transform: translateX(-50%) translateY(5px);
  }
  100% {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

@media screen and (max-width: 1024px) {
  .narrow .featured-image.attraction-img img {
    box-sizing: border-box;
    margin: 1rem;
    width: calc(100% - 2rem);
  }
}

@media screen and (max-width: 1024px) {
  .featured-image.attraction-img {
    width: unset;
  }
}
@media screen and (max-width: 1024px) {
  .featured-image.attraction-img img {
    box-sizing: border-box;
    margin: 1rem;
    width: calc(100% - 2rem);
  }
}

.attraction .attr-map {
  margin: 1rem;
  max-width: calc(100% - 2rem);
}

@media screen and (max-width: 520px) {
  .attr-features {
    height: unset;
  }
  .attr-features ul {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
  }
  .attr-features ul li {
    margin-top: 0.5rem;
  }
  .attr-features ul li a {
    margin: 0 0.5rem 0 0;
  }
}

@media screen and (max-width: 1024px) {
  .attraction-details {
    margin: 1rem 0 1rem 1.5rem;
  }
  .attraction-details > div {
    width: unset !important;
  }
}

@media screen and (max-width: 768px) {
  .attr-additional-info div {
    margin-top: 1rem;
  }
}

#advanced-search,
#search-map {
  align-items: center;
  display: flex;
  flex-direction: column-reverse;
  padding: 2rem;
}
@media screen and (max-width: 600px) {
  #advanced-search,
  #search-map {
    padding: 1rem;
  }
}
#advanced-search .dateSpecific,
#search-map .dateSpecific {
  margin: 0 0 1rem;
}
#advanced-search form,
#search-map form {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
#advanced-search form .searchByName,
#search-map form .searchByName {
  display: flex;
  justify-content: center;
  width: 100%;
}
#advanced-search form .searchByName label,
#search-map form .searchByName label {
  margin-right: 2rem;
}
@media screen and (max-width: 600px) {
  #advanced-search form .searchByName li,
  #search-map form .searchByName li {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 1rem;
  }
}
#advanced-search form .attraction-search-filter,
#search-map form .attraction-search-filter {
  margin: 1rem;
}
@media screen and (max-width: 1024px) {
  #advanced-search form .attraction-search-filter,
  #search-map form .attraction-search-filter {
    width: calc(50% - 3rem);
  }
}
@media screen and (max-width: 600px) {
  #advanced-search form .attraction-search-filter,
  #search-map form .attraction-search-filter {
    border-left: none;
    padding: 0;
    width: 100%;
  }
}
#advanced-search form .attraction-search-filter li a,
#search-map form .attraction-search-filter li a {
  word-break: unset;
}
#advanced-search form .box-3,
#search-map form .box-3 {
  border: unset;
  padding: 0;
}
#advanced-search form .box-4,
#search-map form .box-4 {
  padding-bottom: 1.5rem;
}
@media screen and (min-width: 600px) {
  #advanced-search form .box-4,
  #search-map form .box-4 {
    padding: 0 0 1.5rem 1.5rem;
  }
}

.iowans-their-heritage-icon,
.iowans-their-heritage-icon-large {
  background-image: url("images/icn-iowans.svg");
}

.agriculture-industry-icon,
.agriculture-industry-icon-large {
  background-image: url("images/icn-agriculture.svg");
}

.prairies-wild-places-icon,
.prairies-wild-places-icon-large {
  background-image: url("images/icn-prairies.svg");
}

@media screen and (max-width: 1024px) {
  #footer {
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
  }
  #footer .nationalParkLogo {
    position: static;
  }
  #footer .clear {
    clear: unset;
    display: none;
  }
  #footer #FooterAboutUs,
  #footer #FooterGetInvolved,
  #footer #FooterConnect {
    box-sizing: border-box;
    float: none;
    margin: auto auto auto 0;
    padding: 1rem;
    width: unset;
  }
  #footer #FooterConnect {
    margin-right: -4rem;
    width: calc(100% + 4rem);
  }
  #footer #FooterGetInvolved,
  #footer #FooterAboutUs {
    flex-basis: 33%;
  }
  #footer > div {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media screen and (max-width: 600px) {
  #footer #FooterGetInvolved,
  #footer #FooterAboutUs {
    flex-basis: 50%;
  }
}
@media screen and (max-width: 360px) {
  #footer #FooterGetInvolved,
  #footer #FooterAboutUs {
    flex-basis: 100%;
  }
}

#placesContainer {
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  #placesContainer {
    background-image: url("images/events-bg.png");
    background-repeat: repeat;
    display: flex;
    flex-direction: column;
    height: auto;
    padding-top: 1rem;
    width: 100%;
  }
  #placesContainer:before {
    background-color: transparent;
    border-radius: 4px;
    bottom: 0.5rem;
    box-shadow: 0 0 10px 20px rgba(0, 0, 0, 0.1);
    content: "";
    left: 0.5rem;
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
  }
}

@media screen and (max-width: 1024px) {
  .featuredEventsContainer {
    background: #faf4e1;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    height: 250px;
    margin: 0.5rem 1.5rem 1.5rem;
    padding: 1rem;
    width: calc(100% - 3rem);
  }
  .featuredEventsContainer.empty {
    display: none;
  }
  .featuredEventsContainer h2 {
    margin: auto;
    position: static;
  }
  .featuredEventsContainer .anythingSlider-featuredEvents {
    background-color: #faf4e1;
    border-radius: 4px;
    bottom: 0;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    left: 0;
    margin: auto;
    position: relative;
    right: 0;
    top: 1rem;
  }
}

@media screen and (max-width: 1024px) {
  .heritageExperiences {
    position: relative;
  }
}
@media screen and (max-width: 720px) {
  .heritageExperiences .anythingSlider.slideCount2 {
    display: block;
  }
  .heritageExperiences .anythingSlider.slideCount3 {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  .heritageExperiences .anythingSlider.slideCount1 {
    display: block;
  }
  .heritageExperiences .anythingSlider.slideCount2 {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .heritageExperiences h2 {
    background-position: center;
    margin: auto auto 0.6rem;
    max-width: calc(100vw - 4rem);
    position: static;
    width: 100%;
  }
  .heritageExperiences .anythingSlider {
    left: 8px;
    position: relative;
  }
}

@media screen and (max-width: 1024px) {
  #newsContainer {
    height: unset;
  }
}
@media screen and (max-width: 1024px) {
  #newsContainer a.viewAll {
    padding-left: 50px;
  }
}
@media screen and (max-width: 440px) {
  #newsContainer a.viewAll {
    margin: auto;
    padding: 0 1rem;
  }
}
@media screen and (max-width: 1024px) {
  #newsContainer .upcomingEvents {
    float: none;
    margin: auto;
    margin-bottom: 1rem;
    width: 100%;
  }
  #newsContainer .upcomingEvents.empty {
    display: none;
  }
}
#newsContainer .upcomingEvents ul {
  margin: 0 0 1rem;
}
@media screen and (max-width: 1024px) {
  #newsContainer .upcomingEvents ul {
    display: flex;
    flex-direction: center;
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media screen and (max-width: 440px) {
  #newsContainer .upcomingEvents ul {
    align-items: start;
    flex-direction: column;
  }
}
#newsContainer .upcomingEvents ul li {
  margin: 0.5rem 1rem;
}
#newsContainer .upcomingEvents ul li .date {
  border-radius: 4px;
}
@media screen and (max-width: 1024px) {
  #newsContainer .newsList {
    float: none;
    width: 100%;
  }
  #newsContainer .newsList ul {
    margin: 0 2rem 1rem;
    text-align: center;
  }
  #newsContainer .newsList h2 {
    background-position: center;
    width: calc(100% - 4rem);
  }
}

#homeSlider-box {
  height: 428px;
  width: 1000px;
}
@media screen and (max-width: 1024px) {
  #homeSlider-box {
    height: calc((428 - 366) / (1000 - 320) * 100vw + ((366 - ((428 - 366)/(1000 - 320)*320)) * 1px));
    width: 100%;
  }
  #homeSlider-box * {
    box-sizing: border-box;
  }
}

#homeSlider .homeSliderContainer img:first-child {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .homeSliderBelow {
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  .homeSliderDescription {
    padding: 0.5rem 2rem;
    width: unset;
  }
  .homeSliderDescription.full {
    width: unset;
  }
}

@media screen and (max-width: 1024px) {
  .anythingSlider-homepageSlidesBig .arrow {
    bottom: 1rem !important;
  }
}

.welcomeBox {
  height: auto;
}
@media screen and (max-width: 1024px) {
  .welcomeBox {
    box-sizing: border-box;
    float: none;
    padding: 2rem 2rem 1rem;
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .welcomeBox {
    padding: 1.5rem 1.5rem 0.5rem;
  }
}

#homeContent {
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (max-width: 1024px) {
  .spotlightSite {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    float: none;
    margin: auto;
    max-width: 32rem;
    padding: 1.5rem;
    width: auto;
  }
  .spotlightSite .spotlightDescr {
    flex: 1;
    font-size: 1.3rem;
    width: auto;
  }
  .spotlightSite .spotlightDescr p {
    font-size: 0.7em;
  }
  .spotlightSite h2 {
    background-position: center;
    margin: 0 auto 2rem;
    width: calc(100% - 4rem);
  }
  .spotlightSite a img {
    float: none;
  }
}
@media screen and (max-width: 420px) {
  .spotlightSite {
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
  .spotlightSite a {
    display: flex;
  }
  .spotlightSite a img {
    margin-bottom: 1rem;
  }
}

@media screen and (max-width: 400px) {
  .ginput_recaptcha {
    -webkit-transform: scale(0.77);
    transform: scale(0.77);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}
#main {
  max-width: 100%;
  overflow: hidden;
}
#main a {
  word-break: break-word;
}
@media screen and (max-width: 400px) {
  #logo a {
    background-size: cover;
    height: 99px;
    margin: 0.5rem;
    width: 158px;
  }
}

#inner-content.inactive,
#map-content.inactive {
  display: none !important;
  height: 0;
}

.map {
  box-sizing: border-box;
  width: calc(100% - 1.5rem);
}

@media screen and (max-width: 768px) {
  #cse-search-box {
    margin: 1rem 0;
  }
}

@media screen and (max-width: 1024px) {
  #interiorContent {
    background: url("images/bg-light-pattern.png") repeat;
    display: flex;
    flex-direction: column-reverse;
  }
}
#interiorContent.event-template-box {
  flex-direction: column;
  padding-bottom: 25px;
}
#interiorContent > div {
  flex: 1;
}
@media screen and (max-width: 1024px) {
  #interiorContent #col-1 {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(212px, 1fr));
    width: calc(100% - 4.5rem);
  }
}
@media screen and (max-width: 520px) {
  #interiorContent #col-1 {
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
}
@media screen and (max-width: 1024px) {
  #interiorContent #col-1.event-template {
    display: grid;
    grid-gap: 1rem;
    grid-template-areas: "filters featured" "filters calendar";
    grid-template-columns: 1fr auto;
    width: calc(100% - 4rem);
  }
}
@media screen and (max-width: 520px) {
  #interiorContent #col-1.event-template {
    align-items: center;
    grid-template-areas: "filters" "featured" "calendar";
    grid-template-columns: 1fr;
    justify-content: center;
  }
}
#interiorContent #col-1 > div {
  height: fit-content;
  margin: auto;
}
#interiorContent #col-1 .login {
  text-align: center;
  width: 100%;
}
#interiorContent #col-1 #filters {
  flex: 1;
  grid-area: filters;
  margin: 0 0 1rem;
  padding: 15px;
}
#interiorContent #col-1 #filters #sidebar-search > div ul {
  margin-right: 1rem;
}
#interiorContent #col-1 #w_calendar {
  grid-area: calendar;
  margin: 0;
}
@media screen and (max-width: 520px) {
  #interiorContent #col-1 #w_calendar {
    margin: auto;
    max-width: 100%;
    width: 15rem;
  }
}
@media screen and (max-width: 1024px) {
  #interiorContent #col-1 #profile-editor {
    margin-right: 1.5rem;
  }
}
@media screen and (max-width: 520px) {
  #interiorContent #col-1 #profile-editor {
    margin: 0 auto 1.5rem;
  }
}
#interiorContent #col-1 #featured-boxes {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: auto 0;
  width: 100%;
  background: none;
}
#interiorContent #col-1 #featured-boxes > div {
  margin: 1.5rem auto;
}
#interiorContent #col-1 #featured-boxes > div a h2 {
  font-size: 1rem;
  text-align: center;
}
#interiorContent #col-1 #featured-boxes > div a img {
  width: 100%;
  background: transparent;
  border: unset;
  box-sizing: border-box;
  margin-bottom: 1rem;
}
@media screen and (max-width: 1024px) {
  #interiorContent #col-1 .sidenavContainer {
    min-width: 15rem;
  }
}
@media screen and (max-width: 1024px) {
  #interiorContent #col-2 {
    align-items: center;
    background-size: 100% 12px;
    display: flex;
    flex-direction: column;
    float: none;
    margin: 25px auto auto;
    width: calc(100% - 2rem);
  }
}
@media screen and (max-width: 1024px) {
  #interiorContent #col-2 > div {
    background-size: 100% 100%;
    box-sizing: border-box;
    width: 100%;
  }
}
@media screen and (max-width: 500px) {
  #interiorContent #col-2 > div {
    height: unset;
    padding: 0 5px 27px 4px;
  }
}
#interiorContent #col-2 > div h1.pageTitle {
  margin-bottom: 2rem;
  position: relative;
  width: calc(100% - 4rem);
}
#interiorContent #col-2 > div h1.pageTitle span {
  display: inline-block;
  margin: auto;
  max-width: 23rem;
}
@media screen and (max-width: 520px) {
  #interiorContent .article .col-2 {
    margin: 1rem 0;
    width: auto;
  }
}

@media screen and (max-width: 1024px) {
  #interiorContent.attraction.narrow #col-2 {
    margin: auto;
  }
}

#inner-content h3,
#inner-content h4 {
  clear: both;
}

@media screen and (max-width: 1024px) {
  #interiorContent.attraction #inner-content {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  .featured-image {
    width: unset;
  }
  .featured-image img {
    height: auto;
    object-fit: contain;
    width: 100%;
  }
}

#search-filter-tab,
#search-filter-tabs {
  position: relative;
  z-index: 100;
}
#search-filter-tab .ui-tabs-nav,
#search-filter-tabs .ui-tabs-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0.5rem 0;
  text-align: left;
}
@media screen and (min-width: 500px) {
  #search-filter-tab .ui-tabs-nav,
  #search-filter-tabs .ui-tabs-nav {
    border-bottom: 1px solid #ded8c6;
    display: static;
    margin: 0;
  }
}
#search-filter-tab .ui-tabs-nav li,
#search-filter-tabs .ui-tabs-nav li {
  background: #dbd7ca;
  border: 1px solid #c8c4b8;
  border-radius: 4px;
  bottom: -1px;
  display: inline-block;
  font-family: "ProximaNovaBold";
  font-size: 13px;
  height: 14px;
  letter-spacing: 0.075em;
  line-height: 14px;
  margin: 0.5rem;
  padding: 0.9em 1.25em 0.7em 1.25em;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  zoom: 1;
}
@media screen and (min-width: 500px) {
  #search-filter-tab .ui-tabs-nav li,
  #search-filter-tabs .ui-tabs-nav li {
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    margin: 0 12px 0 0;
  }
}
#search-filter-tab .ui-tabs-nav li a,
#search-filter-tabs .ui-tabs-nav li a {
  color: #5b5647;
}
@media screen and (min-width: 500px) {
  #search-filter-tab .ui-tabs-nav li:first-child,
  #search-filter-tabs .ui-tabs-nav li:first-child {
    margin-left: 35px;
  }
}
#search-filter-tab .ui-tabs-nav li.ui-tabs-selected, #search-filter-tab .ui-tabs-nav li.active, #search-filter-tab .ui-tabs-nav li.ui-state-active,
#search-filter-tabs .ui-tabs-nav li.ui-tabs-selected,
#search-filter-tabs .ui-tabs-nav li.active,
#search-filter-tabs .ui-tabs-nav li.ui-state-active {
  background: #f8f5eb;
  border: 1px solid #ded8c6;
}
@media screen and (min-width: 500px) {
  #search-filter-tab .ui-tabs-nav li.ui-tabs-selected, #search-filter-tab .ui-tabs-nav li.active, #search-filter-tab .ui-tabs-nav li.ui-state-active,
  #search-filter-tabs .ui-tabs-nav li.ui-tabs-selected,
  #search-filter-tabs .ui-tabs-nav li.active,
  #search-filter-tabs .ui-tabs-nav li.ui-state-active {
    border-bottom: none;
  }
}
#search-filter-tab .ui-tabs-nav li.ui-tabs-selected a,
#search-filter-tabs .ui-tabs-nav li.ui-tabs-selected a {
  color: #d9820b;
}
#search-filter-tab .ui-tabs-nav li.active a,
#search-filter-tabs .ui-tabs-nav li.active a {
  color: #d38110;
}
#search-filter-tab .ui-tabs-hide,
#search-filter-tabs .ui-tabs-hide {
  display: none;
}
#search-filter-tab .caltab.range a,
#search-filter-tabs .caltab.range a {
  color: #a6a08e;
  text-shadow: 0 1px 0 #fff;
}
#search-filter-tab .caltab.range.active a,
#search-filter-tabs .caltab.range.active a {
  color: #d38110;
  text-shadow: none;
}

#asSubmit {
  margin: auto;
  position: static;
  word-break: unset;
}

@media screen and (max-width: 500px) {
  #inner-content.search-results {
    padding: 0;
  }
}

@media screen and (max-width: 520px) {
  #inner-content .search-box {
    height: 13rem;
    margin: 0.5rem 0;
  }
}
@media screen and (max-width: 520px) {
  #inner-content .search-box .search-description {
    float: none;
    line-height: 1.3em;
    margin: 16px 0 0 0;
    padding-left: 1.2rem;
    width: unset !important;
  }
  #inner-content .search-box .search-description h4 {
    clear: none;
  }
  #inner-content .search-box .search-description * {
    width: unset !important;
  }
}

@media screen and (max-width: 520px) {
  #inner-content .post-connection .search-box {
    display: flex;
    flex-direction: column;
    height: unset;
  }
}
@media screen and (max-width: 768px) {
  #inner-content .post-connection .search-box .search-description {
    float: none;
    line-height: 1.3em;
    margin: 16px 0 0 0;
    padding-left: 1.2rem;
    width: unset !important;
  }
  #inner-content .post-connection .search-box .search-description * {
    width: unset !important;
  }
  #inner-content .post-connection .search-box .search-description h4 {
    clear: none;
  }
}

@media screen and (max-width: 520px) {
  .post-connection .add-search-items {
    height: 60px;
  }
  .post-connection .add-search-items a {
    top: 35px;
  }
}

.add-search-items {
  bottom: 0.5rem;
  top: unset;
}

.noevents {
  padding: 0 2rem 0 1rem;
}

@media screen and (max-width: 520px) {
  #experiences,
  #search-map {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1rem;
  }
}

@media screen and (max-width: 520px) {
  #experiences form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0.5rem;
  }
  #experiences form a {
    float: none;
    margin: 0.7rem auto;
    padding: 0 0.5rem;
  }
}

#header {
  max-width: 100%;
}
@media screen and (max-width: 1024px) {
  #header {
    overflow: hidden;
  }
}
@media screen and (max-width: 768px) {
  #header {
    background: url(images/woodPattern.jpg) repeat;
    display: grid;
    grid-template-areas: "logo  menuButton" "menu menu";
    height: unset;
    position: static;
  }
}
@media screen and (max-width: 768px) {
  #header .menu-box {
    display: flex;
    flex-direction: column;
    grid-area: menu;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease-in-out;
  }
  #header .menu-box.open {
    max-height: 100vh;
  }
}
#header .menu-box *:focus {
  outline: -webkit-focus-ring-color auto 5px;
}
#header #menuButton {
  display: none;
  grid-area: menuButton;
}
@media screen and (max-width: 768px) {
  #header #menuButton {
    box-sizing: border-box;
    display: block;
    margin-left: auto;
    padding: 3rem;
  }
}
@media screen and (max-width: 768px) and (min-width: 1024px) {
  #header #menuButton {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  #header #menuButton .line {
    border: 1px solid white;
    border-radius: 2px;
    box-sizing: border-box;
    display: block;
    transition: all 0.2s ease-in-out;
    width: 2rem;
  }
  #header #menuButton .one,
  #header #menuButton .two {
    margin: 0 0 0.5rem;
  }
  #header #menuButton.open .one {
    transform: rotateZ(45deg) translateX(4px) translateY(4px);
  }
  #header #menuButton.open .two {
    opacity: 0;
  }
  #header #menuButton.open .three {
    transform: rotateZ(-45deg) translateX(4px) translateY(-5px);
  }
}
#header #menuButton:focus {
  outline: -webkit-focus-ring-color auto 5px;
}
@media screen and (max-width: 1024px) {
  #header #nav {
    box-sizing: border-box;
    display: flex;
    max-width: 100%;
    padding-left: 215px;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #header #nav {
    background: transparent;
    display: flex;
    flex-direction: column;
    height: unset;
    padding: 1rem;
    position: static;
    width: unset;
  }
}
@media screen and (max-width: 1024px) {
  #header #nav > li {
    flex: 1;
  }
}
@media screen and (max-width: 768px) {
  #header #nav > li {
    background: #FFEFBC;
    border-radius: 4px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    float: none;
    height: unset;
    margin: 0.5rem auto;
    position: static;
    transition: width 0.25s ease-in-out;
    width: 15rem;
  }
  #header #nav > li:hover > a {
    background: transparent;
  }
  #header #nav > li.active {
    background-color: #faf4e1;
  }
}
@media screen and (max-width: 400px) {
  #header #nav > li {
    width: 12rem;
  }
}
@media screen and (max-width: 1024px) {
  #header #nav > li.active a,
  #header #nav > li a {
    padding: 1.8rem 0;
    width: unset;
  }
}
@media screen and (max-width: 768px) {
  #header #nav > li.active a,
  #header #nav > li a {
    background: none;
    color: #005030;
    font-size: 1.2rem;
    padding: 0.8rem 2rem 0.6rem;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #header #nav > li.active a span,
  #header #nav > li a span {
    align-items: center;
    display: flex;
    justify-content: space-between;
    line-height: 1;
    pointer-events: none;
  }
  #header #nav > li.active a span:after,
  #header #nav > li a span:after {
    content: "￫";
    display: inline-block;
    margin-left: 1rem;
    position: relative;
    top: -2px;
    transition: transform 0.25s ease-in-out;
  }
}
#header #nav > li.active a:focus,
#header #nav > li a:focus {
  outline: -webkit-focus-ring-color auto 5px;
}
@media screen and (max-width: 768px) {
  #header #nav > li.has-children a span:after {
    content: "￬";
  }
}
@media screen and (max-width: 768px) {
  #header #nav > li ul.children {
    background-color: #faf4e1;
    border-radius: 4px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    display: block;
    float: none;
    max-height: 0;
    overflow: hidden;
    position: static;
    transition: max-height 0.25s ease-in-out;
    width: unset;
  }
}
@media screen and (max-width: 768px) {
  #header #nav > li ul.children li {
    background-color: transparent;
  }
}
#header #nav > li ul.children a {
  background: transparent;
}
@media screen and (max-width: 768px) {
  #header #nav > li ul.children a {
    color: #005030;
  }
}
#header #nav > li ul.children a:hover {
  background-color: #faf4e1;
}
@media screen and (max-width: 768px) {
  #header #nav > li.has-children:focus-within {
    width: calc(100% - 2rem);
  }
  #header #nav > li.has-children:focus-within a span:after {
    transform: rotate(-90deg);
    transform-origin: center;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  #header #nav > li.has-children:focus-within ul.children {
    max-height: 25rem;
  }
}
#header #logo {
  grid-area: logo;
}
@media screen and (max-width: 1024px) {
  #header #logo {
    top: 27px;
  }
}
@media screen and (max-width: 768px) {
  #header #logo {
    height: unset;
    position: static;
    width: unset;
  }
}
@media screen and (max-width: 1024px) {
  #header #ancillary {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 1rem 0 0;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #header #ancillary {
    background: rgba(0, 0, 0, 0.4);
    height: unset;
    padding: 1rem;
    position: static;
    width: unset;
  }
  #header #ancillary li {
    margin: 0.5rem;
  }
}
@media screen and (max-width: 768px) {
  #header #search {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    height: unset;
    justify-content: center;
    margin: auto;
    padding: 1rem;
    position: static;
    width: unset;
  }
}
@media screen and (max-width: 768px) {
  #header #search .donate-button {
    position: static;
  }
}

@media screen and (max-width: 1024px) {
  #showMore {
    margin: 1rem auto;
    min-width: 20rem;
    width: 100%;
  }
}

#homeSlider.partner-slider {
  height: auto;
  width: 100%;
}
#homeSlider.partner-slider img:first-child {
  box-sizing: border-box;
  height: auto;
  object-fit: cover;
  object-position: center;
}

@media screen and (max-width: 1024px) {
  .partnerInner {
    box-sizing: border-box;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .partnerInnerMid {
    padding: 10px 25px;
  }
}

@media screen and (max-width: 1024px) {
  .partnerNews > div {
    margin: 1rem 0;
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  .partner-col-2 {
    border-top: 1px solid #ddd;
    padding-top: 1rem;
  }
}

@media screen and (max-width: 1024px) {
  #partnerLanding .partnerIntro.not-logged-in,
  #partnerLanding .partnerIntro,
  #partnerLanding h1.pageTitle {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  #partnerLanding h1.pageTitle span {
    display: inline-block;
    margin: auto;
    width: 65%;
  }
}

@media screen and (max-width: 1024px) {
  .partnerInner {
    background-size: 100% 100%;
  }
}

/*# sourceMappingURL=style.css.map */