/*!
Theme Name: Reflection Psychology
Author: Harley Oliver @ GOOP.
Author URI: http://www.goop.com.au/
Description: Custom WordPress theme for Reflection Psychology
Text Domain: reflectionpsychology
SASS: 1.6.3
Version: 1.0
*/
/* Font imports - use the same ' // ' format as below, as this will work correctly even if the website has SSL */
@import url("//goopfiles.com/library/fonts/font-awesome/css/font-awesome.min.css");
@import url("//fonts.googleapis.com/css?family=Noto+Serif:400,700");
@import url("//fonts.googleapis.com/css?family=Lato:400,700");
@import url("//fonts.googleapis.com/css?family=Quicksand");
/* SASS file imports */
/* -------------------- */
/* Core */
/*========================================================================
Rem Calc function - from Zurb Foundation, licenced under MIT Open Source
========================================================================*/
/*
Simplified breakpoints
You may need to add to these or add manually numbered ones in _main.scss if you need to fine-tune more than this.
Note that you can use mathematical operators in your media queries, e.g. ($small - 1)
*/
/*Stop letting things get bigger after 1920*/
/* Colour scheme */
/* Typography */
/*leave this as 16px (the browser default) and use this value in base.css, otherwise the calculations go off*/
/* Grid additions */
/* Navigation */
/* Links */
/* Transitions */
/* Border radii */
/* Social media colours */
/*==============================================
	NOTES
==============================================*/
/*
	- Mixins for buttons are contained in _buttons.scss.
*/
/*==============================================
	ALIGNMENTS
==============================================*/
/*==============================================
	REMOVE UNNEEDED ELEMENTS ON SMALL/MEDIUM SCREENS
==============================================*/
/*==============================================
	REALIGN TEXT ON SMALL/MEDIUM SCREENS
==============================================*/
/*==============================================
	CENTRE ITEMS ON SMALL/MEDIUM SCREENS
==============================================*/
/*==============================================
	MAKE IMAGES FULL WIDTH ON MOBILE
==============================================*/
/*==============================================
	HIDE THINGS ON PRINT VERSION
==============================================*/
/*==============================================
	MAKE THINGS FULL WIDTH ON PRINT VERSION
==============================================*/
/*==============================================
	GRID MIXINS
==============================================*/
/* Usage:

.class {
	@include six-columns;
}

Output:

.class {
	width:37.5%;
	float:left;
	display:inline;
}

*/
/*==============================================
	INPUT PLACEHOLDERS
==============================================*/
/* Base */
/*=================================================================================
	base.css v1.6
=================================================================================*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, main {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: inherit;
  vertical-align: baseline;
  background: transparent; }

html {
  -webkit-text-size-adjust: none; }

body {
  line-height: 1;
  background: #ffffff; }

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

nav ul, aside ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  text-decoration: none; }

mark {
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 0.0625rem dotted #cccccc;
  cursor: help; }

hr {
  display: block;
  height: 0.0625rem;
  border: 0;
  border-top: 0.0625rem solid #cccccc;
  margin: 1.25rem 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

ul, ol {
  font-size: 0; }

main pre, article pre {
  width: 100%;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap !important;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  margin-bottom: 1em; }

main blockquote, article blockquote {
  margin: 0 1.25rem 1em 1.25rem; }

main ul.columns-1, article ul.columns-2, article ul.columns-3, article ul.columns-4 {
  clear: both;
  width: 100%;
  font-size: 0; }

main ul.columms-1 {
  float: left;
  display: inline;
  width: 100%; }

main ul.columns-2 li {
  float: left;
  display: inline;
  width: 50%; }

main ul.columns-3 li {
  float: left;
  display: inline;
  width: 33.333%; }

main ul.columns-4 li {
  float: left;
  display: inline;
  width: 25%; }

/*=================================================================================
	FLUID COLUMNS
=================================================================================*/
.container {
  position: relative;
  width: 98%;
  margin: 0 auto;
  max-width: 60rem;
  padding: 0.625rem; }
  @media only screen and (min-width: 1200px) {
    .container {
      max-width: 1200px; } }

.container .column, .container .columns {
  float: left;
  display: inline; }

.row {
  margin-bottom: 0; }

.container .one.column, .container .one.columns {
  width: 6.25%; }

.container .two.columns {
  width: 12.5%; }

.container .three.columns {
  width: 18.75%; }

.container .four.columns {
  width: 25%; }

.container .five.columns {
  width: 31.25%; }

.container .six.columns {
  width: 37.5%; }

.container .seven.columns {
  width: 43.75%; }

.container .eight.columns {
  width: 50%; }

.container .nine.columns {
  width: 56.25%; }

.container .ten.columns {
  width: 62.5%; }

.container .eleven.columns {
  width: 68.75%; }

.container .twelve.columns {
  width: 75%; }

.container .thirteen.columns {
  width: 81.25%; }

.container .fourteen.columns {
  width: 87.5%; }

.container .fifteen.columns {
  width: 93.75%; }

.container .sixteen.columns {
  width: 100%; }

.container .one-third.column {
  width: 33.33%; }

.container .two-thirds.column {
  width: 66.66%; }

/*=================================================================================
	FORMS
=================================================================================*/
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/*=================================================================================
	OFFSETS
=================================================================================*/
.container .columns.offset-by-one {
  margin-left: 6.25%; }

.container .columns.offset-by-two {
  margin-left: 12.5%; }

.container .columns.offset-by-three {
  margin-left: 18.75%; }

.container .columns.offset-by-four {
  margin-left: 25%; }

.container .columns.offset-by-five {
  margin-left: 31.25%; }

.container .columns.offset-by-six {
  margin-left: 37.5%; }

.container .columns.offset-by-seven {
  margin-left: 43.75%; }

.container .columns.offset-by-eight {
  margin-left: 50%; }

.container .columns.offset-by-nine {
  margin-left: 56.25%; }

.container .columns.offset-by-ten {
  margin-left: 62.5%; }

.container .columns.offset-by-eleven {
  margin-left: 68.75%; }

.container .columns.offset-by-twelve {
  margin-left: 75%; }

.container .columns.offset-by-thirteen {
  margin-left: 81.25%; }

.container .columns.offset-by-fourteen {
  margin-left: 87.5%; }

.container .columns.offset-by-fifteen {
  margin-left: 93.75%; }

/*=================================================================================
	OFFSETS - Smaller offsets using a variable $gutter as padding
=================================================================================*/
.gutter-left {
  padding-left: 1.25rem; }

.gutter-right {
  padding-right: 1.25rem; }

@media screen and (max-width: 767px) {
  .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column {
    width: 100%;
    padding: 0;
    margin: 0 auto; } }

/*=================================================================================
	CLEARFIX
=================================================================================*/
.clearfix:before, .clearfix:after, .row:before, .row:after, .group:before, .group:after, section:before, section:after, article:before, article:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

.clearfix:after, .row:after, .group:after, section:after, article:after {
  clear: both; }

.clearfix, .row, .group, section, article {
  zoom: 1; }

/*=================================================================================
	SELECTIONS
=================================================================================*/
::-moz-selection {
  background: #dddddd; }
::selection {
  background: #dddddd; }

::-moz-selection {
  background: #dddddd; }

.lt-ie8 .clearfix, .lt-ie8 .row, .lt-ie8 .group {
  zoom: 0; }

/*=================================================================================
	ACTIVE NUMBERS
=================================================================================*/
a[href^=tel] {
  color: inherit;
  text-decoration: none; }

/*=================================================================================
	OFFSETS - Smaller offsets using a variable $gutter as padding
=================================================================================*/
@font-face {
  font-family: 'GOOP';
  src: url("goop/GOOP.eot?9ommr");
  src: url("goop/GOOP.eot?#iefix9ommr") format("embedded-opentype"), url("goop/GOOP.woff?9ommr") format("woff"), url("goop/GOOP.ttf?9ommr") format("truetype"), url("goop/GOOP.svg?9ommr#GOOP") format("svg");
  font-weight: normal;
  font-style: normal; }

.goop-logo {
  font-family: 'GOOP';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block; }

.goop-logo:before {
  content: "\e600"; }

/*=================================================================================
	REPLACE [at] - requires GOOP plugin version 0.1.10 at least
=================================================================================*/
.domain:before {
  content: "\40";
  margin-right: 0; }

/*=================================================================================
	SITEMAP
=================================================================================*/
main ul.sitemap li ul {
  margin-top: 0.1875rem;
  margin-bottom: 0; }

main ul.sitemap li.current_page_item {
  display: none; }

/*=================================================================================
	SCROLL
=================================================================================*/
#scroll {
  padding: 0;
  font-size: 1.5625rem;
  position: fixed;
  bottom: 0.625rem;
  right: 0.625rem;
  cursor: pointer;
  display: none;
  color: #30373e;
  z-index: 10000;
  opacity: 0.5; }

/*=================================================================================
	VIDEOS
=================================================================================*/
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 1.5625rem;
  height: 0;
  margin-bottom: 1.25rem; }
  .video-container iframe {
    /* .video-container iframe */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/*=================================================================================
	IFRAMES
=================================================================================*/
main iframe, aside iframe {
  margin: 0 0 1.25rem;
  display: block;
  width: 100% !important; }

/*=================================================================================
	UTILITY CLASSES
=================================================================================*/
.clearfix {
  clear: both; }

.left, .columns.left, .column.left {
  float: left; }

.right, .columns.right, .column.right {
  float: right; }

/*=================================================================================
	RESPONSIVE TABLES
=================================================================================*/
.table-container {
  width: 100%;
  overflow-x: auto; }

/*=================================================================================
	PRINT-FRIENDLY CLASSES
=================================================================================*/
@media screen {
  .print {
    display: none; } }

@media only print {
  .desktop {
    display: none; }
  .print {
    display: block; } }

/*=================================================================================
	SKIP TO CONTENT
=================================================================================*/
.skip {
  position: absolute;
  top: -1000px;
  left: -1000px;
  text-align: left;
  overflow: hidden;
  padding: 0.625rem;
  display: block;
  width: 100%;
  text-decoration: none; }
  .skip:active, .skip:focus, .skip:hover {
    top: 0;
    left: 0;
    position: relative;
    background: #FFCE00;
    color: #000; }

/*=================================================================================
	MAIN NAVIGATION
=================================================================================*/
nav {
  padding: 0;
  margin: 0 0 1.25rem;
  width: 100%;
  display: none !important;
  position: relative;
  z-index: 9999;
  border-bottom: 4px solid #ffffff; }
  @media only screen and (min-width: 768px) {
    nav {
      display: block !important; } }
  nav ul {
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .lt-ie10 nav ul {
      display: block; }
    nav ul li {
      font-family: "Lato", Arial, sans-serif;
      text-transform: capitalize;
      font-size: 0.625rem;
      color: #4d4d4d;
      font-weight: 700;
      line-height: 1.875rem;
      /* line-height is preferable to padding to set the height of the nav, unless the links need to wrap onto two lines */
      position: relative;
      display: inline;
      -webkit-box-flex: 1;
      -ms-flex: auto;
      flex: auto;
      margin: 0;
      /*==============================================
				DROPDOWNS
			==============================================*/
      /*==============================================
				SECOND LEVEL HOVER
			==============================================*/ }
      @media screen and (min-width: 1200px) {
        nav ul li {
          font-size: 0.875rem; } }
      .lt-ie10 nav ul li {
        display: inline-block; }
      nav ul li > a {
        color: #ffffff;
        text-decoration: none;
        margin: 0;
        display: block;
        padding: 0; }
      nav ul li:hover, nav ul li:focus, nav ul li.current-menu-item, nav ul li.current-page-item, nav ul li.current-page-ancestor, nav ul li.current_page_parent {
        background: #03918a; }
        nav ul li:hover > a, nav ul li:focus > a, nav ul li.current-menu-item > a, nav ul li.current-page-item > a, nav ul li.current-page-ancestor > a, nav ul li.current_page_parent > a {
          color: tertiary-color; }
      nav ul li ul {
        position: absolute;
        left: -9999px;
        top: -9999px;
        opacity: 0;
        z-index: 1;
        font-size: 0.85em;
        visibility: hidden;
        -webkit-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out; }
        nav ul li ul li {
          background: #30373e;
          font-family: "Lato", Arial, sans-serif;
          display: block;
          margin: 0;
          padding: 0;
          line-height: 1.875rem;
          font-weight: 300;
          font-size: 1em; }
          .lt-ie10 nav ul li ul li {
            display: block; }
          nav ul li ul li.menu-item-has-children {
            position: relative;
            padding: 0 0.625rem 0 0; }
            nav ul li ul li.menu-item-has-children:before {
              background: none;
              position: absolute;
              top: 0.125rem;
              right: 0.625rem;
              font-size: 0.75rem;
              content: "\f105";
              color: #ffffff;
              opacity: 0.5; }
          nav ul li ul li > a {
            color: #ffffff;
            padding: 0 0.625rem;
            margin: 0; }
            nav ul li ul li > a:hover, nav ul li ul li > a:focus {
              color: #ffffff; }
          nav ul li ul li:hover, nav ul li ul li:focus, nav ul li ul li.current-menu-item, nav ul li ul li.current-page-item, nav ul li ul li.current-page-ancestor, nav ul li ul li.current_page_parent {
            background: #03918a; }
            nav ul li ul li:hover > a, nav ul li ul li:focus > a, nav ul li ul li.current-menu-item > a, nav ul li ul li.current-page-item > a, nav ul li ul li.current-page-ancestor > a, nav ul li ul li.current_page_parent > a {
              color: #ffffff; }
          nav ul li ul li ul li {
            background: #3b444c; }
      nav ul li:hover ul {
        opacity: 1.0;
        position: absolute;
        left: 0;
        top: 100%;
        display: block;
        height: auto;
        white-space: nowrap;
        margin: 0;
        text-align: left;
        visibility: visible;
        padding: 0;
        /*==============================================
						THIRD LEVEL HOVER
					==============================================*/ }
        nav ul li:hover ul li ul {
          visibility: hidden;
          top: -9999px;
          left: 0;
          opacity: 0;
          border: 0; }
        nav ul li:hover ul li:hover ul {
          top: 0;
          left: 100%;
          visibility: visible;
          opacity: 1; }

/*=================================================================================
	MAIN NAVIGATION - HOMEPAGE STYLING
=================================================================================*/
#navigation nav {
  border-bottom: 4px solid #30373e; }
  #navigation nav ul li > a {
    color: #30373e;
    font-size: 0.75rem; }
    @media screen and (min-width: 1200px) {
      #navigation nav ul li > a {
        font-size: 1rem; } }
  #navigation nav ul li:hover, #navigation nav ul li:focus, #navigation nav ul li.current-menu-item, #navigation nav ul li.current-page-item, #navigation nav ul li.current-page-ancestor, #navigation nav ul li.current_page_parent {
    background: #03918a; }
    #navigation nav ul li:hover > a, #navigation nav ul li:focus > a, #navigation nav ul li.current-menu-item > a, #navigation nav ul li.current-page-item > a, #navigation nav ul li.current-page-ancestor > a, #navigation nav ul li.current_page_parent > a {
      color: #ffffff; }
  #navigation nav ul li ul li a {
    color: #ffffff; }

/*=================================================================================
	RESPONSIVE MENU
=================================================================================*/
#responsive {
  display: block;
  position: relative;
  z-index: 1000; }
  @media only screen and (min-width: 768px) {
    #responsive {
      display: none; } }
  #responsive span {
    padding: 0.625rem;
    position: absolute;
    width: 1.25rem;
    text-align: left;
    color: #03918a;
    cursor: pointer; }
    #responsive span i {
      font-size: 1.5625rem; }
    #responsive span em {
      display: none;
      font-style: normal;
      text-transform: none;
      position: absolute;
      top: 0.69444rem;
      left: 2.5rem; }
  #responsive ul {
    background: #30373e;
    padding: 0;
    margin: 0;
    display: none;
    list-style: none; }
    #responsive ul li {
      border-bottom: 0.0625rem solid #1a1e21;
      margin: 0;
      line-height: 2.1875rem;
      min-height: 2.1875rem;
      padding: 0;
      text-transform: uppercase; }
      #responsive ul li a {
        color: #ffffff;
        text-decoration: none;
        display: block;
        padding: 0 0.625rem; }
      #responsive ul li:last-child {
        border: none; }
      #responsive ul li:hover {
        background: #252a30;
        color: #ffffff; }
        #responsive ul li:hover > ul {
          opacity: 1;
          position: relative;
          top: auto;
          left: auto;
          display: block;
          height: auto;
          width: auto;
          white-space: normal;
          margin: 0;
          text-align: left;
          overflow: visible;
          border-top: 0.0625rem solid #1a1e21;
          position: relative;
          -webkit-transition: 0.3s ease-in-out;
          -o-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out; }
      #responsive ul li ul {
        display: none;
        opacity: 0;
        top: -9999px;
        left: 0;
        z-index: 1; }
        #responsive ul li ul li {
          font-size: 0.75rem; }
          #responsive ul li ul li a {
            color: #ffffff; }
            #responsive ul li ul li a:before {
              content: "- "; }
          #responsive ul li ul li ul {
            display: none !important; }
      #responsive ul li.menu-item-has-children {
        position: relative; }
        #responsive ul li.menu-item-has-children:before {
          position: absolute;
          top: 0;
          right: 0.625rem;
          content: "\f107";
          color: #ffffff; }
  #responsive div {
    position: absolute;
    right: 0.625rem;
    margin-top: 0.625rem;
    color: #ffffff;
    font-weight: 700; }

/*=================================================================================
	FORMS
=================================================================================*/
form li {
  list-style: none; }

form label {
  display: block;
  margin-top: 1em; }

form input[type=radio] + label {
  margin-top: 0; }

form input[type=checkbox] + label, form input[type=radio] + label, form label.checkbox {
  display: inline-block; }

form input[type=text], form input[type=email], form input[type=password], form textarea, form select {
  border: 0.0625rem solid #cccccc;
  padding: 0.3125rem;
  display: block;
  margin-left: 0 !important;
  width: 100% !important;
  color: #999999; }
  form input[type=text]:hover, form input[type=text]:focus, form input[type=email]:hover, form input[type=email]:focus, form input[type=password]:hover, form input[type=password]:focus, form textarea:hover, form textarea:focus, form select:hover, form select:focus {
    color: #666; }

/*=================================================================================
	NINJA FORMS
=================================================================================*/
.ninja-forms-cont {
  padding-bottom: 1.25rem; }
  .ninja-forms-cont .ninja-forms-response-msg {
    margin: 0;
    font-weight: 700; }
  .ninja-forms-cont .ninja-forms-response-msg.ninja-forms-error-msg {
    color: #cc0000; }
    .ninja-forms-cont .ninja-forms-response-msg.ninja-forms-error-msg p {
      display: inline;
      padding-right: 0.3125rem; }
  .ninja-forms-cont ninja-forms-response-msg.ninja-forms-success-msg {
    color: #03918a;
    margin: 0 0 1.25rem; }
  .ninja-forms-cont .ninja-forms-field-error {
    color: #cc0000;
    font-size: 0.75rem; }
    .ninja-forms-cont .ninja-forms-field-error p {
      display: inline; }
  .ninja-forms-cont .ninja-forms-error input[type=text], .ninja-forms-cont .ninja-forms-error input[type=email], .ninja-forms-cont .ninja-forms-error textarea, .ninja-forms-cont .ninja-forms-error select {
    border-color: #cc0000 !important; }
  .ninja-forms-cont .ninja-forms-field-description {
    font-size: 0.75rem; }
    .ninja-forms-cont .ninja-forms-field-description p {
      margin: 0 0 0.3125rem;
      color: #999999; }
  .ninja-forms-cont .ninja-forms-required-items {
    display: none;
    margin: 0 0 0.3125rem 0;
    font-size: 0.75rem;
    color: #999999;
    font-style: italic; }
  .ninja-forms-cont .input-group {
    margin-top: 1em; }
  .ninja-forms-cont .field-wrap {
    margin-bottom: 0.5rem !important; }
    .ninja-forms-cont .field-wrap:last-child {
      margin-bottom: 0 !important; }

/*=================================================================================
	DATEPICKER
=================================================================================*/
.ui-datepicker-header {
  background: #30373e;
  color: #ffffff; }

.ui-datepicker-calendar {
  border: 0.0625rem solid #30373e; }

a.ui-state-default {
  color: #30373e;
  display: block;
  padding: 0.125rem; }
  a.ui-state-default:hover, a.ui-state-default:focus {
    background: #30373e;
    color: #ffffff; }

/*==============================================
	IMAGES
==============================================*/
img {
  max-width: 100%;
  height: auto; }

.alignnone {
  margin: 0 0 1.25rem 0; }

.aligncenter, div.aligncenter {
  display: block;
  margin: 0 auto 1.25rem; }

.alignright {
  float: right;
  margin: 0 0 1.25rem 1.25rem; }

.alignleft {
  float: left;
  margin: 0 1.25rem 1.25rem 0; }

.aligncenter {
  display: block;
  margin: 0 auto; }

img[class*="size-"] {
  max-width: 100%;
  height: auto; }
  @media only screen and (max-width: 600px) {
    img[class*="size-"] {
      width: 100% !important;
      max-width: 100%;
      margin-left: 0;
      margin-right: 0;
      float: none; } }

img.alignright {
  margin-left: 0 0 1.25rem 1.25rem; }

img.alignleft {
  margin: 0 1.25rem 1.25rem 0; }

img.aligncenter {
  display: block;
  margin: 0 auto 1.25rem; }

img[class*="align"], img[class*="wp-image-"] {
  border: none; }

img.wp-post-image {
  display: block;
  margin: 0 auto;
  margin-bottom: 1.875rem; }

@media only screen and (max-width: 599px) {
  .alignnone, .aligncenter, div.aligncenter, .alignright, .alignleft, .aligncenter {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
    max-width: 100%; } }

@media only screen and (max-width: 600px) {
  .alignnone, .aligncenter, div.aligncenter, .alignright, .alignleft, .aligncenter {
    width: 100% !important;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    float: none; } }

.size-full {
  width: 100%;
  height: auto; }

.size-medium {
  width: 60%;
  height: auto; }

.size-small {
  width: 30%;
  height: auto; }

/*=================================================================================
	WP-CAPTION
=================================================================================*/
.wp-caption {
  margin-bottom: 1.25rem;
  max-width: 100%;
  text-align: left;
  position: relative; }
  @media only screen and (max-width: 600px) {
    .wp-caption {
      width: 100% !important;
      max-width: 100%;
      margin-left: 0;
      margin-right: 0;
      float: none; } }
  .wp-caption img {
    display: block;
    margin: 0 auto; }
    @media only screen and (max-width: 600px) {
      .wp-caption img {
        width: 100% !important;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        float: none; } }

.wp-caption-text {
  font-size: 0.75rem;
  padding: 0.625rem 0.3125rem;
  opacity: 0.8; }

/*=================================================================================
	PAGINATION
=================================================================================*/
main .pagination {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  padding: 0;
  display: block;
  /*=================================================================================
		SINGLE POSTS
	=================================================================================*/ }
  main .pagination span, main .pagination a {
    display: inline-block;
    background: #30373e;
    color: #ffffff !important;
    height: 1.25rem;
    width: 1.25rem;
    line-height: 1.25rem;
    text-align: center;
    font-size: 0.75rem;
    border: none;
    text-decoration: none;
    display: inline-block;
    border: none !important; }
    main .pagination span:hover, main .pagination span:focus, main .pagination span.current, main .pagination a:hover, main .pagination a:focus, main .pagination a.current {
      background: #1a1e21; }
  main .pagination.single div {
    display: inline-block;
    width: 50%;
    margin: 0; }
  main .pagination.single div.newer {
    text-align: right; }

/*=================================================================================
	BUTTON MIXINS
=================================================================================*/
/*=================================================================================
	BUTTONS
=================================================================================*/
.btn, input[type=submit], button {
  color: #ffffff;
  background: #03918a;
  font-size: 0.875rem;
  padding: 0.35714rem 0.5rem;
  margin: 0;
  cursor: pointer;
  border: none;
  display: inline-block;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin-bottom: 0.625rem;
  -webkit-appearance: none;
  /*Stops iOS from taking over how buttons look*/ }
  .btn:hover, .btn:focus, input[type=submit]:hover, input[type=submit]:focus, button:hover, button:focus {
    color: #ffffff;
    background: #025f5a;
    border: none; }

/*=================================================================================
	BUTTON VARIATIONS
=================================================================================*/
.btn-primary {
  color: #ffffff;
  background: #03918a;
  font-size: 0.875rem;
  padding: 0.35714rem 0.5rem;
  margin: 0;
  cursor: pointer;
  border: none;
  display: inline-block;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin-bottom: 0.625rem;
  -webkit-appearance: none;
  /*Stops iOS from taking over how buttons look*/
  background: #30373e; }
  .btn-primary:hover, .btn-primary:focus {
    color: #ffffff;
    background: #025f5a;
    border: none; }
  .btn-primary:hover, .btn-primary:focus {
    background: #1a1e21; }

.btn-secondary {
  color: #ffffff;
  background: #03918a;
  font-size: 0.875rem;
  padding: 0.35714rem 0.5rem;
  margin: 0;
  cursor: pointer;
  border: none;
  display: inline-block;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin-bottom: 0.625rem;
  -webkit-appearance: none;
  /*Stops iOS from taking over how buttons look*/
  background: #03918a; }
  .btn-secondary:hover, .btn-secondary:focus {
    color: #ffffff;
    background: #025f5a;
    border: none; }
  .btn-secondary:hover, .btn-secondary:focus {
    background: #025f5a; }

.btn-accent {
  color: #ffffff;
  background: #03918a;
  font-size: 0.875rem;
  padding: 0.35714rem 0.5rem;
  margin: 0;
  cursor: pointer;
  border: none;
  display: inline-block;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin-bottom: 0.625rem;
  -webkit-appearance: none;
  /*Stops iOS from taking over how buttons look*/
  background: #03918a; }
  .btn-accent:hover, .btn-accent:focus {
    color: #ffffff;
    background: #025f5a;
    border: none; }
  .btn-accent:hover, .btn-accent:focus {
    background: #025f5a; }

.btn.full-width, .btn-primary.full-width, .btn-secondary.full-width, .btn-accent.full-width {
  /*To be used in conjunction with other button styles*/
  width: 100%;
  padding: 0.41667rem 0.625rem;
  font-size: 0.75rem;
  text-transform: uppercase; }

.btn span, .btn-primary span, .btn-secondary span, .btn-accent span {
  display: inline-block; }

.btn i, .btn-primary i, .btn-secondary i, .btn-accent i {
  display: inline-block;
  line-height: 1;
  margin-left: 0.375rem; }
  .btn i.fa-2x, .btn-primary i.fa-2x, .btn-secondary i.fa-2x, .btn-accent i.fa-2x {
    font-size: inherit; }

.btn-small {
  padding: 0.41667rem 0.625rem;
  font-size: 0.75rem;
  text-transform: uppercase; }

br + .btn {
  margin-top: 0.625rem; }

/*==============================================
	MESSAGES
==============================================*/
.message {
  padding: 0.625rem;
  margin: 0.625rem 0;
  padding-left: 1.875rem;
  position: relative; }
  .message a {
    color: inherit;
    font-weight: 700;
    text-decoration: none; }
    .message a:hover {
      text-decoration: underline; }
  .message:before {
    font-family: "FontAwesome";
    position: absolute;
    left: 0.625rem; }
  .message.info {
    background: #bde5f8;
    border: 0.0625rem solid #00529b;
    color: #00529b; }
    .message.info:before {
      content: "\f05a"; }
  .message.warning {
    background: #feefb3;
    border: 0.0625rem solid #9f6000;
    color: #9f6000; }
    .message.warning:before {
      content: "\f06a"; }
  .message.error {
    background: #ffbaba;
    border: 0.0625rem solid #d8000c;
    color: #d8000c; }
    .message.error:before {
      content: "\f057"; }
  .message.success {
    background: #dff2bf;
    border: 0.0625rem solid #4f8a10;
    color: #4f8a10; }
    .message.success:before {
      content: "\f058"; }

/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
  overflow: hidden !important; }

#swipebox-overlay img {
  border: none !important; }

#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999 !important;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

#swipebox-container {
  position: relative;
  width: 100%;
  height: 100%; }

#swipebox-slider {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  -o-transition: transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
  cursor: pointer; }
  #swipebox-slider .slide {
    height: 100%;
    width: 100%;
    line-height: 0.0625rem;
    text-align: center;
    display: inline-block;
    position: relative;
    top: -0.3125rem !important; }
    #swipebox-slider .slide:before {
      content: "";
      display: inline-block;
      height: 50%;
      width: 0.0625rem;
      margin-right: -0.0625rem; }
    #swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container, #swipebox-slider .slide .swipebox-inline-container {
      display: inline-block;
      max-height: 100%;
      max-width: 100%;
      margin: 0;
      padding: 0;
      width: auto;
      height: auto;
      vertical-align: middle; }
    #swipebox-slider .slide .swipebox-video-container {
      background: none;
      max-width: 71.25rem;
      max-height: 100%;
      width: 100%;
      padding: 5%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      #swipebox-slider .slide .swipebox-video-container .swipebox-video {
        width: 100%;
        height: 0;
        padding-bottom: 56.25%;
        overflow: hidden;
        position: relative; }
        #swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
          width: 100% !important;
          height: 100% !important;
          position: absolute;
          top: 0;
          left: 0; }
  #swipebox-slider .slide-loading {
    background: url(lightbox/images/loader.gif) no-repeat center center; }

#swipebox-bottom-bar, #swipebox-top-bar {
  position: absolute;
  left: 0;
  z-index: 999;
  height: 3.125rem;
  width: 100%; }

#swipebox-bottom-bar {
  bottom: 0 !important; }

#swipebox-top-bar {
  top: 0 !important; }
  #swipebox-top-bar #swipebox-title {
    display: block !important;
    width: 100%;
    text-align: center;
    padding-top: 0.9375rem; }

#swipebox-prev, #swipebox-next, #swipebox-close {
  background-image: url(lightbox/images/icons.png);
  background-repeat: no-repeat;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer;
  width: 3.125rem;
  height: 3.125rem;
  top: 0; }

#swipebox-arrows {
  display: block;
  margin: 0 auto !important;
  width: 100%;
  height: 3.125rem; }

#swipebox-prev {
  background-position: -32px 13px;
  float: left; }

#swipebox-next {
  background-position: -78px 13px;
  float: right; }

#swipebox-close {
  top: 0;
  right: 0;
  position: absolute;
  z-index: 9999;
  background-position: 15px 12px; }

.swipebox-no-close-button #swipebox-close {
  display: none; }

#swipebox-prev.disabled, #swipebox-next.disabled {
  opacity: 0.3; }

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
  -webkit-animation: rightSpring 0.3s;
  animation: rightSpring 0.3s; }

.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
  -webkit-animation: leftSpring 0.3s;
  animation: leftSpring 0.3s; }

.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  content: ' ';
  position: absolute;
  z-index: 999;
  top: 0;
  height: 100%;
  width: 1.25rem;
  opacity: 0; }

.swipebox-touch #swipebox-container:before {
  left: 0;
  -webkit-box-shadow: inset 10px 0px 10px -8px #656565;
  box-shadow: inset 10px 0px 10px -8px #656565; }

.swipebox-touch #swipebox-container:after {
  right: 0;
  -webkit-box-shadow: inset -10px 0px 10px -8px #656565;
  box-shadow: inset -10px 0px 10px -8px #656565; }

.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
  opacity: 1; }

.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
  opacity: 1; }

@-webkit-keyframes rightSpring {
  0% {
    left: 0; }
  50% {
    left: -1.875rem; }
  100% {
    left: 0; } }

@keyframes rightSpring {
  0% {
    left: 0; }
  50% {
    left: -1.875rem; }
  100% {
    left: 0; } }

@-webkit-keyframes leftSpring {
  0% {
    left: 0; }
  50% {
    left: 1.875rem; }
  100% {
    left: 0; } }

@keyframes leftSpring {
  0% {
    left: 0; }
  50% {
    left: 1.875rem; }
  100% {
    left: 0; } }

@media screen and (min-width: 800px) {
  #swipebox-close {
    right: 0.625rem; }
  #swipebox-arrows {
    width: 92%;
    max-width: 50rem; } }

#swipebox-overlay {
  background: rgba(0, 0, 0, 0.9); }

#swipebox-bottom-bar, #swipebox-top-bar {
  text-shadow: 0.0625rem 0.0625rem 0.0625rem black;
  background: rgba(0, 0, 0, 0.9); }

#swipebox-top-bar {
  color: #ffffff !important;
  font-size: 0.8125rem;
  line-height: 1.15;
  font-family: "Lato", Arial, sans-serif; }

/*=================================================================================
	RESPONSIVE TABLES USING STACKTABLE.JS
=================================================================================*/
.stacktable {
  width: 100%; }

.st-head-row {
  padding: 0.625rem; }

.st-head-row.st-head-row-main {
  font-size: 1.5em; }

.stacktable.large-only {
  display: table; }

.stacktable.small-only {
  display: none; }

@media (max-width: 767px) {
  .stacktable.large-only {
    display: none; }
  .stacktable.small-only {
    display: table; } }

/*=================================================================================
	RESPONSIVE TABLES USING FOUNDATION'S RESPONSIVE-TABLES.JS
=================================================================================*/
@media only screen and (max-width: 767px) {
  table.responsive {
    margin-bottom: 0; }
  .pinned {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    width: 35%;
    overflow: hidden;
    overflow-x: scroll;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc; }
  .pinned table {
    border-right: none;
    border-left: none;
    width: 100%; }
  .pinned table th, .pinned table td {
    white-space: nowrap; }
  .pinned td:last-child {
    border-bottom: 0; }
  div.table-wrapper {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    border-right: 1px solid #ccc; }
  div.table-wrapper div.scrollable {
    margin-left: 35%; }
  div.table-wrapper div.scrollable {
    overflow: scroll;
    overflow-y: hidden; }
  table.responsive td, table.responsive th {
    position: relative;
    white-space: nowrap;
    overflow: hidden; }
  table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td {
    display: none; } }

/* Features */
@media screen and (min-width: 768px) {
  section.full-height {
    min-height: 96vh;
    margin-bottom: 2.5rem; } }

section.full-height header {
  background-color: transparent; }

section.full-height #navigation {
  display: none;
  width: 100%;
  height: 4.6875rem;
  padding: 1.25rem 0;
  background-color: #ffffff; }
  section.full-height #navigation.bottom {
    position: absolute;
    bottom: 0; }
  @media screen and (min-width: 768px) {
    section.full-height #navigation {
      display: block; } }

section.full-height .home-content h3 {
  font-size: 3rem;
  color: #ffffff;
  margin-bottom: 2.5rem; }
  @media screen and (max-width: 768px) {
    section.full-height .home-content h3 {
      display: none; } }

section.full-height .home-content p {
  color: #ffffff;
  font-size: 1.1875rem;
  margin-bottom: 2.5rem; }
  @media screen and (max-width: 768px) {
    section.full-height .home-content p {
      font-size: 1rem;
      background-color: rgba(48, 55, 62, 0.4);
      padding: 0.3125rem; } }

section.full-height .home-content a > .btn {
  padding: 0.625rem 1.25rem;
  background-color: #30373e;
  font-family: 'Quicksand', sans-serif;
  font-size: 1.125rem; }
  section.full-height .home-content a > .btn:hover {
    background-color: #03918a; }

/*=================================================================================
	GALLERIES
=================================================================================*/
main .gallery, article .gallery {
  margin: 0 0 1rem !important; }
  main .gallery a, main .gallery a:hover, main .gallery a:focus, article .gallery a, article .gallery a:hover, article .gallery a:focus {
    padding: 0;
    margin: 0;
    background: none; }
  main .gallery .gallery-item, article .gallery .gallery-item {
    padding: 0;
    margin: 0 1% 0.5% 0 !important;
    float: none !important;
    display: inline-block !important;
    position: relative !important; }
    main .gallery .gallery-item img, article .gallery .gallery-item img {
      display: block;
      border: none !important;
      width: 100%;
      height: auto; }
    main .gallery .gallery-item .gallery-caption, article .gallery .gallery-item .gallery-caption {
      position: absolute !important;
      bottom: 0;
      text-align: center;
      background: rgba(0, 0, 0, 0.5);
      padding: 0.3125rem;
      font-size: 0.625rem;
      color: #ffffff;
      width: 100%;
      font-style: normal;
      opacity: 0;
      -webkit-transition: 0.3s ease-in-out;
      -o-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out; }
    main .gallery .gallery-item:hover .gallery-caption, article .gallery .gallery-item:hover .gallery-caption {
      opacity: 1;
      z-index: 1000; }
  main .gallery br, article .gallery br {
    display: none !important; }
  main .gallery.gallery-columns-1 .gallery-item, main .gallery.gallery-columns-2 .gallery-item, main .gallery.gallery-columns-3 .gallery-item, article .gallery.gallery-columns-1 .gallery-item, article .gallery.gallery-columns-2 .gallery-item, article .gallery.gallery-columns-3 .gallery-item {
    width: 32.66% !important; }
    main .gallery.gallery-columns-1 .gallery-item:nth-of-type(3n+3), main .gallery.gallery-columns-2 .gallery-item:nth-of-type(3n+3), main .gallery.gallery-columns-3 .gallery-item:nth-of-type(3n+3), article .gallery.gallery-columns-1 .gallery-item:nth-of-type(3n+3), article .gallery.gallery-columns-2 .gallery-item:nth-of-type(3n+3), article .gallery.gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
      margin-right: 0 !important; }
  main .gallery.gallery-columns-4 .gallery-item, article .gallery.gallery-columns-4 .gallery-item {
    width: 24.25% !important; }
    main .gallery.gallery-columns-4 .gallery-item:nth-of-type(4n+4), article .gallery.gallery-columns-4 .gallery-item:nth-of-type(4n+4) {
      margin-right: 0 !important; }
  main .gallery.gallery-columns-5 .gallery-item, article .gallery.gallery-columns-5 .gallery-item {
    width: 19.2% !important; }
    main .gallery.gallery-columns-5 .gallery-item:nth-of-type(5n+5), article .gallery.gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
      margin-right: 0 !important; }
  main .gallery.gallery-columns-6 .gallery-item, article .gallery.gallery-columns-6 .gallery-item {
    width: 15.83% !important; }
    main .gallery.gallery-columns-6 .gallery-item:nth-of-type(6n+6), article .gallery.gallery-columns-6 .gallery-item:nth-of-type(6n+6) {
      margin-right: 0 !important; }
  main .gallery.gallery-columns-7 .gallery-item, article .gallery.gallery-columns-7 .gallery-item {
    width: 13.42% !important; }
    main .gallery.gallery-columns-7 .gallery-item:nth-of-type(7n+7), article .gallery.gallery-columns-7 .gallery-item:nth-of-type(7n+7) {
      margin-right: 0 !important; }
  main .gallery.gallery-columns-8 .gallery-item, article .gallery.gallery-columns-8 .gallery-item {
    width: 11.62% !important; }
    main .gallery.gallery-columns-8 .gallery-item:nth-of-type(8n+8), article .gallery.gallery-columns-8 .gallery-item:nth-of-type(8n+8) {
      margin-right: 0 !important; }
  main .gallery.gallery-columns-9 .gallery-item, article .gallery.gallery-columns-9 .gallery-item {
    width: 10.22% !important; }
    main .gallery.gallery-columns-9 .gallery-item:nth-of-type(9n+9), article .gallery.gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
      margin-right: 0 !important; }

#mobile-cta {
  background-color: #03918a;
  border-top: 0.0625rem solid rgba(56, 56, 56, 0.4);
  bottom: 0;
  display: block;
  position: fixed;
  width: 100%;
  padding: 0;
  z-index: 999999; }
  #mobile-cta ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    list-style: none;
    margin: 0; }
    #mobile-cta ul li {
      padding: 0.625rem 1.25rem;
      color: white;
      font-size: 1.5rem;
      text-decoration: none;
      border-bottom: 0; }
      #mobile-cta ul li:last-child {
        cursor: pointer; }
  #mobile-cta ul.sub-menu {
    background: white;
    bottom: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    list-style: none;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }
    #mobile-cta ul.sub-menu.visible {
      max-height: 624.9375rem; }
    #mobile-cta ul.sub-menu li {
      color: #666;
      -webkit-box-flex: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      padding: 0.9375rem;
      text-align: center; }
      #mobile-cta ul.sub-menu li:after {
        display: none; }
      #mobile-cta ul.sub-menu li a {
        color: inherit;
        display: block;
        font-size: 0.8125rem;
        font-weight: 700;
        text-align: center;
        -webkit-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out; }
  @media screen and (min-width: 768px) {
    #mobile-cta {
      display: none; } }

/*=================================================================================
	SEARCH STYLING
=================================================================================*/
#searchbox {
  position: relative;
  z-index: 500;
  text-align: center;
  line-height: 1.89;
  border-bottom: 4px solid #ffffff; }
  @media only screen and (max-width: 767px) {
    #searchbox {
      display: none; } }
  #searchbox:hover #searchform {
    opacity: 1; }
  #searchbox i {
    color: #ffffff;
    font-size: 1rem;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }
    #searchbox i:hover, #searchbox i:focus {
      cursor: pointer; }
  #searchbox #searchform {
    width: 10rem;
    position: absolute;
    right: 0;
    top: 2.5rem;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    background-color: #03918a;
    padding: 0 0.625rem;
    opacity: 0;
    /*hide until icon is hovered*/ }
  #searchbox label {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%; }
    #searchbox label span {
      display: none; }
  #searchbox input[type=search] {
    background: transparent;
    line-height: 1;
    border: none;
    width: 100%;
    display: inline-block;
    text-align: left;
    color: #ffffff;
    outline: none;
    font-family: "Lato", Arial, sans-serif; }
    #searchbox input[type=search]::-webkit-input-placeholder {
      color: #ffffff; }
    #searchbox input[type=search]:-moz-placeholder {
      /* Firefox 18- */
      color: #ffffff; }
    #searchbox input[type=search]::-moz-placeholder {
      /* Firefox 19+ */
      color: #ffffff; }
    #searchbox input[type=search]:-ms-input-placeholder {
      color: #ffffff; }
  #searchbox button {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1.5625rem;
    padding: 0 0.9375rem 0 0;
    display: inline-block;
    margin: 0;
    float: right;
    text-align: right;
    color: #03918a;
    vertical-align: middle;
    font-size: 1.125rem;
    background: transparent; }
    #searchbox button:hover {
      color: #30373e;
      background: transparent; }

/*=================================================================================
	HOMEPAGE SEARCH STYLING
=================================================================================*/
.full-height #searchbox {
  border-bottom: 4px solid #30373e; }
  .full-height #searchbox i {
    color: #30373e; }
  .full-height #searchbox button {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1.5625rem;
    padding: 0 0.9375rem 0 0;
    display: inline-block;
    margin: 0;
    float: right;
    text-align: right;
    color: #03918a;
    vertical-align: middle;
    font-size: 1.125rem;
    background: transparent; }
    .full-height #searchbox button:hover {
      color: #30373e;
      background: transparent; }

/* @import "features/slideshow"; */
/*=================================================================================
	STAFF MEMBER LIST - USE WITH GOOP STAFF PLUGIN
=================================================================================*/
main .staff-member, article .staff-member {
  padding: 1.25rem;
  margin: 0; }
  main .staff-member h3, article .staff-member h3 {
    color: #30373e;
    padding: 0.3125rem 0.625rem; }
  main .staff-member span, article .staff-member span {
    padding: 0 0.625rem; }
  main .staff-member img, article .staff-member img {
    margin-bottom: 0.625rem;
    width: 100%;
    height: auto;
    max-height: 20rem; }
  main .staff-member hr, article .staff-member hr {
    margin: 0.625rem 0;
    border: 2px solid #30373e; }
  main .staff-member:hover, article .staff-member:hover {
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }
    main .staff-member:hover h3, article .staff-member:hover h3 {
      display: inline-block;
      color: #ffffff;
      background: #03918a; }
    main .staff-member:hover span, article .staff-member:hover span {
      display: block; }

/* @import "features/testimonials"; */
/* Site specific */
/*=================================================================================
	TABLE OF CONTENTS
=================================================================================*/
/* 
	- Basics
		- Utility classes
		- Typography
			- Set the body font
			- Things that need FontAwesome
			- Headings
			- Paragraphs, strong, em and small
			- Lists
			- Blockquotes
			- Tables
		- Links
		- Tables
	- Header 
		- Details (Phone number etc)
	- Content
		- Articles & main content
			- Extras
		- Posts & Children
	- Sidebars
	- Footer
		- GOOP credit
	- Widgets
*/
/*=================================================================================
	BASICS
=================================================================================*/
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  line-height: 1.4;
  font-size: 1rem;
  color: #666;
  font-family: "Lato", Arial, sans-serif;
  font-weight: 400; }
  @media screen and (min-width: 768px) {
    html #reflectionpsychology .two-col, body #reflectionpsychology .two-col {
      -webkit-column-count: 2;
      column-count: 2;
      -webkit-column-gap: 2.5rem;
      column-gap: 2.5rem; } }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

a, img, span {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.fixed {
  position: fixed;
  top: 0;
  height: 4.6875rem;
  z-index: 1; }

/*==============================================
		TYPOGRAPHY
	==============================================*/
/* Set the body font */
body, input, select, textarea, label, button, li {
  font-family: "Lato", Arial, sans-serif;
  font-size: 1rem; }

/* Things that need FontAwesome */
ul li.menu-item-has-children:before, article blockquote:before {
  font-family: 'FontAwesome'; }

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: "Noto Serif", Arial, serif;
  font-weight: 700;
  text-transform: none;
  line-height: 1.15; }

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.625rem; }

h1, h2, h3 {
  margin-bottom: 0.625rem;
  color: #03918a; }

h1 {
  font-size: 1.5rem; }

h2 {
  font-size: 1.25rem; }

h3 {
  font-size: 1.125rem; }

h4, h5, h6 {
  font-size: 1.0625rem;
  margin-bottom: 0.1875rem; }

/* Paragraphs, strong, em, and small */
p {
  line-height: 1.4;
  margin-bottom: 1rem; }

strong {
  font-weight: 700; }

small {
  font-size: 0.75rem;
  margin: 0 0 0.625rem;
  color: #686868;
  text-transform: none; }
  small.date {
    display: block; }

/* Lists */
ul, ol {
  margin: 0 1.25rem 1.25rem; }
  ul li, ol li {
    line-height: 1.4;
    margin-bottom: 0.3125rem;
    display: block; }
    ul li:last-child, ol li:last-child {
      margin-bottom: 0; }
  ul ul, ul ol, ol ul, ol ol {
    /*Lists within lists*/ }

ul {
  list-style-type: disc; }
  ul li {
    display: list-item; }

ol {
  list-style: decimal; }

/* Blockquotes */
blockquote {
  position: relative;
  padding: 1.25rem 0 0 1.25rem; }
  blockquote:before {
    content: "\f10d";
    opacity: 0.3;
    position: absolute;
    top: 1.25rem;
    left: 0;
    clear: both;
    visibility: visible;
    overflow: visible; }

/*==============================================
		LINKS
	==============================================*/
main a:not(.img), article a:not(.img), aside a:not(.img) {
  color: #4d4d4d;
  text-decoration: none;
  position: relative;
  border-bottom: 0.0625rem dotted #999999; }
  main a:not(.img):hover, main a:not(.img):focus, article a:not(.img):hover, article a:not(.img):focus, aside a:not(.img):hover, aside a:not(.img):focus {
    color: #30373e;
    border-bottom: 0.0625rem solid #30373e; }

main a.readmore, article a.readmore, aside a.readmore {
  white-space: nowrap; }

main a[class^="btn"], main a[class*=" btn"], article a[class^="btn"], article a[class*=" btn"], aside a[class^="btn"], aside a[class*=" btn"] {
  border: none;
  color: #ffffff; }
  main a[class^="btn"]:hover, main a[class^="btn"]:focus, main a[class*=" btn"]:hover, main a[class*=" btn"]:focus, article a[class^="btn"]:hover, article a[class^="btn"]:focus, article a[class*=" btn"]:hover, article a[class*=" btn"]:focus, aside a[class^="btn"]:hover, aside a[class^="btn"]:focus, aside a[class*=" btn"]:hover, aside a[class*=" btn"]:focus {
    border: none;
    color: #ffffff; }

/*==============================================
		TABLES
	==============================================*/
table {
  margin: 0 0 1.25rem 0;
  border-collapse: collapse;
  width: 100%;
  border: 0.0625rem solid #d9d9d9; }
  table th, table td {
    border: 0.0625rem solid #d9d9d9;
    padding: 0.625rem; }
  table tr th {
    background: #30373e;
    color: #FFF;
    font-weight: 400;
    text-align: left; }
  table tr:first-child th {
    background: #CCC;
    color: #666; }
  @media only screen and (max-width: 767px) {
    table .st-head-row-main,
    table .st-key {
      display: none; } }

/*=================================================================================
	HEADER
=================================================================================*/
header {
  background-color: #30373e;
  position: relative;
  margin: 0;
  z-index: 100;
  margin-bottom: 1.25rem; }
  header #logo a.logo {
    width: 100%;
    display: block;
    margin: 0 auto; }
    @media only screen and (min-width: 768px) {
      header #logo a.logo {
        margin: 1.25rem 0 2.5rem 0;
        max-width: none; } }
    header #logo a.logo img {
      display: block;
      margin: 0 auto; }
      @media only screen and (min-width: 768px) {
        header #logo a.logo img {
          margin: 0; } }
  header #details {
    text-align: right;
    display: block; }
    @media only screen and (max-width: 767px) {
      header #details {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 100%;
        max-width: 100%; } }
    @media only screen and (max-width: 767px) {
      header #details {
        text-align: center; } }
    header #details ul.locations {
      display: none;
      margin: 1.25rem 0;
      color: #ffffff;
      /* @include medium-block-center; */ }
      @media screen and (min-width: 768px) {
        header #details ul.locations {
          display: inline-block; } }
      header #details ul.locations li {
        display: inline-block;
        font-family: "Noto Serif", Arial, serif;
        font-size: 0.9375rem;
        margin: 1.25rem 0.625rem;
        padding-bottom: 0.3125rem;
        border-bottom: 2px solid #03918a; }
        header #details ul.locations li:last-child {
          font-size: 1.125rem;
          margin: 1.25rem 1.25rem;
          font-weight: 700;
          font-family: "Lato", Arial, sans-serif;
          border: none; }
        header #details ul.locations li:hover, header #details ul.locations li:focus {
          border-bottom: 2px solid #03918a; }
        header #details ul.locations li a {
          text-decoration: none;
          color: #ffffff; }
    header #details strong {
      color: #03918a;
      font-weight: 700;
      display: block; }
      @media only screen and (max-width: 767px) {
        header #details strong {
          float: none;
          display: block;
          margin-left: auto;
          margin-right: auto;
          text-align: center;
          width: 100%;
          max-width: 100%; } }

/*=================================================================================
	CONTENT
=================================================================================*/
section#content {
  padding-bottom: 0; }
  section#content img {
    display: block;
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      section#content img {
        margin: 0; } }
    section#content img.contact-banner {
      margin-bottom: 1.25rem; }

section#services {
  padding: 2.5rem 1%;
  background: #30373e; }
  section#services .location-select select {
    background-color: #30373e;
    font-family: "Noto Serif", Arial, serif;
    color: #ffffff;
    font-weight: 400;
    border: none;
    border-bottom: 1px solid #03918a;
    margin: 1.25rem; }
  @media screen and (min-width: 768px) {
    section#services .location-select {
      display: none; } }
  section#services ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    font-family: "Noto Serif", Arial, serif;
    margin: 0;
    padding: 0 0 1.25rem 0; }
    @media only screen and (min-width: 320px) {
      section#services ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    @media only screen and (min-width: 480px) {
      section#services ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; } }
    @media only screen and (min-width: 768px) {
      section#services ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 1.25rem 0 0; } }
    section#services ul li {
      padding: 0.3125rem 0.625rem;
      font-size: 0.875rem;
      line-height: 1.1;
      color: #ffffff; }
      section#services ul li a {
        color: inherit;
        text-decoration: none; }
        @media only screen and (max-width: 768px) {
          section#services ul li a:before {
            content: "\f061";
            padding-right: 0.4375rem;
            font-family: FontAwesome;
            font-weight: 200; } }
        section#services ul li a.current, section#services ul li a:hover {
          color: #03918a; }
  section#services .service_box {
    display: none;
    color: #ffffff;
    margin: 2.5rem 0; }
    section#services .service_box:first-of-type {
      display: block; }
    section#services .service_box h4 {
      color: #03918a;
      margin: 0 0 0.625rem;
      font-size: 1.5rem;
      line-height: 1.8; }
    section#services .service_box a {
      color: #ffffff;
      text-decoration: none;
      border-bottom: 1px dotted #03918a; }
      section#services .service_box a:hover {
        color: #03918a; }
    section#services .service_box .btn {
      border: none;
      background-color: #03918a; }
      section#services .service_box .btn:hover {
        background-color: #03918a;
        color: #ffffff; }

section#corporate-services {
  background-color: rgba(48, 55, 62, 0.9);
  padding: 3.125rem 0;
  color: #ffffff; }
  section#corporate-services h2 {
    color: #03918a;
    font-size: 1.5rem; }
  section#corporate-services a {
    text-decoration: none;
    color: #ffffff;
    border-bottom: 1px dotted #03918a; }
    section#corporate-services a:hover {
      color: #03918a; }

.home-splash {
  background-image: url("../reflectionpsychology/img/backgrounds/background-01.jpg");
  background-size: cover;
  background-position: center; }

#latest-post {
  margin: 2.5rem auto; }
  #latest-post h6 {
    font-size: 1.875rem;
    color: #03918a;
    margin: 1.25rem auto;
    padding: 0.83333rem;
    border: 8px solid #03918a;
    width: 60%;
    text-align: center; }
    @media screen and (min-width: 768px) {
      #latest-post h6 {
        width: 40%; } }
  #latest-post h3 {
    font-size: 1.25rem; }
  #latest-post a {
    text-transform: uppercase; }

/*=================================================================================
		ARTICLES & MAIN CONTENT
	=================================================================================*/
main {
  padding: 0 1.25rem; }

article, main {
  position: relative;
  /*==============================================
			EXTRAS
		==============================================*/
  /*==============================================
			POSTS & CHILDREN
		==============================================*/ }
  article hr, main hr {
    border-color: #d9d9d9;
    height: 0.0625rem; }
  article .columns.eight, main .columns.eight {
    padding-bottom: 1.25rem; }
    @media only screen and (min-width: 768px) {
      article .columns.eight:last-child, main .columns.eight:last-child {
        padding-left: 1.25rem; } }
  article .type-page, article .type-post, main .type-page, main .type-post {
    clear: both;
    padding: 1.25rem 0 0;
    margin: 1.25rem 0 0;
    border-top: 0.0625rem solid #d9d9d9; }
    article .type-page h2.title, article .type-post h2.title, main .type-page h2.title, main .type-post h2.title {
      background: none;
      padding: 0;
      margin: 0 0 0.3125rem; }
      article .type-page h2.title a, article .type-post h2.title a, main .type-page h2.title a, main .type-post h2.title a {
        text-decoration: none;
        padding: 0;
        margin: 0;
        border-color: transparent;
        color: inherit; }
        article .type-page h2.title a:hover, article .type-page h2.title a:focus, article .type-post h2.title a:hover, article .type-post h2.title a:focus, main .type-page h2.title a:hover, main .type-page h2.title a:focus, main .type-post h2.title a:hover, main .type-post h2.title a:focus {
          background: none;
          color: #30373e;
          border: none; }
    article .type-page .thumbnail, article .type-post .thumbnail, main .type-page .thumbnail, main .type-post .thumbnail {
      padding-bottom: 0.625rem; }
      @media only screen and (min-width: 768px) {
        article .type-page .thumbnail, article .type-post .thumbnail, main .type-page .thumbnail, main .type-post .thumbnail {
          padding-bottom: 0;
          padding-right: 1.25rem; } }
      article .type-page .thumbnail img, article .type-post .thumbnail img, main .type-page .thumbnail img, main .type-post .thumbnail img {
        display: block;
        margin: 0 0 0.625rem;
        width: 100%;
        height: auto; }
      article .type-page .thumbnail a, article .type-page .thumbnail a:hover, article .type-page .thumbnail a:focus, article .type-post .thumbnail a, article .type-post .thumbnail a:hover, article .type-post .thumbnail a:focus, main .type-page .thumbnail a, main .type-page .thumbnail a:hover, main .type-page .thumbnail a:focus, main .type-post .thumbnail a, main .type-post .thumbnail a:hover, main .type-post .thumbnail a:focus {
        border: none;
        padding: 0;
        margin: 0; }
  article .type-post:first-of-type, main .type-post:first-of-type {
    padding-top: 0;
    margin-top: 0;
    border-top: none; }
  article .type-page.hentry p, main .type-page.hentry p {
    display: inline; }

/*=================================================================================
	SIDEBARS
=================================================================================*/
#submenu {
  margin: 0;
  padding-right: 1.25rem; }
  @media only screen and (max-width: 479px) {
    #submenu {
      display: none; } }
  #submenu ul {
    list-style: none; }
    #submenu ul li.current_page_item a {
      color: #03918a; }
    #submenu ul li a {
      border: none;
      display: block;
      font-size: 0.875rem; }
      #submenu ul li a:hover {
        color: #03918a; }

#sidebar {
  margin: 1.25rem 0;
  font-size: 0.875rem;
  padding-left: 2.5rem; }
  @media acreen and (min-width: 768px) {
    #sidebar {
      margin: 0; } }
  #sidebar ul {
    list-style: none;
    margin: 0 0 1.25rem;
    padding: 1.25rem;
    background: #EDEDED; }
    #sidebar ul li a {
      border: none;
      display: block; }
  #sidebar .btn-secondary {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    padding: 0.625rem; }
  #sidebar h4 {
    margin: 1.25rem 0;
    font-size: 1.125rem;
    color: #30373e; }

/*=================================================================================
	FOOTER
=================================================================================*/
#boxes {
  margin-top: 1.25rem; }
  #boxes article {
    width: 100% !important;
    float: left;
    display: inline-block; }
    @media screen and (min-width: 768px) {
      #boxes article {
        width: 25% !important; } }
    #boxes article img {
      width: 100%;
      padding: 0;
      margin: 0; }
    #boxes article h5 {
      position: absolute;
      top: 0;
      width: 100%;
      padding: 0.625rem;
      text-align: center;
      background-color: #30373e;
      color: #ffffff;
      font-family: "Lato", Arial, sans-serif;
      text-transform: uppercase; }
    #boxes article .block-content {
      display: none; }
    #boxes article:hover h5 {
      background-color: #03918a; }
    #boxes article:hover .block-content {
      display: block;
      position: absolute;
      top: 20%;
      left: 10%;
      bottom: 10%;
      width: 80%;
      height: 70%;
      padding: 1.25rem;
      text-align: center;
      background-color: #30373e;
      color: #ffffff;
      font-size: 0.75rem; }
      @media screen and (min-width: 1440px) {
        #boxes article:hover .block-content {
          font-size: 1rem;
          padding: 2.5rem; } }
      #boxes article:hover .block-content p > a {
        color: #ffffff; }
        #boxes article:hover .block-content p > a:hover {
          color: #03918a; }

footer {
  background: #30373e;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  /*End footer ul*/ }
  @media screen and (max-width: 768px) {
    footer {
      padding-bottom: 6.25rem; } }
  footer h3 {
    margin: 1.875rem 0 0 0;
    font-size: 1.25rem; }
    @media only screen and (max-width: 767px) {
      footer h3 {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 100%;
        max-width: 100%; } }
  footer ul {
    /*Center all footer lists on mobile*/
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
    font-size: 0;
    margin: 1.25rem 0 0 0;
    /* End footer ul li */ }
    @media only screen and (max-width: 767px) {
      footer ul {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 100%;
        max-width: 100%; } }
    @media screen and (min-width: 768px) {
      footer ul {
        border-top: 1px solid #426172; } }
    footer ul.location {
      width: 16.4%;
      display: inline-table !important; }
    footer ul li {
      display: inline-block;
      list-style: none;
      padding-right: 0.625rem;
      margin: 0;
      font-size: 0.875rem;
      /* End footer ul li a */ }
      @media only screen and (max-width: 767px) {
        footer ul li:last-child {
          padding-right: 0; } }
      footer ul li a {
        border: 0;
        text-decoration: none;
        color: #426172;
        font-family: "Lato", Arial, sans-serif;
        font-size: 0.75rem;
        display: inline; }
        footer ul li a:hover, footer ul li a:focus {
          color: #FFF; }
        footer ul li a span {
          -webkit-transition: none;
          -o-transition: none;
          transition: none;
          font-size: 0.75rem; }
    footer ul:last-of-type {
      text-align: right; }
      @media only screen and (max-width: 767px) {
        footer ul:last-of-type {
          float: none;
          display: block;
          margin-left: auto;
          margin-right: auto;
          text-align: center;
          width: 100%;
          max-width: 100%; } }
      @media only screen and (max-width: 767px) {
        footer ul:last-of-type {
          padding-top: 0 !important; } }
      footer ul:last-of-type li:last-child {
        padding-right: 0; }
  footer .locations ul {
    display: inline-block;
    border: none; }
    @media only screen and (max-width: 767px) {
      footer .locations ul {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 100%;
        max-width: 100%; } }
    footer .locations ul li {
      display: block; }
      footer .locations ul li:nth-child(3) a {
        color: #03918a; }
      footer .locations ul li h5 {
        color: #ffffff;
        font-weight: 400; }
        footer .locations ul li h5:hover {
          color: #03918a; }
      footer .locations ul li address {
        font-style: normal; }
      footer .locations ul li a {
        text-decoration: none;
        font-weight: 700;
        color: #666;
        margin-top: 0.41667rem; }
        footer .locations ul li a:hover {
          color: #03918a; }
    footer .locations ul:last-of-type {
      text-align: left; }
      @media only screen and (max-width: 767px) {
        footer .locations ul:last-of-type {
          float: none;
          display: block;
          margin-left: auto;
          margin-right: auto;
          text-align: center;
          width: 100%;
          max-width: 100%; } }

/*End footer */
/*=================================================================================
	WIDGETS
=================================================================================*/
/* Overrides */
/*=================================================================================
	IE
=================================================================================*/
.lt-ie9 html, .lt-ie9 body {
  font-size: 100%; }

/*=================================================================================
	BROWSER WARNING
=================================================================================*/
#browser {
  text-align: center;
  padding: 0;
  background: #ffffcc;
  margin: 0;
  font-size: 70%;
  width: 100%;
  border-bottom: 1px solid #cccccc;
  font-family: "Lato", Arial, sans-serif;
  z-index: 10000;
  position: relative; }

#browser span {
  display: block;
  width: 960px;
  margin: 0 auto;
  padding: 3px;
  color: #666666; }

#browser span a {
  color: #000;
  text-decoration: none; }

#browser span a:hover,
#browser span a:focus {
  background: none;
  color: #000;
  text-decoration: underline; }