@charset "UTF-8";
/* ---------------------------------------------
/* Working on site
/* ------------------------------------------ */
/* -----------------------------------------------------------------------
/* Put this as the test URL to begin with, then when live change it
/* -------------------------------------------------------------------- */
/* -----------------------------------------------------------------------
/* Width of element - all max width, not worth adding to var name
/* -------------------------------------------------------------------- */
/* -----------------------------------------------------------------------
/* Responsive options
/* -------------------------------------------------------------------- */
/* -----------------------------------------------------------------------
/* Custom media variables
/* -------------------------------------------------------------------- */
/* ---------------------------------------------
/* Grid
/* ------------------------------------------ */
/* -----------------------------------------------------------------------
/* Transition effects
/* to go over again, for example: header-transition, button-transition etc
/* -------------------------------------------------------------------- */
/* -----------------------------------------------------------------------
/* Theme testing section
/* -----------------------------------------------------------------------
/*
/* - some testing variables are situation specific
/*
/* - for separate testing make the relevant var true
/*   outside of the @if function
/* // ↑ ↓  ← →
/* -------------------------------------------------------------------- */
/* -----------------------------------------------------------------------
/* Breakpoints, based on a 16px base font size
/* -------------------------------------------------------------------- */
/* -----------------------------------------------------------------------
/* General output
/* -------------------------------------------------------------------- */
/* -----------------------------------------------------------------------
/* Media query
/* -------------------------------------------------------------------- */
/* -----------------------------------------------------------------------
/* Unit work
/* -------------------------------------------------------------------- */
/* -----------------------------------------------------------------------
/* Internal formulas
/* -------------------------------------------------------------------- */
/* -----------------------------------------------------------------------
/* Font sizes
/* -------------------------------------------------------------------- */
/* -----------------------------------------------------------------------
/* Automatic responsive
/* -------------------------------------------------------------------- */
/* -----------------------------------------------------------------------
/* IE
/* -------------------------------------------------------------------- */
/* -----------------------------------------------------------------------
/* Grid helpers
/* -------------------------------------------------------------------- */
/* -----------------------------------------------------------------------
/* Automatic responsive
/* -------------------------------------------------------------------- */
/* -----------------------------------------------------------------------
/* Header quick mixins
/* -------------------------------------------------------------------- */
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,600,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap");
@font-face {
  font-family: 'opendyslexicregular';
  src: url("http://developer/foundation/wp-content/themes/sass/font/opendyslexic-regular-webfont.eot?#iefix") format("embedded-opentype"), url("http://developer/foundation/wp-content/themes/sass/font/ofont.ru_Bebas Neue.ttf") format("truetype");
}

/* -----------------------------------------------------------------------
/* Global Font
/* -------------------------------------------------------------------- */
/* -----------------------------------------------------------------------
/* Font family(ies)
/* -------------------------------------------------------------------- */
/* -----------------------------------------------------------------------
/* Font sizes
/* -------------------------------------------------------------------- */
/* -----------------------------------------------------------------------
/* Font weight
/* -------------------------------------------------------------------- */
/* -----------------------------------------------------------------------
/* Font sizes
/* -------------------------------------------------------------------- */
/* ---------------------------------------------
/* Mobile sizes for font - ignored by ie stylesheet
/* ------------------------------------------ */
/* ---------------------------------------------
/* Default fallbacks
/* ------------------------------------------ */
/* -----------------------------------------------------------------------
/* Colour variables
/* -------------------------------------------------------------------- */
/* ---------------------------------------------
/* Font
/* ------------------------------------------ */
/* ---------------------------------------------
/* Form
/* ------------------------------------------ */
/* ---------------------------------------------
/* Button
/* ------------------------------------------ */
/* ---------------------------------------------
/* Feedback colours
/* ------------------------------------------ */
/* ---------------------------------------------
/* Footer
/* ------------------------------------------ */
/* ---------------------------------------------
/* Header
/* ------------------------------------------ */
/* -----------------------------------------------------------------------
/* Color
/* -------------------------------------------------------------------- */
#header ul.topmenu li.homepage {
  background-image: url(../img/icon_home.png);
  padding-left: 30px;
  background-position: left;
  background-repeat: no-repeat;
  background-size: 17px;
}

/* ---------------------------------------------
/* Under Header
/* ------------------------------------------ */
/* -----------------------------------------------------------------------
/* Color
/* -------------------------------------------------------------------- */
/* ---------------------------------------------
/* Two Row Two Menu Header
/* ------------------------------------------ */
/* -----------------------------------------------------------------------
/* Color
/* -------------------------------------------------------------------- */
/* ---------------------------------------------
/* Grid and padding variables
/* ------------------------------------------ */
/* ---------------------------------------------
/* When to hide menu and move body margin up yo
/* ------------------------------------------ */
/* ---------------------------------------------
/* Grid and padding code
/* ------------------------------------------ */
/* ---------------------------------------------
/* header height - border size
/* ------------------------------------------ */
/* ---------------------------------------------
/* Logo - Desktop
/* ------------------------------------------ */
/* ---------------------------------------------
/* Logo - Tablet
/* ------------------------------------------ */
/* ---------------------------------------------
/* Logo - Mobile
/* ------------------------------------------ */
/* ---------------------------------------------
/* Breakpoints
/* ------------------------------------------ */
/* ---------------------------------------------
/* global
/* ------------------------------------------ */
/* -----------------------------------------------------------------------
/* global styling
/* -------------------------------------------------------------------- */
.no_margin {
  margin-bottom: 0 !important;
}

#logo_url {
  position: relative !important;
  margin-right: auto !important;
  margin-left: auto !important;
  float: none !important;
  -webkit-print-color-adjust: exact;
}

html .inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.page_top {
  padding-top: 16px !important;
}

.padding_bottom {
  padding-bottom: 16px !important;
}

.fixedleft,
.fixedright,
.alignleft,
.alignright {
  max-width: 30vw;
}

#footer,
#tray,
.screen_reader,
.cta_menu_holder,
.title_scroll_to {
  display: none;
}