@charset "UTF-8";
/*!
Theme Name: Timewise 2019
Theme URI: -
Author: Plus Two
Version: 1.0
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Description: Theme for the Timewise.co.uk website
*/
/*************************************************
  CL MIXINS COLLECTION
  v.1.2

  Author: Andrea Baroni
  © 2017
 **************************************************
 **************************************************/
/*------------------------------------*\
    $CSSWIZARDRY-GRIDS
\*------------------------------------*/
/**
 * CONTENTS
 * INTRODUCTION.........How the grid system works.
 * VARIABLES............Your settings.
 * MIXINS...............Library mixins.
 * GRID SETUP...........Build the grid structure.
 * WIDTHS...............Build our responsive widths around our breakpoints.
 * PUSH.................Push classes.
 * PULL.................Pull classes.
 */
/*------------------------------------*\
    $INTRODUCTION
\*------------------------------------*/
/**
 * csswizardry grids provides you with widths to suit a number of breakpoints
 * designed around devices of a size you specify. Out of the box, csswizardry
 * grids caters to the following types of device:
 *
 * palm     --  palm-based devices, like phones and small tablets
 * lap      --  lap-based devices, like iPads or laptops
 * portable --  all of the above
 * desk     --  stationary devices, like desktop computers
 * regular  --  any/all types of device
 *
 * These namespaces are then used in the library to give you the ability to
 * manipulate your layouts based around them, for example:
 *
   <div class="grid__item  one-whole  lap--one-half  desk--one-third">
 *
 * This would give you a grid item which is 100% width unless it is on a lap
 * device, at which point it become 50% wide, or it is on a desktop device, at
 * which point it becomes 33.333% width.
 *
 * csswizardry grids also has push and pull classes which allow you to nudge
 * grid items left and right by a defined amount. These follow the same naming
 * convention as above, but are prepended by either `push--` or `pull--`, for
 * example:
 *
   `class="grid__item  one-half  push--one-half"`
 *
 * This would give you a grid item which is 50% width and pushed over to the
 * right by 50%.
 *
 * All classes in csswizardry grids follow this patten, so you should fairly
 * quickly be able to piece together any combinations you can imagine, for
 * example:
 *
   `class="grid__item  one-whole  lap--one-half  desk--one-third  push--desk--one-third"`
 *
   `class="grid__item  one-quarter  palm--one-half  push--palm--one-half"`
 *
   `class="grid__item  palm--one-third  desk--five-twelfths"`
 */
/*------------------------------------*\
    $VARIABLES
\*------------------------------------*/
/**
 * If you are building a non-responsive site but would still like to use
 * csswizardry-grids, set this to ‘false’:
 */
/**
 * Is this build mobile first? Setting to ‘true’ means that all grids will be
 * 100% width if you do not apply a more specific class to them.
 */
/**
 * Set the spacing between your grid items.
 */
/**
 * Would you like Sass’ silent classes, or regular CSS classes?
 */
/**
 * Would you like push and pull classes enabled?
 */
/**
 * Using `inline-block` means that the grid items need their whitespace removing
 * in order for them to work correctly. Set the following to true if you are
 * going to achieve this by manually removing/commenting out any whitespace in
 * your HTML yourself.
 *
 * Setting this to false invokes a hack which cannot always be guaranteed,
 * please see the following for more detail:
 *
 * github.com/csswizardry/csswizardry-grids/commit/744d4b23c9d2b77d605b5991e54a397df72e0688
 * github.com/csswizardry/inuit.css/issues/170#issuecomment-14859371
 */
/**
 * Define your breakpoints. The first value is the prefix that shall be used for
 * your classes (e.g. `.palm--one-half`), the second value is the media query
 * that the breakpoint fires at.
 */
/**
 * Define which namespaced breakpoints you would like to generate for each of
 * widths, push and pull. This is handy if you only need pull on, say, desk, or
 * you only need a new width breakpoint at mobile sizes. It allows you to only
 * compile as much CSS as you need. All are turned on by default, but you can
 * add and remove breakpoints at will.
 *
 * Push and pull shall only be used if `$push` and/or `$pull` and `$responsive`
 * have been set to ‘true’.
 */
/**
 * You do not need to edit anything from this line onward; csswizardry-grids is
 * good to go. Happy griddin’!
 */
/*------------------------------------*\
    $MIXINS
\*------------------------------------*/
/**
 * These mixins are for the library to use only, you should not need to modify
 * them at all.
 *
 * Enclose a block of code with a media query as named in `$breakpoints`.
 */
/**
 * Drop relative positioning into silent classes which can’t take advantage of
 * the `[class*="push--"]` and `[class*="pull--"]` selectors.
 */
/*------------------------------------*\
    $GRID SETUP
\*------------------------------------*/
/**
 * 1. Allow the grid system to be used on lists.
 * 2. Remove any margins and paddings that might affect the grid system.
 * 3. Apply a negative `margin-left` to negate the columns’ gutters.
 */
.grid {
  list-style: none;
  /* [1] */
  margin: 0;
  /* [2] */
  padding: 0;
  /* [2] */
  margin-left: -24px;
  /* [3] */ }

/**
     * 1. Cause columns to stack side-by-side.
     * 2. Space columns apart.
     * 3. Align columns to the tops of each other.
     * 4. Full-width unless told to behave otherwise.
     * 5. Required to combine fluid widths and fixed gutters.
     */
.grid__item {
  /*background:red;*/
  display: inline-block;
  /* [1] */
  padding-left: 24px;
  /* [2] */
  vertical-align: top;
  /* [3] */
  position: relative;
  width: 100%;
  /* [4] */
  -webkit-box-sizing: border-box;
  /* [5] */
  -moz-box-sizing: border-box;
  /* [5] */
  box-sizing: border-box;
  /* [5] */
  /*&:nth-child(odd){
            background:orange;
        }*/ }

/**
 * Reversed grids allow you to structure your source in the opposite order to
 * how your rendered layout will appear. Extends `.grid`.
 */
.grid--rev {
  direction: rtl;
  text-align: left; }
  .grid--rev > .grid__item {
    direction: ltr;
    text-align: left; }

/**
 * Gutterless grids have all the properties of regular grids, minus any spacing.
 * Extends `.grid`.
 */
.grid--full {
  margin-left: 0; }
  .grid--full > .grid__item {
    padding-left: 0; }

/**
 * Align the entire grid to the right. Extends `.grid`.
 */
.grid--right {
  text-align: right; }
  .grid--right > .grid__item {
    text-align: left; }

/**
 * Centered grids align grid items centrally without needing to use push or pull
 * classes. Extends `.grid`.
 */
.grid--center {
  text-align: center; }
  .grid--center > .grid__item {
    text-align: left; }

/**
 * Align grid cells vertically (`.grid--middle` or `.grid--bottom`). Extends
 * `.grid`.
 */
.grid--middle > .grid__item {
  vertical-align: middle; }

.grid--bottom > .grid__item {
  vertical-align: bottom; }

/**
 * Create grids with narrower gutters. Extends `.grid`.
 */
.grid--narrow {
  margin-left: -12px; }
  .grid--narrow > .grid__item {
    padding-left: 12px; }

/**
 * Create grids with wider gutters. Extends `.grid`.
 */
.grid--wide {
  margin-left: -48px; }
  .grid--wide > .grid__item {
    padding-left: 48px; }

/*------------------------------------*\
    $WIDTHS
\*------------------------------------*/
/**
 * Create our width classes, prefixed by the specified namespace.
 */
/**
 * Our regular, non-responsive width classes.
 */
/**
     * Hidden
     */
.hidden {
  display: none; }

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

/**
     * Halves
     */
.one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths {
  width: 50%; }

/**
     * Thirds
     */
.one-third, .two-sixths, .four-twelfths {
  width: 33.333%; }

.two-thirds, .four-sixths, .eight-twelfths {
  width: 66.666%; }

/**
     * Quarters
     */
.one-quarter, .two-eighths, .three-twelfths {
  width: 25%; }

.three-quarters, .six-eighths, .nine-twelfths {
  width: 75%; }

/**
     * Fifths
     */
.one-fifth, .two-tenths {
  width: 20%; }

.two-fifths, .four-tenths {
  width: 40%; }

.three-fifths, .six-tenths {
  width: 60%; }

.four-fifths, .eight-tenths {
  width: 80%; }

/**
     * Sixths
     */
.one-sixth, .two-twelfths {
  width: 16.666%; }

.five-sixths, .ten-twelfths {
  width: 83.333%; }

/**
     * Eighths
     */
.one-eighth {
  width: 12.5%; }

.three-eighths {
  width: 37.5%; }

.five-eighths {
  width: 62.5%; }

.seven-eighths {
  width: 87.5%; }

/**
     * Tenths
     */
.one-tenth {
  width: 10%; }

.three-tenths {
  width: 30%; }

.seven-tenths {
  width: 70%; }

.nine-tenths {
  width: 90%; }

/**
     * Twelfths
     */
.one-twelfth {
  width: 8.333%; }

.five-twelfths {
  width: 41.666%; }

.seven-twelfths {
  width: 58.333%; }

.eleven-twelfths {
  width: 91.666%; }

/**
 * Our responsive classes, if we have enabled them.
 */
@media only screen and (max-width: 680px) {
  /**
     * Hidden
     */
  .palm--hidden {
    display: none; }
  /**
     * Whole
     */
  .palm--one-whole {
    width: 100%; }
  /**
     * Halves
     */
  .palm--one-half, .palm--two-quarters, .palm--three-sixths, .palm--four-eighths, .palm--five-tenths, .palm--six-twelfths {
    width: 50%; }
  /**
     * Thirds
     */
  .palm--one-third, .palm--two-sixths, .palm--four-twelfths {
    width: 33.333%; }
  .palm--two-thirds, .palm--four-sixths, .palm--eight-twelfths {
    width: 66.666%; }
  /**
     * Quarters
     */
  .palm--one-quarter, .palm--two-eighths, .palm--three-twelfths {
    width: 25%; }
  .palm--three-quarters, .palm--six-eighths, .palm--nine-twelfths {
    width: 75%; }
  /**
     * Fifths
     */
  .palm--one-fifth, .palm--two-tenths {
    width: 20%; }
  .palm--two-fifths, .palm--four-tenths {
    width: 40%; }
  .palm--three-fifths, .palm--six-tenths {
    width: 60%; }
  .palm--four-fifths, .palm--eight-tenths {
    width: 80%; }
  /**
     * Sixths
     */
  .palm--one-sixth, .palm--two-twelfths {
    width: 16.666%; }
  .palm--five-sixths, .palm--ten-twelfths {
    width: 83.333%; }
  /**
     * Eighths
     */
  .palm--one-eighth {
    width: 12.5%; }
  .palm--three-eighths {
    width: 37.5%; }
  .palm--five-eighths {
    width: 62.5%; }
  .palm--seven-eighths {
    width: 87.5%; }
  /**
     * Tenths
     */
  .palm--one-tenth {
    width: 10%; }
  .palm--three-tenths {
    width: 30%; }
  .palm--seven-tenths {
    width: 70%; }
  .palm--nine-tenths {
    width: 90%; }
  /**
     * Twelfths
     */
  .palm--one-twelfth {
    width: 8.333%; }
  .palm--five-twelfths {
    width: 41.666%; }
  .palm--seven-twelfths {
    width: 58.333%; }
  .palm--eleven-twelfths {
    width: 91.666%; } }

@media only screen and (min-width: 681px) and (max-width: 949px) {
  /**
     * Hidden
     */
  .lap--hidden {
    display: none; }
  /**
     * Whole
     */
  .lap--one-whole {
    width: 100%; }
  /**
     * Halves
     */
  .lap--one-half, .lap--two-quarters, .lap--three-sixths, .lap--four-eighths, .lap--five-tenths, .lap--six-twelfths {
    width: 50%; }
  /**
     * Thirds
     */
  .lap--one-third, .lap--two-sixths, .lap--four-twelfths {
    width: 33.333%; }
  .lap--two-thirds, .lap--four-sixths, .lap--eight-twelfths {
    width: 66.666%; }
  /**
     * Quarters
     */
  .lap--one-quarter, .lap--two-eighths, .lap--three-twelfths {
    width: 25%; }
  .lap--three-quarters, .lap--six-eighths, .lap--nine-twelfths {
    width: 75%; }
  /**
     * Fifths
     */
  .lap--one-fifth, .lap--two-tenths {
    width: 20%; }
  .lap--two-fifths, .lap--four-tenths {
    width: 40%; }
  .lap--three-fifths, .lap--six-tenths {
    width: 60%; }
  .lap--four-fifths, .lap--eight-tenths {
    width: 80%; }
  /**
     * Sixths
     */
  .lap--one-sixth, .lap--two-twelfths {
    width: 16.666%; }
  .lap--five-sixths, .lap--ten-twelfths {
    width: 83.333%; }
  /**
     * Eighths
     */
  .lap--one-eighth {
    width: 12.5%; }
  .lap--three-eighths {
    width: 37.5%; }
  .lap--five-eighths {
    width: 62.5%; }
  .lap--seven-eighths {
    width: 87.5%; }
  /**
     * Tenths
     */
  .lap--one-tenth {
    width: 10%; }
  .lap--three-tenths {
    width: 30%; }
  .lap--seven-tenths {
    width: 70%; }
  .lap--nine-tenths {
    width: 90%; }
  /**
     * Twelfths
     */
  .lap--one-twelfth {
    width: 8.333%; }
  .lap--five-twelfths {
    width: 41.666%; }
  .lap--seven-twelfths {
    width: 58.333%; }
  .lap--eleven-twelfths {
    width: 91.666%; } }

@media only screen and (max-width: 949px) {
  /**
     * Hidden
     */
  .portable--hidden {
    display: none; }
  /**
     * Whole
     */
  .portable--one-whole {
    width: 100%; }
  /**
     * Halves
     */
  .portable--one-half, .portable--two-quarters, .portable--three-sixths, .portable--four-eighths, .portable--five-tenths, .portable--six-twelfths {
    width: 50%; }
  /**
     * Thirds
     */
  .portable--one-third, .portable--two-sixths, .portable--four-twelfths {
    width: 33.333%; }
  .portable--two-thirds, .portable--four-sixths, .portable--eight-twelfths {
    width: 66.666%; }
  /**
     * Quarters
     */
  .portable--one-quarter, .portable--two-eighths, .portable--three-twelfths {
    width: 25%; }
  .portable--three-quarters, .portable--six-eighths, .portable--nine-twelfths {
    width: 75%; }
  /**
     * Fifths
     */
  .portable--one-fifth, .portable--two-tenths {
    width: 20%; }
  .portable--two-fifths, .portable--four-tenths {
    width: 40%; }
  .portable--three-fifths, .portable--six-tenths {
    width: 60%; }
  .portable--four-fifths, .portable--eight-tenths {
    width: 80%; }
  /**
     * Sixths
     */
  .portable--one-sixth, .portable--two-twelfths {
    width: 16.666%; }
  .portable--five-sixths, .portable--ten-twelfths {
    width: 83.333%; }
  /**
     * Eighths
     */
  .portable--one-eighth {
    width: 12.5%; }
  .portable--three-eighths {
    width: 37.5%; }
  .portable--five-eighths {
    width: 62.5%; }
  .portable--seven-eighths {
    width: 87.5%; }
  /**
     * Tenths
     */
  .portable--one-tenth {
    width: 10%; }
  .portable--three-tenths {
    width: 30%; }
  .portable--seven-tenths {
    width: 70%; }
  .portable--nine-tenths {
    width: 90%; }
  /**
     * Twelfths
     */
  .portable--one-twelfth {
    width: 8.333%; }
  .portable--five-twelfths {
    width: 41.666%; }
  .portable--seven-twelfths {
    width: 58.333%; }
  .portable--eleven-twelfths {
    width: 91.666%; } }

@media only screen and (min-width: 950px) {
  /**
     * Hidden
     */
  .desk--hidden {
    display: none; }
  /**
     * Whole
     */
  .desk--one-whole {
    width: 100%; }
  /**
     * Halves
     */
  .desk--one-half, .desk--two-quarters, .desk--three-sixths, .desk--four-eighths, .desk--five-tenths, .desk--six-twelfths {
    width: 50%; }
  /**
     * Thirds
     */
  .desk--one-third, .desk--two-sixths, .desk--four-twelfths {
    width: 33.333%; }
  .desk--two-thirds, .desk--four-sixths, .desk--eight-twelfths {
    width: 66.666%; }
  /**
     * Quarters
     */
  .desk--one-quarter, .desk--two-eighths, .desk--three-twelfths {
    width: 25%; }
  .desk--three-quarters, .desk--six-eighths, .desk--nine-twelfths {
    width: 75%; }
  /**
     * Fifths
     */
  .desk--one-fifth, .desk--two-tenths {
    width: 20%; }
  .desk--two-fifths, .desk--four-tenths {
    width: 40%; }
  .desk--three-fifths, .desk--six-tenths {
    width: 60%; }
  .desk--four-fifths, .desk--eight-tenths {
    width: 80%; }
  /**
     * Sixths
     */
  .desk--one-sixth, .desk--two-twelfths {
    width: 16.666%; }
  .desk--five-sixths, .desk--ten-twelfths {
    width: 83.333%; }
  /**
     * Eighths
     */
  .desk--one-eighth {
    width: 12.5%; }
  .desk--three-eighths {
    width: 37.5%; }
  .desk--five-eighths {
    width: 62.5%; }
  .desk--seven-eighths {
    width: 87.5%; }
  /**
     * Tenths
     */
  .desk--one-tenth {
    width: 10%; }
  .desk--three-tenths {
    width: 30%; }
  .desk--seven-tenths {
    width: 70%; }
  .desk--nine-tenths {
    width: 90%; }
  /**
     * Twelfths
     */
  .desk--one-twelfth {
    width: 8.333%; }
  .desk--five-twelfths {
    width: 41.666%; }
  .desk--seven-twelfths {
    width: 58.333%; }
  .desk--eleven-twelfths {
    width: 91.666%; } }

/*------------------------------------*\
    $PUSH
\*------------------------------------*/
/**
 * Push classes, to move grid items over to the right by certain amounts.
 */
/*------------------------------------*\
    $PULL
\*------------------------------------*/
/**
 * Pull classes, to move grid items back to the left by certain amounts.
 */
/*************** BASIC ***********/
/*--------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button, .wp-block-button a, .wp-block-button a.wp-block-button__link, input, textarea {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  padding: 0;
  vertical-align: top;
  -webkit-tap-highlight-color: transparent;
  outline: none; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 200dpi), only screen and (min-resolution: 1.25dppx) {
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button, .wp-block-button a, .wp-block-button a.wp-block-button__link, input, textarea {
      -webkit-font-smoothing: subpixel-antialiased; } }

body, div, h1, h2, h3, h4, p, ul, li, dl, dt, dd, img, form, fieldset, blockquote {
  border: 0px none;
  margin: 0px;
  padding: 0px; }

html {
  height: 100%; }

body {
  font-family: "Titillium Web", Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 22px;
  font-size: 16px;
  text-align: left;
  border: 0;
  color: #3C3C3B;
  background: #FFFFFF; }
  @media only screen and (max-width: 680px) {
    body {
      font-size: 15px;
      line-height: 20px; } }
  body.admin-bar .topheader {
    top: 32px; }
    @media only screen and (min-width: 950px) {
      body.admin-bar .topheader {
        top: 32px; } }
    @media only screen and (max-width: 949px) and (min-width: 681px) {
      body.admin-bar .topheader {
        top: 46px; } }

@media only screen and (max-width: 680px) {
  #wpadminbar {
    position: fixed !important; } }

a {
  text-decoration: underline;
  border-style: none;
  color: #007272;
  position: relative;
  z-index: 3;
  cursor: pointer; }
  a img {
    border: none; }
  a:hover {
    text-decoration: underline;
    border-style: none;
    color: #00bfbf; }

em {
  font-style: italic; }

p {
  padding: 0;
  margin: 0 0 25px 0;
  z-index: 1;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

sub, sup {
  font-size: 14px; }

sup {
  top: 0; }

sub {
  top: 18px;
  left: 5px; }

img {
  border: 0;
  border-style: none;
  max-width: 100%;
  height: auto;
  font-size: 14px;
  /* for the alt text */
  position: relative;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  -ms-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease; }

img.topreload {
  background-color: #F7F4F6;
  opacity: 1;
  min-height: 300px; }
  @media only screen and (max-width: 680px) {
    img.topreload {
      min-height: 150px; } }

img.topreload.fullwidth {
  min-height: 500px; }
  @media only screen and (max-width: 680px) {
    img.topreload.fullwidth {
      min-height: 250px; } }

iframe {
  max-width: 100%; }

ul, ol, dl {
  position: relative;
  margin: 0;
  padding: 0; }

iframe {
  border: 0px; }

strong, b {
  font-weight: bold; }

hr {
  width: 100%;
  height: 1px;
  margin: 50px auto;
  margin-bottom: 49px;
  text-align: left;
  padding: 0;
  border: 0px;
  display: block;
  clear: both;
  position: relative;
  background: rgba(60, 60, 59, 0.6); }

hr.nomargin {
  margin: 0 auto; }

ul, ol {
  margin: 0 0 25px 18px;
  padding: 0; }

ul {
  list-style: none;
  list-style-position: outside; }

ul > li {
  position: relative; }
  ul > li:before {
    content: "\2022";
    color: #ED721C;
    font-weight: bold;
    font-size: 20px;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    position: relative;
    top: -1px; }

ul > li, ol > li {
  margin-bottom: 0; }

ul > li > ul {
  margin: 0 0 0 25px; }
  ul > li > ul > li {
    font-size: 15px; }
    ul > li > ul > li:before {
      content: "\2013";
      top: 0px;
      font-weight: bold;
      font-size: 16px; }

ol {
  list-style-position: inside;
  margin: 0 0 25px 24px; }

ol > li > ol {
  margin-left: 24px; }

/*--------- TITLES --------------*/
h1, h2, h3, h4, h5 {
  font-family: "Titillium Web", Helvetica, Arial, sans-serif;
  font-weight: bold;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  height: auto;
  color: #3C3C3B;
  clear: both; }
  h1 strong, h1 bold, h1 b, h2 strong, h2 bold, h2 b, h3 strong, h3 bold, h3 b, h4 strong, h4 bold, h4 b, h5 strong, h5 bold, h5 b {
    color: inherit; }

h1 {
  font-size: 42px;
  line-height: 55px;
  text-align: center;
  margin-bottom: 5px; }
  @media only screen and (max-width: 949px) and (min-width: 681px) {
    h1 {
      font-size: 35.7px;
      font-size: 49.5px; } }
  @media only screen and (max-width: 680px) {
    h1 {
      font-size: 29.4px;
      line-height: 38.5px; } }

h2 {
  font-size: 30px;
  line-height: 36px;
  padding-top: 25px;
  margin-bottom: 25px; }
  @media only screen and (max-width: 949px) {
    h2 {
      font-size: 25px;
      line-height: 30px; } }

h3 {
  font-size: 25px;
  line-height: 30px;
  color: #007272;
  margin-bottom: 18px; }
  @media only screen and (max-width: 680px) {
    h3 {
      font-size: 21.25px;
      line-height: 25.5px; } }

h4 {
  font-size: 22px;
  line-height: 26px;
  color: #3C3C3B;
  margin-bottom: 12.5px;
  text-transform: uppercase;
  letter-spacing: 2px; }
  h4.border {
    display: inline-block;
    margin: 0 auto 38px;
    padding-bottom: 13px;
    border-bottom: 1px solid rgba(60, 60, 59, 0.6); }

/*--------- IMAGES IN CONTENT --------------*/
img.alignright, img.alignleft {
  max-width: 100%;
  height: auto;
  margin-top: 5px; }
  @media only screen and (max-width: 680px) {
    img.alignright, img.alignleft {
      float: none;
      margin: 0 auto 25px;
      display: block; } }

.alignnone {
  margin-top: 5px; }
  @media only screen and (max-width: 680px) {
    .alignnone {
      margin: 0 auto 25px;
      display: block; } }

.alignleft {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px; }

.alignright {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px; }

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px; }

img.size-full, img.size-medium, img.size-large {
  max-width: 100%;
  width: auto;
  height: auto; }

.wp-caption {
  max-width: 100%;
  margin-bottom: 25px; }
  .wp-caption .wp-caption-text {
    background-color: #3C3C3B;
    color: #FFFFFF;
    padding: 0 24px;
    font-size: 15px; }
  .wp-caption img {
    display: block; }

/*--------- VARIOUS COLUMNS --------------*/
.dyn-columns-2 {
  margin-bottom: 25px;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 48px;
  -moz-column-gap: 48px;
  column-gap: 48px; }
  @media only screen and (max-width: 680px) {
    .dyn-columns-2 {
      -webkit-column-count: 1;
      -moz-column-count: 1;
      column-count: 1;
      -webkit-column-gap: 48px;
      -moz-column-gap: 48px;
      column-gap: 48px; } }

.narrow-column {
  /* 8 COLUMN, CENTERED, INSIDE A 12 COLUMN */ }
  @media only screen and (min-width: 950px) {
    .narrow-column {
      margin: 0 auto;
      float: none; } }

.narrow-column:before, .narrow-column:after {
  content: "";
  display: table; }

.narrow-column:after {
  clear: both; }

.narrow-column {
  zoom: 1; }

/*--------- BUTTONS --------------*/
.button, button, .wp-block-button a, .wp-block-button a.wp-block-button__link {
  text-decoration: none;
  display: inline-block;
  background-color: #007272;
  height: 45px;
  text-align: center;
  padding: 0 24px;
  color: #FFFFFF;
  line-height: 45px;
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
  border: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: rotate3d(0, 0, 0, 0);
  -moz-transform: rotate3d(0, 0, 0, 0);
  -ms-transform: rotate3d(0, 0, 0, 0);
  -o-transform: rotate3d(0, 0, 0, 0);
  transform: rotate3d(0, 0, 0, 0);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none; }
  @media only screen and (min-width: 950px) {
    .button, button, .wp-block-button a, .wp-block-button a.wp-block-button__link {
      font-size: 1.5vw; } }
  @media only screen and (max-width: 949px) and (min-width: 681px) {
    .button, button, .wp-block-button a, .wp-block-button a.wp-block-button__link {
      font-size: 1.5vw; } }
  @media only screen and (min-width: 1300px) {
    .button, button, .wp-block-button a, .wp-block-button a.wp-block-button__link {
      font-size: 16px; } }
  @media only screen and (max-width: 680px) {
    .button, button, .wp-block-button a, .wp-block-button a.wp-block-button__link {
      height: auto;
      line-height: 25px;
      padding: 8px 24px;
      width: 100%; } }
  .button:hover, button:hover, .wp-block-button a:hover {
    text-decoration: none;
    background-color: #3b8e8b;
    color: #FFFFFF; }
  @media only screen and (min-width: 681px) {
    .button.right, button.right, .wp-block-button a.right {
      float: right;
      margin-left: 24px; } }
  @media only screen and (max-width: 680px) {
    .button.right, button.right, .wp-block-button a.right {
      margin-top: 25px; } }
  .button.highlighted, button.highlighted, .wp-block-button a.highlighted {
    background-color: #ED721C; }
    .button.highlighted:hover, button.highlighted:hover, .wp-block-button a.highlighted:hover {
      background-color: #f18f4b; }
  body.scrollMagicEnabled .button.showmore, body.scrollMagicEnabled button.showmore, body.scrollMagicEnabled .wp-block-button a.showmore, .wp-block-button body.scrollMagicEnabled a.showmore {
    opacity: 0; }
  .button.cookie, button.cookie, .wp-block-button a.cookie {
    height: 30px;
    line-height: 30px;
    min-width: 100px;
    padding: 0 24px; }
  .button.hollow, button.hollow, .wp-block-button a.hollow {
    background-color: transparent;
    border: 2px solid #ED721C;
    color: #ED721C; }
    .button.hollow:hover, button.hollow:hover, .wp-block-button a.hollow:hover {
      border-color: #f18f4b;
      color: #f18f4b; }
  @media only screen and (min-width: 681px) {
    .button.square, button.square, .wp-block-button a.square {
      padding: 0;
      height: auto;
      width: 100%;
      min-width: 30px;
      overflow: hidden;
      display: block;
      margin: 0 auto;
      font-size: 16px;
      line-height: 22px; } }
  @media only screen and (min-width: 681px) and (max-width: 949px) and (min-width: 681px) {
    .button.square, button.square, .wp-block-button a.square {
      font-size: 15px;
      line-height: 20px;
      min-width: 80px;
      max-width: 90px; } }
  @media only screen and (min-width: 681px) {
      .button.square span, button.square span, .wp-block-button a.square span {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .button.square:before, button.square:before, .wp-block-button a.square:before {
        content: '';
        display: block;
        padding-top: 100%; } }
  @media only screen and (max-width: 680px) {
    .button.square, button.square, .wp-block-button a.square {
      width: 100%;
      margin-bottom: 25px; } }
  .button.withpreload, button.withpreload, .wp-block-button a.withpreload {
    overflow: hidden; }
    .button.withpreload .spinner, button.withpreload .spinner, .wp-block-button a.withpreload .spinner {
      position: absolute;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      display: block;
      font-size: 0;
      color: #fff;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      /*
	 * Animation
	 */
      display: none;
      left: auto !important;
      right: 0;
      opacity: 0.7; }
      .button.withpreload .spinner > div, button.withpreload .spinner > div, .wp-block-button a.withpreload .spinner > div {
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor; }
      .button.withpreload .spinner, button.withpreload .spinner, .wp-block-button a.withpreload .spinner {
        width: 40px;
        height: 40px; }
      .button.withpreload .spinner > div, button.withpreload .spinner > div, .wp-block-button a.withpreload .spinner > div {
        position: absolute;
        top: 0;
        left: 0;
        width: 40px;
        height: 40px;
        border-radius: 100%;
        opacity: 0;
        -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
        -moz-animation: ball-scale-multiple 1s 0s linear infinite;
        -o-animation: ball-scale-multiple 1s 0s linear infinite;
        animation: ball-scale-multiple 1s 0s linear infinite; }
      .button.withpreload .spinner > div:nth-child(2), button.withpreload .spinner > div:nth-child(2), .wp-block-button a.withpreload .spinner > div:nth-child(2) {
        -webkit-animation-delay: .2s;
        -moz-animation-delay: .2s;
        -o-animation-delay: .2s;
        animation-delay: .2s; }
      .button.withpreload .spinner > div:nth-child(3), button.withpreload .spinner > div:nth-child(3), .wp-block-button a.withpreload .spinner > div:nth-child(3) {
        -webkit-animation-delay: .4s;
        -moz-animation-delay: .4s;
        -o-animation-delay: .4s;
        animation-delay: .4s; }

@-webkit-keyframes ball-scale-multiple {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); }
  5% {
    opacity: .75; }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes ball-scale-multiple {
  0% {
    opacity: 0;
    -moz-transform: scale(0);
    transform: scale(0); }
  5% {
    opacity: .75; }
  100% {
    opacity: 0;
    -moz-transform: scale(1);
    transform: scale(1); } }

@-o-keyframes ball-scale-multiple {
  0% {
    opacity: 0;
    -o-transform: scale(0);
    transform: scale(0); }
  5% {
    opacity: .75; }
  100% {
    opacity: 0;
    -o-transform: scale(1);
    transform: scale(1); } }

@keyframes ball-scale-multiple {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  5% {
    opacity: .75; }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
      .button.withpreload .spinner > div, button.withpreload .spinner > div, .wp-block-button a.withpreload .spinner > div {
        background-color: #FFFFFF; }
  .button.loading .spinner, button.loading .spinner, .wp-block-button a.loading .spinner {
    display: block; }
  .button.icon, button.icon, .wp-block-button a.icon {
    width: 45px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 0;
    min-width: 20px; }
  .button.close, button.close, .wp-block-button a.close {
    background: transparent;
    /* ICON */ }
    .button.close:after, .button.close:before, button.close:after, .wp-block-button a.close:after, button.close:before, .wp-block-button a.close:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 3px;
      height: 60%;
      background: white;
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -moz-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
      -o-transform: translate(-50%, -50%) rotate(45deg);
      transform: translate(-50%, -50%) rotate(45deg); }
    .button.close:before, button.close:before, .wp-block-button a.close:before {
      -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -moz-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
      -o-transform: translate(-50%, -50%) rotate(-45deg);
      transform: translate(-50%, -50%) rotate(-45deg); }
    .button.close:hover, button.close:hover, .wp-block-button a.close:hover {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2); }

a.lightbox {
  position: relative;
  display: inline-block; }
  a.lightbox:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("images/icon-search-dark.svg");
    background-color: rgba(255, 255, 255, 0.3);
    background-repeat: no-repeat;
    background-size: auto 50px;
    background-position: center center;
    color: #FFFFFF;
    opacity: 0;
    z-index: 5;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease; }
  a.lightbox:hover:after {
    opacity: 0.6; }

a.login-button {
  text-decoration: none;
  display: block;
  max-width: 220px;
  min-width: 185px;
  border: 1px solid #C3C3C3;
  height: 37.5px;
  line-height: 38.75px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: right;
  font-size: 15px;
  padding: 0 5px;
  position: relative;
  left: -30px;
  top: 5px;
  background-color: rgba(255, 255, 255, 0);
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  @media only screen and (max-width: 949px) and (min-width: 681px) {
    a.login-button {
      position: absolute;
      left: -50px;
      top: 5px;
      width: 200px; } }
  @media only screen and (max-width: 680px) {
    a.login-button {
      left: 0;
      width: 200px; } }
  a.login-button span {
    font-weight: normal;
    opacity: 0.7;
    position: absolute;
    left: 5px;
    text-align: left;
    font-size: 13.5px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease; }
  a.login-button:hover {
    background-color: rgba(255, 255, 255, 0.15); }
    a.login-button:hover span {
      opacity: 1; }

/*--------- WP BLOCKS --------------*/
.wp-block-columns {
  flex-wrap: nowrap !important; }
  @media only screen and (max-width: 680px) {
    .wp-block-columns {
      flex-wrap: wrap;
      flex-direction: column;
      margin-left: 0 !important; } }
  .wp-block-columns .wp-block-column {
    margin-bottom: 0; }
  @media only screen and (max-width: 949px) and (min-width: 681px) {
    .wp-block-columns.has-3-columns .wp-block-column {
      flex-basis: 100%;
      margin-left: 0 !important; } }
  @media only screen and (max-width: 680px) {
    .wp-block-columns.has-3-columns .wp-block-column {
      margin-right: 0 !important;
      margin-left: 0 !important; } }

.wp-block-embed {
  margin: 0; }

.wp-block-quote, blockquote {
  font-size: 18px;
  line-height: 25px;
  font-style: normal;
  position: relative;
  color: #3C3C3B;
  padding: 13px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .wp-block-quote cite, blockquote cite {
    font-size: 16px;
    font-weight: normal;
    font-style: italic;
    text-align: right;
    width: 100%;
    display: inline-block;
    margin-top: 10px; }
    .wp-block-quote cite:before, blockquote cite:before {
      content: '\2014';
      margin-right: 5px; }
  .wp-block-quote p:before, .wp-block-quote p:after, blockquote p:before, blockquote p:after {
    color: #007272;
    font-weight: bold;
    font-size: 36px; }
  .wp-block-quote p:before, blockquote p:before {
    content: '\201C';
    display: inline-block;
    margin: 0 6px 0 0;
    position: relative;
    top: 2px; }
  .wp-block-quote p:after, blockquote p:after {
    content: '\201D';
    position: relative;
    top: 5px;
    display: inline-block;
    margin: -8px 0 0 3px; }

blockquote {
  padding: 0; }
  blockquote p:before, blockquote p:after {
    content: none; }

/*--------- WP GENERIC CLASSES --------------*/
.sticky {
  position: relative; }

.screen-reader-text {
  position: relative; }

.gallery-caption {
  position: relative; }

.bypostauthor {
  position: relative; }

/*--------- GENERIC MARGIN & PADDING CONTROL --------------*/
.nopadding-top {
  padding-top: 0; }

.nopadding-bottom {
  padding-bottom: 0; }

.nopadding {
  padding-top: 0;
  padding-bottom: 0; }

.smallerpadding-top {
  padding-top: 50px; }
  @media only screen and (max-width: 680px) {
    .smallerpadding-top {
      padding-top: 25px; } }

.smallerpadding-bottom {
  padding-bottom: 50px; }
  @media only screen and (max-width: 680px) {
    .smallerpadding-bottom {
      padding-bottom: 25px; } }

.smallerpadding {
  padding-top: 50px;
  padding-bottom: 50px; }
  @media only screen and (max-width: 680px) {
    .smallerpadding {
      padding-top: 25px;
      padding-bottom: 25px; } }

.biggerpadding-top {
  padding-top: 125px; }
  @media only screen and (max-width: 680px) {
    .biggerpadding-top {
      padding-top: 75px; } }

.biggerpadding-bottom {
  padding-bottom: 125px; }
  @media only screen and (max-width: 680px) {
    .biggerpadding-bottom {
      padding-bottom: 75px; } }

.biggerpadding {
  padding-top: 125px;
  padding-bottom: 125px; }
  @media only screen and (max-width: 680px) {
    .biggerpadding {
      padding-top: 75px;
      padding-bottom: 75px; } }

@media only screen and (max-width: 680px) {
  .palm--nopadding-top {
    padding-top: 0; }
  .palm--nopadding-bottom {
    padding-bottom: 0; }
  .palm--nopadding {
    padding-top: 0;
    padding-bottom: 0; } }

.nomargin-top {
  margin-top: 0; }

.nomargin-bottom {
  margin-bottom: 0; }

.nomargin {
  margin-top: 0;
  margin-bottom: 0; }

.margin-top {
  margin-top: 50px;
  top: 0; }

.margin-bottom {
  margin-bottom: 50px !important; }

/*--------- VARIOUS CLASSES --------------*/
video {
  max-width: 100%;
  margin-bottom: 25px; }

.relative-container {
  position: relative; }

.hidden {
  display: none; }

@media only screen and (max-width: 680px) {
  .palm--hidden {
    display: none !important; } }

@media only screen and (max-width: 949px) and (min-width: 681px) {
  .lap--hidden {
    display: none !important; } }

@media only screen and (min-width: 950px) {
  .desk--hidden {
    display: none !important; } }

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

.text-right {
  text-align: right; }

.text-inv {
  color: #FFFFFF; }

.text-highlight {
  color: #ED721C; }

.text-copybigger, .text-large, p.has-large-font-size {
  font-size: 18px;
  line-height: 25px; }
  @media only screen and (max-width: 680px) {
    .text-copybigger, .text-large, p.has-large-font-size {
      font-size: 18px;
      line-height: 25px; } }

.text-copysmaller, .text-small, p.has-small-font-size {
  font-size: 15px;
  line-height: 20px; }

.printonly {
  display: none; }

.smcx-embed {
  max-width: none !important; }
  .smcx-embed .smcx-iframe-container {
    max-width: none !important; }

* {
  overflow: visible;
  position: relative;
  top: 0 !important;
  opacity: 1 !important;
  left: 0 !important;
  right: 0 !important; }

@page {
  size: auto; }

div.grid__item, p, img, .wp-block-image {
  page-break-inside: avoid;
  break-inside: avoid; }

/* REMOVE THESE ELEMENTS COMPLETELY */
.noprint, script, style, .upperband, .wp-block-ninja-forms-form, .floating-menubutton, .floating-topbutton, .topheader, .menuscreen-wrapper, .tw-lightbox, .swipe, .sociallinks-box, .pswp, .CL-messagebox, .footer, .addtoany-wrapper {
  display: none; }

button, .wp-block-button a, .wp-block-button a.wp-block-button__link, a.button {
  background-color: transparent;
  color: #007272;
  text-decoration: underline; }

.printonly {
  display: block; }

section {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.scrollable-content {
  padding: 30px; }

h1, h2, h3, h4, h5, h6 {
  text-align: left; }

h1 {
  margin-bottom: 25px; }

.printheader {
  height: 100px; }
  .printheader img {
    display: block;
    max-height: 100%;
    max-width: 100%;
    float: right; }

.intro, .introtext {
  max-width: 700px; }
  .intro p, .introtext p {
    font-size: 22px;
    line-height: 26px; }
  .intro cite, .introtext cite {
    font-size: 16px;
    line-height: 22px;
    font-style: italic; }

.wp-block-image, .image-wrapper {
  display: block;
  float: left;
  max-width: 500px; }
  .wp-block-image figure, .image-wrapper figure {
    padding: 0;
    margin: 0; }
  .wp-block-image img, .image-wrapper img {
    display: block;
    margin-right: 24px;
    margin-bottom: 25px; }

.middlesection {
  opacity: 1 !important;
  left: 0 !important;
  top: 0 !important;
  margin: 0 !important;
  padding: 0; }
  .middlesection .middlesection-content {
    background-color: #F7F4F6;
    position: relative;
    opacity: 1 !important;
    left: 0 !important;
    top: 0 !important;
    padding: 25px 24px; }
    .middlesection .middlesection-content .image-wrapper {
      opacity: 1 !important;
      left: 0 !important; }

.childpageblock .childnumber {
  font-size: 25px;
  font-weight: bold; }