@charset "UTF-8";
.cf,
.clear,
.clearfix, .wrap, .wp-paginate, .nav-dropdown__sub-menu--1, .site-nav__wrapper {
  zoom: 1;
}
.cf:before,
.clear:before,
.clearfix:before, .wrap:before, .wp-paginate:before, .nav-dropdown__sub-menu--1:before, .site-nav__wrapper:before, .cf:after,
.clear:after,
.clearfix:after, .wrap:after, .wp-paginate:after, .nav-dropdown__sub-menu--1:after, .site-nav__wrapper:after {
  content: " ";
  display: table;
}
.cf:after,
.clear:after,
.clearfix:after, .wrap:after, .wp-paginate:after, .nav-dropdown__sub-menu--1:after, .site-nav__wrapper:after {
  clear: both;
}

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
picture {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 0.063em dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */ /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

html,
body {
  height: 100%;
}

body {
  overflow-x: hidden;
}

html {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  background-color: #fff;
}

body,
pre,
select,
input,
textarea,
button {
  color: #111;
  font-family: Lato, Arial, -apple-system, BlinkMacSystemFont, "avenir next", avenir, helvetica, "helvetica neue", ubuntu, roboto, noto, "segoe ui", "Arial Unicode MS", "DejaVu Sans", "Lucida Sans Unicode", "Segoe UI Symbol", "FreeSans", "Meiryo UI", "MS UI Gothic", "Everson Mono Unicode", Meiryo, "MS Gothic", "MS Mincho", "MS PGothic", "MS PMincho", "Meslo LG L", "Meslo LG L DZ", "Meslo M L", "Meslo M L DZ", "Meslo S L", "Meslo S L DZ", "Symbola", "DejaVu Sans Condensed", "DejaVu Sans Mono", Code2000, "Everson Mono", Quivira, sans-serif;
  text-rendering: optimizeLegibility;
  font-feature-settings: "ss01";
  font-feature-settings: "ss01" on;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.display-l, .display-xl, .display-xxl {
  font-family: -apple-system, BlinkMacSystemFont, "avenir next", avenir, helvetica, "helvetica neue", ubuntu, roboto, noto, "segoe ui", "Arial Unicode MS", "DejaVu Sans", "Lucida Sans Unicode", "Segoe UI Symbol", "FreeSans", "Meiryo UI", "MS UI Gothic", "Everson Mono Unicode", Meiryo, "MS Gothic", "MS Mincho", "MS PGothic", "MS PMincho", "Meslo LG L", "Meslo LG L DZ", "Meslo M L", "Meslo M L DZ", "Meslo S L", "Meslo S L DZ", "Symbola", "DejaVu Sans Condensed", "DejaVu Sans Mono", Code2000, "Everson Mono", Quivira, sans-serif;
  font-weight: bold;
  transition: font-size 0.2s linear;
  color: #111;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a,
.display-l a, .display-xl a, .display-xxl a {
  text-decoration: none;
  color: #111;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
.h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6 a:hover,
.display-l a:hover, .display-xl a:hover, .display-xxl a:hover {
  color: rgb(26.0553359684, 149.8181818182, 179.9446640316);
}

h1, .h1 {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1;
  letter-spacing: -0.02em;
  margin: 1.125em 0 0.75em 0;
}
@media (min-width: 701px) {
  h1, .h1 {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.1666666667;
    letter-spacing: -0.0277777778em;
  }
}
@media (min-width: 941px) {
  h1, .h1 {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.1666666667;
    letter-spacing: -0.0277777778em;
  }
}

h2, .h2 {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 1.1428571429;
  letter-spacing: -0.0142857143em;
  margin: 1.125em 0 0.75em 0;
}
@media (min-width: 701px) {
  h2, .h2 {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.0714285714;
    letter-spacing: -0.0214285714em;
  }
}
@media (min-width: 941px) {
  h2, .h2 {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.0714285714;
    letter-spacing: -0.0214285714em;
  }
}

h3, .h3 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  letter-spacing: 0em;
  margin: 1.125em 0 0.75em 0;
}
@media (min-width: 701px) {
  h3, .h3 {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 1.1428571429;
    letter-spacing: -0.0142857143em;
  }
}
@media (min-width: 941px) {
  h3, .h3 {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 1.1428571429;
    letter-spacing: -0.0142857143em;
  }
}

h4, .h4 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0em;
  margin: 1.125em 0 0.75em 0;
}
@media (min-width: 701px) {
  h4, .h4 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3333333333;
    letter-spacing: 0em;
  }
}
@media (min-width: 941px) {
  h4, .h4 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3333333333;
    letter-spacing: 0em;
  }
}

h5, .h5 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0em;
  margin: 1.125em 0 0.75em 0;
}
@media (min-width: 701px) {
  h5, .h5 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3333333333;
    letter-spacing: 0em;
  }
}
@media (min-width: 941px) {
  h5, .h5 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3333333333;
    letter-spacing: 0em;
  }
}

h6, .h6 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0em;
  margin: 1.125em 0 0.75em 0;
}
@media (min-width: 701px) {
  h6, .h6 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3333333333;
    letter-spacing: 0em;
  }
}
@media (min-width: 941px) {
  h6, .h6 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3333333333;
    letter-spacing: 0em;
  }
}

.display-xs {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0em;
  margin: 1.125em 0 0.75em 0;
}
@media (min-width: 701px) {
  .display-xs {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3333333333;
    letter-spacing: 0em;
  }
}
@media (min-width: 941px) {
  .display-xs {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3333333333;
    letter-spacing: 0em;
  }
}

.display-s {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  letter-spacing: 0em;
  margin: 1.125em 0 0.75em 0;
}
@media (min-width: 701px) {
  .display-s {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 1.1428571429;
    letter-spacing: 0em;
  }
}
@media (min-width: 941px) {
  .display-s {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 1.1428571429;
    letter-spacing: 0em;
  }
}

.display-m {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 1.1428571429;
  letter-spacing: -0.0142857143em;
  margin: 1.125em 0 0.75em 0;
}
@media (min-width: 701px) {
  .display-m {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.0714285714;
    letter-spacing: -0.0214285714em;
  }
}
@media (min-width: 941px) {
  .display-m {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.0714285714;
    letter-spacing: -0.0214285714em;
  }
}

.display-l {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: -0.025em;
  margin: 1.125em 0 0.75em 0;
}
@media (min-width: 701px) {
  .display-l {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1;
    letter-spacing: -0.0277777778em;
  }
}
@media (min-width: 941px) {
  .display-l {
    font-size: 48px;
    font-size: 3rem;
    line-height: 1;
    letter-spacing: -0.0208333333em;
  }
}

.display-xl {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1;
  letter-spacing: -0.02em;
  margin: 1.125em 0 0.75em 0;
}
@media (min-width: 701px) {
  .display-xl {
    font-size: 48px;
    font-size: 3rem;
    line-height: 1;
    letter-spacing: -0.0208333333em;
  }
}
@media (min-width: 941px) {
  .display-xl {
    font-size: 60px;
    font-size: 3.75rem;
    line-height: 1;
    letter-spacing: -0.0166666667em;
  }
}

.display-xxl {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 1;
  letter-spacing: -0.0166666667em;
  margin: 1.125em 0 0.75em 0;
}
@media (min-width: 701px) {
  .display-xxl {
    font-size: 60px;
    font-size: 3.75rem;
    line-height: 0.5;
    letter-spacing: -0.0166666667em;
  }
}
@media (min-width: 941px) {
  .display-xxl {
    font-size: 72px;
    font-size: 4.5rem;
    line-height: 1;
    letter-spacing: -0.0138888889em;
  }
}

p {
  margin: 0 0 1.5em 0;
}

blockquote {
  font-family: "Georgia", Times, serif;
  font-style: italic;
  margin-left: 0;
  padding-left: 24px;
  border-left: 2px solid #ddd;
  margin-bottom: 12px;
}

blockquote p {
  margin-bottom: 0;
}

.quotee {
  text-align: right;
}

hr {
  display: block;
  height: 0;
  margin: 1.5em 0;
  color: transparent;
  border-top: 1px dashed #bbb;
  border-style: dashed;
}

sub,
sup {
  font-size: smaller;
  line-height: 90%;
  vertical-align: sub;
}

sup {
  vertical-align: super;
}

mark,
ins {
  background-color: #fff9dd;
  line-height: 90%;
  padding: 0 0.125em;
}

ins {
  background-color: #f0f0f0;
}

del,
s {
  line-height: 90%;
  text-decoration: line-through;
}

small,
.small {
  font-size: 13px;
}

.leader {
  font-size: 21px;
}

.info {
  color: #767676;
}

.warning {
  color: #f44336;
}

.greyed-out {
  color: #bbb;
}

.charanga-green {
  color: #00aca1;
}

.charanga-green-darker {
  color: #00a398;
}

.charanga-green-darkest {
  color: #00857c;
}

span.amp {
  font-family: Baskerville, "Goudy Old Style", "Caslon", Palatino, "Book Antiqua", serif;
  font-style: italic;
}

.unicode {
  font-family: "Arial Unicode MS", "DejaVu Sans", "Lucida Sans Unicode", "Segoe UI Symbol", "FreeSans", "Meiryo UI", "MS UI Gothic", "Everson Mono Unicode", Meiryo, "MS Gothic", "MS Mincho", "MS PGothic", "MS PMincho", "Meslo LG L", "Meslo LG L DZ", "Meslo M L", "Meslo M L DZ", "Meslo S L", "Meslo S L DZ", "Symbola", "DejaVu Sans Condensed", "DejaVu Sans Mono", Code2000, "Everson Mono", Quivira, sans-serif;
}

.code {
  font-family: Consolas, monaco, "Courier", "Courier New", monospace;
}

.bold {
  font-weight: bold;
}

.regular {
  font-weight: normal;
}

.italic {
  font-style: italic;
}

.underline {
  text-decoration: underline;
}

.small-caps {
  font-variant: small-caps;
}

.lowercase {
  text-transform: lowercase;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.kern-loose {
  letter-spacing: 0.16em;
}

.kern-looser {
  letter-spacing: 0.32em;
}

.kern-tight {
  letter-spacing: -0.05em;
}

.kern-tighter {
  letter-spacing: -0.1em;
}

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

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

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

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

.nowrap {
  white-space: nowrap;
}

.break-word {
  word-wrap: break-word;
}

.truncate {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.measure {
  max-width: 30em;
}

.measure-wide {
  max-width: 34em;
}

.measure-narrow {
  max-width: 20em;
}

.indent {
  text-indent: 1em;
  margin-top: 0;
  margin-bottom: 0;
}

.post-edit-link {
  position: fixed;
  bottom: 0;
  right: 0;
  opacity: 0;
  background: #000;
  color: #fff;
  padding: 20px;
}
.post-edit-link:hover {
  opacity: 1;
}

p:empty {
  display: none;
}

h1 {
  margin-top: 0;
}

sup {
  top: 0;
}

.fs-s {
  font-size: 14px;
}

.new {
  color: #df685b;
  font-size: 30px;
  text-transform: uppercase;
}

.leader {
  color: #000;
  line-height: 1.3em;
  margin-bottom: 18px;
}

.display-s,
.display-m {
  color: #111;
}

.hero .display-xl {
  text-shadow: 1px 1px 3px #999;
}

blockquote {
  position: relative;
  border-left: none;
  padding-left: 45px;
  padding-right: 40px;
}
blockquote p {
  color: #767676;
  font-family: "Georgia", Times, serif;
  margin-bottom: 10px;
}
blockquote p:first-child,
blockquote p:last-child,
blockquote li:first-child,
blockquote li:last-child {
  position: relative;
}
blockquote p:first-child:before,
blockquote li:first-child:before {
  content: "“";
  font-size: 100px;
  position: absolute;
  left: -48px;
  top: -37px;
  font-style: normal;
  color: #999;
}
blockquote p:last-of-type:after,
blockquote li:last-of-type:after {
  content: "”";
  font-size: 100px;
  vertical-align: sub;
  position: absolute;
  right: -45px;
  bottom: -83px;
  font-style: normal;
  color: #999;
}
blockquote .quotee {
  color: #767676;
  font-style: normal;
  line-height: 18px;
}

.page-about-charanga blockquote p:last-of-type:after {
  right: auto;
}

@media screen {
  [class*=page-vip-studio-sessions] .quote,
  .page-about-charanga .quote {
    display: inline;
  }
  [class*=page-vip-studio-sessions] .quote:before,
  .page-about-charanga .quote:before {
    top: -42px;
  }
  [class*=page-vip-studio-sessions] .quote:after,
  .page-about-charanga .quote:after {
    bottom: -93px;
  }
  [class*=page-vip-studio-sessions] .quotee,
  .page-about-charanga .quotee {
    margin-top: 20px;
  }
}
.site-aside h2 {
  color: #ffffff;
  font-size: 19px;
  font-weight: bold;
  height: 36px;
  line-height: 1.9em;
  margin-bottom: 12px !important;
}
.site-aside h2:before {
  color: #ffffff;
  display: inline-block;
  vertical-align: text-top;
}
.site-aside h2.what-teachers-say:before {
  content: "“";
  font-size: 145px;
  font-weight: normal;
  margin-top: 21px;
}
.site-aside h2.good-to-know:before {
  content: "?";
  font-size: 60px;
  font-weight: bold;
  padding-left: 5px;
  margin-top: -4px;
  margin-right: 5px;
}
.site-aside h2.key-facts:before {
  content: "!";
  font-size: 70px;
  font-weight: bold;
  padding-left: 5px;
  margin-top: -10px;
  margin-right: 5px;
}
.site-aside blockquote {
  margin-top: 0;
  padding-right: 0;
  border-left: 0;
  padding-left: 0;
  margin-right: 2px;
}
.site-aside blockquote p:first-child:before {
  content: "";
}
.site-aside blockquote p:last-of-type:after {
  content: "";
}
.site-aside ul {
  list-style: none;
  padding-left: 0;
}
.site-aside ul li {
  padding-bottom: 10px;
}
.site-aside ul li:last-of-type {
  padding-bottom: 0;
}

@media screen {
  .site-partner .site-aside h2,
  .site-non-partner .site-aside h2 {
    color: #111;
    background-color: transparent !important;
    margin-bottom: 0 !important;
  }
  .site-partner .site-aside h2:before,
  .site-non-partner .site-aside h2:before {
    display: none;
  }
}
.wise-music-group-logo {
  font-size: 12px;
  color: #767676;
}

.no-quote-marks {
  padding-right: 0;
  border-left: 0;
  padding-left: 0;
  margin-right: 2px;
}
.no-quote-marks p:first-child:before {
  content: "";
}
.no-quote-marks p:last-of-type:after {
  content: "";
}

.scheme aside h2 {
  background-color: #df685b;
}

.freestyle aside h2 {
  background-color: #fbc519;
}

.sing aside h2 {
  background-color: #abc946;
}

.instruments aside h2 {
  background-color: #63b552;
}

.send aside h2 {
  background-color: #69c1cc;
}

.yumu aside h2 {
  background-color: #8e79b7;
}

.workspace aside h2 {
  background-color: #ad5ea0;
}

.cpd aside h2 {
  background-color: #00aca1;
}

.does-scheme aside h2 {
  background-color: #00aca1;
}

.instrumental-music aside h2 {
  background-color: #63b552;
}

.band aside h2 {
  background-color: rgb(66.9402985075, 177.2686567164, 191.0597014925);
}

.teacher-survey aside h2 {
  background-color: #00aca1;
}

.practicalities aside h2 {
  background-color: #00aca1;
}

@media screen {
  .freestyle aside h2,
  .sing aside h2,
  .instruments aside h2,
  .send aside h2,
  .cpd aside h2,
  .instrumental-music aside h2,
  .band aside h2 {
    color: #111;
  }
}
.team-member__heading {
  font-size: 20px;
  margin-top: 6px;
  margin-bottom: 13px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a,
.display-l a, .display-xl a, .display-xxl a {
  text-decoration: underline;
}

h1 {
  margin-top: 45px;
}

.site-main > h2:first-child,
.site-main > .row > h2:first-child {
  margin-top: 0;
}

blockquote {
  border-left: solid 2px #ccc;
  padding-left: 45px;
  padding-right: 40px;
}
blockquote p:first-child,
blockquote p:last-child,
blockquote li:first-child,
blockquote li:last-child {
  position: relative;
}
blockquote p:first-child:before,
blockquote li:first-child:before {
  content: "";
}
blockquote p:last-of-type:after,
blockquote li:last-of-type:after {
  content: "";
}

.hero__text,
.tile__description,
.card__title,
.card__excerpt {
  -webkit-hyphens: none;
  hyphens: none;
}

@media (max-width: 500px) {
  p,
  li {
    -webkit-hyphens: none;
    hyphens: none;
  }
}
.button,
.button:visited,
input[type=button],
input[type=submit],
input[type=reset],
button[type=button],
button[type=submit]:not(.site-search__submit),
button[type=reset] {
  -webkit-appearance: none;
  display: inline-block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-right: 0.5em;
  padding: 0.5rem 1rem;
  border: 0 none;
  border-radius: 4px;
  font-weight: 700;
  letter-spacing: 0.5px;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #00aca1;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  color: #fff;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-property: color, background, text-shadow, box-shadow;
  -moz-transition-duration: 0.2s;
  -moz-transition-property: color, background, text-shadow, box-shadow;
  transition-duration: 0.2s;
  transition-property: color, background, text-shadow, box-shadow;
}
.button:hover, .button:active, .button:focus,
.button:visited:hover,
.button:visited:active,
.button:visited:focus,
input[type=button]:hover,
input[type=button]:active,
input[type=button]:focus,
input[type=submit]:hover,
input[type=submit]:active,
input[type=submit]:focus,
input[type=reset]:hover,
input[type=reset]:active,
input[type=reset]:focus,
button[type=button]:hover,
button[type=button]:active,
button[type=button]:focus,
button[type=submit]:not(.site-search__submit):hover,
button[type=submit]:not(.site-search__submit):active,
button[type=submit]:not(.site-search__submit):focus,
button[type=reset]:hover,
button[type=reset]:active,
button[type=reset]:focus {
  background-color: #777;
  color: #fff;
  text-decoration: none;
}

.button,
.button:visited,
.button-l,
input[type=button],
input[type=submit],
input[type=reset],
button[type=button],
button[type=submit]:not(.site-search__submit),
button[type=reset] {
  margin-top: 0;
  margin-right: 0.5em;
  padding: 0.5rem 1.7rem;
  background-color: #c7d42c;
  color: #fff;
  color: #222;
  border: 1px solid #bbb;
  box-shadow: none;
  font-size: 18px;
  border-radius: 4px;
  text-decoration: none;
}
.button:hover, .button:active, .button:focus,
.button:visited:hover,
.button:visited:active,
.button:visited:focus,
.button-l:hover,
.button-l:active,
.button-l:focus,
input[type=button]:hover,
input[type=button]:active,
input[type=button]:focus,
input[type=submit]:hover,
input[type=submit]:active,
input[type=submit]:focus,
input[type=reset]:hover,
input[type=reset]:active,
input[type=reset]:focus,
button[type=button]:hover,
button[type=button]:active,
button[type=button]:focus,
button[type=submit]:not(.site-search__submit):hover,
button[type=submit]:not(.site-search__submit):active,
button[type=submit]:not(.site-search__submit):focus,
button[type=reset]:hover,
button[type=reset]:active,
button[type=reset]:focus {
  text-decoration: none;
  background-color: #45b26f;
  color: #222;
}

.site-search__submit {
  background-color: #dfe9eb;
  border: 1px solid #767676;
  border-radius: 0 3px 3px 0;
}

.post-password-form input[type=submit] {
  display: block;
  margin-top: 12px;
}

a {
  cursor: pointer;
  color: rgb(201.7702702703, 35.2297297297, 58.7162162162);
  text-decoration: underline;
  transition: color 0.15s ease-in;
  /* start: These are technically the same, but use both */
  /* end: These are technically the same, but use both */
}

a:hover,
a:focus,
a:active {
  color: rgb(26.0553359684, 149.8181818182, 179.9446640316);
  text-decoration: underline;
}

.skip-link:focus {
  top: 2px;
  left: 2px;
  padding: 2px 4px;
  text-decoration: none;
}

#content {
  outline: none;
}

.focus--mouse,
a.focus--mouse:focus,
button.focus--mouse:focus,
input.focus--mouse:focus,
select.focus--mouse:focus,
textarea.focus--mouse:focus {
  outline: 0 none;
}

/*
  Block links
  I.e. where we want a block of markup wrapped in a link, but don’t want it styled like a link. 
  For example a teaser for a a news article.
*/
.block-link,
.block-link:hover {
  display: block;
  text-decoration: none;
  color: #111;
}
.block-link img, .block-link p, .block-link li, .block-link div, .block-link h1, .block-link h2, .block-link h3, .block-link h4, .block-link h5, .block-link h6,
.block-link:hover img,
.block-link:hover p,
.block-link:hover li,
.block-link:hover div,
.block-link:hover h1,
.block-link:hover h2,
.block-link:hover h3,
.block-link:hover h4,
.block-link:hover h5,
.block-link:hover h6 {
  text-decoration: none;
}
.block-link h1, .block-link h2, .block-link h3, .block-link h4, .block-link h5, .block-link h6,
.block-link:hover h1,
.block-link:hover h2,
.block-link:hover h3,
.block-link:hover h4,
.block-link:hover h5,
.block-link:hover h6 {
  color: #111;
}

.block-link:hover .block-link__highlight {
  color: rgb(26.0553359684, 149.8181818182, 179.9446640316);
  text-decoration: underline;
}

.read-more {
  width: 80px;
  outline-offset: -1px;
}

.button--active {
  background-color: #45b26f !important;
}

.link-toggle:not(.button--active) {
  background-color: #fff;
}

@media (min-width: 941px) {
  .social-media-icons {
    position: absolute;
    right: 240px;
    top: 46px;
  }
}
@media (max-width: 940px) {
  .social-media-icons {
    position: relative;
    display: flex;
    justify-content: space-around;
    width: 100%;
    background-color: #fff;
    padding: 6px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
  }
}

.social-media-icon {
  cursor: pointer;
}
@media (min-width: 941px) {
  .social-media-icon {
    width: 38px;
    height: 38px;
  }
}
@media (max-width: 940px) {
  .social-media-icon {
    width: 50px;
    height: 50px;
  }
}

.social-media-icon img {
  padding: 2px;
}

.social-media-icon:hover,
.social-media-icon:focus {
  padding: 0;
  background: #aaa;
  border-radius: 50%;
}

[href*="//"]:not([href*="dorsetmusiconline.co.uk"],
.no-external-link-icon,
:has(img:only-child),
:has(svg:only-child),
.nav-dropdown__link,
.social-media-icon,
.nav-icon,
.login-trigger,
.card,
.button,
.btn,
.nav-icon) {
  background-image: url(/wp-content/themes/charanga_base/images/icon-inline-external-link.svg);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 18px;
  margin-right: 1px;
  background-size: 13px;
}

[target=_blank]:not(.no-external-link-icon,
:has(img:only-child),
:has(svg:only-child),
.nav-dropdown__link,
.social-media-icon,
.nav-icon,
.login-trigger,
.card,
.button,
.btn,
.nav-icon) {
  background-image: url(/wp-content/themes/charanga_base/images/icon-inline-external-link.svg);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 18px;
  margin-right: 1px;
  background-size: 13px;
}

.tile__link {
  background-image: none !important;
  padding-right: 0 !important;
  margin-right: 0 !important;
}

.button[target=_blank] {
  background-image: none !important;
}

@media (min-width: 941px) {
  .nav-dropdown li:not(:has(a[href*="dorsetmusiconline.co.uk"])) {
    display: inline-block !important;
  }
}
#ctf .ctf-tweet-actions a,
#ctf .ctf-author-box-link a {
  background-image: none;
  margin-left: 0;
}

#ctf .ctf-author-box-link a {
  padding-right: 0;
}

ul,
ol {
  margin-top: 0;
  padding-left: 20px;
}

nav ul,
nav ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

nav li {
  position: relative;
}

nav a {
  text-decoration: none;
  display: block;
}

.list--unstyled {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

form {
  border: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

label {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

legend {
  border: 0;
  white-space: normal;
}

textarea {
  min-height: 5em;
  vertical-align: top;
  resize: vertical;
}

input,
button,
select,
label,
.btn {
  vertical-align: middle;
  font-family: inherit;
  font-size: inherit;
}

.input-reset {
  -webkit-appearance: none;
  -moz-appearance: none;
}

:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}

:focus::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}

:focus:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}

:focus:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

/* FORM FIELD PLACEHOLDER - (Global rules)
============================================= */
textarea,
input[type=text],
input[type=number],
input[type=email],
input[type=tel],
input[type=password],
input[type=url],
input[type=search] {
  display: block;
  max-width: 100%;
  border: 1px solid #767676;
  border-radius: 4px;
  padding: 6px 12px;
  box-sizing: border-box;
  background-color: #fbfbfb;
  font-family: inherit;
  font-size: inherit;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
textarea::-ms-expand,
input[type=text]::-ms-expand,
input[type=number]::-ms-expand,
input[type=email]::-ms-expand,
input[type=tel]::-ms-expand,
input[type=password]::-ms-expand,
input[type=url]::-ms-expand,
input[type=search]::-ms-expand {
  display: none;
}
textarea:focus,
input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=password]:focus,
input[type=url]:focus,
input[type=search]:focus {
  background-color: #fff;
}

/* GLOBAL FORM STYLES
============================================= */
textarea {
  width: 100%;
}

input::-moz-placeholder {
  color: #999;
  opacity: 1;
}

input:-ms-input-placeholder {
  color: #999;
}

input::-webkit-input-placeholder {
  color: #999;
}

.form__legend {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  color: #111;
  display: block;
  margin: 0 0 0.625em 0;
}

.form__label {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  color: #111;
  display: block;
  margin: 0 0 0.3125em 0;
}
.form__label .form__field[type=radio], .form__label .form__field[type=checkbox] {
  margin-right: 0.3125em;
}

.form__field[type=number] {
  -moz-appearance: textfield;
}
.form__field[type=number]::-webkit-inner-spin-button, .form__field[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.form__field[type=search] {
  box-sizing: border-box;
}
.form__field[type=search]:focus + [role=tooltip] {
  display: block;
  position: absolute;
  top: 100%;
}
.form__field:focus:invalid {
  outline: none;
}

.field__wrap {
  position: relative;
}
.field__wrap.field--select:after {
  top: 50%;
  right: 0.9375em;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-top-color: #000;
  border-width: 5px;
  margin-right: -0.3125em;
}

.field--mandatory[title] {
  border: none;
}

.not-found {
  margin-bottom: 40px;
}

.search-field {
  margin-top: -2px;
  margin-bottom: 7px;
  margin-right: 6px;
}

input[type=search] {
  padding: 7px 12px;
  line-height: 1.6em;
}

table {
  width: 99% !important;
  max-width: 100%;
  table-layout: auto;
  border-collapse: collapse;
  vertical-align: top;
  text-align: left;
  cursor: default;
  margin-left: 1px; /* else left border is cut off */
}

th {
  text-align: left;
  color: #111;
}

th, td {
  vertical-align: top;
}

caption {
  font-style: italic;
}

.table--auto {
  table-layout: auto;
}

.table--bordered {
  border: 1px solid #767676;
}

.table--all-bordered td,
.table--all-bordered th {
  padding: 0.3em 0.8em;
  border: 1px solid #767676;
}

.table--cell-bordered td, .table--cell-bordered th {
  padding: 0.3em 0.8em;
}
.table--cell-bordered td {
  border: 1px solid #767676;
}

.table--striped th, .table--striped td {
  padding: 6px 6px 12px 6px;
}
.table--striped tr:nth-child(even) td {
  background: #f7f7f7;
}

.table--border-top th, .table--border-top td {
  padding: 6px 6px 12px 6px;
}
.table--border-top td {
  border-top: 1px solid #767676;
}

.ensemble-details tr {
  border-bottom: 1px solid #eee;
}
.ensemble-details td,
.ensemble-details th {
  padding-top: 6px;
  padding-bottom: 20px;
}
@media (min-width: 501px) {
  .ensemble-details table {
    width: auto;
  }
  .ensemble-details td:first-child {
    padding-right: 50px;
  }
}
@media (max-width: 500px) {
  .ensemble-details td:first-child {
    width: 40%;
    padding-right: 10px;
  }
}

.table--locality-networks {
  max-width: 500px;
}
.table--locality-networks th {
  background-color: #616d70;
  color: #fff;
}

img {
  -ms-interpolation-mode: bicubic;
}

img,
svg,
object,
embed,
video {
  max-width: 100%;
  height: auto;
}

iframe {
  max-width: 100%;
}

svg {
  cursor: default;
}

audio,
canvas,
img,
svg,
video,
picture {
  vertical-align: middle;
}

.alignleft {
  display: block;
  float: left;
  margin: 0 1.25em 1.25em 0;
}

.alignright {
  display: block;
  float: right;
  margin: 0 0 1.25em 1.25em;
}

.aligncenter {
  margin-left: auto;
  margin-right: auto;
}

figure,
.wp-caption {
  max-width: 100%;
}

figure {
  margin: 0 0 1.25em 0;
}
figure img {
  margin-bottom: 0.75em;
}

figcaption {
  color: #767676;
}

.site-branding__logo {
  margin-top: 14px;
  max-width: 230px;
  height: auto !important;
}
@media (max-width: 1005px) {
  .site-branding__logo {
    max-width: 150px;
  }
}
@media (max-width: 700px) {
  .site-branding__logo {
    max-width: 130px;
  }
}
@media (max-width: 500px) {
  .site-branding__logo {
    margin-bottom: 17px;
  }
}

.single-music-groups .attachment-thumbnail {
  display: none;
}

.locality__item {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 6px 12px;
}

.locality__item:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

/* * * * * * * * * * * * *  Mobile /under-l  * * * * * * * * * * * * */
.site-nav__wrapper {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.site-nav__wrapper.opened {
  max-height: 9999px;
}
@media (max-width: 940px) {
  .site-nav__wrapper .wrap {
    padding: 0;
    height: 150px;
  }
}

.site-nav-toggle {
  display: inline-block;
  width: 110px;
  float: right;
  top: 0;
  right: 0;
  padding: 0.75em;
  position: absolute;
  bottom: 0;
  margin: auto 12px;
  height: 45px;
  background-color: #e7e7e7;
  border: #767676;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.site-nav-toggle:link, .site-nav-toggle:hover, .site-nav-toggle:active, .site-nav-toggle:focus {
  text-decoration: none;
}
@media (min-width: 941px) {
  .site-nav-toggle {
    display: none;
  }
}

.site-nav-toggle__icon {
  position: relative;
  margin-top: 8px;
  margin-bottom: 8px;
  float: left;
}
.site-nav-toggle__icon, .site-nav-toggle__icon:before, .site-nav-toggle__icon:after {
  display: block;
  width: 30px;
  height: 3px;
  background-color: #111;
  transition-property: background-color, transform;
  transition-duration: 0.3s;
}
.site-nav-toggle__icon:before, .site-nav-toggle__icon:after {
  position: absolute;
  content: "";
}
.site-nav-toggle__icon:before {
  top: -8px;
}
.site-nav-toggle__icon:after {
  top: 8px;
}

.site-nav-toggle__text {
  margin-left: 12px;
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
  color: #111;
}

@media (max-width: 940px) {
  .site-nav {
    height: 0;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
  }
  .site-nav.is-displayed {
    visibility: visible;
    opacity: 1;
    height: auto;
    overflow: auto;
    z-index: 999;
    left: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    background-color: #fff;
  }
  body.mobile-nav-is-displayed .site-header {
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #fff;
  }
  .js-site-nav__toggle.is-toggled .site-nav-toggle__icon {
    background-color: transparent;
  }
  .js-site-nav__toggle.is-toggled .site-nav-toggle__icon:before {
    transform: translateY(8px) rotate(45deg);
    -ms-transform: translateY(8px) rotate(45deg);
  }
  .js-site-nav__toggle.is-toggled .site-nav-toggle__icon:after {
    transform: translateY(-8px) rotate(-45deg);
    -ms-transform: translateY(-8px) rotate(-45deg);
  }
  .nav-dropdown__item--parent.is-pinned .nav-dropdown__sub-menu {
    top: 100%;
    opacity: 1;
    width: 100%;
    height: auto;
    transition: top 0s linear 0s, opacity 0.2s ease-out 0s;
  }
}
/* * * * * * * * * * * * *  Mobile /under-l  * * * * * * * * * * * * */
/* * * * * * * * * * * * * *  Primary Menu  * * * * * * * * * * * * * */
.nav-dropdown {
  position: relative;
  z-index: 15;
}
@media (min-width: 941px) {
  .nav-dropdown {
    margin-top: 90px;
  }
}

.nav-dropdown__item {
  display: inline-block;
}
@media (max-width: 940px) {
  .nav-dropdown__item {
    display: block;
  }
}

@media (min-width: 941px) {
  .nav-dropdown__item:focus .nav-dropdown__sub-menu--1,
  .nav-dropdown__link:focus + .nav-dropdown__sub-menu--1,
  .nav-dropdown__item:hover .nav-dropdown__sub-menu--1,
  .nav-dropdown__link:hover + .nav-dropdown__sub-menu--1 {
    top: 100%;
  }
}
@media (min-width: 941px) {
  .nav-dropdown__item--parent:hover .nav-dropdown__sub-menu,
  .nav-dropdown__item--parent:focus .nav-dropdown__sub-menu {
    top: 100%;
    opacity: 1;
  }
}

.nav-dropdown__link {
  position: relative;
}

.nav-dropdown__link,
.nav-dropdown__sub-menu__link {
  padding: 10px 18px;
}

.nav-dropdown__item:hover > .nav-dropdown__link,
.nav-dropdown__item.is-pinned > .nav-dropdown__link,
.nav-dropdown__item.is-hovered > .nav-dropdown__link,
.nav-dropdown__item--active > .nav-dropdown__link,
.nav-dropdown__item--active > .nav-dropdown__sub-menu__link,
.nav-dropdown__item--parent--active > .nav-dropdown__link {
  color: rgb(26.0553359684, 149.8181818182, 179.9446640316);
}

.nav-dropdown__item--parent .nav-dropdown__link {
  position: relative;
  padding-right: 27px;
}
.nav-dropdown__item--parent .nav-dropdown__link:after {
  font-size: 18px;
  font-size: 1.125rem;
  position: absolute;
  right: 12px;
  content: "";
  width: 0;
  height: 0;
  margin: 0.3em 0 0;
  border-top: 5px solid #111;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  opacity: 0.8;
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.nav-dropdown__item--parent.is-pinned > .nav-dropdown__link:after {
  transform: rotate(90deg);
}

.nav-dropdown__sub-menu {
  background-color: #fff;
  position: absolute;
}
@media (max-width: 940px) {
  .nav-dropdown__sub-menu {
    position: relative;
    top: 100%;
    height: auto;
  }
}

.nav-dropdown__sub-menu {
  top: -9999px;
  height: 0;
}

.nav-dropdown__item--parent.is-hovered .nav-dropdown__sub-menu {
  top: 100%;
  height: auto;
}
@media (max-width: 940px) {
  .nav-dropdown__item--parent.is-hovered .nav-dropdown__sub-menu {
    top: -9999px;
    height: 0;
  }
}

.nav-dropdown__item--parent.is-pinned .nav-dropdown__sub-menu {
  top: 100%;
  height: auto;
}

.nav-dropdown__sub-menu__link {
  font-size: 14px;
  color: #222;
}

@media (min-width: 941px) {
  .nav-dropdown__sub-menu--1 {
    box-shadow: 0 15px 15px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    position: absolute;
    margin-top: 0px;
    z-index: 99999;
  }
}
@media (min-width: 701px) {
  .nav-dropdown__sub-menu--1 {
    margin-left: 0;
  }
}

.nav-dropdown__sub-menu--2 {
  display: block;
  position: static;
}

.nav-dropdown__item--number-of-level-1-children-2 .nav-dropdown__sub-menu--1__link,
.nav-dropdown__item--number-of-level-1-children-3 .nav-dropdown__sub-menu--1__link,
.nav-dropdown__item--number-of-level-1-children-4 .nav-dropdown__sub-menu--1__link,
.nav-dropdown__item--number-of-level-1-children-5 .nav-dropdown__sub-menu--1__link,
.nav-dropdown__item--number-of-level-1-children-6 .nav-dropdown__sub-menu--1__link,
.nav-dropdown__item--number-of-level-1-children-7 .nav-dropdown__sub-menu--1__link {
  font-weight: bold;
}
@media (min-width: 941px) {
  .nav-dropdown__item--number-of-level-1-children-2 .nav-dropdown__sub-menu--1__item,
  .nav-dropdown__item--number-of-level-1-children-3 .nav-dropdown__sub-menu--1__item,
  .nav-dropdown__item--number-of-level-1-children-4 .nav-dropdown__sub-menu--1__item,
  .nav-dropdown__item--number-of-level-1-children-5 .nav-dropdown__sub-menu--1__item,
  .nav-dropdown__item--number-of-level-1-children-6 .nav-dropdown__sub-menu--1__item,
  .nav-dropdown__item--number-of-level-1-children-7 .nav-dropdown__sub-menu--1__item {
    float: left;
  }
}

@media (min-width: 941px) {
  .nav-dropdown__sub-menu--1 {
    width: 300px;
  }
  .nav-dropdown__item--number-of-level-1-children-2 > ul {
    width: 400px;
  }
  .nav-dropdown__item--number-of-level-1-children-2 > ul > li {
    width: 50%;
  }
  .nav-dropdown__item--number-of-level-1-children-3 > ul {
    width: 600px;
  }
  .nav-dropdown__item--number-of-level-1-children-3 > ul > li {
    width: 33.33%;
  }
  .nav-dropdown__item--number-of-level-1-children-4 > ul {
    width: 800px;
  }
  .nav-dropdown__item--number-of-level-1-children-4 > ul > li {
    width: 25%;
  }
  .nav-dropdown__item--number-of-level-1-children-5 > ul > li {
    width: 20%;
  }
  .nav-dropdown__item--number-of-level-1-children-6 > ul > li {
    width: 16.6%;
  }
  .nav-dropdown__item--number-of-level-1-children-7 > ul > li {
    width: 14%;
  }
  .nav-dropdown__item--number-of-level-1-children-5,
  .nav-dropdown__item--number-of-level-1-children-6,
  .nav-dropdown__item--number-of-level-1-children-7 {
    position: static;
  }
  .nav-dropdown__item--number-of-level-1-children-5 > ul,
  .nav-dropdown__item--number-of-level-1-children-6 > ul,
  .nav-dropdown__item--number-of-level-1-children-7 > ul {
    width: 900px;
    position: absolute;
    left: 0;
  }
}
/* * * * * * * * * * * * * *  Primary Menu  * * * * * * * * * * * * * */
/* * * * * * * * * * * * * *  Secondary Menu  * * * * * * * * * * * * */
@media (min-width: 941px) {
  .nav-horizontal {
    position: absolute;
    top: 12px;
    right: 0;
  }
}

@media (min-width: 941px) {
  .nav-horizontal__item {
    float: left;
    margin: 0 18px;
  }
}

.nav-horizontal__link {
  color: #222;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0;
}
@media (max-width: 940px) {
  .nav-horizontal__link {
    padding: 10px 18px;
    text-transform: none;
  }
}

.nav-horizontal__link:hover,
.nav-horizontal__item--active .nav-horizontal__link {
  color: rgb(26.0553359684, 149.8181818182, 179.9446640316);
}

.nav-horizontal__link:hover,
.nav-horizontal__link:focus,
.nav-horizontal__item--active {
  text-decoration: underline;
}

/* * * * * * * * * * * * * *  Secondary Menu  * * * * * * * * * * * * */
/* * * * * * * * * * * * * *  accessibility. focus outline stuff  * * * * * * * * * * * * */
.nav-dropdown a:focus {
  outline-offset: -2px;
}

@media (max-width: 940px) {
  .nav-horizontal a {
    outline-offset: -2px;
  }
}

@media (max-width: 940px) {
  .nav-dropdown__item--parent.is-pinned:focus {
    outline: none;
  }
}
/* * * * * * * * * * * * * *  accessibility. focus outline stuff  * * * * * * * * * * * * */
@media (min-width: 941px) {
  .site-search {
    position: absolute;
    top: 50px;
    right: 0;
  }
}

@media (min-width: 941px) {
  .site-nav {
    float: right;
  }
}

@media (min-width: 500px) and (max-width: 940px) {
  .site-nav__wrapper .wrap {
    height: 50px;
  }
}
@media (max-width: 500px) {
  .site-nav__wrapper .wrap {
    height: 100px;
  }
}

.site-nav-toggle {
  background-color: #dfe9eb;
  border: 1px solid #767676;
}
@media (max-width: 500px) {
  .site-nav-toggle {
    position: absolute !important;
    right: 0px;
    top: -43px !important;
  }
}

/* Level 0 (TABS) =============*/
@media (min-width: 941px) {
  .nav-dropdown {
    margin-top: 100px;
  }
}

.nav-dropdown__item {
  background-color: #dfe9eb;
}
@media (max-width: 940px) {
  .nav-dropdown__item {
    border-top: 1px solid #bbb;
  }
}

.nav-dropdown__item--active > .nav-dropdown__link {
  color: rgb(201.7702702703, 35.2297297297, 58.7162162162);
}

.nav-dropdown__link {
  color: #222;
}
@media (max-width: 940px) {
  .nav-dropdown__link {
    padding-left: 12px;
  }
}

/* Level 1 (Dropdown) =============*/
.nav-dropdown__sub-menu a:focus {
  outline-offset: -1px;
}

@media (min-width: 941px) {
  .nav-dropdown__sub-menu--1 {
    width: 240px;
  }
}

@media (min-width: 941px) {
  .nav-dropdown__item--parent:last-child .nav-dropdown__sub-menu--1 {
    right: 0;
  }
}

/* Level 2 (Sub-dropdown) =============*/
.nav-dropdown__link, .nav-dropdown__sub-menu__link {
  padding: 8px 18px;
}

@media (min-width: 941px) {
  .nav-dropdown__item--number-of-level-1-children-3 > .nav-dropdown__sub-menu {
    width: 670px;
  }
  .nav-dropdown__item--number-of-level-1-children-4 > .nav-dropdown__sub-menu {
    left: -75px;
  }
}
@media (min-width: 1281px) {
  .nav-dropdown__item--number-of-level-1-children-4 > .nav-dropdown__sub-menu {
    left: -327px;
  }
}
@media (min-width: 941px) {
  .nav-horizontal {
    top: 15px;
    right: 6px;
  }
}

@media (max-width: 940px) {
  .nav-horizontal__link {
    font-size: 16px;
    font-weight: normal;
  }
}

@media (max-width: 940px) {
  .nav-horizontal__item {
    border-top: 1px solid #ccc;
  }
}

.nav-horizontal__item--active > .nav-horizontal__link {
  color: rgb(201.7702702703, 35.2297297297, 58.7162162162);
}

/* * * * * * * * *  SEARCH INPUT  * * * * * * * * */
.site-search {
  z-index: 10;
}
@media (min-width: 941px) {
  .site-search {
    top: 48px;
    margin-right: 12px;
  }
}

@media (min-width: 941px) {
  .site-search__field {
    max-width: 196px !important;
  }
}
@media (max-width: 940px) {
  .site-search__field {
    border-radius: 0 !important;
  }
}

/* * * * * * * * *  SEARCH INPUT  * * * * * * * * */
@media (max-width: 940px) {
  .no-js .nav-dropdown__sub-menu {
    top: 100%;
    height: auto;
  }
  .no-js .nav-dropdown__sub-menu--2 {
    display: block;
  }
  .nav-head {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 130px;
    background-color: #fff;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    z-index: 16;
  }
  .site-branding__logo {
    height: 70px;
    margin-left: 12px;
  }
  .site-search {
    margin-top: 8px;
  }
  .site-nav-toggle {
    top: 18px;
    position: relative;
  }
  .site-nav-toggle-close {
    display: none;
  }
  #page:target {
    padding-top: 150px;
  }
  #page:target .site-nav-toggle-open {
    display: none;
  }
  #page:target .site-nav-toggle-close {
    display: block;
  }
  #page:target .site-nav-toggle__icon {
    height: 0;
  }
  #page:target .site-nav-toggle__icon:before {
    top: 0;
    transform: rotate(45deg);
  }
  #page:target .site-nav-toggle__icon:after {
    top: 0;
    transform: rotate(135deg);
  }
  #page:target .site-nav {
    height: auto;
    visibility: visible;
    opacity: 1;
  }
  #page:target .is-pinned .nav-dropdown__sub-menu--2 {
    display: block;
  }
  #page:target .login {
    float: left;
    width: 100%;
  }
  #page:target .screen-reader-text {
    top: 0;
    left: 0;
  }
}
@media (min-width: 941px) {
  .nav-head {
    position: relative;
    max-width: 1100px;
    margin: auto auto;
    padding-left: 24px;
    padding-right: 24px;
    z-index: 10;
  }
  .no-js .nav-dropdown__item--parent:focus-within .nav-dropdown__sub-menu,
  .no-js .nav-dropdown__item--parent:hover .nav-dropdown__sub-menu {
    top: 100%;
    height: auto;
  }
  .nav-dropdown__item:focus-within > .nav-dropdown__link {
    color: rgb(26.0553359684, 149.8181818182, 179.9446640316);
  }
}
@media (max-width: 940px) {
  .nav-dropdown__item > .nav-dropdown__link--trigger {
    padding: 14px;
  }
  .nav-dropdown__item--parent .nav-dropdown__link:after {
    display: none;
  }
  .nav-dropdown__link--trigger {
    position: absolute;
    right: 0;
    padding-top: 11px;
    padding-bottom: 7px;
    width: 86px;
    height: 49px;
    margin-top: 1px;
    border-left: 1px solid #999;
    border-bottom: 1px solid #999;
    z-index: 10;
  }
  .nav-dropdown__link--trigger:hover {
    text-decoration: none;
  }
  .nav-dropdown__link--trigger:after {
    font-size: 1.125rem;
    position: absolute;
    right: 12px;
    content: "";
    width: 0;
    height: 0;
    color: #eee;
    border-top: 10px solid !important;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    margin-top: 3px;
    margin-right: 20px;
  }
  .nav-dropdown__item--parent > .nav-dropdown__link--trigger.open:after,
  .nav-dropdown__item--parent.is-pinned > .nav-dropdown__link--trigger:after {
    transform: rotate(90deg);
  }
  .nav-dropdown__item--parent > .nav-dropdown__link--trigger:after {
    transition-duration: 0.3s;
  }
  .mobile-menu .open ~ ul,
  .mobile-menu .open ~ ul ul {
    display: block;
    top: 0;
    height: auto;
  }
}
@media (min-width: 941px) {
  .nav-dropdown__link--trigger {
    display: none;
  }
}
@media (max-width: 940px) {
  #page:target {
    padding-top: 100px;
  }
  #page:target .site-nav__wrapper {
    position: absolute;
    top: 135px;
    width: 100%;
    background: white;
    z-index: 11;
  }
  .nav-head {
    height: 135px;
  }
  .nav-dropdown__link--trigger {
    height: 40px;
    border-left: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
  }
  .nav-dropdown__link--trigger:after {
    color: #777;
  }
}
@media (min-width: 500px) and (max-width: 940px) {
  .site-search {
    position: absolute;
    right: 130px;
    top: 10px;
  }
  .site-search__field {
    height: 45px;
  }
  .nav-head {
    height: 82px;
  }
  #page:target .site-nav__wrapper {
    top: 83px;
  }
}
/*

  TODO - Find and Replace/Generalise demostyles

======================================================*/
/*

  Overlay specific settings 

======================================================*/
/* demostyles */
.overlay__container,
.overlay__container * {
  box-sizing: border-box;
}

body[data-overlay=open] {
  overflow-y: hidden;
  background: url(/wp-content/themes/charanga_2013/backgrounds/kids1.jpg) #ADE6E0 right 17px top fixed no-repeat;
  background-size: auto 100%;
}

.overlay {
  transform: translateZ(0);
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  display: none;
}

.overlay__container {
  position: relative;
  overflow: hidden;
  /* demostyles */
  width: 235px;
  height: 100px;
}

.overlay__trigger {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: opacity 0.1s 0.5s;
  z-index: 1;
  /* demostyles */
  display: block;
  padding: 0;
  color: #fff !important;
  text-transform: capitalize;
  background-image: none;
}
.overlay__trigger:hover, .overlay__trigger:focus {
  background-image: none;
  background: url("https://assets.charanga.com/charanga.com/wp-content/themes/charanga_2013/images/graphics/login.png") 0 0 no-repeat transparent;
  background-position: 0 -100px;
}
.overlay__trigger:hover img, .overlay__trigger:focus img {
  visibility: hidden;
}

.no-js .overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 99999;
}

.no-js .overlay__container:target .overlay {
  position: fixed;
  display: block;
  opacity: 1 !important;
}

body[data-overlay] .overlay {
  display: block;
  position: fixed;
  opacity: 0;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.85);
  transition: opacity 0.15s 0.3s, width 0.3s 0.1s, height 0.3s 0.1s, top 0.3s 0.1s, left 0.3s 0.1s;
  /* demostyles */
  height: 100px;
  width: 235px;
}

body[data-overlay] .overlay__container.open .overlay {
  transition: width 0.3s 0.1s, height 0.3s 0.1s, top 0.3s 0.1s, left 0.3s 0.1s;
  z-index: 1900;
  opacity: 1;
  pointer-events: auto; /*???*/
  top: 0 !important;
  left: 0 !important;
  width: 100%;
  height: 100%;
}

.overlay__navbar {
  width: 100%;
  height: 60px;
  background: #333;
  position: relative;
  overflow: hidden;
}

.overlay__title {
  color: #fff;
  padding-left: 24px;
}

@keyframes pulse {
  0% {
    opacity: 0;
    background-color: #da4619;
    transform: scale(0.1) rotate(0deg);
  }
  50% {
    background-color: #da4619;
  }
  75% {
    background-color: #ff3b00;
    transform: scale(1.2);
  }
  100% {
    background-color: #da4619;
    transform: scale(1) rotate(-360deg);
    opacity: 1;
  }
}
.overlay__close {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 60px;
  height: 60px;
  background: #da4619;
  color: #fff;
  line-height: 60px;
  font-size: 60px;
  font-family: Arial, sans-serif;
  text-align: center;
  text-decoration: none;
  transition: transform 0.6s ease-out, font-size 0.1s ease-out;
  overflow: hidden;
  transform: translateZ(0);
}

.overlay__container.open .overlay__close,
.overlay__container:target .overlay__close {
  animation: pulse 0.3s ease-in-out 1s 1 normal forwards;
}

.overlay__close:hover {
  transform: translateZ(0);
  transition: font-size 0.2s;
  text-decoration: none;
  color: #fff;
  font-size: 72px;
  line-height: 60px;
}

.overlay__navbar .overlay__close,
.overlay__navbar .overlay__close:visited,
.overlay__navbar .overlay__close:hover,
.overlay__navbar .overlay__close:active {
  color: #fff;
}

.overlay__content-wrapper {
  height: calc(100vh - 60px); /* same as parent */
  overflow: hidden;
  position: relative;
}

@keyframes scaleAndFade {
  0% {
    opacity: 0.5;
    transform: scale(0.9) translate3d(0, 0, 0);
    overflow: hidden;
  }
  70% {
    transform: scale(1.03);
  }
  85% {
    opacity: 1;
  }
  99% {
    transform: scale(1);
    overflow: hidden;
  }
  100% {
    opacity: 1;
    overflow-x: hidden;
    overflow-y: auto;
  }
}
.overlay__content {
  opacity: 0;
  transition: all 0.5s ease-out;
  overflow: hidden;
  margin: 0 auto;
  height: 100%;
  padding-bottom: 60px;
}

.overlay__container.open .overlay__content,
.overlay__container:target .overlay__content {
  animation: scaleAndFade 0.35s ease-in-out 0.5s 1 normal;
  animation-fill-mode: forwards;
}

/*

  Content specific:
  LOGIN BOXES

======================================================*/
.overlay__container .login-wrapper {
  max-width: 940px;
}
.overlay__container .gutters {
  padding-left: 8px;
  padding-right: 8px;
}
.overlay__container .gu1of3--over-m {
  max-width: 320px;
  margin: 20px auto;
}
.overlay__container .gu1of2--over-m {
  max-width: 470px;
  margin: 20px auto;
}
@media screen and (min-width: 900px) {
  .overlay__container .login-wrapper {
    align-items: center;
  }
  .overlay__container .gu1of3--over-m {
    float: left;
    width: 33.33%;
    display: flex;
  }
  .overlay__container .gu1of2--over-m {
    float: left;
    display: flex;
  }
}
@media screen and (max-width: 900px) {
  .overlay__container .login-wrapper {
    padding-bottom: 80px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
.overlay__container .card--login {
  background: #fff;
  border-radius: 10px;
  font-size: 14px;
  box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.1);
  width: 100%;
}
.overlay__container .card--login__header {
  padding: 8px 16px;
}
.overlay__container .card--login__body,
.overlay__container .card--login__footer {
  padding: 16px;
}
.overlay__container .card--login__header,
.overlay__container .card--login__body {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.overlay__container .card--login__heading {
  font-size: 18px;
  margin-bottom: 20px;
  margin-top: 4px;
  line-height: 1;
}
.overlay__container .card--login__header img {
  max-width: 100%;
  height: auto;
}
.overlay__container .card--login__body {
  overflow: hidden;
  height: 240px;
}
.overlay__container .card--login__footer {
  font-size: 14px;
  min-height: 78px;
  font-weight: 700;
}
.overlay__container .card--login__footer a {
  text-decoration: none;
  color: #167fac;
}
.overlay__container .card--login__footer p {
  margin: 0;
  font-size: 14px;
}
.overlay__container .card--login__footer a:hover {
  text-decoration: underline;
  color: #e05b28;
}
.overlay__container .card--login textarea,
.overlay__container .card--login input[type=text],
.overlay__container .card--login input[type=password],
.overlay__container .card--login input[type=datetime],
.overlay__container .card--login input[type=datetime-local],
.overlay__container .card--login input[type=date],
.overlay__container .card--login input[type=month],
.overlay__container .card--login input[type=time],
.overlay__container .card--login input[type=week],
.overlay__container .card--login input[type=number],
.overlay__container .card--login input[type=email],
.overlay__container .card--login input[type=url],
.overlay__container .card--login input[type=search],
.overlay__container .card--login input[type=tel],
.overlay__container .card--login input[type=color],
.overlay__container .card--login .uneditable-input {
  background-color: #fff;
  border: 1px solid #888;
  box-shadow: none;
  border-radius: 4px 4px 4px 4px;
  color: #555;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  padding: 4px 6px;
  vertical-align: middle;
  font-size: 14px;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  box-sizing: content-box;
}
.overlay__container .card--login label {
  font-size: 14px;
  line-height: 1.25;
  display: block;
  margin-bottom: 5px;
  font-weight: 700;
}
.overlay__container .card--login .btn,
.overlay__container .card--login .btn:visited {
  padding: 5px 15px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  cursor: pointer;
  border-radius: 4px;
  font-size: 16px;
  text-decoration: none;
  font-weight: 700;
  line-height: 21px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.2);
  background: #00A390;
  border: 0 none;
  color: #fff;
  text-shadow: 0 -1px 0 #008F7E;
}
.overlay__container .card--login .mv1 {
  margin-top: 8px;
  margin-bottom: 8px;
}
.overlay__container .card--login .mt1, .overlay__container .card--login .mv1, .overlay__container .card--login .ma1 {
  margin-top: 8px;
}
.overlay__container .card--login .pt1, .overlay__container .card--login .pv1, .overlay__container .card--login .pa1 {
  padding-top: 8px;
}
.overlay__container .only-on-mobile {
  display: none;
}
@media screen and (max-width: 900px) and (max-height: 580px) {
  .overlay__container .only-on-mobile {
    display: block;
  }
  .overlay__container .card--login__body,
  .overlay__container .card--login__footer {
    transition: all 0.2s ease-in-out 2s;
  }
  .overlay__container .card--login__body h2, .overlay__container .card--login__body form, .overlay__container .card--login__body iframe, .overlay__container .card--login__body p,
  .overlay__container .card--login__footer h2,
  .overlay__container .card--login__footer form,
  .overlay__container .card--login__footer iframe,
  .overlay__container .card--login__footer p {
    top: 0px;
  }
  .overlay__container .card--login__body {
    height: 240px !important;
    padding: 16px;
  }
  .overlay__container .card--login__footer {
    height: 80px !important;
    padding: 16px;
  }
  .overlay__container body[data-overlay=open] .js-card--collapsed-on-mobile .card--login__body,
  .overlay__container body[data-overlay=open] .js-card--collapsed-on-mobile .card--login__footer {
    overflow: hidden;
    transition: all 0.2s ease-in-out 0s;
    min-height: 0;
    height: 0 !important;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
  }
  .overlay__container body[data-overlay=open] .js-card--collapsed-on-mobile .card--login__body h2, .overlay__container body[data-overlay=open] .js-card--collapsed-on-mobile .card--login__body form, .overlay__container body[data-overlay=open] .js-card--collapsed-on-mobile .card--login__body iframe, .overlay__container body[data-overlay=open] .js-card--collapsed-on-mobile .card--login__body p,
  .overlay__container body[data-overlay=open] .js-card--collapsed-on-mobile .card--login__footer h2,
  .overlay__container body[data-overlay=open] .js-card--collapsed-on-mobile .card--login__footer form,
  .overlay__container body[data-overlay=open] .js-card--collapsed-on-mobile .card--login__footer iframe,
  .overlay__container body[data-overlay=open] .js-card--collapsed-on-mobile .card--login__footer p {
    position: relative;
    top: -300px;
    transition: all 0.1s ease-in-out;
  }
  .overlay__container body[data-overlay=open] .js-card--collapsed-on-mobile.js-card--collapsed .card--login__body {
    height: 240px !important;
    padding: 16px;
  }
  .overlay__container body[data-overlay=open] .js-card--collapsed-on-mobile.js-card--collapsed .card--login__footer {
    height: 80px !important;
    padding: 16px;
  }
  .overlay__container body[data-overlay=open] .js-card--collapsed-on-mobile.js-card--collapsed h2, .overlay__container body[data-overlay=open] .js-card--collapsed-on-mobile.js-card--collapsed form, .overlay__container body[data-overlay=open] .js-card--collapsed-on-mobile.js-card--collapsed iframe, .overlay__container body[data-overlay=open] .js-card--collapsed-on-mobile.js-card--collapsed p {
    top: 0px;
  }
}

/*

  Site specific

======================================================*/
[data-overlay=open] .nav-main-container {
  display: block !important;
}

.overlay__container {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.overlay__container .gu1of2--over-m {
  max-width: 300px;
}

/* ==========================================================================
   Charanga Login bar styles
   ========================================================================== */
.login {
  font-size: 16px;
  margin-bottom: 0;
  background-color: #39393a;
}

.login-triggers-container {
  overflow: hidden;
}

.login .row {
  display: inline;
}

.login-triggers {
  float: right;
  border-right: 1px solid #000;
}

.login__charanga-logo {
  float: left;
}

.login-trigger,
.login-triggers-heading {
  color: #fff;
  float: left;
  line-height: 50px;
  letter-spacing: 0.5px;
}

.login-triggers-heading {
  color: #a9a9a9;
  padding: 0 15px 0 0;
  border-right: 1px solid #4b4b4b;
}

.login-trigger {
  border-left: 1px solid #000;
  border-right: 1px solid #4b4b4b;
  padding: 0 15px;
  display: inline-block;
}

.login-trigger:hover, .login-trigger:focus {
  color: #5adecf;
}
.login-trigger:focus {
  outline-offset: -2px;
}

@media (min-width: 941px) {
  .login {
    position: absolute;
    top: -50px;
    width: 100%;
    right: 0;
  }
  .site {
    border-top: 50px solid #39393a;
  }
}
@media (max-width: 940px) {
  .login-triggers-container {
    background: #39393a;
  }
  .login-triggers-container.wrap {
    padding: 0;
  }
  .login-triggers-container * {
    width: auto;
    display: block;
    float: none;
    border-left: 0 none;
    border-right: 0 none;
    margin: 0;
  }
  .login-trigger {
    color: #fff;
    border-top: 1px solid #000;
  }
  .login-trigger:hover, .login-trigger:focus {
    text-decoration: none;
  }
  .login-triggers img,
  .login-triggers-heading {
    display: none;
  }
}
.login-triggers {
  border: none;
}

@media (min-width: 941px) {
  .login-trigger {
    background-color: #00857c;
    border: none;
    border-radius: 8px;
    padding-left: 22px;
    padding-right: 24px;
    margin-top: 6px;
    margin-left: 6px;
    font-family: proxima-nova;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 2.4em;
    letter-spacing: 0.05em;
  }
  .login-trigger:hover, .login-trigger:focus {
    color: #222;
    text-decoration: none;
  }
}
@media (max-width: 940px) {
  .login-trigger {
    height: 45px;
    line-height: 45px !important;
  }
}

.login__charanga-logo {
  margin-top: 2px;
}

.site-main {
  padding-right: 0;
}
@media (min-width: 701px) {
  .site-main {
    padding-right: 36px;
  }
}

.search-results .site-main {
  padding-top: 6px;
  padding-left: 2px;
}

.entry-header + .row {
  margin-left: -2px;
}

.site-main {
  padding-left: 2px;
}

.page-home .site-main {
  padding-left: 0;
}

@media (max-width: 940px) {
  .site-content {
    padding-top: 15px;
  }
}

.site-main {
  padding-right: 0;
  padding-bottom: 20px;
}

@media (min-width: 701px) {
  .is-musical-school + div .sidebar {
    margin-top: 109px;
  }
}

@media (max-width: 700px) {
  .sidebar {
    margin-top: 60px;
  }
}

.single__thumbnail {
  margin-top: 4px;
}

.is-musical-school {
  padding-left: 2px;
  margin-left: -2px;
}

.hero {
  background: url(https://www.dorsetandsomersetmusichub.org.uk/wp-content/themes/dorset/images/home-page-banner.jpg);
  background-size: cover;
  height: 350px;
}

.cover-under {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  opacity: 0.4;
  background: #de4258 !important; /* red */
}

.cover-over {
  z-index: 10;
}

.hero__text {
  text-shadow: 0 1px 1px #666;
  line-height: 1.2;
}

.hero__link {
  padding: 0.5em 1em;
  border: 3px solid #fff;
  font-weight: 700;
  border-radius: 6px;
  font-size: 20px;
  color: #fff;
  text-decoration: none;
  background: rgba(199, 212, 44, 0.5); /* lime */
  background: rgba(34, 186, 223, 0.5); /* blue */
  transition: all 0.15s ease-in;
}

.hero__link:hover,
.hero__link:focus {
  color: #fff;
  text-decoration: none;
  background: rgba(22.8300395257, 131.2727272727, 157.6699604743, 0.5);
}

.sidebar-section--facebook .card--home {
  padding-right: 0;
}

.cff-wrapper {
  scrollbar-color: #31bdef #dfe9eb;
}

/* ==========================================================================
   Masthead styles (eg. Logo, & strapline & main navigation / menu).
   ========================================================================== */
@media (min-width: 941px) {
  .site-search {
    float: right;
  }
}

@media (max-width: 700px) {
  .footer-info {
    clear: both;
  }
}

/***************  SINGLE PAGE THUMBNAILS  ***************/
.single__thumbnail {
  float: right;
  margin-bottom: 18px;
  padding-left: 12px;
}
@media (max-width: 500px) {
  .single__thumbnail {
    float: none;
    padding-left: 0;
  }
}

.single-events__thumbnail {
  float: left;
  padding-right: 18px;
  margin-bottom: 18px;
}
@media (max-width: 500px) {
  .single-events__thumbnail {
    float: none;
  }
}
@media (min-width: 941px) {
  .single-events__thumbnail {
    margin-top: 6px;
  }
}

/***************  SINGLE PAGE THUMBNAILS  ***************/
.teaser {
  clear: both;
  overflow: hidden;
  margin-bottom: 40px;
}

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

.teaser__title {
  margin-top: 0;
  margin-bottom: 12px;
}

@media (max-width: 940px) {
  .teaser {
    margin-bottom: 24px;
  }
  .teaser__thumbnail {
    width: 55px;
    margin-right: 12px;
  }
  .teaser__title {
    margin-bottom: 0;
  }
}
.teaser--sidebar {
  overflow: hidden;
  display: inline-block;
  width: 100%;
  margin-bottom: 1px;
}

.teaser__title--sidebar {
  font-size: 16px;
  margin: 0 0 2px 0;
}

.teaser__thumbnail--sidebar {
  margin-right: 10px;
  margin-top: 4px;
}

.teaser__text--sidebar li,
.teaser__text--sidebar p {
  font-size: 14px;
}

.sidebar-section {
  font-size: 14px;
}

/***************  for the hover highlight on news and event items  ***************/
.teaser--sidebar {
  position: relative;
}

.clickable-teaser-item {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-decoration: none;
  z-index: 10;
  background-color: #fff;
  opacity: 0;
  filter: alpha(opacity=1);
}

.clickable-teaser-item:hover ~ .teaser__text--sidebar .teaser__title--sidebar > a {
  color: rgb(26.0553359684, 149.8181818182, 179.9446640316);
  text-decoration: underline;
}

/***************  for the hover highlight on news and event items  ***************/
.clickable-teaser-item:hover ~ .teaser__text--sidebar .teaser__title--sidebar,
.clickable-teaser-item:focus ~ .teaser__text--sidebar .teaser__title--sidebar {
  color: #22badf;
}

.clickable-teaser-item:hover ~ .teaser__text--sidebar .teaser__title--sidebar {
  text-decoration: underline;
}

.clickable-teaser-item:focus ~ .teaser__text--sidebar .teaser__title--sidebar {
  outline: 2px solid blue;
  outline-offset: -2px;
}

.single-post .teaser--sidebar__news:first-child {
  display: none;
}

.card {
  border: 1px solid #767676;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  padding: 5px;
  border-radius: 4px;
  background: #fff;
  margin-bottom: 2%;
  padding: 10px;
}

/* * * * * * * * * * * * *  CARDS  * * * * * * * * * * * * */
.card__image-container {
  background-size: cover !important;
  height: 220px;
}

.card {
  padding: 12px;
}

.card__excerpt {
  color: #555;
}

.card__title,
.card__excerpt {
  text-align: center;
}

@media (max-width: 500px) {
  .menu-tiles .gutters {
    max-width: 330px;
  }
}
.menu-tiles .card {
  text-decoration: none;
  transition: all 0.15s ease-in;
}
.menu-tiles .card:hover, .menu-tiles .card:focus {
  background-color: #dfe9eb;
  transition: all 0.15s ease-in;
}

a:hover .card__title,
a:focus .card__title {
  text-decoration: underline;
}

@media (min-width: 701px) {
  .card--home {
    min-height: 492px;
  }
}

/* * * * * * * * * * * * *  CARDS  * * * * * * * * * * * * */
/* * * * * * * * * * * * *  WHOLE IMAGE TILES: RECTANGLES, NOT CARDS  * * * * * * * * * * * * */
.home .gutters__container {
  margin-left: -12px;
  margin-right: -12px;
}

.home .gutters {
  padding-left: 12px;
  padding-right: 12px;
}

.tile__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 46, 54, 0.6);
  transition: opacity 0.3s ease-in;
}

.tile__link:hover .tile__overlay,
.tile__link:focus .tile__overlay {
  opacity: 0;
  transition: opacity 0.15s ease-in;
}

.tile__info {
  align-items: center;
  position: relative;
  height: 220px;
  color: #fff;
  text-align: center;
  padding: 20px;
  padding-top: 28px;
  background-position: center center !important;
}
@media (max-width: 500px) {
  .tile__info {
    margin-left: auto;
    margin-right: auto;
    max-width: 350px;
  }
}

.page-news .tile__info {
  display: flex;
  justify-content: center;
}

.tile__heading {
  position: relative;
  color: #fff;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.page-news .tile__heading {
  margin: 0;
}

.tile__description {
  position: relative;
  font-size: 18px;
  margin-top: 18px;
}

.tile__link,
.tile__link:hover,
.tile__link:focus {
  text-decoration: none;
}

/* * * * * * * * * * * * *  WHOLE IMAGE TILES: RECTANGLES, NOT CARDS  * * * * * * * * * * * * */
/* * * * * * * * * * * * *  PARTNER LOGOS  * * * * * * * * * * * * */
.partner-logos .card {
  padding: 2px;
  border: 2px solid #767676;
}

.partner-logos .card:hover,
.partner-logos .card:focus {
  border-color: #22badf;
}

.partner-logos.gutters__container {
  margin-left: -6px;
  margin-right: -6px;
}

.partner-logos .gutters {
  padding: 6px;
}

.partner-logos img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.u3of4-over-l .partner-logos .u1of8-over-m {
  width: 20%;
  padding: 6px 8px;
}
@media (min-width: 701px) and (max-width: 940px) {
  .u3of4-over-l .partner-logos .u1of8-over-m {
    width: 25%;
  }
}
@media (max-width: 500px) {
  .u3of4-over-l .partner-logos .u1of8-over-m {
    width: 33.33%;
  }
}

@media (max-width: 700px) {
  .page-home .partner-logos .gutters {
    padding: 6px 8px;
  }
}

/* * * * * * * * * * * * *  PARTNER LOGOS  * * * * * * * * * * * * */
.is-charanga .hero-logo {
  margin-top: 45px;
}
.is-charanga .cms-awards {
  margin-bottom: 0;
}
.is-charanga .musical-school-intro-bullets {
  width: auto;
  float: none;
}
.is-charanga .musical-school-intro-bullets > ul {
  max-width: auto;
}
@media (max-width: 940px) {
  .is-charanga {
    width: 100% !important;
  }
  .is-charanga + div {
    width: 100% !important;
  }
}

@media (min-width: 701px) {
  .freestyle aside {
    border-left: 30px solid #fff;
    box-sizing: content-box;
  }
}
@media (min-width: 701px) {
  .song-collections .u1of4-over-m {
    width: 50%;
  }
}

.nav-in-page-secondary {
  padding-top: 4px;
  padding-bottom: 24px;
}

.wp-paginate {
  padding-left: 0;
  padding-top: 4px;
  padding-bottom: 2px;
  margin: 0;
}

.wp-paginate li {
  display: inline;
  list-style: none;
}

.wp-paginate a {
  background: #e4e4e4;
  color: #666;
  margin-right: 6px;
  padding: 4px 8px;
  text-align: center;
  text-decoration: none;
}

.wp-paginate .title {
  margin-right: 4px;
}

.wp-paginate .gap {
  margin-right: 4px;
}

.wp-paginate * {
  border-radius: 3px;
}

.wp-paginate .current {
  color: #000;
  background-color: #00aca1;
  font-weight: bold;
  margin-right: 4px;
  padding: 4px 8px;
}

.wp-paginate a.page:hover,
.wp-paginate a.next:hover,
.wp-paginate a.prev:hover {
  background-color: #999;
  color: #fff;
}

.wp-paginate {
  word-wrap: normal;
}

.wp-paginate li {
  display: block;
  float: left;
}

.wp-paginate .page,
.wp-paginate .title,
.wp-paginate .next,
.wp-paginate .prev {
  display: block;
  min-width: 30px;
  text-align: center;
}

.wp-paginate .title {
  padding-top: 5px;
}

@font-face {
  font-family: "Genericons";
  src: url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"), url("../Genericons.ttf") format("truetype"), url("../Genericons.svg#Genericons") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Genericons";
    src: url("../Genericons.svg#Genericons") format("svg");
  }
}
.genericon {
  font-size: 16px;
  vertical-align: top;
  text-align: center;
  -moz-transition: color 0.1s ease-in 0;
  -webkit-transition: color 0.1s ease-in 0;
  display: inline-block;
  font-family: "Genericons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  speak: none;
  font-family: "Genericons" !important;
  font-size: 24px;
  line-height: 0.8em;
}

.genericon-search:before {
  content: "\f400";
}

.wp-paginate {
  height: 26px;
}
.wp-paginate .current {
  color: #fff;
  background-color: rgb(219.7256756757, 52.9743243243, 76.4905405405);
}
.wp-paginate a {
  color: #555;
}

@media (min-width: 941px) {
  .page-news .wp-paginate {
    margin-left: 17px;
  }
}
@media (min-width: 701px) and (max-width: 940px) {
  .page-news .wp-paginate {
    margin-left: 11px;
  }
}
@media (max-width: 700px) {
  .page-news .wp-paginate {
    margin-left: 5px;
  }
}

/* EO Theme compatability */
.eo-tc-page .eo-events-nav-later {
  float: right;
}

.eo-tc-page .eo-events-nav-earlier {
  float: left;
}

.eo-tc-page .eo-events-nav {
  overflow: inherit;
  margin: 10px auto;
  display: inline;
}

.eo-tc-page nav:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.eo-tc-event {
  margin: 25px auto;
}

.eo-tc-event .eo-event-header {
  display: block;
}

.eo-tc-event .eo-event-title {
  margin-bottom: 0px;
}

.eo-tc-event .eo-event-date {
  font-style: italic;
  display: block;
  margin: 5px 0;
}

.eo-tc-event .eo-event-details {
  margin-top: 0px;
}

.eo-event-meta {
  margin: 10px 10px;
}

.eo-tc-event .eo-event-meta {
  clear: both;
  list-style: none;
  float: none;
  display: inline-block;
  padding: 0;
}

.eo-tc-event .eo-event-content {
  display: inherit;
  float: none;
  margin-left: 10px;
}

.eo-event-thumbnail {
  display: inline;
  float: left;
  margin: 10px;
}

.fc-button .ui-button-text {
  line-height: 8px !important;
}

.ui-button-text-only .ui-button-text {
  padding: 0.4em 0.8em;
}

.ui-button {
  margin-left: -1px;
}

.ui-button-icon-only .ui-button-text {
  padding: 0.14em;
}

.ui-autocomplete-input {
  margin: 0;
  padding: 0.3em 0 0.3em 0.45em;
}

/*Venue Map*/
.eo-venue-map {
  z-index: 1000;
}

.eo-venue-map img {
  max-width: none;
}

/* Event meta data */
body.single-event .eo-event-venue-map,
body.single-event .eo-event-meta {
  float: none;
  width: 100%;
  margin-left: 0;
}

body.single-event .eo-event-meta {
  float: none;
}

.eo-upcoming-dates-pipe {
  margin: auto 5px;
}

/* fullCalendar */
.eo-fullcalendar .fc-toolbar {
  margin-bottom: 10px;
}

.eo-fullcalendar, .eo-fullcalendar button {
  font-size: 1em;
}

.eo-fullcalendar .fc-event {
  font-size: 0.9em;
}

.eo-fullcalendar .fc-view > table > thead {
  background: #f2f2f2;
  font-weight: bold;
  text-align: center;
}

.eo-fullcalendar .fc-view > table > tbody {
  background: #fff;
}

.eo-fullcalendar-key ul.eo_fullcalendar_key {
  display: inline-block;
  font-size: 0.8em;
}

.eo-fullcalendar-key ul.eo_fullcalendar_key li {
  display: inline-block;
  margin: 0 3px;
}

.eo-fullcalendar-key span.eo_fullcalendar_key_colour {
  margin: 4px 2px 4px 5px;
  border: 1px solid #DFDFDF;
  border-radius: 4px 4px 4px 4px;
  font-size: 0.9em;
  vertical-align: top;
  padding: 0 6px;
}

.eo-widget-cal-wrap {
  position: relative;
}

.eo-widget-cal-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
}

.eo-widget-cal-loading {
  opacity: 0.6;
}

.eo-widget-cal-spinner {
  border-radius: 50%;
  opacity: 0.9;
  background: url(images/loading-40x40.gif);
  background-position: center;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px; /* height or width / 2 */
  position: absolute;
  top: 50%;
  left: 50%;
}

/* Agenda CSS */
.eo-agenda-widget ul {
  list-style: none;
  margin: 0;
}

.eo-agenda-widget ul li {
  list-style: none;
}

.eo-agenda-widget .eo-agenda-widget-nav {
  overflow: hidden;
  margin-bottom: 3px;
  text-align: right;
}

.eo-agenda-widget .eo-agenda-widget-nav-next,
.eo-agenda-widget .eo-agenda-widget-nav-prev {
  border: 1px solid #dfdfdf;
  font-weight: normal;
  cursor: pointer;
  padding: 3px 9px;
  background: #ececec;
  margin: 3px;
  color: #21759b;
  font-size: 12px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  border-radius: 3px;
}

.eo-agenda-widget .eo-agenda-widget-nav-next:hover,
.eo-agenda-widget .eo-agenda-widget-nav-prev:hover {
  background: #ddd;
}

.eo-agenda-widget ul.dates {
  border-bottom: 1px solid #ececec;
  font-weight: bold;
}

.eo-agenda-widget ul.a-date {
  margin: 0;
}

.eo-agenda-widget li.date {
  border-top: 1px solid #ececec;
  padding: 10px 0;
}

.eo-agenda-widget li.event {
  padding: 5px 0 5px 10px;
  font-weight: normal;
  background: #ececec;
  border-radius: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  opacity: 0.75;
  color: #333;
  margin: 1px 0;
  position: relative;
}

.eo-agenda-widget li.event:hover {
  opacity: 1;
  background: #ececec;
}

.eo-agenda-widget li.event .cat {
  padding: 10px 3px;
  background: none;
  margin-right: 5px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.eo-agenda-widget li.event .meta {
  font-size: 0.9em;
}

.eo-agenda-widget li.event a.eo-agenda-event-permalink {
  display: block;
  text-decoration: none;
  color: #333;
}

.eo-agenda-widget li.event a.eo-agenda-event-permalink:hover {
  text-decoration: none;
  color: #333;
}

.eo-datepicker table,
.eo-datepicker tbody,
.eo-datepicker tfoot,
.eo-datepicker thead,
.eo-datepicker tr,
.eo-datepicker tr th,
.eo-datepicker tr td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

.eo-datepicker table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.eo-datepicker {
  font-size: 14px;
  background: white;
  border: 1px solid #aaa;
}

.eo-datepicker table {
  font-size: 0.8em;
  margin: 0;
}

.eo-datepicker td,
.eo-datepicker th {
  margin: 0;
  border: none;
  padding: 1px;
}

.eo-datepicker td span,
.eo-datepicker td a,
.eo-datepicker th a {
  background: white;
  border: none;
  text-decoration: none;
  display: block;
  padding: 0.5em 0.9em;
  text-align: right;
}

.eo-datepicker .ui-datepicker-header {
  background: #dddddd; /*@eo-fc-datepicker-header-bg;*/
  height: 30px;
  text-align: center;
}

.eo-datepicker a.ui-datepicker-next,
.eo-datepicker a.ui-datepicker-prev {
  font-size: 1.2em;
  font-weight: bold;
  display: inline-block;
  text-decoration: none;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  color: #000;
}

.eo-datepicker .ui-datepicker-next {
  float: right;
}

.eo-datepicker .ui-datepicker-prev {
  float: left;
}

.eo-datepicker select.ui-datepicker-month,
.eo-datepicker select.ui-datepicker-year {
  width: 45%;
}

.eo-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
}

.eo-datepicker .ui-datepicker-title select {
  width: auto;
  border: none;
  padding: 0px 5px;
  box-shadow: none;
  margin: 0px 5px;
  height: 30px;
  color: #000;
  font-size: 1em;
}

.eo-datepicker td span,
.eo-datepicker th span,
.eo-datepicker td a {
  display: block;
  text-align: center;
}

.eo-datepicker .ui-datepicker-calendar .ui-state-active .ui-state-default {
  background: #eee; /*@eo-fc-datepicker-selectable;*/
  position: relative;
  cursor: pointer;
  color: #333;
}

.eo-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-hover {
  color: #000;
  background: #ddd;
}

.eo-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-highlight {
  background: #FFFFE0; /*@eo-fc-datepicker-highlight;*/
}

.eo-datepicker .ui-datepicker-next:hover,
.eo-datepicker .ui-datepicker-prev:hover {
  color: #000;
  background: #aaa; /*@eo-fc-datepicker-header-bg-hover;*/
}

.eo-datepicker .ui-datepicker-calendar a.ui-state-active,
.eo-datepicker .ui-datepicker-calendar .ui-state-active:hover .ui-state-active,
.eo-datepicker .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-active {
  background: #eee; /*@eo-fc-datepicker-selectable;*/
}

.eo-datepicker .ui-datepicker-calendar .ui-datepicker-current-day.ui-state-active {
  background: #eee; /*@eo-fc-datepicker-active-bg;*/
}

#ui-datepicker-div {
  display: none;
}

/*
 * qTip2 - Pretty powerful tooltips - v2.2.1
 * http://qtip2.com
 *
 * Copyright (c) 2014 
 * Released under the MIT licenses
 * http://jquery.org/license
 *
 * Date: Sat Sep 6 2014 11:12 GMT+0100+0100
 * Plugins: tips modal viewport svg imagemap ie6
 * Styles: core basic css3
 */
.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 280px;
  min-width: 50px;
  font-size: 10.5px;
  line-height: 12px;
  direction: ltr;
  box-shadow: none;
  padding: 0;
}

.qtip-content {
  position: relative;
  padding: 5px 9px;
  overflow: hidden;
  text-align: left;
  word-wrap: break-word;
}

.qtip-titlebar {
  position: relative;
  padding: 5px 35px 5px 10px;
  overflow: hidden;
  border-width: 0 0 1px;
  font-weight: bold;
}

.qtip-titlebar + .qtip-content {
  border-top-width: 0 !important;
}

/* Default close button class */
.qtip-close {
  position: absolute;
  right: -9px;
  top: -9px;
  z-index: 11; /* Overlap .qtip-tip */
  cursor: pointer;
  outline: medium none;
  border: 1px solid transparent;
}

.qtip-titlebar .qtip-close {
  right: 4px;
  top: 50%;
  margin-top: -9px;
}

* html .qtip-titlebar .qtip-close {
  top: 16px;
} /* IE fix */
.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon {
  display: block;
  text-indent: -1000em;
  direction: ltr;
}

.qtip-icon, .qtip-icon .ui-icon {
  border-radius: 3px;
  text-decoration: none;
}

.qtip-icon .ui-icon {
  width: 18px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  text-indent: 0;
  font: normal bold 10px/13px Tahoma, sans-serif;
  color: inherit;
  background: transparent none no-repeat -100em -100em;
}

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
/* Default tooltip style */
.qtip-default {
  border: 1px solid #F1D031;
  background-color: #FFFFA3;
  color: #555;
}

.qtip-default .qtip-titlebar {
  background-color: #FFEF93;
}

.qtip-default .qtip-icon {
  border-color: #CCC;
  background: #F1F1F1;
  color: #777;
}

.qtip-default .qtip-titlebar .qtip-close {
  border-color: #AAA;
  color: #111;
}

/*! Event Organiser tooltip style */
.qtip-eo {
  background-color: white;
  border-color: #E2E2E2;
  color: #454545;
}

.qtip-eo .qtip-titlebar {
  background-color: #ddd;
}

/* =Basic reset for fullCalendar
----------------------------------------------- */
.eo-fullcalendar-reset div,
.eo-fullcalendar-reset h2,
.eo-fullcalendar-reset table,
.eo-fullcalendar-reset tbody,
.eo-fullcalendar-reset tfoot,
.eo-fullcalendar-reset thead,
.eo-fullcalendar-reset tr,
.eo-fullcalendar-reset th,
.eo-fullcalendar-reset td,
.eo-fullcalendar-reset footer,
.eo-fullcalendar-reset header {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  transition: none;
  max-width: none;
  background: none;
}

.eo-fullcalendar-reset .fc-content-skeleton table,
.eo-fullcalendar-reset .fc-content-skeleton tbody,
.eo-fullcalendar-reset .fc-view-container tr,
.eo-fullcalendar-reset .fc-content-skeleton tr,
.eo-fullcalendar-reset .fc-content-skeleton tr:nth-child(odd),
.eo-fullcalendar-reset .fc-content-skeleton tr:nth-child(even),
.eo-fullcalendar-reset .fc-view-container td,
.eo-fullcalendar-reset .fc-view-container th,
.eo-fullcalendar-reset .fc-content-skeleton th,
.eo-fullcalendar-reset .fc-content-skeleton td {
  margin: 0 !important;
  padding: 0 !important;
  background: none;
}

.eo-fullcalendar-reset.fc-unthemed .fc-today { /* Our reset will over-ride .fc-unthemed .fc-today*/
  background: #fcf8e3;
}

.eo-fullcalendar a { /* Fix for themes which are over-zealouse with transitions */
  transition: none;
  max-width: none;
}

.eo-fullcalendar table {
  border-collapse: collapse;
  border-spacing: 0;
}

.eo-fullcalendar-loading {
  background: white;
  position: absolute;
  z-index: 5;
}

.eo-fullcalendar-loading-icon {
  vertical-align: middle;
  padding: 0px 5px 5px 0px;
}

.eo-fullcalendar-screen-reader-text {
  position: absolute;
  margin: -1px;
  padding: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}

/* = Responsive: Hide view buttons on mobiles in responsive mode
----------------------------------------------- */
/* .*/
@media (max-width: 512px) {
  .eo-fullcalendar-responsive .fc-month-button,
  .eo-fullcalendar-responsive .fc-agendaWeek-button,
  .eo-fullcalendar-responsive .fc-agendaDay-button,
  .eo-fullcalendar-responsive .fc-basicWeek-button,
  .eo-fullcalendar-responsive .fc-basicDay-button {
    display: none;
  }
  .eo-fullcalendar-responsive .fc-toolbar h2 {
    text-align: center;
  }
}
/*Added to fit with full calendar*/
/*button.ui-datepicker-trigger.ui-button.ui-widget{vertical-align: top;}*/
.ui-datepicker {
  z-index: 100 !important;
}

.ui-selectmenu-menu {
  z-index: 10 !important;
}

/*!
 * FullCalendar v2.2.6 Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 * Edits by Stephen Harris for Event Organiser
 */
.fc {
  direction: ltr;
  text-align: left;
  -ms-touch-action: none;
}

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

body .fc { /* extra precedence to overcome jqui */
  font-size: 1em;
}

/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed hr,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
  border-color: #ddd;
}

.fc-unthemed .fc-popover {
  background-color: #fff;
}

.fc-unthemed hr,
.fc-unthemed .fc-popover .fc-header {
  background: #eee;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

.fc-unthemed .fc-today {
  background: #fcf8e3;
}

.fc-highlight { /* when user is selecting cells */
  background: #bce8f1;
  opacity: 0.3;
  filter: alpha(opacity=30); /* for IE */
}

.fc-bgevent { /* default look for background events */
  background: rgb(143, 223, 130);
  opacity: 0.3;
  filter: alpha(opacity=30); /* for IE */
}

.fc-nonbusiness { /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #ccc;
}

/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon {
  display: inline-block;
  font-size: 2em;
  line-height: 0.5em;
  height: 0.5em; /* will make the total height 1em */
  font-family: "Courier New", Courier, monospace;
}

.fc-icon-left-single-arrow:after {
  content: "‹";
  font-weight: bold;
}

.fc-icon-right-single-arrow:after {
  content: "›";
  font-weight: bold;
}

.fc-icon-left-double-arrow:after {
  content: "«";
}

.fc-icon-right-double-arrow:after {
  content: "»";
}

.fc-icon-x:after {
  content: "×";
}

/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc button {
  /* force height to include the border and padding */
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 0.6em;
  /* text & cursor */
  font-size: 1em; /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

@media print, all and (max-width: 400px) {
  /* make some room on skinny screens */
  .fc button {
    padding: 0 0.4em;
  }
}
/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

.fc-state-default { /* non-theme */
  border: 1px solid;
}

.fc-state-default.fc-corner-left { /* non-theme */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0px;
}

.fc-state-default.fc-corner-right { /* non-theme */
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

/* icons in buttons */
.fc button .fc-icon { /* non-theme */
  position: relative;
  top: 0.05em; /* seems to be a good adjustment across browsers */
  margin: 0 0.1em;
}

/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
  background-color: #f5f5f5;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

.fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  transition: background-position 0.1s linear;
}

.fc-state-down,
.fc-state-active {
  background-color: #cccccc;
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}

/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
  display: inline-block;
}

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
.fc .fc-button-group > * { /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

.fc .fc-button-group > :first-child { /* same */
  margin-left: 0;
}

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.fc-popover .fc-header {
  padding: 2px 4px;
}

.fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

.fc-popover .fc-header .fc-close {
  cursor: pointer;
}

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

/* unthemed */
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: 25px;
  margin-top: 4px;
}

/* jqui themed */
.fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0; /* where they meet, let the header have the border */
}

/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc hr {
  height: 0;
  margin: 0;
  padding: 0 0 2px; /* height is unreliable across browsers, so use padding */
  border-style: solid;
  border-width: 1px 0;
}

.fc-clear {
  clear: both;
}

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.fc-bg {
  bottom: 0; /* strech bg to bottom edge */
}

.fc-bg table {
  height: 100%; /* strech bg to bottom edge */
}

/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em; /* normalize cross-browser */
}

.fc th {
  text-align: center;
}

.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

.fc td.fc-today {
  border-style: double; /* overcome neighboring borders */
}

/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row { /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

.fc-row table {
  /* don't put left/right border on anything within a fake row.
     the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

.fc-row:first-child table {
  border-top: 0 hidden transparent; /* no top border on first row */
}

/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
  position: relative;
}

.fc-row .fc-bg {
  z-index: 1;
}

/* highlighting cells & background event skeleton */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0; /* stretch skeleton to bottom of row */
}

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
  height: 100%; /* stretch skeleton to bottom of row */
}

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

.fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

.fc-row .fc-highlight-skeleton {
  z-index: 3;
}

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px; /* matches the space above the events */
}

.fc-row .fc-helper-skeleton {
  z-index: 5;
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none; /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller { /* this class goes on elements for guaranteed vertical scrollbars */
  overflow-y: scroll;
  overflow-x: hidden;
}

.fc-scroller > * { /* we expect an immediate inner element */
  position: relative; /* re-scope all positions */
  width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */
  overflow: hidden; /* don't let negative margins or absolute positioning create further scroll */
}

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
  position: relative; /* for resize handle and other inner positioning */
  display: block; /* make the <a> tag block */
  font-size: 1em;
  line-height: 1.3;
  border-radius: 0px;
  border: 1px solid #3a87ad; /* default BORDER color */
  background-color: #3a87ad; /* default BACKGROUND color */
  font-weight: normal; /* undo jqui's ui-widget-header bold */
}

/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
  color: #fff; /* default TEXT color */
  text-decoration: none; /* if <a> has an href */
}

.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer; /* give events with links and draggable events a hand mouse pointer */
}

.fc-not-allowed,
.fc-not-allowed .fc-event { /* to override an event's custom cursor */
  cursor: not-allowed;
}

/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
  margin: 1px 2px 0; /* spacing between events and edges */
  padding: 0 1px;
}

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-day-grid-event.fc-not-start,
.fc-rtl .fc-day-grid-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px; /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.fc-ltr .fc-day-grid-event.fc-not-end,
.fc-rtl .fc-day-grid-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px; /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.fc-oneline .fc-day-grid-event > .fc-content { /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

.fc-day-grid-event .fc-time {
  font-weight: bold;
}

/* resize handle (outside of fc-content, so can go outside of bounds) */
.fc-day-grid-event .fc-resizer {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 7px;
}

.fc-ltr .fc-day-grid-event .fc-resizer {
  right: -3px;
  cursor: e-resize;
}

.fc-rtl .fc-day-grid-event .fc-resizer {
  left: -3px;
  cursor: w-resize;
}

/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
  margin: 1px 3px;
  font-size: 0.85em;
  cursor: pointer;
  text-decoration: none;
}

a.fc-more:hover {
  text-decoration: underline;
}

.fc-limited { /* rows and cells that are hidden because of a "more" link */
  display: none;
}

/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
  z-index: 1; /* make the "more" popover one higher than this */
}

.fc-more-popover {
  z-index: 2;
  width: 220px;
}

.fc-more-popover .fc-event-container {
  padding: 10px;
}

/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
  text-align: center;
  margin-bottom: 1em;
}

.fc-toolbar .fc-left {
  float: left;
}

.fc-toolbar .fc-right {
  float: right;
}

.fc-toolbar .fc-center {
  display: inline-block;
}

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * { /* extra precedence to override button border margins */
  float: left;
  margin-left: 0.37em;
  margin-right: 0.37em;
}

@media print, all and (max-width: 601px) {
  .fc-toolbar {
    margin-bottom: 0;
  }
  .fc-toolbar .fc-left,
  .fc-toolbar .fc-center {
    float: inherit;
    display: block;
  }
  .fc .fc-toolbar > * > * {
    float: inherit;
  }
  .fc-toolbar .fc-right {
    float: inherit;
  }
}
@media print, all and (min-width: 514px) {
  /* the first thing within each left/center/right section */
  .fc .fc-toolbar > * > :first-child { /* extra precedence to override button border margins */
    margin-left: 0;
    margin-right: 0;
  }
}
/* title text */
.fc-toolbar h2 {
  margin: 0;
}

/* button layering (for border precedence) */
.fc-toolbar button {
  position: relative;
}

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
  z-index: 2;
}

.fc-toolbar .fc-state-down {
  z-index: 3;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
  z-index: 4;
}

.fc-toolbar button:focus {
  z-index: 5;
}

/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  box-sizing: content-box;
}

.fc-view,
.fc-view > table { /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
  /* we are sure there are no day numbers in these views, so... */
  padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
  padding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */
}

.fc-basic-view tbody .fc-row {
  min-height: 4em; /* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
  overflow: hidden;
}

.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

/* week and day number styling */
.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
  padding: 0 2px;
}

.fc-basic-view td.fc-week-number span,
.fc-basic-view td.fc-day-number {
  padding-top: 2px;
  padding-bottom: 2px;
}

.fc-basic-view .fc-week-number {
  text-align: center;
}

.fc-basic-view .fc-week-number span {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

.fc-ltr .fc-basic-view .fc-day-number {
  text-align: right;
}

.fc-rtl .fc-basic-view .fc-day-number {
  text-align: left;
}

.fc-day-number.fc-other-month {
  opacity: 0.3;
  filter: alpha(opacity=30); /* for IE */
  /* opacity with small font can sometimes look too faded
     might want to set the 'color' property instead
     making day-numbers bold also fixes the problem */
}

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2; /* so the "more.." popover will be over the time grid */
}

.fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em; /* all-day section will never get shorter than this */
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
  padding-bottom: 1em; /* give space underneath events for clicking/selecting days */
}

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis { /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

.fc-ltr .fc-axis {
  text-align: right;
}

.fc-rtl .fc-axis {
  text-align: left;
}

.ui-widget td.fc-axis {
  font-weight: normal; /* overcome jqui theme making it bold */
}

/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid { /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

.fc-time-grid {
  min-height: 100%; /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

.fc-time-grid table { /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

.fc-time-grid > .fc-bg {
  z-index: 1;
}

.fc-time-grid .fc-slats,
.fc-time-grid > hr { /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

.fc-time-grid .fc-bgevent-skeleton,
.fc-time-grid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.fc-time-grid .fc-bgevent-skeleton {
  z-index: 3;
}

.fc-time-grid .fc-highlight-skeleton {
  z-index: 4;
}

.fc-time-grid .fc-content-skeleton {
  z-index: 5;
}

.fc-time-grid .fc-helper-skeleton {
  z-index: 6;
}

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-slats td {
  height: 1.5em;
  border-bottom: 0; /* each cell is responsible for its top border */
}

.fc-slats .fc-minor td {
  border-top-style: dotted;
}

.fc-slats .ui-widget-content { /* for jqui theme */
  background: none; /* see through to fc-bg */
}

/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container { /* a div within a cell within the fc-highlight-skeleton */
  position: relative; /* scopes the left/right of the fc-highlight to be in the column */
}

.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-event-container,
.fc-time-grid .fc-bgevent-container { /* a div within a cell within the fc-bgevent-skeleton */
  position: relative;
}

.fc-ltr .fc-time-grid .fc-event-container { /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container { /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1; /* scope inner z-index's */
}

.fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event.fc-not-start { /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.fc-time-grid-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.fc-time-grid-event {
  overflow: hidden; /* don't let the bg flow over rounded corners */
}

.fc-time-grid-event > .fc-content { /* contains the time and title, but no bg and resizer */
  position: relative;
  z-index: 2; /* above the bg */
}

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
  padding: 0 1px;
}

.fc-time-grid-event .fc-time {
  font-size: 0.85em;
  white-space: nowrap;
}

.fc-time-grid-event .fc-bg {
  z-index: 1;
  background: #fff;
  opacity: 0.25;
  filter: alpha(opacity=25); /* for IE */
}

/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

.fc-time-grid-event.fc-short .fc-time span {
  display: none; /* don't display the full time text... */
}

.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start); /* ...instead, display only the start time */
}

.fc-time-grid-event.fc-short .fc-time:after {
  content: " - "; /* seperate with a dash, wrapped in nbsp's */
}

.fc-time-grid-event.fc-short .fc-title {
  font-size: 0.85em; /* make the title text the same size as the time */
  padding: 0; /* undo padding from above */
}

/* resizer */
.fc-time-grid-event .fc-resizer {
  position: absolute;
  z-index: 3; /* above content */
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

.fc-time-grid-event .fc-resizer:after {
  content: "=";
}

.fc-listMonth-view .fc-week-number,
.fc-listWeek-view .fc-week-number .fc-listDay-view .fc-week-number {
  padding: 0 2px;
  vertical-align: middle;
}

.fc-listMonth-view tbody .fc-row,
.fc-listWeek-view tbody .fc-row,
.fc-listDay-view tbody .fc-row {
  min-height: 2em;
}

.fc-listMonth-view .fc-week-number span,
.fc-listWeek-view .fc-week-number span,
.fc-listDay-view .fc-week-number span {
  line-height: 2em;
}

.fc-listMonth-view .fc-day-grid-event,
.fc-listWeek-view .fc-day-grid-event,
.fc-listDay-view .fc-day-grid-event {
  margin: 0 2px 1px;
}

.fc-listMonth-view .fc-row .fc-content-skeleton,
.fc-listWeek-view .fc-row .fc-content-skeleton,
.fc-listDay-view .fc-row .fc-content-skeleton {
  padding-bottom: 0;
}

.fc-listMonth-view .fc-row .fc-content-skeleton .fc-day-number,
.fc-listWeek-view .fc-row .fc-content-skeleton .fc-day-number,
.fc-listDay-view .fc-row .fc-content-skeleton .fc-day-number {
  text-align: left;
  line-height: 2em;
  border-bottom: 1px solid #DBDADA;
  font-weight: bold;
}

.fc-listMonth-view .fc-row .fc-content-skeleton .fc-day-number .fc-list-header-left,
.fc-listWeek-view .fc-row .fc-content-skeleton .fc-day-number .fc-list-header-left,
.fc-listDay-view .fc-row .fc-content-skeleton .fc-day-number .fc-list-header-left {
  float: left;
  padding-left: 5px;
}

.fc-listMonth-view .fc-row .fc-content-skeleton .fc-day-number .fc-list-header-right,
.fc-listWeek-view .fc-row .fc-content-skeleton .fc-day-number .fc-list-header-right,
.fc-listDay-view .fc-row .fc-content-skeleton .fc-day-number .fc-list-header-right {
  float: right;
  padding-right: 5px;
  color: #666;
}

.fc-listMonth-view.fc-display-date-above .fc-row .fc-content-skeleton tbody:before,
.fc-listMonth-view.fc-display-date-above .fc-row .fc-content-skeleton tbody:after,
.fc-listWeek-view.fc-display-date-above .fc-row .fc-content-skeleton tbody:before,
.fc-listWeek-view.fc-display-date-above .fc-row .fc-content-skeleton tbody:after,
.fc-listDay-view.fc-display-date-above .fc-row .fc-content-skeleton tbody:before,
.fc-listDay-view.fc-display-date-above .fc-row .fc-content-skeleton tbody:after {
  line-height: 0.5em;
  content: "-";
  color: white;
  display: block;
}

/* =Go to datepicker
----------------------------------------------- */
.eo-fc-datepicker {
  font-size: 14px;
  background: white;
  border: 1px solid #aaa;
}

.eo-fc-datepicker table {
  font-size: 0.8em;
  margin: 0;
}

.eo-fc-datepicker td,
.eo-fc-datepicker th {
  margin: 0;
  border: none;
  padding: 1px;
}

.eo-fc-datepicker td span,
.eo-fc-datepicker td a,
.eo-fc-datepicker th a {
  text-decoration: none;
  display: block;
  padding: 0.5em 0.9em;
  text-align: right;
}

.eo-fc-datepicker .ui-datepicker-header {
  background: #dddddd; /*@eo-fc-datepicker-header-bg;*/
  height: 30px;
  text-align: center;
}

.eo-fc-datepicker .ui-datepicker-header select {
  width: auto;
  background: none;
  border: none;
  padding: 0px 5px;
  box-shadow: none;
  margin: 0px 10px;
  height: 30px;
  color: #000;
}

.eo-fc-datepicker a.ui-datepicker-next,
.eo-fc-datepicker a.ui-datepicker-prev {
  font-size: 1.2em;
  font-weight: bold;
  display: inline-block;
  text-decoration: none;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  color: #000;
}

.eo-fc-datepicker .ui-datepicker-next {
  float: right;
}

.eo-fc-datepicker .ui-datepicker-prev {
  float: left;
}

.eo-fc-datepicker td span,
.eo-fc-datepicker th span,
.eo-fc-datepicker td a {
  display: block;
  text-align: center;
}

.eo-fc-datepicker .ui-datepicker-calendar .ui-state-default {
  background: #eee; /*@eo-fc-datepicker-selectable;*/
  position: relative;
  cursor: pointer;
  color: #333;
}

.eo-fc-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-hover {
  color: #000;
  background: #ddd;
}

.eo-fc-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-highlight {
  background: #FFFFE0; /*@eo-fc-datepicker-highlight;*/
}

.eo-fc-datepicker .ui-datepicker-next:hover,
.eo-fc-datepicker .ui-datepicker-prev:hover,
.eo-fc-datepicker .ui-datepicker-header select:hover {
  color: #000;
  background: #aaa; /*@eo-fc-datepicker-header-bg-hover;*/
}

.eo-fc-datepicker .ui-datepicker-calendar a.ui-state-active,
.eo-fc-datepicker .ui-datepicker-calendar .ui-state-active:hover .ui-state-active,
.eo-fc-datepicker .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-active {
  background: #ddd; /*@eo-fc-datepicker-selectable-bg;*/
}

.eo-fc-datepicker .ui-datepicker-calendar .ui-datepicker-current-day.ui-state-active {
  background: #eee; /*@eo-fc-datepicker-active-bg;*/
}

/* =Print
----------------------------------------------- */
@media print {
  .fc {
    max-width: 100% !important;
  }
  /* Global Event Restyling
  --------------------------------------------------------------------------------------------------*/
  .fc-event {
    background: #fff !important;
    color: #000 !important;
    page-break-inside: avoid;
  }
  .fc-event .fc-resizer {
    display: none;
  }
  /* Table & Day-Row Restyling
  --------------------------------------------------------------------------------------------------*/
  th,
  td,
  hr,
  thead,
  tbody,
  .fc-row {
    border-color: #ccc !important;
    background: #fff !important;
  }
  /* kill the overlaid, absolutely-positioned common components */
  .fc-bg,
  .fc-bgevent-skeleton,
  .fc-highlight-skeleton,
  .fc-helper-skeleton {
    display: none;
  }
  /* don't force a min-height on rows (for DayGrid) */
  .fc tbody .fc-row {
    height: auto !important; /* undo height that JS set in distributeHeight */
    min-height: 0 !important; /* undo the min-height from each view's specific stylesheet */
  }
  .fc tbody .fc-row .fc-content-skeleton {
    position: static; /* undo .fc-rigid */
    padding-bottom: 0 !important; /* use a more border-friendly method for this... */
  }
  .fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td { /* only works in newer browsers */
    padding-bottom: 1em; /* ...gives space within the skeleton. also ensures min height in a way */
  }
  .fc tbody .fc-row .fc-content-skeleton table {
    /* provides a min-height for the row, but only effective for IE, which exaggerates this value,
      		making it look more like 3em. for other browers, it will already be this tall */
    height: 1em;
  }
  /* Undo month-view event limiting. Display all events and hide the "more" links
  --------------------------------------------------------------------------------------------------*/
  .fc-more-cell,
  .fc-more {
    display: none !important;
  }
  .fc tr.fc-limited {
    display: table-row !important;
  }
  .fc td.fc-limited {
    display: table-cell !important;
  }
  .fc-popover {
    display: none; /* never display the "more.." popover in print mode */
  }
  /* TimeGrid Restyling
  --------------------------------------------------------------------------------------------------*/
  /* undo the min-height 100% trick used to fill the container's height */
  .fc-time-grid {
    min-height: 0 !important;
  }
  /* don't display the side axis at all ("all-day" and time cells) */
  .fc-agenda-view .fc-axis {
    display: none;
  }
  /* don't display the horizontal lines */
  .fc-slats,
  .fc-time-grid hr { /* this hr is used when height is underused and needs to be filled */
    display: none !important; /* important overrides inline declaration */
  }
  /* let the container that holds the events be naturally positioned and create real height */
  .fc-time-grid .fc-content-skeleton {
    position: static;
  }
  /* in case there are no events, we still want some height */
  .fc-time-grid .fc-content-skeleton table {
    height: 4em;
  }
  /* kill the horizontal spacing made by the event container. event margins will be done below */
  .fc-time-grid .fc-event-container {
    margin: 0 !important;
  }
  /* TimeGrid *Event* Restyling
  --------------------------------------------------------------------------------------------------*/
  /* naturally position events, vertically stacking them */
  .fc-time-grid .fc-event {
    position: static !important;
    margin: 3px 2px !important;
  }
  /* for events that continue to a future day, give the bottom border back */
  .fc-time-grid .fc-event.fc-not-end {
    border-bottom-width: 1px !important;
  }
  /* indicate the event continues via "..." text */
  .fc-time-grid .fc-event.fc-not-end:after {
    content: "...";
  }
  /* for events that are continuations from previous days, give the top border back */
  .fc-time-grid .fc-event.fc-not-start {
    border-top-width: 1px !important;
  }
  /* indicate the event is a continuation via "..." text */
  .fc-time-grid .fc-event.fc-not-start:before {
    content: "...";
  }
  /* time */
  /* undo a previous declaration and let the time text span to a second line */
  .fc-time-grid .fc-event .fc-time {
    white-space: normal !important;
  }
  /* hide the the time that is normally displayed... */
  .fc-time-grid .fc-event .fc-time span {
    display: none;
  }
  /* ...replace it with a more verbose version (includes AM/PM) stored in an html attribute */
  .fc-time-grid .fc-event .fc-time:after {
    content: attr(data-full);
  }
  /* Vertical Scroller & Containers
  --------------------------------------------------------------------------------------------------*/
  /* kill the scrollbars and allow natural height */
  .fc-scroller,
  .fc-day-grid-container,
  .fc-time-grid-container { /* */
    overflow: visible !important;
    height: auto !important;
  }
  /* kill the horizontal border/padding used to compensate for scrollbars */
  .fc-row {
    border: 0 !important;
    margin: 0 !important;
  }
  /* Button Controls
  --------------------------------------------------------------------------------------------------*/
  .fc-button-group,
  .fc button {
    display: none; /* don't display any button-related controls */
  }
  /*.fc-event-skin {background: none !important;color: #000 !important;}*/
}
.event-list {
  /* * * * *  TO MAKE ROOM FOR FOCUS OUTLINE WHEN TABBING  * * * * */
  /* * * * *  TO MAKE ROOM FOR FOCUS OUTLINE WHEN TABBING  * * * * */
}
.event-list .eo-events {
  list-style: none;
  padding-left: 0;
}
.event-list .eo-date-container {
  float: left;
  text-align: center;
  border-right: 2px #ccc solid;
  width: 80px;
  height: 86px;
  padding-right: 20px;
  margin-right: 24px;
}
@media (max-width: 500px) {
  .event-list .eo-date-container {
    width: 68px;
    padding-right: 10px;
    margin-right: 20px;
  }
}
.event-list .eo-month {
  font-size: 20px;
  font-weight: bold;
  color: rgb(22.1849802372, 127.5636363636, 153.2150197628);
  text-transform: uppercase;
  line-height: 0.5;
}
.event-list .eo-date {
  font-size: 30px;
  font-weight: bold;
  color: #000;
  line-height: 0.8;
}
.event-list .eo-day {
  text-transform: uppercase;
  color: #333;
  letter-spacing: 0.1em;
  display: block;
  margin-top: -9px;
  line-height: 2em;
}
.event-list .eo-time {
  display: block;
  line-height: 0.3;
  color: #333;
}
.event-list .eo-events img {
  margin-top: 2px;
}
.event-list .eo-title {
  margin-bottom: 3px;
}
.event-list .eo-title a:focus {
  text-decoration: none;
}
.event-list .eo-date-container {
  margin-top: 4px;
}
.event-list .eo-details {
  padding-top: 4px;
}

/* * * * *  TO MAKE ROOM FOR FOCUS OUTLINE WHEN TABBING  * * * * */
.page-template-template-eo-events .event-list .eo-date-container {
  margin-top: 8px;
}
.page-template-template-eo-events .event-list .eo-thumb-container {
  margin-top: 10px;
}
.page-template-template-eo-events .event-list .eo-details {
  padding-left: 2px;
}

/* * * * *  TO MAKE ROOM FOR FOCUS OUTLINE WHEN TABBING  * * * * */
.eo-thumb-container {
  background-size: contain;
  width: 81px;
  height: 70px;
  margin-right: 18px;
}

@media (max-width: 500px) {
  .event-list-page .eo-thumb-container {
    display: none;
  }
}

button[type=button].fc-state-disabled {
  background-color: #ccc;
}

.eo-event-meta {
  margin-left: 0 !important;
}

.eo-venue-map {
  z-index: 1;
  margin-bottom: 30px;
}

.eo-event-thumbnail {
  margin-left: 0 !important;
  margin-top: 6px;
}

.eo-all-day .eo-time-hyphen {
  display: none;
}

.eo-single-event-title {
  margin-bottom: 11px;
}

body.single-event .eo-event-meta {
  width: 100%;
}

.eo-event-venue-map {
  margin-top: 4px;
}
@media (min-width: 600px) {
  .eo-event-venue-map {
    margin-left: 30px;
  }
}

.archive .eo-event-title {
  margin-top: 0;
  margin-bottom: 6px;
}
.archive .eo-venue-map {
  z-index: 1;
  margin-top: 4px;
}
.archive article {
  margin-top: 0;
}

.fc table {
  box-sizing: border-box;
}

.fc .fc-toolbar > * > * {
  margin-right: 0;
}

.key-pairs {
  display: inline-block;
  float: left;
}
@media (max-width: 700px) {
  .key-pairs {
    display: block;
    float: none;
  }
}

.key-colour {
  display: inline-block;
  float: left;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
@media (max-width: 700px) {
  .key-colour {
    display: inline;
  }
}

.key-event-cat {
  float: left;
  margin-right: 20px;
}
@media (max-width: 700px) {
  .key-event-cat {
    float: none;
  }
}

article.type-event {
  margin-top: 30px;
}
article.type-event:first-child {
  margin-top: 0;
}

.post-type-archive-event .sidebar {
  display: none;
}

/* * * * * * * * *  Events / Tuition Calendar switching  * * * * * * * * */
.page-performances-events-opportunities .eo-event-cat-workforce-development {
  display: none;
}

/* * * * * * * * *  Events / Tuition Calendar switching  * * * * * * * * */
@media (max-width: 1100px) {
  .filter-holder {
    max-width: 550px;
  }
}

.isotope-filter {
  height: 40px;
  width: 250px;
  padding-left: 10px;
  margin-right: 12px;
  margin-bottom: 12px;
  background-color: #c7d42c;
}

[class*=isotope__error] {
  color: #de4258;
}

.page-locality .isotope-filter {
  width: 210px;
}
@media (max-width: 1110px) {
  .page-locality #filter_form,
  .page-locality #filter_form2 {
    width: 300px;
  }
}

@media (max-width: 940px) {
  .page-performances-events-opportunities #filter_form {
    width: 500px;
  }
}
@media (max-width: 500px) {
  .page-performances-events-opportunities #filter_form {
    width: 300px;
  }
}

@media (max-width: 730px) {
  .page-musical-groups #filter_form {
    width: 300px;
  }
}

#cff .cff-author .cff-date {
  color: #767676;
}

.hidden {
  display: none;
}

.very-hidden {
  display: none !important;
  visibility: hidden;
}

.invisible {
  visibility: hidden;
}

[class*="--hidden"] {
  display: none;
}

@media (min-width: 501px) {
  .block-over-s {
    display: block;
  }
  .inline-block-over-s {
    display: inline-block;
  }
  .hidden-over-s {
    display: none;
  }
  .visually-hidden-over-s {
    visibility: hidden;
  }
}
@media (max-width: 500px) {
  .block-under-s {
    display: block;
  }
  .inline-block-under-s {
    display: inline-block;
  }
  .hidden-under-s {
    display: none;
  }
  .visually-hidden-under-s {
    visibility: hidden;
  }
}
@media (min-width: 701px) {
  .block-over-m {
    display: block;
  }
  .inline-block-over-m {
    display: inline-block;
  }
  .hidden-over-m {
    display: none;
  }
  .visually-hidden-over-m {
    visibility: hidden;
  }
}
@media (max-width: 700px) {
  .block-under-m {
    display: block;
  }
  .inline-block-under-m {
    display: inline-block;
  }
  .hidden-under-m {
    display: none;
  }
  .visually-hidden-under-m {
    visibility: hidden;
  }
}
@media (min-width: 941px) {
  .block-over-l {
    display: block;
  }
  .inline-block-over-l {
    display: inline-block;
  }
  .hidden-over-l {
    display: none;
  }
  .visually-hidden-over-l {
    visibility: hidden;
  }
}
@media (max-width: 940px) {
  .block-under-l {
    display: block;
  }
  .inline-block-under-l {
    display: inline-block;
  }
  .hidden-under-l {
    display: none;
  }
  .visually-hidden-under-l {
    visibility: hidden;
  }
}
@media (min-width: 1281px) {
  .block-over-xl {
    display: block;
  }
  .inline-block-over-xl {
    display: inline-block;
  }
  .hidden-over-xl {
    display: none;
  }
  .visually-hidden-over-xl {
    visibility: hidden;
  }
}
@media (max-width: 1280px) {
  .block-under-xl {
    display: block;
  }
  .inline-block-under-xl {
    display: inline-block;
  }
  .hidden-under-xl {
    display: none;
  }
  .visually-hidden-under-xl {
    visibility: hidden;
  }
}
/* Text meant only for screen readers. */
.screen-reader-text,
.visually-hidden {
  position: fixed !important;
  _position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
.screen-reader-text:focus, .screen-reader-text.focusable:active, .screen-reader-text.focusable:focus,
.visually-hidden:focus,
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  z-index: 99999;
  background: #fff;
  color: #000;
  width: auto;
}

.skip-widget {
  text-indent: -9999px;
}

.skip-widget:focus {
  text-indent: 0;
}

.inline {
  display: inline;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.table {
  display: table;
}

.table-cell {
  display: table-cell;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

@media (min-width: 501px) {
  .inline-over-s {
    display: inline;
  }
  .block-over-s {
    display: block;
  }
  .inline-block-over-s {
    display: inline-block;
  }
  .table-over-s {
    display: table;
  }
  .table-cell-over-s {
    display: table-cell;
  }
}
@media (min-width: 701px) {
  .inline-over-m {
    display: inline;
  }
  .block-over-m {
    display: block;
  }
  .inline-block-over-m {
    display: inline-block;
  }
  .table-over-m {
    display: table;
  }
  .table-cell-over-m {
    display: table-cell;
  }
}
@media (min-width: 941px) {
  .inline-over-l {
    display: inline;
  }
  .block-over-l {
    display: block;
  }
  .inline-block-over-l {
    display: inline-block;
  }
  .table-over-l {
    display: table;
  }
  .table-cell-over-l {
    display: table-cell;
  }
}
@media (min-width: 1281px) {
  .inline-over-xl {
    display: inline;
  }
  .block-over-xl {
    display: block;
  }
  .inline-block-over-xl {
    display: inline-block;
  }
  .table-over-xl {
    display: table;
  }
  .table-cell-over-xl {
    display: table-cell;
  }
}
.left {
  float: left;
}

.right {
  float: right;
}

.center,
.centred {
  display: block;
  float: none;
  margin-right: auto !important;
  margin-left: auto !important;
}

@media (min-width: 501px) {
  .left-over-s {
    float: left;
  }
  .right-over-s {
    float: right;
  }
  .center-over-s {
    display: block;
    float: none;
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
@media (min-width: 701px) {
  .left-over-m {
    float: left;
  }
  .right-over-m {
    float: right;
  }
  .center-over-m {
    display: block;
    float: none;
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
@media (min-width: 941px) {
  .left-over-l {
    float: left;
  }
  .right-over-l {
    float: right;
  }
  .center-over-l {
    display: block;
    float: none;
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
@media (min-width: 1281px) {
  .left-over-xl {
    float: left;
  }
  .right-over-xl {
    float: right;
  }
  .center-over-xl {
    display: block;
    float: none;
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
@media (max-width: 500px) {
  .left-under-s {
    float: left;
  }
  .right-under-s {
    float: right;
  }
  .center-under-s {
    display: block;
    float: none;
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
@media (max-width: 700px) {
  .left-under-m {
    float: left;
  }
  .right-under-m {
    float: right;
  }
  .center-under-m {
    display: block;
    float: none;
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
@media (max-width: 940px) {
  .left-under-l {
    float: left;
  }
  .right-under-l {
    float: right;
  }
  .center-under-l {
    display: block;
    float: none;
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
@media (max-width: 1280px) {
  .left-under-xl {
    float: left;
  }
  .right-under-xl {
    float: right;
  }
  .center-under-xl {
    display: block;
    float: none;
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
.cf,
.clear,
.clearfix {
  zoom: 1;
}
.cf:before, .cf:after,
.clear:before,
.clear:after,
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.cf:after,
.clear:after,
.clearfix:after {
  clear: both;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.clear-none {
  clear: none;
}

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

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

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

@media (min-width: 501px) {
  .text-left-over-s {
    text-align: left;
  }
  .text-right-over-s {
    text-align: right;
  }
  .text-center-over-s {
    text-align: center;
  }
}
@media (min-width: 701px) {
  .text-left-over-m {
    text-align: left;
  }
  .text-right-over-m {
    text-align: right;
  }
  .text-center-over-m {
    text-align: center;
  }
}
@media (min-width: 941px) {
  .text-left-over-l {
    text-align: left;
  }
  .text-right-over-l {
    text-align: right;
  }
  .text-center-over-l {
    text-align: center;
  }
}
@media (min-width: 1281px) {
  .text-left-over-xl {
    text-align: left;
  }
  .text-right-over-xl {
    text-align: right;
  }
  .text-center-over-xl {
    text-align: center;
  }
}
@media (max-width: 500px) {
  .text-left-under-s {
    text-align: left;
  }
  .text-right-under-s {
    text-align: right;
  }
  .text-center-under-s {
    text-align: center;
  }
}
@media (max-width: 700px) {
  .text-left-under-m {
    text-align: left;
  }
  .text-right-under-m {
    text-align: right;
  }
  .text-center-under-m {
    text-align: center;
  }
}
@media (max-width: 940px) {
  .text-left-under-l {
    text-align: left;
  }
  .text-right-under-l {
    text-align: right;
  }
  .text-center-under-l {
    text-align: center;
  }
}
@media (max-width: 1280px) {
  .text-left-under-xl {
    text-align: left;
  }
  .text-right-under-xl {
    text-align: right;
  }
  .text-center-under-xl {
    text-align: center;
  }
}
.align-baseline {
  vertical-align: baseline;
}

.align-top {
  vertical-align: top;
}

.align-middle {
  vertical-align: middle;
}

.align-bottom {
  vertical-align: bottom;
}

.wrap {
  margin: 0 auto;
  position: relative;
  max-width: 1100px;
  padding-left: 12px;
  padding-right: 12px;
}
@media (min-width: 701px) {
  .wrap {
    padding-left: 24px;
    padding-right: 24px;
  }
}

.row {
  overflow: hidden;
}

@media (min-width: 501px) {
  .u1of1-over-s {
    width: 100%;
  }
  .u0of1-over-s {
    width: 0%;
  }
  .u1of2-over-s {
    width: 50%;
  }
  .u1of3-over-s {
    width: 33.3333333333%;
  }
  .u2of3-over-s {
    width: 66.6666666667%;
  }
  .u1of4-over-s {
    width: 25%;
  }
  .u2of4-over-s {
    width: 50%;
  }
  .u3of4-over-s {
    width: 75%;
  }
  .u1of5-over-s {
    width: 20%;
  }
  .u2of5-over-s {
    width: 40%;
  }
  .u3of5-over-s {
    width: 60%;
  }
  .u4of5-over-s {
    width: 80%;
  }
  .u1of6-over-s {
    width: 16.6666666667%;
  }
  .u2of6-over-s {
    width: 33.3333333333%;
  }
  .u3of6-over-s {
    width: 50%;
  }
  .u4of6-over-s {
    width: 66.6666666667%;
  }
  .u5of6-over-s {
    width: 83.3333333333%;
  }
  .u1of7-over-s {
    width: 14.2857142857%;
  }
  .u2of7-over-s {
    width: 28.5714285714%;
  }
  .u3of7-over-s {
    width: 42.8571428571%;
  }
  .u4of7-over-s {
    width: 57.1428571429%;
  }
  .u5of7-over-s {
    width: 71.4285714286%;
  }
  .u6of7-over-s {
    width: 85.7142857143%;
  }
  .u1of8-over-s {
    width: 12.5%;
  }
  .u2of8-over-s {
    width: 25%;
  }
  .u3of8-over-s {
    width: 37.5%;
  }
  .u4of8-over-s {
    width: 50%;
  }
  .u5of8-over-s {
    width: 62.5%;
  }
  .u6of8-over-s {
    width: 75%;
  }
  .u7of8-over-s {
    width: 87.5%;
  }
  .u1of9-over-s {
    width: 11.1111111111%;
  }
  .u2of9-over-s {
    width: 22.2222222222%;
  }
  .u3of9-over-s {
    width: 33.3333333333%;
  }
  .u4of9-over-s {
    width: 44.4444444444%;
  }
  .u5of9-over-s {
    width: 55.5555555556%;
  }
  .u6of9-over-s {
    width: 66.6666666667%;
  }
  .u7of9-over-s {
    width: 77.7777777778%;
  }
  .u8of9-over-s {
    width: 88.8888888889%;
  }
  .u1of10-over-s {
    width: 10%;
  }
  .u2of10-over-s {
    width: 20%;
  }
  .u3of10-over-s {
    width: 30%;
  }
  .u4of10-over-s {
    width: 40%;
  }
  .u5of10-over-s {
    width: 50%;
  }
  .u6of10-over-s {
    width: 60%;
  }
  .u7of10-over-s {
    width: 70%;
  }
  .u8of10-over-s {
    width: 80%;
  }
  .u9of10-over-s {
    width: 90%;
  }
  .u1of11-over-s {
    width: 9.0909090909%;
  }
  .u2of11-over-s {
    width: 18.1818181818%;
  }
  .u3of11-over-s {
    width: 27.2727272727%;
  }
  .u4of11-over-s {
    width: 36.3636363636%;
  }
  .u5of11-over-s {
    width: 45.4545454545%;
  }
  .u6of11-over-s {
    width: 54.5454545455%;
  }
  .u7of11-over-s {
    width: 63.6363636364%;
  }
  .u8of11-over-s {
    width: 72.7272727273%;
  }
  .u9of11-over-s {
    width: 81.8181818182%;
  }
  .u10of11-over-s {
    width: 90.9090909091%;
  }
  .u1of12-over-s {
    width: 8.3333333333%;
  }
  .u2of12-over-s {
    width: 16.6666666667%;
  }
  .u3of12-over-s {
    width: 25%;
  }
  .u4of12-over-s {
    width: 33.3333333333%;
  }
  .u5of12-over-s {
    width: 41.6666666667%;
  }
  .u6of12-over-s {
    width: 50%;
  }
  .u7of12-over-s {
    width: 58.3333333333%;
  }
  .u8of12-over-s {
    width: 66.6666666667%;
  }
  .u9of12-over-s {
    width: 75%;
  }
  .u10of12-over-s {
    width: 83.3333333333%;
  }
  .u11of12-over-s {
    width: 91.6666666667%;
  }
}
@media (min-width: 701px) {
  .u1of1-over-m {
    width: 100%;
  }
  .u0of1-over-m {
    width: 0%;
  }
  .u1of2-over-m {
    width: 50%;
  }
  .u1of3-over-m {
    width: 33.3333333333%;
  }
  .u2of3-over-m {
    width: 66.6666666667%;
  }
  .u1of4-over-m {
    width: 25%;
  }
  .u2of4-over-m {
    width: 50%;
  }
  .u3of4-over-m {
    width: 75%;
  }
  .u1of5-over-m {
    width: 20%;
  }
  .u2of5-over-m {
    width: 40%;
  }
  .u3of5-over-m {
    width: 60%;
  }
  .u4of5-over-m {
    width: 80%;
  }
  .u1of6-over-m {
    width: 16.6666666667%;
  }
  .u2of6-over-m {
    width: 33.3333333333%;
  }
  .u3of6-over-m {
    width: 50%;
  }
  .u4of6-over-m {
    width: 66.6666666667%;
  }
  .u5of6-over-m {
    width: 83.3333333333%;
  }
  .u1of7-over-m {
    width: 14.2857142857%;
  }
  .u2of7-over-m {
    width: 28.5714285714%;
  }
  .u3of7-over-m {
    width: 42.8571428571%;
  }
  .u4of7-over-m {
    width: 57.1428571429%;
  }
  .u5of7-over-m {
    width: 71.4285714286%;
  }
  .u6of7-over-m {
    width: 85.7142857143%;
  }
  .u1of8-over-m {
    width: 12.5%;
  }
  .u2of8-over-m {
    width: 25%;
  }
  .u3of8-over-m {
    width: 37.5%;
  }
  .u4of8-over-m {
    width: 50%;
  }
  .u5of8-over-m {
    width: 62.5%;
  }
  .u6of8-over-m {
    width: 75%;
  }
  .u7of8-over-m {
    width: 87.5%;
  }
  .u1of9-over-m {
    width: 11.1111111111%;
  }
  .u2of9-over-m {
    width: 22.2222222222%;
  }
  .u3of9-over-m {
    width: 33.3333333333%;
  }
  .u4of9-over-m {
    width: 44.4444444444%;
  }
  .u5of9-over-m {
    width: 55.5555555556%;
  }
  .u6of9-over-m {
    width: 66.6666666667%;
  }
  .u7of9-over-m {
    width: 77.7777777778%;
  }
  .u8of9-over-m {
    width: 88.8888888889%;
  }
  .u1of10-over-m {
    width: 10%;
  }
  .u2of10-over-m {
    width: 20%;
  }
  .u3of10-over-m {
    width: 30%;
  }
  .u4of10-over-m {
    width: 40%;
  }
  .u5of10-over-m {
    width: 50%;
  }
  .u6of10-over-m {
    width: 60%;
  }
  .u7of10-over-m {
    width: 70%;
  }
  .u8of10-over-m {
    width: 80%;
  }
  .u9of10-over-m {
    width: 90%;
  }
  .u1of11-over-m {
    width: 9.0909090909%;
  }
  .u2of11-over-m {
    width: 18.1818181818%;
  }
  .u3of11-over-m {
    width: 27.2727272727%;
  }
  .u4of11-over-m {
    width: 36.3636363636%;
  }
  .u5of11-over-m {
    width: 45.4545454545%;
  }
  .u6of11-over-m {
    width: 54.5454545455%;
  }
  .u7of11-over-m {
    width: 63.6363636364%;
  }
  .u8of11-over-m {
    width: 72.7272727273%;
  }
  .u9of11-over-m {
    width: 81.8181818182%;
  }
  .u10of11-over-m {
    width: 90.9090909091%;
  }
  .u1of12-over-m {
    width: 8.3333333333%;
  }
  .u2of12-over-m {
    width: 16.6666666667%;
  }
  .u3of12-over-m {
    width: 25%;
  }
  .u4of12-over-m {
    width: 33.3333333333%;
  }
  .u5of12-over-m {
    width: 41.6666666667%;
  }
  .u6of12-over-m {
    width: 50%;
  }
  .u7of12-over-m {
    width: 58.3333333333%;
  }
  .u8of12-over-m {
    width: 66.6666666667%;
  }
  .u9of12-over-m {
    width: 75%;
  }
  .u10of12-over-m {
    width: 83.3333333333%;
  }
  .u11of12-over-m {
    width: 91.6666666667%;
  }
}
@media (min-width: 941px) {
  .u1of1-over-l {
    width: 100%;
  }
  .u0of1-over-l {
    width: 0%;
  }
  .u1of2-over-l {
    width: 50%;
  }
  .u1of3-over-l {
    width: 33.3333333333%;
  }
  .u2of3-over-l {
    width: 66.6666666667%;
  }
  .u1of4-over-l {
    width: 25%;
  }
  .u2of4-over-l {
    width: 50%;
  }
  .u3of4-over-l {
    width: 75%;
  }
  .u1of5-over-l {
    width: 20%;
  }
  .u2of5-over-l {
    width: 40%;
  }
  .u3of5-over-l {
    width: 60%;
  }
  .u4of5-over-l {
    width: 80%;
  }
  .u1of6-over-l {
    width: 16.6666666667%;
  }
  .u2of6-over-l {
    width: 33.3333333333%;
  }
  .u3of6-over-l {
    width: 50%;
  }
  .u4of6-over-l {
    width: 66.6666666667%;
  }
  .u5of6-over-l {
    width: 83.3333333333%;
  }
  .u1of7-over-l {
    width: 14.2857142857%;
  }
  .u2of7-over-l {
    width: 28.5714285714%;
  }
  .u3of7-over-l {
    width: 42.8571428571%;
  }
  .u4of7-over-l {
    width: 57.1428571429%;
  }
  .u5of7-over-l {
    width: 71.4285714286%;
  }
  .u6of7-over-l {
    width: 85.7142857143%;
  }
  .u1of8-over-l {
    width: 12.5%;
  }
  .u2of8-over-l {
    width: 25%;
  }
  .u3of8-over-l {
    width: 37.5%;
  }
  .u4of8-over-l {
    width: 50%;
  }
  .u5of8-over-l {
    width: 62.5%;
  }
  .u6of8-over-l {
    width: 75%;
  }
  .u7of8-over-l {
    width: 87.5%;
  }
  .u1of9-over-l {
    width: 11.1111111111%;
  }
  .u2of9-over-l {
    width: 22.2222222222%;
  }
  .u3of9-over-l {
    width: 33.3333333333%;
  }
  .u4of9-over-l {
    width: 44.4444444444%;
  }
  .u5of9-over-l {
    width: 55.5555555556%;
  }
  .u6of9-over-l {
    width: 66.6666666667%;
  }
  .u7of9-over-l {
    width: 77.7777777778%;
  }
  .u8of9-over-l {
    width: 88.8888888889%;
  }
  .u1of10-over-l {
    width: 10%;
  }
  .u2of10-over-l {
    width: 20%;
  }
  .u3of10-over-l {
    width: 30%;
  }
  .u4of10-over-l {
    width: 40%;
  }
  .u5of10-over-l {
    width: 50%;
  }
  .u6of10-over-l {
    width: 60%;
  }
  .u7of10-over-l {
    width: 70%;
  }
  .u8of10-over-l {
    width: 80%;
  }
  .u9of10-over-l {
    width: 90%;
  }
  .u1of11-over-l {
    width: 9.0909090909%;
  }
  .u2of11-over-l {
    width: 18.1818181818%;
  }
  .u3of11-over-l {
    width: 27.2727272727%;
  }
  .u4of11-over-l {
    width: 36.3636363636%;
  }
  .u5of11-over-l {
    width: 45.4545454545%;
  }
  .u6of11-over-l {
    width: 54.5454545455%;
  }
  .u7of11-over-l {
    width: 63.6363636364%;
  }
  .u8of11-over-l {
    width: 72.7272727273%;
  }
  .u9of11-over-l {
    width: 81.8181818182%;
  }
  .u10of11-over-l {
    width: 90.9090909091%;
  }
  .u1of12-over-l {
    width: 8.3333333333%;
  }
  .u2of12-over-l {
    width: 16.6666666667%;
  }
  .u3of12-over-l {
    width: 25%;
  }
  .u4of12-over-l {
    width: 33.3333333333%;
  }
  .u5of12-over-l {
    width: 41.6666666667%;
  }
  .u6of12-over-l {
    width: 50%;
  }
  .u7of12-over-l {
    width: 58.3333333333%;
  }
  .u8of12-over-l {
    width: 66.6666666667%;
  }
  .u9of12-over-l {
    width: 75%;
  }
  .u10of12-over-l {
    width: 83.3333333333%;
  }
  .u11of12-over-l {
    width: 91.6666666667%;
  }
}
@media (min-width: 1281px) {
  .u1of1-over-xl {
    width: 100%;
  }
  .u0of1-over-xl {
    width: 0%;
  }
  .u1of2-over-xl {
    width: 50%;
  }
  .u1of3-over-xl {
    width: 33.3333333333%;
  }
  .u2of3-over-xl {
    width: 66.6666666667%;
  }
  .u1of4-over-xl {
    width: 25%;
  }
  .u2of4-over-xl {
    width: 50%;
  }
  .u3of4-over-xl {
    width: 75%;
  }
  .u1of5-over-xl {
    width: 20%;
  }
  .u2of5-over-xl {
    width: 40%;
  }
  .u3of5-over-xl {
    width: 60%;
  }
  .u4of5-over-xl {
    width: 80%;
  }
  .u1of6-over-xl {
    width: 16.6666666667%;
  }
  .u2of6-over-xl {
    width: 33.3333333333%;
  }
  .u3of6-over-xl {
    width: 50%;
  }
  .u4of6-over-xl {
    width: 66.6666666667%;
  }
  .u5of6-over-xl {
    width: 83.3333333333%;
  }
  .u1of7-over-xl {
    width: 14.2857142857%;
  }
  .u2of7-over-xl {
    width: 28.5714285714%;
  }
  .u3of7-over-xl {
    width: 42.8571428571%;
  }
  .u4of7-over-xl {
    width: 57.1428571429%;
  }
  .u5of7-over-xl {
    width: 71.4285714286%;
  }
  .u6of7-over-xl {
    width: 85.7142857143%;
  }
  .u1of8-over-xl {
    width: 12.5%;
  }
  .u2of8-over-xl {
    width: 25%;
  }
  .u3of8-over-xl {
    width: 37.5%;
  }
  .u4of8-over-xl {
    width: 50%;
  }
  .u5of8-over-xl {
    width: 62.5%;
  }
  .u6of8-over-xl {
    width: 75%;
  }
  .u7of8-over-xl {
    width: 87.5%;
  }
  .u1of9-over-xl {
    width: 11.1111111111%;
  }
  .u2of9-over-xl {
    width: 22.2222222222%;
  }
  .u3of9-over-xl {
    width: 33.3333333333%;
  }
  .u4of9-over-xl {
    width: 44.4444444444%;
  }
  .u5of9-over-xl {
    width: 55.5555555556%;
  }
  .u6of9-over-xl {
    width: 66.6666666667%;
  }
  .u7of9-over-xl {
    width: 77.7777777778%;
  }
  .u8of9-over-xl {
    width: 88.8888888889%;
  }
  .u1of10-over-xl {
    width: 10%;
  }
  .u2of10-over-xl {
    width: 20%;
  }
  .u3of10-over-xl {
    width: 30%;
  }
  .u4of10-over-xl {
    width: 40%;
  }
  .u5of10-over-xl {
    width: 50%;
  }
  .u6of10-over-xl {
    width: 60%;
  }
  .u7of10-over-xl {
    width: 70%;
  }
  .u8of10-over-xl {
    width: 80%;
  }
  .u9of10-over-xl {
    width: 90%;
  }
  .u1of11-over-xl {
    width: 9.0909090909%;
  }
  .u2of11-over-xl {
    width: 18.1818181818%;
  }
  .u3of11-over-xl {
    width: 27.2727272727%;
  }
  .u4of11-over-xl {
    width: 36.3636363636%;
  }
  .u5of11-over-xl {
    width: 45.4545454545%;
  }
  .u6of11-over-xl {
    width: 54.5454545455%;
  }
  .u7of11-over-xl {
    width: 63.6363636364%;
  }
  .u8of11-over-xl {
    width: 72.7272727273%;
  }
  .u9of11-over-xl {
    width: 81.8181818182%;
  }
  .u10of11-over-xl {
    width: 90.9090909091%;
  }
  .u1of12-over-xl {
    width: 8.3333333333%;
  }
  .u2of12-over-xl {
    width: 16.6666666667%;
  }
  .u3of12-over-xl {
    width: 25%;
  }
  .u4of12-over-xl {
    width: 33.3333333333%;
  }
  .u5of12-over-xl {
    width: 41.6666666667%;
  }
  .u6of12-over-xl {
    width: 50%;
  }
  .u7of12-over-xl {
    width: 58.3333333333%;
  }
  .u8of12-over-xl {
    width: 66.6666666667%;
  }
  .u9of12-over-xl {
    width: 75%;
  }
  .u10of12-over-xl {
    width: 83.3333333333%;
  }
  .u11of12-over-xl {
    width: 91.6666666667%;
  }
}
[class*=u1of], [class*=u2of], [class*=u3of], [class*=u4of],
[class*=u5of], [class*=u6of], [class*=u7of], [class*=u8of],
[class*=u9of], [class*=u10of], [class*=u11of], [class*=u12of] {
  box-sizing: border-box;
}

@media (max-width: 500px) {
  .u1of2-under-s {
    width: 50%;
  }
  .u1of3-under-s {
    width: 33.3333333333%;
  }
  .u1of4-under-s {
    width: 25%;
  }
  .u1of5-under-s {
    width: 20%;
  }
}
.pl,
.ph,
.gutters,
.gutter-left {
  padding-left: 6px;
}
@media (min-width: 501px) {
  .pl,
  .ph,
  .gutters,
  .gutter-left {
    padding-left: 6px;
  }
}
@media (min-width: 701px) {
  .pl,
  .ph,
  .gutters,
  .gutter-left {
    padding-left: 12px;
  }
}
@media (min-width: 941px) {
  .pl,
  .ph,
  .gutters,
  .gutter-left {
    padding-left: 18px;
  }
}
@media (min-width: 1281px) {
  .pl,
  .ph,
  .gutters,
  .gutter-left {
    padding-left: 18px;
  }
}

.pr,
.ph,
.gutters,
.gutter-right {
  padding-right: 6px;
}
@media (min-width: 501px) {
  .pr,
  .ph,
  .gutters,
  .gutter-right {
    padding-right: 6px;
  }
}
@media (min-width: 701px) {
  .pr,
  .ph,
  .gutters,
  .gutter-right {
    padding-right: 12px;
  }
}
@media (min-width: 941px) {
  .pr,
  .ph,
  .gutters,
  .gutter-right {
    padding-right: 18px;
  }
}
@media (min-width: 1281px) {
  .pr,
  .ph,
  .gutters,
  .gutter-right {
    padding-right: 18px;
  }
}

.pt,
.pv,
.gutter-top {
  padding-top: 6px;
}
@media (min-width: 501px) {
  .pt,
  .pv,
  .gutter-top {
    padding-top: 6px;
  }
}
@media (min-width: 701px) {
  .pt,
  .pv,
  .gutter-top {
    padding-top: 12px;
  }
}
@media (min-width: 941px) {
  .pt,
  .pv,
  .gutter-top {
    padding-top: 18px;
  }
}
@media (min-width: 1281px) {
  .pt,
  .pv,
  .gutter-top {
    padding-top: 18px;
  }
}

.pb,
.pv,
.gutter-bottom {
  padding-bottom: 6px;
}
@media (min-width: 501px) {
  .pb,
  .pv,
  .gutter-bottom {
    padding-bottom: 6px;
  }
}
@media (min-width: 701px) {
  .pb,
  .pv,
  .gutter-bottom {
    padding-bottom: 12px;
  }
}
@media (min-width: 941px) {
  .pb,
  .pv,
  .gutter-bottom {
    padding-bottom: 18px;
  }
}
@media (min-width: 1281px) {
  .pb,
  .pv,
  .gutter-bottom {
    padding-bottom: 18px;
  }
}

.gutters__container {
  margin-left: -6px;
  margin-right: -6px;
}
@media (min-width: 501px) {
  .gutters__container {
    margin-left: -6px;
    margin-right: -6px;
  }
}
@media (min-width: 701px) {
  .gutters__container {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media (min-width: 941px) {
  .gutters__container {
    margin-left: -18px;
    margin-right: -18px;
  }
}
@media (min-width: 1281px) {
  .gutters__container {
    margin-left: -18px;
    margin-right: -18px;
  }
}

.ml,
.mh {
  margin-left: 6px;
}
@media (min-width: 501px) {
  .ml,
  .mh {
    margin-left: 6px;
  }
}
@media (min-width: 701px) {
  .ml,
  .mh {
    margin-left: 12px;
  }
}
@media (min-width: 941px) {
  .ml,
  .mh {
    margin-left: 18px;
  }
}
@media (min-width: 1281px) {
  .ml,
  .mh {
    margin-left: 18px;
  }
}

.mr,
.mh {
  margin-right: 6px;
}
@media (min-width: 501px) {
  .mr,
  .mh {
    margin-right: 6px;
  }
}
@media (min-width: 701px) {
  .mr,
  .mh {
    margin-right: 12px;
  }
}
@media (min-width: 941px) {
  .mr,
  .mh {
    margin-right: 18px;
  }
}
@media (min-width: 1281px) {
  .mr,
  .mh {
    margin-right: 18px;
  }
}

.mt,
.mv {
  margin-top: 6px;
}
@media (min-width: 501px) {
  .mt,
  .mv {
    margin-top: 6px;
  }
}
@media (min-width: 701px) {
  .mt,
  .mv {
    margin-top: 12px;
  }
}
@media (min-width: 941px) {
  .mt,
  .mv {
    margin-top: 18px;
  }
}
@media (min-width: 1281px) {
  .mt,
  .mv {
    margin-top: 18px;
  }
}

.mb,
.mv {
  margin-bottom: 6px;
}
@media (min-width: 501px) {
  .mb,
  .mv {
    margin-bottom: 6px;
  }
}
@media (min-width: 701px) {
  .mb,
  .mv {
    margin-bottom: 12px;
  }
}
@media (min-width: 941px) {
  .mb,
  .mv {
    margin-bottom: 18px;
  }
}
@media (min-width: 1281px) {
  .mb,
  .mv {
    margin-bottom: 18px;
  }
}

.pt0, .pv0, .pa0 {
  padding-top: 0px;
}

@media (min-width: 501px) {
  .pt0-over-s {
    padding-top: 0px;
  }
}

@media (max-width: 500px) {
  .pt0-under-s {
    padding-top: 0px;
  }
}

@media (min-width: 701px) {
  .pt0-over-m {
    padding-top: 0px;
  }
}

@media (max-width: 700px) {
  .pt0-under-m {
    padding-top: 0px;
  }
}

@media (min-width: 941px) {
  .pt0-over-l {
    padding-top: 0px;
  }
}

@media (max-width: 940px) {
  .pt0-under-l {
    padding-top: 0px;
  }
}

@media (min-width: 1281px) {
  .pt0-over-xl {
    padding-top: 0px;
  }
}

@media (max-width: 1280px) {
  .pt0-under-xl {
    padding-top: 0px;
  }
}

.pl0, .ph0, .pa0 {
  padding-left: 0px;
}

@media (min-width: 501px) {
  .pl0-over-s {
    padding-left: 0px;
  }
}

@media (max-width: 500px) {
  .pl0-under-s {
    padding-left: 0px;
  }
}

@media (min-width: 701px) {
  .pl0-over-m {
    padding-left: 0px;
  }
}

@media (max-width: 700px) {
  .pl0-under-m {
    padding-left: 0px;
  }
}

@media (min-width: 941px) {
  .pl0-over-l {
    padding-left: 0px;
  }
}

@media (max-width: 940px) {
  .pl0-under-l {
    padding-left: 0px;
  }
}

@media (min-width: 1281px) {
  .pl0-over-xl {
    padding-left: 0px;
  }
}

@media (max-width: 1280px) {
  .pl0-under-xl {
    padding-left: 0px;
  }
}

.pb0, .pv0, .pa0 {
  padding-bottom: 0px;
}

@media (min-width: 501px) {
  .pb0-over-s {
    padding-bottom: 0px;
  }
}

@media (max-width: 500px) {
  .pb0-under-s {
    padding-bottom: 0px;
  }
}

@media (min-width: 701px) {
  .pb0-over-m {
    padding-bottom: 0px;
  }
}

@media (max-width: 700px) {
  .pb0-under-m {
    padding-bottom: 0px;
  }
}

@media (min-width: 941px) {
  .pb0-over-l {
    padding-bottom: 0px;
  }
}

@media (max-width: 940px) {
  .pb0-under-l {
    padding-bottom: 0px;
  }
}

@media (min-width: 1281px) {
  .pb0-over-xl {
    padding-bottom: 0px;
  }
}

@media (max-width: 1280px) {
  .pb0-under-xl {
    padding-bottom: 0px;
  }
}

.pr0, .ph0, .pa0 {
  padding-right: 0px;
}

@media (min-width: 501px) {
  .pr0-over-s {
    padding-right: 0px;
  }
}

@media (max-width: 500px) {
  .pr0-under-s {
    padding-right: 0px;
  }
}

@media (min-width: 701px) {
  .pr0-over-m {
    padding-right: 0px;
  }
}

@media (max-width: 700px) {
  .pr0-under-m {
    padding-right: 0px;
  }
}

@media (min-width: 941px) {
  .pr0-over-l {
    padding-right: 0px;
  }
}

@media (max-width: 940px) {
  .pr0-under-l {
    padding-right: 0px;
  }
}

@media (min-width: 1281px) {
  .pr0-over-xl {
    padding-right: 0px;
  }
}

@media (max-width: 1280px) {
  .pr0-under-xl {
    padding-right: 0px;
  }
}

@media (min-width: 501px) {
  .pa0-over-s {
    padding: 0px;
  }
}

@media (max-width: 500px) {
  .pa0-under-s {
    padding: 0px;
  }
}

@media (min-width: 701px) {
  .pa0-over-m {
    padding: 0px;
  }
}

@media (max-width: 700px) {
  .pa0-under-m {
    padding: 0px;
  }
}

@media (min-width: 941px) {
  .pa0-over-l {
    padding: 0px;
  }
}

@media (max-width: 940px) {
  .pa0-under-l {
    padding: 0px;
  }
}

@media (min-width: 1281px) {
  .pa0-over-xl {
    padding: 0px;
  }
}

@media (max-width: 1280px) {
  .pa0-under-xl {
    padding: 0px;
  }
}

.pt1, .pv1, .pa1 {
  padding-top: 6px;
}

@media (min-width: 501px) {
  .pt1-over-s {
    padding-top: 6px;
  }
}

@media (max-width: 500px) {
  .pt1-under-s {
    padding-top: 6px;
  }
}

@media (min-width: 701px) {
  .pt1-over-m {
    padding-top: 6px;
  }
}

@media (max-width: 700px) {
  .pt1-under-m {
    padding-top: 6px;
  }
}

@media (min-width: 941px) {
  .pt1-over-l {
    padding-top: 6px;
  }
}

@media (max-width: 940px) {
  .pt1-under-l {
    padding-top: 6px;
  }
}

@media (min-width: 1281px) {
  .pt1-over-xl {
    padding-top: 6px;
  }
}

@media (max-width: 1280px) {
  .pt1-under-xl {
    padding-top: 6px;
  }
}

.pl1, .ph1, .pa1 {
  padding-left: 6px;
}

@media (min-width: 501px) {
  .pl1-over-s {
    padding-left: 6px;
  }
}

@media (max-width: 500px) {
  .pl1-under-s {
    padding-left: 6px;
  }
}

@media (min-width: 701px) {
  .pl1-over-m {
    padding-left: 6px;
  }
}

@media (max-width: 700px) {
  .pl1-under-m {
    padding-left: 6px;
  }
}

@media (min-width: 941px) {
  .pl1-over-l {
    padding-left: 6px;
  }
}

@media (max-width: 940px) {
  .pl1-under-l {
    padding-left: 6px;
  }
}

@media (min-width: 1281px) {
  .pl1-over-xl {
    padding-left: 6px;
  }
}

@media (max-width: 1280px) {
  .pl1-under-xl {
    padding-left: 6px;
  }
}

.pb1, .pv1, .pa1 {
  padding-bottom: 6px;
}

@media (min-width: 501px) {
  .pb1-over-s {
    padding-bottom: 6px;
  }
}

@media (max-width: 500px) {
  .pb1-under-s {
    padding-bottom: 6px;
  }
}

@media (min-width: 701px) {
  .pb1-over-m {
    padding-bottom: 6px;
  }
}

@media (max-width: 700px) {
  .pb1-under-m {
    padding-bottom: 6px;
  }
}

@media (min-width: 941px) {
  .pb1-over-l {
    padding-bottom: 6px;
  }
}

@media (max-width: 940px) {
  .pb1-under-l {
    padding-bottom: 6px;
  }
}

@media (min-width: 1281px) {
  .pb1-over-xl {
    padding-bottom: 6px;
  }
}

@media (max-width: 1280px) {
  .pb1-under-xl {
    padding-bottom: 6px;
  }
}

.pr1, .ph1, .pa1 {
  padding-right: 6px;
}

@media (min-width: 501px) {
  .pr1-over-s {
    padding-right: 6px;
  }
}

@media (max-width: 500px) {
  .pr1-under-s {
    padding-right: 6px;
  }
}

@media (min-width: 701px) {
  .pr1-over-m {
    padding-right: 6px;
  }
}

@media (max-width: 700px) {
  .pr1-under-m {
    padding-right: 6px;
  }
}

@media (min-width: 941px) {
  .pr1-over-l {
    padding-right: 6px;
  }
}

@media (max-width: 940px) {
  .pr1-under-l {
    padding-right: 6px;
  }
}

@media (min-width: 1281px) {
  .pr1-over-xl {
    padding-right: 6px;
  }
}

@media (max-width: 1280px) {
  .pr1-under-xl {
    padding-right: 6px;
  }
}

@media (min-width: 501px) {
  .pa1-over-s {
    padding: 6px;
  }
}

@media (max-width: 500px) {
  .pa1-under-s {
    padding: 6px;
  }
}

@media (min-width: 701px) {
  .pa1-over-m {
    padding: 6px;
  }
}

@media (max-width: 700px) {
  .pa1-under-m {
    padding: 6px;
  }
}

@media (min-width: 941px) {
  .pa1-over-l {
    padding: 6px;
  }
}

@media (max-width: 940px) {
  .pa1-under-l {
    padding: 6px;
  }
}

@media (min-width: 1281px) {
  .pa1-over-xl {
    padding: 6px;
  }
}

@media (max-width: 1280px) {
  .pa1-under-xl {
    padding: 6px;
  }
}

.pt2, .pv2, .pa2 {
  padding-top: 12px;
}

@media (min-width: 501px) {
  .pt2-over-s {
    padding-top: 12px;
  }
}

@media (max-width: 500px) {
  .pt2-under-s {
    padding-top: 12px;
  }
}

@media (min-width: 701px) {
  .pt2-over-m {
    padding-top: 12px;
  }
}

@media (max-width: 700px) {
  .pt2-under-m {
    padding-top: 12px;
  }
}

@media (min-width: 941px) {
  .pt2-over-l {
    padding-top: 12px;
  }
}

@media (max-width: 940px) {
  .pt2-under-l {
    padding-top: 12px;
  }
}

@media (min-width: 1281px) {
  .pt2-over-xl {
    padding-top: 12px;
  }
}

@media (max-width: 1280px) {
  .pt2-under-xl {
    padding-top: 12px;
  }
}

.pl2, .ph2, .pa2 {
  padding-left: 12px;
}

@media (min-width: 501px) {
  .pl2-over-s {
    padding-left: 12px;
  }
}

@media (max-width: 500px) {
  .pl2-under-s {
    padding-left: 12px;
  }
}

@media (min-width: 701px) {
  .pl2-over-m {
    padding-left: 12px;
  }
}

@media (max-width: 700px) {
  .pl2-under-m {
    padding-left: 12px;
  }
}

@media (min-width: 941px) {
  .pl2-over-l {
    padding-left: 12px;
  }
}

@media (max-width: 940px) {
  .pl2-under-l {
    padding-left: 12px;
  }
}

@media (min-width: 1281px) {
  .pl2-over-xl {
    padding-left: 12px;
  }
}

@media (max-width: 1280px) {
  .pl2-under-xl {
    padding-left: 12px;
  }
}

.pb2, .pv2, .pa2 {
  padding-bottom: 12px;
}

@media (min-width: 501px) {
  .pb2-over-s {
    padding-bottom: 12px;
  }
}

@media (max-width: 500px) {
  .pb2-under-s {
    padding-bottom: 12px;
  }
}

@media (min-width: 701px) {
  .pb2-over-m {
    padding-bottom: 12px;
  }
}

@media (max-width: 700px) {
  .pb2-under-m {
    padding-bottom: 12px;
  }
}

@media (min-width: 941px) {
  .pb2-over-l {
    padding-bottom: 12px;
  }
}

@media (max-width: 940px) {
  .pb2-under-l {
    padding-bottom: 12px;
  }
}

@media (min-width: 1281px) {
  .pb2-over-xl {
    padding-bottom: 12px;
  }
}

@media (max-width: 1280px) {
  .pb2-under-xl {
    padding-bottom: 12px;
  }
}

.pr2, .ph2, .pa2 {
  padding-right: 12px;
}

@media (min-width: 501px) {
  .pr2-over-s {
    padding-right: 12px;
  }
}

@media (max-width: 500px) {
  .pr2-under-s {
    padding-right: 12px;
  }
}

@media (min-width: 701px) {
  .pr2-over-m {
    padding-right: 12px;
  }
}

@media (max-width: 700px) {
  .pr2-under-m {
    padding-right: 12px;
  }
}

@media (min-width: 941px) {
  .pr2-over-l {
    padding-right: 12px;
  }
}

@media (max-width: 940px) {
  .pr2-under-l {
    padding-right: 12px;
  }
}

@media (min-width: 1281px) {
  .pr2-over-xl {
    padding-right: 12px;
  }
}

@media (max-width: 1280px) {
  .pr2-under-xl {
    padding-right: 12px;
  }
}

@media (min-width: 501px) {
  .pa2-over-s {
    padding: 12px;
  }
}

@media (max-width: 500px) {
  .pa2-under-s {
    padding: 12px;
  }
}

@media (min-width: 701px) {
  .pa2-over-m {
    padding: 12px;
  }
}

@media (max-width: 700px) {
  .pa2-under-m {
    padding: 12px;
  }
}

@media (min-width: 941px) {
  .pa2-over-l {
    padding: 12px;
  }
}

@media (max-width: 940px) {
  .pa2-under-l {
    padding: 12px;
  }
}

@media (min-width: 1281px) {
  .pa2-over-xl {
    padding: 12px;
  }
}

@media (max-width: 1280px) {
  .pa2-under-xl {
    padding: 12px;
  }
}

.pt3, .pv3, .pa3 {
  padding-top: 18px;
}

@media (min-width: 501px) {
  .pt3-over-s {
    padding-top: 18px;
  }
}

@media (max-width: 500px) {
  .pt3-under-s {
    padding-top: 18px;
  }
}

@media (min-width: 701px) {
  .pt3-over-m {
    padding-top: 18px;
  }
}

@media (max-width: 700px) {
  .pt3-under-m {
    padding-top: 18px;
  }
}

@media (min-width: 941px) {
  .pt3-over-l {
    padding-top: 18px;
  }
}

@media (max-width: 940px) {
  .pt3-under-l {
    padding-top: 18px;
  }
}

@media (min-width: 1281px) {
  .pt3-over-xl {
    padding-top: 18px;
  }
}

@media (max-width: 1280px) {
  .pt3-under-xl {
    padding-top: 18px;
  }
}

.pl3, .ph3, .pa3 {
  padding-left: 18px;
}

@media (min-width: 501px) {
  .pl3-over-s {
    padding-left: 18px;
  }
}

@media (max-width: 500px) {
  .pl3-under-s {
    padding-left: 18px;
  }
}

@media (min-width: 701px) {
  .pl3-over-m {
    padding-left: 18px;
  }
}

@media (max-width: 700px) {
  .pl3-under-m {
    padding-left: 18px;
  }
}

@media (min-width: 941px) {
  .pl3-over-l {
    padding-left: 18px;
  }
}

@media (max-width: 940px) {
  .pl3-under-l {
    padding-left: 18px;
  }
}

@media (min-width: 1281px) {
  .pl3-over-xl {
    padding-left: 18px;
  }
}

@media (max-width: 1280px) {
  .pl3-under-xl {
    padding-left: 18px;
  }
}

.pb3, .pv3, .pa3 {
  padding-bottom: 18px;
}

@media (min-width: 501px) {
  .pb3-over-s {
    padding-bottom: 18px;
  }
}

@media (max-width: 500px) {
  .pb3-under-s {
    padding-bottom: 18px;
  }
}

@media (min-width: 701px) {
  .pb3-over-m {
    padding-bottom: 18px;
  }
}

@media (max-width: 700px) {
  .pb3-under-m {
    padding-bottom: 18px;
  }
}

@media (min-width: 941px) {
  .pb3-over-l {
    padding-bottom: 18px;
  }
}

@media (max-width: 940px) {
  .pb3-under-l {
    padding-bottom: 18px;
  }
}

@media (min-width: 1281px) {
  .pb3-over-xl {
    padding-bottom: 18px;
  }
}

@media (max-width: 1280px) {
  .pb3-under-xl {
    padding-bottom: 18px;
  }
}

.pr3, .ph3, .pa3 {
  padding-right: 18px;
}

@media (min-width: 501px) {
  .pr3-over-s {
    padding-right: 18px;
  }
}

@media (max-width: 500px) {
  .pr3-under-s {
    padding-right: 18px;
  }
}

@media (min-width: 701px) {
  .pr3-over-m {
    padding-right: 18px;
  }
}

@media (max-width: 700px) {
  .pr3-under-m {
    padding-right: 18px;
  }
}

@media (min-width: 941px) {
  .pr3-over-l {
    padding-right: 18px;
  }
}

@media (max-width: 940px) {
  .pr3-under-l {
    padding-right: 18px;
  }
}

@media (min-width: 1281px) {
  .pr3-over-xl {
    padding-right: 18px;
  }
}

@media (max-width: 1280px) {
  .pr3-under-xl {
    padding-right: 18px;
  }
}

@media (min-width: 501px) {
  .pa3-over-s {
    padding: 18px;
  }
}

@media (max-width: 500px) {
  .pa3-under-s {
    padding: 18px;
  }
}

@media (min-width: 701px) {
  .pa3-over-m {
    padding: 18px;
  }
}

@media (max-width: 700px) {
  .pa3-under-m {
    padding: 18px;
  }
}

@media (min-width: 941px) {
  .pa3-over-l {
    padding: 18px;
  }
}

@media (max-width: 940px) {
  .pa3-under-l {
    padding: 18px;
  }
}

@media (min-width: 1281px) {
  .pa3-over-xl {
    padding: 18px;
  }
}

@media (max-width: 1280px) {
  .pa3-under-xl {
    padding: 18px;
  }
}

.pt4, .pv4, .pa4 {
  padding-top: 24px;
}

@media (min-width: 501px) {
  .pt4-over-s {
    padding-top: 24px;
  }
}

@media (max-width: 500px) {
  .pt4-under-s {
    padding-top: 24px;
  }
}

@media (min-width: 701px) {
  .pt4-over-m {
    padding-top: 24px;
  }
}

@media (max-width: 700px) {
  .pt4-under-m {
    padding-top: 24px;
  }
}

@media (min-width: 941px) {
  .pt4-over-l {
    padding-top: 24px;
  }
}

@media (max-width: 940px) {
  .pt4-under-l {
    padding-top: 24px;
  }
}

@media (min-width: 1281px) {
  .pt4-over-xl {
    padding-top: 24px;
  }
}

@media (max-width: 1280px) {
  .pt4-under-xl {
    padding-top: 24px;
  }
}

.pl4, .ph4, .pa4 {
  padding-left: 24px;
}

@media (min-width: 501px) {
  .pl4-over-s {
    padding-left: 24px;
  }
}

@media (max-width: 500px) {
  .pl4-under-s {
    padding-left: 24px;
  }
}

@media (min-width: 701px) {
  .pl4-over-m {
    padding-left: 24px;
  }
}

@media (max-width: 700px) {
  .pl4-under-m {
    padding-left: 24px;
  }
}

@media (min-width: 941px) {
  .pl4-over-l {
    padding-left: 24px;
  }
}

@media (max-width: 940px) {
  .pl4-under-l {
    padding-left: 24px;
  }
}

@media (min-width: 1281px) {
  .pl4-over-xl {
    padding-left: 24px;
  }
}

@media (max-width: 1280px) {
  .pl4-under-xl {
    padding-left: 24px;
  }
}

.pb4, .pv4, .pa4 {
  padding-bottom: 24px;
}

@media (min-width: 501px) {
  .pb4-over-s {
    padding-bottom: 24px;
  }
}

@media (max-width: 500px) {
  .pb4-under-s {
    padding-bottom: 24px;
  }
}

@media (min-width: 701px) {
  .pb4-over-m {
    padding-bottom: 24px;
  }
}

@media (max-width: 700px) {
  .pb4-under-m {
    padding-bottom: 24px;
  }
}

@media (min-width: 941px) {
  .pb4-over-l {
    padding-bottom: 24px;
  }
}

@media (max-width: 940px) {
  .pb4-under-l {
    padding-bottom: 24px;
  }
}

@media (min-width: 1281px) {
  .pb4-over-xl {
    padding-bottom: 24px;
  }
}

@media (max-width: 1280px) {
  .pb4-under-xl {
    padding-bottom: 24px;
  }
}

.pr4, .ph4, .pa4 {
  padding-right: 24px;
}

@media (min-width: 501px) {
  .pr4-over-s {
    padding-right: 24px;
  }
}

@media (max-width: 500px) {
  .pr4-under-s {
    padding-right: 24px;
  }
}

@media (min-width: 701px) {
  .pr4-over-m {
    padding-right: 24px;
  }
}

@media (max-width: 700px) {
  .pr4-under-m {
    padding-right: 24px;
  }
}

@media (min-width: 941px) {
  .pr4-over-l {
    padding-right: 24px;
  }
}

@media (max-width: 940px) {
  .pr4-under-l {
    padding-right: 24px;
  }
}

@media (min-width: 1281px) {
  .pr4-over-xl {
    padding-right: 24px;
  }
}

@media (max-width: 1280px) {
  .pr4-under-xl {
    padding-right: 24px;
  }
}

@media (min-width: 501px) {
  .pa4-over-s {
    padding: 24px;
  }
}

@media (max-width: 500px) {
  .pa4-under-s {
    padding: 24px;
  }
}

@media (min-width: 701px) {
  .pa4-over-m {
    padding: 24px;
  }
}

@media (max-width: 700px) {
  .pa4-under-m {
    padding: 24px;
  }
}

@media (min-width: 941px) {
  .pa4-over-l {
    padding: 24px;
  }
}

@media (max-width: 940px) {
  .pa4-under-l {
    padding: 24px;
  }
}

@media (min-width: 1281px) {
  .pa4-over-xl {
    padding: 24px;
  }
}

@media (max-width: 1280px) {
  .pa4-under-xl {
    padding: 24px;
  }
}

.pt5, .pv5, .pa5 {
  padding-top: 30px;
}

@media (min-width: 501px) {
  .pt5-over-s {
    padding-top: 30px;
  }
}

@media (max-width: 500px) {
  .pt5-under-s {
    padding-top: 30px;
  }
}

@media (min-width: 701px) {
  .pt5-over-m {
    padding-top: 30px;
  }
}

@media (max-width: 700px) {
  .pt5-under-m {
    padding-top: 30px;
  }
}

@media (min-width: 941px) {
  .pt5-over-l {
    padding-top: 30px;
  }
}

@media (max-width: 940px) {
  .pt5-under-l {
    padding-top: 30px;
  }
}

@media (min-width: 1281px) {
  .pt5-over-xl {
    padding-top: 30px;
  }
}

@media (max-width: 1280px) {
  .pt5-under-xl {
    padding-top: 30px;
  }
}

.pl5, .ph5, .pa5 {
  padding-left: 30px;
}

@media (min-width: 501px) {
  .pl5-over-s {
    padding-left: 30px;
  }
}

@media (max-width: 500px) {
  .pl5-under-s {
    padding-left: 30px;
  }
}

@media (min-width: 701px) {
  .pl5-over-m {
    padding-left: 30px;
  }
}

@media (max-width: 700px) {
  .pl5-under-m {
    padding-left: 30px;
  }
}

@media (min-width: 941px) {
  .pl5-over-l {
    padding-left: 30px;
  }
}

@media (max-width: 940px) {
  .pl5-under-l {
    padding-left: 30px;
  }
}

@media (min-width: 1281px) {
  .pl5-over-xl {
    padding-left: 30px;
  }
}

@media (max-width: 1280px) {
  .pl5-under-xl {
    padding-left: 30px;
  }
}

.pb5, .pv5, .pa5 {
  padding-bottom: 30px;
}

@media (min-width: 501px) {
  .pb5-over-s {
    padding-bottom: 30px;
  }
}

@media (max-width: 500px) {
  .pb5-under-s {
    padding-bottom: 30px;
  }
}

@media (min-width: 701px) {
  .pb5-over-m {
    padding-bottom: 30px;
  }
}

@media (max-width: 700px) {
  .pb5-under-m {
    padding-bottom: 30px;
  }
}

@media (min-width: 941px) {
  .pb5-over-l {
    padding-bottom: 30px;
  }
}

@media (max-width: 940px) {
  .pb5-under-l {
    padding-bottom: 30px;
  }
}

@media (min-width: 1281px) {
  .pb5-over-xl {
    padding-bottom: 30px;
  }
}

@media (max-width: 1280px) {
  .pb5-under-xl {
    padding-bottom: 30px;
  }
}

.pr5, .ph5, .pa5 {
  padding-right: 30px;
}

@media (min-width: 501px) {
  .pr5-over-s {
    padding-right: 30px;
  }
}

@media (max-width: 500px) {
  .pr5-under-s {
    padding-right: 30px;
  }
}

@media (min-width: 701px) {
  .pr5-over-m {
    padding-right: 30px;
  }
}

@media (max-width: 700px) {
  .pr5-under-m {
    padding-right: 30px;
  }
}

@media (min-width: 941px) {
  .pr5-over-l {
    padding-right: 30px;
  }
}

@media (max-width: 940px) {
  .pr5-under-l {
    padding-right: 30px;
  }
}

@media (min-width: 1281px) {
  .pr5-over-xl {
    padding-right: 30px;
  }
}

@media (max-width: 1280px) {
  .pr5-under-xl {
    padding-right: 30px;
  }
}

@media (min-width: 501px) {
  .pa5-over-s {
    padding: 30px;
  }
}

@media (max-width: 500px) {
  .pa5-under-s {
    padding: 30px;
  }
}

@media (min-width: 701px) {
  .pa5-over-m {
    padding: 30px;
  }
}

@media (max-width: 700px) {
  .pa5-under-m {
    padding: 30px;
  }
}

@media (min-width: 941px) {
  .pa5-over-l {
    padding: 30px;
  }
}

@media (max-width: 940px) {
  .pa5-under-l {
    padding: 30px;
  }
}

@media (min-width: 1281px) {
  .pa5-over-xl {
    padding: 30px;
  }
}

@media (max-width: 1280px) {
  .pa5-under-xl {
    padding: 30px;
  }
}

.pt6, .pv6, .pa6 {
  padding-top: 36px;
}

@media (min-width: 501px) {
  .pt6-over-s {
    padding-top: 36px;
  }
}

@media (max-width: 500px) {
  .pt6-under-s {
    padding-top: 36px;
  }
}

@media (min-width: 701px) {
  .pt6-over-m {
    padding-top: 36px;
  }
}

@media (max-width: 700px) {
  .pt6-under-m {
    padding-top: 36px;
  }
}

@media (min-width: 941px) {
  .pt6-over-l {
    padding-top: 36px;
  }
}

@media (max-width: 940px) {
  .pt6-under-l {
    padding-top: 36px;
  }
}

@media (min-width: 1281px) {
  .pt6-over-xl {
    padding-top: 36px;
  }
}

@media (max-width: 1280px) {
  .pt6-under-xl {
    padding-top: 36px;
  }
}

.pl6, .ph6, .pa6 {
  padding-left: 36px;
}

@media (min-width: 501px) {
  .pl6-over-s {
    padding-left: 36px;
  }
}

@media (max-width: 500px) {
  .pl6-under-s {
    padding-left: 36px;
  }
}

@media (min-width: 701px) {
  .pl6-over-m {
    padding-left: 36px;
  }
}

@media (max-width: 700px) {
  .pl6-under-m {
    padding-left: 36px;
  }
}

@media (min-width: 941px) {
  .pl6-over-l {
    padding-left: 36px;
  }
}

@media (max-width: 940px) {
  .pl6-under-l {
    padding-left: 36px;
  }
}

@media (min-width: 1281px) {
  .pl6-over-xl {
    padding-left: 36px;
  }
}

@media (max-width: 1280px) {
  .pl6-under-xl {
    padding-left: 36px;
  }
}

.pb6, .pv6, .pa6 {
  padding-bottom: 36px;
}

@media (min-width: 501px) {
  .pb6-over-s {
    padding-bottom: 36px;
  }
}

@media (max-width: 500px) {
  .pb6-under-s {
    padding-bottom: 36px;
  }
}

@media (min-width: 701px) {
  .pb6-over-m {
    padding-bottom: 36px;
  }
}

@media (max-width: 700px) {
  .pb6-under-m {
    padding-bottom: 36px;
  }
}

@media (min-width: 941px) {
  .pb6-over-l {
    padding-bottom: 36px;
  }
}

@media (max-width: 940px) {
  .pb6-under-l {
    padding-bottom: 36px;
  }
}

@media (min-width: 1281px) {
  .pb6-over-xl {
    padding-bottom: 36px;
  }
}

@media (max-width: 1280px) {
  .pb6-under-xl {
    padding-bottom: 36px;
  }
}

.pr6, .ph6, .pa6 {
  padding-right: 36px;
}

@media (min-width: 501px) {
  .pr6-over-s {
    padding-right: 36px;
  }
}

@media (max-width: 500px) {
  .pr6-under-s {
    padding-right: 36px;
  }
}

@media (min-width: 701px) {
  .pr6-over-m {
    padding-right: 36px;
  }
}

@media (max-width: 700px) {
  .pr6-under-m {
    padding-right: 36px;
  }
}

@media (min-width: 941px) {
  .pr6-over-l {
    padding-right: 36px;
  }
}

@media (max-width: 940px) {
  .pr6-under-l {
    padding-right: 36px;
  }
}

@media (min-width: 1281px) {
  .pr6-over-xl {
    padding-right: 36px;
  }
}

@media (max-width: 1280px) {
  .pr6-under-xl {
    padding-right: 36px;
  }
}

@media (min-width: 501px) {
  .pa6-over-s {
    padding: 36px;
  }
}

@media (max-width: 500px) {
  .pa6-under-s {
    padding: 36px;
  }
}

@media (min-width: 701px) {
  .pa6-over-m {
    padding: 36px;
  }
}

@media (max-width: 700px) {
  .pa6-under-m {
    padding: 36px;
  }
}

@media (min-width: 941px) {
  .pa6-over-l {
    padding: 36px;
  }
}

@media (max-width: 940px) {
  .pa6-under-l {
    padding: 36px;
  }
}

@media (min-width: 1281px) {
  .pa6-over-xl {
    padding: 36px;
  }
}

@media (max-width: 1280px) {
  .pa6-under-xl {
    padding: 36px;
  }
}

.mt0, .mv0, .ma0 {
  margin-top: 0px;
}

@media (min-width: 501px) {
  .mt0-over-s {
    margin-top: 0px;
  }
}

@media (max-width: 500px) {
  .mt0-under-s {
    margin-top: 0px;
  }
}

@media (min-width: 701px) {
  .mt0-over-m {
    margin-top: 0px;
  }
}

@media (max-width: 700px) {
  .mt0-under-m {
    margin-top: 0px;
  }
}

@media (min-width: 941px) {
  .mt0-over-l {
    margin-top: 0px;
  }
}

@media (max-width: 940px) {
  .mt0-under-l {
    margin-top: 0px;
  }
}

@media (min-width: 1281px) {
  .mt0-over-xl {
    margin-top: 0px;
  }
}

@media (max-width: 1280px) {
  .mt0-under-xl {
    margin-top: 0px;
  }
}

.ml0, .mh0, .ma0 {
  margin-left: 0px;
}

@media (min-width: 501px) {
  .ml0-over-s {
    margin-left: 0px;
  }
}

@media (max-width: 500px) {
  .ml0-under-s {
    margin-left: 0px;
  }
}

@media (min-width: 701px) {
  .ml0-over-m {
    margin-left: 0px;
  }
}

@media (max-width: 700px) {
  .ml0-under-m {
    margin-left: 0px;
  }
}

@media (min-width: 941px) {
  .ml0-over-l {
    margin-left: 0px;
  }
}

@media (max-width: 940px) {
  .ml0-under-l {
    margin-left: 0px;
  }
}

@media (min-width: 1281px) {
  .ml0-over-xl {
    margin-left: 0px;
  }
}

@media (max-width: 1280px) {
  .ml0-under-xl {
    margin-left: 0px;
  }
}

.mb0, .mv0, .ma0 {
  margin-bottom: 0px;
}

@media (min-width: 501px) {
  .mb0-over-s {
    margin-bottom: 0px;
  }
}

@media (max-width: 500px) {
  .mb0-under-s {
    margin-bottom: 0px;
  }
}

@media (min-width: 701px) {
  .mb0-over-m {
    margin-bottom: 0px;
  }
}

@media (max-width: 700px) {
  .mb0-under-m {
    margin-bottom: 0px;
  }
}

@media (min-width: 941px) {
  .mb0-over-l {
    margin-bottom: 0px;
  }
}

@media (max-width: 940px) {
  .mb0-under-l {
    margin-bottom: 0px;
  }
}

@media (min-width: 1281px) {
  .mb0-over-xl {
    margin-bottom: 0px;
  }
}

@media (max-width: 1280px) {
  .mb0-under-xl {
    margin-bottom: 0px;
  }
}

.mr0, .mh0, .ma0 {
  margin-right: 0px;
}

@media (min-width: 501px) {
  .mr0-over-s {
    margin-right: 0px;
  }
}

@media (max-width: 500px) {
  .mr0-under-s {
    margin-right: 0px;
  }
}

@media (min-width: 701px) {
  .mr0-over-m {
    margin-right: 0px;
  }
}

@media (max-width: 700px) {
  .mr0-under-m {
    margin-right: 0px;
  }
}

@media (min-width: 941px) {
  .mr0-over-l {
    margin-right: 0px;
  }
}

@media (max-width: 940px) {
  .mr0-under-l {
    margin-right: 0px;
  }
}

@media (min-width: 1281px) {
  .mr0-over-xl {
    margin-right: 0px;
  }
}

@media (max-width: 1280px) {
  .mr0-under-xl {
    margin-right: 0px;
  }
}

@media (min-width: 501px) {
  .ma0-over-s {
    margin: 0px;
  }
}

@media (max-width: 500px) {
  .ma0-under-s {
    margin: 0px;
  }
}

@media (min-width: 701px) {
  .ma0-over-m {
    margin: 0px;
  }
}

@media (max-width: 700px) {
  .ma0-under-m {
    margin: 0px;
  }
}

@media (min-width: 941px) {
  .ma0-over-l {
    margin: 0px;
  }
}

@media (max-width: 940px) {
  .ma0-under-l {
    margin: 0px;
  }
}

@media (min-width: 1281px) {
  .ma0-over-xl {
    margin: 0px;
  }
}

@media (max-width: 1280px) {
  .ma0-under-xl {
    margin: 0px;
  }
}

.mt1, .mv1, .ma1 {
  margin-top: 6px;
}

@media (min-width: 501px) {
  .mt1-over-s {
    margin-top: 6px;
  }
}

@media (max-width: 500px) {
  .mt1-under-s {
    margin-top: 6px;
  }
}

@media (min-width: 701px) {
  .mt1-over-m {
    margin-top: 6px;
  }
}

@media (max-width: 700px) {
  .mt1-under-m {
    margin-top: 6px;
  }
}

@media (min-width: 941px) {
  .mt1-over-l {
    margin-top: 6px;
  }
}

@media (max-width: 940px) {
  .mt1-under-l {
    margin-top: 6px;
  }
}

@media (min-width: 1281px) {
  .mt1-over-xl {
    margin-top: 6px;
  }
}

@media (max-width: 1280px) {
  .mt1-under-xl {
    margin-top: 6px;
  }
}

.ml1, .mh1, .ma1 {
  margin-left: 6px;
}

@media (min-width: 501px) {
  .ml1-over-s {
    margin-left: 6px;
  }
}

@media (max-width: 500px) {
  .ml1-under-s {
    margin-left: 6px;
  }
}

@media (min-width: 701px) {
  .ml1-over-m {
    margin-left: 6px;
  }
}

@media (max-width: 700px) {
  .ml1-under-m {
    margin-left: 6px;
  }
}

@media (min-width: 941px) {
  .ml1-over-l {
    margin-left: 6px;
  }
}

@media (max-width: 940px) {
  .ml1-under-l {
    margin-left: 6px;
  }
}

@media (min-width: 1281px) {
  .ml1-over-xl {
    margin-left: 6px;
  }
}

@media (max-width: 1280px) {
  .ml1-under-xl {
    margin-left: 6px;
  }
}

.mb1, .mv1, .ma1 {
  margin-bottom: 6px;
}

@media (min-width: 501px) {
  .mb1-over-s {
    margin-bottom: 6px;
  }
}

@media (max-width: 500px) {
  .mb1-under-s {
    margin-bottom: 6px;
  }
}

@media (min-width: 701px) {
  .mb1-over-m {
    margin-bottom: 6px;
  }
}

@media (max-width: 700px) {
  .mb1-under-m {
    margin-bottom: 6px;
  }
}

@media (min-width: 941px) {
  .mb1-over-l {
    margin-bottom: 6px;
  }
}

@media (max-width: 940px) {
  .mb1-under-l {
    margin-bottom: 6px;
  }
}

@media (min-width: 1281px) {
  .mb1-over-xl {
    margin-bottom: 6px;
  }
}

@media (max-width: 1280px) {
  .mb1-under-xl {
    margin-bottom: 6px;
  }
}

.mr1, .mh1, .ma1 {
  margin-right: 6px;
}

@media (min-width: 501px) {
  .mr1-over-s {
    margin-right: 6px;
  }
}

@media (max-width: 500px) {
  .mr1-under-s {
    margin-right: 6px;
  }
}

@media (min-width: 701px) {
  .mr1-over-m {
    margin-right: 6px;
  }
}

@media (max-width: 700px) {
  .mr1-under-m {
    margin-right: 6px;
  }
}

@media (min-width: 941px) {
  .mr1-over-l {
    margin-right: 6px;
  }
}

@media (max-width: 940px) {
  .mr1-under-l {
    margin-right: 6px;
  }
}

@media (min-width: 1281px) {
  .mr1-over-xl {
    margin-right: 6px;
  }
}

@media (max-width: 1280px) {
  .mr1-under-xl {
    margin-right: 6px;
  }
}

@media (min-width: 501px) {
  .ma1-over-s {
    margin: 6px;
  }
}

@media (max-width: 500px) {
  .ma1-under-s {
    margin: 6px;
  }
}

@media (min-width: 701px) {
  .ma1-over-m {
    margin: 6px;
  }
}

@media (max-width: 700px) {
  .ma1-under-m {
    margin: 6px;
  }
}

@media (min-width: 941px) {
  .ma1-over-l {
    margin: 6px;
  }
}

@media (max-width: 940px) {
  .ma1-under-l {
    margin: 6px;
  }
}

@media (min-width: 1281px) {
  .ma1-over-xl {
    margin: 6px;
  }
}

@media (max-width: 1280px) {
  .ma1-under-xl {
    margin: 6px;
  }
}

.mt2, .mv2, .ma2 {
  margin-top: 12px;
}

@media (min-width: 501px) {
  .mt2-over-s {
    margin-top: 12px;
  }
}

@media (max-width: 500px) {
  .mt2-under-s {
    margin-top: 12px;
  }
}

@media (min-width: 701px) {
  .mt2-over-m {
    margin-top: 12px;
  }
}

@media (max-width: 700px) {
  .mt2-under-m {
    margin-top: 12px;
  }
}

@media (min-width: 941px) {
  .mt2-over-l {
    margin-top: 12px;
  }
}

@media (max-width: 940px) {
  .mt2-under-l {
    margin-top: 12px;
  }
}

@media (min-width: 1281px) {
  .mt2-over-xl {
    margin-top: 12px;
  }
}

@media (max-width: 1280px) {
  .mt2-under-xl {
    margin-top: 12px;
  }
}

.ml2, .mh2, .ma2 {
  margin-left: 12px;
}

@media (min-width: 501px) {
  .ml2-over-s {
    margin-left: 12px;
  }
}

@media (max-width: 500px) {
  .ml2-under-s {
    margin-left: 12px;
  }
}

@media (min-width: 701px) {
  .ml2-over-m {
    margin-left: 12px;
  }
}

@media (max-width: 700px) {
  .ml2-under-m {
    margin-left: 12px;
  }
}

@media (min-width: 941px) {
  .ml2-over-l {
    margin-left: 12px;
  }
}

@media (max-width: 940px) {
  .ml2-under-l {
    margin-left: 12px;
  }
}

@media (min-width: 1281px) {
  .ml2-over-xl {
    margin-left: 12px;
  }
}

@media (max-width: 1280px) {
  .ml2-under-xl {
    margin-left: 12px;
  }
}

.mb2, .mv2, .ma2 {
  margin-bottom: 12px;
}

@media (min-width: 501px) {
  .mb2-over-s {
    margin-bottom: 12px;
  }
}

@media (max-width: 500px) {
  .mb2-under-s {
    margin-bottom: 12px;
  }
}

@media (min-width: 701px) {
  .mb2-over-m {
    margin-bottom: 12px;
  }
}

@media (max-width: 700px) {
  .mb2-under-m {
    margin-bottom: 12px;
  }
}

@media (min-width: 941px) {
  .mb2-over-l {
    margin-bottom: 12px;
  }
}

@media (max-width: 940px) {
  .mb2-under-l {
    margin-bottom: 12px;
  }
}

@media (min-width: 1281px) {
  .mb2-over-xl {
    margin-bottom: 12px;
  }
}

@media (max-width: 1280px) {
  .mb2-under-xl {
    margin-bottom: 12px;
  }
}

.mr2, .mh2, .ma2 {
  margin-right: 12px;
}

@media (min-width: 501px) {
  .mr2-over-s {
    margin-right: 12px;
  }
}

@media (max-width: 500px) {
  .mr2-under-s {
    margin-right: 12px;
  }
}

@media (min-width: 701px) {
  .mr2-over-m {
    margin-right: 12px;
  }
}

@media (max-width: 700px) {
  .mr2-under-m {
    margin-right: 12px;
  }
}

@media (min-width: 941px) {
  .mr2-over-l {
    margin-right: 12px;
  }
}

@media (max-width: 940px) {
  .mr2-under-l {
    margin-right: 12px;
  }
}

@media (min-width: 1281px) {
  .mr2-over-xl {
    margin-right: 12px;
  }
}

@media (max-width: 1280px) {
  .mr2-under-xl {
    margin-right: 12px;
  }
}

@media (min-width: 501px) {
  .ma2-over-s {
    margin: 12px;
  }
}

@media (max-width: 500px) {
  .ma2-under-s {
    margin: 12px;
  }
}

@media (min-width: 701px) {
  .ma2-over-m {
    margin: 12px;
  }
}

@media (max-width: 700px) {
  .ma2-under-m {
    margin: 12px;
  }
}

@media (min-width: 941px) {
  .ma2-over-l {
    margin: 12px;
  }
}

@media (max-width: 940px) {
  .ma2-under-l {
    margin: 12px;
  }
}

@media (min-width: 1281px) {
  .ma2-over-xl {
    margin: 12px;
  }
}

@media (max-width: 1280px) {
  .ma2-under-xl {
    margin: 12px;
  }
}

.mt3, .mv3, .ma3 {
  margin-top: 18px;
}

@media (min-width: 501px) {
  .mt3-over-s {
    margin-top: 18px;
  }
}

@media (max-width: 500px) {
  .mt3-under-s {
    margin-top: 18px;
  }
}

@media (min-width: 701px) {
  .mt3-over-m {
    margin-top: 18px;
  }
}

@media (max-width: 700px) {
  .mt3-under-m {
    margin-top: 18px;
  }
}

@media (min-width: 941px) {
  .mt3-over-l {
    margin-top: 18px;
  }
}

@media (max-width: 940px) {
  .mt3-under-l {
    margin-top: 18px;
  }
}

@media (min-width: 1281px) {
  .mt3-over-xl {
    margin-top: 18px;
  }
}

@media (max-width: 1280px) {
  .mt3-under-xl {
    margin-top: 18px;
  }
}

.ml3, .mh3, .ma3 {
  margin-left: 18px;
}

@media (min-width: 501px) {
  .ml3-over-s {
    margin-left: 18px;
  }
}

@media (max-width: 500px) {
  .ml3-under-s {
    margin-left: 18px;
  }
}

@media (min-width: 701px) {
  .ml3-over-m {
    margin-left: 18px;
  }
}

@media (max-width: 700px) {
  .ml3-under-m {
    margin-left: 18px;
  }
}

@media (min-width: 941px) {
  .ml3-over-l {
    margin-left: 18px;
  }
}

@media (max-width: 940px) {
  .ml3-under-l {
    margin-left: 18px;
  }
}

@media (min-width: 1281px) {
  .ml3-over-xl {
    margin-left: 18px;
  }
}

@media (max-width: 1280px) {
  .ml3-under-xl {
    margin-left: 18px;
  }
}

.mb3, .mv3, .ma3 {
  margin-bottom: 18px;
}

@media (min-width: 501px) {
  .mb3-over-s {
    margin-bottom: 18px;
  }
}

@media (max-width: 500px) {
  .mb3-under-s {
    margin-bottom: 18px;
  }
}

@media (min-width: 701px) {
  .mb3-over-m {
    margin-bottom: 18px;
  }
}

@media (max-width: 700px) {
  .mb3-under-m {
    margin-bottom: 18px;
  }
}

@media (min-width: 941px) {
  .mb3-over-l {
    margin-bottom: 18px;
  }
}

@media (max-width: 940px) {
  .mb3-under-l {
    margin-bottom: 18px;
  }
}

@media (min-width: 1281px) {
  .mb3-over-xl {
    margin-bottom: 18px;
  }
}

@media (max-width: 1280px) {
  .mb3-under-xl {
    margin-bottom: 18px;
  }
}

.mr3, .mh3, .ma3 {
  margin-right: 18px;
}

@media (min-width: 501px) {
  .mr3-over-s {
    margin-right: 18px;
  }
}

@media (max-width: 500px) {
  .mr3-under-s {
    margin-right: 18px;
  }
}

@media (min-width: 701px) {
  .mr3-over-m {
    margin-right: 18px;
  }
}

@media (max-width: 700px) {
  .mr3-under-m {
    margin-right: 18px;
  }
}

@media (min-width: 941px) {
  .mr3-over-l {
    margin-right: 18px;
  }
}

@media (max-width: 940px) {
  .mr3-under-l {
    margin-right: 18px;
  }
}

@media (min-width: 1281px) {
  .mr3-over-xl {
    margin-right: 18px;
  }
}

@media (max-width: 1280px) {
  .mr3-under-xl {
    margin-right: 18px;
  }
}

@media (min-width: 501px) {
  .ma3-over-s {
    margin: 18px;
  }
}

@media (max-width: 500px) {
  .ma3-under-s {
    margin: 18px;
  }
}

@media (min-width: 701px) {
  .ma3-over-m {
    margin: 18px;
  }
}

@media (max-width: 700px) {
  .ma3-under-m {
    margin: 18px;
  }
}

@media (min-width: 941px) {
  .ma3-over-l {
    margin: 18px;
  }
}

@media (max-width: 940px) {
  .ma3-under-l {
    margin: 18px;
  }
}

@media (min-width: 1281px) {
  .ma3-over-xl {
    margin: 18px;
  }
}

@media (max-width: 1280px) {
  .ma3-under-xl {
    margin: 18px;
  }
}

.mt4, .mv4, .ma4 {
  margin-top: 24px;
}

@media (min-width: 501px) {
  .mt4-over-s {
    margin-top: 24px;
  }
}

@media (max-width: 500px) {
  .mt4-under-s {
    margin-top: 24px;
  }
}

@media (min-width: 701px) {
  .mt4-over-m {
    margin-top: 24px;
  }
}

@media (max-width: 700px) {
  .mt4-under-m {
    margin-top: 24px;
  }
}

@media (min-width: 941px) {
  .mt4-over-l {
    margin-top: 24px;
  }
}

@media (max-width: 940px) {
  .mt4-under-l {
    margin-top: 24px;
  }
}

@media (min-width: 1281px) {
  .mt4-over-xl {
    margin-top: 24px;
  }
}

@media (max-width: 1280px) {
  .mt4-under-xl {
    margin-top: 24px;
  }
}

.ml4, .mh4, .ma4 {
  margin-left: 24px;
}

@media (min-width: 501px) {
  .ml4-over-s {
    margin-left: 24px;
  }
}

@media (max-width: 500px) {
  .ml4-under-s {
    margin-left: 24px;
  }
}

@media (min-width: 701px) {
  .ml4-over-m {
    margin-left: 24px;
  }
}

@media (max-width: 700px) {
  .ml4-under-m {
    margin-left: 24px;
  }
}

@media (min-width: 941px) {
  .ml4-over-l {
    margin-left: 24px;
  }
}

@media (max-width: 940px) {
  .ml4-under-l {
    margin-left: 24px;
  }
}

@media (min-width: 1281px) {
  .ml4-over-xl {
    margin-left: 24px;
  }
}

@media (max-width: 1280px) {
  .ml4-under-xl {
    margin-left: 24px;
  }
}

.mb4, .mv4, .ma4 {
  margin-bottom: 24px;
}

@media (min-width: 501px) {
  .mb4-over-s {
    margin-bottom: 24px;
  }
}

@media (max-width: 500px) {
  .mb4-under-s {
    margin-bottom: 24px;
  }
}

@media (min-width: 701px) {
  .mb4-over-m {
    margin-bottom: 24px;
  }
}

@media (max-width: 700px) {
  .mb4-under-m {
    margin-bottom: 24px;
  }
}

@media (min-width: 941px) {
  .mb4-over-l {
    margin-bottom: 24px;
  }
}

@media (max-width: 940px) {
  .mb4-under-l {
    margin-bottom: 24px;
  }
}

@media (min-width: 1281px) {
  .mb4-over-xl {
    margin-bottom: 24px;
  }
}

@media (max-width: 1280px) {
  .mb4-under-xl {
    margin-bottom: 24px;
  }
}

.mr4, .mh4, .ma4 {
  margin-right: 24px;
}

@media (min-width: 501px) {
  .mr4-over-s {
    margin-right: 24px;
  }
}

@media (max-width: 500px) {
  .mr4-under-s {
    margin-right: 24px;
  }
}

@media (min-width: 701px) {
  .mr4-over-m {
    margin-right: 24px;
  }
}

@media (max-width: 700px) {
  .mr4-under-m {
    margin-right: 24px;
  }
}

@media (min-width: 941px) {
  .mr4-over-l {
    margin-right: 24px;
  }
}

@media (max-width: 940px) {
  .mr4-under-l {
    margin-right: 24px;
  }
}

@media (min-width: 1281px) {
  .mr4-over-xl {
    margin-right: 24px;
  }
}

@media (max-width: 1280px) {
  .mr4-under-xl {
    margin-right: 24px;
  }
}

@media (min-width: 501px) {
  .ma4-over-s {
    margin: 24px;
  }
}

@media (max-width: 500px) {
  .ma4-under-s {
    margin: 24px;
  }
}

@media (min-width: 701px) {
  .ma4-over-m {
    margin: 24px;
  }
}

@media (max-width: 700px) {
  .ma4-under-m {
    margin: 24px;
  }
}

@media (min-width: 941px) {
  .ma4-over-l {
    margin: 24px;
  }
}

@media (max-width: 940px) {
  .ma4-under-l {
    margin: 24px;
  }
}

@media (min-width: 1281px) {
  .ma4-over-xl {
    margin: 24px;
  }
}

@media (max-width: 1280px) {
  .ma4-under-xl {
    margin: 24px;
  }
}

.mt5, .mv5, .ma5 {
  margin-top: 30px;
}

@media (min-width: 501px) {
  .mt5-over-s {
    margin-top: 30px;
  }
}

@media (max-width: 500px) {
  .mt5-under-s {
    margin-top: 30px;
  }
}

@media (min-width: 701px) {
  .mt5-over-m {
    margin-top: 30px;
  }
}

@media (max-width: 700px) {
  .mt5-under-m {
    margin-top: 30px;
  }
}

@media (min-width: 941px) {
  .mt5-over-l {
    margin-top: 30px;
  }
}

@media (max-width: 940px) {
  .mt5-under-l {
    margin-top: 30px;
  }
}

@media (min-width: 1281px) {
  .mt5-over-xl {
    margin-top: 30px;
  }
}

@media (max-width: 1280px) {
  .mt5-under-xl {
    margin-top: 30px;
  }
}

.ml5, .mh5, .ma5 {
  margin-left: 30px;
}

@media (min-width: 501px) {
  .ml5-over-s {
    margin-left: 30px;
  }
}

@media (max-width: 500px) {
  .ml5-under-s {
    margin-left: 30px;
  }
}

@media (min-width: 701px) {
  .ml5-over-m {
    margin-left: 30px;
  }
}

@media (max-width: 700px) {
  .ml5-under-m {
    margin-left: 30px;
  }
}

@media (min-width: 941px) {
  .ml5-over-l {
    margin-left: 30px;
  }
}

@media (max-width: 940px) {
  .ml5-under-l {
    margin-left: 30px;
  }
}

@media (min-width: 1281px) {
  .ml5-over-xl {
    margin-left: 30px;
  }
}

@media (max-width: 1280px) {
  .ml5-under-xl {
    margin-left: 30px;
  }
}

.mb5, .mv5, .ma5 {
  margin-bottom: 30px;
}

@media (min-width: 501px) {
  .mb5-over-s {
    margin-bottom: 30px;
  }
}

@media (max-width: 500px) {
  .mb5-under-s {
    margin-bottom: 30px;
  }
}

@media (min-width: 701px) {
  .mb5-over-m {
    margin-bottom: 30px;
  }
}

@media (max-width: 700px) {
  .mb5-under-m {
    margin-bottom: 30px;
  }
}

@media (min-width: 941px) {
  .mb5-over-l {
    margin-bottom: 30px;
  }
}

@media (max-width: 940px) {
  .mb5-under-l {
    margin-bottom: 30px;
  }
}

@media (min-width: 1281px) {
  .mb5-over-xl {
    margin-bottom: 30px;
  }
}

@media (max-width: 1280px) {
  .mb5-under-xl {
    margin-bottom: 30px;
  }
}

.mr5, .mh5, .ma5 {
  margin-right: 30px;
}

@media (min-width: 501px) {
  .mr5-over-s {
    margin-right: 30px;
  }
}

@media (max-width: 500px) {
  .mr5-under-s {
    margin-right: 30px;
  }
}

@media (min-width: 701px) {
  .mr5-over-m {
    margin-right: 30px;
  }
}

@media (max-width: 700px) {
  .mr5-under-m {
    margin-right: 30px;
  }
}

@media (min-width: 941px) {
  .mr5-over-l {
    margin-right: 30px;
  }
}

@media (max-width: 940px) {
  .mr5-under-l {
    margin-right: 30px;
  }
}

@media (min-width: 1281px) {
  .mr5-over-xl {
    margin-right: 30px;
  }
}

@media (max-width: 1280px) {
  .mr5-under-xl {
    margin-right: 30px;
  }
}

@media (min-width: 501px) {
  .ma5-over-s {
    margin: 30px;
  }
}

@media (max-width: 500px) {
  .ma5-under-s {
    margin: 30px;
  }
}

@media (min-width: 701px) {
  .ma5-over-m {
    margin: 30px;
  }
}

@media (max-width: 700px) {
  .ma5-under-m {
    margin: 30px;
  }
}

@media (min-width: 941px) {
  .ma5-over-l {
    margin: 30px;
  }
}

@media (max-width: 940px) {
  .ma5-under-l {
    margin: 30px;
  }
}

@media (min-width: 1281px) {
  .ma5-over-xl {
    margin: 30px;
  }
}

@media (max-width: 1280px) {
  .ma5-under-xl {
    margin: 30px;
  }
}

.mt6, .mv6, .ma6 {
  margin-top: 36px;
}

@media (min-width: 501px) {
  .mt6-over-s {
    margin-top: 36px;
  }
}

@media (max-width: 500px) {
  .mt6-under-s {
    margin-top: 36px;
  }
}

@media (min-width: 701px) {
  .mt6-over-m {
    margin-top: 36px;
  }
}

@media (max-width: 700px) {
  .mt6-under-m {
    margin-top: 36px;
  }
}

@media (min-width: 941px) {
  .mt6-over-l {
    margin-top: 36px;
  }
}

@media (max-width: 940px) {
  .mt6-under-l {
    margin-top: 36px;
  }
}

@media (min-width: 1281px) {
  .mt6-over-xl {
    margin-top: 36px;
  }
}

@media (max-width: 1280px) {
  .mt6-under-xl {
    margin-top: 36px;
  }
}

.ml6, .mh6, .ma6 {
  margin-left: 36px;
}

@media (min-width: 501px) {
  .ml6-over-s {
    margin-left: 36px;
  }
}

@media (max-width: 500px) {
  .ml6-under-s {
    margin-left: 36px;
  }
}

@media (min-width: 701px) {
  .ml6-over-m {
    margin-left: 36px;
  }
}

@media (max-width: 700px) {
  .ml6-under-m {
    margin-left: 36px;
  }
}

@media (min-width: 941px) {
  .ml6-over-l {
    margin-left: 36px;
  }
}

@media (max-width: 940px) {
  .ml6-under-l {
    margin-left: 36px;
  }
}

@media (min-width: 1281px) {
  .ml6-over-xl {
    margin-left: 36px;
  }
}

@media (max-width: 1280px) {
  .ml6-under-xl {
    margin-left: 36px;
  }
}

.mb6, .mv6, .ma6 {
  margin-bottom: 36px;
}

@media (min-width: 501px) {
  .mb6-over-s {
    margin-bottom: 36px;
  }
}

@media (max-width: 500px) {
  .mb6-under-s {
    margin-bottom: 36px;
  }
}

@media (min-width: 701px) {
  .mb6-over-m {
    margin-bottom: 36px;
  }
}

@media (max-width: 700px) {
  .mb6-under-m {
    margin-bottom: 36px;
  }
}

@media (min-width: 941px) {
  .mb6-over-l {
    margin-bottom: 36px;
  }
}

@media (max-width: 940px) {
  .mb6-under-l {
    margin-bottom: 36px;
  }
}

@media (min-width: 1281px) {
  .mb6-over-xl {
    margin-bottom: 36px;
  }
}

@media (max-width: 1280px) {
  .mb6-under-xl {
    margin-bottom: 36px;
  }
}

.mr6, .mh6, .ma6 {
  margin-right: 36px;
}

@media (min-width: 501px) {
  .mr6-over-s {
    margin-right: 36px;
  }
}

@media (max-width: 500px) {
  .mr6-under-s {
    margin-right: 36px;
  }
}

@media (min-width: 701px) {
  .mr6-over-m {
    margin-right: 36px;
  }
}

@media (max-width: 700px) {
  .mr6-under-m {
    margin-right: 36px;
  }
}

@media (min-width: 941px) {
  .mr6-over-l {
    margin-right: 36px;
  }
}

@media (max-width: 940px) {
  .mr6-under-l {
    margin-right: 36px;
  }
}

@media (min-width: 1281px) {
  .mr6-over-xl {
    margin-right: 36px;
  }
}

@media (max-width: 1280px) {
  .mr6-under-xl {
    margin-right: 36px;
  }
}

@media (min-width: 501px) {
  .ma6-over-s {
    margin: 36px;
  }
}

@media (max-width: 500px) {
  .ma6-under-s {
    margin: 36px;
  }
}

@media (min-width: 701px) {
  .ma6-over-m {
    margin: 36px;
  }
}

@media (max-width: 700px) {
  .ma6-under-m {
    margin: 36px;
  }
}

@media (min-width: 941px) {
  .ma6-over-l {
    margin: 36px;
  }
}

@media (max-width: 940px) {
  .ma6-under-l {
    margin: 36px;
  }
}

@media (min-width: 1281px) {
  .ma6-over-xl {
    margin: 36px;
  }
}

@media (max-width: 1280px) {
  .ma6-under-xl {
    margin: 36px;
  }
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.static {
  position: static;
}

@media (min-width: 701px) {
  .absolute-over-m {
    position: absolute;
  }
  .fixed-over-m {
    position: fixed;
  }
}
@media (min-width: 941px) {
  .absolute-over-l {
    position: absolute;
  }
  .fixed-over-l {
    position: fixed;
  }
}
@media (min-width: 1281px) {
  .absolute-over-xl {
    position: absolute;
  }
  .fixed-over-xl {
    position: fixed;
  }
}
.top-0 {
  top: 0;
}

.right-0 {
  right: 0;
}

.bottom-0 {
  bottom: 0;
}

.left-0 {
  left: 0;
}

@media (min-width: 701px) {
  .top-0-over-m {
    top: 0;
  }
  .right-0-over-m {
    right: 0;
  }
  .bottom-0-over-m {
    bottom: 0;
  }
  .left-0-over-m {
    left: 0;
  }
}
@media (min-width: 941px) {
  .top-0-over-l {
    top: 0;
  }
  .right-0-over-l {
    right: 0;
  }
  .bottom-0-over-l {
    bottom: 0;
  }
  .left-0-over-l {
    left: 0;
  }
}
@media (min-width: 1281px) {
  .top-0-over-xl {
    top: 0;
  }
  .right-0-over-xl {
    right: 0;
  }
  .bottom-0-over-xl {
    bottom: 0;
  }
  .left-0-over-xl {
    left: 0;
  }
}
.z1 {
  z-index: 1;
}

.z2 {
  z-index: 2;
}

.z3 {
  z-index: 3;
}

.z4 {
  z-index: 4;
}

.flex {
  display: flex;
}

.flex-column {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

.self-start {
  align-self: flex-start;
}

.self-end {
  align-self: flex-end;
}

.self-center {
  align-self: center;
}

.self-baseline {
  align-self: baseline;
}

.self-stretch {
  align-self: stretch;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.content-start {
  align-content: flex-start;
}

.content-end {
  align-content: flex-end;
}

.content-center {
  align-content: center;
}

.content-between {
  align-content: space-between;
}

.content-around {
  align-content: space-around;
}

.content-stretch {
  align-content: stretch;
}

.flex-grow {
  flex-grow: 1;
}

/* 1. Fix for Chrome 44 bug. https://code.google.com/p/chromium/issues/detail?id=506893  */
.flex-auto {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
}

.flex-none {
  flex: none;
}

@media (min-width: 501px) {
  .flex-over-s {
    display: flex;
  }
}

@media (min-width: 701px) {
  .flex-over-m {
    display: flex;
  }
}

@media (max-width: 500px) {
  /* you shall not pass */
  div,
  textarea,
  table,
  td,
  th,
  code,
  pre,
  samp {
    word-wrap: break-word;
    -webkit-hyphens: auto;
            hyphens: auto;
  }
}
.overflow-hidden {
  overflow: hidden;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-auto {
  overflow: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.fit {
  max-width: 100%;
}

.fill {
  width: 100%;
  box-sizing: border-box;
}

.absolute-fit {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 500px) {
  .fill-under-s {
    width: 100%;
  }
}

.white {
  color: white;
}

.black {
  color: #000;
}

.grey-5 {
  color: rgb(242.25, 242.25, 242.25);
}

.grey-10 {
  color: rgb(229.5, 229.5, 229.5);
}

.grey-20 {
  color: #cccccc;
}

.grey-30 {
  color: rgb(178.5, 178.5, 178.5);
}

.grey-40 {
  color: #999999;
}

.grey-50 {
  color: rgb(127.5, 127.5, 127.5);
}

.grey-60 {
  color: #666666;
}

.grey-70 {
  color: rgb(76.5, 76.5, 76.5);
}

.grey-80 {
  color: #333333;
}

.grey-90 {
  color: rgb(25.5, 25.5, 25.5);
}

.grey-95 {
  color: rgb(12.75, 12.75, 12.75);
}

.bg-white {
  background: white;
}

.bg-black {
  background: #000;
}

.bg-grey-5 {
  background: rgb(242.25, 242.25, 242.25);
}

.bg-grey-10 {
  background: rgb(229.5, 229.5, 229.5);
}

.bg-grey-20 {
  background: #cccccc;
}

.bg-grey-30 {
  background: rgb(178.5, 178.5, 178.5);
}

.bg-grey-40 {
  background: #999999;
}

.bg-grey-50 {
  background: rgb(127.5, 127.5, 127.5);
}

.bg-grey-60 {
  background: #666666;
}

.bg-grey-70 {
  background: rgb(76.5, 76.5, 76.5);
}

.bg-grey-80 {
  background: #333333;
}

.bg-grey-90 {
  background: rgb(25.5, 25.5, 25.5);
}

.bg-grey-95 {
  background: rgb(12.75, 12.75, 12.75);
}

.bg-black-95 {
  background: rgba(0, 0, 0, 0.95);
}

.bg-black-90 {
  background: rgba(0, 0, 0, 0.9);
}

.bg-black-80 {
  background: rgba(0, 0, 0, 0.8);
}

.bg-black-70 {
  background: rgba(0, 0, 0, 0.7);
}

.bg-black-60 {
  background: rgba(0, 0, 0, 0.6);
}

.bg-black-50 {
  background: rgba(0, 0, 0, 0.5);
}

.bg-black-40 {
  background: rgba(0, 0, 0, 0.4);
}

.bg-black-30 {
  background: rgba(0, 0, 0, 0.3);
}

.bg-black-20 {
  background: rgba(0, 0, 0, 0.2);
}

.bg-black-10 {
  background: rgba(0, 0, 0, 0.1);
}

.bg-black-5 {
  background: rgba(0, 0, 0, 0.05);
}

.border {
  border-style: solid;
  border-width: 2px;
  border-color: #ddd;
}

.border-top {
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #ddd;
}

.border-right {
  border-right-style: solid;
  border-right-width: 2px;
  border-right-color: #ddd;
}

.border-bottom {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #ddd;
}

.border-left {
  border-left-style: solid;
  border-left-width: 2px;
  border-left-color: #ddd;
}

.border--dotted {
  border-style: dotted;
}

.border--dashed {
  border-style: dashed;
}

.border--solid {
  border-style: solid;
}

.border--none {
  border-style: none;
}

.rounded {
  border-radius: 3px;
}

.circle {
  border-radius: 50%;
}

.rounded-top {
  border-radius: 3px 3px 0 0;
}

.rounded-right {
  border-radius: 0 3px 3px 0;
}

.rounded-bottom {
  border-radius: 0 0 3px 3px;
}

.rounded-left {
  border-radius: 3px 0 0 3px;
}

.not-rounded {
  border-radius: 0;
}

.drop {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
}

.text-drop {
  text-shadow: 1px 1px 9px rgba(0, 0, 0, 0.6);
}

/* * * * * * * * * * * * * * *  ABOUT PAGE  * * * * * * * * * * * * * * */
.heard,
.strategic-priority {
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.heard {
  padding-bottom: 2px;
}

.heard-holistic {
  border-bottom: 3px solid #f39206;
}

.heard-equitable {
  border-bottom: 3px solid #980065;
}

.heard-authentic {
  border-bottom: 3px solid #00a19b;
}

.heard-representative {
  border-bottom: 3px solid #605ee8;
}

.heard-diverse {
  border-bottom: 3px solid #eb0089;
}

.strategic-priorities li {
  position: relative;
  margin-left: 20px;
}
.strategic-priorities li:before {
  position: absolute;
  content: "•";
  left: -20px;
  font-size: 27px;
  top: -10px;
}

.strategic-priorities li:nth-child(2):before {
  color: #45b26f;
}
.strategic-priorities li:nth-child(3):before {
  color: #dd9107;
}
.strategic-priorities li:nth-child(4):before {
  color: #de4258;
}
.strategic-priorities li:nth-child(5):before {
  color: #22badf;
}
.strategic-priorities li:nth-child(6):before {
  color: #c7d42c;
}

/* * * * * * * * * * * * * * *  ABOUT PAGE  * * * * * * * * * * * * * * */
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request: h5bp.com/r
   ========================================================================== */
@media print {
  @page {
    margin: 1cm 1cm 0.5cm;
    size: A4 portrait;
  }
  * {
    background: transparent !important;
    color: #000 !important; /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a:after {
    content: " (" attr(href) ")";
    font-size: 12px;
    color: #777;
    font-weight: normal;
    text-transform: lowercase;
    word-wrap: break-word;
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /* Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  thead {
    display: table-header-group; /* h5bp.com/t */
  }
  tr,
  img,
  .about,
  .music-world #instruments,
  .fluid-width-video-wrapper {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .site-header,
  .site-footer,
  .login,
  .sidebar,
  .nav-in-page {
    display: none;
  }
  .no-print {
    display: none !important;
  }
  .print-only {
    display: block !important;
  }
  .print-only-inline {
    display: inline-block !important;
  }
}
/***** PAGE BREAK FOR PRINT *****/
@media all {
  .page-break {
    display: none;
  }
}
@media print {
  .page-break {
    display: block;
    page-break-before: always;
  }
}
/***** PAGE BREAK FOR PRINT *****//*# sourceMappingURL=style.css.map */