/* overwrite CSS */
html,body {background-color: #f9f4ea; background-image: url(../img/bg-pattern-1.png); background-repeat: no-repeat;}
.top-bar {height: 65px;}
.top-bar-section ul {background: none;}
.top-bar-section ul li {background: none;}
.top-bar-section ul li a:hover {background: none;}
.top-bar-section ul li > a {color: #544012; background: none}
.top-bar-section li:not(.has-form) a:not(.button) {background: none; line-height: 65px; text-transform: uppercase; letter-spacing: 1px; color: #876500; padding: 0 10px}
.top-bar-section li:not(.has-form) a:not(.button):hover {background: none; color: #f9f4ea}
.top-bar img {width: 15em; margin: .5em}

h1 {font-family: 'Crimson Text', serif; letter-spacing: .125em; color: #5a8c38; text-transform: uppercase; font-size: 2em; font-weight: 600; line-height: 1em; margin-top: 0}
h2 {font-family: 'Crimson Text', serif; color: #5a8c38; font-size: 1.6em; font-weight: 600}
p {font-family: 'Crimson Text', serif; font-size: 1.3em; line-height: 140%; color: #876500}
ul {margin-left: 3em}
ul li {font-family: 'Crimson Text', serif; font-size: 1.3em; line-height: 140%; color: #876500;}
.small-12 ul li a {color: #5a8c38; text-decoration: underline}
.small-12 ul li a:hover, .small-12 ul li a:focus {cursor: pointer; color: #5a8c38;}
h1 a, h2 a, h3 a, p a {color: #5a8c38; text-decoration: underline}
h1 a:hover, p a:focus, h2 a:hover, p a:focus, h3 a:hover, p a:focus, p a:hover, p a:focus {cursor: pointer; color: #5a8c38;}
p.caption {font-size: 16px; font-style: italic; margin-top: 10px}

.orbit-container .orbit-bullets li {background: #b5cd9e; width: 1rem; height: 1rem; margin-right: 12px;}
.orbit-container .orbit-bullets li.active {background: #5a8c38;}
.left {padding-top: 1em;}

/* additional CSS */
.stem {margin-top: -140px; background-image: url(../img/transparent-stem.png); background-size: 100%; width: 100%; height: 300px; background-repeat: no-repeat}
.padUpTop {padding-top: 25px}
.italics {font-style: italic}
.fullWidth {width: auto; max-width: 100%}
.borderGreen {border: 1px solid #a2bc86; border-left: none; border-right: none}
.testimonials {padding: 1.5em; text-align: center}
.testimonials i {color: #a2bc86}
.testimonials h2 {font-family: 'Crimson Text', serif; font-size: 2em; font-style: italic; color: #5a8c38; text-transform: none; letter-spacing: 0}
.testimonials h3 {font-family: 'Crimson Text', serif; font-size: 1.2em; color: #5a8c38}
.footStrip {background-image: url(../img/background-stripes.gif); background-repeat: repeat-x; height: 2em; overflow: none;}
.picBorder {border-top: 2px solid #5a8c38; border-bottom: 5px solid #5a8c38}

#extraSpace {height: 100px}
#footer {position: fixed; bottom: 0; width: 100%;}
#footer p {font-size: 100%; font-style: italic; text-align: center; margin: 0; padding: 1.5em 0 .5em 0; background-color: #f9f4ea;}

.button {background-color: #5fa12e; border-color: #3d7016;}
button:hover, button:focus, .button:hover, .button:focus {background-color: #3d7016;}
hr {border-top: 1px solid #a2bc86;}

@media only screen and (max-width: 1140px) {
.stem {margin-top: -140px; background-image: url(../img/transparent-stem.png); background-size: 100%; width: 100%; height: 210px; background-repeat: no-repeat}
}

@media only screen and (max-width: 1024px) {
.stem {display: none}
.top-bar {background-color: #b5cd9e; border-bottom: 1px solid #5a8c38; margin-bottom: 1em; height: 82px}
.top-bar-section li:not(.has-form) a:not(.button) {padding: 0 5px; letter-spacing: 0;}
}

@media only screen and (max-width: 640px) {
.top-bar.expanded .title-area {background: #b5cd9e;}
.top-bar-section ul {background-color: #b5cd9e}
.top-bar .name {height: 75px;}
.top-bar-section ul li > a {padding: 0; text-align: center}
.top-bar-section li:not(.has-form) a:not(.button) {line-height: 40px}
.top-bar .toggle-topbar.menu-icon a {color: #876500; font-size: .8em; line-height: 2.4em;}
.top-bar .toggle-topbar.menu-icon a::after {box-shadow: 0 10px 0 1px #876500, 0 16px 0 1px #876500, 0 22px 0 1px #876500}
}