@charset "UTF-8";
/*!
Theme Name: Hassle Free
Theme URI: http://underscores.me/
Author: Bjarni Wark
Author URI: https://hasslefreewebsite.com.au/
Description: Hassle Free Website – Making Websites Easier for You
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hasslefree
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Hassle Free is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5; }

h1, h2, h3, h4, h5, h6 {
  clear: both;
  margin: 0;
  font-family: 'Playfair Display', serif;
  font-weight: 400; }

.headline {
  text-shadow: 1px 1px 2px black; }

p {
  margin-bottom: 1.5em; }

dfn, cite, em, i {
  font-style: italic; }

blockquote {
  margin: 0 1.5em;
  border-left: 2px solid red;
  padding-left: 1.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem; }

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

mark, ins {
  background: #fff9c0;
  text-decoration: none; }

big {
  font-size: 125%; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit; }

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */ }

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

ul, ol {
  margin: 0 0 1.5em 0; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

.content-main ul {
  margin-top: 1.5em; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */ }

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */ }

table {
  margin: 0 0 1.5em;
  width: 100%; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: .6em 1em .4em; }
  button:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa; }
  button:active, button:focus,
  input[type="button"]:active,
  input[type="button"]:focus,
  input[type="reset"]:active,
  input[type="reset"]:focus,
  input[type="submit"]:active,
  input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="number"]:focus,
  input[type="tel"]:focus,
  input[type="range"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="time"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="color"]:focus,
  textarea:focus {
    color: #111; }

select {
  border: 1px solid #ccc; }

textarea {
  width: 100%; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: orange; }
  a:visited {
    color: orange; }
  a:hover, a:focus, a:active {
    color: midnightblue; }
  a:focus {
    outline: thin dotted; }
  a:hover, a:active {
    outline: 0; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation a {
  color: white; }
  .main-navigation a:visited {
    color: white; }
  .main-navigation a:hover, .main-navigation a:focus, .main-navigation a:active {
    color: orange; }
  .main-navigation a:focus {
    outline: thin dotted; }
  .main-navigation a:hover, .main-navigation a:active {
    outline: 0; }

.bleednav {
  background-color: #2b61aa; }

.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%;
  background-color: #2b61aa; }
  .main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
    float: right; }
    .main-navigation ul ul {
      box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
      float: left;
      position: absolute;
      top: 100%;
      left: -999em;
      z-index: 99999;
      background-color: #2b61aa; }
      .main-navigation ul ul ul {
        left: -999em;
        top: 0; }
      .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
        left: 100%; }
      .main-navigation ul ul a {
        width: 200px;
        padding: .5em; }
    .main-navigation ul li:hover > ul,
    .main-navigation ul li.focus > ul {
      left: auto; }
  .main-navigation li {
    float: left;
    position: relative; }
  .main-navigation a {
    display: block;
    text-decoration: none;
    padding: 1.25em 1.75em 1.25em 0; }

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block; }

.main-navigation.toggled ul {
  width: 100%; }

/* BJ edits. */
.menu-toggle {
  background: url(img/burger.png) right center no-repeat;
  margin: 1.5em 0;
  border: none;
  float: right;
  color: black;
  padding-right: 3em; }

.main-navigation.toggled {
  width: 100%; }

.toggled li {
  float: none;
  border-top: 1px dotted grey; }

.toggled ul {
  padding: 0; }

.toggled ul ul {
  display: block;
  float: none;
  position: relative;
  top: 0;
  margin: 0;
  border-top: none;
  padding-top: 0; }

.main-navigation.toggled ul ul {
  left: 0;
  box-shadow: none; }

.main-navigation.toggled a {
  padding: 10px 0; }

.main-navigation.toggled ul ul a {
  padding-left: 1em;
  background: url(img/arrow.png) 0em center no-repeat;
  display: block;
  width: 100%; }

/* BJ edits END. */
@media screen and (min-width: 70em) {
  .menu-toggle {
    display: none; }
  .main-navigation ul {
    display: block; }
  .main-navigation {
    margin: .75em 0; } }

.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden; }

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%; }

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%; }

.post-navigation:after {
  content: "";
  clear: both;
  display: table;
  padding-bottom: 2em; }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }
  .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0; }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */ }
  .widget select {
    max-width: 100%; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block; }

.hentry {
  margin: 0 0 1.5em; }

.updated:not(.published) {
  display: none; }

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0; }

.page-links {
  clear: both;
  margin: 0 0 1.5em; }

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word; }

.bypostauthor {
  display: block; }

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%; }

/* Make sure logo link wraps around logo image. */
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .wp-caption .wp-caption-text {
    margin: 0.8075em 0; }

.wp-caption-text {
  text-align: center;
  font-size: .875em;
  color: black;
  font-style: italic; }

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }
  .gallery-columns-2 .gallery-item {
    max-width: 50%; }
  .gallery-columns-3 .gallery-item {
    max-width: 33.33%; }
  .gallery-columns-4 .gallery-item {
    max-width: 25%; }
  .gallery-columns-5 .gallery-item {
    max-width: 20%; }
  .gallery-columns-6 .gallery-item {
    max-width: 16.66%; }
  .gallery-columns-7 .gallery-item {
    max-width: 14.28%; }
  .gallery-columns-8 .gallery-item {
    max-width: 12.5%; }
  .gallery-columns-9 .gallery-item {
    max-width: 11.11%; }

.gallery-caption {
  display: block; }

/*--------------------------------------------------------------
# Hassle Free HQ
--------------------------------------------------------------*/
/**
					BREAKPOINTS
	37.5em =  600px
	40em = 640px
	48em = 768px
	50em = 800px
	64em = 1024px
	70em = 1120px
	80em = 1280px
	**************/
@media (min-width: 80em) {
  /* 80em = 1280px */ }

@media (min-width: 64em) {
  /* 64em = 1024px */ }

@media (min-width: 50em) {
  /* 	50em = 800px */ }

@media (min-width: 37.5em) {
  /* 37.5em =  600px */ }

@media (max-width: 48em) {
  /* 	BELOW 50em = 800px */ }

@media (max-width: 37.5em) {
  /* BELOW 37.5em =  600px */ }

/**
					COLOURS
	**************/
.bkg {
  background-color: white; }

body {
  background-color: #0f6db1; }

a {
  transition: all 0.3s ease 0s; }

/**
					BUTTONS
	**************/
.roundbutton {
  background-color: white;
  border-radius: 40px;
  padding: 20px 40px;
  margin-top: 10px;
  display: inline-block;
  text-decoration: none; }
  .roundbutton:hover {
    background-color: pink; }

/*
		NAV:
----------------------------------------------------------------*/
#masthead {
  background-color: #e5f6ff; }

.custom-logo-link {
  text-align: center;
  display: block; }
  @media (min-width: 37.5em) {
    .custom-logo-link {
      display: inline-block; } }
.logonav {
  display: inline-block;
  float: left; }
  .logonav a {
    padding: 0; }

.toggled .logonav a {
  padding: 0; }

.custom-logo-link {
  display: none; }
  @media (min-width: 37.5em) {
    .custom-logo-link {
      display: inline; } }
/*
.logonav{
	margin-bottom: 0;
	@include breakpoint(tablet) {
		display: none;
	}
}
*/
.site-branding {
  border: 1px solid green;
  padding: 1em 0; }

/*
		GRID:
----------------------------------------------------------------*/
.branding-highlight {
  text-align: center;
  border: 1px solid black; }
  @media (min-width: 37.5em) {
    .branding-highlight {
      width: 45%;
      float: right;
      text-align: left; } }
  @media (min-width: 50em) {
    .branding-highlight {
      width: 32%;
      padding-left: 3%; } }
#content, .site-branding, .site, .holdnav, .hold {
  max-width: 1280px;
  margin: 0 auto; }

@media (min-width: 37.5em) {
  .site-branding {
    padding: 20px 0; } }

@media (min-width: 50em) {
  .content-main {
    width: 64%;
    float: left;
    padding-bottom: 3em; } }

.sidebar {
  overflow: hidden;
  border-top: 1px dotted silver; }
  .sidebar p, .sidebar li {
    font-size: 0.75em; }
  .sidebar h2 {
    font-size: 1em; }
  @media (min-width: 50em) {
    .sidebar {
      width: 32%;
      float: right;
      padding-left: 3%;
      border-left: 1px dotted silver;
      border-top: 0; } }
.content-nosidebar {
  max-width: 780px;
  margin: 0 auto; }
  @media (min-width: 50em) {
    .content-nosidebar {
      padding-bottom: 3em; } }
/*
		PADDING:
----------------------------------------------------------------*/
.site-header, #content, .main-navigation, .menu-footer-container, .site {
  padding: 0 1.25em; }
  @media (min-width: 1300px) {
    .site-header, #content, .main-navigation, .menu-footer-container, .site {
      padding: 0; } }
#content {
  margin-top: 2.25em; }
  @media (min-width: 37.5em) {
    #content {
      margin-top: 3.5em; } }
  @media (min-width: 50em) {
    #content {
      margin-top: 4em; } }
  @media (min-width: 64em) {
    #content {
      margin-top: 5em; } }
.sidebar {
  margin: 0 0 2em;
  padding-top: 2em; }
  @media (min-width: 50em) {
    .sidebar {
      padding-top: 0; } }
/*
		TYPOGRAGHY:
----------------------------------------------------------------*/
h1 {
  color: #0f6db1;
  line-height: 1.25em;
  font-size: 2em; }
  @media (min-width: 37.5em) {
    h1 {
      font-size: 3em; } }
h2, h3, h4, h5, h6 {
  color: #073353; }

.branding-highlight p {
  font-size: 0.75em;
  padding-bottom: 0;
  margin-bottom: 0; }

p.heading-highlight {
  font-size: 1em;
  margin: 0;
  font-weight: bold; }

#colophon h3, #colophon h4, #colophon h5 {
  color: white; }

/*
		CONTENT AREA MAIN:
----------------------------------------------------------------*/
/*
		SIDEBAR:
----------------------------------------------------------------*/
.sidebar p, .sidebar li {
  font-size: 0.75em; }

.sidebar h2, .sidebar h3 {
  font-size: 1em; }

.services {
  list-style: none;
  margin: 1em 0;
  padding: 0;
  text-transform: uppercase; }
  .services li {
    border-left: 6px solid blue; }
  .services a {
    border: 1px solid blue;
    text-decoration: none;
    display: block;
    padding: 1em;
    color: blue;
    margin-bottom: .75em; }
    .services a:hover {
      background-color: blue;
      color: white; }

.callbox {
  border: 4px solid #083185;
  background: url(img/phone.png) left center no-repeat;
  padding: 16px 10px 16px 100px;
  margin-bottom: 1.5em; }
  .callbox h4 {
    font-size: 1.25em;
    font-weight: bold; }
  .callbox p {
    margin: 0;
    font-weight: bold; }

.darken {
  background-color: silver;
  color: white;
  font-size: 1.275em;
  display: block;
  text-align: center; }
  .darken:hover {
    background-color: grey;
    color: white; }

/*
		FOOTER:
----------------------------------------------------------------*/
.menu-footer-container {
  background-color: #58a931;
  padding: 1em 0 1.25em; }
  @media (min-width: 37.5em) {
    .menu-footer-container {
      padding: 0; } }
  .menu-footer-container ul {
    margin: 0;
    padding: 0;
    text-align: center; }
    .menu-footer-container ul li {
      display: block; }
      @media (min-width: 37.5em) {
        .menu-footer-container ul li {
          display: inline-block; } }
    .menu-footer-container ul a {
      padding: 1em;
      display: block; }
      @media (min-width: 37.5em) {
        .menu-footer-container ul a {
          padding: 1.5em 1em; } }
#menu-footer a {
  color: white; }
  #menu-footer a:visited {
    color: white; }
  #menu-footer a:hover, #menu-footer a:focus, #menu-footer a:active {
    color: black; }
  #menu-footer a:focus {
    outline: thin dotted; }
  #menu-footer a:hover, #menu-footer a:active {
    outline: 0; }

.site-footer {
  clear: both;
  background-color: #0f6db1;
  color: #ececec; }

.site {
  padding-top: 3em;
  padding-bottom: 1em; }
  .site-deets {
    text-align: center;
    padding-bottom: 1em;
    margin: 0 auto;
    max-width: 700px; }
    .site-deets p {
      margin: 0 0 .25em; }
    @media (min-width: 50em) {
      .site-deets {
        padding-bottom: 0; } }
  .site-last {
    border: 1px solid white; }
    @media (min-width: 50em) {
      .site-last {
        float: right;
        width: 48%; } }
.social {
  padding: 1em 0 0;
  margin-bottom: 1em;
  list-style: none; }
  .social li {
    display: inline-block; }
  .social a {
    padding-right: 1em; }

h4.site-title {
  margin: 0;
  font-size: 1.25em; }

p.site-description {
  margin: 0 0 1em;
  font-size: 0.75em;
  color: white; }

.hasslefree {
  text-align: center; }
  .hasslefree a {
    text-decoration: none; }

/*
		MAILCHIMP:
----------------------------------------------------------------*/
#mc_embed_signup {
  margin: 0 auto;
  max-width: 620px;
  background: white;
  color: black; }

.signup-heading {
  font-size: 1.825em;
  text-align: center;
  padding: 1em 0 .5em; }

/*
		ARCHIVES:
----------------------------------------------------------------*/
h2.entry-title {
  border-top: 1px dotted silver;
  padding-top: 1.5em;
  margin-top: .5em; }

/**
					PULL IN
	**************/
/* Nicolas Gallagher's micro clearfix */
.row:before, .row:after, .clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.row:after, .clearfix:after {
  clear: both; }

.row, .clearfix {
  zoom: 1; }

/*
								FEATURE IMAGE FULLPAGE:
----------------------------------------------------------------*/
.feature-img {
  display: block;
  text-align: center;
  line-height: 0;
  margin: 0px auto 0px; }

.feature-img.page-banner, .page-banner {
  display: block;
  width: 100%;
  min-height: 180px;
  max-height: 340px;
  position: relative;
  margin: 0px;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.page-banner .img-title {
  width: 100%;
  padding: 0px 6%; }

.page-banner .headline {
  color: #ffffff;
  font-size: 2.2em;
  font-weight: 300;
  text-align: center;
  margin: 0px; }
  @media (min-width: 37.5em) {
    .page-banner .headline {
      font-size: 3.2em; } }
  @media (min-width: 64em) {
    .page-banner .headline {
      font-size: 5em; } }
.vertical-center {
  top: 50%;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.page-banner.structure-lite-bg-light .headline {
  color: #000000; }

.page-banner img {
  margin-left: -9999px; }

/*
								XXXX:
----------------------------------------------------------------*/
.imgflex {
  background-color: pink;
  background: url(img/mtns.jpg) center center no-repeat;
  background-size: cover;
  padding: 7em 0; }

.textflex {
  background-color: red; }
  .textflex-content {
    padding: 2em 1em .5em; }
    .textflex-content p {
      font-size: .875em; }

/*
								IMAGE HERO TEXT BOX:
----------------------------------------------------------------*/
.imgtextflex {
  display: flex;
  flex-flow: row wrap; }
  .imgtextflex h4 {
    font-size: 1.5em; }

.imgflex, .textflex {
  flex: 1 100%; }

@media (min-width: 37.5em) {
  .imgflex, .textflex {
    flex: 2 50%; }
  .textflex-content {
    padding: 2em; } }

@media (min-width: 64em) {
  .textflex-content {
    padding: 5em 2em 3em 4em; } }

@media (min-width: 80em) {
  .textflex-content {
    padding: 9em 0 6em 7em;
    max-width: 640px; } }

.cardbkg {
  background-color: #e2e7e8;
  padding: 0; }

.cards {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .cards h4 {
    font-size: 1.25em;
    line-height: 1.2em; }
  .cards p {
    font-size: 0.875em;
    color: grey; }

.cardbaby {
  box-shadow: 3px 3px 8px #b3b3b3;
  background-color: white; }

.card-content {
  padding: 1em; }

.card1 {
  flex: 0 1 100%;
  margin-bottom: 0; }

.card2 {
  flex: 0 1 50%; }

.card3 {
  flex: 0 1 50%; }

@media (min-width: 50em) {
  .cardbkg {
    padding: 3em 0; }
  .card1 {
    flex: 0 1 49%;
    margin-bottom: 0; }
  .card2 {
    flex: 0 1 23%; }
  .card3 {
    flex: 0 1 23%; } }

.herocta-bkg {
  background: url(img/herobkg.jpg) no-repeat center center;
  background-size: cover; }

.herocta-content {
  color: white;
  padding: 3em 2em 2em; }
  .herocta-content h2, .herocta-content p {
    color: white;
    text-shadow: 1px 1px 2px black; }
  .herocta-content h2 {
    font-weight: 400;
    font-size: 2em;
    line-height: 1.1em;
    margin-bottom: .5em; }

.herocta-button {
  padding: 1em;
  display: block;
  text-align: center;
  margin-top: 3em;
  background-color: rgba(239, 248, 0, 0.8);
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 6px;
  color: black; }

.herocta-button:hover {
  color: pink;
  border-color: #333333;
  background-color: black; }

@media (min-width: 50em) {
  .herocta-bkg {
    background: url(img/herobkg.jpg) no-repeat right center;
    background-size: cover; }
  .herocta-content {
    float: left;
    width: 50%;
    color: white;
    padding: 5em 0 3em 4em;
    margin-left: 20px; }
    .herocta-content h2 {
      font-size: 2em; } }

@media (min-width: 80em) {
  .herocta-content {
    padding: 9em 0 7em; }
    .herocta-content h2 {
      font-size: 2.5em; } }

.newsblockbkg {
  background-color: white;
  padding: 0; }
  .newsblockbkg h3 {
    text-align: center;
    background: url(img/divide.png) center top no-repeat;
    padding: 2em 1em 1em;
    font-size: 2em; }
    @media (min-width: 50em) {
      .newsblockbkg h3 {
        padding: 1.5em 1em 1em;
        font-size: 2.5em; } }
.news {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .news h4 {
    font-size: 1.25em;
    line-height: 1.2em; }
  .news p {
    font-size: 0.875em;
    color: grey; }
  .news-content {
    padding: 1em 1em 0; }

.news-baby {
  background-color: white;
  flex: 0 1 100%;
  border-right: 1px dotted #dedede;
  border-top: 1px dotted silver; }

.news-baby:last-child {
  border-right: none; }

@media (min-width: 50em) {
  .news-baby {
    flex: 0 1 50%; } }

@media (min-width: 80em) {
  .news-baby {
    flex: 0 1 24%;
    border-right: none;
    padding: 1em 0 0;
    margin-bottom: 1em; }
  .news-content {
    padding: .5em 0 0; } }

.centercta {
  background: url(img/centerctabkg.jpg) no-repeat center center;
  background-size: cover;
  text-align: center; }
  .centercta-holdit {
    color: white;
    padding: 2em;
    max-width: 1024px;
    margin: 0 auto; }
    .centercta-holdit h2, .centercta-holdit p {
      color: white;
      text-shadow: 1px 1px 2px black; }
    .centercta-holdit p {
      font-size: 1.25em; }
    .centercta-holdit h2 {
      font-weight: 400;
      font-size: 3em;
      line-height: 1.1em;
      margin-bottom: .5em; }
    .centercta-holdit a {
      text-shadow: none; }

@media (min-width: 50em) {
  .centercta-holdit {
    padding: 6em 3em 8em; } }

/*

@include breakpoint(desktop) {
	
}

*/

/*# sourceMappingURL=style.css.map */