body {
background: #79bc31 url('../img/body-background.jpg') top center repeat;
}

/* Typography */

h1, h2, h3, h4, h5, h6 {
color: #007e98;
margin-bottom: 10px;
font-weight: normal;
}

h1 {
font-size: 1.5em;
line-height: 1.1em;
}

h2 {
font-size: 1.7em;
line-height: 1.1em;
font-family: arial, helvetica, sans-serif;
}

h3 {
font-size: 1.5em;
color: #79bc31;
line-height: 1.1em;
margin-top: 22px;
}

h4 {
font-size: 1.2em;
color: #007e98;
font-family: arial, helvetica, sans-serif;
}

h5 {
font-size: 1.1em;
color: #79bc31;
line-height: 1.0em;
font-family: arial, helvetica, sans-serif;
}

h6 {
font-size: 1.2em;
color: #79bc31;
line-height: 0.8em;
font-weight: bold
}

a {
color: #007e98;
}

a:hover {
color: #79bc31;
}

p {
font-size: .85em;
color: #606060;
line-height: 1.3em;
}

p.blue-block-quote {
font-style: italic;
color: #007e98;
padding: 0 58px;
}

ul {
margin-left: 15px;
font-size: .85em;
color: #606060;
line-height: 1.5em;
}

ul li a {
color: #606060;
}

ul li a:hover {
color: #007e98;
}

ol {
margin-left: 19px;
font-size: 1em;
color: #79bc31;
line-height: 1.4em;
}

ul.green-list {
color: #79bc31;
}

.list-icon {
display: none;
}

.img-float-left {
float: left;
margin-right: 20px;
margin-bottom: 10px;
}

/* Buttons */

.button {
border: 0;
box-shadow: none;
background-color: #007e98;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
font-weight: 500;
font-size: 15px;
transition-duration: 0ms;
}

.button:hover {
background-color: #00768e;
}

.blue-block-quote > .button {
float: right;
font-style: normal;
margin-left: 30px;
padding: 15px 20px;
font-size: 15px;
font-weight: 500;
}

.button.green {
border: 0;
box-shadow: none;
background-color: #79bc31;
-webkit-border-radius: 250px;
-moz-border-radius: 25px;
border-radius: 25px;
padding: 5px 15px;
font-size: .9em;
letter-spacing: 1px;
font-weight: 400;
}

#footer a.button {
border: 0;
box-shadow: none;
color: #007e98;
background-color: #ffffff;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
padding: 20px 25px;
margin-right: 8px;
}

#footer a:hover.button {
background-color: #dadada;
color: #007e98;
}

#copyright p {
color: #ffffff;
}

/* Home Banner */

#home-banner {
border: 10px solid #ced3d9;
margin-bottom: 20px;
}

#home-banner-photo {
float: left;
margin-right: 20px;
}

#home-banner h2 {
font-size: 1.5em;
}

#home-banner ul {
list-style-position: inside;
}

#home-banner ul li a {
color: #606060;
font-size: 1.1em;
}

#home-banner ul li a:hover {
color: #007e98;
}

.banner-area-list {
float: left;
margin-left: 0;
margin-right: 28px;
}

.banner-button {
margin-right: 15px;
}

#banner-area-list-container {
display: block; 
height: 80px;
}

#banner-contact-text {
margin-top: 5px;
}

/* Header */

#header {
background-color: #007e98;
border-bottom: 3px solid #b6cd75;
}

#brand-logo {
height: 50px;
width: 69px;
}

/* Top Bar */

.contain-to-grid, .top-bar {
background-color: #007e98;
-webkit-border-top-left-radius: 12px;
-webkit-border-top-right-radius: 12px;
-moz-border-radius-topleft: 12px;
-moz-border-radius-topright: 12px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}

.top-bar .toggle-topbar.menu-icon a span {
-webkit-box-shadow: 0 10px 0 1px #ffffff, 0 16px 0 1px #ffffff, 0 22px 0 1px #ffffff;
box-shadow: 0 10px 0 1px #ffffff, 0 16px 0 1px #ffffff, 0 22px 0 1px #ffffff;
}

.top-bar .toggle-topbar.menu-icon a {
color: #ffffff;
}

.top-bar .name h1 a {
color: #ffffff;
line-height: 40px;
}

.top-bar-section li a:not(.button) {
background-color: #007e98;
color: #ffffff;
font-weight: 400;
font-size: .95em;
}

.top-bar-section li a:not(.button):hover {
background-color: #00768e;
color: #ffffff;
}

.top-bar.expanded .title-area {
background-color: #007e98; 
}

.top-bar-section .divider,
.top-bar-section [role="separator"] {
border-bottom: solid 1px #0999b7;
border-top: solid 1px #00687d;
}

/* Content */

#content {
background-color: #ffffff;
padding: 15px 0px;
}

#promos {
background-color: #ffffff;
padding: 15px 0px;
}

.promo-content {
padding-left: 43px;
}

.promo-content ul li {
font-size: 1.15em;
color: #a1a3a3;
line-height: 1.5em;
}

.promo-content ul li a {
color: #606060;
}

.promo-content ul li a:hover {
color: #007e98;
}

.panel.promo {
border: 0;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
min-height: 250px;
-webkit-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.13);
-moz-box-shadow:    4px 4px 5px 0px rgba(0, 0, 0, 0.13);
box-shadow:         4px 4px 5px 0px rgba(0, 0, 0, 0.13);
padding-bottom: 0;
}

.panel.promo h2 {
font-size: 1.5em;
color: #79bc31;
line-height: 1.1em;
padding-bottom: 5px;
border-bottom: 1px solid #79bc31;
font-family: "myriad-pro",sans-serif;
}

.promo-icon {
float: left;
margin-right: 8px;
}

.helpful-tips ul li {
list-style: none;
margin-bottom: 15px;
}

.helpful-tips ul li a {
color: #606060;
}

.helpful-tips ul li a:hover {
color: #007e98;
}

.helpful-tips ul li img {
margin-right: 10px;
}

.helpful-tips ul {
margin-left: 0;
}

ul#helpful-tips-list {
margin-left: 0;
}

ul#helpful-tips-list li {
list-style: none;
font-size: 1em;
}

ul#helpful-tips-list li a {
font-size: 1.18em;
}

/* Sidebar */

.sidebar h2 {
border-bottom: 1px solid #007e98;
padding-bottom: 5px;
font-size: 1.1em;
margin-bottom: 15px;
font-family: arial, helvetica, sans-serif;
}

.sidebar h3 {
font-size: 1.05em;
font-weight: 600;
margin-bottom: 0;
font-family: arial, helvetica, sans-serif;
}

p.news-exerpt {
font-style: italic;
margin-bottom: 15px;
}

p.news-date {
margin-bottom: 0;
}

.panel.newsletter-signup {
border: 0;
text-align: center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.13);
-moz-box-shadow:    4px 4px 5px 0px rgba(0, 0, 0, 0.13);
box-shadow:         4px 4px 5px 0px rgba(0, 0, 0, 0.13);
padding-bottom: 5px;
}

.panel.newsletter-signup p {
color: #007e98;
text-align: center;
}

.panel.newsletter-signup input {
color: #007e98;
}

.newsletter-signup h4 {
color: #007e98;
font-weight: 700;
font-family: arial, helvetica, sans-serif;
}

.tips-buttons {
vertical-align: middle;
margin-right: 13px;
}

.featured-sidebar-photo {
border: 5px solid #ced3d9;
margin-bottom: 20px;
position: relative;
top: -5px;
}

/* Submenu */

#submenu {
}

ul#submenu {
margin-left: 0px;
}

ul#submenu li {
list-style: none;
}

ul#submenu li a {
text-align: center;
padding: 10px;
display: block;
color: #ffffff;
font-weight: 400;
margin-bottom: 10px;
background-color: #007e98;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
font-size: 1em; 
}

ul#submenu li a:hover {
background-color: #00768e;
}


/* Footer */

#footer-section {
background-color: #007e98;
padding-top: 20px;
}

#footer a {
color: #ffffff;
}

#footer a:hover {
color: #aed253;
}

#footer p {
color: #ffffff;
font-size: .9em;
}

#footer h4 {
color: #ffffff;
font-size: 1em;
font-weight: 600;
margin-bottom: 0;
}

#footer ul {
margin-left: 0;
}

#footer ul li {
list-style: none;
}

#footer ul li a {
color: #ffffff;
font-weight: normal;
font-size: 1em;
}

#footer ul li a:hover {
color: #aed253;
}

#last-footer-row {
text-align: center;
}

#footer input {
color: #007e98;
}

.spacer-div {
height: 50px;
}


/* ====================== Media Queries ====================== */

/* Tablet Media Queries */

@media only screen and (min-width: 767px) {

body {
padding-top: 0; 
}

.panel.promo h2 {
font-size: .95em;
}

/* Banner */

#home-banner {
border: 10px solid #ced3d9;
margin-bottom: 20px;
padding-right: 20px;
position: relative;
top: -6px;
}

.right-home-banner {
padding: 15px;
}

/* Content */

#content {
background-color: #ffffff;
padding: 10px 20px;
}

.content-column {
padding-top: 15px;
}

#promos {
background-color: #ffffff;
padding: 20px 20px;
}

/* Header */

#header {
background: #007e98 url('../img/header-background.png') top center no-repeat;
background-position: 10px 6px;
}

#header.row.collapse {
height: 128px;
-webkit-border-top-left-radius: 12px;
-webkit-border-top-right-radius: 12px;
-moz-border-radius-topleft: 12px;
-moz-border-radius-topright: 12px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}

#brand-logo {
height: 99px;
width: 137px;
margin-top: 15px;
margin-left: 22px;
}


/* Top Bar */

.contain-to-grid, .top-bar {
background-color: transparent;
-webkit-border-top-left-radius: 12px;
-webkit-border-top-right-radius: 12px;
-moz-border-radius-topleft: 12px;
-moz-border-radius-topright: 12px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}

.top-bar-section ul.right {
margin-top: 50px;
margin-right: 35px;
padding-bottom: 1px;
border-bottom: 5px solid #ced3d9;
}

.top-bar-section li {
background-color: #007e98;
-webkit-border-top-left-radius: 25px;
-webkit-border-top-right-radius: 25px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-topright: 25px;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
}

ul.right {
background-color: transparent;
-webkit-border-top-left-radius: 25px;
-webkit-border-top-right-radius: 25px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-topright: 25px;
border-top-left-radius: 25px;
border-top-right-radius: 25px;

}

.top-bar-section li a:not(.button) {
background-color: #ced3d9;
color: #007e98;
-webkit-border-top-left-radius: 25px;
-webkit-border-top-right-radius: 25px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-topright: 25px;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
width: 100px;
text-align: center;
font-size: .8em;
}

.top-bar-section li a:not(.button):hover {
background-color: #ced3d9;
color: #79bc31;
}

.top-bar-section .divider,
.top-bar-section [role="separator"] {
display: none;
}

.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
border-right: solid 1px #007e98;
border-left: solid 1px #007e98;
}

/* Footer */

#footer-section {
background-color: #007e98;
padding-top: 70px;
padding-bottom: 70px;
}

.banner-button {
float: left;
margin-right: 15px;
}

ul.green-list {
color: #79bc31;
margin-left: 130px;
}

.list-icon {
display: inline;
float: left;
margin-left: 55px;
}

}


/* Desktop Media Queries */

@media only screen and (min-width: 940px) {

body {
padding-top: 46px; 
}

.panel.promo h2 {
font-size: 1.4em;
}

/* Content */

#content {
background-color: #ffffff;
padding: 10px 20px;
}

.content-column {
padding-top: 15px;
}

#promos {
background-color: #ffffff;
padding: 20px 20px;
}

.push-down {
padding-top: 25px;
}

/* Header */

#header {
background: #007e98 url('../img/header-background.png') top center no-repeat;
background-position: 10px 6px;
}

#header.row.collapse {
height: 128px;
-webkit-border-top-left-radius: 12px;
-webkit-border-top-right-radius: 12px;
-moz-border-radius-topleft: 12px;
-moz-border-radius-topright: 12px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}

#brand-logo {
height: 99px;
width: 137px;
margin-top: 15px;
margin-left: 22px;
}


/* Top Bar */

.contain-to-grid, .top-bar {
background-color: transparent;
-webkit-border-top-left-radius: 12px;
-webkit-border-top-right-radius: 12px;
-moz-border-radius-topleft: 12px;
-moz-border-radius-topright: 12px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}

.top-bar-section ul.right {
margin-top: 95px;
margin-right: 51px;
padding-bottom: 1px;
border-bottom: 5px solid #ced3d9;
}

.top-bar-section li {
background-color: #007e98;
-webkit-border-top-left-radius: 25px;
-webkit-border-top-right-radius: 25px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-topright: 25px;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
}

ul.right {
background-color: transparent;
-webkit-border-top-left-radius: 25px;
-webkit-border-top-right-radius: 25px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-topright: 25px;
border-top-left-radius: 25px;
border-top-right-radius: 25px;

}

.top-bar-section li a:not(.button) {
background-color: #ced3d9;
color: #007e98;
-webkit-border-top-left-radius: 25px;
-webkit-border-top-right-radius: 25px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-topright: 25px;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
width: 108px;
text-align: center;
font-size: .9em;
}

.top-bar-section li a:not(.button):hover {
background-color: #ced3d9;
color: #79bc31;
}

.top-bar-section .divider,
.top-bar-section [role="separator"] {
display: none;
}

.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
border-right: solid 1px #007e98;
border-left: solid 1px #007e98;
}

/* Footer */

#footer-section {
background-color: #007e98;
padding-top: 40px;
padding-bottom: 70px;
}

.banner-button {
float: left;
margin-right: 15px;
}

ul.green-list {
color: #79bc31;
margin-left: 130px;
}

.list-icon {
float: left;
margin-left: 55px;
}

.list-icon {
display: inline;
float: left;
margin-left: 55px;
}

}