.front-page-2 .widget-title {
text-align: center;
}

.blog .content {
    padding: 0rem 0;
}

.fa, .fab, .fal, .far, .fas {
    font-size: 3em;
color: #094a80;
}

.responsive-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

.responsive-container iframe,
.responsive-container object,
.responsive-container embed,
.responsive-container video
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.front-page-3 .widget,
.front-page-4 .widget {
text-align:center;
}

.front-page-9,
.front-page-9:before {
background-color: #094a80;
}

.front-page-6 .widget-title {
text-align:center;
}

.button,
.button.outline {
width: 100%;
text-align:center;
}

.footer-credits .wrap {
    padding: 4rem 4rem;
}


.front-page-1 h1 {
    font-size: 1.9em;
max-width: 65%;
}

@media (min-width: 768px) {
.front-page-1 h1 {
    font-size: 4.4em;
max-width:80%;
}
}

.front-page-7 {
background-color: #094a80 !important;
}

.front-page-7 ul blockquote,
ul.testimonials-list h5 {
color: #fff;
}

@media (min-width: 768px) {
.footer-credits .widget:last-of-type {
    text-align: left;
}
}

.gs_logo_single {
padding-left: 20px;
}

.front-page-2 {
padding-left:3rem;
padding-right:3rem;
}

@media (min-width: 768px) {
.front-page-widget {
    padding: 5rem 0;
}
}

.front-page-1 h1 {
font-family: 'Fjalla One', sans-serif;
}

.widget-title,
h3 {
font-family: 'Staatliches', cursive;
}

@media (min-width: 896px) {
.hero-section {
    padding: 16rem 0;
}
}

@media (min-width: 768px) {
.hero-section {
    padding: 12rem 0;
}
}

@media (min-width: 768px) {
.page .content, .single .content, .error404 .content {
    margin: -4rem auto 3rem;
}
}

.site-header > .wrap {
    max-width: 1600px;
}
}

.before-header {
background: #094a80;
}

.front-page-2 {
text-align: center;
}

.widget-title {
color:  #094a80;
}

.front-page-6 .widget-title,
.front-page-9 .widget-title {
color: #fff;
}

.menu-item a {
font-size: 16px;
}

ul.testimonials-list li:before {
color:#fff !important;
}

.front-page-2 .one-third {
padding-bottom: 20px;
}

@media (min-width: 768px) {
.site-inner {
background:#094a80;
}

.front-page-4 .one-half.first {
padding: 0 50px;
}

.front-page-3 .textwidget {
padding: 0 50px;
}
}

.weather-atlas-wrapper .weather-atlas-footer {
display:none;
}

.entry-title {
font-family: 'Fjalla One', sans-serif;
}

.simple-weather-table {
max-width: 600px;
}

.before-header {
color: #fff;
}

.genesis-responsive-menu.activated {
background-color:#094a80;
}

.menu-item a, .menu-item a:hover,  .menu-item a:focus, .menu-item.current-menu-item > a {
color:#fff;
}

@media (min-width: 1220px) {
.menu-item a {
color: #2a3139;
}

.menu-item a:hover,  .menu-item a:focus, .menu-item.current-menu-item > a {
color:#094a80;
}
}

.menu-toggle.activated span:before, .menu-toggle.activated span:after, .shrink .menu-toggle span:before, .shrink .menu-toggle span:after {
color: #fff !important;
}

.menu-item.current-menu-item > a {
text-decoration:underline;
}

.front-page-4 {
padding: 6rem 0 0 0 !important;
}

@media only screen and (min-width: 641px) {
.gform_wrapper .gform_body,
.gform_wrapper .gform_footer {
    width: 69%;
    margin: auto;
}
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
width: 100%;
}

.gform_wrapper .gfield_required {
    color: #094a80;
}

.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
    margin: -12px 0 9px 1px;
}

input,
textarea {
border-radius: 0;
}

.before-header .wrap {
z-index: 9999;
}

.weather-atlas-wrapper {
border:none !important;
}

.weather-atlas-wrapper .weather-atlas-header,
.weather-atlas-header {
background:none;
border-bottom: none !important;
}

.menu-toggle.activated span:before, .menu-toggle.activated span:after, .shrink .menu-toggle span:before, .shrink .menu-toggle span:after {
    background: #fff !important;
}

.before-header {
font-size: 1.4rem;
}

.before-header {
    padding: 0 50px;
}

@media (min-width: 1220px) {
.before-header {
    padding: 0 0;
}
}

@media (min-width: 1152px) {
.menu-item {
    padding: 0 .5em;
}
}

.before-header {
background-color: #094a80;
}

.facebook-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.facebook-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.archive-title {
font-family: 'Fjalla One', sans-serif;
}

.archive-title {
font-size:2.3em;
}

@media (min-width: 768px) {
.archive-title {
font-size:3em;
}
}

.google-auto-placed {
    margin-top: 2em;
    margin-bottom: 2em;   
}

.google-auto-placed {
    margin-top: 2em;
    margin-bottom: 2em;   
}

@media (min-width: 896px) {
.mysticky-welcomebar-fixed-wrap,
.mysticky-welcomebar-fixed *,
.mysticky-welcomebar-fixed-wrap {
display:none !important;
}
}

@media only screen and (max-width: 480px) {
.mysticky-welcomebar-fixed-wrap {
    padding: 10px 10px 10px 10px !important;
}
}

/* Three image containers (use 25% for four, and 50% for two, etc) */
.column {
  float: left;
  width: 20%;
  padding: 0 20px;
}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
}

/* Featured posts for radar page */
.display-posts-listing.grid {
	display: grid;
	grid-gap: 16px;
}

.display-posts-listing.grid .title {
	display: block;
}

.display-posts-listing.grid img { 
	display: block; 
	max-width: 100%; 
	height: auto; 
}

@media (min-width: 600px) {
	.display-posts-listing.grid {
		grid-template-columns: repeat( 2, 1fr );
	}
}

@media (min-width: 1024px) {
	.display-posts-listing.grid {
		grid-template-columns: repeat( 3, 1fr );
	}
}

/* Five image containers (use 25% for four, and 50% for two, etc) */
.sidebysidecolumn {
  float: left;
  width: 50%;
  padding: 10px;
}

/* Clear floats after image containers */
.sidebysiderow::after {
  content: "";
  clear: both;
  display: table;
}