.gform_wrapper div.validation_error {
margin-top: 50px !important;
padding: 80px 20px !important;
background-color: red !important;
border-radius: 4px !important;
border: 3px solid crimson !important;
color: white !important; }
#sub-footer-space {
background-color: rgba(0, 0, 0, 0.05);
margin: 0;
padding: 0; }
#logo-graphic {
width: 160px;
display: block;
margin: 0 auto; }
@media (min-width: 980px) {
#logo-graphic {
width: 170px; } }
@media (min-width: 1200px) {
#logo-graphic {
margin: 0;
width: 190px; } }
.site-title,
.site-description {
display: none; }
.hero-featured-excerpt {
color: #00648a; }
#hero-super-simple {
margin: 0;
padding: 0 0 20px 0; }
@media (min-width: 980px) {
#hero-super-simple {
padding-bottom: 25px; } }
@media (min-width: 1600px) {
#hero-super-simple {
padding-bottom: 30px; } }
.footer-page-list {
list-style: none !important; }
.footer-page-list li {
margin-bottom: 25px; }
#bottom-footer-space {
background-color: #F7F7F7; }
@media (min-width: 600px) {
#footer-columns {
display: flex;
flex-wrap: wrap; } }
.footercol-1 {
width: 100%; }
@media (min-width: 600px) {
.footercol-1 {
width: 50%; } }
@media (min-width: 1200px) {
.footercol-1 {
width: 30%; } }
.footercol-2 {
width: 100%; }
@media (min-width: 600px) {
.footercol-2 {
width: 50%; } }
@media (min-width: 1200px) {
.footercol-2 {
width: 48%;
padding-right: 50px; } }
.footercol-3 {
width: 100%; }
@media (min-width: 1200px) {
.footercol-3 {
width: 22%; } }
@media (min-width: 600px) {
.footercol-3 p {
display: inline-block;
margin-right: 15px; } }
@media (min-width: 1200px) {
.footercol-3 p {
display: block; } }
h1, h2, h3, h4, h5, h6 {
color: #474747;
font-weight: 500; }
h1 {
font-size: 32px;
line-height: 32px;
margin: 20px 0 10px 0; }
@media (min-width: 700px) {
h1 {
font-size: 45px;
line-height: 43px;
margin: 25px 0 15px 0; } }
@media (min-width: 980px) {
h1 {
font-size: 50px;
line-height: 49px;
margin: 30px 0 17px 0; } }
@media (min-width: 1200px) {
h1 {
font-size: 60px;
line-height: 60px; } }
@media (min-width: 1600px) {
h1 {
font-size: 70px;
line-height: 70px;
margin-bottom: 20px; } }
h2 {
font-size: 24px;
line-height: 24px;
margin: 25px 0 7px 0; }
@media (min-width: 700px) {
h2 {
font-size: 28px;
line-height: 28px;
margin: 30px 0 8px 0; } }
@media (min-width: 980px) {
h2 {
font-size: 32px;
line-height: 32px;
margin: 35px 0 9px 0; } }
@media (min-width: 1200px) {
h2 {
font-size: 36px;
line-height: 36px;
margin: 40px 0 10px 0; } }
@media (min-width: 1600px) {
h2 {
font-size: 40px;
line-height: 40px; } }
h3 {
font-size: 22px;
line-height: 22px;
margin: 25px 0 7px 0; }
@media (min-width: 700px) {
h3 {
font-size: 24px;
line-height: 24px;
margin: 30px 0 8px 0; } }
@media (min-width: 980px) {
h3 {
font-size: 26px;
line-height: 26px;
margin: 35px 0 9px 0; } }
@media (min-width: 1200px) {
h3 {
font-size: 28px;
line-height: 28px;
margin: 40px 0 10px 0; } }
@media (min-width: 1600px) {
h3 {
font-size: 32px;
line-height: 32px; } }
h4 {
font-size: 20px;
line-height: 20px;
margin: 20px 0 7px 0; }
@media (min-width: 700px) {
h4 {
font-size: 21px;
line-height: 21px;
margin: 30px 0 8px 0; } }
@media (min-width: 980px) {
h4 {
font-size: 23px;
line-height: 23px;
margin: 35px 0 9px 0; } }
@media (min-width: 1200px) {
h4 {
font-size: 25px;
line-height: 25px;
margin: 40px 0 10px 0; } }
@media (min-width: 1600px) {
h4 {
font-size: 27px;
line-height: 27px; } }
h5 {
font-size: 20px;
line-height: 20px;
margin: 25px 0 7px 0;
font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
font-weight: normal;
letter-spacing: -1px; }
@media (min-width: 700px) {
h5 {
font-size: 24px;
line-height: 24px;
margin: 30px 0 8px 0; } }
@media (min-width: 980px) {
h5 {
font-size: 28px;
line-height: 28px;
margin: 35px 0 9px 0; } }
@media (min-width: 1200px) {
h5 {
font-size: 32px;
line-height: 32px;
margin: 40px 0 10px 0; } }
@media (min-width: 1600px) {
h5 {
font-size: 36px;
line-height: 36px; } }
h6 {
font-size: 16px;
line-height: 16px;
margin: 25px 0 7px 0;
font-weight: bold;
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase; }
@media (min-width: 700px) {
h6 {
font-size: 17px;
line-height: 17px;
margin: 30px 0 8px 0; } }
@media (min-width: 980px) {
h6 {
font-size: 18px;
line-height: 18px;
margin: 35px 0 9px 0; } }
@media (min-width: 1200px) {
h6 {
font-size: 19px;
line-height: 19px;
margin: 40px 0 10px 0; } }
@media (min-width: 1600px) {
h6 {
font-size: 20px;
line-height: 20px; } }
blockquote {
border-left: 1px solid gold;
margin: 30px 5%;
padding-left: 20px;
font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
font-style: italic;
color: #0076a3;
font-size: 18px;
line-height: 20px; }
@media (min-width: 700px) {
blockquote {
font-size: 20px;
line-height: 22px; } }
@media (min-width: 980px) {
blockquote {
font-size: 22px;
line-height: 24px;
margin: 40px 5% 40px 5%;
max-width: 900px; } }
@media (min-width: 1200px) {
blockquote {
font-size: 24px;
line-height: 26px;
margin: 40px 0 40px 5%; } }
@media (min-width: 1600px) {
blockquote {
font-size: 26px;
line-height: 28px; } }
#filter-grid {
position: relative;
display: block;
width: 100%; }
#filter-grid:after {
content: '';
display: block;
clear: both; }
#filters-space {
padding: 10px 0 30px 0; }
.filters {
text-align: center; }
.filter-ui-group {
display: inline-block;
margin: 0 35px; }
.filter-button-group:after {
content: '';
display: block;
clear: both; }
.filter-button {
display: inline-block;
padding: 10px 15px;
background: #EEE;
border: none;
border-radius: 3px;
background: white;
border: 1px solid #28F;
color: #28F;
font-family: sans-serif;
font-size: 16px;
margin: 5px;
cursor: pointer; }
.filter-button:hover {
background-color: crimson;
color: white;
border: 1px solid crimson; }
.filter-button:active,
.filter-button.is-checked {
background-color: #28F; }
.filter-button.is-checked {
color: white; }
.filter-title {
margin: 30px 0 7px 0;
text-transform: uppercase;
letter-spacing: 0.1em;
font-size: 80%; }
.filter-ui-group .filter-button-group {
display: inline-block; }
.filter-item-single,
.filter-item-single .filter-item-image,
.filter-item-single .filter-item-title {
text-decoration: none !important; }
.filter-item-single {
position: relative;
display: inline-block;
width: 31%;
height: auto;
padding: 10px;
margin: 1%;
overflow: auto;
border-radius: 4px;
border: 1px solid rgba(55, 133, 251, 0.2);
-webkit-box-shadow: 0px 2px 10px rgba(55, 133, 251, 0.08);
box-shadow: 0px 2px 10px rgba(55, 133, 251, 0.08);
background-color: white; }
.filter-item-single:hover {
-webkit-box-shadow: 0px 2px 10px rgba(55, 133, 251, 0.35);
box-shadow: 0px 2px 10px rgba(55, 133, 251, 0.35);
transition: all 0.4s ease-in-out; }
.filter-item-image {
position: relative;
margin: 0;
width: 100%; }
.filter-item-image img {
width: 100%;
height: auto; }
.filter-item-content-space {
padding: 30px 20px 10px 20px; }
.filter-item-title {
margin: 0 0 8px 0;
color: #0076a3; }
.filter-item-excerpt {
color: #444; }
#filter-search-fun {
width: 100%;
padding: 20px 0; }
#filter-search-box {
padding: 10px 15px;
color: #141414;
width: 80%;
max-width: 900px;
border-radius: 4px;
border: 1px solid gray;
background-color: white; }
.cta-box-1-image {
height: 200px;
background-repeat: no-repeat;
background-size: cover;
background-position: center; }
@media (min-width: 980px) {
.cta-box-1-image {
height: 220px; } }
@media (min-width: 1200px) {
.cta-box-1-image {
height: 240px; } }
#cta-box-1 {
padding: 60px 0; }
#google-map {
padding: 70px 0; }
#town-box {
padding: 0 0 50px 0; }
#town-box .default-wrapper {
padding-left: 5%; }
.cta-box-single {
margin-bottom: 40px; }
@media (min-width: 980px) {
.cta-box-single {
margin-bottom: 0; } }
.hp-slider-single {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.hp-slider-content-box {
position: absolute;
bottom: 20px;
left: 5%;
right: 5%;
background-color: rgba(0, 0, 0, 0.85);
color: rgba(255, 255, 255, 0.8);
padding: 0px 30px 10px 30px; }
@media (min-width: 760px) {
.hp-slider-content-box {
left: 9%;
right: 9%;
padding: 0px 30px 10px 30px; } }
@media (min-width: 980px) {
.hp-slider-content-box {
right: auto;
width: 70%;
padding: 0px 35px 10px 35px;
bottom: 30px; } }
@media (min-width: 1200px) {
.hp-slider-content-box {
width: 60%;
padding: 0px 30px 10px 30px; } }
@media (min-width: 1600px) {
.hp-slider-content-box {
padding: 5px 40px 15px 30px;
bottom: 40px; } }
.hp-slider-content-box h2,
.hp-slider-content-box h3,
.hp-slider-content-box h4 {
color: white; }