/*
Theme Name: Financially Free Accounting
Author: Leesa Ward @ GOOP.
Author URI: http://www.goop.com.au/
Description: Custom WordPress theme for Financially Free Accounting
Text Domain: financiallyfree
SASS: 1.6.1
Version: 1.0
*/
/* Font imports */
@import url("//goopfiles.com/library/fonts/font-awesome/css/font-awesome.min.css");
@import url("//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,400italic|Bree+Serif");
/* 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 this size*/
/* Colour scheme */
/*Dark grey*/
/* 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 */
/*==============================================
	BUTTON MIXINS
==============================================*/
/*==============================================
	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;
}

*/
/* Base */
/*=================================================================================
	base.css v1.6
=================================================================================*/
/* line 4, base\_base.scss */
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;
}

/* line 13, base\_base.scss */
html {
  -webkit-text-size-adjust: none;
}

/* line 16, base\_base.scss */
body {
  line-height: 1;
  background: #ffffff;
}

/* line 20, base\_base.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block;
}

/* line 23, base\_base.scss */
nav ul, aside ul {
  list-style: none;
}

/* line 26, base\_base.scss */
blockquote, q {
  quotes: none;
}

/* line 29, base\_base.scss */
blockquote:before, blockquote:after, q:before, q:after {
  content: none;
}

/* line 32, base\_base.scss */
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* line 39, base\_base.scss */
ins {
  text-decoration: none;
}

/* line 42, base\_base.scss */
mark {
  font-weight: bold;
}

/* line 45, base\_base.scss */
del {
  text-decoration: line-through;
}

/* line 48, base\_base.scss */
abbr[title], dfn[title] {
  border-bottom: 0.0625rem dotted #cccfd0;
  cursor: help;
}

/* line 54, base\_base.scss */
hr {
  display: block;
  height: 0.0625rem;
  border: 0;
  border-top: 0.0625rem solid #cccfd0;
  margin: 1.25rem 0;
  padding: 0;
}

/* line 62, base\_base.scss */
input, select {
  vertical-align: middle;
}

/* line 65, base\_base.scss */
ul, ol {
  font-size: 0;
}

/* line 68, base\_base.scss */
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;
}

/* line 77, base\_base.scss */
main blockquote, article blockquote {
  margin: 0 1.25rem 1em 1.25rem;
}

/* line 80, base\_base.scss */
main ul.columns-1, article ul.columns-2, article ul.columns-3, article ul.columns-4 {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* line 85, base\_base.scss */
main ul.columms-1 {
  float: left;
  display: inline;
  width: 100%;
}

/* line 90, base\_base.scss */
main ul.columns-2 li {
  float: left;
  display: inline;
  width: 50%;
}

/* line 95, base\_base.scss */
main ul.columns-3 li {
  float: left;
  display: inline;
  width: 33.333%;
}

/* line 100, base\_base.scss */
main ul.columns-4 li {
  float: left;
  display: inline;
  width: 25%;
}

/*=================================================================================
	FLUID COLUMNS
=================================================================================*/
/* line 109, base\_base.scss */
.container {
  position: relative;
  width: 98%;
  padding: 0 1%;
  max-width: 1024px;
  margin: 0 auto;
  /*@media only screen and (min-width:$large) {
  	width: 100%;
  	max-width: 100%;
  }*/
}
/* line 121, base\_base.scss */
.container#content {
  max-width: 960px;
}

/* line 125, base\_base.scss */
.container .column, .container .columns {
  float: left;
  display: inline;
}

/* line 129, base\_base.scss */
.row {
  margin-bottom: 0;
}

/* line 132, base\_base.scss */
.container .one.column, .container .one.columns {
  width: 6.25%;
}

/* line 135, base\_base.scss */
.container .two.columns {
  width: 12.5%;
}

/* line 138, base\_base.scss */
.container .three.columns {
  width: 18.75%;
}

/* line 141, base\_base.scss */
.container .four.columns {
  width: 25%;
}

/* line 144, base\_base.scss */
.container .five.columns {
  width: 31.25%;
}

/* line 147, base\_base.scss */
.container .six.columns {
  width: 37.5%;
}

/* line 150, base\_base.scss */
.container .seven.columns {
  width: 43.75%;
}

/* line 153, base\_base.scss */
.container .eight.columns {
  width: 50%;
}

/* line 156, base\_base.scss */
.container .nine.columns {
  width: 56.25%;
}

/* line 159, base\_base.scss */
.container .ten.columns {
  width: 62.5%;
}

/* line 162, base\_base.scss */
.container .eleven.columns {
  width: 68.75%;
}

/* line 165, base\_base.scss */
.container .twelve.columns {
  width: 75%;
}

/* line 168, base\_base.scss */
.container .thirteen.columns {
  width: 81.25%;
}

/* line 171, base\_base.scss */
.container .fourteen.columns {
  width: 87.5%;
}

/* line 174, base\_base.scss */
.container .fifteen.columns {
  width: 93.75%;
}

/* line 177, base\_base.scss */
.container .sixteen.columns {
  width: 100%;
}

/* line 180, base\_base.scss */
.container .one-third.column {
  width: 33.33%;
}

/* line 183, base\_base.scss */
.container .two-thirds.column {
  width: 66.66%;
}

/*=================================================================================
	FORMS
=================================================================================*/
/* line 190, base\_base.scss */
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*=================================================================================
	OFFSETS
=================================================================================*/
/* line 201, base\_base.scss */
.container .columns.offset-by-one {
  margin-left: 6.25%;
}

/* line 204, base\_base.scss */
.container .columns.offset-by-two {
  margin-left: 12.5%;
}

/* line 207, base\_base.scss */
.container .columns.offset-by-three {
  margin-left: 18.75%;
}

/* line 210, base\_base.scss */
.container .columns.offset-by-four {
  margin-left: 25%;
}

/* line 213, base\_base.scss */
.container .columns.offset-by-five {
  margin-left: 31.25%;
}

/* line 216, base\_base.scss */
.container .columns.offset-by-six {
  margin-left: 37.5%;
}

/* line 219, base\_base.scss */
.container .columns.offset-by-seven {
  margin-left: 43.75%;
}

/* line 222, base\_base.scss */
.container .columns.offset-by-eight {
  margin-left: 50%;
}

/* line 225, base\_base.scss */
.container .columns.offset-by-nine {
  margin-left: 56.25%;
}

/* line 228, base\_base.scss */
.container .columns.offset-by-ten {
  margin-left: 62.5%;
}

/* line 231, base\_base.scss */
.container .columns.offset-by-eleven {
  margin-left: 68.75%;
}

/* line 234, base\_base.scss */
.container .columns.offset-by-twelve {
  margin-left: 75%;
}

/* line 237, base\_base.scss */
.container .columns.offset-by-thirteen {
  margin-left: 81.25%;
}

/* line 240, base\_base.scss */
.container .columns.offset-by-fourteen {
  margin-left: 87.5%;
}

/* line 243, base\_base.scss */
.container .columns.offset-by-fifteen {
  margin-left: 93.75%;
}

/*=================================================================================
	OFFSETS - Smaller offsets using a variable $gutter as padding
=================================================================================*/
/* line 249, base\_base.scss */
.gutter-left {
  padding-left: 1.25rem;
}

/* line 252, base\_base.scss */
.gutter-right {
  padding-right: 1.25rem;
}

@media only screen and (max-width: 767px) {
  /* line 257, base\_base.scss */
  .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
=================================================================================*/
/* line 267, base\_base.scss */
.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;
}

/* line 275, base\_base.scss */
.clearfix:after, .row:after, .group:after, section:after, article:after {
  clear: both;
}

/* line 278, base\_base.scss */
.clearfix, .row, .group, section, article {
  zoom: 1;
}

/*=================================================================================
	SELECTIONS
=================================================================================*/
/* line 285, base\_base.scss */
::-moz-selection {
  background: #dddddd;
}
::selection {
  background: #dddddd;
}

/* line 288, base\_base.scss */
::-moz-selection {
  background: #dddddd;
}

/* line 291, base\_base.scss */
.lt-ie8 .clearfix, .lt-ie8 .row, .lt-ie8 .group {
  zoom: 0;
}

/*=================================================================================
	ACTIVE NUMBERS
=================================================================================*/
/* line 298, base\_base.scss */
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;
}
/* line 309, base\_base.scss */
.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;
}

/* line 312, base\_base.scss */
.goop-logo:before {
  content: "\e600";
}

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

/*=================================================================================
	SITEMAP
=================================================================================*/
/* line 329, base\_base.scss */
main ul.sitemap li ul {
  margin-top: 0.1875rem;
  margin-bottom: 0;
}
/* line 333, base\_base.scss */
main ul.sitemap li.current_page_item {
  display: none;
}

/*=================================================================================
	SCROLL
=================================================================================*/
/* line 342, base\_base.scss */
#scroll {
  padding: 0;
  font-size: 1.5625rem;
  position: fixed;
  bottom: 0.625rem;
  right: 0.625rem;
  cursor: pointer;
  display: none;
  color: #636b6d;
  z-index: 10000;
  opacity: 0.5;
}

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

/*=================================================================================
	IFRAMES
=================================================================================*/
/* line 376, base\_base.scss */
main iframe {
  margin: 0 0 1.25rem;
  display: block;
  width: 100% !important;
}

/*==============================================
	UTILITY CLASSES
==============================================*/
/* line 385, base\_base.scss */
.clearfix {
  clear: both;
}

/* line 388, base\_base.scss */
.left, .columns.left {
  float: left;
}

/* line 391, base\_base.scss */
.right, .columns.right {
  float: right;
}

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

/*=================================================================================
	MAIN NAVIGATION
=================================================================================*/
/* line 32, base\_navigation.scss */
#nav-wrapper {
  background: #636b6d;
  height: 45px;
}
@media only screen and (min-width: 768px) {
  /* line 32, base\_navigation.scss */
  #nav-wrapper {
    height: 85px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 41, base\_navigation.scss */
  #nav-wrapper .container {
    width: 100%;
    padding: 0;
  }
}

/* line 49, base\_navigation.scss */
nav {
  padding: 0;
  margin: 0;
  width: 100%;
  display: none !important;
  z-index: 9999;
}
@media only screen and (min-width: 768px) {
  /* line 49, base\_navigation.scss */
  nav {
    display: block !important;
  }
}
@media only screen and (min-width: 1715px) {
  /* line 49, base\_navigation.scss */
  nav {
    max-width: 960px;
    margin: 0 auto;
    float: none !important;
  }
}
/* line 66, base\_navigation.scss */
nav ul {
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
/* line 77, base\_navigation.scss */
nav ul li {
  font-family: "Source Sans Pro", "Verdana", "Tahoma", sans-serif;
  font-size: 1rem;
  color: #FFF;
  font-weight: normal;
  display: inline-block;
  margin: 0;
  position: relative;
  margin: 0;
  padding: 1.875rem 0.3125rem;
  background: #636b6d;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  min-width: 81px;
  /*==============================================
  	DROPDOWNS
  ==============================================*/
  /*==============================================
  	SECOND LEVEL HOVER
  ==============================================*/
}
@media only screen and (min-width: 960px) {
  /* line 77, base\_navigation.scss */
  nav ul li {
    font-size: 1.125rem;
    padding: 1.875rem 0.625rem;
  }
}
/* line 96, base\_navigation.scss */
nav ul li > a {
  color: white;
  padding: 1.875rem 0.625rem;
  text-decoration: none;
  margin: 0;
  display: block;
  padding: 0;
}
/* line 104, base\_navigation.scss */
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: #636b6d url(img/icons/menu-hover.png) no-repeat top left;
}
/* line 106, base\_navigation.scss */
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: #97bf8f;
}
/* line 114, base\_navigation.scss */
nav ul li ul {
  position: absolute;
  left: 0;
  top: -9999px;
  opacity: 0;
  font-size: 0.85em;
  z-index: 9999;
  padding-top: 0.3125rem;
}
/* line 123, base\_navigation.scss */
nav ul li ul li {
  background: #636b6d;
  display: block;
  margin: 0;
  line-height: 1.875rem;
  font-weight: 300;
  font-size: 1em;
  padding: 0 0.625rem;
}
/* line 138, base\_navigation.scss */
nav ul li ul li > a {
  color: white;
  margin: 0;
}
/* line 142, base\_navigation.scss */
nav ul li ul li > a:hover, nav ul li ul li > a:focus {
  color: #97bf8f;
}
/* line 146, base\_navigation.scss */
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: #636b6d url(img/icons/submenu-hover.png) no-repeat top left 2px;
}
/* line 148, base\_navigation.scss */
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: #97bf8f;
}
/* line 153, base\_navigation.scss */
nav ul li ul li ul li {
  background: #6f787a;
}
/* line 164, base\_navigation.scss */
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;
  padding-top: 0.3125rem;
  /*==============================================
  	THIRD LEVEL HOVER
  ==============================================*/
}
/* line 182, base\_navigation.scss */
nav ul li:hover ul li ul {
  visibility: hidden;
  top: -9999px;
  left: 0;
  opacity: 0;
  border: 0;
  padding: 0;
}
/* line 191, base\_navigation.scss */
nav ul li:hover ul li:hover ul {
  top: 0;
  left: 100%;
  visibility: visible;
  opacity: 1;
}

/*=================================================================================
	FORMS
=================================================================================*/
/* line 5, base\_forms.scss */
form li {
  list-style: none;
}
/* line 8, base\_forms.scss */
form label {
  display: block;
  margin-top: 1em;
}
/* line 12, base\_forms.scss */
form input[type=radio] + label {
  margin-top: 0;
}
/* line 15, base\_forms.scss */
form input[type=checkbox] + label, form input[type=radio] + label, form label.checkbox {
  display: inline-block;
}
/* line 18, base\_forms.scss */
form input[type=text], form input[type=email], form input[type=password], form textarea, form select {
  border: 0.0625rem solid #cccfd0;
  padding: 0.3125rem;
  display: block;
  margin-left: 0 !important;
  width: 100% !important;
  color: #969ea0;
  border-radius: 0.1875rem;
}
/* line 26, base\_forms.scss */
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: #636b6d;
}

/*=================================================================================
	NINJA FORMS
=================================================================================*/
/* line 35, base\_forms.scss */
.ninja-forms-cont {
  padding-bottom: 1.25rem;
}
/* line 37, base\_forms.scss */
.ninja-forms-cont .ninja-forms-response-msg {
  margin: 0;
  font-weight: 700;
}
/* line 41, base\_forms.scss */
.ninja-forms-cont .ninja-forms-response-msg.ninja-forms-error-msg {
  color: #cc0000;
}
/* line 43, base\_forms.scss */
.ninja-forms-cont .ninja-forms-response-msg.ninja-forms-error-msg p {
  display: inline;
  padding-right: 0.3125rem;
}
/* line 48, base\_forms.scss */
.ninja-forms-cont ninja-forms-response-msg.ninja-forms-success-msg {
  color: #4faa7b;
  margin: 0 0 1.25rem;
}
/* line 52, base\_forms.scss */
.ninja-forms-cont .ninja-forms-field-error {
  color: #cc0000;
  font-size: 0.75rem;
}
/* line 55, base\_forms.scss */
.ninja-forms-cont .ninja-forms-field-error p {
  display: inline;
}
/* line 60, base\_forms.scss */
.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;
}
/* line 64, base\_forms.scss */
.ninja-forms-cont .ninja-forms-field-description {
  font-size: 0.75rem;
}
/* line 67, base\_forms.scss */
.ninja-forms-cont .ninja-forms-field-description p {
  margin: 0 0 0.3125rem;
  color: #969ea0;
}
/* line 72, base\_forms.scss */
.ninja-forms-cont .ninja-forms-required-items {
  display: block;
  margin: 0 0 0.3125rem 0;
  font-size: 0.75rem;
  color: #969ea0;
  font-style: italic;
}
/* line 79, base\_forms.scss */
.ninja-forms-cont .input-group {
  margin-top: 1em;
}
/* line 82, base\_forms.scss */
.ninja-forms-cont .field-wrap {
  margin-bottom: 0.5rem !important;
}
/* line 85, base\_forms.scss */
.ninja-forms-cont .field-wrap:last-child {
  margin-bottom: 0 !important;
}

/*=================================================================================
	DATEPICKER
=================================================================================*/
/* line 93, base\_forms.scss */
.ui-datepicker-header {
  background: #636b6d;
  color: #ffffff;
}

/* line 97, base\_forms.scss */
.ui-datepicker-calendar {
  border: 1px solid #636b6d;
}

/* line 100, base\_forms.scss */
a.ui-state-default {
  color: #636b6d;
  display: block;
  padding: 2px;
}
/* line 104, base\_forms.scss */
a.ui-state-default:hover, a.ui-state-default:focus {
  background: #636b6d;
  color: #ffffff;
}

/*==============================================
	IMAGES
==============================================*/
/* line 4, base\_images.scss */
.alignnone {
  margin: 0 0 1.25rem 0;
}

/* line 7, base\_images.scss */
.aligncenter, div.aligncenter {
  display: block;
  margin: 0 auto 1.25rem;
}

/* line 11, base\_images.scss */
.alignright {
  float: right;
  margin: 0 0 1.25rem 1.25rem;
}

/* line 15, base\_images.scss */
.alignleft {
  float: left;
  margin: 0 1.25rem 1.25rem 0;
}

/* line 19, base\_images.scss */
.aligncenter {
  display: block;
  margin: 0 auto;
}

/* line 23, base\_images.scss */
img, img[class*="align"], img[class*="wp-image-"] {
  max-width: 100%;
  height: auto;
}

/* line 27, base\_images.scss */
img.alignright {
  margin-left: 0 0 1.25rem 1.25rem;
}

/* line 30, base\_images.scss */
img.alignleft {
  margin: 0 1.25rem 1.25rem 0;
}

/* line 33, base\_images.scss */
img.aligncenter {
  display: block;
  margin: 0 auto 1.25rem;
}

/* line 37, base\_images.scss */
img[class*="align"], img[class*="wp-image-"] {
  border: none;
}

/* line 40, base\_images.scss */
img.wp-post-image {
  display: block;
  margin: 0 auto;
  margin-bottom: 1.875rem;
}

@media only screen and (max-width: 599px) {
  /* line 46, base\_images.scss */
  .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) {
  /* line 46, base\_images.scss */
  .alignnone, .aligncenter, div.aligncenter, .alignright, .alignleft, .aligncenter {
    width: 100% !important;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    float: none;
  }
}

/* line 51, base\_images.scss */
.size-full {
  width: 100%;
  height: auto;
}

/* line 55, base\_images.scss */
.size-medium {
  width: 60%;
  height: auto;
}

/* line 59, base\_images.scss */
.size-small {
  width: 30%;
  height: auto;
}

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

/* line 80, base\_images.scss */
.wp-caption-text {
  font-size: 0.75rem;
  padding: 0.625rem 0.3125rem;
  opacity: 0.8;
}

/*=================================================================================
	PAGINATION
=================================================================================*/
/* line 4, base\_pagination.scss */
main .pagination {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  padding: 0;
  display: block;
  /*=================================================================================
  	SINGLE POSTS
  =================================================================================*/
}
/* line 9, base\_pagination.scss */
main .pagination span, main .pagination a {
  display: inline-block;
  background: #636b6d;
  color: #ffffff;
  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;
}
/* line 22, base\_pagination.scss */
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: #4b5152;
  border: none;
  color: #ffffff;
}
/* line 32, base\_pagination.scss */
main .pagination.single div {
  display: inline-block;
  width: 50%;
  margin: 0;
}
/* line 37, base\_pagination.scss */
main .pagination.single div.newer {
  text-align: right;
}

/*=================================================================================
	BUTTONS
=================================================================================*/
/* line 4, base\_buttons.scss */
.btn, input[type=submit], button {
  color: #ffffff;
  background: #4faa7b;
  text-transform: uppercase;
  font-size: 0.875rem;
  padding: 0.5rem 0.83333rem;
  margin: 0;
  cursor: pointer;
  border: 0;
  display: inline-block;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  line-height: 1.4;
  margin-bottom: 0.625rem;
  -webkit-appearance: none;
  /*Stops iOS from taking over how buttons look*/
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/* line 21, core\_mixins.scss */
.btn:hover, .btn:focus, input[type=submit]:hover, input[type=submit]:focus, button:hover, button:focus {
  color: #ffffff;
  background: #3f8762;
  border: 0;
}

/*=================================================================================
	BUTTON VARIATIONS
=================================================================================*/
/* line 11, base\_buttons.scss */
.btn-primary {
  color: #ffffff;
  background: #4faa7b;
  text-transform: uppercase;
  font-size: 0.875rem;
  padding: 0.5rem 0.83333rem;
  margin: 0;
  cursor: pointer;
  border: 0;
  display: inline-block;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  line-height: 1.4;
  margin-bottom: 0.625rem;
  -webkit-appearance: none;
  /*Stops iOS from taking over how buttons look*/
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: #636b6d;
}
/* line 21, core\_mixins.scss */
.btn-primary:hover, .btn-primary:focus {
  color: #ffffff;
  background: #3f8762;
  border: 0;
}
/* line 32, core\_mixins.scss */
.btn-primary:hover, .btn-primary:focus {
  background: #4b5152;
}

/* line 14, base\_buttons.scss */
.btn-secondary {
  color: #ffffff;
  background: #4faa7b;
  text-transform: uppercase;
  font-size: 0.875rem;
  padding: 0.5rem 0.83333rem;
  margin: 0;
  cursor: pointer;
  border: 0;
  display: inline-block;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  line-height: 1.4;
  margin-bottom: 0.625rem;
  -webkit-appearance: none;
  /*Stops iOS from taking over how buttons look*/
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: #4faa7b;
}
/* line 21, core\_mixins.scss */
.btn-secondary:hover, .btn-secondary:focus {
  color: #ffffff;
  background: #3f8762;
  border: 0;
}
/* line 41, core\_mixins.scss */
.btn-secondary:hover, .btn-secondary:focus {
  background: #3f8762;
}

/* line 17, base\_buttons.scss */
.btn-accent {
  color: #ffffff;
  background: #4faa7b;
  text-transform: uppercase;
  font-size: 0.875rem;
  padding: 0.5rem 0.83333rem;
  margin: 0;
  cursor: pointer;
  border: 0;
  display: inline-block;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  line-height: 1.4;
  margin-bottom: 0.625rem;
  -webkit-appearance: none;
  /*Stops iOS from taking over how buttons look*/
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: #97bf8f;
}
/* line 21, core\_mixins.scss */
.btn-accent:hover, .btn-accent:focus {
  color: #ffffff;
  background: #3f8762;
  border: 0;
}
/* line 50, core\_mixins.scss */
.btn-accent:hover, .btn-accent:focus {
  background: #79ac6f;
}

/* line 21, base\_buttons.scss */
.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;
}
/* line 24, base\_buttons.scss */
.btn span, .btn-primary span, .btn-secondary span, .btn-accent span {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  display: inline-block;
}
/* line 29, base\_buttons.scss */
.btn i, .btn-primary i, .btn-secondary i, .btn-accent i {
  display: inline-block;
  line-height: 1;
  margin-left: 0.375rem;
}
/* line 33, base\_buttons.scss */
.btn i.fa-2x, .btn-primary i.fa-2x, .btn-secondary i.fa-2x, .btn-accent i.fa-2x {
  font-size: inherit;
}

/* line 38, base\_buttons.scss */
.btn-small {
  padding: 0.41667rem 0.625rem;
  font-size: 0.75rem;
  text-transform: uppercase;
}

/* line 41, base\_buttons.scss */
br + .btn {
  margin-top: 0.625rem;
}

/*==============================================
	MESSAGES
==============================================*/
/* line 4, base\_messages.scss */
.message, #mce-responses > div {
  padding: 1.25rem;
  margin-bottom: 1.25rem;
  margin-top: 1.25rem;
}
/* line 8, base\_messages.scss */
.message.warning, #mce-responses > div.warning {
  background: #fffbd7;
  border: 1px solid #d7c200;
}
/* line 12, base\_messages.scss */
.message.error, .message #mce-error-response, #mce-responses > div.error, #mce-responses > div #mce-error-response {
  background: #ffc6c7;
  border: 1px solid #c60004;
}
/* line 16, base\_messages.scss */
.message.success, .message #mce-success-response, #mce-responses > div.success, #mce-responses > div #mce-success-response {
  background: white;
  border: 1px solid #67ce87;
}

/*@import "base/lightbox";*/
/* Features */
/*=================================================================================
	RESPONSIVE MENU
=================================================================================*/
/* line 4, features\_responsive-nav.scss */
#responsive {
  background: #4b5152;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  display: block;
  position: relative;
  z-index: 1000;
}
@media only screen and (min-width: 768px) {
  /* line 4, features\_responsive-nav.scss */
  #responsive {
    display: none;
  }
}
/* line 14, features\_responsive-nav.scss */
#responsive span {
  padding: 0.625rem;
  position: absolute;
  z-index: 9999;
  width: 100%;
  text-align: left;
  color: #4faa7b;
  cursor: pointer;
  position: relative;
}
/* line 23, features\_responsive-nav.scss */
#responsive span i {
  font-size: 1.5625rem;
}
/* line 27, features\_responsive-nav.scss */
#responsive ul {
  background: #4faa7b;
  padding: 0;
  margin-bottom: 0;
  display: none;
  list-style: none;
}
/* line 33, features\_responsive-nav.scss */
#responsive ul li {
  border-bottom: 1px solid #3f8762;
  margin: 0;
  line-height: 2.1875rem;
  min-height: 2.1875rem;
  padding: 0;
  text-transform: uppercase;
}
/* line 40, features\_responsive-nav.scss */
#responsive ul li a {
  color: #ffffff;
  text-decoration: none;
  display: block;
  padding: 0 0.625rem;
}
/* line 46, features\_responsive-nav.scss */
#responsive ul li:last-child {
  border: none;
}
/* line 49, features\_responsive-nav.scss */
#responsive ul li:hover {
  background: #47996e;
  color: #ffffff;
}
/* line 53, features\_responsive-nav.scss */
#responsive ul li ul {
  display: none;
}
/* line 56, features\_responsive-nav.scss */
#responsive ul li.menu-item-has-children {
  position: relative;
}
/* line 58, features\_responsive-nav.scss */
#responsive ul li.menu-item-has-children:before {
  position: absolute;
  top: 0;
  right: 0.625rem;
  content: "\f107";
  color: #ffffff;
}

/*=================================================================================
	SLIDESHOW / IMAGE BANNER
=================================================================================*/
/* line 4, features\_slideshow.scss */
#slideshow {
  padding: 0;
  position: absolute;
  z-index: 0;
  margin: 0 auto;
  overflow-y: hidden;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  /* line 4, features\_slideshow.scss */
  #slideshow {
    height: 1220px;
  }
}
/* line 16, features\_slideshow.scss */
#slideshow .cycle-slideshow {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: block;
  max-width: 960px;
}
@media only screen and (min-width: 1715px) {
  /* line 16, features\_slideshow.scss */
  #slideshow .cycle-slideshow {
    max-width: 100%;
  }
}
/* line 27, features\_slideshow.scss */
#slideshow .cycle-slideshow img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
}
/* line 34, features\_slideshow.scss */
#slideshow .cycle-slideshow div {
  height: 520px;
  width: 100%;
  -webkit-background-size: cover;
  background-size: cover;
}
@media only screen and (min-width: 768px) {
  /* line 34, features\_slideshow.scss */
  #slideshow .cycle-slideshow div {
    height: 1220px;
  }
}
/* line 44, features\_slideshow.scss */
#slideshow .cycle-slideshow .cycle-caption {
  position: absolute;
  left: 6.25%;
  top: 1.875rem;
  z-index: 9999;
  font-size: 1.75rem;
  font-weight: 300;
  color: #323738;
  line-height: 1.875rem;
}
/* line 53, features\_slideshow.scss */
#slideshow .cycle-slideshow .cycle-caption strong {
  font-size: 2rem;
  display: block;
  font-weight: 600;
}
/* line 59, features\_slideshow.scss */
#slideshow .cycle-slideshow .cycle-pager {
  text-align: center;
  width: 100%;
  z-index: 9999;
  position: absolute;
  bottom: 0;
  left: 0;
}
/* line 66, features\_slideshow.scss */
#slideshow .cycle-slideshow .cycle-pager span {
  width: 0.875rem;
  height: 0.875rem;
  display: inline-block;
  background: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0);
  cursor: pointer;
  border: 0.0625rem solid white;
  border-radius: 0.875rem;
  margin: 0.125rem;
}
/* line 76, features\_slideshow.scss */
#slideshow .cycle-slideshow .cycle-pager span.cycle-pager-active {
  background: #ffffff;
}

/*@import "features/gallery";
@import "features/mailchimp";*/
/* line 2, features\_testimonials.scss */
blockquote.testimonial img {
  display: none;
}
/* line 5, features\_testimonials.scss */
main blockquote.testimonial {
  min-height: 0;
  position: relative;
  padding: 1.25rem 0 0 1.25rem;
  margin: 1.25rem 0 0;
  border-top: 0.0625rem solid #bec3c4;
}
/* line 11, features\_testimonials.scss */
main blockquote.testimonial:before {
  content: "\f10d";
  opacity: 0.3;
  position: absolute;
  top: 1.25rem;
  left: 0;
  clear: both;
  visibility: visible;
  overflow: visible;
}
/* line 21, features\_testimonials.scss */
main blockquote.testimonial.img {
  padding-right: 25%;
}
/* line 24, features\_testimonials.scss */
main blockquote.testimonial img {
  display: block;
  padding: 0 0 1.25rem 1.25rem;
  float: right;
  width: 25%;
  position: absolute;
  right: 0;
}
/* line 33, features\_testimonials.scss */
blockquote.testimonial ul, blockquote.testimonial ol {
  margin: 0 0 0.625rem 1.25rem;
}
/* line 36, features\_testimonials.scss */
blockquote.testimonial cite {
  display: block;
  margin: 0 0 0 0.625rem;
  margin-top: -0.3125rem;
  font-style: normal;
  font-size: 0.875rem;
  position: relative;
}
/* line 43, features\_testimonials.scss */
blockquote.testimonial cite a {
  font-size: 90%;
  opacity: 0.8;
  color: inherit;
  border: none;
}
/* line 49, features\_testimonials.scss */
blockquote.testimonial cite:before {
  content: "- ";
  position: absolute;
  top: 0;
  left: -0.5rem;
  clear: both;
}

/* Site specifc */
/*=================================================================================
	TABLE OF CONTENTS
=================================================================================*/
/* 
	- Basics
		- Utility classes
		- Typography
		- Links
		- Buttons
		- Messages
	- Header 
		- Details (Phone number etc)
	- Content
		- Homepage specific styles
		- Widget globals
		- Article
			- Lists
			- Blockquotes
			- Tables
			- Extras
		- Posts & Children
	- Sidebar
	- Footer
	- GOOP credit
	- Media Queries
*/
/*=================================================================================
	BASICS
=================================================================================*/
/* line 32, _main.scss */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  line-height: 1.4;
  font-size: 1rem;
  color: #636b6d;
  font-family: "Source Sans Pro", "Verdana", "Tahoma", sans-serif;
  font-weight: 400;
}

/* line 44, _main.scss */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 49, _main.scss */
a, img, span {
  -webkit-transition: all opacity 0.3s ease-in-out;
  transition: all opacity 0.3s ease-in-out;
}

/* line 57, _main.scss */
#financiallyfree {
  overflow: hidden;
}

/*==============================================
	TYPOGRAPHY
==============================================*/
/* line 65, _main.scss */
body, input, select, textarea, label, button {
  font-family: "Source Sans Pro", "Verdana", "Tahoma", sans-serif;
}

/* line 68, _main.scss */
ul li.menu-item-has-children:before, article blockquote:before {
  font-family: 'FontAwesome';
}

/* line 71, _main.scss */
h1, h2, h3, h4, h5, h6 {
  font-family: "Bree Serif", "Source Sans Pro", "Verdana", "Tahoma", sans-serif;
  font-weight: 400;
}

/* line 75, _main.scss */
h1, h2, h3, h4, h5, h6, p, ul {
  margin-bottom: 0.625rem;
}

/* line 78, _main.scss */
li, p {
  font-size: 1rem;
}

/* line 81, _main.scss */
small {
  font-size: 0.75rem;
}

/* line 84, _main.scss */
a {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

/*==============================================
	LINKS
==============================================*/
/* line 91, _main.scss */
main a, article a, aside a {
  color: #4b5152;
  text-decoration: none;
  position: relative;
  border-bottom: 1px dotted #969ea0;
}
/* line 96, _main.scss */
main a:hover, main a:focus, article a:hover, article a:focus, aside a:hover, aside a:focus {
  color: #636b6d;
  border-bottom: 1px solid #636b6d;
}
/* line 100, _main.scss */
main a.readmore, article a.readmore, aside a.readmore {
  white-space: nowrap;
}

/*=================================================================================
	HEADER
=================================================================================*/
/* line 108, _main.scss */
#header-wrapper {
  padding: 0;
  margin: 0;
  width: 100%;
  max-width: 100%;
  margin: 0;
  /*@media only screen and (min-width:$smallest) {
  	width: $smallest;
  }
  
  @media only screen and (min-width:$small) {
  	width: $small;
  }
  
  @media only screen and (min-width:$medium) {
  	width: $medium;
  }
  
  @media only screen and (min-width:$tablet-portrait) {
  	width: $tablet-portrait;
  }*/
  /*
  @media only screen and (min-width:$extra-large) {
  	width: $extra-large;
  }
  
  @media only screen and (min-width:$boundary) {
  	width: $boundary;
  }*/
}
@media only screen and (min-width: 960px) {
  /* line 108, _main.scss */
  #header-wrapper {
    width: 960px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1500px) {
  /* line 108, _main.scss */
  #header-wrapper {
    width: 100%;
    max-width: 100%;
  }
}

/* line 151, _main.scss */
header {
  position: absolute;
  overflow-x: hidden;
  z-index: 9990;
  top: 0;
  -webkit-background-size: cover;
  background-size: cover;
  height: 1220px;
  overflow-x: hidden;
  background: url(img/backgrounds/header-very-small.png) no-repeat top left;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  	/*@media only screen and (max-width:370px) {
  		left: -160px;
  	}
  	
  	
  
  	/*@media only screen and (min-width:$extra-large) {
  		width: $extra-large;
  		max-width: $extra-large;
  		overflow-x: visible;
  	}
  	
  	@media only screen and (min-width:$boundary) {
  		width: $boundary;
  		max-width: $boundary;
  		overflow-x: visible;
  	}*/
}
@media only screen and (min-width: 450px) {
  /* line 151, _main.scss */
  header {
    background: url(img/backgrounds/header-small.png) no-repeat top left;
  }
}
@media only screen and (min-width: 450px) and (min-width: 960px) {
  /* line 151, _main.scss */
  header {
    background: url(img/backgrounds/header-internal.png) no-repeat center top;
    width: 960px;
    max-width: 960px;
  }
}

@media only screen and (min-width: 1500px) {
  /* line 151, _main.scss */
  header {
    width: 100%;
    max-width: 100%;
  }
}
/* line 178, _main.scss */
#home header {
  background: url(img/backgrounds/header-very-small.png) no-repeat top left;
  -webkit-background-size: cover;
  background-size: cover;
}
@media only screen and (min-width: 450px) {
  /* line 178, _main.scss */
  #home header {
    background: url(img/backgrounds/header-small.png) no-repeat top left;
  }
}
@media only screen and (min-width: 960px) {
  /* line 178, _main.scss */
  #home header {
    background: url(img/backgrounds/header-home.png) no-repeat center top;
  }
}
/* line 210, _main.scss */
header #tagline {
  display: none;
}
@media only screen and (min-width: 960px) {
  /* line 210, _main.scss */
  header #tagline {
    display: block;
    float: left;
    display: inline;
    width: 56.25%;
  }
  /* line 217, _main.scss */
  header #tagline p {
    color: #FFF;
    font-size: 3rem;
    margin-top: 5rem;
    line-height: 1.2;
    font-weight: 300;
    text-align: center;
  }
  /* line 225, _main.scss */
  header #tagline p strong {
    display: block;
    font-weight: 300;
    color: #a9b9c1;
  }
}
@media only screen and (min-width: 1715px) {
  /* line 210, _main.scss */
  header #tagline {
    float: left;
    display: inline;
    width: 31.25%;
    margin-left: 6.25%;
    margin-top: 3.75rem;
  }
}

/*End of main header section*/
/* line 242, _main.scss */
#print-header {
  display: none;
}
@media print {
  /* line 242, _main.scss */
  #print-header {
    display: block;
    margin-top: 1cm;
  }
}

/* line 252, _main.scss */
#details {
  background: #636b6d;
  position: relative;
  z-index: 9998;
  text-align: right;
  display: block;
  max-width: 960px;
  float: none !important;
  padding: 0.625rem;
}
@media only screen and (max-width: 479px) {
  /* line 252, _main.scss */
  #details {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  /* line 252, _main.scss */
  #details {
    background: transparent;
    padding-top: 1.25rem;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 1024px) {
  /* line 252, _main.scss */
  #details {
    max-width: 960px;
    margin: 0 auto;
  }
}
/* line 275, _main.scss */
#details p {
  margin-bottom: 5px;
  color: #FFF;
  font-size: 1.25rem;
}
@media only screen and (max-width: 767px) {
  /* line 275, _main.scss */
  #details p {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
    max-width: 100%;
  }
}
/* line 282, _main.scss */
#details strong {
  color: #FFF;
  font-weight: 700;
}
@media only screen and (max-width: 959px) {
  /* line 282, _main.scss */
  #details strong {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  /* line 282, _main.scss */
  #details strong {
    text-align: right !important;
  }
}
@media only screen and (min-width: 960px) {
  /* line 292, _main.scss */
  #details strong:before {
    content: " | ";
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}

/*End of details subsection*/
/*=================================================================================
	CONTENT
=================================================================================*/
/* line 304, _main.scss */
section {
  padding: 1.25rem;
}
/* line 307, _main.scss */
section#content {
  position: relative;
  z-index: 9998;
  top: 32.5rem;
  padding-top: 1.25rem;
  padding-bottom: 35rem;
  /*same as relative position from top*/
}
/* line 315, _main.scss */
section #breadcrumbs {
  text-transform: uppercase;
  color: #969ea0;
  font-size: 0.75rem;
  padding-bottom: 0.625rem;
}
/* line 321, _main.scss */
section #breadcrumbs a {
  color: #969ea0;
}
/* line 324, _main.scss */
section #breadcrumbs a:hover, section #breadcrumbs a:focus {
  color: #4faa7b;
}
/* line 331, _main.scss */
section #submenu-jump {
  text-decoration: none;
  text-transform: uppercase;
  padding: 0.625rem;
  background: #e4e9ec;
  display: block;
  color: #4faa7b;
  margin-bottom: 1.25rem;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  /* line 331, _main.scss */
  section #submenu-jump {
    display: none;
  }
}

/*==============================================
	HOMEPAGE SPECIFIC STYLES
==============================================*/
/*=================================================================================
	WIDGET GLOBALS
=================================================================================*/
/*=================================================================================
	ARTICLES & MAIN CONTENT
=================================================================================*/
/* line 359, _main.scss */
article, main {
  position: relative;
  /*==============================================
  	LISTS
  ==============================================*/
  /*==============================================
  	SMALL
  ==============================================*/
  /*==============================================
  	BLOCKQUOTES
  ==============================================*/
  /*==============================================
  	TABLES
  ==============================================*/
  /*==============================================
  	EXTRAS
  ==============================================*/
}
/* line 361, _main.scss */
article h1, main h1 {
  font-size: 2.625rem;
  margin-bottom: 0.625rem;
  color: #636b6d;
}
/* line 366, _main.scss */
article h2, main h2 {
  font-size: 2rem;
  margin-bottom: 0.625rem;
  color: #636b6d;
}
/* line 371, _main.scss */
article h3, main h3 {
  font-size: 1.75rem;
  margin-bottom: 0.3125rem;
  color: #4faa7b;
}
/* line 376, _main.scss */
article h4, article h5, article h6, main h4, main h5, main h6 {
  font-size: 1.375rem;
  color: #97bf8f;
  margin-bottom: 0.3125rem;
}
/* line 381, _main.scss */
article p, main p {
  line-height: 1.3;
  margin-bottom: 0.625rem;
}
/* line 385, _main.scss */
article strong, main strong {
  font-weight: 700;
}
/* line 393, _main.scss */
article ul, article ol, main ul, main ol {
  margin: 0 1.5625rem 1.25rem;
}
/* line 395, _main.scss */
article ul li, article ol li, main ul li, main ol li {
  margin-bottom: 0.3125rem;
}
/* line 401, _main.scss */
article ul, main ul {
  list-style: disc;
}
/* line 404, _main.scss */
article ol, main ol {
  list-style: decimal;
}
/* line 412, _main.scss */
article small, main small {
  font-size: 0.75rem;
  margin: 0 0 0.625rem;
  opacity: 0.7;
  text-transform: uppercase;
}
/* line 418, _main.scss */
article .date, main .date {
  display: block;
}
/* line 426, _main.scss */
article blockquote, main blockquote {
  position: relative;
  padding: 1.25rem 0 0 1.25rem;
}
/* line 429, _main.scss */
article blockquote:before, main blockquote:before {
  font-family: "FontAwesome";
  content: "\f10d";
  opacity: 0.3;
  position: absolute;
  top: 1.25rem;
  left: 0;
  clear: both;
  visibility: visible;
  overflow: visible;
}
/* line 446, _main.scss */
article table, main table {
  margin: 0 0 1.25rem 0;
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #d9dcdc;
}
/* line 451, _main.scss */
article table th, article table td, main table th, main table td {
  border: 1px solid #d9dcdc;
  padding: 0.1875rem 0.625rem 0.1875rem;
}
/* line 461, _main.scss */
article hr, main hr {
  border-color: #d9dcdc;
  height: 0.0625rem;
}
/* line 466, _main.scss */
article .columns.eight, main .columns.eight {
  padding-bottom: 1.25rem;
}
@media only screen and (min-width: 768px) {
  /* line 469, _main.scss */
  article .columns.eight:last-child, main .columns.eight:last-child {
    padding-left: 1.25rem;
  }
}

/*=================================================================================
	POSTS & CHILDREN
=================================================================================*/
/* line 482, _main.scss */
main .page, main .post, article .page, article .post {
  clear: both;
  padding: 1.25rem 0 0;
  margin: 1.25rem 0 0;
  border-top: 0.0625rem solid #d9dcdc;
}
/* line 488, _main.scss */
main .page h2.title, main .post h2.title, article .page h2.title, article .post h2.title {
  background: none;
  padding: 0;
  margin: 0 0 0.3125rem;
}
/* line 492, _main.scss */
main .page h2.title a, main .post h2.title a, article .page h2.title a, article .post h2.title a {
  text-decoration: none;
  padding: 0;
  margin: 0;
  border-color: transparent;
  color: inherit;
}
/* line 498, _main.scss */
main .page h2.title a:hover, main .page h2.title a:focus, main .post h2.title a:hover, main .post h2.title a:focus, article .page h2.title a:hover, article .page h2.title a:focus, article .post h2.title a:hover, article .post h2.title a:focus {
  background: none;
  color: #636b6d;
  border: none;
}
/* line 505, _main.scss */
main .page .thumbnail, main .post .thumbnail, article .page .thumbnail, article .post .thumbnail {
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 768px) {
  /* line 505, _main.scss */
  main .page .thumbnail, main .post .thumbnail, article .page .thumbnail, article .post .thumbnail {
    padding-right: 1.25rem;
  }
}
/* line 510, _main.scss */
main .page .thumbnail img, main .post .thumbnail img, article .page .thumbnail img, article .post .thumbnail img {
  display: block;
  margin: 0.3125rem 0 0.625rem;
  width: 100%;
  height: auto;
}
/* line 516, _main.scss */
main .page .thumbnail a, main .page .thumbnail a:hover, main .page .thumbnail a:focus, main .post .thumbnail a, main .post .thumbnail a:hover, main .post .thumbnail a:focus, article .page .thumbnail a, article .page .thumbnail a:hover, article .page .thumbnail a:focus, article .post .thumbnail a, article .post .thumbnail a:hover, article .post .thumbnail a:focus {
  border: none;
  padding: 0;
  margin: 0;
}
/* line 524, _main.scss */
main .post:first-of-type, article .post:first-of-type {
  padding-top: 0;
  margin-top: 0;
  border-top: none;
}
/* line 531, _main.scss */
main .type-page.hentry p, article .type-page.hentry p {
  display: inline;
}

/*=================================================================================
	SIDEBAR
=================================================================================*/
/* line 540, _main.scss */
aside {
  margin-top: 1.25rem !important;
  padding-top: 1.25rem !important;
  border-top: 1px solid #c7d1d6;
}
@media only screen and (min-width: 768px) {
  /* line 540, _main.scss */
  aside {
    border-top: 0;
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-left: 1.25rem;
    border-left: 1px solid #c7d1d6;
  }
}
/* line 554, _main.scss */
aside h3 {
  color: #4faa7b;
  font-weight: 400;
  font-size: 1.375rem;
  text-transform: none;
}
/* line 560, _main.scss */
aside h3 a {
  color: #4faa7b;
}
/* line 565, _main.scss */
aside a {
  border: 0;
}
/* line 569, _main.scss */
aside ul {
  list-style: none;
  margin: 0;
}
/* line 573, _main.scss */
aside ul li {
  color: #323738;
  display: block;
  padding: 0.3125rem 0;
}
@media only screen and (min-width: 768px) {
  /* line 573, _main.scss */
  aside ul li {
    display: block;
  }
}
/* line 582, _main.scss */
aside ul li:before {
  font-family: "FontAwesome";
  content: "\f0da";
  margin-right: 0.625rem;
  color: #4faa7b;
}
/* line 588, _main.scss */
aside ul li a {
  border: none;
  color: #636b6d;
  border: 0;
}
/* line 593, _main.scss */
aside ul li a:hover, aside ul li a:focus {
  border: 0;
  color: #4faa7b;
}

/*=================================================================================
	FOOTER
=================================================================================*/
/* line 606, _main.scss */
footer {
  position: relative;
  z-index: 9999;
  /*End footer ul*/
  /* #supplementary */
}
/* line 610, _main.scss */
footer .container {
  /*max-width: rem-calc(1024);*/
}
/* line 614, _main.scss */
footer a {
  color: #636b6d;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
/* line 619, _main.scss */
footer a:hover, footer a:focus {
  color: #323738;
  border-color: #323738;
}
/* line 626, _main.scss */
footer ul {
  display: inline-block;
  /*Center all footer lists on mobile*/
  padding-top: 1.25rem;
}
@media only screen and (max-width: 767px) {
  /* line 626, _main.scss */
  footer ul {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
    max-width: 100%;
  }
}
/* line 635, _main.scss */
footer #blocks .block {
  padding: 1.25rem;
  text-align: center;
  position: relative;
}
/* line 640, _main.scss */
footer #blocks .block .icon {
  position: absolute;
  width: 100%;
  top: 9.375rem;
  left: 0;
}
/* line 646, _main.scss */
footer #blocks .block .icon i {
  color: #FFF;
  display: block;
  margin: 0 auto;
  font-size: 3.5rem;
}
/* line 654, _main.scss */
footer #blocks .block h5 {
  font-size: 1.75rem;
  padding-left: 0.83333rem;
  padding-right: 0.83333rem;
  font-weight: 400;
}
/* line 661, _main.scss */
footer #blocks .block a {
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
  border: 0;
}
/* line 667, _main.scss */
footer #blocks .block a img {
  padding: 1.875rem;
  -webkit-transition: -webkit-transform .4s ease-in-out;
  transition: transform .4s ease-in-out;
}
/* line 673, _main.scss */
footer #blocks .block a:hover, footer #blocks .block a:focus {
  transtion: all 0.6s ease;
  border: 0;
}
/* line 678, _main.scss */
footer #blocks .block a:hover img, footer #blocks .block a:focus img {
  -webkit-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  transform: rotate(-10deg);
}
/* line 688, _main.scss */
footer #blocks .block.business-planning h5, footer #blocks .block.business-planning a {
  color: #4faa7b;
}
/* line 692, _main.scss */
footer #blocks .block.business-planning a:hover,
footer #blocks .block.business-planning a:focus {
  border-color: #4faa7b;
}
/* line 700, _main.scss */
footer #blocks .block.external-cfo h5, footer #blocks .block.external-cfo a {
  color: #a9b9c1;
}
/* line 704, _main.scss */
footer #blocks .block.external-cfo a:hover,
footer #blocks .block.external-cfo a:focus {
  border-color: #a9b9c1;
}
/* line 712, _main.scss */
footer #blocks .block.professional-profile h5, footer #blocks .block.professional-profile a {
  color: #587484;
}
/* line 716, _main.scss */
footer #blocks .block.professional-profile a:hover,
footer #blocks .block.professional-profile a:focus {
  border-color: #587484;
}
/* line 727, _main.scss */
footer #primary {
  padding: 0;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
@media only screen and (min-width: 1500px) {
  /* line 727, _main.scss */
  footer #primary {
    margin-bottom: 0;
    margin-top: 0;
  }
}
/* line 737, _main.scss */
.home footer #primary {
  margin-top: 0;
}
@media only screen and (min-width: 1500px) {
  /* line 742, _main.scss */
  footer #primary .container {
    width: 100%;
    max-width: 1920px;
    padding: 0;
  }
}
/* line 749, _main.scss */
footer #primary .link {
  max-width: 480px;
  padding: 2.5rem;
  background-image: url(img/blocks/triangle-overlay.png);
  background-repeat: no-repeat;
  -webkit-transition: background 0.6s ease;
  transition: background 0.6s ease;
  border: 0;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 600px) {
  /* line 749, _main.scss */
  footer #primary .link {
    float: left;
    display: inline;
    width: 50%;
    min-height: 170px;
  }
}
@media only screen and (min-width: 1500px) {
  /* line 749, _main.scss */
  footer #primary .link {
    width: 25%;
    height: 315px;
  }
}
/* line 770, _main.scss */
footer #primary .link h6 {
  color: #FFF;
  font-weight: 400;
  font-size: 1.75rem;
  text-align: center;
}
/* line 777, _main.scss */
footer #primary .link.review {
  background-color: #4faa7b;
}
/* line 781, _main.scss */
footer #primary .link.newsletter {
  background-color: #97bf8f;
}
/* line 785, _main.scss */
footer #primary .link.news {
  background-color: #a9b9c1;
}
/* line 789, _main.scss */
footer #primary .link.contact {
  background-color: #587484;
}
/* line 793, _main.scss */
footer #primary .link:hover, footer #primary .link:focus {
  /*background-image: url(img/blocks/rectangle-overlay.png);*/
  background-position: 480px 480px;
}
/* line 802, _main.scss */
footer #supplementary {
  background: #636b6d;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  /* #supplementary ul */
}
/* line 807, _main.scss */
footer #supplementary * {
  font-size: 0.8125rem;
}
/* line 811, _main.scss */
footer #supplementary ul {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  /* #supplementary ul li */
  /* #supplementary ul.social */
  /*==============================================
  	GOOP CREDIT
  ==============================================*/
  /* #supplementary ul.goop */
}
@media only screen and (min-width: 768px) {
  /* line 811, _main.scss */
  footer #supplementary ul {
    padding-bottom: 0;
  }
}
/* line 819, _main.scss */
footer #supplementary ul li {
  display: inline-block;
  list-style: none;
  padding-right: 0.625rem;
  padding-bottom: 0.625rem;
  /* #supplementary ul li a */
}
@media only screen and (min-width: 768px) {
  /* line 819, _main.scss */
  footer #supplementary ul li {
    padding-bottom: 0;
  }
}
/* line 830, _main.scss */
footer #supplementary ul li a {
  border-color: transparent;
  color: #FFF;
  display: inline;
}
/* line 835, _main.scss */
footer #supplementary ul li a:hover, footer #supplementary ul li a:focus {
  border-color: #FFF;
}
/* line 843, _main.scss */
footer #supplementary ul.social {
  /* #supplementary ul.social li*/
}
/* line 844, _main.scss */
footer #supplementary ul.social li {
  margin-right: 0.9375rem;
  /* #supplementary ul.social li a */
}
/* line 847, _main.scss */
footer #supplementary ul.social li a {
  /* #supplementary ul.social li a span*/
}
/* line 849, _main.scss */
footer #supplementary ul.social li a:hover, footer #supplementary ul.social li a:focus {
  border-color: #4faa7b;
  /*no underline on icons*/
  color: #636b6d;
}
/* line 855, _main.scss */
footer #supplementary ul.social li a span {
  display: inline-block;
  padding-left: 0.3125rem;
  position: relative;
  bottom: 4px;
  -webkit-transition: none;
  transition: none;
  /*transition still works on the parent a element, but if it is on the span as well it creates a weird two-step transition*/
}
/* line 872, _main.scss */
footer #supplementary ul.goop {
  list-style: none;
  font-size: 0;
  width: 100%;
  /* #supplementary ul.goop li*/
}
/* line 876, _main.scss */
footer #supplementary ul.goop li {
  text-transform: uppercase;
  display: inline-block;
  padding: 0;
  line-height: 1.1;
  vertical-align: middle;
  margin: 0;
  margin-right: 0.625rem;
  /*#supplementary ul.goop li a*/
}
/* line 884, _main.scss */
footer #supplementary ul.goop li a {
  margin: 0;
  display: block;
  padding: 0.625rem;
  display: block;
}
@media only screen and (min-width: 768px) {
  /* line 884, _main.scss */
  footer #supplementary ul.goop li a {
    display: inline-block;
    padding: 0;
  }
}
/* line 895, _main.scss */
footer #supplementary ul.goop li a span {
  display: inline-block;
  margin-left: 0.3125rem;
  vertical-align: bottom;
}
/* line 911, _main.scss */
footer #supplementary .cpa {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  /* line 911, _main.scss */
  footer #supplementary .cpa {
    text-align: right;
  }
}
/* line 918, _main.scss */
footer #supplementary .cpa p {
  color: #FFF;
  margin: 0;
  font-size: 0.75rem;
}
/* line 923, _main.scss */
footer #supplementary .cpa p:first-child {
  margin-top: 0.3125rem;
}

/* footer */
/*Overrides*/
/*=================================================================================
	IE
=================================================================================*/
/* line 5, overrides\_ie.scss */
.lt-ie9 html, .lt-ie9 body {
  font-size: 100%;
}

/*=================================================================================
	BROWSER WARNING
=================================================================================*/
/* line 12, overrides\_ie.scss */
#browser {
  text-align: center;
  padding: 0;
  background: #ffffcc;
  margin: 0;
  font-size: 70%;
  width: 100%;
  border-bottom: 1px solid #cccccc;
  font-family: "Source Sans Pro", "Verdana", "Tahoma", sans-serif;
  z-index: 10000;
  position: relative;
}

/* line 24, overrides\_ie.scss */
#browser span {
  display: block;
  width: 960px;
  margin: 0 auto;
  padding: 3px;
  color: #666666;
}

/* line 31, overrides\_ie.scss */
#browser span a {
  color: #000;
  text-decoration: none;
}

/* line 35, overrides\_ie.scss */
#browser span a:hover,
#browser span a:focus {
  background: none;
  color: #000;
  text-decoration: underline;
}