/*
Theme Name: Leeds Sustainability
Theme URI: http://creativeconcern.com
Author: Creative Concern
Author URI: http://creativeconcern.com
Description: A theme for the Leeds Sustainabilty Website
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: leeds-sustainability
Tags:

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


MQ:
@media (max-width:767px){}
@media (min-width:768px){}
@media (min-width:992px){}
@media (min-width:1200px){}


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
13.0 Bootstraps Overides
14.0 Extra
15.0 Fonts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
/* Small menu */
/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
/* Make sure select elements fit in widgets */
/* Search widget */
/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
/* Older / Newer Posts Navigation (always hidden) */
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
/* Make sure embeds and iframes fit their containers */
/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
13 Bootstraps Overides
--------------------------------------------------------------*/
/*--------------------------------------------------------------
14 Mega Nav
--------------------------------------------------------------*/
/*
.megalist span.link a{
	display: block;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 10px;
}
*/
/*------------------------------------*\
    MENU ICON
\*------------------------------------*/
/*:focus{
  border: 1px solid #cdcdcd;
}*/
/*--------------------------------------------------------------
14.0 Customs
--------------------------------------------------------------*/
/*Homepage slider*/
/*New homepage header/slider replacement*/
/*Homepage- Themes*/
/*Homepage- Themes mobile*/
/* NEW social buttons */
/*Homepage Social Media red block*/
/*Homepage- Bottom*/
/*Homepgage= Get in touch*/
/*Basic page*/
/*Download*/
/*Strategy Colour Pages*/
/*Footer*/
/*Blog*/
/*widget_tag_cloud*/
/*widget_archive*/
/*Forum*/
/*Calendar*/
/*Staff*/
/*Sustainabilit Architects*/
/*Tagroll*/
/*Get involved*/
/*404*/
/*Help and Advice*/
/*Some mobile stuff*/
/*Search*/
/*--------------------------------------------------------------
14.0 Fonts
--------------------------------------------------------------*/
/*font-family: "freight-sans-pro",sans-serif !important;*/
/*--------------------------------------------------------------
14.0 Footer
--------------------------------------------------------------*/
/*Addthis*/
/**
 * Social Code

- Social Icons (General)
- Footer Social
- Social Header (Used on social widgets, icon in header)
- Social Sharing

*/
html {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    font-size: 62.5%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    box-sizing: border-box;
  }
  body {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    background: #F5F5F5;
    font-family: "freight-sans-pro", sans-serif !important;
    color: #404040;
    font-family: sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  div {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
  }
  span {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
  }
  applet {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
  }
  object {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    max-width: 100%;
    width: 100% !important;
  }
  iframe {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    max-width: 100%;
    width: 100% !important;
  }
  h1 {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    clear: both;
  }
  h2 {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    clear: both;
  }
  h3 {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    clear: both;
  }
  h4 {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    clear: both;
  }
  h5 {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    clear: both;
  }
  h6 {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    clear: both;
  }
  p {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    margin-bottom: 1.5em;
  }
  blockquote {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    quotes: "" "";
    margin: 0 1.5em;
  }
  blockquote:before {
    content: "";
  }
  blockquote:after {
    content: "";
  }
  pre {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
  }
  a {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    color: #00502E;
    outline: 1px solid transparent;
  }
  a:focus {
    outline: thin dotted;
  }
  a:hover {
    outline: 0;
  }
  a:active {
    outline: 0;
  }
  a img {
    border: 0;
  }
  abbr {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    border-bottom: 1px dotted #666;
    cursor: help;
  }
  acronym {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    border-bottom: 1px dotted #666;
    cursor: help;
  }
  address {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    margin: 0 0 1.5em;
  }
  big {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    font-size: 125%;
  }
  cite {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    font-style: italic;
  }
  code {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 1.5rem;
  }
  del {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
  }
  dfn {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    font-style: italic;
  }
  em {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    font-style: italic;
  }
  font {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
  }
  ins {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    background: #fff9c0;
    text-decoration: none;
  }
  kbd {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 1.5rem;
  }
  q {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    quotes: "" "";
  }
  q:before {
    content: "";
  }
  q:after {
    content: "";
  }
  s {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
  }
  samp {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
  }
  small {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    font-size: 75%;
  }
  strike {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
  }
  strong {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    font-weight: bold;
  }
  sub {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    top: .5ex;
  }
  sup {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    bottom: 1ex;
  }
  tt {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 1.5rem;
  }
  var {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 1.5rem;
  }
  dl {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
  }
  dt {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    font-weight: bold;
  }
  dd {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    margin: 0 1.5em 1.5em;
  }
  ol {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    list-style: none;
    margin: 0 0 1.5em 3em;
    list-style: decimal;
  }
  ul {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    list-style: none;
    margin: 0 0 1.5em 3em;
    list-style: disc;
  }
  ul > li.parent.active {
    color: #fff;
  }
  li {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
  }
  li > ul {
    margin-bottom: 0;
    margin-left: 1.5em;
  }
  li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
  }
  fieldset {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
  }
  form {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
  }
  label {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
  }
  legend {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
  }
  table {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0 0 1.5em;
    width: 100%;
  }
  caption {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    font-weight: normal;
    text-align: left;
  }
  tbody {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
  }
  tfoot {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
  }
  thead {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
  }
  tr {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
  }
  th {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    font-weight: normal;
    text-align: left;
    font-weight: bold;
  }
  td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    font-weight: normal;
    text-align: left;
  }
  * {
    box-sizing: inherit;
  }
  *:before {
    box-sizing: inherit;
  }
  *:after {
    box-sizing: inherit;
  }
  article {
    display: block;
  }
  aside {
    display: block;
  }
  details {
    display: block;
  }
  figcaption {
    display: block;
  }
  figure {
    display: block;
    margin: 0;
  }
  footer {
    display: block;
  }
  header {
    display: block;
  }
  main {
    display: block;
  }
  nav {
    display: block;
  }
  section {
    display: block;
  }
  button {
    color: #404040;
    font-family: sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
    -webkit-appearance: button;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    padding: .6em 1em .4em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  }
  button:hover {
    border-color: #ccc #bbb #aaa;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
  }
  button:focus {
    border-color: #aaa #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
  }
  button:active {
    border-color: #aaa #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
  }
  input {
    color: #404040;
    font-family: sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
  }
  select {
    color: #404040;
    font-family: sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
  }
  textarea {
    color: #404040;
    font-family: sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    border-radius: 3px;
    overflow: auto;
    padding-left: 3px;
    vertical-align: top;
    width: 100%;
  }
  b {
    font-weight: bold;
  }
  i {
    font-style: italic;
  }
  mark {
    background: #fff9c0;
    text-decoration: none;
  }
  hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
  }
  img {
    height: auto;
  }
  input[type="button"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
    -webkit-appearance: button;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    padding: .6em 1em .4em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  }
  input[type="button"]:hover {
    border-color: #ccc #bbb #aaa;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
  }
  input[type="button"]:focus {
    border-color: #aaa #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
  }
  input[type="button"]:active {
    border-color: #aaa #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
  }
  input[type="reset"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
    -webkit-appearance: button;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    padding: .6em 1em .4em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  }
  input[type="reset"]:hover {
    border-color: #ccc #bbb #aaa;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
  }
  input[type="reset"]:focus {
    border-color: #aaa #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
  }
  input[type="reset"]:active {
    border-color: #aaa #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
  }
  input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
    -webkit-appearance: button;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    padding: .6em 1em .4em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  }
  input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
  }
  input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
  }
  input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
  }
  input[type="checkbox"] {
    padding: 0;
  }
  input[type="radio"] {
    padding: 0;
  }
  input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
    border-radius: 3px;
    padding: 3px;
  }
  input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  input[type="text"] {
    border-radius: 3px;
    padding: 3px;
  }
  input[type="email"] {
    border-radius: 3px;
    padding: 3px;
  }
  input[type="url"] {
    border-radius: 3px;
    padding: 3px;
  }
  input[type="password"] {
    border-radius: 3px;
    padding: 3px;
  }
  .main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
  }
  .main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
  }
  .main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 1.5em;
    left: -999em;
    z-index: 99999;
  }
  .main-navigation ul ul ul {
    left: -999em;
    top: 0;
  }
  .main-navigation ul ul a {
    width: 200px;
  }
  .main-navigation ul ul li:hover > ul {
    left: 100%;
  }
  .main-navigation ul li:hover > ul {
    left: auto;
  }
  .main-navigation li {
    float: left;
    position: relative;
  }
  .main-navigation a {
    display: block;
    text-decoration: none;
  }
  .menu-toggle {
    display: none;
  }
  .site-main .comment-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
  }
  .site-main .paging-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
  }
  .site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
  }
  .comment-navigation .nav-previous {
    float: left;
    width: 50%;
  }
  .comment-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
  }
  .paging-navigation .nav-previous {
    float: left;
    width: 50%;
  }
  .paging-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
  }
  .post-navigation .nav-previous {
    float: left;
    width: 50%;
  }
  .post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
  }
  .screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
  }
  .screen-reader-text:hover {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
  }
  .screen-reader-text:active {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
  }
  .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
  }
  .alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
  }
  .alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
  }
  .aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
  }
  .clear:before {
    content: "";
    display: table;
  }
  .clear:after {
    content: "";
    display: table;
    clear: both;
  }
  .entry-content {
    font-size: 18px;
    margin-top: -20px;
  }
  .entry-content:before {
    content: "";
    display: table;
  }
  .entry-content:after {
    content: "";
    display: table;
    clear: both;
  }
  .entry-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
  }
  .entry-content h2 {
    font-size: 30px !important;
    font-family: "MimbieHeadline-Regular", sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #000000;
  }
  .entry-content iframe {
    width: 100%;
  }
  .entry-content figure {
    position: relative;
  }
  .entry-content figcaption {
    background-color: #00502E;
    font-size: 12px;
    margin-left: 30px;
    border: 1px solid;
    border-color: #00502E;
    border-radius: 3px;
    position: absolute;
    bottom: 6px;
    left: 10px;
    color: #FFFFFF;
    padding: 4px 4px 4px 30px;
    background-image: url('img/camera-white.png');
    background-repeat: no-repeat;
    background-position: 4px;
    background-size: 15px;
  }
  .comment-content:before {
    content: "";
    display: table;
  }
  .comment-content:after {
    content: "";
    display: table;
    clear: both;
  }
  .comment-content a {
    word-wrap: break-word;
  }
  .comment-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
  }
  #masthead .masthead-container {
    position: fixed;
    top: 0;
    z-index: 400;
    width: 100%;
    max-width: 1200px;
    height: 127px;
  }
  .site-header:before {
    content: "";
    display: table;
  }
  .site-header:after {
    content: "";
    display: table;
    clear: both;
  }
  .site-content:before {
    content: "";
    display: table;
  }
  .site-content:after {
    content: "";
    display: table;
    clear: both;
  }
  .site-footer {
    clear: both;
    height: auto !important;
    height: 100%;
    color: #FFFFFF;
    background: #212121;
    overflow: hidden;
    position: relative;
    z-index: 100;
    color: white;
  }
  .site-footer:before {
    content: "";
    display: table;
  }
  .site-footer:after {
    content: "";
    display: table;
    clear: both;
  }
  .site-footer a {
    color: #FFFFFF;
  }
  .site-footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .site-footer li {
    list-style: none;
  }
  .site-footer .copywright {
    position: absolute;
    bottom: 30px;
    right: 30px;
  }
  .site-footer h4 {
    border-bottom: 1px dashed #000000;
    padding-bottom: 10px;
  }
  .site-footer p {
    margin: 0;
  }
  .home #social_media_tabsection_ {
    padding-right: 0;
  }
  #skiplink {
    position: absolute;
    top: -20px;
  }
  .widget {
    margin: 0 0 1.5em;
  }
  .widget select {
    max-width: 100%;
  }
  .widget_search .search-submit {
    display: none;
  }
  .sticky {
    display: block;
  }
  .hentry {
    margin: 0 0 1.5em;
  }
  .byline {
    display: none;
    display: none !important;
  }
  .updated:not(.published) {
    display: none;
  }
  .single .byline {
    display: inline;
  }
  .group-blog .byline {
    display: inline;
  }
  .page-links {
    clear: both;
    margin: 0 0 1.5em;
  }
  .blog .format-aside .entry-title {
    display: none;
  }
  .archive .format-aside .entry-title {
    display: none;
  }
  .bypostauthor {
    display: block;
  }
  .infinite-scroll .paging-navigation {
    display: none;
  }
  .infinite-scroll.neverending .site-footer {
    display: none;
  }
  .infinity-end.neverending .site-footer {
    display: block;
  }
  .page-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
  }
  embed {
    max-width: 100%;
    width: 100% !important;
  }
  .wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
  }
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
  }
  .wp-caption .wp-caption-text {
    margin: 0.8075em 0;
  }
  .wp-caption-text {
    text-align: center;
  }
  .gallery {
    margin-bottom: 1.5em;
  }
  .gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
  }
  .gallery-columns-2 .gallery-item {
    max-width: 50%;
  }
  .gallery-columns-3 .gallery-item {
    max-width: 33.33%;
  }
  .gallery-columns-4 .gallery-item {
    max-width: 25%;
  }
  .gallery-columns-5 .gallery-item {
    max-width: 20%;
  }
  .gallery-columns-6 .gallery-item {
    max-width: 16.66%;
  }
  .gallery-columns-7 .gallery-item {
    max-width: 14.28%;
  }
  .gallery-columns-8 .gallery-item {
    max-width: 12.5%;
  }
  .gallery-columns-9 .gallery-item {
    max-width: 11.11%;
  }
  .gallery-caption {
    display: block;
  }
  .container-fluid {
    max-width: 1200px;
  }
  .completeNav {
    display: none;
  }
  .dropdown .swiper-content {
    height: 385px !important;
  }
  .swiper-wrap-all.dropdown {
    height: 412px;
  }
  .skiplink {
    position: absolute;
  }
  .open-container {
    margin: 0 auto;
    height: 30px;
    display: block;
  }
  .open-container div {
    position: relative;
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;
  }
  .open-container div:before {
    position: relative;
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;
  }
  .open-container div:after {
    position: relative;
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;
  }
  .open-x {
    display: block;
    height: 2px;
    width: 16px;
    top: 2px;
    background-color: #fff;
    position: absolute;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  .open-x:after {
    display: block;
    width: 16px;
    height: 2px;
    background-color: #fff;
    content: "";
    position: absolute;
    top: 8px;
    left: 0px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .open-x:before {
    display: block;
    width: 16px;
    height: 2px;
    background-color: #fff;
    content: "";
    position: absolute;
    top: 5px;
  }
  .csstransforms .menu-active .open-x {
    display: block;
    position: absolute;
    top: 14px;
    height: 2px;
    width: 16px;
    background-color: #fff;
    transform: rotate(45deg) !important;
    -ms-transform: rotate(45deg) !important;
    -webkit-transform: rotate(45deg) !important;
  }
  .csstransforms .menu-active .open-x:before {
    display: block;
    position: absolute;
    width: 0px !important;
    height: 2px;
    background-color: transparent;
    content: "";
    top: 10px;
  }
  .csstransforms .menu-active .open-x:after {
    display: block;
    width: 16px;
    height: 2px;
    background-color: #fff;
    content: "";
    position: absolute;
    top: 0px !important;
    left: 0px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  #page {
    margin-top: -17px;
  }
  #page .entry-content img {
    width: 100%;
    height: auto;
  }
  #page .entry-content img.half {
    width: 50%;
    height: auto;
  }
  #full_site_content {
    margin-top: 144px;
    background-color: #FFFFFF;
  }
  .site-title {
    font-size: 30px !important;
    font-family: "MimbieHeadline-Regular", sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #FFFFFF;
    padding-top: 0 !important;
    margin-top: -5px;
  }
  .header-id .lower {
    position: relative;
  }
  .social-icons {
    position: absolute;
    right: 67px;
    top: 0px;
  }
  .homepage_top {
    position: relative;
  }
  .homepage_top .themes {
    position: absolute;
    top: 0;
    right: 0;
    width: 33.33333337%;
  }
  .homepage_top .themes img {
    width: 100%;
  }
  .slider_container {
    width: 66.66666667%;
  }
  .homepage_features_slider {
    overflow: auto;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    position: relative;
  }
  .homepage_features_slider img {
    width: 100%;
    height: auto;
  }
  .homepage_features_slider .as-prev-arrow {
    font-size: 0;
    width: 61px;
    height: 61px;
    position: absolute;
    top: 50%;
    left: 35px;
    background-image: url('img/arrow-left.png');
    background-size: 60px;
    background-repeat: no-repeat;
    z-index: 100;
  }
  .homepage_features_slider .as-next-arrow {
    font-size: 0;
    width: 61px;
    height: 61px;
    position: absolute;
    top: 50%;
    right: 35px;
    background-image: url('img/arrow-right.png');
    background-size: 60px;
    background-repeat: no-repeat;
    z-index: 100;
  }
  .homepage_feature {
    width: 25%;
    float: left;
    max-height: 130px;
  }
  .homepage_feature img {
    float: left;
    width: 33.333333337%;
  }
  .homepage_feature .hpf_content {
    width: 66.66666667%;
    float: left;
    padding: 10px;
  }
  .homepage_feature .hpf_content h2 {
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 15px;
  }
  .homepage_feature .hpf_content p {
    font-size: 12px;
    line-height: 14px;
    color: #000000;
  }
  .homepage_feature .hpf_content a {
    font-size: 12px;
    line-height: 14px;
    color: #000000;
    text-decoration: underline;
    position: relative;
    z-index: 100;
  }
  .homepage_features {
    overflow: hidden;
    position: relative;
  }
  .homepage_feature1 {
    background-color: #F3CED4;
  }
  .homepage_feature1 h2 {
    color: #C41530;
  }
  .homepage_feature3 {
    background-color: #F3CED4;
  }
  .homepage_feature3 h2 {
    color: #C41530;
  }
  .homepage_feature2 {
    background-color: #CCDCD6;
  }
  .homepage_feature2 h2 {
    color: #B1AD13;
  }
  .homepage_feature4 {
    background-color: #CCDCD6;
  }
  .homepage_feature4 h2 {
    color: #B1AD13;
  }
  .welcome {
    font-family: "MimbieHeadline-Regular", sans-serif;
    text-transform: uppercase;
    font-size: 40px;
    width: 100%;
    height: 80px;
    background-color: #9D9C9C;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    padding-top: 13px;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
  }
  .homepage .as-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .homepage .as-nav a {
    width: 25%;
    position: relative;
    z-index: 101;
    float: left;
    display: block;
    height: 130px;
    background-color: rgba(156, 156, 156, 0.5);
    font-size: 0;
  }
  .homepage .as-nav a.as-active {
    background-color: rgba(156, 156, 156, 0);
    z-index: 99;
  }
  .new_homepage_feature {
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: relative;
  }
  .new_homepage_feature img {
    width: 100%;
    height: auto;
  }
  .new_homepage_feature .new_hpf_content {
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    background: rgba(33, 33, 33, 0.5);
    background: linear-gradient(to bottom, rgba(33, 33, 33, 0) 0%, rgba(33, 33, 33, 0.75) 80%);
  }
  .new_homepage_feature .new_hpf_content h2 {
    font-size: 27px !important;
    font-family: "MimbieHeadline-Regular", sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #FFFFFF;
    margin-bottom: 5px;
  }
  .new_homepage_feature .new_hpf_content a {
    margin-bottom: 10px;
    padding-right: 10px;
    text-decoration: underline;
    color: #FFFFFF;
    font-size: 16px;
  }
  .new_homepage_feature .new_hpf_content a::after {
    content: " >";
    display: inline;
  }
  .new_homepage_feature .new_hpf_content .hpf_content_inner {
    position: absolute;
    bottom: 0;
    left: 20px;
    padding-bottom: 10px;
  }
  .themes_under .theme {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .themes_under .theme img {
    width: 100%;
    height: auto;
  }
  .themes_mobile {
    margin-top: 60px;
    display: none;
  }
  .themes_mobile img {
    width: 100%;
  }
  .social-buttons {
    font-family: "MimbieHeadline-Regular", sans-serif;
    font-size: 30px;
    color: #C41530;
    padding-top: 50px;
    text-align: center;
  }
  .social-buttons a {
    color: #C41530;
  }
  .homepage_socialmedia {
    background-color: #F9E7E9;
    margin: 50px 0 40px 0;
    min-height: 340px;
  }
  .homepage_socialmedia h3 {
    font-size: 40px;
    font-family: "MimbieHeadline-Regular", sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #C41530;
    margin-bottom: 10px;
    margin-top: 20px;
  }
  .homepage_socialmedia p.info {
    color: #9D9C9C;
    font-size: 18px;
    width: 330px;
    background-color: #F9E7E9;
  }
  .homepage_socialmedia a.more_info {
    display: block;
    font-size: 21px;
    color: #C41530;
    height: 49px;
    padding: 10px 10px 10px 50px;
    font-family: "MimbieHeadline-Regular", sans-serif;
    font-weight: normal;
    font-style: normal;
    background-image: url('img/link-trans.png');
    background-repeat: no-repeat;
    background-size: 40px;
    text-decoration: none;
  }
  .homepage_socialmedia .plane {
    background-image: url('img/plane-static.png');
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: 50%;
  }
  .homepage_socialmedia .plane:hover {
    background-image: url('img/plane-animated.gif');
  }
  .homepage_socialmedia .theme {
    padding-left: 0;
    padding-right: 0;
  }
  .homepage_socialmedia .theme img {
    width: 100%;
    height: auto;
  }
  #social_media_tabsection {
    padding-right: 0;
  }
  #social_media_tabsection .tabs {
    font-family: "MimbieHeadline-Regular", sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #FFFFFF;
    background-color: #1290D0;
    font-size: 22px;
    height: 35px;
    padding: 0;
    margin: 0;
    list-style: none;
  }
  #social_media_tabsection .tabs li {
    height: 35px;
    overflow: hidden;
  }
  #social_media_tabsection .tabs a {
    font-family: "MimbieHeadline-Regular", sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #FFFFFF;
    font-size: 20px;
    display: block;
    margin-left: 16px;
    margin-top: 4px;
  }
  #social_media_tabsection .tabs .twitter-tab {
    background-image: url('img/twitter.png');
    background-size: 35px;
    background-repeat: no-repeat;
  }
  #social_media_tabsection .tabs .facebook-tab {
    background-image: url('img/facebook.png');
    background-size: 35px;
    background-repeat: no-repeat;
  }
  #social_media_tabsection .tabs .forum-tab {
    background-image: url('img/forum.png');
    background-size: 35px;
    background-repeat: no-repeat;
  }
  #social_media_tabsection .sidebar_twitter {
    padding: 10px;
    background-color: #E5F3FA;
    height: 305px;
  }
  #social_media_tabsection .sidebar_facebook {
    padding: 10px;
    background-color: #E5F3FA;
    height: 305px;
  }
  #social_media_tabsection .sidebar_facebook .cff-wrapper {
    background-color: #FFFFFF;
  }
  #social_media_tabsection .sidebar_forum {
    padding: 10px;
    background-color: #E5F3FA;
    height: 305px;
  }
  #social_media_tabsection .sidebar_forum #bbpress-forums {
    height: 290px;
    overflow: auto;
  }
  #social_media_tabsection .sidebar_forum .bbp-search-form {
    display: none;
  }
  #side-bar-bp {
    padding-right: 0px;
  }
  #side-bar-bp #social_media_tabsection {
    margin-top: 60px;
  }
  #side-bar-bp #social_media_tabsection img {
    width: auto;
    height: auto;
  }
  #side-bar-bp img {
    width: 100%;
  }
  .homepage_bottom {
    padding-top: 20px;
    background-color: #FFFFFF;
  }
  .homepage_bottom:after {
    content: '';
    display: block;
    clear: both;
  }
  .hp_getintouch {
    position: relative;
    width: 33.333333337%;
    overflow: visible;
    float: left;
  }
  .hp_getintouch img {
    width: 100%;
    margin-left: -6%;
    float: left;
  }
  .hp_getintouch span {
    float: left;
    position: absolute;
    top: 15%;
    left: 8%;
  }
  .hp_getintouch span h3 {
    font-family: "MimbieHeadline-Regular", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 35px;
    color: #FFFFFF;
    padding: 0;
    margin: 0;
  }
  .hp_getintouch span p {
    padding: 0;
    margin: 0;
    color: #FFFFFF;
    font-size: 20px;
    line-height: 24px;
  }
  .hp_getintouch span a {
    color: #FFFFFF;
    display: block;
    font-size: 20px;
    text-decoration: underline;
    line-height: 24px;
  }
  .hp_architects {
    float: left;
    width: 33.333333337%;
  }
  .hp_architects a {
    width: 100%;
    height: 33vw;
    max-height: 400px;
    background-image: url('img/architects-static.jpg');
    display: block;
    background-size: 100%;
    background-repeat: no-repeat;
    font-size: 0;
  }
  .hp_architects a:hover {
    background-image: url('img/architects-motion.gif');
  }
  .hp_architects img {
    width: 100%;
    padding: 10% 20px 0 20px;
  }
  .hp_strategy {
    float: right;
    width: 33.333333337%;
  }
  .hp_strategy img {
    width: 100%;
    padding: 0 0 0 20px;
  }
  .main-basic-page-header {
    width: 100%;
    background-color: #00502E;
    font-family: "MimbieHeadline-Regular", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 40px;
    color: #E5EDEA;
    margin-bottom: 60px;
  }
  .main-basic-page-header img {
    float: right;
    width: 100%;
    height: auto;
  }
  .sub-page-header {
    width: 100%;
    background-color: #E5EDEA;
    font-family: "MimbieHeadline-Regular", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 40px;
    color: #00502E;
    margin-bottom: 60px;
  }
  .sub-page-header img {
    float: right;
    width: 100%;
    height: auto;
  }
  .downloads_bottom {
    margin-bottom: 30px;
    font-size: 0;
  }
  .downloads_bottom .page_download {
    display: block;
    font-size: 21px;
    color: #00502E;
    height: 49px;
    padding: 10px 10px 10px 50px;
    font-family: "MimbieHeadline-Regular", sans-serif;
    font-weight: normal;
    font-style: normal;
    background-image: url('img/button-download.png');
    background-repeat: no-repeat;
    background-size: 40px;
    text-decoration: none;
  }
  .downloads_bottom .page_link {
    display: block;
    font-size: 21px;
    color: #00502E;
    height: 49px;
    padding: 10px 10px 10px 50px;
    font-family: "MimbieHeadline-Regular", sans-serif;
    font-weight: normal;
    font-style: normal;
    background-image: url('img/button-link.png');
    background-repeat: no-repeat;
    background-size: 40px;
    text-decoration: none;
  }
  .downloads_bottom.dbblue .page_download {
    background-image: url('img/blue-download.png');
    color: #1290D0;
  }
  .downloads_bottom.dbblue .page_link {
    background-image: url('img/blue-link.png');
    color: #1290D0;
  }
  .downloads_bottom.dbgreen .page_download {
    background-image: url('img/green-download.png');
    color: #B1AD13;
  }
  .downloads_bottom.dbgreen .page_link {
    background-image: url('img/green-link.png');
    color: #B1AD13;
  }
  .downloads_bottom.dborange .page_download {
    background-image: url('img/orange-download.png');
    color: #F39207;
  }
  .downloads_bottom.dborange .page_link {
    background-image: url('img/orange-link.png');
    color: #F39207;
  }
  .downloads_bottom.dbred .page_download {
    background-image: url('img/red-download.png');
    color: #C41530;
  }
  .downloads_bottom.dbred .page_link {
    background-image: url('img/red-link.png');
    color: #C41530;
  }
  .themes_sidebar a {
    display: block;
    width: 100%;
    height: auto;
  }
  .themes_sidebar img {
    width: 100%;
    height: auto;
  }
  .bp_strategy {
    margin-top: 60px;
  }
  .bp_getintouch {
    position: relative;
    overflow: visible;
    float: left;
    margin-top: 60px;
  }
  .bp_getintouch img {
    float: right;
  }
  .bp_getintouch span {
    float: right;
    position: absolute;
    top: 11%;
    left: 25%;
  }
  .bp_getintouch span h3 {
    font-family: "MimbieHeadline-Regular", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 35px;
    color: #00502E;
    padding: 0;
    margin: 0;
  }
  .bp_getintouch span p {
    padding: 0;
    margin: 0;
    color: #9D9C9C;
    font-size: 20px;
    line-height: 24px;
  }
  .bp_getintouch span a {
    color: #00502E;
    display: block;
    font-size: 20px;
    text-decoration: underline;
    line-height: 24px;
  }
  .strategy-blue-page-header {
    width: 100%;
    background-color: #0090d2;
    font-family: "MimbieHeadline-Regular", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 40px;
    color: #FFFFFF;
    margin-bottom: 60px;
  }
  .strategy-blue-page-header img {
    width: 33.333333337%;
    left: 0;
    top: 0;
    max-width: 370px;
    float: right;
    width: 100%;
    height: auto;
  }
  .strategy-blue-page-header .strategy-image {
    padding-right: 0 !important;
  }
  .posts-by-tag-blue .apost p {
    background-color: #E5F3FA;
    padding: 20px;
    font-size: 16px;
    margin: 30px 0 0 0;
  }
  .posts-by-tag-blue .apost a.go-to-post {
    background-color: #1290D0;
    color: #FFFFFF;
    font-family: "MimbieHeadline-Regular", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    padding: 10px 20px 10px 20px;
    display: block;
  }
  .strategy-orange-page-header {
    width: 100%;
    background-color: #F39207;
    font-family: "MimbieHeadline-Regular", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 40px;
    color: #FFFFFF;
    margin-bottom: 60px;
  }
  .strategy-orange-page-header img {
    width: 33.333333337%;
    left: 0;
    top: 0;
    max-width: 370px;
    float: right;
    width: 100%;
    height: auto;
  }
  .strategy-orange-page-header .strategy-image {
    padding-right: 0 !important;
  }
  .posts-by-tag-orange .apost p {
    background-color: #FEF4E4;
    padding: 20px;
    font-size: 16px;
    margin: 30px 0 0 0;
  }
  .posts-by-tag-orange .apost a.go-to-post {
    background-color: #F39207;
    color: #FFFFFF;
    font-family: "MimbieHeadline-Regular", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    padding: 10px 20px 10px 20px;
    display: block;
  }
  .strategy-green-page-header {
    width: 100%;
    background-color: #B1AD13;
    font-family: "MimbieHeadline-Regular", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 40px;
    color: #FFFFFF;
    margin-bottom: 60px;
  }
  .strategy-green-page-header img {
    width: 33.333333337%;
    left: 0;
    top: 0;
    max-width: 370px;
    float: right;
    width: 100%;
    height: auto;
  }
  .strategy-green-page-header .strategy-image {
    padding-right: 0 !important;
  }
  .posts-by-tag-green .apost p {
    background-color: #F6F7E5;
    padding: 20px;
    font-size: 16px;
    margin: 30px 0 0 0;
  }
  .posts-by-tag-green .apost a.go-to-post {
    background-color: #B1AD13;
    color: #FFFFFF;
    font-family: "MimbieHeadline-Regular", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    padding: 10px 20px 10px 20px;
    display: block;
  }
  .strategy-red-page-header {
    width: 100%;
    background-color: #C41530;
    font-family: "MimbieHeadline-Regular", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 40px;
    color: #FFFFFF;
    margin-bottom: 60px;
  }
  .strategy-red-page-header img {
    width: 33.333333337%;
    left: 0;
    top: 0;
    max-width: 370px;
    float: right;
    width: 100%;
    height: auto;
  }
  .strategy-red-page-header .strategy-image {
    padding-right: 0 !important;
  }
  .posts-by-tag-red .apost p {
    background-color: #F9E7E9;
    padding: 20px;
    font-size: 16px;
    margin: 30px 0 0 0;
  }
  .posts-by-tag-red .apost a.go-to-post {
    background-color: #C41530;
    color: #FFFFFF;
    font-family: "MimbieHeadline-Regular", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    padding: 10px 20px 10px 20px;
    display: block;
  }
  .bikething {
    margin-top: 20px;
    height: 100px;
    position: relative;
    overflow: hidden;
  }
  .bikething img.biker {
    position: absolute;
    left: -200px;
  }
  .bikething .backtotopimg {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 200;
  }
  article.post .entry-title {
    margin-top: 0;
    font-size: 24px;
    color: #00502E;
    font-weight: bold;
  }
  article.post .entry-title a {
    font-size: 24px;
    color: #00502E;
    font-weight: bold;
  }
  .blogroll .post {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #000000;
  }
  .blogroll .post p {
    color: #9D9C9C;
  }
  .blogroll .post .more-link {
    color: #00502E;
  }
  .blogroll .post .posted-on {
    margin-bottom: 20px;
    display: block;
  }
  .blogroll .post .tags-links {
    font-size: 0px;
  }
  .blogroll .post .tags-links a {
    position: relative;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    padding: 6px;
    line-height: 1;
    margin: .85em 1.7em .85em 0;
    background: #00502E;
    border-radius: 0 2px 2px 0;
  }
  .blogroll .post .tags-links a:before {
    content: "";
    display: block;
    position: absolute;
    left: -4px;
    top: 50%;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 99px;
    z-index: 10;
  }
  .blogroll .post .tags-links a:after {
    border-top: 12px solid transparent;
    border-right: 12px solid #00502E;
    border-bottom: 12px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    top: 0;
    left: -12px;
    width: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .single-post-blogroll {
    border-bottom: none !important;
  }
  .widget_tag_cloud {
    margin-top: 60px;
    background-color: #E5EDEA;
    margin-bottom: 0;
  }
  .widget_tag_cloud h1 {
    padding: 10px;
    margin-top: 0;
    background-color: #00502E;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 16px;
    background-image: url('img/tags.png');
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 97%;
  }
  .widget_tag_cloud .tagcloud {
    padding: 0 20px 20px 20px;
  }
  .widget_tag_cloud .tagcloud a {
    margin-right: 10px;
  }
  .widget_archive {
    margin-top: 60px;
    background-color: #E5EDEA;
    padding-bottom: 20px;
  }
  .widget_archive h1 {
    padding: 10px;
    margin-top: 0;
    background-color: #00502E;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 16px;
    background-image: url('img/archive.png');
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 97%;
  }
  .widget_archive ul {
    list-style: none;
    margin-left: 20px;
    padding: 0;
  }
  .widget_archive ul li {
    background-image: url('img/calendar.png');
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: left;
    margin-left: 0;
    padding-left: 30px;
  }
  .bbp-breadcrumb {
    display: none;
  }
  #bbpress-forums img {
    width: auto !important;
    height: auto !important;
  }
  .forum-bar {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .forum-bar .row {
    background-color: #CCDCD6;
  }
  .forum-bar .forum-bar-right {
    background-color: #80A897;
  }
  .forum-bar .forum-bar-right div {
    padding: 10px;
    font-family: "MimbieHeadline-Regular", sans-serif;
    color: #FFFFFF;
    font-size: 20px;
  }
  .button-forum a {
    padding: 10px;
    color: #FFFFFF;
    background-color: #00502E;
    margin-right: 10px;
  }
  #tribe-events-pg-template {
    max-width: 2000px;
  }
  #tribe-bar-form {
    background-color: #CCDCD6;
  }
  #tribe-bar-form .tribe-bar-submit input[type=submit] {
    background-color: #00502E;
    font-family: "MimbieHeadline-Regular", sans-serif;
    font-weight: normal !important;
    font-style: normal !important;
    font-size: 18px !important;
  }
  .tribe-bar-views-inner {
    background-color: #74A998;
  }
  #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a {
    background-color: #74A998;
  }
  #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a:hover {
    background-color: #74A998;
  }
  #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option.tribe-bar-active a:hover {
    background-color: #74A998;
  }
  #tribe-geo-results h2.tribe-events-page-title {
    font-family: "MimbieHeadline-Regular", sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #00502E;
  }
  h2.tribe-events-page-title {
    font-family: "MimbieHeadline-Regular", sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #00502E;
  }
  .tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-] {
    background-color: #CCDCD6;
    color: #00502E;
  }
  .tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-] > a {
    background-color: #CCDCD6;
    color: #00502E;
  }
  .tribe-events-calendar td.tribe-events-present {
    background-color: #00502E;
    color: #FFFFFF;
  }
  .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-] {
    background-color: #00502E;
    color: #FFFFFF;
  }
  .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-] > a {
    background-color: #00502E;
    color: #FFFFFF;
  }
  .tribe-events-calendar td.tribe-events-present.mobile-active {
    background-color: #00502E;
    color: #FFFFFF;
  }
  .tribe-events-calendar td.tribe-events-present.mobile-active div[id*=tribe-events-daynum-] {
    background-color: #00502E;
    color: #FFFFFF;
  }
  .tribe-events-calendar td.tribe-events-present.mobile-active div[id*=tribe-events-daynum-] a {
    background-color: #00502E;
    color: #FFFFFF;
  }
  .tribe-events-calendar .mobile-active div[id*=tribe-events-daynum-] {
    background-color: #74A998;
  }
  .tribe-events-calendar .mobile-active div[id*=tribe-events-daynum-] a {
    background-color: #74A998;
  }
  .tribe-events-calendar td.mobile-active {
    background-color: #74A998;
  }
  .tribe-events-calendar thead th {
    background-color: #00502E;
    color: #FFFFFF;
  }
  #tribe-events .tribe-events-button {
    background-color: #00502E;
    color: #FFFFFF;
  }
  #tribe-events .tribe-events-button:hover {
    background-color: #00502E;
    color: #FFFFFF;
  }
  #tribe_events_filters_wrapper input[type=submit] {
    background-color: #00502E;
    color: #FFFFFF;
  }
  .tribe-events-button {
    background-color: #00502E;
    color: #FFFFFF;
  }
  .tribe-events-button:hover {
    background-color: #00502E;
    color: #FFFFFF;
  }
  .tribe-events-button.tribe-active:hover {
    background-color: #00502E;
    color: #FFFFFF;
  }
  .tribe-events-button.tribe-inactive {
    background-color: #00502E;
    color: #FFFFFF;
  }
  #tribe-events-content .tribe-events-calendar td.tribe-events-present:hover {
    background-color: #00502E;
    color: #FFFFFF;
  }
  #tribe-events-content .tribe-events-calendar td.tribe-events-present.mobile-active:hover {
    background-color: #00502E;
    color: #FFFFFF;
  }
  #tribe-events-content .tribe-events-calendar .mobile-active:hover {
    background-color: #74A998;
  }
  #tribe-events-content .tribe-events-calendar td.tribe-events-othermonth.mobile-active {
    background-color: #74A998;
  }
  #tribe-events-content .tribe-events-calendar td.tribe-events-othermonth.mobile-active div[id*=tribe-events-daynum-] {
    background-color: #74A998;
  }
  #tribe-events-content .tribe-events-calendar td.tribe-events-othermonth.mobile-active div[id*=tribe-events-daynum-] a {
    background-color: #74A998;
  }
  .tribe-events-present .tribe-events-month-event-title a {
    color: #FFFFFF;
  }
  #tribe-bar-collapse-toggle {
    background-color: #CCDCD6;
  }
  .staff-profiles {
    padding: 0;
  }
  .staff-profiles li {
    list-style: none;
  }
  .staff-profiles li img {
    width: 100%;
  }
  .staff-profiles h3 {
    color: #00502E;
    font-size: 23px;
    text-decoration: none;
    padding: 0;
    margin: 0;
  }
  .staff-profiles h3 a {
    color: #00502E;
    font-size: 23px;
    text-decoration: none;
    padding: 0;
    margin: 0;
  }
  .staffer-staff-header {
    margin: 0px;
  }
  .staffer-staff-header h2 {
    color: #00502E;
    font-size: 23px;
    text-decoration: none;
    padding: 0;
    margin: 0;
  }
  .staffer-staff-header em {
    display: block;
  }
  .staff-content {
    margin: 0px;
  }
  .staff-content img {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
  }
  main.staff {
    font-size: 18px;
    color: #9D9C9C;
  }
  .staff .staffer-staff-header {
    height: 55px;
  }
  .strategy-susarch-page-header {
    width: 100%;
    background-color: #E5EDEA;
    font-family: "MimbieHeadline-Regular", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 40px;
    color: #00502E;
    margin-bottom: 60px;
  }
  .strategy-susarch-page-header img {
    width: 33.333333337%;
    left: 0;
    top: 0;
    max-width: 370px;
    float: right;
    width: 100%;
    height: auto;
  }
  .strategy-susarch-page-header .strategy-image {
    padding-right: 0 !important;
  }
  .posts-by-tag-susarch .apost p {
    background-color: #E5EDEA;
    padding: 20px;
    font-size: 16px;
    margin: 30px 0 0 0;
  }
  .posts-by-tag-susarch .apost a.go-to-post {
    background-color: #00502E;
    color: #FFFFFF;
    font-family: "MimbieHeadline-Regular", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    padding: 10px 20px 10px 20px;
    display: block;
  }
  .tagroll .tribe_events {
    display: none;
  }
  .tagroll .type-page {
    display: none;
  }
  .get_involved_links a {
    margin-bottom: 25px;
    display: block;
  }
  .get_involved_links .a {
    padding-right: 15px;
  }
  .get_involved_links .b {
    padding-left: 15px;
  }
  .get_involved_links img {
    width: 100%;
    height: auto;
  }
  .mobile-only-links a {
    display: block;
    font-size: 21px;
    color: #00502E;
    height: 49px;
    padding: 10px 10px 10px 50px;
    font-family: "MimbieHeadline-Regular", sans-serif;
    font-weight: normal;
    font-style: normal;
    background-image: url('img/button-link.png');
    background-repeat: no-repeat;
    background-size: 40px;
    text-decoration: none;
    margin-bottom: 0;
  }
  .fourofour {
    margin-left: auto;
    margin-right: auto;
    max-width: 812px;
    padding-top: 40px;
  }
  .fourofour img {
    width: 100%;
    max-width: 812px;
  }
  .fourofour .whoops {
    text-align: center;
    font-family: "MimbieHeadline-Regular", sans-serif;
    width: 100%;
    color: #C11728;
  }
  .error404 .bikething {
    display: none;
  }
  .letter-container {
    background-color: #00502E;
    margin-bottom: 10px;
  }
  .letter-container .letter_header p {
    margin: 0;
  }
  .letter-container .letter_header p a {
    font-family: "MimbieHeadline-Regular", sans-serif;
    font-size: 50px;
    color: #FFFFFF;
    display: block;
    padding: 5px 20px;
    background-color: #00502E;
    margin-bottom: 0;
    margin-top: 0;
    background-image: url('img/ha_arrow_green.png');
    background-repeat: no-repeat;
    background-position: 95% 50%;
  }
  .letter-container .letter_header p a.active {
    background-image: url('img/ha_arrow_white.png');
  }
  .letter-container .letter-content {
    display: none;
  }
  .letter-container .letter-content a {
    text-decoration: underline;
  }
  .letter-container .letter-content h2 {
    background-color: #FFFFFF;
    color: #80A897;
    font-family: "MimbieHeadline-Regular", sans-serif;
    font-size: 35px;
    margin: 4px 4px 0 4px;
    padding: 5px 16px;
    border-bottom: 4px solid #00502E;
    background-image: url('img/ha_plus.png');
    background-repeat: no-repeat;
    background-position: 95% 50%;
  }
  .letter-container .letter-content h2.active {
    background-color: #80A897;
    color: #00502E;
    background-image: url('img/ha_minus.png');
  }
  .letter-container .letter-content p {
    background-color: #FFFFFF;
    margin: 0 4px 0 20px;
    padding: 5px 20px;
    border-bottom: 4px solid #00502E;
  }
  .individual-question p {
    display: none;
  }
  .individual-question h2 {
    cursor: pointer;
  }
  .alphabet {
    height: 40px;
  }
  .alphabet a {
    font-size: 22px;
    width: 3.84615384615%;
    display: block;
    float: left;
  }
  .search-results article {
    border-bottom: solid 1px #000000;
  }
  .search-results article .entry-title a {
    font-size: 24px;
    color: #00502E;
    font-weight: bold;
  }
  .search-results p {
    font-size: 18px;
    color: #9D9C9C;
  }
  .MimbieHeadline-Regular {
    font-family: "MimbieHeadline-Regular", sans-serif;
    font-weight: normal;
    font-style: normal;
  }
  .addthis_toolbox {
    clear: both;
    margin: 30px 0 !important;
    padding: 30px 0 !important;
    display: block;
  }
  .site-footer__upper {
    background: #272727;
    height: 80px;
    color: #FFFFFF;
  }
  .site-footer__middle {
    padding: 10px 0;
  }
  .site-footer__lower {
    background: #000000;
    padding: 10px;
  }
  .site-footer__lower ul {
    padding: 0;
    margin: 0;
  }
  .site-footer__lower a {
    margin-left: 10pxf;
    text-decoration: none;
    display: block;
  }
  .site-footer__lower a:hover {
    text-decoration: underline;
  }
  .social__icon {
    text-indent: -9999px;
    width: 48px;
    height: 48px;
    display: block;
    display: inline-block;
    opacity: 1;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .lt-ie9 .social__icon {
    width: 75px;
    height: 75px;
    display: block;
    float: left;
  }
  .lt-ie9 .social__icon.facebook {
    background-image: url("img/socialicons/facebook-gold.png");
  }
  .lt-ie9 .social__icon.twitter {
    background-image: url("img/socialicons/twitter-gold.png");
  }
  .lt-ie9 .social__icon.instagram {
    background-image: url("img/socialicons/instagram-gold.png");
  }
  .lt-ie9 .social__icon.linkedin {
    background-image: url("img/socialicons/linkedin-gold.png");
  }
  .lt-ie9 .footer-social li {
    width: 75px;
    height: 75px;
  }
  .lt-ie9 .footer-social.social .social__icon {
    border: 0;
  }
  .lt-ie9 .footer-social.social .social__icon:after {
    border: 0;
  }
  .social__icon.facebook {
    background-image: url("img/socialicons/facebook-gold.svg");
    background-size: 70%;
  }
  .social__icon.facebook:hover {
    background-size: 80%;
  }
  .social__icon.twitter {
    background-image: url("img/socialicons/twitter-gold.svg");
    background-size: 70%;
  }
  .social__icon.twitter:hover {
    background-size: 80%;
  }
  .social__icon.instagram {
    background-image: url("img/socialicons/instagram-gold.svg");
    background-size: 70%;
  }
  .social__icon.instagram:hover {
    background-size: 80%;
  }
  .social__icon.linkedin {
    background-image: url("img/socialicons/linkedin-gold.svg");
    background-size: 70%;
  }
  .social__icon.linkedin:hover {
    background-size: 80%;
  }
  .social__icon.rss {
    background-size: 70%;
  }
  .social__icon.rss:hover {
    background-size: 80%;
  }
  .social__icon.youtube {
    background-size: 70%;
  }
  .social__icon.youtube:hover {
    background-size: 80%;
  }
  .footer-social {
    margin: 20px 0 !important;
    float: right;
  }
  .footer-social li {
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
    width: 52px;
    height: 52px;
    list-style: none;
  }
  .footer-social.social .social__icon {
    background-size: 50%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .footer-social.social .social__icon:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    opacity: 0;
    border: 1px solid #FFFFFF;
  }
  .footer-social.social .social__icon:hover:after {
    opacity: 1;
    transform: scale(1);
  }
  .social-header {
    margin: 0 auto;
    width: 200px;
  }
  .social-header a:hover {
    text-decoration: underline;
  }
  .social-header .social-icon {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .no-js .social-share {
    display: none;
  }
  .social-share .lt-ie9 {
    display: none;
  }
  .social-share .share-button {
    text-indent: 0;
    font-size: 16px;
  }
  @media screen and (max-width: 600px) {
    .menu-toggle {
      display: block;
    }
    .main-navigation.toggled .nav-menu {
      display: block;
    }
    .main-navigation ul {
      display: none;
    }
  }
  @media (max-width: 520px) {
    #page {
      margin-top: -44px;
    }
    .slider_container {
      width: 100%;
    }
    .homepage_feature {
      width: 50%;
    }
    .homepage .as-nav a {
      width: 50%;
    }
    .homepage_top .themes {
      display: none;
    }
  }
  @media (max-width: 767px) {
    .homepage_feature .hpf_content p {
      display: none;
    }
  }
  @media (max-width: 1200px) {
    .welcome {
      height: auto;
    }
  }
  @media (max-width: 1100px) {
    #social_media_tabsection .tabs .twitter-tab {
      background: none;
      padding: 0;
      text-align: center;
      border-right: 1px solid #FFFFFF;
    }
    #social_media_tabsection .tabs .facebook-tab {
      background: none;
      padding: 0;
      text-align: center;
      border-right: 1px solid #FFFFFF;
    }
    #social_media_tabsection .tabs .forum-tab {
      background: none;
      padding: 0;
      text-align: center;
    }
    #social_media_tabsection .tabs a {
      margin-left: 0;
    }
  }
  @media (max-width: 768px) {
    .hp_getintouch {
      width: 50%;
    }
    .hp_architects {
      display: none;
    }
    .hp_strategy {
      width: 50%;
    }
  }
  @media (max-width: 1215px) {
    .main-basic-page-header h1 {
      float: left;
      font-size: 6vw;
      line-height: 6vw;
      margin-top: 5vw;
    }
    .sub-page-header h1 {
      float: left;
      font-size: 6vw;
      line-height: 6vw;
      margin-top: 5vw;
    }
    .strategy-blue-page-header h1 {
      float: left;
      font-size: 6vw;
      line-height: 6vw;
      margin-top: 5vw;
    }
    .strategy-orange-page-header h1 {
      float: left;
      font-size: 6vw;
      line-height: 6vw;
      margin-top: 5vw;
    }
    .strategy-green-page-header h1 {
      float: left;
      font-size: 6vw;
      line-height: 6vw;
      margin-top: 5vw;
    }
    .strategy-red-page-header h1 {
      float: left;
      font-size: 6vw;
      line-height: 6vw;
      margin-top: 5vw;
    }
    .strategy-susarch-page-header h1 {
      float: left;
      font-size: 6vw;
      line-height: 6vw;
      margin-top: 5vw;
    }
    .fourofour .whoops {
      float: left;
      font-size: 6vw;
      line-height: 6vw;
      margin-top: 5vw;
    }
  }
  @media (min-width: 1215px) {
    .main-basic-page-header h1 {
      float: left;
      font-size: 73px;
      line-height: 73px;
      margin-top: 63px;
    }
    .sub-page-header h1 {
      float: left;
      font-size: 73px;
      line-height: 73px;
      margin-top: 63px;
    }
    .strategy-blue-page-header h1 {
      float: left;
      font-size: 73px;
      line-height: 73px;
      margin-top: 63px;
    }
    .strategy-orange-page-header h1 {
      float: left;
      font-size: 73px;
      line-height: 73px;
      margin-top: 63px;
    }
    .strategy-green-page-header h1 {
      float: left;
      font-size: 73px;
      line-height: 73px;
      margin-top: 63px;
    }
    .strategy-red-page-header h1 {
      float: left;
      font-size: 73px;
      line-height: 73px;
      margin-top: 63px;
    }
    .strategy-susarch-page-header h1 {
      float: left;
      font-size: 73px;
      line-height: 73px;
      margin-top: 63px;
    }
    .fourofour .whoops {
      float: left;
      font-size: 70px;
      line-height: 73px;
      margin-top: 63px;
    }
  }
  @media screen and (max-width: 768px) {
    .tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-] {
      background: none !important;
      color: #00502E;
    }
    .tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-] > a {
      background: none !important;
      color: #00502E;
    }
  }
  @media only screen and (min-width: 768px) {
    .menu-wrapper {
      display: none;
    }
    .megalist-wrapper .menu-main-menu-container {
      position: fixed;
      z-index: 600;
      width: 100%;
      max-width: 1200px;
      height: 77px;
      top: 0;
    }
    .megalist-wrapper .completeNav {
      margin: 0;
      padding: 0;
    }
    .megalist-wrapper .completeNav #menu-main-menu {
      list-style: none;
      margin: 0;
      padding: 0;
      width: 100%;
      max-width: 1200px;
      position: absolute;
      bottom: 15px;
    }
    .megalist-wrapper .completeNav #menu-main-menu .menu-item-has-children a {
      background-image: url('img/down.png');
      background-repeat: no-repeat;
      background-position: 100% 50%;
      background-size: 10px;
      margin-right: 10px;
    }
    .megalist-wrapper .completeNav #menu-main-menu li {
      float: left;
    }
    .megalist-wrapper .completeNav #menu-main-menu li a {
      padding: 2px 15px;
      color: #FFFFFF;
      font-size: 16px;
      text-transform: uppercase;
    }
    .megalist-wrapper .completeNav #menu-main-menu li ul {
      position: absolute;
      list-style: none;
      margin: 0;
      padding: 0;
      width: 100%;
      background-color: #FFFFFF;
      left: 0;
      display: none;
      top: 36px;
      padding-top: 40px;
      padding-bottom: 40px;
    }
    .megalist-wrapper .completeNav #menu-main-menu li ul li {
      display: block;
      width: 100%;
    }
    .megalist-wrapper .completeNav #menu-main-menu li ul li a {
      width: 100%;
      display: block;
      color: #000000;
    }
    .admin-bar .menu-main-menu-container {
      top: 32px;
    }
  }
  @media only screen and (max-width: 767px) {
    .social-buttons {
      text-align: left;
    }
    .social-buttons .col-sm-3 {
      margin-bottom: 10px;
    }
    #social_media_tabsection {
      padding-left: 0;
    }
    .homepage_socialmedia .plane {
      background-image: none;
      padding-bottom: 30px;
    }
    .homepage_socialmedia .plane:hover {
      background-image: none;
    }
    .homepage_socialmedia p.info {
      width: 100%;
    }
    #side-bar-bp {
      padding-left: 0;
    }
    .themes_sidebar {
      margin-top: 30px;
    }
    .bp_strategy {
      float: right;
      padding-left: 20px;
    }
    .bp_getintouch {
      float: right;
      padding-left: 20px;
    }
    .lower {
      height: auto !important;
      position: relative;
    }
    .lower .social-icons {
      display: none;
    }
    .lower .site-title {
      padding-right: 60px;
    }
    .search-trigger {
      position: absolute;
      right: 5px;
      top: 5px;
    }
    #full_site_content {
      margin-top: 151px;
    }
    .site-title {
      font-size: 21px !important;
    }
    .new_homepage_feature .new_hpf_content h2 {
      font-size: 21px !important;
    }
    /* Menu */
    .megalist-wrapper {
      width: 100%;
      height: 100%;
      position: fixed;
      background: #fff;
      z-index: 450;
      top: 0;
      left: 0;
      max-width: 400px;
      -webkit-transition: margin 0.5s ease;
      transition: margin 0.5s ease;
      margin-left: -600px;
    }
    .megalist-wrapper ul > li.parent.active {
      background: #A5182C;
    }
    .megalist-wrapper ul > li.parent.active a {
      color: #fff;
    }
    .megalist-wrapper ul > li.parent.active ul > li.parent.active {
      background: #C8253C;
    }
    .megalist-wrapper ul > li.parent.active ul > li.parent.active ul > li.parent.active {
      background: #D45468;
    }
    .megalist-wrapper ul li ul {
      background: #C41530;
    }
    .megalist-wrapper ul li ul li ul {
      background: #CF3C52;
    }
    .megalist-wrapper ul li ul li ul li ul li {
      background: #D45468;
    }
    .megalist {
      max-width: 400px;
      list-style: none;
      margin: 0;
      padding: 0;
      width: 100%;
      height: 99.999%;
      position: absolute;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
      top: 0;
      left: 0;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
    }
    .megalist ul {
      list-style: none;
      margin: 0;
      padding: 0;
      background: #fff;
    }
    .megalist li {
      position: relative;
      overflow: hidden;
      display: block;
      width: 100%;
      -webkit-transition: background-color 500ms ease, color 600ms ease;
      -moz-transition: background-color 500ms linear;
      -o-transition: background-color 500ms linear;
      -ms-transition: background-color 500ms linear;
      transition: background-color 500ms linear;
    }
    .megalist li ul {
      display: none;
    }
    .megalist span {
      padding-bottom: 20px;
      padding-top: 20px;
      padding-left: 10px;
      display: block;
      border-bottom: 1px solid #E8E8E8;
      cursor: pointer;
    }
    .megalist span.link {
      padding: 0;
    }
    .megalist a {
      display: block;
      padding-bottom: 20px;
      padding-top: 20px;
      padding-left: 10px;
      border-bottom: 1px solid #E8E8E8;
      text-decoration: none;
      font-size: 16px;
    }
    .menu-active .megalist-wrapper {
      margin-left: 0;
    }
    .menu-active .menu-wrapper {
      margin-left: 405px;
    }
    body.admin-bar .megalist-wrapper {
      margin-top: 32px;
    }
    body.admin-bar .menu-wrapper {
      top: 44px;
    }
    .megalist-trigger {
      position: absolute;
      right: 0;
      padding: 0 4px 0 4px;
      cursor: pointer;
      width: 385px;
      height: 60px;
      display: table;
      font-size: 20px;
    }
    .megalist-trigger::after {
      content: "+";
      display: table-cell;
      text-align: right;
      vertical-align: middle;
    }
    .megalist-trigger:after {
      content: "+ ";
      display: table-cell;
      text-align: right;
      vertical-align: middle;
      padding-right: 10px;
    }
    .active > .megalist-trigger::after {
      content: "-";
    }
    .active > .megalist-trigger:after {
      content: "-";
    }
    .trigger-link::after {
      content: ">";
    }
    .trigger-link:after {
      content: ">";
    }
    .menu-wrapper {
      position: fixed;
      z-index: 1000;
      padding: 6px;
      top: 23px;
      left: 8px;
      display: inline-block;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
      cursor: pointer;
      width: 79px;
      border: 2px solid #fff !important;
      background: #222;
      border-radius: 4px;
      height: 32px;
    }
    .meun-text {
      position: absolute;
      right: 10px;
      top: 4px;
      text-transform: uppercase;
      color: #fff;
      font-size: 15px;
      font-weight: normal;
    }
  }
  @media only screen and (max-width: 520px) {
    .megalist-wrapper {
      top: 50px;
    }
    .menu-wrapper {
      top: 11px;
      left: 7px;
      padding: 4px;
    }
    .meun-text {
      right: 10px;
      top: 3px;
    }
    .menu-active .menu-wrapper {
      margin-left: 0px;
    }
    .themes_mobile {
      display: block;
    }
    .themes_mobile a {
      width: 100%;
      float: left;
    }
    .alphabet {
      height: 65px;
    }
    .alphabet a {
      width: 7.69230769231%;
    }
    #social_media_tabsection {
      padding-left: 0;
    }
    .hp_getintouch {
      width: 100%;
      margin-bottom: 60px;
    }
    .hp_getintouch span p {
      display: block !important;
    }
    .hp_strategy {
      width: 100%;
      margin-bottom: 60px;
    }
    .bp_strategy {
      width: 100%;
    }
    .bp_getintouch {
      width: 100%;
    }
  }
  @media only screen and (max-width: 899px) {
    .hp_getintouch span p {
      display: none;
    }
  }
  /* accordian */
  .accordion .accordion-title {
    font-family: MimbieHeadline-Regular, sans-serif;
    font-size: 50px;
    color: #FFF;
    display: block;
    padding: 5px 20px;
    background-color: #00502E;
    margin-bottom: 0;
    margin-top: 0;
    background-image: url(img/ha_arrow_white.png);
    background-repeat: no-repeat;
    background-position: 95% 50%;
  }
  .accordion .accordion-content {
    background-color: #FFFFFF;
    border: solid #00502E 10px;
    margin-bottom: 10px;
    padding: 20px;
  }
  .accordion .accordion-content p {
    color: #000000;
  }
  .accordion.green .accordion-title {
    background-color: #b0ad00;
  }
  .accordion.green .accordion-content {
    border: solid #b0ad00 10px;
  }
  .accordion.blue .accordion-title {
    background-color: #0290d2;
  }
  .accordion.blue .accordion-content {
    border: solid #0290d2 10px;
  }
  .accordion.orange .accordion-title {
    background-color: #f29200;
  }
  .accordion.orange .accordion-content {
    border: solid #f29200 10px;
  }
  .accordion.red .accordion-title {
    background-color: #bf0a26;
  }
  .accordion.red .accordion-content {
    border: solid #bf0a26 10px;
  }
  /* Annual report 2018 */
  .annualReport2018-title .row {
    background-color: #dceff8;
    height: 300px;
    font-weight: bold;
    font-size: 40px;
    color: #269ed3;
    margin-bottom: 60px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    line-height: 33px;
  }
  .annualReport2018-title .row img {
    width: 100%;
  }
  .annualReport2018 .annualReport2018-links {
    margin-bottom: 30px;
  }
  .annualReport2018 .annualReport2018-links ul {
    list-style: none;
    padding: 0;
  }
  .annualReport2018 .annualReport2018-links ul .annualReport2018-links-fc {
    height: 75px;
    background-color: #2d3e4f;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
  }
  .annualReport2018 .annualReport2018-links ul .annualReport2018-links-fc a,
  .annualReport2018 .annualReport2018-links ul .annualReport2018-links-fc .item {
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
  }
  .annualReport2018 .annualReport2018-links ul .annualReport2018-links-fc .item {
    font-size: 28px;
  }
  .annualReport2018 .annualReport2018-links ul .annualReport2018-links-fc.lightBlue {
    background-color: #269ed3;
  }
  .annualReport2018 .annualReport2018-links ul .annualReport2018-links-fc.lightBlue a {
    font-size: 28px;
  }
  .annualReport2018 .annualReport2018-links ul .annualReport2018-links-fc.lightBlue a img {
    margin-top: -4px;
    margin-right: 10px;
  }
  .annualReport2018 .entry-content {
    margin-bottom: 60px;
  }
  .annualReport2018 .entry-content p img {
    max-width: 400px;
  }
  .annualReport2018 .entry-content h3 {
    font-weight: bold;
    font-size: 40px;
    color: #269ed3;
    margin-bottom: 30px;
    text-transform: uppercase;
    line-height: 33px;
  }
  .annualReport2018 .annualReport2018-extras {
    margin-bottom: 60px;
  }
  .annualReport2018 .annualReport2018-extras img {
    width: 100%;
    height: auto;
  }
  .annualReport2018 .annualReport2018-extras h2 {
    text-transform: uppercase;
    font-weight: bold;
    color: #666666;
    line-height: 15px;
    font-size: 16px;
  }
  .annualReport2018 .annualReport2018-extras a {
    padding: 5px 10px;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #f64831;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 20px;
  }