/* Body Styling */
*, html, body,
h1, h2, h3, h4, h5, h6, 
p, li, dd, dl, 
select, input,
.top-bar-section ul li > a, 
button, .button, 
.pricing-table .title, .pricing-table .price, 
.tabs dd > a, .tabs .tab-title > a, 
.side-nav, .side-nav li.active > a:first-child:not(.button), 
.accordion .accordion-navigation > a, .accordion dd > a, 
.sub-nav dt, .sub-nav dd, .sub-nav li, 
.label { font-family: 'Open Sans', Arial, sans-serif; font-weight:300; color: #444; }

body { margin: 0;padding: 0;width: 100%; background: #b4c4a7;  background-size: cover; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

img { height: auto !important; }
p img { margin-bottom: 1rem; }

header { margin-top: 1rem; }
footer { padding-top: 1rem; }
.row, .contain-to-grid .top-bar { max-width: 85rem; }

h1 {font-size: 1.6em;font-weight: 500;letter-spacing: -1.5px;}
h2 {font-size: 1.4em;font-weight: 500;letter-spacing: -1.5px;}
h3 {font-size: 1.2em;font-weight: 500;letter-spacing: -1.5px;}

a {color: #6c8655;text-decoration: none;line-height: inherit;}

/* Navigation Styling */

.top-bar-section .has-dropdown > a:after {top:2.95rem;border-color:rgba(0, 0, 0, 0.4) transparent transparent transparent;}
.contain-to-grid, .top-bar {background:none;}
.fixed { box-shadow: 0 0 3px #cccccc;background:#333; }
.top-bar-section ul li > a { font-size: 1.1rem;font-weight:300; }
.top-bar-section .dropdown li a {font-weight:300;}
.top-bar li.name {font-weight:300;font-size: 1.1rem;color: #fff;display: block;padding:0 0.9375rem;line-height: 2.8125rem;margin: 0;height: auto;}
.top-bar .toggle-topbar.menu-icon a { z-index: 10000; color: #fff; text-transform: none;font-size: 1.1rem; font-weight: normal; }
.top-bar-section li:not(.has-form) a:not(.button) {color:#fff;background:none;font-size:1rem;padding: 1.5em 0.9375rem;}
.top-bar-section li:not(.has-form) a:not(.button) {color: #fff;background: none;font-size: 1.2rem;padding: 1em 0.9375rem;font-weight: 400;letter-spacing: -1px;}
.top-bar-section li:not(.has-form) a:not(.button):hover {background:none;color:#fff;text-decoration:underline;}
.top-bar-section ul li:hover:not(.has-form) > a {background:none;color:#fff;}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {line-height:45px;}
.top-bar-section ul li {background:none;font-size:0.9em}
.top-bar-section ul {width: auto;height: auto !important;display: inline;margin-top: -14px;margin-bottom: -14px;}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {background:#E4E4E4;color:#222;padding: 0rem 0.9375rem;}
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {background:#E4E4E4;color:#000;}
.top-bar.expanded .title-area {background:none;}
.top-bar-section li.active:not(.has-form) a:not(.button) {padding:1.5rem 0.9375rem;background:none;text-decoration:underline;color:#6c8655;}
.top-bar-section li.active:not(.has-form) a:not(.button) {padding:1rem 0.9375rem;background:none;text-decoration:underline;color:#6c8655;}
.top-bar-section li.active:not(.has-form) a:not(.button):hover {background:none;color:#fff;}
.top-bar .toggle-topbar.menu-icon a span::after {box-shadow: 0 0 0 1px #888, 0 7px 0 1px #888, 0 14px 0 1px #222;}
.top-bar-section .has-dropdown > a::after  { margin-top: -0.5rem; }
.top-bar-section li:not(.has-form).has-dropdown > a, .top-bar-section li.active:not(.has-form) a:not(.button) {padding-bottom:0;}
.tab-bar .menu-icon span::after {box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;}
.tab-bar {background:#333;}
.left-small {border-right:none;}
.tab-bar h3 a {color:#000;}

/* Social Icons Styling */

.fi-social-facebook, .fi-social-twitter, .fi-social-google-plus, .fi-rss { color: #fff; padding: 0px 0.4rem;  }
.top-bar .fi-social-facebook, .top-bar .fi-social-twitter, .top-bar .fi-social-google-plus, .top-bar .fi-rss { margin: 0px 0px 0px -1.5rem; }
.fi-social-facebook:hover, .fi-social-twitter:hover, .fi-social-google-plus:hover, .fi-rss:hover { background: #ddd }

.fi-social-twitter { background: #6caddf; }
.fi-social-facebook { background: #3b579d; }
.fi-social-google-plus { background: #c00; }
.fi-rss { background: #ff9900; }

.fi-social-twitter:hover { color: #6caddf; }
.fi-social-facebook:hover { color: #3b579d; }
.fi-social-google-plus:hover { color: #c00; }
.fi-rss:hover { color: #ff9900; }

.size-12 { font-size: 12px; }
.size-14 { font-size: 14px; }
.size-16 { font-size: 16px; }
.size-18 { font-size: 18px; }
.size-21 { font-size: 21px; }
.size-24 { font-size: 24px; }
.size-36 { font-size: 36px; }
.size-48 { font-size: 48px; }
.size-60 { font-size: 60px; }
.size-72 { font-size: 72px; }

.fi-page-edit {margin-left:-25px;float:right;}

/* Slide Styling */

.slide-white .row { background: #fff; color:#272727; margin:0 auto; overflow:hidden; padding:10px 0; width:100%; }
.slide-blue { background: #2a4a9b; color:#272727; margin:0 auto;overflow:hidden; width:100%; }
.slide-grey { background: #f4f4f4; color: #fff; }
.slide-background-1 { color: #444; margin: 0; position:relative; width:100%; }
.slide-background-5 { background: url(../img/2.jpg) 50% 0 no-repeat fixed #222; color: #fff; padding: 150px 0; background-size: cover; }
.slide-breadcrumbs .row .colsumns {-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}
.slide-breadcrumbs { color: #000; margin: 0 auto; overflow: hidden; padding: 0; width: 71.5%; }
.slide-breadcrumbs .contain-to-grid { background-color: #f2f2f2; border-bottom: 1px solid #d8d8d8; }
.slide-breadcrumbs .columns ul { margin: 0; }
.slide-breadcrumbs .columns ul.pagination li a { font-weight: 400; color: #444; border-radius: 0; letter-spacing: -1px; }
.slide-breadcrumbs .columns ul.pagination li a:hover { background-color: #999; color: #fff;}

.slide-blue h1, .slide-blue h2, .slide-blue h3, .slide-blue p, .slide-blue a { color:#fff; }
/*.slide-grey h3 { text-align:left; color:#333; }*/
.slide-background-1 h1, .slide-background-1 h2, .slide-background-1 h3, .slide-background-1 h4, .slide-background-1 h5, .slide-background-1 p { color:#000; margin:0.5rem; }

/* Grid Styling */

.component-grid, .grid { width: 100%; max-width: 100%; padding-bottom: 0; }
.component-grid { padding: 0px; }
.grid figure {position: relative; float: left; overflow: hidden; margin: 10px 0px; min-width: 100%; max-width: 480px;
              max-height: 360px; background: #3085a3; text-align: center; cursor: pointer;}
.grid figure figcaption {padding:1em;}
.grid figure img {margin-left: auto;margin-right: auto;width: 100%;height:auto!important;display:block;}
.grid figure h2, .grid figure p {color:#fff;word-spacing:0;}
.grid figure h2 {font-size:1.75rem;font-weight:600;}
.component-grid li {width:33%}
.component-grid figure {width: 100%; max-width: 100%;}
.component-grid figure img {margin-left: auto; margin-right: auto; width: 100%;}

figure.effect-oscar figcaption {background:none;}

/* Edit Link Styling */

.editLink {float:none !important; position: fixed; bottom: -2px; left: 46%; border-radius: 10px 10px 0 0 !important; background: #15c !important;
           box-shadow: 0px 0px 5px #999, 0px 2px 3px #4ae inset; width: auto !important; height: 55px; text-align: center; padding: 10px 10px 0px 10px !important;
           vertical-align: center; z-index: 100000;}

img.left { float: left; margin: 5px 20px 10px 0px; }
img.right { float: right; margin: 5px 0px 10px 20px; }
.calendar img {max-width:none;}

/* Button Styling */

.button {background: #eee;border-radius: 2px;border: 0;box-shadow: 1px 1px 2px #999;margin-bottom: 0.5em;width: 100%;color: #6c8655;text-shadow: 1px 1px 1px #fff;}

.button:hover { background: #6c8655; color: #fff; text-shadow: none;}

button.tiny, .button.tiny {padding-top: 0.625rem;padding-right: 1.25rem;padding-bottom: 0.6875rem;padding-left: 1.25rem;font-size: 15px;}

/* Your Style Changes Below */

// Small screens
@media only screen {.main-content-row {margin-top:45px;}} /* Define mobile styles */

@media only screen and (max-width: 40em) {.main-content-row {margin-top:45px;}} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

// Medium screens
@media only screen and (min-width: 40.063em) {.main-content-row {margin-top:45px;}} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {.main-content-row {margin-top:45px;}} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */