/*
Theme Name:     Bradley Bar Day Nursery
Theme URI:      http://codebluedigital.com/
Description:    A playfully responsive theme for Bradley Bar Day Nursery
Author:         Code Blue Digital
Author URI:     http://codebluedigital.com/
Version:        1
License:		All work is the property of Code Blue Digital
License URI:	n/a
*/
/*
@import "compass/css3";
@import "compass/css3/box-sizing"; */
/**
 * Clearfix
 */
/**
 * Works out the percent width of columns
 * (gutters can be any unit but columns are always percent bases)
 */
/**
 * Gutter Width
 * Sets gutter width to 0 if not set.
 */
/**
 * at-breakpoint
 * a mixin for outputting inline media queries
 * Just supply a Sass list as an argument with a min/max
 */
/**
 * Span Columns
 * Used to set grids semantically from within 
 * the stylesheet with no additional HTML markup
 */
/**
 * Push
 * Modular push system, only use what you need to 
 */
/**
 * Grid wrapper
 */
/**
 * Grid with no gutters
 */
/**
 * Float all items beginning with the grid prefix
 * e.g. 'col--'

 * 
 */
/**
 * Generate grid
 * pulls together the grid wrapper, columns and gutter settings
 * call once per required breakpoint
 */
* {
  margin: 0;
  padding: 0;
  position: relative;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }

.wrapper {
  margin: 0 auto;
  width: 90%; }
  @media (min-width: 1180px) {
    .wrapper {
      width: 90%;
      max-width: 1600px; } }

.wrapper--thin {
  margin: 0 auto;
  width: 90%; }
  @media (min-width: 961px) {
    .wrapper--thin {
      width: 70%; } }

/**
		 * Whole
		 */
.col--one-whole {
  width: 100%; }

/**
		 * Half
		 */
.col--one-half, .col--two-quarters, .col--three-sixths {
  width: 50%; }

/**
		 * Thirds
		 */
.col--one-third, .col--two-sixths {
  width: 33.3333333333%; }

.col--two-thirds, .col--four-sixths {
  width: 66.6666666667%; }

/**
		 * Quarters
		 */
.col--one-quarter {
  width: 25%; }

.col--three-quarters {
  width: 75%; }

/**
		 * Sixths
		 */
.col--one-sixth {
  width: 16.6666666667%; }

.col--five-sixths {
  width: 83.3333333333%; }

/**
	 * Omega class
	 */
.col--omega {
  float: right !important; }

/**
		 * Half
		 */
.push--one-half, .push--two-quarters, .push--three-sixths {
  margin-left: 50%; }

/**
		 * Thirds
		 */
.push--one-third, .push--two-sixths {
  margin-left: 33.3333333333%; }

.push--two-thirds, .push--four-sixths {
  margin-left: 66.6666666667%; }

/**
		 * Quarters
		 */
.push--one-quarter {
  margin-left: 25%; }

.push--three-quarters {
  margin-left: 75%; }

/**
		 * Sixths
		 */
.push--one-sixth {
  margin-left: 16.6666666667%; }

.push--five-sixths {
  margin-left: 83.3333333333%; }

.grid {
  *zoom: 1;
  margin-left: -24px;
  margin-left: -1.5rem; }
  .grid:before, .grid:after {
    content: "";
    display: table; }
  .grid:after {
    clear: both; }

.grid--full {
  margin-left: 0; }
  .grid--full > [class^="col"] {
    padding-left: 0; }

[class^="col"] {
  position: relative;
  float: left;
  padding-left: 24px;
  padding-left: 1.5rem; }

@media (min-width: 961px) {
  /**
		 * Whole--m
		 */
  /**
		 * Half--m
		 */
  /**
		 * Thirds--m
		 */
  /**
		 * Quarters--m
		 */
  /**
		 * Fifths--m
		 */
  /**
		 * Sixths--m
		 */
  /**
		 * Eights--m
		 */
  /**
		 * Twelfths--m
		 */
  /**
	 * Omega class--m
	 */
  /**
		 * Half--m
		 */
  /**
		 * Thirds--m
		 */
  /**
		 * Quarters--m
		 */
  /**
		 * Fifths--m
		 */
  /**
		 * Sixths--m
		 */
  /**
		 * Eights--m
		 */
  /**
		 * Twelfths--m
		 */
  .col--one-whole--m {
    width: 100%; }
  .col--one-half--m, .col--two-quarters--m, .col--three-sixths--m, .col--four-eighths--m, .col--six-twelfths--m {
    width: 50%; }
  .col--one-third--m, .col--two-sixths--m, .col--four-twelfths--m {
    width: 33.3333333333%; }
  .col--two-thirds--m, .col--four-sixths--m, .col--eight-twelfths--m {
    width: 66.6666666667%; }
  .col--one-quarter--m, .col--two-eighths--m, .col--three-twelfths--m {
    width: 25%; }
  .col--three-quarters--m, .col--six-eighths--m, .col--nine-twelfths--m {
    width: 75%; }
  .col--one-fifth--m {
    width: 20%; }
  .col--two-fifths--m {
    width: 40%; }
  .col--three-fifths--m {
    width: 60%; }
  .col--four-fifths--m {
    width: 80%; }
  .col--one-sixth--m, .col--two-twelfths--m {
    width: 16.6666666667%; }
  .col--five-sixths--m, .col--ten-twelfths--m {
    width: 83.3333333333%; }
  .col--one-eighth--m {
    width: 12.5%; }
  .col--three-eighths--m {
    width: 37.5%; }
  .col--five-eighths--m {
    width: 62.5%; }
  .col--seven-eighths--m {
    width: 75%; }
  .col--one-twelfth--m {
    width: 8.3333333333%; }
  .col--five-twelfths--m {
    width: 41.6666666667%; }
  .col--seven-twelfths--m {
    width: 58.3333333333%; }
  .col--eleven-twelfths--m {
    width: 75%; }
  .col--omega--m {
    float: right !important; }
  .push--one-half--m, .push--two-quarters--m, .push--three-sixths--m, .push--four-eighths--m, .push--six-twelfths--m {
    margin-left: 50%; }
  .push--one-third--m, .push--two-sixths--m, .push--four-twelfths--m {
    margin-left: 33.3333333333%; }
  .push--two-thirds--m, .push--four-sixths--m, .push--eight-twelfths--m {
    margin-left: 66.6666666667%; }
  .push--one-quarter--m, .push--two-eighths--m, .push--three-twelfths--m {
    margin-left: 25%; }
  .push--three-quarters--m, .push--six-eighths--m, .push--nine-twelfths--m {
    margin-left: 75%; }
  .push--one-fifth--m {
    margin-left: 20%; }
  .push--two-fifths--m {
    margin-left: 40%; }
  .push--three-fifths--m {
    margin-left: 60%; }
  .push--four-fifths--m {
    margin-left: 80%; }
  .push--one-sixth--m, .push--two-twelfths--m {
    margin-left: 16.6666666667%; }
  .push--five-sixths--m, .push--ten-twelfths--m {
    margin-left: 83.3333333333%; }
  .push--one-eighth--m {
    margin-left: 12.5%; }
  .push--three-eighths--m {
    margin-left: 37.5%; }
  .push--five-eighths--m {
    margin-left: 62.5%; }
  .push--seven-eighths--m {
    margin-left: 75%; }
  .push--one-twelfth--m {
    margin-left: 8.3333333333%; }
  .push--five-twelfths--m {
    margin-left: 41.6666666667%; }
  .push--seven-twelfths--m {
    margin-left: 58.3333333333%; }
  .push--eleven-twelfths--m {
    margin-left: 75%; }
  .grid {
    *zoom: 1;
    margin-left: -24px;
    margin-left: -1.5rem; }
    .grid:before, .grid:after {
      content: "";
      display: table; }
    .grid:after {
      clear: both; }
  .grid--full {
    margin-left: 0; }
    .grid--full > [class^="col"] {
      padding-left: 0; }
  [class^="col"] {
    position: relative;
    float: left;
    padding-left: 24px;
    padding-left: 1.5rem; } }

@media (min-width: 1180px) {
  /**
		 * Whole--l
		 */
  /**
		 * Half--l
		 */
  /**
		 * Thirds--l
		 */
  /**
		 * Quarters--l
		 */
  /**
		 * Fifths--l
		 */
  /**
		 * Sixths--l
		 */
  /**
		 * Eights--l
		 */
  /**
		 * Twelfths--l
		 */
  /**
	 * Omega class--l
	 */
  /**
		 * Half--l
		 */
  /**
		 * Thirds--l
		 */
  /**
		 * Quarters--l
		 */
  /**
		 * Fifths--l
		 */
  /**
		 * Sixths--l
		 */
  /**
		 * Eights--l
		 */
  /**
		 * Twelfths--l
		 */
  .col--one-whole--l {
    width: 100%; }
  .col--one-half--l, .col--two-quarters--l, .col--three-sixths--l, .col--four-eighths--l, .col--six-twelfths--l {
    width: 50%; }
  .col--one-third--l, .col--two-sixths--l, .col--four-twelfths--l {
    width: 33.3333333333%; }
  .col--two-thirds--l, .col--four-sixths--l, .col--eight-twelfths--l {
    width: 66.6666666667%; }
  .col--one-quarter--l, .col--two-eighths--l, .col--three-twelfths--l {
    width: 25%; }
  .col--three-quarters--l, .col--six-eighths--l, .col--nine-twelfths--l {
    width: 75%; }
  .col--one-fifth--l {
    width: 20%; }
  .col--two-fifths--l {
    width: 40%; }
  .col--three-fifths--l {
    width: 60%; }
  .col--four-fifths--l {
    width: 80%; }
  .col--one-sixth--l, .col--two-twelfths--l {
    width: 16.6666666667%; }
  .col--five-sixths--l, .col--ten-twelfths--l {
    width: 83.3333333333%; }
  .col--one-eighth--l {
    width: 12.5%; }
  .col--three-eighths--l {
    width: 37.5%; }
  .col--five-eighths--l {
    width: 62.5%; }
  .col--seven-eighths--l {
    width: 75%; }
  .col--one-twelfth--l {
    width: 8.3333333333%; }
  .col--five-twelfths--l {
    width: 41.6666666667%; }
  .col--seven-twelfths--l {
    width: 58.3333333333%; }
  .col--eleven-twelfths--l {
    width: 75%; }
  .col--omega--l {
    float: right !important; }
  .push--one-half--l, .push--two-quarters--l, .push--three-sixths--l, .push--four-eighths--l, .push--six-twelfths--l {
    margin-left: 50%; }
  .push--one-third--l, .push--two-sixths--l, .push--four-twelfths--l {
    margin-left: 33.3333333333%; }
  .push--two-thirds--l, .push--four-sixths--l, .push--eight-twelfths--l {
    margin-left: 66.6666666667%; }
  .push--one-quarter--l, .push--two-eighths--l, .push--three-twelfths--l {
    margin-left: 25%; }
  .push--three-quarters--l, .push--six-eighths--l, .push--nine-twelfths--l {
    margin-left: 75%; }
  .push--one-fifth--l {
    margin-left: 20%; }
  .push--two-fifths--l {
    margin-left: 40%; }
  .push--three-fifths--l {
    margin-left: 60%; }
  .push--four-fifths--l {
    margin-left: 80%; }
  .push--one-sixth--l, .push--two-twelfths--l {
    margin-left: 16.6666666667%; }
  .push--five-sixths--l, .push--ten-twelfths--l {
    margin-left: 83.3333333333%; }
  .push--one-eighth--l {
    margin-left: 12.5%; }
  .push--three-eighths--l {
    margin-left: 37.5%; }
  .push--five-eighths--l {
    margin-left: 62.5%; }
  .push--seven-eighths--l {
    margin-left: 75%; }
  .push--one-twelfth--l {
    margin-left: 8.3333333333%; }
  .push--five-twelfths--l {
    margin-left: 41.6666666667%; }
  .push--seven-twelfths--l {
    margin-left: 58.3333333333%; }
  .push--eleven-twelfths--l {
    margin-left: 75%; }
  .grid {
    *zoom: 1;
    margin-left: -24px;
    margin-left: -1.5rem; }
    .grid:before, .grid:after {
      content: "";
      display: table; }
    .grid:after {
      clear: both; }
  .grid--full {
    margin-left: 0; }
    .grid--full > [class^="col"] {
      padding-left: 0; }
  [class^="col"] {
    position: relative;
    float: left;
    padding-left: 24px;
    padding-left: 1.5rem; } }

@media (min-width: 1400px) {
  /**
		 * Whole--xl
		 */
  /**
		 * Half--xl
		 */
  /**
		 * Thirds--xl
		 */
  /**
		 * Quarters--xl
		 */
  /**
		 * Fifths--xl
		 */
  /**
		 * Sixths--xl
		 */
  /**
		 * Eights--xl
		 */
  /**
		 * Twelfths--xl
		 */
  /**
	 * Omega class--xl
	 */
  /**
		 * Half--xl
		 */
  /**
		 * Thirds--xl
		 */
  /**
		 * Quarters--xl
		 */
  /**
		 * Fifths--xl
		 */
  /**
		 * Sixths--xl
		 */
  /**
		 * Eights--xl
		 */
  /**
		 * Twelfths--xl
		 */
  .col--one-whole--xl {
    width: 100%; }
  .col--one-half--xl, .col--two-quarters--xl, .col--three-sixths--xl, .col--four-eighths--xl, .col--six-twelfths--xl {
    width: 50%; }
  .col--one-third--xl, .col--two-sixths--xl, .col--four-twelfths--xl {
    width: 33.3333333333%; }
  .col--two-thirds--xl, .col--four-sixths--xl, .col--eight-twelfths--xl {
    width: 66.6666666667%; }
  .col--one-quarter--xl, .col--two-eighths--xl, .col--three-twelfths--xl {
    width: 25%; }
  .col--three-quarters--xl, .col--six-eighths--xl, .col--nine-twelfths--xl {
    width: 75%; }
  .col--one-fifth--xl {
    width: 20%; }
  .col--two-fifths--xl {
    width: 40%; }
  .col--three-fifths--xl {
    width: 60%; }
  .col--four-fifths--xl {
    width: 80%; }
  .col--one-sixth--xl, .col--two-twelfths--xl {
    width: 16.6666666667%; }
  .col--five-sixths--xl, .col--ten-twelfths--xl {
    width: 83.3333333333%; }
  .col--one-eighth--xl {
    width: 12.5%; }
  .col--three-eighths--xl {
    width: 37.5%; }
  .col--five-eighths--xl {
    width: 62.5%; }
  .col--seven-eighths--xl {
    width: 75%; }
  .col--one-twelfth--xl {
    width: 8.3333333333%; }
  .col--five-twelfths--xl {
    width: 41.6666666667%; }
  .col--seven-twelfths--xl {
    width: 58.3333333333%; }
  .col--eleven-twelfths--xl {
    width: 75%; }
  .col--omega--xl {
    float: right !important; }
  .push--one-half--xl, .push--two-quarters--xl, .push--three-sixths--xl, .push--four-eighths--xl, .push--six-twelfths--xl {
    margin-left: 50%; }
  .push--one-third--xl, .push--two-sixths--xl, .push--four-twelfths--xl {
    margin-left: 33.3333333333%; }
  .push--two-thirds--xl, .push--four-sixths--xl, .push--eight-twelfths--xl {
    margin-left: 66.6666666667%; }
  .push--one-quarter--xl, .push--two-eighths--xl, .push--three-twelfths--xl {
    margin-left: 25%; }
  .push--three-quarters--xl, .push--six-eighths--xl, .push--nine-twelfths--xl {
    margin-left: 75%; }
  .push--one-fifth--xl {
    margin-left: 20%; }
  .push--two-fifths--xl {
    margin-left: 40%; }
  .push--three-fifths--xl {
    margin-left: 60%; }
  .push--four-fifths--xl {
    margin-left: 80%; }
  .push--one-sixth--xl, .push--two-twelfths--xl {
    margin-left: 16.6666666667%; }
  .push--five-sixths--xl, .push--ten-twelfths--xl {
    margin-left: 83.3333333333%; }
  .push--one-eighth--xl {
    margin-left: 12.5%; }
  .push--three-eighths--xl {
    margin-left: 37.5%; }
  .push--five-eighths--xl {
    margin-left: 62.5%; }
  .push--seven-eighths--xl {
    margin-left: 75%; }
  .push--one-twelfth--xl {
    margin-left: 8.3333333333%; }
  .push--five-twelfths--xl {
    margin-left: 41.6666666667%; }
  .push--seven-twelfths--xl {
    margin-left: 58.3333333333%; }
  .push--eleven-twelfths--xl {
    margin-left: 75%; }
  .grid {
    *zoom: 1;
    margin-left: -24px;
    margin-left: -1.5rem; }
    .grid:before, .grid:after {
      content: "";
      display: table; }
    .grid:after {
      clear: both; }
  .grid--full {
    margin-left: 0; }
    .grid--full > [class^="col"] {
      padding-left: 0; }
  [class^="col"] {
    position: relative;
    float: left;
    padding-left: 24px;
    padding-left: 1.5rem; } }

@font-face {
  font-family: 'icomoon';
  src: url('assets/fonts/icomoon.eot?-rm55oi');
  src: url('assets/fonts/icomoon.eot?#iefix-rm55oi') format('embedded-opentype'), url('assets/fonts/icomoon.woff?-rm55oi') format('woff'), url('assets/fonts/icomoon.ttf?-rm55oi') format('truetype'), url('assets/fonts/icomoon.svg?-rm55oi#icomoon') format('svg');
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-right: 12px;
  margin-right: 0.75rem;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-phone:before {
  content: "\e600"; }

.icon-envelope:before {
  content: "\e601"; }

.icon-facebook:before {
  content: "\e602"; }

.wf-loading {
  visibility: hidden; }

p, ul, ol, input, textarea {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem; }
  @media (min-width: 961px) {
    p, ul, ol, input, textarea {
      font-size: 16px;
      font-size: 1rem; } }
  @media (min-width: 1180px) {
    p, ul, ol, input, textarea {
      font-size: 16px;
      font-size: 1rem; } }
  @media (min-width: 1400px) {
    p, ul, ol, input, textarea {
      font-size: 17px;
      font-size: 1.1rem; } }

p {
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }
  p:last-child {
    margin: 0; }

.lead, .call-to-action li {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.3; }

.small {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.3; }

a, a:visited {
  color: white;
  text-decoration: none; }

a:hover {
  color: #f7f7f7;
  text-decoration: underline; }

a[target="_blank"]:after, a[target="_blank"]:visited:after, a[target="_blank"]:active:after {
  content: url('assets/imgs/library/icon-external.png');
  display: inline-block;
  padding-left: 6px;
  padding-left: 0.375rem; }

h1, h2, h3, h4, h5, h6 {
  font-family: "museo-sans-rounded", helvetica, arial, sans-serif;
  font-weight: 900;
  color: white;
  line-height: 1.3;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  text-transform: uppercase; }

h1 {
  font-size: 32px;
  font-size: 2rem; }

h2 {
  font-size: 24px;
  font-size: 1.5rem; }

h3 {
  font-size: 16px;
  font-size: 1rem; }

h4 {
  font-size: 16px;
  font-size: 1rem; }

@media (min-width: 961px) {
  h1 {
    font-size: 48px;
    font-size: 3rem; }
  h2 {
    font-size: 24px;
    font-size: 1.5rem; }
  h3 {
    font-size: 20px;
    font-size: 1.25rem; }
  h4 {
    font-size: 18px;
    font-size: 1.15rem; } }

@media (min-width: 1180px) {
  h1 {
    font-size: 64px;
    font-size: 4rem; }
  h2 {
    font-size: 32px;
    font-size: 2rem; }
  h3 {
    font-size: 24px;
    font-size: 1.5rem; }
  h4 {
    font-size: 20px;
    font-size: 1.3rem; } }

@media (min-width: 1400px) {
  h1 {
    font-size: 83px;
    font-size: 5.2rem; }
  h2 {
    font-size: 40px;
    font-size: 2.5rem; }
  h3 {
    font-size: 31px;
    font-size: 1.95rem; }
  h4 {
    font-size: 21px;
    font-size: 1.325rem; } }

strong, a, a:visited {
  font-weight: bold; }

em {
  font-style: italic; }

ul {
  list-style-type: disc;
  margin: 0 0 24px 24px;
  margin: 0 0 1.5rem 1.5rem; }

ol {
  list-style-type: decimal;
  font-weight: normal;
  margin: 0 0 24px 24px;
  margin: 0 0 1.5rem 1.5rem; }

li {
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }

.debug {
  background: #e8b71a;
  color: white;
  width: 60px;
  position: fixed;
  z-index: 100000;
  bottom: 5px;
  right: 5px;
  font-weight: 900;
  text-align: center;
  font-size: 14px;
  line-height: 1;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  border: 1px solid white; }
  .debug:before {
    content: "Small";
    padding: 7px 5px 5px 5px;
    display: block; }
  @media (min-width: 961px) {
    .debug {
      background: #1fda9a;
      width: 80px; }
      .debug:before {
        content: "Medium"; } }
  @media (min-width: 1180px) {
    .debug {
      background: #28abe3;
      width: 100px; }
      .debug:before {
        content: "Large"; } }
  @media (min-width: 1400px) {
    .debug {
      background: #800851;
      width: 120px; }
      .debug:before {
        content: "Xtra Large"; } }

.button, .btn {
  display: inline-block;
  width: auto;
  margin: 0;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  color: #fff;
  cursor: pointer;
  border: none;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  outline: none; }
  .button:hover, .btn:hover {
    text-decoration: none; }
  .button:focus, .btn:focus {
    -webkit-box-shadow: none;
            box-shadow: none; }

.btn--center {
  margin: 0 auto;
  text-align: center; }

.button, .btn--default {
  background: #d43219; }
  .button:hover, .btn--default:hover {
    background: #e53c22; }
  .button:visited, .btn--default:visited {
    color: #fff; }

.btn--yellow {
  background: #F7BD2F;
  font-weight: bold; }
  .btn--yellow:hover {
    background: #f6b316; }

.btn--success {
  background: #16b683; }
  .btn--success:hover {
    background: #16b683; }
  .btn--success:active {
    background: #139f71; }

.btn--warning {
  background: #ea6550; }
  .btn--warning:hover {
    background: #ea6550; }
  .btn--warning:active {
    background: #e6442c; }

.btn--error {
  background: red; }
  .btn--error:hover {
    background: red; }
  .btn--error:active {
    background: #e60000; }

.btn--disabled, .btn--disabled:hover, .btn--disabled:active, .btn--disabled:focus {
  cursor: text;
  background: black; }

.btn--center {
  text-align: center; }

/**
     * Button sizes
     */
.btn--small {
  padding: 0 6px;
  padding: 0 0.375rem;
  line-height: 1.5; }

.btn--medium {
  padding: 0 12px;
  padding: 0 0.75rem;
  line-height: 2; }

.button, .btn--large {
  padding: 0 24px;
  padding: 0 1.5rem;
  line-height: 3; }

/**
	* Inline button
	* Place a button within a paragraph of text
	*/
.btn--inline {
  line-height: inherit;
  font-size: inherit;
  padding: 0 6px;
  padding: 0 0.375rem; }

/**
	* Block button
	* 100% width button that spans container
	*/
.btn--block {
  width: 100%; }

/**
	 * Footer contact button
	 */
.btn--contact-footer {
  text-decoration: none; }

.canvas_controls {
  position: absolute;
  top: 24px;
  top: 1.5rem;
  left: 24px;
  left: 1.5rem; }
  .canvas_controls button {
    background: #4aabc2;
    -webkit-transition: 0.2s;
            transition: 0.2s;
    font-size: 31px;
    font-size: 1.95rem;
    font-family: "museo-sans-rounded", helvetica, arial, sans-serif;
    height: 48px;
    height: 3rem;
    width: 55px;
    margin-right: 6px;
    margin-right: 0.375rem;
    line-height: 48px;
    line-height: 3rem;
    -webkit-appearance: none; }
  .canvas_controls button:hover, .canvas_controls button:focus {
    background: #55b1c6; }

.clear, .slides {
  *zoom: 1; }
  .clear:before, .slides:before, .clear:after, .slides:after {
    content: "";
    display: table; }
  .clear:after, .slides:after {
    clear: both; }

label {
  font-family: "museo-sans-rounded", helvetica, arial, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  text-transform: uppercase;
  display: block;
  margin: 0 0 12px 0;
  margin: 0 0 0.75rem 0; }

input, select, textarea, input[type="tel"], input[type="email"] {
  -webkit-appearance: none;
  font-family: "proxima-nova", helvetica, arial, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  outline: none;
  padding: 9px;
  padding: 0.5625rem; }

input {
  width: 100%;
  margin: 0 0 6px 0;
  margin: 0 0 0.375rem 0;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  border: 3px solid rgba(255, 255, 255, 0.5); }
  input:focus {
    background: #f7f6f6;
    -webkit-box-shadow: inset #ccc 0 0 5px;
            box-shadow: inset #ccc 0 0 5px; }
  @media (min-width: 961px) {
    input {
      margin: 0 0 24px 0;
      margin: 0 0 1.5rem 0; } }

textarea {
  min-height: 144px;
  min-height: 9rem;
  width: 100%;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  border: 3px solid rgba(255, 255, 255, 0.5);
  padding: 6px;
  padding: 0.375rem;
  margin: 0 0 24px 0;
  margin: 0 0 1.5rem 0; }
  textarea:focus {
    background: #f7f6f6;
    -webkit-box-shadow: inset #ccc 0 0 5px;
            box-shadow: inset #ccc 0 0 5px; }

.gform_fields {
  list-style-type: none;
  margin: 0;
  padding: 0; }

img {
  width: auto;
  /* IE8 Fix */
  max-width: 100%;
  height: auto; }

a img {
  border: 0; }

figure {
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }

figcaption {
  margin-bottom: 0;
  padding: 12px;
  padding: 0.75rem;
  background: #4aabc2;
  background: rgba(74, 171, 194, 0.9);
  color: #fff;
  font-family: "museo-sans-rounded", helvetica, arial, sans-serif;
  font-size: 21px;
  font-size: 1.325rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }
  figcaption p {
    margin-bottom: 0; }

figure img {
  display: block; }

.nav {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  font-size: 16px;
  font-size: 1rem; }
  @media (min-width: 961px) {
    .nav {
      display: block;
      float: right;
      font-size: 12px;
      font-size: 0.75rem; } }
  @media (min-width: 1180px) {
    .nav {
      float: right;
      text-align: right;
      font-size: 14px;
      font-size: 0.875rem; } }
  @media (min-width: 1400px) {
    .nav {
      float: right;
      text-align: right;
      font-size: 14px;
      font-size: 0.875rem; } }

.nav__item {
  float: left;
  margin: 0; }
  .nav__item:hover {
    background: #fbfbfb; }

.nav__item a {
  font-family: "proxima-nova", helvetica, arial, sans-serif;
  color: #5C5C5C;
  display: block;
  margin: 0;
  line-height: 0;
  font-weight: 900;
  text-transform: uppercase; }
  .nav__item a:hover {
    text-decoration: none;
    color: #666666;
    background: #fbfbfb; }
  @media (min-width: 961px) {
    .nav__item a {
      padding: 43px 9px;
      padding: 2.7rem 0.6rem; } }
  @media (min-width: 1180px) {
    .nav__item a {
      padding: 52px 16px;
      padding: 3.3rem 1.05rem; } }

/* Custom coloured nav items */
.mobile-nav__item--16 a, .nav__item--16 a {
  color: #4aabc2; }

.mobile-nav__item--17 a, .nav__item--17 a {
  color: #16b683; }

.mobile-nav__item--21 a, .nav__item--21 a {
  color: #ea6550; }

.mobile-nav__item--22 a, .nav__item--22 a {
  color: #975c86; }

.mobile-nav__item--20 a, .nav__item--20 a {
  color: #4aabc2; }

.mobile-nav__item--235 a, .nav__item--235 a {
  color: #16b683; }

.mobile-nav__item--18 a, .nav__item--18 a {
  color: #ea6550; }

.nav__item--active, .nav__item--parent--active, .nav__item--ancestor--active {
  background: #f3f3f3; }
  .nav__item--active > a, .nav__item--parent--active > a, .nav__item--ancestor--active > a {
    background: #f3f3f3;
    font-weight: 900;
    color: #5C5C5C; }
  .nav__item--active a:hover, .nav__item--parent--active a:hover, .nav__item--ancestor--active a:hover {
    color: #8c8c8c; }

.nav-item__facebook {
  top: 2px; }
  .nav-item__facebook:after {
    display: none !important; }
  .nav-item__facebook:hover {
    background: none;
    color: #3b5998; }
  @media (min-width: 961px) {
    .nav-item__facebook {
      display: none; } }
  @media (min-width: 1180px) {
    .nav-item__facebook {
      display: block; } }

.nav__item--parent {
  position: relative; }
  .nav__item--parent:hover .nav__sub-menu {
    display: block; }

.nav__sub-menu {
  display: none;
  position: absolute;
  z-index: 1000;
  font-size: 12px;
  font-size: 0.75rem;
  list-style: none;
  margin: 0; }

.nav__sub-menu__item {
  width: 200px;
  text-align: left; }
  .nav__sub-menu__item > a {
    background: #fbfbfb;
    display: block;
    padding: 18px 12px;
    padding: 1.125rem 0.75rem;
    float: none; }
    .nav__sub-menu__item > a:hover {
      background: #ebebeb; }

/* Mobile Navigation */
.mobile-navigation {
  z-index: 1000;
  background: white;
  position: fixed;
  top: 0;
  left: 0;
  right: 0; }
  @media (min-width: 961px) {
    .mobile-navigation {
      display: none; } }

.mobile-trigger {
  display: block;
  float: right;
  background: #ea6550; }
  .mobile-trigger img {
    display: block; }

.mobile-nav {
  z-index: 1;
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  display: none;
  width: 100%;
  list-style-type: none;
  margin: 0;
  background: #f7f7f7;
  text-transform: uppercase; }

.mobile-nav__item {
  display: block;
  margin-bottom: 0;
  border-bottom: 1px solid #d9d9d9; }
  .mobile-nav__item a, .mobile-nav__item p {
    font-weight: bold;
    display: block;
    padding: 12px 12px;
    padding: 0.75rem 0.75rem;
    font-size: 12px;
    font-size: 0.8rem;
    text-decoration: none; }

.mobile-nav__item--active a {
  color: white;
  background: #ea6550;
  font-weight: bold; }

.mobile-nav__item--parent {
  position: relative; }

.mobile-nav__sub-menu {
  margin: 0;
  display: none; }

.mobile-nav__sub-menu--trigger {
  z-index: 5;
  width: 40px;
  display: block;
  position: absolute;
  right: 0;
  top: 0; }
  .mobile-nav__sub-menu--trigger:before {
    background: #e6e6e6;
    content: "+";
    color: black;
    display: block;
    font-weight: bold;
    text-align: center;
    line-height: 41px;
    height: 41px; }

.mobile-nav__sub-menu--trigger--active:before {
  content: "–"; }

.mobile-nav__sub-menu__item a {
  padding-left: 24px;
  padding-left: 1.5rem; }
  .mobile-nav__sub-menu__item a:before {
    content: "-";
    margin-left: -12px;
    margin-left: -0.75rem;
    margin-right: 8px;
    margin-right: 0.525rem;
    display: inline-block; }

.mobile-phonebox {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0; }
  @media (min-width: 961px) {
    .mobile-phonebox {
      display: none; } }
  .mobile-phonebox li, .mobile-phonebox li a {
    color: #5C5C5C; }

table {
  width: 100%;
  font-size: 16px;
  font-size: 1rem;
  border-collapse: collapse;
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }

thead {
  width: 100%;
  text-transform: uppercase; }

thead h2 {
  color: white;
  margin-bottom: 0; }

td {
  vertical-align: top;
  color: white;
  padding: 12px;
  padding: 0.75rem; }

th {
  display: table-cell;
  font-weight: 400;
  font-family: "museo-sans-rounded", helvetica, arial, sans-serif; }
  @media (min-width: 961px) {
    th {
      font-size: 25px;
      font-size: 1.6rem;
      padding: 21px 12px;
      padding: 1.3125rem 0.75rem; } }
  th h2 {
    text-align: left; }

.timetables .blue {
  background-color: #70bdcf; }

.timetables .blue--tint {
  background-color: #5fd2d9; }

.timetables .blue--dark {
  background-color: #378fa2; }

.border-blue {
  border: 3px solid #70bdcf; }

.border-blue--tint {
  border: 3px solid #5fd2d9; }

.border-blue--dark {
  border: 3px solid #378fa2; }

.timetables .peach {
  background-color: #ef8d7e; }

.timetables .peach--tint {
  background-color: #f3a599; }

.timetables .peach--dark {
  background-color: #e53c22; }

.border-peach {
  border: 3px solid #ef8d7e; }

.border-peach--tint {
  border: 3px solid #f3a599; }

.border-peach--dark {
  border: 3px solid #e53c22; }

.border-green {
  border: 3px solid #19cd91; }

.border-green--tint {
  border: 3px solid #1ada9a; }

.border-green--dark {
  border: 3px solid #139f71; }

.timetables .green {
  background-color: #19cd91; }

.timetables .green--tint {
  background-color: #1ada9a; }

.timetables .green--dark {
  background-color: #139f71; }

.border-purple {
  border: 3px solid #ad799e; }

.border-purple--tint {
  border: 3px solid #b98cac; }

.border-purple--dark {
  border: 3px solid #77496a; }

.timetables .purple {
  background-color: #ad799e; }

.timetables .purple--tint {
  background-color: #b98cac; }

.timetables .purple--dark {
  background-color: #77496a; }

.childcare-key-areas-table {
  border: 3px solid #c198b5; }
  .childcare-key-areas-table thead {
    background: #c198b5; }
  .childcare-key-areas-table ol, .childcare-key-areas-table ol li {
    margin-bottom: 0; }

.childcare-key-areas-table .table-title {
  border-top: 3px solid #c198b5;
  border-bottom: 3px solid #c198b5; }
  .childcare-key-areas-table .table-title td {
    font-family: "museo-sans-rounded", helvetica, arial, sans-serif;
    width: 50%; }
    @media (min-width: 961px) {
      .childcare-key-areas-table .table-title td {
        font-size: 21px;
        font-size: 1.325rem; } }
  .childcare-key-areas-table .table-title:first-child {
    border-top: 3px solid #c198b5; }

.childcare-key-areas-table .table-content, .childcare-key-areas-table .table-title td {
  border-left: 3px solid #c198b5; }

/* Nursery Calendar */
.nursery-calendar__title, .nursery-calendar__content--closures {
  text-align: right;
}

.nursery-calendar__content {
     font-weight: bold;
   }

.alignleft {
  text-align: left;
  float: left;
  display: block; }

.alignright {
  text-align: right;
  float: right;
  display: block; }

.wp-caption {
  background: red; }

.wp-caption-text {
  color: #fff; }

.sticky {
  font-weight: bold; }

.gallery-caption {
  background: red; }

.bypostauthor {
  font-weight: bold; }

.aligncenter {
  margin: 0 auto; }

@media (min-width: 1180px) {
  .signature {
    float: right;
    clear: both; } }

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * @author: Tyler Smith (@mbmufffin)
 * @contributor: Ash Davies (@drizzlyowl)
 *
 * Modified FlexSlider default stylesheet converted to SCSS and minimalised.
 */
/* Reset */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
  outline: none; }

.slides, .flex-control-nav, .flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none; }

/* FlexSlider Necessary Styles */
.flexslider {
  margin: 0;
  padding: 0;
  max-width: 1140px; }

.testimonials .flexslider {
  max-width: 85%; }

.flexslider .slides > li {
  /* Hide the slides before the JS is loaded. Avoids image jumping */
  display: none;
  -webkit-backface-visibility: hidden; }

.flexslider .slides img {
  width: 100%;
  display: block; }

/* Clearfix for the .slides element */
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block; }

/* FlexSlider Custom SCSS Theme
*********************************/
.flexslider {
  margin: 0 auto;
  position: relative;
  zoom: 1; }

.flexslider .slides {
  zoom: 1; }

.carousel li {
  margin-right: 5px; }

.flexslider .slides li {
  margin: 0; }
  .flexslider .slides li figure {
    margin: 0; }
  .flexslider .slides li figcaption p:last-child {
    display: none; }
    @media (min-width: 961px) {
      .flexslider .slides li figcaption p:last-child {
        display: block; } }

/* Direction Nav */
.flex-prev {
  left: 12px;
  left: 0.75rem; }
  .flex-prev:before {
    content: url('assets/imgs/library/left-arrow.png'); }

.flex-next {
  right: 12px;
  right: 0.75rem;
  text-align: right; }
  .flex-next:before {
    content: url('assets/imgs/library/right-arrow.png'); }

.flex-direction-nav {
  display: block;
  z-index: 2;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  top: 45%; }
  .flex-direction-nav li {
    margin: 0; }
  @media (min-width: 961px) {
    .flex-direction-nav:hover .flex-prev {
      left: 24px;
      left: 1.5rem;
      opacity: 1; }
    .flex-direction-nav:hover .flex-next {
      right: 24px;
      right: 1.5rem;
      opacity: 1; } }

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  font-size: 0;
  position: absolute;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  margin: -24px 0 0;
  margin: -1.5rem 0 0; }
  @media (min-width: 961px) {
    .flex-direction-nav a {
      -webkit-transition: 0.2s ease-in-out;
              transition: 0.2s ease-in-out;
      padding: 12px 18px;
      padding: 0.75rem 1.125rem;
      background: #ea6550;
      -webkit-border-radius: 4px;
              border-radius: 4px;
      opacity: 0.6; } }
  .flex-direction-nav a:before {
    display: block; }

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  cursor: default; }

/* Control Nav */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 12px;
  bottom: 0.75rem;
  text-align: center; }
  .flex-control-nav li {
    zoom: 1;
    *display: inline; }

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: white;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.3);
          box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.3); }
  .flex-control-paging li a:hover {
    background: white;
    background: rgba(255, 255, 255, 0.7); }
  .flex-control-paging li a .flex-active {
    background: white;
    background: rgba(255, 255, 255, 0.9);
    cursor: default; }

.flex-control-thumbs {
  display: none;
  width: 1140px;
  margin: 0 auto;
  border-top: 0;
  position: static;
  overflow: hidden; }
  .flex-control-thumbs li {
    float: left;
    margin: 0; }
  .flex-control-thumbs img {
    -webkit-transition: 2s ease;
            transition: 2s ease;
    width: 100%;
    display: block;
    opacity: 0.3;
    cursor: pointer; }
    .flex-control-thumbs img:hover {
      opacity: 1; }
  .flex-control-thumbs .flex-active-slide img {
    opacity: 1;
    cursor: default; }
  @media (min-width: 1180px) {
    .flex-control-thumbs {
      display: block;
      border: 5px solid #18c48a;
      border-top: 0; } }

/**
 * SLICK Slider
 */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-loading .slick-list {
    background: #fff; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  zoom: 1; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

/* Arrows */
.testimonials__slider__controls {
  display: block;
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: -48px;
  left: -3rem;
  right: -48px;
  right: -3rem;
  top: 65%; }
  .testimonials__slider__controls a {
    opacity: 0.4;
    -webkit-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
    text-decoration: none;
    padding: 12px 12px;
    padding: 0.75rem 0.75rem;
    display: block;
    font-size: 0;
    position: absolute;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    margin: -24px 0 0;
    margin: -1.5rem 0 0;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    padding: 18px 24px;
    padding: 1.125rem 1.5rem; }
    .testimonials__slider__controls a:before {
      display: block; }
    .testimonials__slider__controls a:hover {
      opacity: 1; }

.testimonials__slider__controls .slide-left {
  left: -24px;
  left: -1.5rem; }
  .testimonials__slider__controls .slide-left:before {
    content: url('assets/imgs/library/left-arrow.png'); }

.testimonials__slider__controls .slide-right {
  right: -24px;
  right: -1.5rem;
  text-align: right; }
  .testimonials__slider__controls .slide-right:before {
    content: url('assets/imgs/library/right-arrow.png'); }

#cookie-bar {
  background: #484c4c;
  color: white;
  text-align: center;
  padding: 0;
  font-family: "museo-sans-rounded", helvetica, arial, sans-serif;
  z-index: 10; }

#cookie-bar.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%; }

#cookie-bar p {
  margin: 0;
  padding: 0; }

#cookie-bar a {
  text-decoration: underline; }

#cookie-bar .cb-enable {
  color: white;
  background: #616666;
  text-decoration: none;
  padding: 3px 12px;
  margin: 0px 3px 0px 10px;
  display: inline-block; }

html {
  font-size: 100%;
  line-height: 1.3; }
  @media (min-width: 961px) {
    html {
      font-size: 100%; } }
  @media (min-width: 1180px) {
    html {
      font-size: 100%; } }
  @media (min-width: 1400px) {
    html {
      font-size: 100%; } }

body {
  color: white;
  font-family: "proxima-nova", helvetica, arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  position: relative; }

.site-header {
  background: white; }

.desktop-head {
  display: none; }
  @media (min-width: 961px) {
    .desktop-head {
      display: block; } }

.logo {
  display: inline-block;
  padding: 18px 12px;
  padding: 1.125rem 0.75rem; }

.phonebox {
  padding: 6px;
  padding: 0.375rem;
  display: none;
  background: #e8e8e8;
  list-style: none;
  margin: 0; }
  .phonebox span {
    margin-right: 5px; }
  .phonebox a, .phonebox p {
    width: 100%;
    display: block;
    margin-bottom: 0;
    color: #999999;
    font-family: "museo-sans-rounded", helvetica, arial, sans-serif;
    position: relative; }
    .phonebox a:hover, .phonebox p:hover {
      text-decoration: none; }
  @media (min-width: 961px) {
    .phonebox {
      display: block;
      text-align: right;
      padding: 6px 12px;
      padding: 0.375rem 0.75rem; }
      .phonebox a, .phonebox p {
        width: auto;
        display: inline-block;
        margin-left: 24px;
        margin-left: 1.5rem; } }

.mobile-logo {
  display: block;
  float: left;
  color: #975c86; }
  .mobile-logo img {
    display: block;
    padding: 6px;
    padding: 0.375rem;
    float: left;
    width: 80px; }

.mobile-logo__text {
  display: inline-block;
  padding: 12px 0;
  padding: 0.75rem 0;
  font-weight: 900; }

.billboard {
  margin-top: 48px;
  margin-top: 3rem;
  position: relative;
  width: 100%;
  display: table;
  vertical-align: middle; }
  @media (min-width: 961px) {
    .billboard {
      margin-top: 0;
      height: 360px;
      height: 22.5rem; } }
  @media (min-width: 1180px) {
    .billboard {
      height: 600px;
      height: 37.5rem; } }
  @media (min-width: 1400px) {
    .billboard {
      height: 720px;
      height: 45rem; } }

.billboard__text-wrapper {
  display: table-row;
  background: rgba(0, 0, 0, 0.3);
  height: inherit; }

.billboard__caption {
  padding: 96px 0;
  padding: 6rem 0;
  display: table-cell;
  text-align: center;
  vertical-align: middle; }
  .billboard__caption h1 {
    color: white;
    text-shadow: 0 3px 5px #4c484b;
    line-height: 1; }
  .billboard__caption p {
    font-size: 24px;
    font-size: 1.5rem; }
  .billboard__caption a:hover {
    text-decoration: none; }
  .billboard__caption strong, .billboard__caption a, .billboard__caption a:visited {
    color: #ea6550;
    border-bottom: 3px solid #ea6550; }

.billboard-controls {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none; }
  .billboard-controls .billboard-next {
    right: 24px;
    right: 1.5rem; }
  .billboard-controls .billboard-prev {
    left: 24px;
    left: 1.5rem; }
  .billboard-controls span {
    -webkit-transition: 0.5s ease-in-out;
            transition: 0.5s ease-in-out;
    z-index: 5;
    width: 100px;
    height: 120px;
    height: 7.5rem;
    position: absolute;
    top: 40%;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer; }
  .billboard-controls .billboard-next {
    background-image: url('assets/imgs/library/right-arrow.png'); }
  .billboard-controls .billboard-prev {
    background-image: url('assets/imgs/library/left-arrow.png'); }
  @media (min-width: 1180px) {
    .billboard-controls {
      display: block; } }

/**
 * Column colours
 */
.col--blue {
  background-color: #4aabc2;
  background-image: -webkit-gradient(linear, left top, right bottom, from(#4aabc2), to(#1cd7d5));
  background-image: -webkit-linear-gradient(top left, #4aabc2, #1cd7d5);
  background-image: linear-gradient(to bottom right, #4aabc2, #1cd7d5); }

.col--blue--tint {
  background-color: #55b1c6;
  background-image: -webkit-gradient(linear, left top, right bottom, from(#55b1c6), to(#20e2df));
  background-image: -webkit-linear-gradient(top left, #55b1c6, #20e2df);
  background-image: linear-gradient(to bottom right, #55b1c6, #20e2df); }

.col--blue--dark {
  background-color: #18373F;
  background-image: -webkit-gradient(linear, left top, right bottom, from(#18373F), to(#000));
  background-image: -webkit-linear-gradient(top left, #18373F, #000);
  background-image: linear-gradient(to bottom right, #18373F, #000); }

.col--blue a, .col--blue--tint a {
  color: #378fa2; }

.col--blue a.btn, .col--blue--tint a.btn {
  background: #378fa2;
  color: white; }

.col--peach {
  background-color: #ea6550;
  background-image: -webkit-gradient(linear, left top, right bottom, from(#ea6550), to(#e7a278));
  background-image: -webkit-linear-gradient(top left, #ea6550, #e7a278);
  background-image: linear-gradient(to bottom right, #ea6550, #e7a278); }

.col--peach--tint {
  background-color: #ec715e;
  background-image: -webkit-gradient(linear, left top, right bottom, from(#ea6550), to(#e9aa85));
  background-image: -webkit-linear-gradient(top left, #ea6550, #e9aa85);
  background-image: linear-gradient(to bottom right, #ea6550, #e9aa85); }

.col--peach--dark {
  background-color: #291010;
  background-image: -webkit-gradient(linear, left top, right bottom, from(#291010), to(#000));
  background-image: -webkit-linear-gradient(top left, #291010, #000);
  background-image: linear-gradient(to bottom right, #291010, #000); }

.col--peach a, .col--peach--tint a {
  color: #a72814; }

.col--peach a.btn, .col--peach--tint a.btn {
  background: #a72814;
  color: white; }

.col--green {
  background-color: #16b683;
  background-image: -webkit-gradient(linear, left top, right bottom, from(#16b683), to(#4fc994));
  background-image: -webkit-linear-gradient(top left, #16b683, #4fc994);
  background-image: linear-gradient(to bottom right, #16b683, #4fc994); }

.col--green--tint {
  background-color: #18c48a;
  background-image: -webkit-gradient(linear, left top, right bottom, from(#18c48a), to(#5bcd99));
  background-image: -webkit-linear-gradient(top left, #18c48a, #5bcd99);
  background-image: linear-gradient(to bottom right, #18c48a, #5bcd99); }

.col--green--dark {
  background-color: #153424;
  background-image: -webkit-gradient(linear, left top, right bottom, from(#153424), to(#000));
  background-image: -webkit-linear-gradient(top left, #153424, #000);
  background-image: linear-gradient(to bottom right, #153424, #000); }

.col--green a, .col--green--tint a {
  color: #0e7250; }

.col--green a.btn, .col--green--tint a.btn {
  background: #0e7250;
  color: white; }

.col--purple {
  background-color: #975c86;
  background-image: -webkit-gradient(linear, left top, right bottom, from(#975c86), to(#c774af));
  background-image: -webkit-linear-gradient(top left, #975c86, #c774af);
  background-image: linear-gradient(to bottom right, #975c86, #c774af); }

.col--purple--tint {
  background-color: #a0638e;
  background-image: -webkit-gradient(linear, left top, right bottom, from(#a0638e), to(#cb7fb6));
  background-image: -webkit-linear-gradient(top left, #a0638e, #cb7fb6);
  background-image: linear-gradient(to bottom right, #a0638e, #cb7fb6); }

.col--purple--dark {
  background-color: #301A2A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#301A2A), to(#000));
  background-image: -webkit-linear-gradient(#301A2A, #000);
  background-image: linear-gradient(#301A2A, #000); }

.col--purple a, .col--purple--tint a {
  color: #482c40; }

.col--purple a.btn, .col--purple--tint a.btn {
  background: #482c40;
  color: white; }

/**
 * Content
 */
.content {
  padding: 48px 24px;
  padding: 3rem 1.5rem;
  height: 100%; }
  @media (min-width: 961px) {
    .content {
      padding: 48px;
      padding: 3rem; } }
  @media (min-width: 1180px) {
    .content {
      padding: 72px;
      padding: 4.5rem; } }

@media (min-width: 961px) {
  .content__wrapper {
    margin: 0 auto; } }

@media (min-width: 961px) {
  .content__wrapper--thin {
    width: 90%;
    margin: 0 auto; } }
@media (min-width: 1180px) {
  .content__wrapper--thin {
    width: 85%;
    margin: 0 auto; } }
@media (min-width: 1400px) {
  .content__wrapper--thin {
    width: 75%;
    margin: 0 auto; } }

.content__title {
  color: #fff; }
  @media (min-width: 961px) {
    .content__title {
      text-align: center; } }

.content__text {
  color: #fff; }
  @media (min-width: 961px) {
    .content__text {
      position: relative; } }

@media (min-width: 961px) {
  .content__text--left {
    text-align: left; }
    .content__text--left h2 {
      text-align: left; } }

@media (min-width: 961px) {
  .content__text--center {
    text-align: center; }
    .content__text--center h2 {
      text-align: center; } }

@media (min-width: 961px) {
  .content__text--right {
    text-align: right; }
    .content__text--right h2 {
      text-align: right; } }

.col--image {
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
          background-size: cover;
  behavior: url(http://www.bradleybar.co.uk/backgroundsize.min.htc);
  padding-bottom: 35%; }

.col--image--menu {
  padding-bottom: 0; }

.col--image--fixed-height {
  min-height: 700px; }

.content-image__grid img {
  width: 100%; }

.image-belt {
  background: #975c86; }

.image-belt__img {
  float: left;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
          background-size: cover;
  behavior: url(http://www.bradleybar.co.uk/backgroundsize.min.htc);
  width: 50%;
  height: 288px;
  height: 18rem; }
  .image-belt__img img {
    display: block;
    width: 100%; }
  @media (min-width: 961px) {
    .image-belt__img {
      width: 25%; } }

/* Google Maps powered by ACF */
#map__canvas {
  width: 100%;
  height: 480px;
  height: 30rem; }

.canvas__title {
  color: #55b1c6;
  position: absolute;
  left: 24px;
  left: 1.5rem;
  bottom: 0;
  right: 0; }

/* Contact Page */
.page-id-14 .content__text .align-none {
  float: left; }

/* Gallery */
.gallery {
  padding: 0;
  height: 100%; }
  .gallery h2 {
    display: none; }
  @media (min-width: 961px) {
    .gallery {
      padding: 48px;
      padding: 3rem; }
      .gallery h2 {
        display: block; } }
  @media (min-width: 1180px) {
    .gallery {
      padding: 96px;
      padding: 6rem; } }

/* Grid of images */
.image-grid {
  display: block;
  background-position: center;
  -webkit-background-size: cover;
          background-size: cover;
  behavior: url(http://www.bradleybar.co.uk/backgroundsize.min.htc);
  background-repeat: no-repeat; }

/* Testimonials */
.testimonials {
  padding: 24px 0;
  padding: 1.5rem 0; }
  @media (min-width: 1180px) {
    .testimonials {
      padding: 24px;
      padding: 1.5rem; } }

@media (min-width: 1400px) {
  .testimonial {
    padding: 48px;
    padding: 3rem; } }
.testimonial p {
  margin-bottom: 0; }
.testimonial .content__text {
  text-align: center;
  padding: 0 12px;
  padding: 0 0.75rem; }

.testimonial__heading {
  text-align: center;
  font-size: 24px;
  font-size: 1.5rem; }

/* Meet the Team */
.traits h4 {
  margin-bottom: 0; }
.traits p {
  margin-bottom: 0; }
  .traits p:last-child {
    margin-bottom: 24px;
    margin-bottom: 1.5rem; }

.hidden-bio {
  margin-top: -24px;
  margin-top: -1.5rem;
  display: none; }
  @media (min-width: 1180px) {
    .hidden-bio {
      margin-top: -72px;
      margin-top: -4.5rem; } }
  .hidden-bio p {
    margin-bottom: 0; }
  .hidden-bio h4 {
    margin-bottom: 0; }

.q-and-a {
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }

.col--blank {
  background: rgba(0, 0, 0, 0.85); }

.col--min-height {
  min-height: 600px; }

/* FOOD Menus */
.col--image h2 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  top: 0;
  padding-top: 25%;
  margin-bottom: 0;
  background: rgba(0, 0, 0, 0.4); }

.day-menu {
  padding: 24px;
  padding: 1.5rem; }

.site-footer {
  background: #435697;
  padding: 24px 0;
  padding: 1.5rem 0;
  display: none; }
  @media (min-width: 961px) {
    .site-footer {
      display: block; } }

.site-footer__heading {
  font-size: 24px;
  font-size: 1.5rem;
  border-bottom: 1px solid #586eb5; }

.footer-nav {
  list-style: none;
  margin: 0; }

.footer-nav__item {
  margin: 0;
  padding: 0; }

.footer-nav__sub-menu {
  display: none; }

.site-footer__address p {
  margin: 0; }

.site-footer__contact {
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }

.site-footer__contact p {
  margin: 0; }

.mobile-footer {
  background: #435697;
  display: block;
  padding: 24px;
  padding: 1.5rem; }
  @media (min-width: 961px) {
    .mobile-footer {
      display: none; } }

.sidebar {
  padding: 48px 24px;
  padding: 3rem 1.5rem;
  height: 100%; }
  @media (min-width: 961px) {
    .sidebar {
      padding: 48px 48px 48px 24px;
      padding: 3rem 3rem 3rem 1.5rem; } }
  @media (min-width: 1180px) {
    .sidebar {
      padding: 72px 72px 72px 36px;
      padding: 4.5rem 4.5rem 4.5rem 2.25rem; } }

.call-to-action {
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }
  .call-to-action li {
    font-weight: 900; }
  .call-to-action a:hover {
    text-decoration: none; }

.sidebar-phone {
  color: #0e7250; }

.gform_validation_container{
display: none;
}

/* up to date grid */
.g>*{margin-top:25px}.gi--1-5{-ms-flex-preferred-size:20%;flex-basis:20%}@media (min-width: 800px){.gi--1-5--m{-ms-flex-preferred-size:20% !important;flex-basis:20% !important}}@media (min-width: 1000px){.gi--1-5--l{-ms-flex-preferred-size:20% !important;flex-basis:20% !important}}.gi--2-5{-ms-flex-preferred-size:40%;flex-basis:40%}@media (min-width: 800px){.gi--2-5--m{-ms-flex-preferred-size:40% !important;flex-basis:40% !important}}@media (min-width: 1000px){.gi--2-5--l{-ms-flex-preferred-size:40% !important;flex-basis:40% !important}}.gi--3-5{-ms-flex-preferred-size:60%;flex-basis:60%}@media (min-width: 800px){.gi--3-5--m{-ms-flex-preferred-size:60% !important;flex-basis:60% !important}}@media (min-width: 1000px){.gi--3-5--l{-ms-flex-preferred-size:60% !important;flex-basis:60% !important}}.gi--4-5{-ms-flex-preferred-size:80%;flex-basis:80%}@media (min-width: 800px){.gi--4-5--m{-ms-flex-preferred-size:80% !important;flex-basis:80% !important}}@media (min-width: 1000px){.gi--4-5--l{-ms-flex-preferred-size:80% !important;flex-basis:80% !important}}.gi--1-9{-ms-flex-preferred-size:11.11111%;flex-basis:11.11111%}@media (min-width: 800px){.gi--1-9--m{-ms-flex-preferred-size:11.11111%;flex-basis:11.11111%}}.gi--2-9{-ms-flex-preferred-size:22.22222%;flex-basis:22.22222%}@media (min-width: 800px){.gi--2-9--m{-ms-flex-preferred-size:22.22222% !important;flex-basis:22.22222% !important}}.gi--4-9{-ms-flex-preferred-size:44.44444%;flex-basis:44.44444%}@media (min-width: 800px){.gi--4-9--m{-ms-flex-preferred-size:44.44444% !important;flex-basis:44.44444% !important}}.gi--no-margin{margin-top:0}@media (min-width: 800px){.gi--no-padding{padding-left:0 !important}}@media (min-width: 800px){.p--1-9--m{margin-left:calc(100%/9) !important}}@media (min-width: 1000px){.p--1-9--l{margin-left:calc(100%/9) !important}}body:after{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;display:block;bottom:10px;right:10px;padding:5px 28px 5px 20px;font-size:12px;color:#777;border-radius:3px;background-color:#f7f7f7;-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.3);box-shadow:0 2px 2px rgba(0,0,0,0.3);z-index:100000}.g{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-12px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-wrap:wrap;flex-wrap:wrap}.g>*{-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:12px;position:relative}.g--no-gutter{margin-left:0}.g--no-gutter>*{padding-left:0}.g--v-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.g--v-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.g--v-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.g--v-stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.g--v-baseline{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.g--align-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.g--align-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.g--align-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.g--align-space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.g--align-space-around{-ms-flex-pack:distribute;justify-content:space-around}.gi--fit{-webkit-box-flex:1;-ms-flex:1 0;flex:1 0}.gi--flex{display:-webkit-box;display:-ms-flexbox;display:flex}.gi--1-12{-ms-flex-preferred-size:8.33333%;flex-basis:8.33333%;max-width:8.33333%}.gi--1-6,.gi--2-12{-ms-flex-preferred-size:16.66667%;flex-basis:16.66667%;max-width:16.66667%}.gi--1-4,.gi--3-12{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.gi--1-3,.gi--2-6,.gi--4-12{-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%;max-width:33.33333%}.gi--5-12{-ms-flex-preferred-size:41.66667%;flex-basis:41.66667%;max-width:41.66667%}.gi--1-2,.gi--2-4,.gi--3-6,.gi--6-12{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.gi--7-12{-ms-flex-preferred-size:58.33333%;flex-basis:58.33333%;max-width:58.33333%}.gi--2-3,.gi--4-6,.gi--8-12{-ms-flex-preferred-size:66.66667%;flex-basis:66.66667%;max-width:66.66667%}.gi--3-4,.gi--9-12{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.gi--5-6,.gi--10-12{-ms-flex-preferred-size:83.33333%;flex-basis:83.33333%;max-width:83.33333%}.gi--11-12{-ms-flex-preferred-size:91.66667%;flex-basis:91.66667%;max-width:91.66667%}.gi--1-1,.gi--2-2,.gi--3-3,.gi--4-4,.gi--6-6,.gi--12-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.p--1-12{margin-left:8.33333%}.p--1-6,.p--2-12{margin-left:16.66667%}.p--1-4,.p--3-12{margin-left:25%}.p--1-3,.p--2-6,.p--4-12{margin-left:33.33333%}.p--5-12{margin-left:41.66667%}.p--1-2,.p--2-4,.p--3-6,.p--6-12{margin-left:50%}.p--7-12{margin-left:58.33333%}.p--2-3,.p--4-6,.p--8-12{margin-left:66.66667%}.p--3-4,.p--9-12{margin-left:75%}.p--5-6,.p--10-12{margin-left:83.33333%}.p--11-12{margin-left:91.66667%}@media (min-width: 800px){.g{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-24px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-wrap:wrap;flex-wrap:wrap}.g>*{-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:24px;position:relative}.g--no-gutter--m{margin-left:0}.g--no-gutter--m>*{padding-left:0}.g--v-top--m{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.g--v-center--m{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.g--v-bottom--m{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.g--v-stretch--m{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.g--v-baseline--m{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.g--align-start--m{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.g--align-end--m{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.g--align-center--m{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.g--align-space-between--m{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.g--align-space-around--m{-ms-flex-pack:distribute;justify-content:space-around}.gi--fit--m{-webkit-box-flex:1;-ms-flex:1 0;flex:1 0}.gi--flex--m{display:-webkit-box;display:-ms-flexbox;display:flex}.gi--1-12--m{-ms-flex-preferred-size:8.33333%;flex-basis:8.33333%;max-width:8.33333%}.gi--1-6--m,.gi--2-12--m{-ms-flex-preferred-size:16.66667%;flex-basis:16.66667%;max-width:16.66667%}.gi--1-4--m,.gi--3-12--m{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.gi--1-3--m,.gi--2-6--m,.gi--4-12--m{-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%;max-width:33.33333%}.gi--5-12--m{-ms-flex-preferred-size:41.66667%;flex-basis:41.66667%;max-width:41.66667%}.gi--1-2--m,.gi--2-4--m,.gi--3-6--m,.gi--6-12--m{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.gi--7-12--m{-ms-flex-preferred-size:58.33333%;flex-basis:58.33333%;max-width:58.33333%}.gi--2-3--m,.gi--4-6--m,.gi--8-12--m{-ms-flex-preferred-size:66.66667%;flex-basis:66.66667%;max-width:66.66667%}.gi--3-4--m,.gi--9-12--m{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.gi--5-6--m,.gi--10-12--m{-ms-flex-preferred-size:83.33333%;flex-basis:83.33333%;max-width:83.33333%}.gi--11-12--m{-ms-flex-preferred-size:91.66667%;flex-basis:91.66667%;max-width:91.66667%}.gi--1-1--m,.gi--2-2--m,.gi--3-3--m,.gi--4-4--m,.gi--6-6--m,.gi--12-12--m{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.p--1-12--m{margin-left:8.33333%}.p--1-6--m,.p--2-12--m{margin-left:16.66667%}.p--1-4--m,.p--3-12--m{margin-left:25%}.p--1-3--m,.p--2-6--m,.p--4-12--m{margin-left:33.33333%}.p--5-12--m{margin-left:41.66667%}.p--1-2--m,.p--2-4--m,.p--3-6--m,.p--6-12--m{margin-left:50%}.p--7-12--m{margin-left:58.33333%}.p--2-3--m,.p--4-6--m,.p--8-12--m{margin-left:66.66667%}.p--3-4--m,.p--9-12--m{margin-left:75%}.p--5-6--m,.p--10-12--m{margin-left:83.33333%}.p--11-12--m{margin-left:91.66667%}}@media (min-width: 1100px){.g{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-24px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-wrap:wrap;flex-wrap:wrap}.g>*{-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:24px;position:relative}.g--no-gutter--l{margin-left:0}.g--no-gutter--l>*{padding-left:0}.g--v-top--l{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.g--v-center--l{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.g--v-bottom--l{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.g--v-stretch--l{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.g--v-baseline--l{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.g--align-start--l{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.g--align-end--l{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.g--align-center--l{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.g--align-space-between--l{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.g--align-space-around--l{-ms-flex-pack:distribute;justify-content:space-around}.gi--fit--l{-webkit-box-flex:1;-ms-flex:1 0;flex:1 0}.gi--flex--l{display:-webkit-box;display:-ms-flexbox;display:flex}.gi--1-12--l{-ms-flex-preferred-size:8.33333%;flex-basis:8.33333%;max-width:8.33333%}.gi--1-6--l,.gi--2-12--l{-ms-flex-preferred-size:16.66667%;flex-basis:16.66667%;max-width:16.66667%}.gi--1-4--l,.gi--3-12--l{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.gi--1-3--l,.gi--2-6--l,.gi--4-12--l{-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%;max-width:33.33333%}.gi--5-12--l{-ms-flex-preferred-size:41.66667%;flex-basis:41.66667%;max-width:41.66667%}.gi--1-2--l,.gi--2-4--l,.gi--3-6--l,.gi--6-12--l{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.gi--7-12--l{-ms-flex-preferred-size:58.33333%;flex-basis:58.33333%;max-width:58.33333%}.gi--2-3--l,.gi--4-6--l,.gi--8-12--l{-ms-flex-preferred-size:66.66667%;flex-basis:66.66667%;max-width:66.66667%}.gi--3-4--l,.gi--9-12--l{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.gi--5-6--l,.gi--10-12--l{-ms-flex-preferred-size:83.33333%;flex-basis:83.33333%;max-width:83.33333%}.gi--11-12--l{-ms-flex-preferred-size:91.66667%;flex-basis:91.66667%;max-width:91.66667%}.gi--1-1--l,.gi--2-2--l,.gi--3-3--l,.gi--4-4--l,.gi--6-6--l,.gi--12-12--l{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.p--1-12--l{margin-left:8.33333%}.p--1-6--l,.p--2-12--l{margin-left:16.66667%}.p--1-4--l,.p--3-12--l{margin-left:25%}.p--1-3--l,.p--2-6--l,.p--4-12--l{margin-left:33.33333%}.p--5-12--l{margin-left:41.66667%}.p--1-2--l,.p--2-4--l,.p--3-6--l,.p--6-12--l{margin-left:50%}.p--7-12--l{margin-left:58.33333%}.p--2-3--l,.p--4-6--l,.p--8-12--l{margin-left:66.66667%}.p--3-4--l,.p--9-12--l{margin-left:75%}.p--5-6--l,.p--10-12--l{margin-left:83.33333%}.p--11-12--l{margin-left:91.66667%}}

.staff-members > div{
  padding-left: 0 !important;
}

.staff-member{
  text-align: center;
}

.staff-member__img{
  width: 250px;
  height: 250px;
  border-radius: 100%;
  display: block;
  margin: 15px auto;
  object-fit: cover;
  user-select: none;
}

.staff-member__title{
  font-size: 24px;
}

.staff-member__button{
  background: white;
  padding: 10px;
  border: 1px solid #efefef;
  transition: 1s all;
  cursor: pointer;
  margin-left: auto;
  user-select:  none;
  display:  block;
  width: 80px;
  border-radius: 3px;
  margin-bottom: 20px;
}

.staff-member__questionaire{
  padding: 50px 0;
  display: none;
}

.staff-member__questionaire .g{
  justify-content: center;
}

.staff-members > div:first-child .staff-member__questionaire{
  display: block;
}

.staff-member__button:hover{
  background:  #efefef;
  text-decoration: none;
}

.staff-member__questionaire--col--peach{
  background: #C15E4A;
}


.staff-member__questionaire--col--purple{
  background: #653E5B;
}


.staff-member__questionaire--col--green{
  background: #118F6A;
}


.staff-member__questionaire--col--blue{
  background: #368E9D;
}

.staff-member__questionaire p{
  text-align: center;
}

.staff-member__questionaire p:last-child{
  padding-bottom:  20px;
}


@media screen and (max-width: 800px){
  .staff-members > div{
    order:  initial !important;
  }
}