/*!
Theme Name: mapaction
Theme URI: http://mapaction.org
Author: Aptivate (base theme from Automatic)
Author URI: http://aptivate.org
Description: Theme for Mapaction website, based on the _s base theme.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mapaction
Tags:

This theme, like WordPress, is licensed under the GPL.

mapaction is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/* Settings & Variables */
/* Browser reset/normalize */
/* line 1, sass/_reset.scss */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/* line 7, sass/_reset.scss */
body {
  margin: 0;
}

/* line 11, sass/_reset.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

/* line 26, sass/_reset.scss */
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

/* line 34, sass/_reset.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* line 39, sass/_reset.scss */
[hidden],
template {
  display: none;
}

/* line 44, sass/_reset.scss */
a {
  background-color: transparent;
}

/* line 48, sass/_reset.scss */
a:active,
a:hover {
  outline: 0;
}

/* line 53, sass/_reset.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

/* line 57, sass/_reset.scss */
b,
strong {
  font-weight: bold;
}

/* line 62, sass/_reset.scss */
dfn {
  font-style: italic;
}

/* line 66, sass/_reset.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* line 71, sass/_reset.scss */
mark {
  background: #ff0;
  color: #000;
}

/* line 76, sass/_reset.scss */
small {
  font-size: 80%;
}

/* line 80, sass/_reset.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 88, sass/_reset.scss */
sup {
  top: -0.5em;
}

/* line 92, sass/_reset.scss */
sub {
  bottom: -0.25em;
}

/* line 96, sass/_reset.scss */
img {
  border: 0;
}

/* line 100, sass/_reset.scss */
svg:not(:root) {
  overflow: hidden;
}

/* line 104, sass/_reset.scss */
figure {
  margin: 1em 40px;
}

/* line 108, sass/_reset.scss */
hr {
  box-sizing: content-box;
  height: 0;
}

/* line 113, sass/_reset.scss */
pre {
  overflow: auto;
}

/* line 117, sass/_reset.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* line 125, sass/_reset.scss */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

/* line 135, sass/_reset.scss */
button {
  overflow: visible;
}

/* line 139, sass/_reset.scss */
button,
select {
  text-transform: none;
}

/* line 144, sass/_reset.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

/* line 152, sass/_reset.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/* line 157, sass/_reset.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* line 163, sass/_reset.scss */
input {
  line-height: normal;
}

/* line 167, sass/_reset.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

/* line 173, sass/_reset.scss */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/* line 178, sass/_reset.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* line 183, sass/_reset.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/* line 189, sass/_reset.scss */
legend {
  border: 0;
  padding: 0;
}

/* line 194, sass/_reset.scss */
textarea {
  overflow: auto;
}

/* line 198, sass/_reset.scss */
optgroup {
  font-weight: bold;
}

/* line 202, sass/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 207, sass/_reset.scss */
td,
th {
  padding: 0;
}

/* Defaults for our site (base font sizes, etc.) */
/* line 1, sass/_defaults.scss */
html {
  box-sizing: border-box;
  font-size: 18px;
  line-height: 1.5;
  font-family: "Arial", "sans-serif";
  width: 100%;
  overflow-x: hidden;
}

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

/* line 16, sass/_defaults.scss */
body {
  background: white;
  overflow-x: hidden;
  width: 100%;
  position: relative;
}

/* line 23, sass/_defaults.scss */
blockquote, q {
  quotes: "" "";
}
/* line 25, sass/_defaults.scss */
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}

/* line 31, sass/_defaults.scss */
hr {
  background-color: #19458d;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

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

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

/* line 47, sass/_defaults.scss */
ul, ol {
  margin: 0 0 1.5em 3em;
}

/* line 51, sass/_defaults.scss */
ul {
  list-style: disc;
}

/* line 55, sass/_defaults.scss */
ol {
  list-style: decimal;
}

/* line 59, sass/_defaults.scss */
li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

/* line 65, sass/_defaults.scss */
dt {
  font-weight: bold;
}

/* line 69, sass/_defaults.scss */
dd {
  margin: 0 1.5em 1.5em;
}

/* line 73, sass/_defaults.scss */
table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Text meant only for screen readers. */
/* line 79, sass/_defaults.scss */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
/* line 86, sass/_defaults.scss */
.screen-reader-text:focus {
  background-color: white;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #000;
  display: block;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

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

/* Wordpress rich text editor adds these classes */
/* line 111, sass/_defaults.scss */
img.alignright, figure.alignright {
  float: right;
  margin: 0 0 1em 1em;
}

/* line 115, sass/_defaults.scss */
img.alignleft, figure.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}

/* line 119, sass/_defaults.scss */
img.aligncenter, figure.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* line 124, sass/_defaults.scss */
.alignright {
  float: right;
}

/* line 127, sass/_defaults.scss */
.alignleft {
  float: left;
}

/* line 130, sass/_defaults.scss */
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Specific elements. Each file contains the layout
   of items within that element */
/* line 1, sass/elements/_buttons.scss */
.button, .button:visited, .button:hover {
  font-size: 18px;
  font-weight: bold;
  border-radius: 4px;
  padding: 15px 30px;
  color: white;
  text-decoration: none;
  background-color: #32a4a0;
  display: inline-block;
  margin: 3px;
}

/* line 12, sass/elements/_buttons.scss */
.button:hover {
  background-color: #2c908d;
}

/* line 16, sass/elements/_buttons.scss */
.button-important, .button-important:visited, .button-important:hover {
  background-color: #e53d2f;
}

/* line 19, sass/elements/_buttons.scss */
.button-important:hover {
  background-color: #df2b1c;
}

/* Main styling of the emergencies bar */
/* line 2, sass/elements/_emergencies-bar.scss */
.site-emergencies {
  background-color: #e53d2f;
}
/* line 4, sass/elements/_emergencies-bar.scss */
.site-emergencies > h1 {
  background-color: #19458d;
  color: white;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  /* line 4, sass/elements/_emergencies-bar.scss */
  .site-emergencies > h1 {
    font-size: 14px;
  }
}
/* line 14, sass/elements/_emergencies-bar.scss */
.site-emergencies > ul > li > a,
.site-emergencies > ul > li > a:visited {
  font-size: 1rem;
  font-weight: bold;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
}
@media screen and (max-width: 750px) {
  /* line 14, sass/elements/_emergencies-bar.scss */
  .site-emergencies > ul > li > a,
  .site-emergencies > ul > li > a:visited {
    font-size: 14px;
  }
}
/* line 25, sass/elements/_emergencies-bar.scss */
.site-emergencies > ul > li > a:hover {
  text-decoration: underline;
}

/* 
 * Layout of inner components 
 */
/* Create the arrow in the emergencies banner */
/* line 35, sass/elements/_emergencies-bar.scss */
.site-emergencies > h1 {
  position: relative;
}
/* line 37, sass/elements/_emergencies-bar.scss */
.site-emergencies > h1::after {
  position: absolute;
  left: 100%;
  top: 0;
  content: "";
  width: 0;
  height: 0;
  border-width: 30px 0 30px 30px;
  border-color: transparent transparent transparent #19458d;
  border-style: solid;
}
@media screen and (max-width: 750px) {
  /* line 37, sass/elements/_emergencies-bar.scss */
  .site-emergencies > h1::after {
    border-width: 24px 0 24px 24px;
  }
}

/* Layout of the title of the emergencies bar */
/* line 54, sass/elements/_emergencies-bar.scss */
.site-emergencies h1 {
  display: inline-block;
  margin: 0;
  height: 60px;
  /* Center the text in the emergencies block */
  /* Switch between icon and text depending on screen size */
}
@media screen and (max-width: 750px) {
  /* line 54, sass/elements/_emergencies-bar.scss */
  .site-emergencies h1 {
    height: 48px;
  }
}
/* line 63, sass/elements/_emergencies-bar.scss */
.site-emergencies h1 span {
  margin-top: 16.5px;
  display: inline-block;
  margin-right: 15px;
}
@media screen and (max-width: 750px) {
  /* line 63, sass/elements/_emergencies-bar.scss */
  .site-emergencies h1 span {
    margin-top: 13.5px;
  }
}
/* line 73, sass/elements/_emergencies-bar.scss */
.site-emergencies h1 .current-emergency-icon {
  display: none;
}
@media screen and (max-width: 1140px) {
  /* line 77, sass/elements/_emergencies-bar.scss */
  .site-emergencies h1 .current-emergency-icon {
    display: inline-block;
  }
  /* line 79, sass/elements/_emergencies-bar.scss */
  .site-emergencies h1 .current-emergency-icon img {
    height: 1em;
  }
  /* line 83, sass/elements/_emergencies-bar.scss */
  .site-emergencies h1 .current-emergency-text {
    display: none;
  }
}

/* Layout of the text part of the emergencies bar (includes
   hiding text in smaller screen sizes */
/* line 91, sass/elements/_emergencies-bar.scss */
.site-emergencies > ul {
  height: 60px;
  display: inline-block;
  padding: 0;
  margin: 0 0 0 45px;
}
@media screen and (max-width: 750px) {
  /* line 91, sass/elements/_emergencies-bar.scss */
  .site-emergencies > ul {
    height: 48px;
  }
}
@media screen and (max-width: 750px) {
  /* line 91, sass/elements/_emergencies-bar.scss */
  .site-emergencies > ul {
    margin: 0 0 0 30px;
  }
}

/* line 103, sass/elements/_emergencies-bar.scss */
.site-emergencies > ul > li {
  display: inline-block;
  margin: 0 30px 0 0;
}
@media screen and (max-width: 1140px) {
  /* line 107, sass/elements/_emergencies-bar.scss */
  .site-emergencies > ul > li .emergency-type {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  /* line 103, sass/elements/_emergencies-bar.scss */
  .site-emergencies > ul > li {
    margin: 0 15px 0 0;
  }
}

/*
 * Navigation main styling
 */
/* line 5, sass/elements/_main-navigation.scss */
.main-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 10, sass/elements/_main-navigation.scss */
.main-navigation li > a {
  color: #19458d;
  text-decoration: none;
}
/* line 14, sass/elements/_main-navigation.scss */
.main-navigation > ul > li {
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}
/* line 18, sass/elements/_main-navigation.scss */
.main-navigation > ul > li > a {
  font-size: 18px;
}
/* line 22, sass/elements/_main-navigation.scss */
.main-navigation ul.sub-menu {
  padding: 15px 0 11px 0;
  background-color: white;
  border-bottom: 4px solid #92b4ec;
  border-radius: 2px;
  text-align: left;
}
/* line 28, sass/elements/_main-navigation.scss */
.main-navigation ul.sub-menu li {
  font-weight: normal;
  text-transform: none;
  padding: 0;
}

/*
 * Layout of inner component
 * Note that default rules are for full width - overrides follow
 */
/* General layout */
/* line 43, sass/elements/_main-navigation.scss */
.main-navigation > ul > li {
  margin-right: 30px;
}
@media screen and (max-width: 1140px) {
  /* line 43, sass/elements/_main-navigation.scss */
  .main-navigation > ul > li {
    margin-right: 15px;
  }
}

/* Create the hover underline effect */
/* line 53, sass/elements/_main-navigation.scss */
.main-navigation > ul > li > a {
  position: relative;
}
/* line 56, sass/elements/_main-navigation.scss */
.main-navigation > ul > li:hover > a::after,
.main-navigation > ul > li.current_page_item > a::after {
  position: absolute;
  left: 0;
  bottom: -0.5em;
  content: "";
  height: 4px;
  width: 100%;
  background-color: #92b4ec;
  border-radius: 4px;
  z-index: 2;
}
/* line 68, sass/elements/_main-navigation.scss */
.main-navigation ul.sub-menu > li > a {
  display: block;
  border-radius: 4px;
  padding: 0 7.5px;
}
/* line 72, sass/elements/_main-navigation.scss */
.main-navigation ul.sub-menu > li > a:hover {
  background-color: #92b4ec;
  color: white;
}
/* line 77, sass/elements/_main-navigation.scss */
.main-navigation ul.sub-menu > li.current-menu-item > a {
  background-color: #19458d;
  color: white;
}
/* line 80, sass/elements/_main-navigation.scss */
.main-navigation ul.sub-menu > li.current-menu-item > a:hover {
  background-color: #19458d;
}

/* Create the drop down menu magic */
/* line 88, sass/elements/_main-navigation.scss */
.main-navigation ul.sub-menu {
  display: none;
  margin: 0;
  min-width: 100%;
}
/* line 92, sass/elements/_main-navigation.scss */
.main-navigation ul.sub-menu li {
  min-width: 100%;
  white-space: nowrap;
}
/* line 97, sass/elements/_main-navigation.scss */
.main-navigation li:hover {
  position: relative;
}
/* line 99, sass/elements/_main-navigation.scss */
.main-navigation li:hover ul.sub-menu {
  position: absolute;
  left: 0;
  display: block;
  z-index: 1;
}

/* Navigation for intermediate width layout */
@media screen and (max-width: 1023px) {
  /* line 110, sass/elements/_main-navigation.scss */
  .main-navigation > ul > li a {
    font-size: 16px;
  }
}
/* Mobile navigation */
@media screen and (max-width: 750px) {
  /* line 117, sass/elements/_main-navigation.scss */
  .site-navigation-toggle-label {
    font-size: 14px;
    text-transform: uppercase;
    border: 1px solid #92b4ec;
    border-radius: 4px;
    padding: 5px;
    color: #19458d;
  }

  /* line 127, sass/elements/_main-navigation.scss */
  .main-navigation > ul > li {
    text-align: left;
  }
  /* line 130, sass/elements/_main-navigation.scss */
  .main-navigation ul.sub-menu {
    display: block;
    border: none;
  }
  /* line 134, sass/elements/_main-navigation.scss */
  .main-navigation li:hover ul.sub-menu {
    position: relative;
    z-index: 0;
  }
}
/* line 1, sass/elements/_footer.scss */
.site-footer {
  background-color: #19458d;
  padding-bottom: 30px;
}

/* line 6, sass/elements/_footer.scss */
.site-footer-inner > section {
  padding: 0 30px;
  color: white;
}
/* line 9, sass/elements/_footer.scss */
.site-footer-inner > section > h2 {
  font-size: 18px;
  font-weight: bold;
}
/* line 13, sass/elements/_footer.scss */
.site-footer-inner > section > div {
  font-size: 16px;
  font-weight: normal;
}
/* line 17, sass/elements/_footer.scss */
.site-footer-inner > section a, .site-footer-inner > section a:visited {
  color: white;
  text-decoration: none;
}
/* line 21, sass/elements/_footer.scss */
.site-footer-inner > section a:hover {
  text-decoration: underline;
}
/* line 24, sass/elements/_footer.scss */
.site-footer-inner > section a.button:hover {
  text-decoration: none;
}
/* line 28, sass/elements/_footer.scss */
.site-footer-inner > section ul.menu {
  padding: 0;
  margin: 0;
  list-style: none;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
/* line 36, sass/elements/_footer.scss */
.site-footer-inner > section ul.menu a, .site-footer-inner > section ul.menu a:visited {
  color: white;
  text-decoration: none;
  font-size: 16px;
}
/* line 41, sass/elements/_footer.scss */
.site-footer-inner > section ul.menu a:hover {
  text-decoration: underline;
}

/* line 47, sass/elements/_footer.scss */
.site-footer-inner > div.aptivate-brand {
  clear: both;
  font-size: 12px;
  color: white;
  margin-left: 30px;
  opacity: 0.75;
}
/* line 53, sass/elements/_footer.scss */
.site-footer-inner > div.aptivate-brand a {
  color: white;
  text-decoration: none;
}
/* line 56, sass/elements/_footer.scss */
.site-footer-inner > div.aptivate-brand a:visited {
  color: white;
}
/* line 59, sass/elements/_footer.scss */
.site-footer-inner > div.aptivate-brand a:hover {
  text-decoration: underline;
}

/* line 65, sass/elements/_footer.scss */
.site-footer-inner > section .social-media-icons a {
  display: inline-block;
  margin-right: 15px;
}

/* line 70, sass/elements/_footer.scss */
.site-footer-inner > section .social-media-icons a:hover {
  opacity: 0.6;
}

/*
 * Mixin defining the style of the Map Action
 * Home Block widget (which can be in other places
 * than the home page!). The mixin does not define
 * the layout, which is context dependent.
 *
 * Mixin should be applied to parent container
 * (eg. .dashboard or .ma-home-widget-embed),
 * and it is expected widgets are defined within
 * 'section' tags.
 */
/* line 3, sass/elements/_dashboard.scss */
.dashboard {
  /* Style the block container */
  /* Style the header when directly beneath the container
     (eg. for text widget ) */
  /* Whole block as a link */
  /* Style the block */
}
/* line 14, sass/elements/_home_widgets_mixin.scss */
.dashboard > section {
  border-radius: 4px;
  overflow: hidden;
}
/* line 21, sass/elements/_home_widgets_mixin.scss */
.dashboard > section > h2 {
  background-color: #32a4a0;
  font-size: 22px;
  /* Maybe override */
  padding: 10px 30px;
  /* Maybe override */
  margin: 0;
  border-radius: 4px 4px 0 0;
  height: 56px;
  /* Maybe override */
  color: white;
  text-decoration: none;
}
/* line 31, sass/elements/_home_widgets_mixin.scss */
.dashboard > section > h2 > a, .dashboard > section > h2 > a:visited, .dashboard > section > h2 > a:hover {
  color: white;
  text-decoration: none;
  display: block;
}
/* line 39, sass/elements/_home_widgets_mixin.scss */
.dashboard > section > a.ma-home-widget {
  display: block;
  border: 0;
  text-decoration: none;
}
/* line 46, sass/elements/_home_widgets_mixin.scss */
.dashboard > section > .ma-home-widget {
  border-radius: 4px;
  overflow: hidden;
  /* Style ma-home-widget specific header */
  /* Custom background colors */
  /* Handle image placement */
  /* Buttons */
}
/* line 51, sass/elements/_home_widgets_mixin.scss */
.dashboard > section > .ma-home-widget > h2 {
  background-color: #32a4a0;
  font-size: 22px;
  /* Maybe override */
  height: 56px;
  /* Maybe override */
  color: white;
  padding: 10px 30px;
  /* Maybe override */
  margin: 0;
  border-radius: 4px 4px 0 0;
}
/* line 61, sass/elements/_home_widgets_mixin.scss */
.dashboard > section > .ma-home-widget > h2 > a, .dashboard > section > .ma-home-widget > h2 > a:visited, .dashboard > section > .ma-home-widget > h2 > a:hover {
  color: white;
  text-decoration: none;
  display: block;
}
/* line 67, sass/elements/_home_widgets_mixin.scss */
.dashboard > section > .ma-home-widget > .ma-home-widget-text {
  font-size: 22px;
  /* Maybe override */
  padding: 15px 30px;
  /* Maybe override */
}
/* line 73, sass/elements/_home_widgets_mixin.scss */
.dashboard > section > .ma-home-widget.background-light-green {
  background-color: #dff1f0;
  color: #19458d;
}
/* line 76, sass/elements/_home_widgets_mixin.scss */
.dashboard > section > .ma-home-widget.background-light-green a.ma-home-widget {
  color: #19458d;
}
/* line 79, sass/elements/_home_widgets_mixin.scss */
.dashboard > section > .ma-home-widget.background-light-green > .ma-home-widget-text {
  background-color: #dff1f0;
}
/* line 83, sass/elements/_home_widgets_mixin.scss */
.dashboard > section > .ma-home-widget.background-light-grey {
  background-color: #eaeaea;
  color: black;
}
/* line 86, sass/elements/_home_widgets_mixin.scss */
.dashboard > section > .ma-home-widget.background-light-grey a.ma-home-widget {
  color: black;
}
/* line 89, sass/elements/_home_widgets_mixin.scss */
.dashboard > section > .ma-home-widget.background-light-grey > .ma-home-widget-text {
  background-color: #eaeaea;
}
/* line 93, sass/elements/_home_widgets_mixin.scss */
.dashboard > section > .ma-home-widget.background-transparent {
  color: black;
}
/* line 95, sass/elements/_home_widgets_mixin.scss */
.dashboard > section > .ma-home-widget.background-transparent a.ma-home-widget {
  color: black;
}
/* line 101, sass/elements/_home_widgets_mixin.scss */
.dashboard > section > .ma-home-widget.image-above {
  position: relative;
}
/* line 103, sass/elements/_home_widgets_mixin.scss */
.dashboard > section > .ma-home-widget.image-above > .ma-home-widget-text {
  padding: 7.5px 30px 15px 30px;
  position: absolute;
  bottom: 3.75px;
  width: 100%;
}
/* line 109, sass/elements/_home_widgets_mixin.scss */
.dashboard > section > .ma-home-widget.image-above > img {
  width: 100%;
}
/* line 114, sass/elements/_home_widgets_mixin.scss */
.dashboard > section > .ma-home-widget.image-right > img {
  float: right;
  margin-top: 15px;
}
/* line 118, sass/elements/_home_widgets_mixin.scss */
.dashboard > section > .ma-home-widget.image-right > .ma-home-widget-text {
  float: left;
  width: 50%;
  margin-top: 15px;
  padding-left: 30px;
  padding-top: 0;
}
/* line 125, sass/elements/_home_widgets_mixin.scss */
.dashboard > section > .ma-home-widget.image-right::after {
  content: "";
  display: block;
  clear: both;
}
/* line 131, sass/elements/_home_widgets_mixin.scss */
.dashboard > section > .ma-home-widget.image-full {
  background-size: cover;
  background-position: center;
}
/* line 137, sass/elements/_home_widgets_mixin.scss */
.dashboard > section > .ma-home-widget .button {
  display: block;
  width: 100%;
  margin-top: 7.5px;
  text-align: center;
  font-size: 22px;
}
/* line 5, sass/elements/_dashboard.scss */
.dashboard > section > h2 {
  font-size: 22px;
  padding: 10px 30px;
  height: 56px;
}
/* line 10, sass/elements/_dashboard.scss */
.dashboard > section > .ma-home-widget > h2 {
  font-size: 22px;
  height: 56px;
  padding: 10px 30px;
}
/* line 15, sass/elements/_dashboard.scss */
.dashboard > section > .ma-home-widget > .ma-home-widget-text {
  font-size: 22px;
  padding: 15px 30px;
}
@media screen and (max-width: 1140px) {
  /* line 15, sass/elements/_dashboard.scss */
  .dashboard > section > .ma-home-widget > .ma-home-widget-text {
    font-size: 18px;
  }
}

/* The very first home block behaves differently */
/* line 26, sass/elements/_dashboard.scss */
.dashboard > section:first-child > .ma-home-widget {
  position: relative;
}
/* line 28, sass/elements/_dashboard.scss */
.dashboard > section:first-child > .ma-home-widget > .widget-title {
  width: 65%;
  color: black;
  line-height: 1.25em;
  height: auto;
  font-size: 37px;
  font-weight: normal;
  background-color: rgba(255, 255, 255, 0.75);
  position: absolute;
  left: 0;
  bottom: 100px;
  border-radius: 0 4px 4px 0;
}
@media screen and (max-width: 750px) {
  /* line 28, sass/elements/_dashboard.scss */
  .dashboard > section:first-child > .ma-home-widget > .widget-title {
    width: 100%;
    bottom: auto;
    top: 50px;
  }
}
/* line 46, sass/elements/_dashboard.scss */
.dashboard > section:first-child > .ma-home-widget > .ma-home-widget-text {
  color: white;
  background-color: #19458d;
  padding: 0 15px;
  width: 30%;
  position: absolute;
  right: 0;
  font-size: 16px;
  font-weight: bold;
  border-radius: 4px 0 0 4px;
  /* Should align with button in neighbouring box */
  bottom: 22.5px;
  height: 63px;
  line-height: 63px;
}
@media screen and (max-width: 750px) {
  /* line 46, sass/elements/_dashboard.scss */
  .dashboard > section:first-child > .ma-home-widget > .ma-home-widget-text {
    width: 70%;
  }
}

/* Second block (donate button) */
/* line 68, sass/elements/_dashboard.scss */
.dashboard > section:nth-child(2) > .ma-home-widget .button {
  height: 63px;
  line-height: 63px;
  padding-top: 0;
  padding-bottom: 0;
}

/* By default always hide the sidebar menu, then re-enable it as and when */
/* line 2, sass/elements/_sidebar-navigation.scss */
.sidebar-navigation ul.menu {
  display: none;
}

/* Generic styling */
/* line 7, sass/elements/_sidebar-navigation.scss */
.sidebar-navigation {
  /* Current page highlight */
}
/* line 9, sass/elements/_sidebar-navigation.scss */
.sidebar-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
/* line 15, sass/elements/_sidebar-navigation.scss */
.sidebar-navigation ul.menu a {
  color: #19458d;
  font-size: 18px;
  display: block;
  border-radius: 4px;
  font-weight: normal;
  text-decoration: none;
  padding: 0 15px;
  margin: 2px 0;
}
/* line 26, sass/elements/_sidebar-navigation.scss */
.sidebar-navigation ul.menu a:hover {
  background-color: #92b4ec;
  color: white;
}
/* line 32, sass/elements/_sidebar-navigation.scss */
.sidebar-navigation ul.menu li.current-menu-item > a {
  background-color: #19458d;
  color: white;
}

/* Mixin to create the top/bottom sausages. Those are applied
   on a different element depending on the page */
/* Specific code for pages that are parent or children pages
  (ie. where a sub-menu exists) on which the whole menu is
  output but we only want the submenu displayed. */
/* line 69, sass/elements/_sidebar-navigation.scss */
.page-parent .sidebar-navigation,
.page-child .sidebar-navigation {
  /* Display menu items when we are on relevant page */
  /* Create the top/bottom underlines */
}
/* line 71, sass/elements/_sidebar-navigation.scss */
.page-parent .sidebar-navigation ul,
.page-child .sidebar-navigation ul {
  display: block;
}
/* line 75, sass/elements/_sidebar-navigation.scss */
.page-parent .sidebar-navigation ul.menu > li > a,
.page-child .sidebar-navigation ul.menu > li > a {
  display: none;
}
/* line 78, sass/elements/_sidebar-navigation.scss */
.page-parent .sidebar-navigation ul.menu > li > ul,
.page-child .sidebar-navigation ul.menu > li > ul {
  display: none;
}
/* line 84, sass/elements/_sidebar-navigation.scss */
.page-parent .sidebar-navigation ul.menu > li.current_page_item.menu-item-has-children > a,
.page-parent .sidebar-navigation ul.menu > li.current_page_ancestor.menu-item-has-children > a,
.page-child .sidebar-navigation ul.menu > li.current_page_item.menu-item-has-children > a,
.page-child .sidebar-navigation ul.menu > li.current_page_ancestor.menu-item-has-children > a {
  display: block;
}
/* line 87, sass/elements/_sidebar-navigation.scss */
.page-parent .sidebar-navigation ul.menu > li.current_page_item.menu-item-has-children > ul,
.page-parent .sidebar-navigation ul.menu > li.current_page_ancestor.menu-item-has-children > ul,
.page-child .sidebar-navigation ul.menu > li.current_page_item.menu-item-has-children > ul,
.page-child .sidebar-navigation ul.menu > li.current_page_ancestor.menu-item-has-children > ul {
  display: block;
}
/* line 92, sass/elements/_sidebar-navigation.scss */
.page-parent .sidebar-navigation ul.menu > li.current_page_item.menu-item-has-children,
.page-parent .sidebar-navigation ul.menu > li.current_page_ancestor.menu-item-has-children,
.page-child .sidebar-navigation ul.menu > li.current_page_item.menu-item-has-children,
.page-child .sidebar-navigation ul.menu > li.current_page_ancestor.menu-item-has-children {
  position: relative;
  padding-top: 15px;
  padding-bottom: 30px;
}
/* line 44, sass/elements/_sidebar-navigation.scss */
.page-parent .sidebar-navigation ul.menu > li.current_page_item.menu-item-has-children::before,
.page-parent .sidebar-navigation ul.menu > li.current_page_ancestor.menu-item-has-children::before,
.page-child .sidebar-navigation ul.menu > li.current_page_item.menu-item-has-children::before,
.page-child .sidebar-navigation ul.menu > li.current_page_ancestor.menu-item-has-children::before {
  position: absolute;
  display: block;
  top: 0;
  content: "";
  width: 100%;
  height: 4px;
  background-color: #92b4ec;
  border-radius: 4px;
}
/* line 54, sass/elements/_sidebar-navigation.scss */
.page-parent .sidebar-navigation ul.menu > li.current_page_item.menu-item-has-children::after,
.page-parent .sidebar-navigation ul.menu > li.current_page_ancestor.menu-item-has-children::after,
.page-child .sidebar-navigation ul.menu > li.current_page_item.menu-item-has-children::after,
.page-child .sidebar-navigation ul.menu > li.current_page_ancestor.menu-item-has-children::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 15px;
  width: 100%;
  height: 4px;
  background-color: #92b4ec;
  border-radius: 4px;
}

/* Special cases for the category pages */
/* line 100, sass/elements/_sidebar-navigation.scss */
.category .sidebar-navigation ul.menu {
  display: block;
  position: relative;
  padding-top: 15px;
  padding-bottom: 30px;
}
/* line 44, sass/elements/_sidebar-navigation.scss */
.category .sidebar-navigation ul.menu::before {
  position: absolute;
  display: block;
  top: 0;
  content: "";
  width: 100%;
  height: 4px;
  background-color: #92b4ec;
  border-radius: 4px;
}
/* line 54, sass/elements/_sidebar-navigation.scss */
.category .sidebar-navigation ul.menu::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 15px;
  width: 100%;
  height: 4px;
  background-color: #92b4ec;
  border-radius: 4px;
}

/* Special cases for single post pages */
/* line 108, sass/elements/_sidebar-navigation.scss */
.single-post .sidebar-navigation ul.menu {
  display: block;
  position: relative;
  padding-top: 15px;
  padding-bottom: 30px;
}
/* line 44, sass/elements/_sidebar-navigation.scss */
.single-post .sidebar-navigation ul.menu::before {
  position: absolute;
  display: block;
  top: 0;
  content: "";
  width: 100%;
  height: 4px;
  background-color: #92b4ec;
  border-radius: 4px;
}
/* line 54, sass/elements/_sidebar-navigation.scss */
.single-post .sidebar-navigation ul.menu::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 15px;
  width: 100%;
  height: 4px;
  background-color: #92b4ec;
  border-radius: 4px;
}

/*
 * Mixin defining the style of the Map Action
 * Home Block widget (which can be in other places
 * than the home page!). The mixin does not define
 * the layout, which is context dependent.
 *
 * Mixin should be applied to parent container
 * (eg. .dashboard or .ma-home-widget-embed),
 * and it is expected widgets are defined within
 * 'section' tags.
 */
/* This mixin contains the default styling we'd expect to
   apply to any container that contains main website
   content */
/* General page styling */
/* line 4, sass/elements/_page_content.scss */
.page-content-area {
  /* Used to override themes, eg. in block quotes */
  /* Theme embeded widgets */
}
/* line 7, sass/elements/_page_content_mixin.scss */
.page-content-area h1 {
  color: #19458d;
  font-size: 37px;
  margin-top: 15px;
  margin-bottom: 7.5px;
  font-weight: normal;
}
/* line 15, sass/elements/_page_content_mixin.scss */
.page-content-area h2 {
  font-size: 22px;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #19458d;
}
/* line 23, sass/elements/_page_content_mixin.scss */
.page-content-area h3, .page-content-area h4, .page-content-area h5, .page-content-area h6 {
  font-size: 18px;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #19458d;
}
/* line 31, sass/elements/_page_content_mixin.scss */
.page-content-area a, .page-content-area a:visited {
  color: #19458d;
  text-decoration: underline;
}
/* line 35, sass/elements/_page_content_mixin.scss */
.page-content-area a:hover {
  text-decoration: none;
}
/* line 38, sass/elements/_page_content_mixin.scss */
.page-content-area a.button, .page-content-area a.button:visited, .page-content-area a.button:hover {
  color: white;
  text-decoration: none;
}
/* line 43, sass/elements/_page_content_mixin.scss */
.page-content-area header > h1 {
  margin-top: 0;
  line-height: 1em;
}
/* line 48, sass/elements/_page_content_mixin.scss */
.page-content-area ul {
  list-style: none;
  margin-left: 0;
  padding-left: 30px;
}
/* line 53, sass/elements/_page_content_mixin.scss */
.page-content-area ul li::before {
  content: "";
  background-color: #19458d;
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  margin-right: 0.5em;
  border-radius: 50%;
  position: relative;
  top: -0.1em;
  margin-left: -1em;
}
/* line 67, sass/elements/_page_content_mixin.scss */
.page-content-area ol {
  margin-left: 0;
}
/* line 71, sass/elements/_page_content_mixin.scss */
.page-content-area .edit-link {
  display: none;
}
/* line 75, sass/elements/_page_content_mixin.scss */
.page-content-area figcaption {
  font-size: 14px;
  line-height: 1.2;
  color: #666666;
}
/* line 81, sass/elements/_page_content_mixin.scss */
.page-content-area blockquote {
  position: relative;
  padding-left: 30px;
  margin: 30px 0;
  color: #19458d;
  font-style: italic;
  font-size: 22px;
}
/* line 88, sass/elements/_page_content_mixin.scss */
.page-content-area blockquote::before {
  position: absolute;
  width: 4px;
  background-color: #19458d;
  border-radius: 4px;
  left: 0;
  height: 100%;
}
/* line 96, sass/elements/_page_content_mixin.scss */
.page-content-area blockquote.blockquote-image {
  padding-left: 180px;
}
/* line 98, sass/elements/_page_content_mixin.scss */
.page-content-area blockquote.blockquote-image img {
  width: 150px;
  position: absolute;
  left: 0;
  top: 7.5px;
}
/* line 104, sass/elements/_page_content_mixin.scss */
.page-content-area blockquote.blockquote-image::before {
  width: 0;
  height: 0;
}
/* line 111, sass/elements/_page_content_mixin.scss */
.page-content-area .pull-out-box-right, .page-content-area .pull-out-box-left {
  width: 350px;
  text-align: center;
  background-color: #dff1f0;
  padding: 30px;
  margin: 0 0 30px 0;
  color: #19458d;
  font-style: italic;
  font-size: 22px;
}
/* line 121, sass/elements/_page_content_mixin.scss */
.page-content-area .pull-out-box-right {
  float: right;
  margin: 0 0 30px 30px;
}
/* line 125, sass/elements/_page_content_mixin.scss */
.page-content-area .pull-out-box-left {
  float: left;
  margin: 0 30px 30px 0;
}
/* line 131, sass/elements/_page_content_mixin.scss */
.page-content-area .plain-text {
  color: black;
  font-size: 18px;
  font-style: normal;
}
/* line 136, sass/elements/_page_content_mixin.scss */
.page-content-area .blue-italicised {
  color: #19458d;
  font-style: italic;
  font-size: 22px;
}
/* line 143, sass/elements/_page_content_mixin.scss */
.page-content-area .ma-widgets-embed {
  /* Style the block container */
  /* Style the header when directly beneath the container
     (eg. for text widget ) */
  /* Whole block as a link */
  /* Style the block */
  /* Overrides */
  /* Layout */
  /* Make the container slightly larger than the page allows us to have
     margin both sides of our blocks and not worry where they break
     onto the next line */
  width: calc( 100% + 30px );
  margin-left: -15px;
}
/* line 14, sass/elements/_home_widgets_mixin.scss */
.page-content-area .ma-widgets-embed > section {
  border-radius: 4px;
  overflow: hidden;
}
/* line 21, sass/elements/_home_widgets_mixin.scss */
.page-content-area .ma-widgets-embed > section > h2 {
  background-color: #32a4a0;
  font-size: 22px;
  /* Maybe override */
  padding: 10px 30px;
  /* Maybe override */
  margin: 0;
  border-radius: 4px 4px 0 0;
  height: 56px;
  /* Maybe override */
  color: white;
  text-decoration: none;
}
/* line 31, sass/elements/_home_widgets_mixin.scss */
.page-content-area .ma-widgets-embed > section > h2 > a, .page-content-area .ma-widgets-embed > section > h2 > a:visited, .page-content-area .ma-widgets-embed > section > h2 > a:hover {
  color: white;
  text-decoration: none;
  display: block;
}
/* line 39, sass/elements/_home_widgets_mixin.scss */
.page-content-area .ma-widgets-embed > section > a.ma-home-widget {
  display: block;
  border: 0;
  text-decoration: none;
}
/* line 46, sass/elements/_home_widgets_mixin.scss */
.page-content-area .ma-widgets-embed > section > .ma-home-widget {
  border-radius: 4px;
  overflow: hidden;
  /* Style ma-home-widget specific header */
  /* Custom background colors */
  /* Handle image placement */
  /* Buttons */
}
/* line 51, sass/elements/_home_widgets_mixin.scss */
.page-content-area .ma-widgets-embed > section > .ma-home-widget > h2 {
  background-color: #32a4a0;
  font-size: 22px;
  /* Maybe override */
  height: 56px;
  /* Maybe override */
  color: white;
  padding: 10px 30px;
  /* Maybe override */
  margin: 0;
  border-radius: 4px 4px 0 0;
}
/* line 61, sass/elements/_home_widgets_mixin.scss */
.page-content-area .ma-widgets-embed > section > .ma-home-widget > h2 > a, .page-content-area .ma-widgets-embed > section > .ma-home-widget > h2 > a:visited, .page-content-area .ma-widgets-embed > section > .ma-home-widget > h2 > a:hover {
  color: white;
  text-decoration: none;
  display: block;
}
/* line 67, sass/elements/_home_widgets_mixin.scss */
.page-content-area .ma-widgets-embed > section > .ma-home-widget > .ma-home-widget-text {
  font-size: 22px;
  /* Maybe override */
  padding: 15px 30px;
  /* Maybe override */
}
/* line 73, sass/elements/_home_widgets_mixin.scss */
.page-content-area .ma-widgets-embed > section > .ma-home-widget.background-light-green {
  background-color: #dff1f0;
  color: #19458d;
}
/* line 76, sass/elements/_home_widgets_mixin.scss */
.page-content-area .ma-widgets-embed > section > .ma-home-widget.background-light-green a.ma-home-widget {
  color: #19458d;
}
/* line 79, sass/elements/_home_widgets_mixin.scss */
.page-content-area .ma-widgets-embed > section > .ma-home-widget.background-light-green > .ma-home-widget-text {
  background-color: #dff1f0;
}
/* line 83, sass/elements/_home_widgets_mixin.scss */
.page-content-area .ma-widgets-embed > section > .ma-home-widget.background-light-grey {
  background-color: #eaeaea;
  color: black;
}
/* line 86, sass/elements/_home_widgets_mixin.scss */
.page-content-area .ma-widgets-embed > section > .ma-home-widget.background-light-grey a.ma-home-widget {
  color: black;
}
/* line 89, sass/elements/_home_widgets_mixin.scss */
.page-content-area .ma-widgets-embed > section > .ma-home-widget.background-light-grey > .ma-home-widget-text {
  background-color: #eaeaea;
}
/* line 93, sass/elements/_home_widgets_mixin.scss */
.page-content-area .ma-widgets-embed > section > .ma-home-widget.background-transparent {
  color: black;
}
/* line 95, sass/elements/_home_widgets_mixin.scss */
.page-content-area .ma-widgets-embed > section > .ma-home-widget.background-transparent a.ma-home-widget {
  color: black;
}
/* line 101, sass/elements/_home_widgets_mixin.scss */
.page-content-area .ma-widgets-embed > section > .ma-home-widget.image-above {
  position: relative;
}
/* line 103, sass/elements/_home_widgets_mixin.scss */
.page-content-area .ma-widgets-embed > section > .ma-home-widget.image-above > .ma-home-widget-text {
  padding: 7.5px 30px 15px 30px;
  position: absolute;
  bottom: 3.75px;
  width: 100%;
}
/* line 109, sass/elements/_home_widgets_mixin.scss */
.page-content-area .ma-widgets-embed > section > .ma-home-widget.image-above > img {
  width: 100%;
}
/* line 114, sass/elements/_home_widgets_mixin.scss */
.page-content-area .ma-widgets-embed > section > .ma-home-widget.image-right > img {
  float: right;
  margin-top: 15px;
}
/* line 118, sass/elements/_home_widgets_mixin.scss */
.page-content-area .ma-widgets-embed > section > .ma-home-widget.image-right > .ma-home-widget-text {
  float: left;
  width: 50%;
  margin-top: 15px;
  padding-left: 30px;
  padding-top: 0;
}
/* line 125, sass/elements/_home_widgets_mixin.scss */
.page-content-area .ma-widgets-embed > section > .ma-home-widget.image-right::after {
  content: "";
  display: block;
  clear: both;
}
/* line 131, sass/elements/_home_widgets_mixin.scss */
.page-content-area .ma-widgets-embed > section > .ma-home-widget.image-full {
  background-size: cover;
  background-position: center;
}
/* line 137, sass/elements/_home_widgets_mixin.scss */
.page-content-area .ma-widgets-embed > section > .ma-home-widget .button {
  display: block;
  width: 100%;
  margin-top: 7.5px;
  text-align: center;
  font-size: 22px;
}
/* line 147, sass/elements/_page_content_mixin.scss */
.page-content-area .ma-widgets-embed > section > h2 {
  font-size: 18px;
  padding: 10px 30px;
  height: 46px;
}
/* line 152, sass/elements/_page_content_mixin.scss */
.page-content-area .ma-widgets-embed > section > .ma-home-widget > h2 {
  font-size: 18px;
  height: 46px;
  padding: 10px 30px;
}
/* line 157, sass/elements/_page_content_mixin.scss */
.page-content-area .ma-widgets-embed > section > .ma-home-widget > .ma-home-widget-text {
  font-size: 18px;
  padding: 15px 30px;
}
/* line 169, sass/elements/_page_content_mixin.scss */
.page-content-area .ma-widgets-embed::after {
  content: "";
  display: block;
  clear: both;
}
/* line 175, sass/elements/_page_content_mixin.scss */
.page-content-area .ma-widgets-embed > section {
  width: calc( 33% - 30px );
  margin: 0 15px 30px 15px;
  float: left;
}
@media screen and (max-width: 1140px) {
  /* line 175, sass/elements/_page_content_mixin.scss */
  .page-content-area .ma-widgets-embed > section {
    width: calc( 50% - 30px );
  }
}
@media screen and (max-width: 480px) {
  /* line 175, sass/elements/_page_content_mixin.scss */
  .page-content-area .ma-widgets-embed > section {
    width: calc( 100% - 30px );
  }
}
/* line 186, sass/elements/_page_content_mixin.scss */
.page-content-area .ma-widgets-embed > section > .ma-home-widget {
  width: 100%;
  height: 194px;
}

/* General single post styling */
/* line 9, sass/elements/_page_content.scss */
.single-post .content-area {
  /* Used to override themes, eg. in block quotes */
  /* Theme embeded widgets */
}
/* line 7, sass/elements/_page_content_mixin.scss */
.single-post .content-area h1 {
  color: #19458d;
  font-size: 37px;
  margin-top: 15px;
  margin-bottom: 7.5px;
  font-weight: normal;
}
/* line 15, sass/elements/_page_content_mixin.scss */
.single-post .content-area h2 {
  font-size: 22px;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #19458d;
}
/* line 23, sass/elements/_page_content_mixin.scss */
.single-post .content-area h3, .single-post .content-area h4, .single-post .content-area h5, .single-post .content-area h6 {
  font-size: 18px;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #19458d;
}
/* line 31, sass/elements/_page_content_mixin.scss */
.single-post .content-area a, .single-post .content-area a:visited {
  color: #19458d;
  text-decoration: underline;
}
/* line 35, sass/elements/_page_content_mixin.scss */
.single-post .content-area a:hover {
  text-decoration: none;
}
/* line 38, sass/elements/_page_content_mixin.scss */
.single-post .content-area a.button, .single-post .content-area a.button:visited, .single-post .content-area a.button:hover {
  color: white;
  text-decoration: none;
}
/* line 43, sass/elements/_page_content_mixin.scss */
.single-post .content-area header > h1 {
  margin-top: 0;
  line-height: 1em;
}
/* line 48, sass/elements/_page_content_mixin.scss */
.single-post .content-area ul {
  list-style: none;
  margin-left: 0;
  padding-left: 30px;
}
/* line 53, sass/elements/_page_content_mixin.scss */
.single-post .content-area ul li::before {
  content: "";
  background-color: #19458d;
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  margin-right: 0.5em;
  border-radius: 50%;
  position: relative;
  top: -0.1em;
  margin-left: -1em;
}
/* line 67, sass/elements/_page_content_mixin.scss */
.single-post .content-area ol {
  margin-left: 0;
}
/* line 71, sass/elements/_page_content_mixin.scss */
.single-post .content-area .edit-link {
  display: none;
}
/* line 75, sass/elements/_page_content_mixin.scss */
.single-post .content-area figcaption {
  font-size: 14px;
  line-height: 1.2;
  color: #666666;
}
/* line 81, sass/elements/_page_content_mixin.scss */
.single-post .content-area blockquote {
  position: relative;
  padding-left: 30px;
  margin: 30px 0;
  color: #19458d;
  font-style: italic;
  font-size: 22px;
}
/* line 88, sass/elements/_page_content_mixin.scss */
.single-post .content-area blockquote::before {
  position: absolute;
  width: 4px;
  background-color: #19458d;
  border-radius: 4px;
  left: 0;
  height: 100%;
}
/* line 96, sass/elements/_page_content_mixin.scss */
.single-post .content-area blockquote.blockquote-image {
  padding-left: 180px;
}
/* line 98, sass/elements/_page_content_mixin.scss */
.single-post .content-area blockquote.blockquote-image img {
  width: 150px;
  position: absolute;
  left: 0;
  top: 7.5px;
}
/* line 104, sass/elements/_page_content_mixin.scss */
.single-post .content-area blockquote.blockquote-image::before {
  width: 0;
  height: 0;
}
/* line 111, sass/elements/_page_content_mixin.scss */
.single-post .content-area .pull-out-box-right, .single-post .content-area .pull-out-box-left {
  width: 350px;
  text-align: center;
  background-color: #dff1f0;
  padding: 30px;
  margin: 0 0 30px 0;
  color: #19458d;
  font-style: italic;
  font-size: 22px;
}
/* line 121, sass/elements/_page_content_mixin.scss */
.single-post .content-area .pull-out-box-right {
  float: right;
  margin: 0 0 30px 30px;
}
/* line 125, sass/elements/_page_content_mixin.scss */
.single-post .content-area .pull-out-box-left {
  float: left;
  margin: 0 30px 30px 0;
}
/* line 131, sass/elements/_page_content_mixin.scss */
.single-post .content-area .plain-text {
  color: black;
  font-size: 18px;
  font-style: normal;
}
/* line 136, sass/elements/_page_content_mixin.scss */
.single-post .content-area .blue-italicised {
  color: #19458d;
  font-style: italic;
  font-size: 22px;
}
/* line 143, sass/elements/_page_content_mixin.scss */
.single-post .content-area .ma-widgets-embed {
  /* Style the block container */
  /* Style the header when directly beneath the container
     (eg. for text widget ) */
  /* Whole block as a link */
  /* Style the block */
  /* Overrides */
  /* Layout */
  /* Make the container slightly larger than the page allows us to have
     margin both sides of our blocks and not worry where they break
     onto the next line */
  width: calc( 100% + 30px );
  margin-left: -15px;
}
/* line 14, sass/elements/_home_widgets_mixin.scss */
.single-post .content-area .ma-widgets-embed > section {
  border-radius: 4px;
  overflow: hidden;
}
/* line 21, sass/elements/_home_widgets_mixin.scss */
.single-post .content-area .ma-widgets-embed > section > h2 {
  background-color: #32a4a0;
  font-size: 22px;
  /* Maybe override */
  padding: 10px 30px;
  /* Maybe override */
  margin: 0;
  border-radius: 4px 4px 0 0;
  height: 56px;
  /* Maybe override */
  color: white;
  text-decoration: none;
}
/* line 31, sass/elements/_home_widgets_mixin.scss */
.single-post .content-area .ma-widgets-embed > section > h2 > a, .single-post .content-area .ma-widgets-embed > section > h2 > a:visited, .single-post .content-area .ma-widgets-embed > section > h2 > a:hover {
  color: white;
  text-decoration: none;
  display: block;
}
/* line 39, sass/elements/_home_widgets_mixin.scss */
.single-post .content-area .ma-widgets-embed > section > a.ma-home-widget {
  display: block;
  border: 0;
  text-decoration: none;
}
/* line 46, sass/elements/_home_widgets_mixin.scss */
.single-post .content-area .ma-widgets-embed > section > .ma-home-widget {
  border-radius: 4px;
  overflow: hidden;
  /* Style ma-home-widget specific header */
  /* Custom background colors */
  /* Handle image placement */
  /* Buttons */
}
/* line 51, sass/elements/_home_widgets_mixin.scss */
.single-post .content-area .ma-widgets-embed > section > .ma-home-widget > h2 {
  background-color: #32a4a0;
  font-size: 22px;
  /* Maybe override */
  height: 56px;
  /* Maybe override */
  color: white;
  padding: 10px 30px;
  /* Maybe override */
  margin: 0;
  border-radius: 4px 4px 0 0;
}
/* line 61, sass/elements/_home_widgets_mixin.scss */
.single-post .content-area .ma-widgets-embed > section > .ma-home-widget > h2 > a, .single-post .content-area .ma-widgets-embed > section > .ma-home-widget > h2 > a:visited, .single-post .content-area .ma-widgets-embed > section > .ma-home-widget > h2 > a:hover {
  color: white;
  text-decoration: none;
  display: block;
}
/* line 67, sass/elements/_home_widgets_mixin.scss */
.single-post .content-area .ma-widgets-embed > section > .ma-home-widget > .ma-home-widget-text {
  font-size: 22px;
  /* Maybe override */
  padding: 15px 30px;
  /* Maybe override */
}
/* line 73, sass/elements/_home_widgets_mixin.scss */
.single-post .content-area .ma-widgets-embed > section > .ma-home-widget.background-light-green {
  background-color: #dff1f0;
  color: #19458d;
}
/* line 76, sass/elements/_home_widgets_mixin.scss */
.single-post .content-area .ma-widgets-embed > section > .ma-home-widget.background-light-green a.ma-home-widget {
  color: #19458d;
}
/* line 79, sass/elements/_home_widgets_mixin.scss */
.single-post .content-area .ma-widgets-embed > section > .ma-home-widget.background-light-green > .ma-home-widget-text {
  background-color: #dff1f0;
}
/* line 83, sass/elements/_home_widgets_mixin.scss */
.single-post .content-area .ma-widgets-embed > section > .ma-home-widget.background-light-grey {
  background-color: #eaeaea;
  color: black;
}
/* line 86, sass/elements/_home_widgets_mixin.scss */
.single-post .content-area .ma-widgets-embed > section > .ma-home-widget.background-light-grey a.ma-home-widget {
  color: black;
}
/* line 89, sass/elements/_home_widgets_mixin.scss */
.single-post .content-area .ma-widgets-embed > section > .ma-home-widget.background-light-grey > .ma-home-widget-text {
  background-color: #eaeaea;
}
/* line 93, sass/elements/_home_widgets_mixin.scss */
.single-post .content-area .ma-widgets-embed > section > .ma-home-widget.background-transparent {
  color: black;
}
/* line 95, sass/elements/_home_widgets_mixin.scss */
.single-post .content-area .ma-widgets-embed > section > .ma-home-widget.background-transparent a.ma-home-widget {
  color: black;
}
/* line 101, sass/elements/_home_widgets_mixin.scss */
.single-post .content-area .ma-widgets-embed > section > .ma-home-widget.image-above {
  position: relative;
}
/* line 103, sass/elements/_home_widgets_mixin.scss */
.single-post .content-area .ma-widgets-embed > section > .ma-home-widget.image-above > .ma-home-widget-text {
  padding: 7.5px 30px 15px 30px;
  position: absolute;
  bottom: 3.75px;
  width: 100%;
}
/* line 109, sass/elements/_home_widgets_mixin.scss */
.single-post .content-area .ma-widgets-embed > section > .ma-home-widget.image-above > img {
  width: 100%;
}
/* line 114, sass/elements/_home_widgets_mixin.scss */
.single-post .content-area .ma-widgets-embed > section > .ma-home-widget.image-right > img {
  float: right;
  margin-top: 15px;
}
/* line 118, sass/elements/_home_widgets_mixin.scss */
.single-post .content-area .ma-widgets-embed > section > .ma-home-widget.image-right > .ma-home-widget-text {
  float: left;
  width: 50%;
  margin-top: 15px;
  padding-left: 30px;
  padding-top: 0;
}
/* line 125, sass/elements/_home_widgets_mixin.scss */
.single-post .content-area .ma-widgets-embed > section > .ma-home-widget.image-right::after {
  content: "";
  display: block;
  clear: both;
}
/* line 131, sass/elements/_home_widgets_mixin.scss */
.single-post .content-area .ma-widgets-embed > section > .ma-home-widget.image-full {
  background-size: cover;
  background-position: center;
}
/* line 137, sass/elements/_home_widgets_mixin.scss */
.single-post .content-area .ma-widgets-embed > section > .ma-home-widget .button {
  display: block;
  width: 100%;
  margin-top: 7.5px;
  text-align: center;
  font-size: 22px;
}
/* line 147, sass/elements/_page_content_mixin.scss */
.single-post .content-area .ma-widgets-embed > section > h2 {
  font-size: 18px;
  padding: 10px 30px;
  height: 46px;
}
/* line 152, sass/elements/_page_content_mixin.scss */
.single-post .content-area .ma-widgets-embed > section > .ma-home-widget > h2 {
  font-size: 18px;
  height: 46px;
  padding: 10px 30px;
}
/* line 157, sass/elements/_page_content_mixin.scss */
.single-post .content-area .ma-widgets-embed > section > .ma-home-widget > .ma-home-widget-text {
  font-size: 18px;
  padding: 15px 30px;
}
/* line 169, sass/elements/_page_content_mixin.scss */
.single-post .content-area .ma-widgets-embed::after {
  content: "";
  display: block;
  clear: both;
}
/* line 175, sass/elements/_page_content_mixin.scss */
.single-post .content-area .ma-widgets-embed > section {
  width: calc( 33% - 30px );
  margin: 0 15px 30px 15px;
  float: left;
}
@media screen and (max-width: 1140px) {
  /* line 175, sass/elements/_page_content_mixin.scss */
  .single-post .content-area .ma-widgets-embed > section {
    width: calc( 50% - 30px );
  }
}
@media screen and (max-width: 480px) {
  /* line 175, sass/elements/_page_content_mixin.scss */
  .single-post .content-area .ma-widgets-embed > section {
    width: calc( 100% - 30px );
  }
}
/* line 186, sass/elements/_page_content_mixin.scss */
.single-post .content-area .ma-widgets-embed > section > .ma-home-widget {
  width: 100%;
  height: 194px;
}

/* 404 page styling */
/* line 14, sass/elements/_page_content.scss */
.error404 .content-area {
  /* Used to override themes, eg. in block quotes */
  /* Theme embeded widgets */
}
/* line 7, sass/elements/_page_content_mixin.scss */
.error404 .content-area h1 {
  color: #19458d;
  font-size: 37px;
  margin-top: 15px;
  margin-bottom: 7.5px;
  font-weight: normal;
}
/* line 15, sass/elements/_page_content_mixin.scss */
.error404 .content-area h2 {
  font-size: 22px;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #19458d;
}
/* line 23, sass/elements/_page_content_mixin.scss */
.error404 .content-area h3, .error404 .content-area h4, .error404 .content-area h5, .error404 .content-area h6 {
  font-size: 18px;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #19458d;
}
/* line 31, sass/elements/_page_content_mixin.scss */
.error404 .content-area a, .error404 .content-area a:visited {
  color: #19458d;
  text-decoration: underline;
}
/* line 35, sass/elements/_page_content_mixin.scss */
.error404 .content-area a:hover {
  text-decoration: none;
}
/* line 38, sass/elements/_page_content_mixin.scss */
.error404 .content-area a.button, .error404 .content-area a.button:visited, .error404 .content-area a.button:hover {
  color: white;
  text-decoration: none;
}
/* line 43, sass/elements/_page_content_mixin.scss */
.error404 .content-area header > h1 {
  margin-top: 0;
  line-height: 1em;
}
/* line 48, sass/elements/_page_content_mixin.scss */
.error404 .content-area ul {
  list-style: none;
  margin-left: 0;
  padding-left: 30px;
}
/* line 53, sass/elements/_page_content_mixin.scss */
.error404 .content-area ul li::before {
  content: "";
  background-color: #19458d;
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  margin-right: 0.5em;
  border-radius: 50%;
  position: relative;
  top: -0.1em;
  margin-left: -1em;
}
/* line 67, sass/elements/_page_content_mixin.scss */
.error404 .content-area ol {
  margin-left: 0;
}
/* line 71, sass/elements/_page_content_mixin.scss */
.error404 .content-area .edit-link {
  display: none;
}
/* line 75, sass/elements/_page_content_mixin.scss */
.error404 .content-area figcaption {
  font-size: 14px;
  line-height: 1.2;
  color: #666666;
}
/* line 81, sass/elements/_page_content_mixin.scss */
.error404 .content-area blockquote {
  position: relative;
  padding-left: 30px;
  margin: 30px 0;
  color: #19458d;
  font-style: italic;
  font-size: 22px;
}
/* line 88, sass/elements/_page_content_mixin.scss */
.error404 .content-area blockquote::before {
  position: absolute;
  width: 4px;
  background-color: #19458d;
  border-radius: 4px;
  left: 0;
  height: 100%;
}
/* line 96, sass/elements/_page_content_mixin.scss */
.error404 .content-area blockquote.blockquote-image {
  padding-left: 180px;
}
/* line 98, sass/elements/_page_content_mixin.scss */
.error404 .content-area blockquote.blockquote-image img {
  width: 150px;
  position: absolute;
  left: 0;
  top: 7.5px;
}
/* line 104, sass/elements/_page_content_mixin.scss */
.error404 .content-area blockquote.blockquote-image::before {
  width: 0;
  height: 0;
}
/* line 111, sass/elements/_page_content_mixin.scss */
.error404 .content-area .pull-out-box-right, .error404 .content-area .pull-out-box-left {
  width: 350px;
  text-align: center;
  background-color: #dff1f0;
  padding: 30px;
  margin: 0 0 30px 0;
  color: #19458d;
  font-style: italic;
  font-size: 22px;
}
/* line 121, sass/elements/_page_content_mixin.scss */
.error404 .content-area .pull-out-box-right {
  float: right;
  margin: 0 0 30px 30px;
}
/* line 125, sass/elements/_page_content_mixin.scss */
.error404 .content-area .pull-out-box-left {
  float: left;
  margin: 0 30px 30px 0;
}
/* line 131, sass/elements/_page_content_mixin.scss */
.error404 .content-area .plain-text {
  color: black;
  font-size: 18px;
  font-style: normal;
}
/* line 136, sass/elements/_page_content_mixin.scss */
.error404 .content-area .blue-italicised {
  color: #19458d;
  font-style: italic;
  font-size: 22px;
}
/* line 143, sass/elements/_page_content_mixin.scss */
.error404 .content-area .ma-widgets-embed {
  /* Style the block container */
  /* Style the header when directly beneath the container
     (eg. for text widget ) */
  /* Whole block as a link */
  /* Style the block */
  /* Overrides */
  /* Layout */
  /* Make the container slightly larger than the page allows us to have
     margin both sides of our blocks and not worry where they break
     onto the next line */
  width: calc( 100% + 30px );
  margin-left: -15px;
}
/* line 14, sass/elements/_home_widgets_mixin.scss */
.error404 .content-area .ma-widgets-embed > section {
  border-radius: 4px;
  overflow: hidden;
}
/* line 21, sass/elements/_home_widgets_mixin.scss */
.error404 .content-area .ma-widgets-embed > section > h2 {
  background-color: #32a4a0;
  font-size: 22px;
  /* Maybe override */
  padding: 10px 30px;
  /* Maybe override */
  margin: 0;
  border-radius: 4px 4px 0 0;
  height: 56px;
  /* Maybe override */
  color: white;
  text-decoration: none;
}
/* line 31, sass/elements/_home_widgets_mixin.scss */
.error404 .content-area .ma-widgets-embed > section > h2 > a, .error404 .content-area .ma-widgets-embed > section > h2 > a:visited, .error404 .content-area .ma-widgets-embed > section > h2 > a:hover {
  color: white;
  text-decoration: none;
  display: block;
}
/* line 39, sass/elements/_home_widgets_mixin.scss */
.error404 .content-area .ma-widgets-embed > section > a.ma-home-widget {
  display: block;
  border: 0;
  text-decoration: none;
}
/* line 46, sass/elements/_home_widgets_mixin.scss */
.error404 .content-area .ma-widgets-embed > section > .ma-home-widget {
  border-radius: 4px;
  overflow: hidden;
  /* Style ma-home-widget specific header */
  /* Custom background colors */
  /* Handle image placement */
  /* Buttons */
}
/* line 51, sass/elements/_home_widgets_mixin.scss */
.error404 .content-area .ma-widgets-embed > section > .ma-home-widget > h2 {
  background-color: #32a4a0;
  font-size: 22px;
  /* Maybe override */
  height: 56px;
  /* Maybe override */
  color: white;
  padding: 10px 30px;
  /* Maybe override */
  margin: 0;
  border-radius: 4px 4px 0 0;
}
/* line 61, sass/elements/_home_widgets_mixin.scss */
.error404 .content-area .ma-widgets-embed > section > .ma-home-widget > h2 > a, .error404 .content-area .ma-widgets-embed > section > .ma-home-widget > h2 > a:visited, .error404 .content-area .ma-widgets-embed > section > .ma-home-widget > h2 > a:hover {
  color: white;
  text-decoration: none;
  display: block;
}
/* line 67, sass/elements/_home_widgets_mixin.scss */
.error404 .content-area .ma-widgets-embed > section > .ma-home-widget > .ma-home-widget-text {
  font-size: 22px;
  /* Maybe override */
  padding: 15px 30px;
  /* Maybe override */
}
/* line 73, sass/elements/_home_widgets_mixin.scss */
.error404 .content-area .ma-widgets-embed > section > .ma-home-widget.background-light-green {
  background-color: #dff1f0;
  color: #19458d;
}
/* line 76, sass/elements/_home_widgets_mixin.scss */
.error404 .content-area .ma-widgets-embed > section > .ma-home-widget.background-light-green a.ma-home-widget {
  color: #19458d;
}
/* line 79, sass/elements/_home_widgets_mixin.scss */
.error404 .content-area .ma-widgets-embed > section > .ma-home-widget.background-light-green > .ma-home-widget-text {
  background-color: #dff1f0;
}
/* line 83, sass/elements/_home_widgets_mixin.scss */
.error404 .content-area .ma-widgets-embed > section > .ma-home-widget.background-light-grey {
  background-color: #eaeaea;
  color: black;
}
/* line 86, sass/elements/_home_widgets_mixin.scss */
.error404 .content-area .ma-widgets-embed > section > .ma-home-widget.background-light-grey a.ma-home-widget {
  color: black;
}
/* line 89, sass/elements/_home_widgets_mixin.scss */
.error404 .content-area .ma-widgets-embed > section > .ma-home-widget.background-light-grey > .ma-home-widget-text {
  background-color: #eaeaea;
}
/* line 93, sass/elements/_home_widgets_mixin.scss */
.error404 .content-area .ma-widgets-embed > section > .ma-home-widget.background-transparent {
  color: black;
}
/* line 95, sass/elements/_home_widgets_mixin.scss */
.error404 .content-area .ma-widgets-embed > section > .ma-home-widget.background-transparent a.ma-home-widget {
  color: black;
}
/* line 101, sass/elements/_home_widgets_mixin.scss */
.error404 .content-area .ma-widgets-embed > section > .ma-home-widget.image-above {
  position: relative;
}
/* line 103, sass/elements/_home_widgets_mixin.scss */
.error404 .content-area .ma-widgets-embed > section > .ma-home-widget.image-above > .ma-home-widget-text {
  padding: 7.5px 30px 15px 30px;
  position: absolute;
  bottom: 3.75px;
  width: 100%;
}
/* line 109, sass/elements/_home_widgets_mixin.scss */
.error404 .content-area .ma-widgets-embed > section > .ma-home-widget.image-above > img {
  width: 100%;
}
/* line 114, sass/elements/_home_widgets_mixin.scss */
.error404 .content-area .ma-widgets-embed > section > .ma-home-widget.image-right > img {
  float: right;
  margin-top: 15px;
}
/* line 118, sass/elements/_home_widgets_mixin.scss */
.error404 .content-area .ma-widgets-embed > section > .ma-home-widget.image-right > .ma-home-widget-text {
  float: left;
  width: 50%;
  margin-top: 15px;
  padding-left: 30px;
  padding-top: 0;
}
/* line 125, sass/elements/_home_widgets_mixin.scss */
.error404 .content-area .ma-widgets-embed > section > .ma-home-widget.image-right::after {
  content: "";
  display: block;
  clear: both;
}
/* line 131, sass/elements/_home_widgets_mixin.scss */
.error404 .content-area .ma-widgets-embed > section > .ma-home-widget.image-full {
  background-size: cover;
  background-position: center;
}
/* line 137, sass/elements/_home_widgets_mixin.scss */
.error404 .content-area .ma-widgets-embed > section > .ma-home-widget .button {
  display: block;
  width: 100%;
  margin-top: 7.5px;
  text-align: center;
  font-size: 22px;
}
/* line 147, sass/elements/_page_content_mixin.scss */
.error404 .content-area .ma-widgets-embed > section > h2 {
  font-size: 18px;
  padding: 10px 30px;
  height: 46px;
}
/* line 152, sass/elements/_page_content_mixin.scss */
.error404 .content-area .ma-widgets-embed > section > .ma-home-widget > h2 {
  font-size: 18px;
  height: 46px;
  padding: 10px 30px;
}
/* line 157, sass/elements/_page_content_mixin.scss */
.error404 .content-area .ma-widgets-embed > section > .ma-home-widget > .ma-home-widget-text {
  font-size: 18px;
  padding: 15px 30px;
}
/* line 169, sass/elements/_page_content_mixin.scss */
.error404 .content-area .ma-widgets-embed::after {
  content: "";
  display: block;
  clear: both;
}
/* line 175, sass/elements/_page_content_mixin.scss */
.error404 .content-area .ma-widgets-embed > section {
  width: calc( 33% - 30px );
  margin: 0 15px 30px 15px;
  float: left;
}
@media screen and (max-width: 1140px) {
  /* line 175, sass/elements/_page_content_mixin.scss */
  .error404 .content-area .ma-widgets-embed > section {
    width: calc( 50% - 30px );
  }
}
@media screen and (max-width: 480px) {
  /* line 175, sass/elements/_page_content_mixin.scss */
  .error404 .content-area .ma-widgets-embed > section {
    width: calc( 100% - 30px );
  }
}
/* line 186, sass/elements/_page_content_mixin.scss */
.error404 .content-area .ma-widgets-embed > section > .ma-home-widget {
  width: 100%;
  height: 194px;
}

/* Category listing page styling */
/* line 19, sass/elements/_page_content.scss */
.category .content-area,
.search .content-area {
  /* Used to override themes, eg. in block quotes */
  /* Theme embeded widgets */
}
/* line 7, sass/elements/_page_content_mixin.scss */
.category .content-area h1,
.search .content-area h1 {
  color: #19458d;
  font-size: 37px;
  margin-top: 15px;
  margin-bottom: 7.5px;
  font-weight: normal;
}
/* line 15, sass/elements/_page_content_mixin.scss */
.category .content-area h2,
.search .content-area h2 {
  font-size: 22px;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #19458d;
}
/* line 23, sass/elements/_page_content_mixin.scss */
.category .content-area h3, .category .content-area h4, .category .content-area h5, .category .content-area h6,
.search .content-area h3,
.search .content-area h4,
.search .content-area h5,
.search .content-area h6 {
  font-size: 18px;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #19458d;
}
/* line 31, sass/elements/_page_content_mixin.scss */
.category .content-area a, .category .content-area a:visited,
.search .content-area a,
.search .content-area a:visited {
  color: #19458d;
  text-decoration: underline;
}
/* line 35, sass/elements/_page_content_mixin.scss */
.category .content-area a:hover,
.search .content-area a:hover {
  text-decoration: none;
}
/* line 38, sass/elements/_page_content_mixin.scss */
.category .content-area a.button, .category .content-area a.button:visited, .category .content-area a.button:hover,
.search .content-area a.button,
.search .content-area a.button:visited,
.search .content-area a.button:hover {
  color: white;
  text-decoration: none;
}
/* line 43, sass/elements/_page_content_mixin.scss */
.category .content-area header > h1,
.search .content-area header > h1 {
  margin-top: 0;
  line-height: 1em;
}
/* line 48, sass/elements/_page_content_mixin.scss */
.category .content-area ul,
.search .content-area ul {
  list-style: none;
  margin-left: 0;
  padding-left: 30px;
}
/* line 53, sass/elements/_page_content_mixin.scss */
.category .content-area ul li::before,
.search .content-area ul li::before {
  content: "";
  background-color: #19458d;
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  margin-right: 0.5em;
  border-radius: 50%;
  position: relative;
  top: -0.1em;
  margin-left: -1em;
}
/* line 67, sass/elements/_page_content_mixin.scss */
.category .content-area ol,
.search .content-area ol {
  margin-left: 0;
}
/* line 71, sass/elements/_page_content_mixin.scss */
.category .content-area .edit-link,
.search .content-area .edit-link {
  display: none;
}
/* line 75, sass/elements/_page_content_mixin.scss */
.category .content-area figcaption,
.search .content-area figcaption {
  font-size: 14px;
  line-height: 1.2;
  color: #666666;
}
/* line 81, sass/elements/_page_content_mixin.scss */
.category .content-area blockquote,
.search .content-area blockquote {
  position: relative;
  padding-left: 30px;
  margin: 30px 0;
  color: #19458d;
  font-style: italic;
  font-size: 22px;
}
/* line 88, sass/elements/_page_content_mixin.scss */
.category .content-area blockquote::before,
.search .content-area blockquote::before {
  position: absolute;
  width: 4px;
  background-color: #19458d;
  border-radius: 4px;
  left: 0;
  height: 100%;
}
/* line 96, sass/elements/_page_content_mixin.scss */
.category .content-area blockquote.blockquote-image,
.search .content-area blockquote.blockquote-image {
  padding-left: 180px;
}
/* line 98, sass/elements/_page_content_mixin.scss */
.category .content-area blockquote.blockquote-image img,
.search .content-area blockquote.blockquote-image img {
  width: 150px;
  position: absolute;
  left: 0;
  top: 7.5px;
}
/* line 104, sass/elements/_page_content_mixin.scss */
.category .content-area blockquote.blockquote-image::before,
.search .content-area blockquote.blockquote-image::before {
  width: 0;
  height: 0;
}
/* line 111, sass/elements/_page_content_mixin.scss */
.category .content-area .pull-out-box-right, .category .content-area .pull-out-box-left,
.search .content-area .pull-out-box-right,
.search .content-area .pull-out-box-left {
  width: 350px;
  text-align: center;
  background-color: #dff1f0;
  padding: 30px;
  margin: 0 0 30px 0;
  color: #19458d;
  font-style: italic;
  font-size: 22px;
}
/* line 121, sass/elements/_page_content_mixin.scss */
.category .content-area .pull-out-box-right,
.search .content-area .pull-out-box-right {
  float: right;
  margin: 0 0 30px 30px;
}
/* line 125, sass/elements/_page_content_mixin.scss */
.category .content-area .pull-out-box-left,
.search .content-area .pull-out-box-left {
  float: left;
  margin: 0 30px 30px 0;
}
/* line 131, sass/elements/_page_content_mixin.scss */
.category .content-area .plain-text,
.search .content-area .plain-text {
  color: black;
  font-size: 18px;
  font-style: normal;
}
/* line 136, sass/elements/_page_content_mixin.scss */
.category .content-area .blue-italicised,
.search .content-area .blue-italicised {
  color: #19458d;
  font-style: italic;
  font-size: 22px;
}
/* line 143, sass/elements/_page_content_mixin.scss */
.category .content-area .ma-widgets-embed,
.search .content-area .ma-widgets-embed {
  /* Style the block container */
  /* Style the header when directly beneath the container
     (eg. for text widget ) */
  /* Whole block as a link */
  /* Style the block */
  /* Overrides */
  /* Layout */
  /* Make the container slightly larger than the page allows us to have
     margin both sides of our blocks and not worry where they break
     onto the next line */
  width: calc( 100% + 30px );
  margin-left: -15px;
}
/* line 14, sass/elements/_home_widgets_mixin.scss */
.category .content-area .ma-widgets-embed > section,
.search .content-area .ma-widgets-embed > section {
  border-radius: 4px;
  overflow: hidden;
}
/* line 21, sass/elements/_home_widgets_mixin.scss */
.category .content-area .ma-widgets-embed > section > h2,
.search .content-area .ma-widgets-embed > section > h2 {
  background-color: #32a4a0;
  font-size: 22px;
  /* Maybe override */
  padding: 10px 30px;
  /* Maybe override */
  margin: 0;
  border-radius: 4px 4px 0 0;
  height: 56px;
  /* Maybe override */
  color: white;
  text-decoration: none;
}
/* line 31, sass/elements/_home_widgets_mixin.scss */
.category .content-area .ma-widgets-embed > section > h2 > a, .category .content-area .ma-widgets-embed > section > h2 > a:visited, .category .content-area .ma-widgets-embed > section > h2 > a:hover,
.search .content-area .ma-widgets-embed > section > h2 > a,
.search .content-area .ma-widgets-embed > section > h2 > a:visited,
.search .content-area .ma-widgets-embed > section > h2 > a:hover {
  color: white;
  text-decoration: none;
  display: block;
}
/* line 39, sass/elements/_home_widgets_mixin.scss */
.category .content-area .ma-widgets-embed > section > a.ma-home-widget,
.search .content-area .ma-widgets-embed > section > a.ma-home-widget {
  display: block;
  border: 0;
  text-decoration: none;
}
/* line 46, sass/elements/_home_widgets_mixin.scss */
.category .content-area .ma-widgets-embed > section > .ma-home-widget,
.search .content-area .ma-widgets-embed > section > .ma-home-widget {
  border-radius: 4px;
  overflow: hidden;
  /* Style ma-home-widget specific header */
  /* Custom background colors */
  /* Handle image placement */
  /* Buttons */
}
/* line 51, sass/elements/_home_widgets_mixin.scss */
.category .content-area .ma-widgets-embed > section > .ma-home-widget > h2,
.search .content-area .ma-widgets-embed > section > .ma-home-widget > h2 {
  background-color: #32a4a0;
  font-size: 22px;
  /* Maybe override */
  height: 56px;
  /* Maybe override */
  color: white;
  padding: 10px 30px;
  /* Maybe override */
  margin: 0;
  border-radius: 4px 4px 0 0;
}
/* line 61, sass/elements/_home_widgets_mixin.scss */
.category .content-area .ma-widgets-embed > section > .ma-home-widget > h2 > a, .category .content-area .ma-widgets-embed > section > .ma-home-widget > h2 > a:visited, .category .content-area .ma-widgets-embed > section > .ma-home-widget > h2 > a:hover,
.search .content-area .ma-widgets-embed > section > .ma-home-widget > h2 > a,
.search .content-area .ma-widgets-embed > section > .ma-home-widget > h2 > a:visited,
.search .content-area .ma-widgets-embed > section > .ma-home-widget > h2 > a:hover {
  color: white;
  text-decoration: none;
  display: block;
}
/* line 67, sass/elements/_home_widgets_mixin.scss */
.category .content-area .ma-widgets-embed > section > .ma-home-widget > .ma-home-widget-text,
.search .content-area .ma-widgets-embed > section > .ma-home-widget > .ma-home-widget-text {
  font-size: 22px;
  /* Maybe override */
  padding: 15px 30px;
  /* Maybe override */
}
/* line 73, sass/elements/_home_widgets_mixin.scss */
.category .content-area .ma-widgets-embed > section > .ma-home-widget.background-light-green,
.search .content-area .ma-widgets-embed > section > .ma-home-widget.background-light-green {
  background-color: #dff1f0;
  color: #19458d;
}
/* line 76, sass/elements/_home_widgets_mixin.scss */
.category .content-area .ma-widgets-embed > section > .ma-home-widget.background-light-green a.ma-home-widget,
.search .content-area .ma-widgets-embed > section > .ma-home-widget.background-light-green a.ma-home-widget {
  color: #19458d;
}
/* line 79, sass/elements/_home_widgets_mixin.scss */
.category .content-area .ma-widgets-embed > section > .ma-home-widget.background-light-green > .ma-home-widget-text,
.search .content-area .ma-widgets-embed > section > .ma-home-widget.background-light-green > .ma-home-widget-text {
  background-color: #dff1f0;
}
/* line 83, sass/elements/_home_widgets_mixin.scss */
.category .content-area .ma-widgets-embed > section > .ma-home-widget.background-light-grey,
.search .content-area .ma-widgets-embed > section > .ma-home-widget.background-light-grey {
  background-color: #eaeaea;
  color: black;
}
/* line 86, sass/elements/_home_widgets_mixin.scss */
.category .content-area .ma-widgets-embed > section > .ma-home-widget.background-light-grey a.ma-home-widget,
.search .content-area .ma-widgets-embed > section > .ma-home-widget.background-light-grey a.ma-home-widget {
  color: black;
}
/* line 89, sass/elements/_home_widgets_mixin.scss */
.category .content-area .ma-widgets-embed > section > .ma-home-widget.background-light-grey > .ma-home-widget-text,
.search .content-area .ma-widgets-embed > section > .ma-home-widget.background-light-grey > .ma-home-widget-text {
  background-color: #eaeaea;
}
/* line 93, sass/elements/_home_widgets_mixin.scss */
.category .content-area .ma-widgets-embed > section > .ma-home-widget.background-transparent,
.search .content-area .ma-widgets-embed > section > .ma-home-widget.background-transparent {
  color: black;
}
/* line 95, sass/elements/_home_widgets_mixin.scss */
.category .content-area .ma-widgets-embed > section > .ma-home-widget.background-transparent a.ma-home-widget,
.search .content-area .ma-widgets-embed > section > .ma-home-widget.background-transparent a.ma-home-widget {
  color: black;
}
/* line 101, sass/elements/_home_widgets_mixin.scss */
.category .content-area .ma-widgets-embed > section > .ma-home-widget.image-above,
.search .content-area .ma-widgets-embed > section > .ma-home-widget.image-above {
  position: relative;
}
/* line 103, sass/elements/_home_widgets_mixin.scss */
.category .content-area .ma-widgets-embed > section > .ma-home-widget.image-above > .ma-home-widget-text,
.search .content-area .ma-widgets-embed > section > .ma-home-widget.image-above > .ma-home-widget-text {
  padding: 7.5px 30px 15px 30px;
  position: absolute;
  bottom: 3.75px;
  width: 100%;
}
/* line 109, sass/elements/_home_widgets_mixin.scss */
.category .content-area .ma-widgets-embed > section > .ma-home-widget.image-above > img,
.search .content-area .ma-widgets-embed > section > .ma-home-widget.image-above > img {
  width: 100%;
}
/* line 114, sass/elements/_home_widgets_mixin.scss */
.category .content-area .ma-widgets-embed > section > .ma-home-widget.image-right > img,
.search .content-area .ma-widgets-embed > section > .ma-home-widget.image-right > img {
  float: right;
  margin-top: 15px;
}
/* line 118, sass/elements/_home_widgets_mixin.scss */
.category .content-area .ma-widgets-embed > section > .ma-home-widget.image-right > .ma-home-widget-text,
.search .content-area .ma-widgets-embed > section > .ma-home-widget.image-right > .ma-home-widget-text {
  float: left;
  width: 50%;
  margin-top: 15px;
  padding-left: 30px;
  padding-top: 0;
}
/* line 125, sass/elements/_home_widgets_mixin.scss */
.category .content-area .ma-widgets-embed > section > .ma-home-widget.image-right::after,
.search .content-area .ma-widgets-embed > section > .ma-home-widget.image-right::after {
  content: "";
  display: block;
  clear: both;
}
/* line 131, sass/elements/_home_widgets_mixin.scss */
.category .content-area .ma-widgets-embed > section > .ma-home-widget.image-full,
.search .content-area .ma-widgets-embed > section > .ma-home-widget.image-full {
  background-size: cover;
  background-position: center;
}
/* line 137, sass/elements/_home_widgets_mixin.scss */
.category .content-area .ma-widgets-embed > section > .ma-home-widget .button,
.search .content-area .ma-widgets-embed > section > .ma-home-widget .button {
  display: block;
  width: 100%;
  margin-top: 7.5px;
  text-align: center;
  font-size: 22px;
}
/* line 147, sass/elements/_page_content_mixin.scss */
.category .content-area .ma-widgets-embed > section > h2,
.search .content-area .ma-widgets-embed > section > h2 {
  font-size: 18px;
  padding: 10px 30px;
  height: 46px;
}
/* line 152, sass/elements/_page_content_mixin.scss */
.category .content-area .ma-widgets-embed > section > .ma-home-widget > h2,
.search .content-area .ma-widgets-embed > section > .ma-home-widget > h2 {
  font-size: 18px;
  height: 46px;
  padding: 10px 30px;
}
/* line 157, sass/elements/_page_content_mixin.scss */
.category .content-area .ma-widgets-embed > section > .ma-home-widget > .ma-home-widget-text,
.search .content-area .ma-widgets-embed > section > .ma-home-widget > .ma-home-widget-text {
  font-size: 18px;
  padding: 15px 30px;
}
/* line 169, sass/elements/_page_content_mixin.scss */
.category .content-area .ma-widgets-embed::after,
.search .content-area .ma-widgets-embed::after {
  content: "";
  display: block;
  clear: both;
}
/* line 175, sass/elements/_page_content_mixin.scss */
.category .content-area .ma-widgets-embed > section,
.search .content-area .ma-widgets-embed > section {
  width: calc( 33% - 30px );
  margin: 0 15px 30px 15px;
  float: left;
}
@media screen and (max-width: 1140px) {
  /* line 175, sass/elements/_page_content_mixin.scss */
  .category .content-area .ma-widgets-embed > section,
  .search .content-area .ma-widgets-embed > section {
    width: calc( 50% - 30px );
  }
}
@media screen and (max-width: 480px) {
  /* line 175, sass/elements/_page_content_mixin.scss */
  .category .content-area .ma-widgets-embed > section,
  .search .content-area .ma-widgets-embed > section {
    width: calc( 100% - 30px );
  }
}
/* line 186, sass/elements/_page_content_mixin.scss */
.category .content-area .ma-widgets-embed > section > .ma-home-widget,
.search .content-area .ma-widgets-embed > section > .ma-home-widget {
  width: 100%;
  height: 194px;
}
/* line 22, sass/elements/_page_content.scss */
.category .content-area h2,
.search .content-area h2 {
  margin-bottom: 0;
}
/* line 24, sass/elements/_page_content.scss */
.category .content-area h2 a, .category .content-area h2 a:visited, .category .content-area h2 a:hover,
.search .content-area h2 a,
.search .content-area h2 a:visited,
.search .content-area h2 a:hover {
  text-decoration: none;
  width: 100%;
  display: block;
  border-bottom: 2px solid #92b4ec;
}
/* line 31, sass/elements/_page_content.scss */
.category .content-area .entry-meta,
.search .content-area .entry-meta {
  font-size: 14px;
  margin-top: 7.5px;
  color: #19458d;
}
/* line 36, sass/elements/_page_content.scss */
.category .content-area article,
.search .content-area article {
  margin-bottom: 30px;
}
/* line 39, sass/elements/_page_content.scss */
.category .content-area article footer a.read-more-link,
.search .content-area article footer a.read-more-link {
  font-size: 14px;
  color: #19458d;
}
/* line 44, sass/elements/_page_content.scss */
.category .content-area .posts-navigation,
.search .content-area .posts-navigation {
  margin-bottom: 30px;
  font-size: 22px;
}
/* line 47, sass/elements/_page_content.scss */
.category .content-area .posts-navigation::after,
.search .content-area .posts-navigation::after {
  content: "";
  display: block;
  clear: both;
}
/* line 52, sass/elements/_page_content.scss */
.category .content-area .posts-navigation .nav-previous,
.search .content-area .posts-navigation .nav-previous {
  float: right;
}
/* line 54, sass/elements/_page_content.scss */
.category .content-area .posts-navigation .nav-previous a::after,
.search .content-area .posts-navigation .nav-previous a::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #92b4ec;
  display: inline-block;
  position: relative;
  top: 4px;
  margin-left: 15px;
}
/* line 67, sass/elements/_page_content.scss */
.category .content-area .posts-navigation .nav-next,
.search .content-area .posts-navigation .nav-next {
  float: left;
}
/* line 69, sass/elements/_page_content.scss */
.category .content-area .posts-navigation .nav-next a::before,
.search .content-area .posts-navigation .nav-next a::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #92b4ec;
  display: inline-block;
  position: relative;
  top: 4px;
  margin-right: 15px;
}
/* line 83, sass/elements/_page_content.scss */
.category .content-area .posts-navigation a,
.search .content-area .posts-navigation a {
  color: #92b4ec;
}

/* Specifics for the donate page */
/* line 90, sass/elements/_page_content.scss */
.page-content-area #CAFDonateWidgetContainer > a {
  display: block;
  text-align: center;
  margin: 30px;
}

/* line 1, sass/elements/_404.scss */
.error404 .page-content {
  padding-bottom: 30px;
}

/* General layout */
/* Layout of the page */
/* line 2, sass/_page_layout.scss */
.site-layout {
  padding: 0 30px;
  max-width: 1200px;
  margin: auto;
}
@media screen and (max-width: 750px) {
  /* line 2, sass/_page_layout.scss */
  .site-layout {
    padding: 0 15px;
  }
}

/* Layout of the header (as a whole) */
/* line 13, sass/_page_layout.scss */
.site-header-layout::after {
  content: "";
  display: block;
  clear: both;
}

/* Layout of the emergencies bar */
/* line 21, sass/_page_layout.scss */
.site-emergencies-layout {
  height: 60px;
}
@media screen and (max-width: 750px) {
  /* line 21, sass/_page_layout.scss */
  .site-emergencies-layout {
    height: 48px;
  }
}

/* Create the color bars that spread outside the page width
   for the emergencies banner */
/* line 30, sass/_page_layout.scss */
.site-emergencies-layout {
  position: relative;
}
/* line 32, sass/_page_layout.scss */
.site-emergencies-layout::before {
  position: absolute;
  right: 100%;
  height: 60px;
  width: 1000px;
  background-color: #19458d;
  content: "";
}
@media screen and (max-width: 750px) {
  /* line 32, sass/_page_layout.scss */
  .site-emergencies-layout::before {
    height: 48px;
  }
}
/* line 43, sass/_page_layout.scss */
.site-emergencies-layout::after {
  position: absolute;
  left: 100%;
  height: 60px;
  width: 1000px;
  background-color: #e53d2f;
  content: "";
}
@media screen and (max-width: 750px) {
  /* line 43, sass/_page_layout.scss */
  .site-emergencies-layout::after {
    height: 48px;
  }
}

/* Site branding (logo) section */
/* Place logo */
/* line 58, sass/_page_layout.scss */
.site-branding-layout {
  float: left;
  margin-top: 30px;
}
/* line 61, sass/_page_layout.scss */
.site-branding-layout .site-logo a {
  height: 75px;
  display: block;
}
@media screen and (max-width: 1140px) {
  /* line 61, sass/_page_layout.scss */
  .site-branding-layout .site-logo a {
    height: 60px;
  }
}
/* line 68, sass/_page_layout.scss */
.site-branding-layout img {
  height: 75px;
}
@media screen and (max-width: 1140px) {
  /* line 68, sass/_page_layout.scss */
  .site-branding-layout img {
    height: 60px;
  }
}

/* Full width navigation */
/* line 77, sass/_page_layout.scss */
.site-navigation-toggle-label-layout {
  display: none;
  margin-top: 54px;
}
@media screen and (max-width: 1140px) {
  /* line 77, sass/_page_layout.scss */
  .site-navigation-toggle-label-layout {
    margin-top: 46.5px;
  }
}

/* line 84, sass/_page_layout.scss */
.main-navigation-layout {
  float: right;
  margin-top: 54px;
}
@media screen and (max-width: 1140px) {
  /* line 84, sass/_page_layout.scss */
  .main-navigation-layout {
    margin-top: 46.5px;
  }
}
/* line 91, sass/_page_layout.scss */
.main-navigation-layout ul, .main-navigation-layout li {
  display: inline-block;
}
/* line 94, sass/_page_layout.scss */
.main-navigation-layout input {
  display: none;
}

/* Intermediate navigation */
@media screen and (max-width: 1023px) {
  /* line 101, sass/_page_layout.scss */
  .main-navigation-layout {
    float: none;
    clear: both;
  }
}
/* Mobile navigation */
@media screen and (max-width: 750px) {
  /* line 109, sass/_page_layout.scss */
  .site-navigation-toggle-label-layout {
    display: block;
    float: right;
  }

  /* line 114, sass/_page_layout.scss */
  .main-navigation-layout {
    float: none;
    clear: both;
  }
  /* line 117, sass/_page_layout.scss */
  .main-navigation-layout input[type="checkbox"]:not(:checked) + ul {
    display: none;
  }
  /* line 120, sass/_page_layout.scss */
  .main-navigation-layout > ul > li {
    display: block;
    text-align: left;
    margin-top: 15px;
  }
}
/* Footer layout */
/* line 129, sass/_page_layout.scss */
.site-footer-layout {
  min-height: 280px;
  width: calc( 100% + 2000px );
  margin-left: -1000px;
}

/* line 135, sass/_page_layout.scss */
.site-footer-inner-layout {
  margin-left: 1000px;
  padding-top: 60px;
  width: calc( 100% - 2000px );
}
/* line 139, sass/_page_layout.scss */
.site-footer-inner-layout::after {
  content: "";
  display: block;
  clear: both;
}

/* line 146, sass/_page_layout.scss */
.site-footer-inner-layout > section {
  width: 33%;
  float: left;
}
/* line 149, sass/_page_layout.scss */
.site-footer-inner-layout > section > h2 {
  margin: 0 0 15px 0;
}

@media screen and (max-width: 750px) {
  /* line 155, sass/_page_layout.scss */
  .site-footer-inner-layout > section {
    width: 100%;
    margin-bottom: 30px;
    float: none;
  }
}
/*
 * Home page blocks
 */
/* line 165, sass/_page_layout.scss */
.dashboard-layout::after {
  content: "";
  display: block;
  clear: both;
}

/* line 170, sass/_page_layout.scss */
.dashboard-layout {
  /* Make the container slightly larger than the page allows us to have
     margin both sides of our blocks and not worry where they break
     onto the next line */
  width: calc( 100% + 30px );
  margin-left: -15px;
}

/* line 177, sass/_page_layout.scss */
.dashboard-layout > section {
  width: calc( 33% - 30px );
  margin: 0 15px 30px 15px;
  height: 320px;
  float: left;
}

/* line 183, sass/_page_layout.scss */
.dashboard-layout > section > .ma-home-widget {
  width: 100%;
  height: 320px;
}

/* line 187, sass/_page_layout.scss */
.dashboard-layout > section:first-child {
  width: calc( 2 * 33% - 30px );
  height: 380px;
}

/* line 191, sass/_page_layout.scss */
.dashboard-layout > section:first-child > .ma-home-widget {
  width: 100%;
  height: 380px;
}

/* line 195, sass/_page_layout.scss */
.dashboard-layout > section:nth-child(2) {
  height: 380px;
}

/* line 198, sass/_page_layout.scss */
.dashboard-layout > section:nth-child(2) > .ma-home-widget {
  height: 380px;
}

@media screen and (max-width: 1140px) {
  /* line 202, sass/_page_layout.scss */
  .dashboard-layout > section {
    width: calc( 50% - 30px );
  }

  /* line 205, sass/_page_layout.scss */
  .dashboard-layout > section:first-child {
    width: calc( 100% - 30px );
  }

  /* line 208, sass/_page_layout.scss */
  .dashboard-layout > section:nth-child(2) {
    height: 320px;
  }

  /* line 211, sass/_page_layout.scss */
  .dashboard-layout > section:nth-child(2) > .ma-home-widget {
    height: 320px;
  }
}
@media screen and (max-width: 750px) {
  /* line 216, sass/_page_layout.scss */
  .dashboard-layout > section {
    width: calc( 100% - 30px );
  }
}
/**
 * Content pages layout (including sidebar)
 *
 * We rely on classes set on body (page-parent, page-child) to
 * know whether a sidebar is needed.
 */
/* line 227, sass/_page_layout.scss */
.site-content-layout {
  margin-top: 30px;
}

/* line 231, sass/_page_layout.scss */
.page-content-area,
.error404 .content-area,
.search .content-area {
  width: calc( 100% - 206px - 60px );
  float: right;
}
@media screen and (max-width: 750px) {
  /* line 231, sass/_page_layout.scss */
  .page-content-area,
  .error404 .content-area,
  .search .content-area {
    width: 100%;
  }
}

/* line 243, sass/_page_layout.scss */
.page .site-content::after,
.error404 .site-content::after,
.search .site-content::after {
  display: block;
  content: "";
  clear: both;
}

/* line 251, sass/_page_layout.scss */
.page-parent .sidebar-navigation-layout, .page-child .sidebar-navigation-layout {
  width: 206px;
}
@media screen and (max-width: 750px) {
  /* line 251, sass/_page_layout.scss */
  .page-parent .sidebar-navigation-layout, .page-child .sidebar-navigation-layout {
    display: none;
  }
}

/**
 * Category page layout
 */
/* line 263, sass/_page_layout.scss */
.category .content-area {
  width: calc( 100% - 206px - 60px );
  float: right;
}
@media screen and (max-width: 750px) {
  /* line 263, sass/_page_layout.scss */
  .category .content-area {
    width: 100%;
  }
}
/* line 272, sass/_page_layout.scss */
.category .site-content::after {
  display: block;
  content: "";
  clear: both;
}
/* line 279, sass/_page_layout.scss */
.category .sidebar-navigation-layout {
  width: 206px;
}
@media screen and (max-width: 750px) {
  /* line 279, sass/_page_layout.scss */
  .category .sidebar-navigation-layout {
    display: none;
  }
}

/**
 * Single post page layout
 */
/* line 291, sass/_page_layout.scss */
.single-post .content-area {
  width: calc( 100% - 206px - 60px );
  float: right;
}
@media screen and (max-width: 750px) {
  /* line 291, sass/_page_layout.scss */
  .single-post .content-area {
    width: 100%;
  }
}
/* line 300, sass/_page_layout.scss */
.single-post .site-content::after {
  display: block;
  content: "";
  clear: both;
}
/* line 307, sass/_page_layout.scss */
.single-post .sidebar-navigation-layout {
  width: 206px;
}
@media screen and (max-width: 750px) {
  /* line 307, sass/_page_layout.scss */
  .single-post .sidebar-navigation-layout {
    display: none;
  }
}

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