@charset "UTF-8";
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 24, 2016 */
@font-face {
  font-family: "glyphicons_halflingsregular";
  src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
  font-weight: normal;
  font-style: normal;
}
:root {
  --page-width: 990px;
}

/*
$page-width: 990px;
*/
/*

  Colours

======================================================*/
:root {
  --light-gray: #ccc;
  --lightest-gray: #eee;
  --black: #1B2020 ;
  --white: #fff;
  --grey-95: #262b2b;
  --grey-90: #323636;
  --grey-80: #494d4d;
  --grey-70: #5f6363;
  --grey-60: #767979;
  --grey-50: #8d9090;
  --grey-40: #a4a6a6;
  --grey-30: #bbbcbc;
  --grey-25: #c6c7c7;
  --grey-20: #d1d2d2;
  --grey-10: #e8e9e9;
  --grey-05: #f7f7f7;
  --transparent: transparent;
  --black-90: rgba(27, 32, 32,.9);
  --black-80: rgba(27, 32, 32,.8);
  --black-70: rgba(27, 32, 32,.7);
  --black-60: rgba(27, 32, 32,.6);
  --black-50: rgba(27, 32, 32,.5);
  --black-40: rgba(27, 32, 32,.4);
  --black-30: rgba(27, 32, 32,.3);
  --black-20: rgba(27, 32, 32,.2);
  --black-10: rgba(27, 32, 32,.1);
  --black-05: rgba(27, 32, 32,.05);
  --black-025: rgba(27, 32, 32,.025);
  --black-0125: rgba(27, 32, 32,.0125);
  --white-90: rgba(255,255,255,.9);
  --white-80: rgba(255,255,255,.8);
  --white-70: rgba(255,255,255,.7);
  --white-60: rgba(255,255,255,.6);
  --white-50: rgba(255,255,255,.5);
  --white-40: rgba(255,255,255,.4);
  --white-30: rgba(255,255,255,.3);
  --white-20: rgba(255,255,255,.2);
  --white-10: rgba(255,255,255,.1);
  --white-05: rgba(255,255,255,.05);
  --white-025: rgba(255,255,255,.025);
  --white-0125: rgba(255,255,255,.0125);
  --charanga-green: #00aca1;
  --charanga-green-on-white: #01857c;
  --copper: #C19986;
  --dark-red: #e7040f;
  --red: #FF4136;
  --light-red: #ff645c;
  --orange: #ff8e14;
  --dark-yellow: #ffb700;
  --yellow: #f9d006;
  --light-yellow: #fbe783;
  --dark-green: #15845B;
  --green: #38b84d;
  --light-green: #b8ea86;
  --dark-blue: #00449e;
  --blue: #357edd;
  --light-blue: #96ccff;
  --lightest-blue: #cdecff;
  --blue-on-white: #006AF5;
  --purple: #5e2ca5;
  --light-purple: #a463f2;
  --dark-pink: #d5008f;
  --hot-pink: #ff41b4;
  --pink: #ff80cc;
  --light-pink: #ffc4e5;
  --brown: #8A6815;
  --washed-blue: #f6fffe;
  --washed-green: #e8fdf5;
  --washed-yellow: #fffceb;
  --washed-red: #ffdfdf;
  --color-accent: var(--red);
  --color-cta: var(--green);
  /*

    Type colours

  ======================================================*/
  --color-text: var(--grey-90);
  --color-heading: var(--black);
  --color-info-lighter: var(--grey-40);
  --color-info: #767676;
  --color-info-darker: #6E7272;
  --color-link: var(--charanga-green);
  --color-link-on-white: var(--charanga-green-on-white);
  --color-link-hover: #EE7882;
  /*

    UI Colors

  ======================================================*/
  --ui-bg-palest: var(--grey-05);
  --ui-bg-pale: var(--grey-10);
  --ui-border-color: var(--grey-20);
  --ui-border-color-darker: var(--grey-25);
  --color-striped-background: #EEF4F9;
  /*

    Lesson Viewer Theme

  ======================================================*/
  --lesson-viewer-dark: var(--grey-95);
  --lesson-viewer-dark--active: #1b2020cc;
  --lesson-viewer-accent: var(--charanga-green);
  --lesson-viewer-accent--active: var(--charanga-green);
  --lesson-viewer-chrome: var(--grey-20);
  --lesson-viewer-chrome-highlight: var(--grey-10);
  --lesson-viewer-chrome-background: var(--grey-60);
  --lesson-viewer-chrome-text: var(--grey-60);
  --lesson-viewer-chrome-text-active: var(--grey-60);
  /*

    FOFRCED COLOUR SETTINGS

  ======================================================*/
  --forced-color-button-text: ButtonText;
  --forced-color-disabled-text: GrayText;
  --forced-color-link-text: LinkText;
  --forced-color-background: Canvas;
  --forced-light-colour-blue: #00009f;
  --forced-light-colour-black: #000;
  --forced-dark-border-colour-white: #fff;
  --forced-light-link-colour: var(--forced-light-colour-blue);
  --forced-dark-link-colour: rgb(255, 255, 0);
}

/*
$light-gray:            #ccc;
$lightest-gray:         #eee;

$black:                 #1B2020 ; //#1f2021;
$white:                 #fff;
*/
/*
$grey-95:               tint($black,05%);
$grey-90:               tint($black,10%);
*/
/*
$grey-80:               tint($black,20%);
$grey-70:               tint($black,30%);
*/
/*
$grey-60:               tint($black,40%);

$grey-50:               tint($black,50%);
*/
/*
$grey-40:               tint($black,60%);
$grey-30:               tint($black,70%);
*/
/*
$grey-25:               tint($black,75%);
$grey-20:               tint($black,80%);
*/
/*
$grey-10:               tint($black,90%);
$grey-05:               tint($black,96.5%);
*/
/*
$transparent:           transparent;
*/
/*
$black-90:              rgba(var(--black),.9);

$black-80:              rgba(var(--black),.8);
$black-70:              rgba(var(--black),.7);
$black-60:              rgba(var(--black),.6);
$black-50:              rgba(var(--black),.5);
$black-40:              rgba(var(--black),.4);
$black-30:              rgba(var(--black),.3);
$black-20:              rgba(var(--black),.2);
$black-10:              rgba(var(--black),.1);
$black-05:              rgba(var(--black),.05);
$black-025:             rgba(var(--black),.025);
$black-0125:            rgba(var(--black),.0125); */
/*
$white-90:              rgba(255,255,255,.9);
$white-80:              rgba(255,255,255,.8);
$white-70:              rgba(255,255,255,.7);
$white-60:              rgba(255,255,255,.6);
$white-50:              rgba(255,255,255,.5);
$white-40:              rgba(255,255,255,.4);
$white-30:              rgba(255,255,255,.3);
$white-20:              rgba(255,255,255,.2);
$white-10:              rgba(255,255,255,.1);
$white-05:              rgba(255,255,255,.05);
$white-025:             rgba(255,255,255,.025);
$white-0125:            rgba(255,255,255,.0125); */
/*
$charanga-green:        #00aca1;
$charanga-green-on-white: #01857c;

$copper:                #C19986;

$dark-red:              #e7040f;


$red:                   #FF4136;

$light-red:             #ff645c;

$orange:                #ff8e14;

$dark-yellow:           #ffb700;

$yellow:                #f9d006;

$light-yellow:          #fbe783;

$dark-green:            #15845B;

$green:                 #38b84d;

$light-green:           #b8ea86;

$dark-blue:             #00449e;
$blue:                  #357edd;
$light-blue:            #96ccff;
$lightest-blue:         #cdecff;
$blue-on-white:         #006AF5;


$purple:                #5e2ca5;
$light-purple:          #a463f2;

$dark-pink:             #d5008f;
$hot-pink:              #ff41b4;
$pink:                  #ff80cc;
$light-pink:            #ffc4e5;

$brown:                 #8A6815;

$washed-blue:           #f6fffe;
$washed-green:          #e8fdf5;
$washed-yellow:         #fffceb;
$washed-red:            #ffdfdf;


$color-accent:          var(--red);
$color-cta:             var(--green);

*/
/*

  Type colours

======================================================*/
/*
$color-text:            var(--grey-90);
$color-heading:         var(--black);

$color-info-lighter:    var(--grey-40);
$color-info:            #767676;
$color-info-darker:     var(--grey-70);

// $color-link:            shade($charanga-green,10%); OLD CHARANGA GREEN
$color-link:               var(--charanga-green);
$color-link-on-white:      var(--charanga-green-on-white);
$color-link-hover:      #EE7882; */
/*

  UI Colors

======================================================*/
/*
$ui-bg-palest:                      var(--grey-05);
$ui-bg-pale:                        var(--grey-10);

$ui-border-color:                   var(--grey-20);
$ui-border-color-darker:            var(--grey-25);

$color-striped-background:          #EEF4F9;
*/
/*

  Lesson Viewer Theme

======================================================*/
/*
$lesson-viewer-dark:                var(--grey-95);

$lesson-viewer-dark--active:        darker($black,20%);
$lesson-viewer-accent:              var(--charanga-green);
$lesson-viewer-accent--active:      var(--charanga-green);

$lesson-viewer-chrome:              var(--grey-20);
$lesson-viewer-chrome-highlight:    var(--grey-10);
$lesson-viewer-chrome-background:   var(--grey-60);

$lesson-viewer-chrome-text:         var(--grey-60);
$lesson-viewer-chrome-text-active:  var(--grey-60); */
/*

  FOFRCED COLOUR SETTINGS

======================================================*/
/*
$forced-light-colour-blue: #00009f;
*/
:root {
  /*

    Font families

  ======================================================*/
  --font-unicode: "Segoe UI Symbol", "Arial Unicode MS", "DejaVu Sans", "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-body: "proxima-nova", Arial, var(--font-unicode);
  --font-bold: "proxima-nova", Arial, var(--font-unicode);
  --font-ampersand: Baskerville,"Palatino Linotype","Constantia","Goudy Old Style","Palatino","Book Antiqua", serif;
  --font-monospace: "Courier", monospace;
  /*

    TYPE SIZING

  ======================================================*/
  --font-size-h1: 3;
  --font-size-h2: 2.1;
  --font-size-h3: 1.8;
  --font-size-h4: 1.5;
  --font-size-h5: 1.5;
  --font-size-h6: 1.5;
  --font-size-base: 1.5;
  --line-height-base: 1.5;
  --line-height-heading: 1.25;
}

/*

  Font families

======================================================*/
/*
$font-unicode: "Segoe UI Symbol", "Arial Unicode MS", "DejaVu Sans", "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;

  // includes unicode to catch any errant glyphs
  $font-body: "proxima-nova", Arial, $font-unicode;

  $font-bold: "proxima-nova", Arial, $font-unicode;

  $font-ampersand: Baskerville,"Palatino Linotype","Constantia","Goudy Old Style","Palatino","Book Antiqua", serif;

  $font-monospace: "Courier", monospace;*/
/*

  TYPE SIZING

======================================================*/
:root {
  --ui-border:1px solid var(--ui-border-color);
  --card-divider: var(--ui-border);
  --border-radius-s: 2px;
  --border-radius-m: 4px;
  --border-radius-l: 8px;
  --drop: 0 1px 5px 0 rgba(0,0,0,0.22);
}

/*
$ui-border:1px solid var(--ui-border-color);

$card-divider: var(--ui-border);


$border-radius-s: 2px;
$border-radius-m: 4px;
$border-radius-l: 8px;

$drop: 0 1px 5px 0 rgba(0,0,0,0.22); */
/*

  Z-INDEX

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

  EASINGS

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

  Transition Durations

======================================================*/
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes fadeGreenToGrey {
  0% {
    color: #38b84d;
  }
  80% {
    color: #38b84d;
  }
  100% {
    color: #aaa;
  }
}
@keyframes flash-block {
  0% {
    background: #fff;
    color: #fff;
  }
  15% {
    background: #ff5950;
    color: #fff;
  }
  90% {
    background: #ff5950;
    color: #fff;
  }
  95% {
    background: #fff;
    color: #fff;
  }
  100% {
    background: #fff;
    color: #46B046;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes grow-in {
  0% {
    transform: scale3d(0, 0, 0);
  }
  70% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  0% {
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada-subtle {
  0% {
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -1deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 1deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada-icon {
  0% {
    transform: scale3d(1, 1, 1);
    display: inline-block;
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -1deg);
    color: var(--green);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 4deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -4deg);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/* A box model thing
   ========================================================================== */
html {
  box-sizing: border-box;
}

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

img {
  box-sizing: content-box;
}

/**
 * 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,
summary {
  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-color: 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: 1px 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 input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer; /* 3 */
}

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

/**
 * 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 */
  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;
}

body {
  background-color: #fff;
}

.page-hd {
  display: inline-block;
  background: url(/images/global/textures/binding_dark.png);
}

@media screen and (min-width: 768px) {
  .page-hd {
    display: block;
  }
}
.page-bd {
  background-color: #fff;
}

::-moz-selection {
  background: var(--copper);
  color: #fff;
  text-shadow: none;
}

::selection {
  background: var(--copper);
  color: #fff;
  text-shadow: none;
}

.copper {
  background: var(--copper);
}

.info {
  color: var(--color-info-darker);
}

/*

  Base type rules

======================================================*/
* {
  font-feature-settings: "ss01" on;
}

html {
  font-size: 10px;
}

body {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.3333333333;
}

body,
pre,
select,
input,
textarea,
button {
  font-family: var(--font-body);
  text-rendering: optimizeLegibility;
  color: var(--color-text);
}

details {
  transition: 0.6s;
}

details summary {
  cursor: pointer;
  display: list-item;
}

h1 br, h2 br, h3 br, h4 br, h5 br, h6 br {
  display: none;
}

font {
  padding-left: 3px;
  font-size: inherit;
  font-family: inherit;
}

/*

  Headings

======================================================*/
p {
  margin-top: 0;
}

cite {
  margin-left: 40px;
  font-style: normal;
}

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;
}

hr {
  height: 1px;
  background: #ccc;
  border: 0 none;
  margin: 15px 15px 0;
}

q {
  font-style: italic;
}
q:before {
  content: open-quote;
}
q:after {
  content: close-quote;
}

.media p:last-child,
.card p:last-child,
.community-pages .hentry p:last-child,
.community-pages .vevent p:last-child,
.community-pages .myForums p:last-child {
  margin-bottom: 0;
}

article h2, article h3, article h4 {
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}
article .course__column-heading,
article .column-header {
  margin-top: 1.5em;
}
article p + ul,
article p + ol {
  margin-top: -0.66666em;
}
article .mb0 + ol, article .mv0 + ol, article .ma0 + ol,
article .mb0 + ul,
article .mv0 + ul,
article .ma0 + ul {
  margin-top: 0;
}
article ol, article ul {
  padding-left: 20px;
  margin-bottom: 0.66666em;
}
article ol li {
  list-style: decimal outside;
}
article ul li {
  list-style: disc outside;
}
article li {
  margin-bottom: 0.3333em;
}

h1, h2, h3, h4, h4, h6,
.h1, .h2, .h3, .h4, .h4, .h6 {
  color: var(--color-heading);
  line-height: 1.25;
  margin: 0;
  padding: 0;
}
h1 a, h2 a, h3 a, h4 a, h4 a, h6 a,
.h1 a, .h2 a, .h3 a, .h4 a, .h4 a, .h6 a {
  text-decoration: none;
  color: var(--color-heading);
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h4 a:hover, h6 a:hover,
.h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h4 a:hover, .h6 a:hover {
  color: var(--color-link-hover);
}
h1 .sub-heading,
h1 .sur-heading, h2 .sub-heading,
h2 .sur-heading, h3 .sub-heading,
h3 .sur-heading, h4 .sub-heading,
h4 .sur-heading, h4 .sub-heading,
h4 .sur-heading, h6 .sub-heading,
h6 .sur-heading,
.h1 .sub-heading,
.h1 .sur-heading, .h2 .sub-heading,
.h2 .sur-heading, .h3 .sub-heading,
.h3 .sur-heading, .h4 .sub-heading,
.h4 .sur-heading, .h4 .sub-heading,
.h4 .sur-heading, .h6 .sub-heading,
.h6 .sur-heading {
  display: block;
  font-size: 0.5em;
}

.heading__icon {
  margin-top: 0.2em;
  font-size: 0.75em;
}

h1, .h1 {
  font-size: 30px;
  font-size: 3rem;
  letter-spacing: -0.015em;
  margin: 0 0 12px 0;
  line-height: 40px;
}

h2, .h2 {
  font-size: 21px;
  font-size: 2.1rem;
  margin-bottom: 0.25em;
}

h3, .h3 {
  font-size: 18px;
  font-size: 1.8rem;
}

h4, .h4 {
  font-size: 15px;
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 15px;
  font-size: 1.5rem;
}

h6, .h6 {
  font-size: 15px;
  font-size: 1.5rem;
}

article h2, article .h2,
.article h2,
.article .h2 {
  margin: 1.5em 0 0.5em;
}
article h3, article .h3,
.article h3,
.article .h3 {
  margin: 1.5em 0 0.5em;
}
article h4, article .h4,
.article h4,
.article .h4 {
  margin: 1.5em 0 0.5em;
}
article h5, article .h5,
.article h5,
.article .h5 {
  margin: 1.5em 0 0.5em;
}
article h6, article .h6,
.article h6,
.article .h6 {
  margin: 1.5em 0 0.5em;
}
article h2, article h3, article h4, article h4, article h6,
article .h2, article .h3, article .h4, article .h4, article .h6,
.article h2,
.article h3,
.article h4,
.article h4,
.article h6,
.article .h2,
.article .h3,
.article .h4,
.article .h4,
.article .h6 {
  color: var(--color-heading);
}
article h2 a, article h3 a, article h4 a, article h4 a, article h6 a,
article .h2 a, article .h3 a, article .h4 a, article .h4 a, article .h6 a,
.article h2 a,
.article h3 a,
.article h4 a,
.article h4 a,
.article h6 a,
.article .h2 a,
.article .h3 a,
.article .h4 a,
.article .h4 a,
.article .h6 a {
  text-decoration: none;
  color: var(--color-heading);
}
article h2 a:hover, article h3 a:hover, article h4 a:hover, article h4 a:hover, article h6 a:hover,
article .h2 a:hover, article .h3 a:hover, article .h4 a:hover, article .h4 a:hover, article .h6 a:hover,
.article h2 a:hover,
.article h3 a:hover,
.article h4 a:hover,
.article h4 a:hover,
.article h6 a:hover,
.article .h2 a:hover,
.article .h3 a:hover,
.article .h4 a:hover,
.article .h4 a:hover,
.article .h6 a:hover {
  color: var(--color-link-hover);
}

.heading__icon {
  font-size: 0.75em;
}

.legend, .nav__sub-heading {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: var(--color-info-darker);
  text-transform: uppercase;
}

.col__heading {
  font-size: 18px;
  padding-bottom: 8px;
  margin-top: 20px;
  border-bottom: 2px solid var(--color-text);
  margin-bottom: 10px;
}

.card + .col__heading, .community-pages .hentry + .col__heading, .community-pages .vevent + .col__heading, .community-pages .myForums + .col__heading {
  margin-top: 40px;
}

.nav__heading {
  font-size: 18px;
  line-height: 1.2;
  padding: 10px 0;
  font-weight: 600;
}
.nav__heading small {
  display: block;
  font-weight: 400;
}

.nav__sub-heading {
  font-size: 13px;
}

ul + .nav__sub-heading {
  padding-top: 10px;
}

.text-x-large {
  font-size: 2.1em;
}

.info--prominent {
  color: var(--copper);
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: uppercase;
}

.overline--yellow {
  border-color: var(--yellow);
}

.overline--green {
  border-color: var(--green);
}

.overline--blue {
  border-color: var(--blue);
}

.overline--purple {
  border-color: var(--purple);
}

.overline--red {
  border-color: var(--red);
}

.overline--brown {
  border-color: var(--brown);
}

.overline--orange {
  border-color: var(--orange);
}

.overline--orange {
  border-color: var(--orange);
}

.overline--turquoise {
  border-color: #00a296;
}

.overline {
  border-top-width: 1px;
  border-top-style: solid;
  line-height: 2;
  border-color: var(--color-info);
  font-weight: 400;
}

[class*=overline--] {
  border-top-width: 3px;
  border-top-style: solid;
  line-height: 47px;
  font-weight: 400;
}

.layout--home h1 {
  font-size: 24px;
  font-weight: 500;
  margin: 0;
}

.layout--home h3 {
  font-weight: 400;
}

.layout--home .hoverable-caption__video-title small {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  opacity: 0.7;
}

.layout--home .block {
  display: block;
  min-height: 2.5em;
  text-decoration: none;
}
.layout--home .block:hover {
  text-decoration: underline;
}

.tickbox {
  width: 18px;
  height: 18px;
  float: left;
  margin-right: 5px;
  display: block;
  overflow: hidden;
  background: url("/images/iconSprite.png") 0 0 no-repeat;
}
.is-ticked .tickbox {
  background-position: 0 -144px;
}

.course__column-heading, .column-header {
  border-bottom: 1px solid var(--ui-border-color-darker);
  margin: 10px 0 15px;
  padding-bottom: 5px;
}

a {
  color: var(--color-link-on-white);
  text-decoration: none;
}
a:hover {
  transition: color 0.3s ease-out, background 0.3s ease-out;
  text-decoration: underline;
  color: var(--color-link-hover);
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: var(--color-link);
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  color: var(--color-link-hover);
}

.color-link-on-white {
  color: var(--color-link-on-white);
}

.btn a:link,
.btn a:visited,
.button a:link,
.button a:visited,
table a:link,
table a:visited {
  text-decoration: none;
}
.btn a:hover,
.button a:hover,
table a:hover {
  text-decoration: underline;
}

a.external-link:after,
a .external-link:after {
  content: "";
  width: 11px;
  height: 11px;
  margin-left: 4px;
  background-image: url("/images/icons/external-link-icon.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
@media (prefers-color-scheme: dark) and (forced-colors: active) {
  a.external-link:after,
  a .external-link:after {
    background-image: url("/images/icons/external-link-icon-dark.png");
  }
}
@media (prefers-color-scheme: light) and (forced-colors: active) {
  a.external-link:after,
  a .external-link:after {
    background-image: url("/images/icons/external-link-icon-light.png");
  }
}

.btn-success.external-link:after, .community-pages input.external-link[type=submit]:after,
.button--charanga-green.external-link:after {
  background-image: url("/images/icons/external-link-icon-white.png");
}
@media (prefers-color-scheme: dark) and (forced-colors: active) {
  .btn-success.external-link:after, .community-pages input.external-link[type=submit]:after,
  .button--charanga-green.external-link:after {
    background-image: url("/images/icons/external-link-icon-dark.png");
  }
}
@media (prefers-color-scheme: light) and (forced-colors: active) {
  .btn-success.external-link:after, .community-pages input.external-link[type=submit]:after,
  .button--charanga-green.external-link:after {
    background-image: url("/images/icons/external-link-icon-light.png");
  }
}

.amp {
  font-family: var(--font-ampersand);
  font-size: 110%;
  font-style: italic !important;
  font-weight: 400 !important;
}

.unicode {
  font-family: var(--font-unicode);
}

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

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

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

.uppercase,
.caps {
  text-transform: uppercase;
  letter-spacing: 1px;
}

hr.heavy {
  width: 100%;
  height: 3px;
  border-width: 0;
  margin: 20px 0;
}

.strong {
  font-weight: 700;
}

.standfirst,
.leader {
  font-size: 18px;
  font-size: 1.8rem;
}

.stats__small {
  font-size: 12px;
}

.stats__large {
  font-size: 36px;
}

.copper-small {
  text-transform: uppercase;
  color: var(--copper);
  letter-spacing: 0.5px;
  font-weight: 700;
}

.nuevo-text {
  color: #c00;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.8em;
  letter-spacing: 0.5px;
}

label {
  font-weight: 700;
  display: block;
}

.checkbox label,
.radio label {
  font-weight: 400;
}

label + input,
label + textarea,
label + select {
  margin-top: 5px;
}

label.visually-hidden + input,
label.visually-hidden + textarea {
  margin-top: 0;
}

input,
textarea,
.textarea,
[contenteditable=true] {
  padding: 5px 7px;
  background-color: #FFF;
  border: 1px solid #727272;
  border-radius: 4px 4px 4px 4px;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  vertical-align: middle;
}
input:focus,
textarea:focus,
.textarea:focus,
[contenteditable=true]:focus {
  border-color: rgba(82, 168, 236, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0 none;
}

select {
  border: 1px solid var(--ui-border-color-darker);
  border-radius: 4px 4px 4px 4px;
  box-shadow: 1px 2px 2px rgba(var(--color-text), 0.2);
}

[type=text],
[type=date],
[type=email],
[type=password],
[type=search],
[type=time],
[type=url],
[type=file],
[type=week],
select {
  max-width: 100%;
  height: 30px;
  width: 200px;
}
[type=text].flex,
[type=date].flex,
[type=email].flex,
[type=password].flex,
[type=search].flex,
[type=time].flex,
[type=url].flex,
[type=file].flex,
[type=week].flex,
select.flex {
  width: 100%;
}

textarea,
.textarea {
  width: 200px;
  max-width: 100%;
}

textarea.flex,
.textarea.flex {
  width: 100%;
}

select {
  max-width: 100%;
}

select.textarea {
  overflow-y: auto;
}

input[type=checkbox],
input[type=radio] {
  margin: 0.23em 0.4em 0 0;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: var(--lightest-gray);
  border-color: var(--light-gray);
}

.form-field__help {
  color: var(--color-info-darker);
}

.form-field__help--error {
  color: var(--red);
  font-size: 0;
  transition: all 0.5s;
}

/*

  TODO refacto this little lot (cribbed from bootstrap)

======================================================*/
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.input-group__field,
.input-group__addon,
.input-group__button {
  display: table-cell;
}

.input-group__field:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group__field {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.input-group__field,
.input-group .button,
.input-group .btn {
  height: 30px;
}

.input-group__addon,
.input-group__button {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group__button {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}

.input-group-btn:last-child > .button,
.input-group-btn:last-child > .button-group {
  z-index: 2;
  margin-left: -1px;
}

.input-group__button > .button {
  position: relative;
}

.input-group__button:last-child > .button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  font-size: 14px;
  left: -1px;
}

/*

  Form feedback

======================================================*/
.field-with-errors input {
  background: url("/images/cmw/form-error-icon-25px.png") #fff 99% 2px no-repeat;
  border: 1px solid var(--red);
}

.field-with-errors__message {
  display: none;
}

.field-with-errors .field-with-errors__message {
  display: block;
  color: var(--red);
}

/*

  Larger, chunkier forms

======================================================*/
.form--large input {
  line-height: 40px;
  height: 40px;
}

.form--large .btn,
.form--large button,
.form--large input[type=submit],
.form--large input[type=button] {
  font-size: 18px;
  height: 40px;
  line-height: 38px;
  padding-top: 0;
  padding-bottom: 0;
}

/* Errors */
#errorExplanation {
  border-left: 14px solid red;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  background: #fff7f8;
  padding: 15px 20px;
  margin-top: 10px;
  margin-bottom: 20px;
  border-radius: 4px;
  position: relative;
}

.is-admin #errorExplanation {
  animation: blinkingError 1000ms cubic-bezier(0.9, 0.7, 0.5, 0.9) infinite;
}

#errorExplanation h2 {
  margin: 0px;
  padding: 0px;
  color: #550000;
}

#errorExplanation p {
  margin: 0px;
  padding: 0px;
  padding-top: 5px;
  padding-left: 15px;
}

#errorExplanation ul {
  margin: 0px;
  padding: 0px;
  padding-left: 30px;
}

#errorExplanation li {
  margin: 0px;
  padding: 0px;
  padding-top: 5px;
  list-style: disc outside;
}

@keyframes blinkingError {
  0% {
    border-left-color: red;
  }
  50% {
    border-left-color: #ffc3c3;
  }
  100% {
    border-left-color: red;
  }
}
ul, ol {
  margin: 0;
  padding: 0;
}

ul li, ol li,
.text-article .no-list-style li {
  list-style: none outside;
}

.list-bulleted,
.content-text ul,
.text-article ul,
.help-pages article ul {
  padding-left: 20px;
  margin-bottom: 1.5em;
}
.list-bulleted li,
.content-text ul li,
.text-article ul li,
.help-pages article ul li {
  list-style: disc outside;
}
.list-bulleted ul li,
.content-text ul ul li,
.text-article ul ul li,
.help-pages article ul ul li {
  list-style: circle outside;
}
.list-bulleted ul ul li,
.content-text ul ul ul li,
.text-article ul ul ul li,
.help-pages article ul ul ul li {
  list-style: square outside;
}

.list-ordered,
.content-text ol,
.text-article ol,
.help-pages article ol {
  padding-left: 25px;
  margin-bottom: 1.5em;
}
.list-ordered li,
.content-text ol li,
.text-article ol li,
.help-pages article ol li {
  list-style: decimal outside;
}
.list-ordered ol li,
.content-text ol ol li,
.text-article ol ol li,
.help-pages article ol ol li {
  list-style: lower-alpha outside;
}
.list-ordered ol ol li,
.content-text ol ol ol li,
.text-article ol ol ol li,
.help-pages article ol ol ol li {
  list-style: lower-roman outside;
}

.list-ordered .list-bulleted {
  padding-left: 20px;
}
.list-ordered .list-bulleted li {
  list-style: disc outside;
}

.list-of-ticks {
  padding-left: 20px;
}

.list-of-ticks li {
  position: relative;
  margin-bottom: 0.5em;
}

.list-of-ticks li:before {
  content: "✓";
  font-family: var(--font-unicode);
  position: absolute;
  left: -20px;
  top: -0.2em;
  color: var(--green);
  font-size: 1.4em;
}

.list-of-links a {
  display: block;
  padding-bottom: 5px;
  text-decoration: none;
}
.list-of-links a:hover {
  text-decoration: underline;
}

ol.alpha li,
ol.list-ordered--alpha li {
  list-style: upper-alpha outside;
}
ol.alpha li li,
ol.list-ordered--alpha li li {
  list-style: disc outside;
}

.bullet-inside {
  position: relative;
}

.bullet-inside::before {
  position: absolute;
  left: 0;
  content: "•";
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

.overlaid {
  position: relative;
}

.overlaid .overlay {
  position: absolute;
  z-index: 99;
  bottom: 10px;
  left: 10px;
}

.captioned-image-link {
  border: 1px solid #ddd;
  border-radius: 3px;
  display: block;
  overflow: hidden;
  margin-bottom: 10px;
  padding: 5px;
  background: #eee;
}
.captioned-image-link img {
  margin-bottom: 10px;
  border: 1px solid #ddd;
}
.captioned-image-link p {
  text-align: center;
}

table {
  border: var(--ui-border);
  border-collapse: collapse;
  width: 100%;
  max-width: 100%;
}

th {
  font-weight: bold;
}

td, th {
  border: var(--ui-border);
  padding: 10px;
  vertical-align: top;
  text-align: left;
}

.table--no-border {
  border: 0 none;
}
.table--no-border td, .table--no-border th {
  border: 0 none;
}

.table--compact-horizontal {
  border: 0 none;
}
.table--compact-horizontal th {
  background: var(--ui-bg-pale);
}
.table--compact-horizontal td, .table--compact-horizontal th {
  border: 0 none;
  border: 1px solid var(--ui-border-color-darker);
  padding: 5px;
  line-height: 1.2;
}

.table--no-style {
  border: 0 none;
}
.table--no-style td, .table--no-style th {
  border: 0 none;
  padding: 0 10px 10px 0;
  vertical-align: top;
  text-align: left;
}

.table--no-style--compact {
  border: 0 none;
}
.table--no-style--compact td, .table--no-style--compact th {
  border: 0 none;
  padding: 0 5px 0 0;
  vertical-align: top;
  text-align: left;
}

.table--horizontal-borders {
  border: 0 none;
}
.table--horizontal-borders td, .table--horizontal-borders th {
  border-left: 0 none;
  border-right: 0 none;
  vertical-align: top;
  text-align: left;
  padding: 10px 10px 10px 0;
}

.cell-liner,
.cell-container {
  text-overflow: ellipsis;
  overflow: hidden;
}

*:hover > .cell-liner,
*:focus > .cell-liner,
*:hover > .cell-container,
*:focus > .cell-container {
  overflow: auto;
  text-overflow: initial;
}

.table-header__upload-format-info {
  font-weight: normal;
  font-size: 14px;
  margin-left: 5px;
}

.tablesorter-filter {
  background-image: url("/images/icons/filter-search-dark.png");
  background-repeat: no-repeat;
  padding-left: 25px !important;
  background-size: 14px;
  background-position: 5px 7px;
  font-weight: normal;
}

nav a,
.nav a,
[class*=nav--] a {
  display: block;
  text-decoration: none;
}
nav a:hover,
.nav a:hover,
[class*=nav--] a:hover {
  text-decoration: underline;
}

.menu-horizontal:before, .menu-horizontal:after,
.nav--horizontal:before,
.nav--horizontal:after {
  content: "";
  display: table;
}
.menu-horizontal:after,
.nav--horizontal:after {
  clear: both;
}

.nav--vertical a {
  padding: 7px 0;
}

.nav--divided a {
  border-top: var(--card-divider);
}

.nav--inset a {
  padding-left: 10px;
  padding-right: 10px;
}

.menu-horizontal > li,
.nav--horizontal > li,
.nav--horizontal > .nav-item {
  float: left;
}

.tag,
.tag a .nav,
.nav a,
[class*=nav-],
[class*=nav-] a,
[class*=menu-] a {
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

/*

  Nav from patterns/styleguide page:

  - Effectively a crude fixed menu. Be good to
    genericise this for general use maybe

======================================================*/
.nav--patterns {
  right: 0;
  top: 75px;
  background-color: #fff;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  border-radius: 5px 0 0 5px;
  max-height: 88vh;
  overflow-x: hidden;
  overflow-y: auto;
}

.nav--patterns a {
  padding: 5px 10px;
  display: block;
  border-top: 1px solid #ddd;
}

.nav--patterns li:first-child a {
  border: 0 none;
}
.nav--patterns:not(.is-active) li:first-child a {
  position: fixed;
  right: 12px;
}

.nav--patterns.is-active li {
  display: none;
}
.nav--patterns.is-active li:first-child {
  display: block;
}

/*

  In page

======================================================*/
.nav--in-page__link {
  color: var(--color-text);
}
.nav--in-page__link.is-current, .nav--in-page__link:hover {
  color: var(--color-link-hover);
}

/*

  Straight outa bootstrap

======================================================*/
.btn.flex,
a.flex {
  display: block;
  width: 100%;
  box-sizing: border-box;
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.btn {
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.7);
  vertical-align: middle;
  font-family: inherit;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  position: relative;
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  cursor: pointer;
  padding: 0.4285714286em 0.7142857143em 0.5714285714em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1;
  color: #333333;
  text-align: center;
  box-sizing: border-box;
  background-color: #e6e6e6; /* Old browsers */
  background: linear-gradient(0deg, #e6e6e6 0%, #ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
  background-color: #e6e6e6; /* Old browsers */
  background: linear-gradient(0deg, #e6e6e6 0%, #e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.btn:hover {
  color: #333333;
  text-decoration: none;
  transition: all 0.1s;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn.active, .btn:active {
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn:hover {
  background: #fff;
  box-shadow: 0 1px 0px #ccc, inset 0 -2px 6px rgba(0, 0, 0, 0.05);
}

.btn-warning {
  letter-spacing: 0.03em;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  font-weight: 700;
  vertical-align: middle;
  font-family: inherit;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  position: relative;
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  cursor: pointer;
  padding: 0.4285714286em 0.7142857143em 0.5714285714em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  background-color: #f89406; /* Old browsers */
  background: linear-gradient(0deg, #f89406 0%, #fbb450 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
  background-color: #f89406; /* Old browsers */
  background: linear-gradient(0deg, #f89406 0%, #f89406 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.btn-warning:hover {
  color: #fff;
  text-decoration: none;
  transition: all 0.1s;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-warning.active, .btn-warning:active {
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-danger {
  letter-spacing: 0.03em;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  font-weight: 700;
  vertical-align: middle;
  font-family: inherit;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  position: relative;
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  cursor: pointer;
  padding: 0.4285714286em 0.7142857143em 0.5714285714em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  background-color: #bd362f; /* Old browsers */
  background: linear-gradient(0deg, #bd362f 0%, #ee5f5b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
  background-color: #bd362f; /* Old browsers */
  background: linear-gradient(0deg, #bd362f 0%, #bd362f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.btn-danger:hover {
  color: #fff;
  text-decoration: none;
  transition: all 0.1s;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-danger.active, .btn-danger:active {
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-primary {
  letter-spacing: 0.03em;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  font-weight: 700;
  vertical-align: middle;
  font-family: inherit;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  position: relative;
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  cursor: pointer;
  padding: 0.4285714286em 0.7142857143em 0.5714285714em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  background-color: #219121; /* Old browsers */
  background: linear-gradient(0deg, #219121 0%, #2aad2a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
  background-color: #219121; /* Old browsers */
  background: linear-gradient(0deg, #219121 0%, #219121 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.btn-primary:hover {
  color: #fff;
  text-decoration: none;
  transition: all 0.1s;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-primary.active, .btn-primary:active {
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-success, .community-pages input[type=submit] {
  letter-spacing: 0.03em;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  font-weight: 700;
  vertical-align: middle;
  font-family: inherit;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  position: relative;
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  cursor: pointer;
  padding: 0.4285714286em 0.7142857143em 0.5714285714em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  background-color: #219121; /* Old browsers */
  background: linear-gradient(0deg, #219121 0%, #2aad2a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-success:hover, .community-pages input[type=submit]:hover, .btn-success:active, .community-pages input[type=submit]:active, .btn-success.active, .community-pages input.active[type=submit], .btn-success.disabled, .community-pages input.disabled[type=submit], .btn-success[disabled], .community-pages input[disabled][type=submit] {
  background-color: #219121; /* Old browsers */
  background: linear-gradient(0deg, #219121 0%, #219121 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.btn-success:hover, .community-pages input[type=submit]:hover {
  color: #fff;
  text-decoration: none;
  transition: all 0.1s;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-success.active, .community-pages input.active[type=submit], .btn-success:active, .community-pages input[type=submit]:active {
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-info {
  letter-spacing: 0.03em;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  font-weight: 700;
  vertical-align: middle;
  font-family: inherit;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  position: relative;
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  cursor: pointer;
  padding: 0.4285714286em 0.7142857143em 0.5714285714em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  background-color: #2f96b4; /* Old browsers */
  background: linear-gradient(0deg, #2f96b4 0%, #5bc0de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
  background-color: #2f96b4; /* Old browsers */
  background: linear-gradient(0deg, #2f96b4 0%, #2f96b4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.btn-info:hover {
  color: #fff;
  text-decoration: none;
  transition: all 0.1s;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-info.active, .btn-info:active {
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-inverse {
  letter-spacing: 0.03em;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  font-weight: 700;
  vertical-align: middle;
  font-family: inherit;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  position: relative;
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  cursor: pointer;
  padding: 0.4285714286em 0.7142857143em 0.5714285714em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  background-color: #222222; /* Old browsers */
  background: linear-gradient(0deg, #222222 0%, #555555 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
  background-color: #222222; /* Old browsers */
  background: linear-gradient(0deg, #222222 0%, #222222 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.btn-inverse:hover {
  color: #fff;
  text-decoration: none;
  transition: all 0.1s;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-inverse.active, .btn-inverse:active {
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:focus,
.button:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  opacity: 0.65;
  box-shadow: none;
}

.btn-large {
  padding: 9px 14px;
  font-size: 16px;
  line-height: normal;
  border-radius: 5px;
}

.btn-large [class^=icon-] {
  margin-top: 1px;
}

.btn-small {
  padding: 5px 9px;
  font-size: 12px;
  line-height: 18px;
}

.btn-small [class^=icon-] {
  margin-top: -1px;
}

.btn-mini {
  padding: 2px 6px;
  font-size: 12px;
  line-height: 16px;
}

button.btn::-moz-focus-inner,
input[type=submit].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.btn-group {
  position: relative;
}

.btn-group:before,
.btn-group:after {
  display: table;
  content: "";
}

.btn-group:after {
  clear: both;
}

.btn-group:before,
.btn-group:after {
  content: "";
  display: table;
}

.btn-group:after {
  clear: both;
}

.btn-group + .btn-group {
  margin-left: 5px;
}

.btn-toolbar {
  margin-top: 10px;
  margin-bottom: 10px;
}

.btn-toolbar .btn-group {
  display: inline-block;
}

.btn-group > .btn {
  position: relative;
  float: left;
  margin-left: -1px;
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.btn-group > .btn.large:first-child {
  margin-left: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
  z-index: 2;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group > .btn-mini.dropdown-toggle {
  padding-left: 5px;
  padding-right: 5px;
}

.btn-group > .btn-large.dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group.open .btn.dropdown-toggle {
  background-color: #e6e6e6;
}

.btn-group.open .btn-primary.dropdown-toggle {
  background-color: #0055cc;
}

.btn-group.open .btn-warning.dropdown-toggle {
  background-color: #f89406;
}

.btn-group.open .btn-danger.dropdown-toggle {
  background-color: #bd362f;
}

.btn-group.open .btn-success.dropdown-toggle, .btn-group.open .community-pages input.dropdown-toggle[type=submit], .community-pages .btn-group.open input.dropdown-toggle[type=submit] {
  background-color: #51a351;
}

.btn-group.open .btn-info.dropdown-toggle {
  background-color: #2f96b4;
}

.btn-group.open .btn-inverse.dropdown-toggle {
  background-color: #222222;
}

.btn .caret {
  margin-top: 7px;
  margin-left: 0;
}

.btn:hover .caret,
.open.btn-group .caret {
  opacity: 1;
}

.btn-mini .caret {
  margin-top: 5px;
}

.btn-small .caret {
  margin-top: 6px;
}

.btn-large .caret {
  margin-top: 6px;
  border-left-width: 5px;
  border-right-width: 5px;
  border-top-width: 5px;
}

.dropup .btn-large .caret {
  border-bottom: 5px solid #000000;
  border-top: 0;
}

.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.community-pages input[type=submit] .caret,
.btn-inverse .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  opacity: 0.75;
}

.btn__text {
  position: relative;
}

.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
}

.close:hover {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}

/*

  Old bootstrap over-rides and additions

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

  BUTTONS

======================================================*/
.button__text-sur,
.button__text-sub {
  font-size: 0.6em;
  line-height: 1.3;
  font-weight: 400;
  display: block;
}

.button.flex {
  width: 100%;
  max-width: 100%;
  white-space: normal;
}

.button .glyphicon {
  display: inline-block;
}
.button .glyphicon.right {
  float: right;
}

/*

  Button sizes

======================================================*/
[class*=button-][class*="--tiny"] {
  font-size: 70%;
}

[class*=button-][class*="--small"] {
  font-size: 85%;
}

[class*=button-][class*="--medium"] {
  font-size: 110%;
}

[class*=button-][class*="--large"] {
  font-size: 140%;
}

[class*=button-][class*="--huge"] {
  font-size: 180%;
}

/*

  Button text attributes

======================================================*/
[class*=button-][class*="--upper"] {
  text-transform: uppercase;
}

[class*=button-][class*="--caps"] {
  text-transform: capitalize;
}

[class*=button-][class*="--bold"] {
  font-weight: 700;
}

.button,
[class*=" button--"],
[class^=button--] {
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.7);
  vertical-align: middle;
  font-family: inherit;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  position: relative;
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  cursor: pointer;
  padding: 0.4285714286em 0.7142857143em 0.5714285714em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1;
  color: #333333;
  text-align: center;
  box-sizing: border-box;
  background-color: #e6e6e6; /* Old browsers */
  background: linear-gradient(0deg, #e6e6e6 0%, #ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.button:hover, .button:active, .button.active, .button.disabled, .button[disabled],
[class*=" button--"]:hover,
[class*=" button--"]:active,
[class*=" button--"].active,
[class*=" button--"].disabled,
[class*=" button--"][disabled],
[class^=button--]:hover,
[class^=button--]:active,
[class^=button--].active,
[class^=button--].disabled,
[class^=button--][disabled] {
  background-color: #e6e6e6; /* Old browsers */
  background: linear-gradient(0deg, #e6e6e6 0%, #e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.button:hover,
[class*=" button--"]:hover,
[class^=button--]:hover {
  color: #333333;
  text-decoration: none;
  transition: all 0.1s;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.button.active, .button:active,
[class*=" button--"].active,
[class*=" button--"]:active,
[class^=button--].active,
[class^=button--]:active {
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05);
}

[class*=button--cta],
[class*=button--green],
[class*=button-success],
[class*=button-green] {
  letter-spacing: 0.03em;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  font-weight: 700;
  vertical-align: middle;
  font-family: inherit;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  position: relative;
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  cursor: pointer;
  padding: 0.4285714286em 0.7142857143em 0.5714285714em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  background-color: #219121; /* Old browsers */
  background: linear-gradient(0deg, #219121 0%, #2aad2a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
[class*=button--cta]:hover, [class*=button--cta]:active, [class*=button--cta].active, [class*=button--cta].disabled, [class*=button--cta][disabled],
[class*=button--green]:hover,
[class*=button--green]:active,
[class*=button--green].active,
[class*=button--green].disabled,
[class*=button--green][disabled],
[class*=button-success]:hover,
[class*=button-success]:active,
[class*=button-success].active,
[class*=button-success].disabled,
[class*=button-success][disabled],
[class*=button-green]:hover,
[class*=button-green]:active,
[class*=button-green].active,
[class*=button-green].disabled,
[class*=button-green][disabled] {
  background-color: #219121; /* Old browsers */
  background: linear-gradient(0deg, #219121 0%, #219121 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
[class*=button--cta]:hover,
[class*=button--green]:hover,
[class*=button-success]:hover,
[class*=button-green]:hover {
  color: #fff;
  text-decoration: none;
  transition: all 0.1s;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05);
}
[class*=button--cta].active, [class*=button--cta]:active,
[class*=button--green].active,
[class*=button--green]:active,
[class*=button-success].active,
[class*=button-success]:active,
[class*=button-green].active,
[class*=button-green]:active {
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05);
}

[class*=button--charanga-green] {
  letter-spacing: 0.03em;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  font-weight: 700;
  vertical-align: middle;
  font-family: inherit;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  position: relative;
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  cursor: pointer;
  padding: 0.4285714286em 0.7142857143em 0.5714285714em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  background-color: #01857c; /* Old browsers */
  background: linear-gradient(0deg, #01857c 0%, #01857c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
[class*=button--charanga-green]:hover, [class*=button--charanga-green]:active, [class*=button--charanga-green].active, [class*=button--charanga-green].disabled, [class*=button--charanga-green][disabled] {
  background-color: #01857c; /* Old browsers */
  background: linear-gradient(0deg, #01857c 0%, #01857c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
[class*=button--charanga-green]:hover {
  color: #fff;
  text-decoration: none;
  transition: all 0.1s;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05);
}
[class*=button--charanga-green].active, [class*=button--charanga-green]:active {
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.button .glyphicon {
  margin-right: 5px;
}

/*

  File upload pseudo button

======================================================*/
.button--resource-uploader {
  position: relative;
  overflow: hidden;
  margin: 10px 0 0;
}

.button--resource-uploader input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0 !important;
  filter: alpha(opacity=0) !important;
}

.btn-icon-subtle {
  text-decoration: none;
  line-height: 24px;
  padding: 3px 10px 3px 35px;
  position: relative;
}
.btn-icon-subtle .glyphicon {
  position: absolute;
  top: 2px;
  left: 10px;
  opacity: 0.6;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.5);
  margin: 3px 5px 0 0;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 6px rgba(255, 255, 255, 0.4);
  color: #FFF;
  padding: 3px;
  text-shadow: initial;
  border-radius: 20px;
  border-radius: 50%;
}
.btn-icon-subtle:hover .glyphicon {
  opacity: 1;
}
.btn-icon-subtle .glyphicon-remove {
  box-shadow: 0 0 2px #FFF, inset 0 1px rgba(0, 0, 0, 0.2);
}
.btn-icon-subtle:hover .glyphicon-remove {
  background: #EE5F5B;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}
.btn-icon-subtle:hover .glyphicon-ok {
  background-color: #54A558;
}

/*

  UNSTYLED BUTTON

======================================================*/
.button__unstyled {
  text-align: left;
  background: transparent;
  border: none;
}

.button[disabled]:hover, .button[disabled]:active {
  box-shadow: none;
}

button#button-state-saved {
  border-color: transparent;
  background: #eee;
  box-shadow: 0 0 0;
  opacity: 0.6;
  cursor: default;
}

button#button-state-saved:focus {
  outline: 0 auto transparent;
}

/*

  Button Save states, also in app/views/lessons/edit.html.erb

======================================================*/
.btn__inverse-color [class^=icon-] {
  filter: invert(1);
}

/* Saved and oilp needs refactoring, maybe oilp styles can be moved out and just imported into stdent groups */
.if-unsaved,
.if-saving,
.if-saved {
  display: none !important;
}

[data-savable-scope=is-init] .if-saved,
[data-savable-scope=is-unsaved] .if-unsaved,
[data-savable-scope=is-saving] .if-saving,
[data-savable-scope=is-saved] .if-saved {
  display: inline-block !important;
}

[data-savable-scope=is-saved] .if-saved {
  animation: fadeGreenToGrey 8s forward;
}

[data-savable-scope=is-unsaved] .if-unsaved .glyphicon {
  animation: swing 0.5s;
}

.oilp2__button,
.oilp2__cta {
  color: #fff;
  background: #219121;
  border: 1px #219121 solid;
  border-radius: 4px;
  min-width: 123px;
  font-weight: bold;
  padding: 10px;
}
.oilp2__button:hover,
.oilp2__cta:hover {
  color: #219121;
  text-decoration: none;
  background-color: #fff;
  background: #fff;
  border-color: #219121;
  box-shadow: none;
}

.oilp2__review-button {
  background: #EBF5F5;
  border: 1px solid #EBF5F5;
  color: #147114;
  box-shadow: none;
  font-size: 14px;
  font-size: 1.5rem;
  font-weight: bold;
  padding: 10px;
}
.oilp2__review-button:hover {
  background: #fff;
  border-color: #219121;
}

/*

  DIagnostic

======================================================*/
.charangicon {
  width: 30px;
  height: 30px;
}

.actions__more .charangicon {
  width: 15px;
  height: 15px;
}

.lesson-viewer__actions svg.charangicon {
  width: 21px;
  height: 22px;
  top: 3px;
  position: relative;
}

.heading__icon--instrumental {
  background-position: 0px -100px;
}

.heading__icon--classroom-music {
  background-position: 0px -50px;
}

.heading__icon--send {
  background-position: 0px -300px;
}

.heading__icon--song-centre {
  background-position: 0px -250px;
}

.heading__icon--assessment {
  background-position: 0px -450px;
}

.heading__icon--scheme {
  background-position: 0px -350px;
}

.heading__icon--freestyle {
  background-position: 0px -400px;
}

.heading__icon--yumu {
  background-position: 0px -500px;
}

.heading__icon--workspace {
  background-position: 0px -200px;
}

[class*=heading__icon--] {
  background-image: url(/images/danish-theme/nav-tab-sprite-30px.png?v=2);
  background-repeat: no-repeat;
  overflow: hidden;
  height: 30px;
  width: 30px;
  display: inline-block;
  position: relative;
  margin: 0 3px 0 0;
  top: 4px;
}

.layout--instrumental-music-home h1:before,
.layout__module-list--instruments h1:before {
  content: " ";
  background-image: url(/images/danish-theme/nav-tab-sprite-30px.png);
  background-position: 0px -100px;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 30px;
  width: 30px;
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0 6px 0 0;
}

/*

  Cymru home pages icons

======================================================*/
.layout__module-list--first-experiences h1:before,
.layout__module-list--profiadau-cynta h1:before {
  content: " ";
  height: 40px;
  width: 40px;
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0 6px 0 0;
  background-image: url(/images/danish-theme/nav-tab-sprite-30px.png);
  background-position: 7px -40px;
  background-repeat: no-repeat;
  overflow: hidden;
}

.product-cmscy .unit-card-with-menu__header:before {
  content: " ";
  background-image: url(https://cdn.charanga.com/uploaded_images/0000/3909/curriculum-for-wales-resources-icon@2x.png);
  background-size: 32px;
  margin-bottom: -8px !important;
  height: 40px;
  width: 40px;
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0 6px 0 0;
  background-repeat: no-repeat;
  overflow: hidden;
}

.create-curriculum__header:before {
  content: " ";
  height: 40px;
  width: 40px;
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0 6px 0 0;
  background-image: url(/images/danish-theme/nav-tab-sprite-30px.png);
  background-position: 7px -341px;
  background-repeat: no-repeat;
  overflow: hidden;
}

.layout__module-list--celebrating-partnerships h1:before,
.layout__module-list--profiadau-cyntaf h1:before {
  content: " ";
  height: 40px;
  width: 40px;
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0 6px 0 0;
  background-image: url(/images/danish-theme/nav-tab-sprite-30px.png);
  background-position: 7px -841px;
  background-repeat: no-repeat;
  overflow: hidden;
}

/*

  Number Icons

======================================================*/
.number-icon-list {
  list-style: none;
  margin: 0 0 10px 25px;
  padding: 0;
}
.number-icon-list .number-icon {
  margin: 3px 0 0 -25px;
  float: left;
}
.number-icon {
  width: 18px;
  height: 18px;
  overflow: hidden;
  display: inline-block;
  background: url(/images/cms-articles/green-number-dots.png) 0 0 no-repeat;
  text-indent: -120%;
}

.number-icon-1 {
  background-position: 0 0;
}

.number-icon-2 {
  background-position: 0 -18px;
}

.number-icon-3 {
  background-position: 0 -36px;
}

.number-icon-4 {
  background-position: 0 -54px;
}

.number-icon-5 {
  background-position: 0 -72px;
}

.number-icon-6 {
  background-position: 0 -90px;
}

.number-icon-7 {
  background-position: 0 -108px;
}

.number-icon-8 {
  background-position: 0 -126px;
}

.number-icon-9 {
  background-position: 0 -144px;
}

.number-icon-10 {
  background-position: 0 -162px;
}

/*

  Glyphicons

======================================================*/
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "glyphicons_halflingsregular" !important;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  width: 1em;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
  content: "*";
}

.glyphicon-plus:before {
  content: "+";
}

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "€";
}

.glyphicon-minus:before {
  content: "−";
}

.glyphicon-cloud:before {
  content: "☁";
}

.glyphicon-envelope:before {
  content: "✉";
}

.glyphicon-pencil:before {
  content: "✏";
}

.glyphicon-glass:before {
  content: "\e001";
}

.glyphicon-music:before {
  content: "\e002";
}

.glyphicon-search:before {
  content: "\e003";
}

.glyphicon-heart:before {
  content: "\e005";
}

.glyphicon-star:before {
  content: "\e006";
}

.glyphicon-star-empty:before {
  content: "\e007";
}

.glyphicon-user:before {
  content: "\e008";
}

.glyphicon-film:before {
  content: "\e009";
}

.glyphicon-th-large:before {
  content: "\e010";
}

.glyphicon-th:before {
  content: "\e011";
}

.glyphicon-th-list:before {
  content: "\e012";
}

.glyphicon-ok:before {
  content: "\e013";
}

.glyphicon-remove:before {
  content: "\e014";
}

.glyphicon-zoom-in:before {
  content: "\e015";
}

.glyphicon-zoom-out:before {
  content: "\e016";
}

.glyphicon-off:before {
  content: "\e017";
}

.glyphicon-signal:before {
  content: "\e018";
}

.glyphicon-cog:before {
  content: "\e019";
}

.glyphicon-trash:before {
  content: "\e020";
}

.glyphicon-home:before {
  content: "\e021";
}

.glyphicon-file:before {
  content: "\e022";
}

.glyphicon-time:before {
  content: "\e023";
}

.glyphicon-road:before {
  content: "\e024";
}

.glyphicon-download-alt:before {
  content: "\e025";
}

.glyphicon-download:before {
  content: "\e026";
}

.glyphicon-upload:before {
  content: "\e027";
}

.glyphicon-inbox:before {
  content: "\e028";
}

.glyphicon-play-circle:before {
  content: "\e029";
}

.glyphicon-repeat:before {
  content: "\e030";
}

.glyphicon-refresh:before {
  content: "\e031";
}

.glyphicon-list-alt:before {
  content: "\e032";
}

.glyphicon-lock:before {
  content: "\e033";
}

.glyphicon-flag:before {
  content: "\e034";
}

.glyphicon-headphones:before {
  content: "\e035";
}

.glyphicon-volume-off:before {
  content: "\e036";
}

.glyphicon-volume-down:before {
  content: "\e037";
}

.glyphicon-volume-up:before {
  content: "\e038";
}

.glyphicon-qrcode:before {
  content: "\e039";
}

.glyphicon-barcode:before {
  content: "\e040";
}

.glyphicon-tag:before {
  content: "\e041";
}

.glyphicon-tags:before {
  content: "\e042";
}

.glyphicon-book:before {
  content: "\e043";
}

.glyphicon-bookmark:before {
  content: "\e044";
}

.glyphicon-print:before {
  content: "\e045";
}

.glyphicon-camera:before {
  content: "\e046";
}

.glyphicon-font:before {
  content: "\e047";
}

.glyphicon-bold:before {
  content: "\e048";
}

.glyphicon-italic:before {
  content: "\e049";
}

.glyphicon-text-height:before {
  content: "\e050";
}

.glyphicon-text-width:before {
  content: "\e051";
}

.glyphicon-align-left:before {
  content: "\e052";
}

.glyphicon-align-center:before {
  content: "\e053";
}

.glyphicon-align-right:before {
  content: "\e054";
}

.glyphicon-align-justify:before {
  content: "\e055";
}

.glyphicon-list:before {
  content: "\e056";
}

.glyphicon-indent-left:before {
  content: "\e057";
}

.glyphicon-indent-right:before {
  content: "\e058";
}

.glyphicon-facetime-video:before {
  content: "\e059";
}

.glyphicon-picture:before {
  content: "\e060";
}

.glyphicon-map-marker:before {
  content: "\e062";
}

.glyphicon-adjust:before {
  content: "\e063";
}

.glyphicon-tint:before {
  content: "\e064";
}

.glyphicon-edit:before {
  content: "\e065";
}

.glyphicon-share:before {
  content: "\e066";
}

.glyphicon-check:before {
  content: "\e067";
}

.glyphicon-move:before {
  content: "\e068";
}

.glyphicon-step-backward:before {
  content: "\e069";
}

.glyphicon-fast-backward:before {
  content: "\e070";
}

.glyphicon-backward:before {
  content: "\e071";
}

.glyphicon-play:before {
  content: "\e072";
}

.glyphicon-pause:before {
  content: "\e073";
}

.glyphicon-stop:before {
  content: "\e074";
}

.glyphicon-forward:before {
  content: "\e075";
}

.glyphicon-fast-forward:before {
  content: "\e076";
}

.glyphicon-step-forward:before {
  content: "\e077";
}

.glyphicon-eject:before {
  content: "\e078";
}

.glyphicon-chevron-left:before {
  content: "\e079";
}

.glyphicon-chevron-right:before {
  content: "\e080";
}

.glyphicon-chevron-right-double {
  top: -1px;
  left: -2px;
  font-size: 9px;
}

.glyphicon-chevron-right-double:before {
  content: "\e080";
}

.glyphicon-chevron-right-double:after {
  content: "\e080";
  position: relative;
  left: -5px;
}

.glyphicon-plus-sign:before {
  content: "\e081";
}

.glyphicon-minus-sign:before {
  content: "\e082";
}

.glyphicon-remove-sign:before {
  content: "\e083";
}

.glyphicon-ok-sign:before {
  content: "\e084";
}

.glyphicon-question-sign:before {
  content: "\e085";
}

.glyphicon-info-sign:before {
  content: "\e086";
}

.glyphicon-screenshot:before {
  content: "\e087";
}

.glyphicon-remove-circle:before {
  content: "\e088";
}

.glyphicon-ok-circle:before {
  content: "\e089";
}

.glyphicon-ban-circle:before {
  content: "\e090";
}

.glyphicon-arrow-left:before {
  content: "\e091";
}

.glyphicon-arrow-right:before {
  content: "\e092";
}

.glyphicon-arrow-up:before {
  content: "\e093";
}

.glyphicon-arrow-down:before {
  content: "\e094";
}

.glyphicon-share-alt:before {
  content: "\e095";
}

.glyphicon-resize-full:before {
  content: "\e096";
}

.glyphicon-resize-small:before {
  content: "\e097";
}

.glyphicon-exclamation-sign:before {
  content: "\e101";
}

.glyphicon-gift:before {
  content: "\e102";
}

.glyphicon-leaf:before {
  content: "\e103";
}

.glyphicon-fire:before {
  content: "\e104";
}

.glyphicon-eye-open:before {
  content: "\e105";
}

.glyphicon-eye-close:before {
  content: "\e106";
}

.glyphicon-warning-sign:before {
  content: "\e107";
}

.glyphicon-plane:before {
  content: "\e108";
}

.glyphicon-calendar:before {
  content: "\e109";
}

.glyphicon-random:before {
  content: "\e110";
}

.glyphicon-comment:before {
  content: "\e111";
}

.glyphicon-magnet:before {
  content: "\e112";
}

.glyphicon-chevron-up:before {
  content: "\e113";
}

.glyphicon-chevron-down:before {
  content: "\e114";
}

.glyphicon-retweet:before {
  content: "\e115";
}

.glyphicon-shopping-cart:before {
  content: "\e116";
}

.glyphicon-folder-close:before {
  content: "\e117";
}

.glyphicon-folder-open:before {
  content: "\e118";
}

.glyphicon-resize-vertical:before {
  content: "\e119";
}

.glyphicon-resize-horizontal:before {
  content: "\e120";
}

.glyphicon-hdd:before {
  content: "\e121";
}

.glyphicon-bullhorn:before {
  content: "\e122";
}

.glyphicon-bell:before {
  content: "\e123";
}

.glyphicon-certificate:before {
  content: "\e124";
}

.glyphicon-thumbs-up:before {
  content: "\e125";
}

.glyphicon-thumbs-down:before {
  content: "\e126";
}

.glyphicon-hand-right:before {
  content: "\e127";
}

.glyphicon-hand-left:before {
  content: "\e128";
}

.glyphicon-hand-up:before {
  content: "\e129";
}

.glyphicon-hand-down:before {
  content: "\e130";
}

.glyphicon-circle-arrow-right:before {
  content: "\e131";
}

.glyphicon-circle-arrow-left:before {
  content: "\e132";
}

.glyphicon-circle-arrow-up:before {
  content: "\e133";
}

.glyphicon-circle-arrow-down:before {
  content: "\e134";
}

.glyphicon-globe:before {
  content: "\e135";
}

.glyphicon-wrench:before {
  content: "\e136";
}

.glyphicon-tasks:before {
  content: "\e137";
}

.glyphicon-filter:before {
  content: "\e138";
}

.glyphicon-briefcase:before {
  content: "\e139";
}

.glyphicon-fullscreen:before {
  content: "\e140";
}

.glyphicon-dashboard:before {
  content: "\e141";
}

.glyphicon-paperclip:before {
  content: "\e142";
}

.glyphicon-heart-empty:before {
  content: "\e143";
}

.glyphicon-link:before {
  content: "\e144";
}

.glyphicon-phone:before {
  content: "\e145";
}

.glyphicon-pushpin:before {
  content: "\e146";
}

.glyphicon-usd:before {
  content: "\e148";
}

.glyphicon-gbp:before {
  content: "\e149";
}

.glyphicon-sort:before {
  content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}

.glyphicon-sort-by-order:before {
  content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}

.glyphicon-sort-by-attributes:before {
  content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}

.glyphicon-unchecked:before {
  content: "\e157";
}

.glyphicon-expand:before {
  content: "\e158";
}

.glyphicon-collapse-down:before {
  content: "\e159";
}

.glyphicon-collapse-up:before {
  content: "\e160";
}

.glyphicon-log-in:before {
  content: "\e161";
}

.glyphicon-flash:before {
  content: "\e162";
}

.glyphicon-log-out:before {
  content: "\e163";
}

.glyphicon-new-window:before {
  content: "\e164";
}

.glyphicon-record:before {
  content: "\e165";
}

.glyphicon-save:before {
  content: "\e166";
}

.glyphicon-open:before {
  content: "\e167";
}

.glyphicon-saved:before {
  content: "\e168";
}

.glyphicon-import:before {
  content: "\e169";
}

.glyphicon-export:before {
  content: "\e170";
}

.glyphicon-send:before {
  content: "\e171";
}

.glyphicon-floppy-disk:before {
  content: "\e172";
}

.glyphicon-floppy-saved:before {
  content: "\e173";
}

.glyphicon-floppy-remove:before {
  content: "\e174";
}

.glyphicon-floppy-save:before {
  content: "\e175";
}

.glyphicon-floppy-open:before {
  content: "\e176";
}

.glyphicon-credit-card:before {
  content: "\e177";
}

.glyphicon-transfer:before {
  content: "\e178";
}

.glyphicon-cutlery:before {
  content: "\e179";
}

.glyphicon-header:before {
  content: "\e180";
}

.glyphicon-compressed:before {
  content: "\e181";
}

.glyphicon-earphone:before {
  content: "\e182";
}

.glyphicon-phone-alt:before {
  content: "\e183";
}

.glyphicon-tower:before {
  content: "\e184";
}

.glyphicon-stats:before {
  content: "\e185";
}

.glyphicon-sd-video:before {
  content: "\e186";
}

.glyphicon-hd-video:before {
  content: "\e187";
}

.glyphicon-subtitles:before {
  content: "\e188";
}

.glyphicon-sound-stereo:before {
  content: "\e189";
}

.glyphicon-sound-dolby:before {
  content: "\e190";
}

.glyphicon-sound-5-1:before {
  content: "\e191";
}

.glyphicon-sound-6-1:before {
  content: "\e192";
}

.glyphicon-sound-7-1:before {
  content: "\e193";
}

.glyphicon-copyright-mark:before {
  content: "\e194";
}

.glyphicon-registration-mark:before {
  content: "\e195";
}

.glyphicon-cloud-download:before {
  content: "\e197";
}

.glyphicon-cloud-upload:before {
  content: "\e198";
}

.glyphicon-tree-conifer:before {
  content: "\e199";
}

.glyphicon-tree-deciduous:before {
  content: "\e200";
}

.glyphicon-cd:before {
  content: "\e201";
}

.glyphicon-save-file:before {
  content: "\e202";
}

.glyphicon-open-file:before {
  content: "\e203";
}

.glyphicon-level-up:before {
  content: "\e204";
}

.glyphicon-copy:before {
  content: "\e205";
}

.glyphicon-paste:before {
  content: "\e206";
}

.glyphicon-alert:before {
  content: "\e209";
}

.glyphicon-equalizer:before {
  content: "\e210";
}

.glyphicon-king:before {
  content: "\e211";
}

.glyphicon-queen:before {
  content: "\e212";
}

.glyphicon-pawn:before {
  content: "\e213";
}

.glyphicon-bishop:before {
  content: "\e214";
}

.glyphicon-knight:before {
  content: "\e215";
}

.glyphicon-baby-formula:before {
  content: "\e216";
}

.glyphicon-tent:before {
  content: "⛺";
}

.glyphicon-blackboard:before {
  content: "\e218";
}

.glyphicon-bed:before {
  content: "\e219";
}

.glyphicon-apple:before {
  content: "\f8ff";
}

.glyphicon-erase:before {
  content: "\e221";
}

.glyphicon-hourglass:before {
  content: "⌛";
}

.glyphicon-lamp:before {
  content: "\e223";
}

.glyphicon-duplicate:before {
  content: "\e224";
}

.glyphicon-piggy-bank:before {
  content: "\e225";
}

.glyphicon-scissors:before {
  content: "\e226";
}

.glyphicon-bitcoin:before {
  content: "\e227";
}

.glyphicon-btc:before {
  content: "\e227";
}

.glyphicon-xbt:before {
  content: "\e227";
}

.glyphicon-yen:before {
  content: "¥";
}

.glyphicon-jpy:before {
  content: "¥";
}

.glyphicon-ruble:before {
  content: "₽";
}

.glyphicon-rub:before {
  content: "₽";
}

.glyphicon-scale:before {
  content: "\e230";
}

.glyphicon-ice-lolly:before {
  content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}

.glyphicon-education:before {
  content: "\e233";
}

.glyphicon-option-horizontal:before {
  content: "\e234";
}

.glyphicon-option-vertical:before {
  content: "\e235";
}

.glyphicon-menu-hamburger:before {
  content: "\e236";
}

.glyphicon-modal-window:before {
  content: "\e237";
}

.glyphicon-oil:before {
  content: "\e238";
}

.glyphicon-grain:before {
  content: "\e239";
}

.glyphicon-sunglasses:before {
  content: "\e240";
}

.glyphicon-text-size:before {
  content: "\e241";
}

.glyphicon-text-color:before {
  content: "\e242";
}

.glyphicon-text-background:before {
  content: "\e243";
}

.glyphicon-object-align-top:before {
  content: "\e244";
}

.glyphicon-object-align-bottom:before {
  content: "\e245";
}

.glyphicon-object-align-horizontal:before {
  content: "\e246";
}

.glyphicon-object-align-left:before {
  content: "\e247";
}

.glyphicon-object-align-vertical:before {
  content: "\e248";
}

.glyphicon-object-align-right:before {
  content: "\e249";
}

.glyphicon-triangle-right:before {
  content: "\e250";
}

.glyphicon-triangle-left:before {
  content: "\e251";
}

.glyphicon-triangle-bottom:before {
  content: "\e252";
}

.glyphicon-triangle-top:before {
  content: "\e253";
}

.glyphicon-console:before {
  content: "\e254";
}

.glyphicon-superscript:before {
  content: "\e255";
}

.glyphicon-subscript:before {
  content: "\e256";
}

.glyphicon-menu-left:before {
  content: "\e257";
}

.glyphicon-menu-right:before {
  content: "\e258";
}

.glyphicon-menu-down:before {
  content: "\e259";
}

.glyphicon-menu-up:before {
  content: "\e260";
}

.glyphicon-tablet-inactive:before {
  content: "\e500";
}

.glyphicon-tablet-active:before {
  content: "\e501";
}

.glyphicon-add-to-my-lessons:before {
  content: "\e502";
}

.glyphicon-add-to-lesson:before {
  content: "\e503";
}

.glyphicon-lesson:before {
  content: "\e504";
}

.glyphicon-cloud-upload-2:before {
  content: "\e505";
}

.glyphicon-cloud-download-2:before {
  content: "\e506";
}

.glyphicon-added-to-my-lessons:before {
  content: "\e507";
}

.glyphicon-favourite-to-mine:before {
  content: "\e508";
}

.glyphicon-cloud-tick:before {
  content: "\e509";
}

.glyphicon-tablet:before {
  content: "\e536";
}

.glyphicon-html5:before {
  content: "\e537";
}

.glyphicon-shockwave:before {
  content: "\e538";
}

.glyphicon-flash:before {
  content: "\e539";
}

.glyphicon-web-audio-context:before {
  content: "\e540";
}

/*

  tropering

======================================================*/
.glyphicon-trop-square:before {
  content: "\e600";
}

.glyphicon-trop-triangle:before {
  content: "\e601";
}

.glyphicon-trop-circle:before {
  content: "\e602";
}

.glyphicon-trop-X:before {
  content: "\e603";
}

.glyphicon-trop-zig-zag-horizontal:before {
  content: "\e604";
}

.glyphicon-trop-zig-zag-vertical:before {
  content: "\e605";
}

.glyphicon-trop-zig-zag-vertical-x-3:before {
  content: "\e606";
}

.glyphicon-trop-line-horizontal-top:before {
  content: "\e607";
}

.glyphicon-trop-line-horizontal-top:before {
  content: "\e608";
}

.glyphicon-trop-line-horizontal-top:before {
  content: "\e608";
}

.glyphicon-trop-dash-top:before {
  content: "\e609";
}

.glyphicon-trop-dash-bottom:before {
  content: "\e60a";
}

.glyphicon-trop-dots:before {
  content: "\e60b";
}

.glyphicon-trop-slash:before {
  content: "\e60c";
}

.glyphicon-trop-backslash:before {
  content: "\e60d";
}

.glyphicon-trop-less-than:before {
  content: "\e60e";
}

.glyphicon-trop-W:before {
  content: "\e60f";
}

.glyphicon-trop-N:before {
  content: "\e610";
}

.glyphicon-trop-right-pointing-arrow:before {
  content: "\e611";
}

.glyphicon-trop-square:before {
  content: "\e612";
}

.glyphicon-trop-line-horizontal-top-and-bottom:before {
  content: "\e613";
}

/*

  OLD bootstrap icons

======================================================*/
[class^=icon-],
[class*=" icon-"] {
  display: inline-block;
  position: relative;
  width: 14px;
  height: 14px;
  *margin-right: 0.3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("../img/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
}
@media (prefers-color-scheme: dark) and (forced-colors: active) {
  [class^=icon-],
  [class*=" icon-"] {
    filter: invert(1);
  }
}
@media (prefers-color-scheme: light) and (forced-colors: active) {
  [class^=icon-],
  [class*=" icon-"] {
    filter: invert(0);
  }
}

[class^=icon-]:last-child,
[class*=" icon-"]:last-child {
  *margin-left: 0;
}

.icon-white {
  background-image: url("../img/glyphicons-halflings-white.png");
}
@media (prefers-color-scheme: light) and (forced-colors: active) {
  .icon-white {
    filter: invert(1);
  }
}
@media (prefers-color-scheme: dark) and (forced-colors: active) {
  .icon-white {
    filter: none;
  }
}

@media (forced-colors: active) {
  .disabled [class^=icon-],
  .disabled [class*=" icon-"],
  .disabled .icon-white {
    color: var(--forced-color-disabled-text);
  }
}
.icon-glass {
  background-position: 0 0;
}

.icon-music {
  background-position: -24px 0;
}

.icon-search {
  background-position: -48px 0;
}

.icon-envelope {
  background-position: -72px 0;
}

.icon-heart {
  background-position: -96px 0;
}

.icon-star {
  background-position: -120px 0;
}

.icon-star-empty {
  background-position: -144px 0;
}

.icon-user {
  background-position: -168px 0;
}

.icon-film {
  background-position: -192px 0;
}

.icon-th-large {
  background-position: -216px 0;
}

.icon-th {
  background-position: -240px 0;
}

.icon-th-list {
  background-position: -264px 0;
}

.icon-ok {
  background-position: -288px 0;
}

.icon-remove {
  background-position: -312px 0;
}

.icon-zoom-in {
  background-position: -336px 0;
}

.icon-zoom-out {
  background-position: -360px 0;
}

.icon-off {
  background-position: -384px 0;
}

.icon-signal {
  background-position: -408px 0;
}

.icon-cog {
  background-position: -432px 0;
}

.icon-trash {
  background-position: -456px 0;
}

.icon-home {
  background-position: 0 -24px;
}

.icon-file {
  background-position: -24px -24px;
}

.icon-time {
  background-position: -48px -24px;
}

.icon-road {
  background-position: -72px -24px;
}

.icon-download-alt {
  background-position: -96px -24px;
}

.icon-download {
  background-position: -120px -24px;
}

.icon-upload {
  background-position: -144px -24px;
}

.icon-inbox {
  background-position: -168px -24px;
}

.icon-play-circle {
  background-position: -192px -24px;
}

.icon-repeat {
  background-position: -216px -24px;
}

.icon-refresh {
  background-position: -240px -24px;
}

.icon-list-alt {
  background-position: -264px -24px;
}

.icon-lock {
  background-position: -287px -24px;
}

.icon-flag {
  background-position: -312px -24px;
}

.icon-headphones {
  background-position: -336px -24px;
}

.icon-volume-off {
  background-position: -360px -24px;
}

.icon-volume-down {
  background-position: -384px -24px;
}

.icon-volume-up {
  background-position: -408px -24px;
}

.icon-qrcode {
  background-position: -432px -24px;
}

.icon-barcode {
  background-position: -456px -24px;
}

.icon-tag {
  background-position: 0 -48px;
}

.icon-tags {
  background-position: -25px -48px;
}

.icon-book {
  background-position: -48px -48px;
}

.icon-bookmark {
  background-position: -72px -48px;
}

.icon-print {
  background-position: -96px -48px;
}

.icon-camera {
  background-position: -120px -48px;
}

.icon-font {
  background-position: -144px -48px;
}

.icon-bold {
  background-position: -167px -48px;
}

.icon-italic {
  background-position: -192px -48px;
}

.icon-text-height {
  background-position: -216px -48px;
}

.icon-text-width {
  background-position: -240px -48px;
}

.icon-align-left {
  background-position: -264px -48px;
}

.icon-align-center {
  background-position: -288px -48px;
}

.icon-align-right {
  background-position: -312px -48px;
}

.icon-align-justify {
  background-position: -336px -48px;
}

.icon-list {
  background-position: -360px -48px;
}

.icon-indent-left {
  background-position: -384px -48px;
}

.icon-indent-right {
  background-position: -408px -48px;
}

.icon-facetime-video {
  background-position: -432px -48px;
}

.icon-picture {
  background-position: -456px -48px;
}

.icon-pencil {
  background-position: 0 -72px;
}

.icon-map-marker {
  background-position: -24px -72px;
}

.icon-adjust {
  background-position: -48px -72px;
}

.icon-tint {
  background-position: -72px -72px;
}

.icon-edit {
  background-position: -96px -72px;
}

.icon-share {
  background-position: -120px -72px;
}

.icon-check {
  background-position: -144px -72px;
}

.icon-move {
  background-position: -168px -72px;
}

.icon-step-backward {
  background-position: -192px -72px;
}

.icon-fast-backward {
  background-position: -216px -72px;
}

.icon-backward {
  background-position: -240px -72px;
}

.icon-play {
  background-position: -264px -72px;
}

.icon-pause {
  background-position: -288px -72px;
}

.icon-stop {
  background-position: -312px -72px;
}

.icon-forward {
  background-position: -336px -72px;
}

.icon-fast-forward {
  background-position: -360px -72px;
}

.icon-step-forward {
  background-position: -384px -72px;
}

.icon-eject {
  background-position: -408px -72px;
}

.icon-chevron-left {
  background-position: -432px -72px;
}

.icon-chevron-right {
  background-position: -456px -72px;
}

.icon-plus-sign {
  background-position: 0 -96px;
}

.icon-minus-sign {
  background-position: -24px -96px;
}

.icon-remove-sign {
  background-position: -48px -96px;
}

.icon-ok-sign {
  background-position: -72px -96px;
}

.icon-question-sign {
  background-position: -96px -96px;
}

.icon-info-sign {
  background-position: -120px -96px;
}

.icon-screenshot {
  background-position: -144px -96px;
}

.icon-remove-circle {
  background-position: -168px -96px;
}

.icon-ok-circle {
  background-position: -192px -96px;
}

.icon-ban-circle {
  background-position: -216px -96px;
}

.icon-arrow-left {
  background-position: -240px -96px;
}

.icon-arrow-right {
  background-position: -264px -96px;
}

.icon-arrow-up {
  background-position: -289px -96px;
}

.icon-arrow-down {
  background-position: -312px -96px;
}

.icon-share-alt {
  background-position: -336px -96px;
}

.icon-resize-full {
  background-position: -360px -96px;
}

.icon-resize-small {
  background-position: -384px -96px;
}

.icon-plus {
  background-position: -408px -96px;
}

.icon-minus {
  background-position: -433px -96px;
}

.icon-asterisk {
  background-position: -456px -96px;
}

.icon-exclamation-sign {
  background-position: 0 -120px;
}

.icon-gift {
  background-position: -24px -120px;
}

.icon-leaf {
  background-position: -48px -120px;
}

.icon-fire {
  background-position: -72px -120px;
}

.icon-eye-open {
  background-position: -96px -120px;
}

.icon-eye-close {
  background-position: -120px -120px;
}

.icon-warning-sign {
  background-position: -144px -120px;
}

.icon-plane {
  background-position: -168px -120px;
}

.icon-calendar {
  background-position: -192px -120px;
}

.icon-random {
  background-position: -216px -120px;
}

.icon-comment {
  background-position: -240px -120px;
}

.icon-magnet {
  background-position: -264px -120px;
}

.icon-chevron-up {
  background-position: -288px -120px;
}

.icon-chevron-down {
  background-position: -313px -119px;
}

.icon-retweet {
  background-position: -336px -120px;
}

.icon-shopping-cart {
  background-position: -360px -120px;
}

.icon-folder-close {
  background-position: -384px -120px;
}

.icon-folder-open {
  background-position: -408px -120px;
}

.icon-resize-vertical {
  background-position: -432px -119px;
}

.icon-resize-horizontal {
  background-position: -456px -118px;
}

.icon-hdd {
  background-position: 0 -144px;
}

.icon-bullhorn {
  background-position: -24px -144px;
}

.icon-bell {
  background-position: -48px -144px;
}

.icon-certificate {
  background-position: -72px -144px;
}

.icon-thumbs-up {
  background-position: -96px -144px;
}

.icon-thumbs-down {
  background-position: -120px -144px;
}

.icon-hand-right {
  background-position: -144px -144px;
}

.icon-hand-left {
  background-position: -168px -144px;
}

.icon-hand-up {
  background-position: -192px -144px;
}

.icon-hand-down {
  background-position: -216px -144px;
}

.icon-circle-arrow-right {
  background-position: -240px -144px;
}

.icon-circle-arrow-left {
  background-position: -264px -144px;
}

.icon-circle-arrow-up {
  background-position: -288px -144px;
}

.icon-circle-arrow-down {
  background-position: -312px -144px;
}

.icon-globe {
  background-position: -336px -144px;
}

.icon-wrench {
  background-position: -360px -144px;
}

.icon-tasks {
  background-position: -384px -144px;
}

.icon-filter {
  background-position: -408px -144px;
}

.icon-briefcase {
  background-position: -432px -144px;
}

.icon-fullscreen {
  background-position: -456px -144px;
}

.cms-instruments .layout__module-list--instruments .grid-container {
  grid-template-columns: repeat(2, 1fr) !important;
}
.cms-instruments .layout__module-list--instruments .grid-container .card__image-wrap {
  height: 240px;
}
.cms-instruments .layout__module-list--instruments .grid-container .grid-unit .card__heading {
  height: 120px !important;
}
.cms-instruments .layout__module-list--instruments .grid-container .grid-unit .card__heading .block-link__highlight {
  padding-bottom: 20px !important;
}
.cms-instruments .layout__module-list--instruments .grid-container .grid-unit .card__heading p {
  font-size: 15px;
  font-weight: normal;
}
.cms-instruments .layout__module-list--instruments .grid-container .grid-unit:hover p {
  color: #323636;
}

.product-cmscy .layout__module-list--instruments a[href*="/c/1363047-instruments/1314448-take-off-beginner-s-wind-band"] .card__sub {
  display: none;
}
.product-cmscy .layout__module-list--instruments a[href*="/c/1363047-instruments/1370410-rockschool"] {
  display: grid;
}
.product-cmscy .layout__module-list--instruments a[href*="/c/1363047-instruments/1370410-rockschool"] .card__heading {
  order: -1;
}
.product-cmscy .layout__module-list--instruments a[href*="/c/1363047-instruments/1370410-rockschool"] .card__heading .block-link__highlight + div {
  display: none;
}

.tag {
  color: #fff;
  background: #888;
  margin: 5px;
  padding: 3px 6px 1px;
  line-height: 20px;
  text-decoration: none;
  border-radius: var(--border-radius-s);
  display: inline-block;
}
.tag .icon-tag {
  display: none;
}

.tag .glyphicon-remove {
  font-size: 0.75em;
  margin-left: 3px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  padding: 2px;
  box-sizing: content-box;
  opacity: 0.3;
}

.tag:hover .glyphicon-remove {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.4);
}

.tag a {
  display: block;
  padding: 3px 6px;
  margin: -3px -6px;
}

.tag a,
a.tag {
  background: var(--color-link);
  color: #fff;
  border-radius: var(--border-radius-s);
}
.tag a:hover,
a.tag:hover {
  background: var(--color-link-hover);
  color: #fff;
}

.glyphicon-remove--white-red {
  font-size: 0.75em;
  margin-left: 3px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  border-radius: 50%;
  padding: 2px;
  box-sizing: content-box;
  text-decoration: none;
}
.glyphicon-remove--white-red:hover, .glyphicon-remove--white-red:focus {
  background-color: #f00;
  color: #fff;
  text-decoration: none;
}

.tags__container .tag {
  margin: 10px 5px 0 0;
}

.tag__icon-container {
  display: inline-block;
  width: 25px;
  text-align: center;
  padding-right: 5px;
  position: relative;
  top: 1px;
}

.badge {
  font-size: 11.844px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  vertical-align: baseline;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #767676;
}

.badge {
  padding: 1px 9px 2px;
  border-radius: 9px;
}

a.badge:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.badge-important {
  background-color: #b94a48;
}

.badge-important[href] {
  background-color: #953b39;
}

.badge-warning {
  background-color: #f89406;
}

.badge-warning[href] {
  background-color: #c67605;
}

.badge-success {
  background-color: #468847;
}

.badge-success[href] {
  background-color: #356635;
}

.badge-info {
  background-color: #3a87ad;
}

.badge-info[href] {
  background-color: #2d6987;
}

.badge-inverse {
  background-color: #333333;
}

.badge-inverse[href] {
  background-color: #1a1a1a;
}

.hoverable-caption {
  display: inline-block;
  position: relative;
  line-height: 0;
  overflow: hidden;
}
.hoverable-caption span {
  transition: all 0.6s ease-out;
}

.hoverable-caption--text {
  position: absolute;
  z-index: 20;
  top: -40px;
  left: 0;
  right: 0;
  opacity: 0;
  display: block;
  padding: 0 2.5%;
  color: #fff;
  line-height: 1.2;
  text-align: center;
}

.hoverable-caption--mask {
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.4s ease-out;
}

.hoverable-caption__fade-out {
  opacity: 1;
  transition: opacity 0.4s ease-out;
}

.hoverable-caption:hover .hoverable-caption--mask {
  background: #000;
  background: rgba(0, 0, 0, 0.75);
}
.hoverable-caption:hover .hoverable-caption--text {
  opacity: 1;
  top: 42%;
}
.hoverable-caption:hover .hoverable-caption__fade-out {
  opacity: 0;
}

.hoverable-caption [class^=icon-],
.hoverable-caption [class*=" icon-"] {
  background-image: url("../img/glyphicons-halflings-white.png");
}

.hoverable-caption--initial {
  position: absolute;
}

.hoverable-caption:hover .hoverable-caption--initial {
  opacity: 0;
}

.hoverable-caption__video-icon {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  position: absolute;
  z-index: 10;
  font-size: 40px;
  height: 1.333333333em;
  width: 1.666666667em;
  background: rgba(255, 0, 0, 0.7);
  border-radius: 10%;
  text-align: center;
}
.hoverable-caption__video-icon .glyphicon-play {
  font-size: inherit;
  color: #fff;
  line-height: 1.25;
}

.hoverable-caption__video-title {
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  background: #222;
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
  font-size: 18px;
  line-height: 1.1;
  padding: 5px;
  font-weight: 700;
  text-transform: uppercase;
}
.hoverable-caption__video-title small {
  font-size: 11px;
  display: block;
  font-weight: 400;
  letter-spacing: 0.2px;
  text-shadow: 0 0 0 rgba(255, 255, 255, 0.5);
}

body.product-cms .tablet-compatibility {
  display: none !important;
}

body.product-cms .tag .tablet-compatibility {
  display: inline-block !important;
}

.tablet-compatibility {
  position: relative;
  display: inline-block;
  color: var(--green);
  font-size: 36px;
  color: var(--color-text);
  font-size: 36px;
  line-height: 0.8333333333em;
}
.tablet-compatibility:after {
  font-family: var(--font-unicode);
  position: absolute;
  padding: 0 0.1111111111em 0 0.3055555556em;
  text-align: center;
  display: block;
  top: 0;
  left: 0;
  right: 0;
}
.tablet-compatibility.is-tablet-compatible:after {
  content: "✔";
  font-size: 0.6666666667em;
  line-height: 1.3;
  color: var(--green);
}
.tablet-compatibility.is-not-tablet-compatible:after {
  content: "✘";
  color: var(--color-info);
  font-size: 0.6666666667em;
  line-height: 1.25;
  padding-left: 0.2083333333em;
}
.tablet-compatibility.is-partially-tablet-compatible .compatibility__percent {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.3611111111em;
  font-weight: 600;
  color: var(--green);
  line-height: 2;
  text-align: center;
  white-space: nowrap;
  width: 100%;
  letter-spacing: -1px;
  padding-left: 0.1em;
}
.tablet-compatibility.is-partially-tablet-compatible .compatibility__percent:after {
  content: "%";
}
.tablet-compatibility.is-muted {
  opacity: 0.5;
}

.tablet-compatibility.tablet-compatibility--small,
.list-of-lessons__lesson .tablet-compatibility,
.resource.is-compact .tablet-compatibility {
  font-size: 21px;
  color: var(--color-info-darker);
}
.tablet-compatibility.tablet-compatibility--small:after,
.list-of-lessons__lesson .tablet-compatibility:after,
.resource.is-compact .tablet-compatibility:after {
  color: var(--color-info-darker);
}
.tablet-compatibility.tablet-compatibility--small:hover:after,
.list-of-lessons__lesson .tablet-compatibility:hover:after,
.resource.is-compact .tablet-compatibility:hover:after {
  color: var(--green);
}
.tablet-compatibility.tablet-compatibility--small.is-not-tablet-compatible:hover:after,
.list-of-lessons__lesson .tablet-compatibility.is-not-tablet-compatible:hover:after,
.resource.is-compact .tablet-compatibility.is-not-tablet-compatible:hover:after {
  color: var(--red);
}
.tablet-compatibility.tablet-compatibility--small .compatibility__percent,
.list-of-lessons__lesson .tablet-compatibility .compatibility__percent,
.resource.is-compact .tablet-compatibility .compatibility__percent {
  display: none;
}
.tablet-compatibility.tablet-compatibility--small.is-partially-tablet-compatible:after,
.list-of-lessons__lesson .tablet-compatibility.is-partially-tablet-compatible:after,
.resource.is-compact .tablet-compatibility.is-partially-tablet-compatible:after {
  font-size: 0.55em;
  content: "%";
  width: 100%;
  line-height: 1.4;
  color: var(--color-info);
  font-weight: 600;
}
.tablet-compatibility.tablet-compatibility--small.is-partially-tablet-compatible:hover:after,
.list-of-lessons__lesson .tablet-compatibility.is-partially-tablet-compatible:hover:after,
.resource.is-compact .tablet-compatibility.is-partially-tablet-compatible:hover:after {
  color: var(--green);
}

.tag__icon-container .tablet-compatibility--small {
  font-size: 16px;
  line-height: 15px;
  margin: -2px 0;
  cursor: pointer;
}

.tag__icon-container .tablet-compatibility--small:before,
.tag__icon-container .tablet-compatibility--small:after {
  color: #fff !important;
  line-height: 1;
  top: 2px;
}

.list-of-lessons__lesson .tablet-compatibility,
.resource.is-compact .tablet-compatibility {
  float: right;
  margin-left: 5px;
  margin-right: 5px;
  opacity: 0.5;
}
.list-of-lessons__lesson .tablet-compatibility:hover,
.resource.is-compact .tablet-compatibility:hover {
  opacity: 1;
}

.compatibility-indicator__parent {
  position: relative;
}

.compatibility-indicator__parent .tablet-compatibility {
  position: relative;
  top: -5px;
}

.col__heading.compatibility-indicator__parent .tablet-compatibility.shows-on-hover {
  right: 50px;
}

.compatibility-indicator__parent .tablet-compatibility.shows-on-hover {
  position: absolute;
  top: 7px;
  right: 0;
  font-size: 25px;
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.470, 0.000, 0.745, 0.715);
}
.compatibility-indicator__parent .tablet-compatibility.shows-on-hover .compatibility__percent {
  color: #333;
}

.compatibility-indicator__parent .tablet-compatibility.always-show,
.compatibility-indicator__parent:hover .tablet-compatibility.shows-on-hover {
  display: block;
  opacity: 1;
  transition: all 0.1s cubic-bezier(0.470, 0.000, 0.745, 0.715) 0.25s;
}

.layout--my-lessons .tablet-compatibility.shows-on-hover {
  display: none;
}

.tablet-compatibility.shows-on-hover .percent-bar-container {
  position: absolute;
  top: 1px;
  bottom: 2px;
  left: 3px;
  right: 1px;
}
.tablet-compatibility.shows-on-hover .percent-bar-container .percent-bar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: rgba(var(--green), 0.4);
}

/*

  Drag handles

======================================================*/
.draggable__list .resource {
  padding-left: 60px;
  position: relative;
}

.draggable__handle {
  display: none;
}

.draggable__list .draggable__handle {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 60px;
  background: url(/images/music-pro-2015/drag-handle-bg.png);
  line-height: 100%;
  cursor: move;
  border: 5px solid #fff;
}

.draggable__hover-text {
  display: none;
  transition: all 0.1s ease-out;
}

.draggable__handle:hover .draggable__hover-text {
  display: block;
  text-align: center;
  text-shadow: 0px 1px 2px #fff;
  font-size: 12px;
  text-transform: uppercase;
  vertical-align: center;
  line-height: 1;
  font-weight: 600;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.draggable__list.draggable__scheme .draggable__handle {
  position: relative;
  left: 0;
  height: 25px;
  cursor: move;
}

.resource-icon {
  position: relative;
  width: 99px;
  height: 74px;
}

.resource-icon span {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 48px;
  line-height: 74px;
  width: 100%;
  text-align: center;
  color: #fff;
  text-shadow: 2px 3px 1px rgba(0, 0, 0, 0.1);
}

.resource-icon--note {
  background: red;
}

.resource-icon--audio {
  background: orange;
}

.resource-icon--pdf {
  background: yellow;
}

.resource-icon--video {
  background: green;
}

.resource-icon--image {
  background: blue;
}

/*

  Callouts

======================================================*/
.empty-state {
  background: var(--ui-bg-palest);
  border-radius: 5px;
  border: 2px dashed var(--ui-border-color-darker);
  text-align: center;
  color: var(--color-info);
  font-size: 16px;
  padding: 40px 40px 60px;
}
.empty-state h2, .empty-state h3, .empty-state h4, .empty-state .h2, .empty-state .h3, .empty-state .h4, .empty-state p, .empty-state li {
  color: #5B656B;
  line-height: 1;
}
.empty-state p, .empty-state li {
  color: var(--color-info-darker);
  line-height: 1.5;
}
.empty-state hr {
  margin: 30px 20%;
  height: 2px;
  background: var(--ui-border-color-darker);
}

.empty-state--warning {
  border-color: #ffbbc1;
  background: #ffe8ea;
  color: #444;
}

.empty-state--small {
  padding: 10px;
}

.help-in-context__icon {
  font-size: 30px;
  color: var(--color-info);
  display: none;
}

.article-list__nav-heading {
  margin: 0;
  border-bottom: 3px solid;
  padding: 14px 0 7px;
  font-weight: 600;
}

.nav-section-level-1-item .conc-trigger .active-message,
.nav-section-level-1-item .conc-trigger .inactive-message {
  color: var(--ui-border-color-darker);
  padding: 0;
  border: 1px solid;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 19px;
  border-radius: 3px;
  font-weight: 700;
  font-size: 20px;
  margin-top: -2px;
}

.article-list__nav-heading a {
  border: 0 none;
  padding: 0;
  margin: 0;
  color: inherit;
}

.article-list__nav-sub-heading {
  margin: 0;
  padding: 7px 0;
  border-bottom: var(--ui-border);
  font-size: 14px;
  font-weight: bold;
}

.article-list__nav-sub-heading + .article-list__nav-level-2 {
  margin-top: -1px;
}

.article-list__nav-level-2 {
  border-bottom: var(--ui-border);
}

.nav-section-level-3-link {
  padding-left: 18px !important;
  position: relative;
  font-size: 14px;
}
.nav-section-level-3-link:before {
  content: "•";
  position: absolute;
  top: 5px;
  left: 5px;
  color: var(--color-text);
}

.article-list__lists-heading {
  font-size: 16px;
  font-size: 1.6rem;
}

.layout--help-article-single img {
  float: right;
  height: auto;
  margin-left: 10px;
  max-width: 300px;
}

.layout--help-article-single section {
  border-bottom: 1px dashed #CCC;
  clear: both;
  margin-bottom: 30px;
  overflow: auto;
  padding-bottom: 10px;
}

.layout--help-article-single div[id^=video_][id*=_wrapper],
.layout--help-article-single div[id^=video_].jwplayer {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  margin: 5px auto;
  padding: 0.5%;
  border-radius: 5px;
  width: 99% !important;
}

.nav-section-current {
  color: var(--color-text);
}

.progress-bar {
  height: 40px;
  width: 100%;
  border: 1px solid var(--ui-border-color-darker);
  border-radius: 20px;
  overflow: hidden;
}

.progress-bar__progress {
  height: 40px;
  background: var(--green);
}

.support-file.js-support-file,
.js-upload-form {
  border: 1px solid #d1d2d2;
  border-radius: 4px;
  padding: 0 10px;
}
.support-file.js-support-file .js-display-name:hover,
.js-upload-form .js-display-name:hover {
  text-decoration: underline;
}
.support-file.js-support-file:first-child,
.js-upload-form:first-child {
  border-top: 1px solid #d1d2d2;
}

.js-support-file.support-file[data-pending=y] {
  background-color: #f7f7f7;
  border: 2px dotted #c6c7c7;
}

.js-dropdown-trigger {
  padding: 5px 10px 5px 0;
}

.remove-document + .js-dropdown-trigger {
  border-right: 1px solid #d1d2d2;
}

.js-upload-form .js-document-filefield-preview {
  padding: 5px 10px 5px 0;
}

.remove-document {
  position: relative;
  top: 8px;
  left: 3px;
  display: inline-block;
  margin: 0 5px 0 10px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  border-radius: 50%;
  padding: 2px;
  font-family: "glyphicons_halflingsregular" !important;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  width: 1em;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.75em;
  box-sizing: content-box;
  text-decoration: none;
}
.remove-document:before {
  content: "\e014";
}
.remove-document svg {
  display: none;
}

.js-upload-form .js-document-filefield-preview {
  overflow: hidden;
}

.media__text,
.js-upload-form .js-document-filefield-preview {
  padding-left: 5px;
  text-overflow: ellipsis;
}

.document-list .empty-state {
  display: none;
}
.document-list .empty-state.empty {
  display: block;
}

.document-icon {
  position: relative;
  top: 2px;
  margin: 0 0 -2px;
}
.document-icon:before {
  width: 16px;
  height: 16px;
}

li[data-file-extension=jpg] .document-icon:before,
li[data-file-extension=png] .document-icon:before,
li[data-file-extension=gif] .document-icon:before,
li[data-file-extension=jpeg] .document-icon:before {
  content: url(../../../../../images/forum/image-trans.png);
}

li[data-file-extension=wav] .document-icon:before,
li[data-file-extension=mp3] .document-icon:before {
  content: url(../../../../../images/forum/audio-trans.png);
}

li[data-file-extension=mp4] .document-icon:before {
  content: url(../../../../../images/forum/video-trans.png);
}

li[data-file-extension=pdf] .document-icon:before {
  content: url(../../../../../images/forum/pdf-trans.png);
}

li[data-file-extension=xlsx] .document-icon:before {
  content: url(../../../../../images/forum/spreadsheet-trans.png);
}

li[data-file-extension=html] .document-icon:before,
li[data-file-extension=xml] .document-icon:before,
li[data-file-extension=txt] .document-icon:before,
li[data-file-extension=rtf] .document-icon:before {
  content: url(../../../../../images/forum/file-trans.png);
}

li[data-file-extension=docx] .document-icon:before,
li[data-file-extension=odt] .document-icon:before {
  content: url(../../../../../images/forum/word-trans.png);
}

.assessment-submission-section .js-support-file.support-file,
.assessment_uploaded-files .js-support-file.support-file,
.group-documents-list .js-support-file.support-file,
.scheme3-grid__year-mod-form .js-support-file.support-file {
  display: block;
  float: left;
  margin-right: 10px;
  width: calc(33% - 5px);
}
.assessment-submission-section .js-support-file.support-file:nth-child(3n+3),
.assessment_uploaded-files .js-support-file.support-file:nth-child(3n+3),
.group-documents-list .js-support-file.support-file:nth-child(3n+3),
.scheme3-grid__year-mod-form .js-support-file.support-file:nth-child(3n+3) {
  margin-right: 0;
}
.assessment-submission-section .js-support-file.support-file:last-child,
.assessment_uploaded-files .js-support-file.support-file:last-child,
.group-documents-list .js-support-file.support-file:last-child,
.scheme3-grid__year-mod-form .js-support-file.support-file:last-child {
  margin-right: 0;
}
.assessment-submission-section .js-support-file.support-file:first-child,
.assessment_uploaded-files .js-support-file.support-file:first-child,
.group-documents-list .js-support-file.support-file:first-child,
.scheme3-grid__year-mod-form .js-support-file.support-file:first-child {
  border: 1px solid #d1d2d2;
}

.assessment_uploaded-files {
  display: inline-block;
  width: 100%;
}

.dropdown-menu .preview-document-modal-loader {
  display: none;
  cursor: pointer;
}

.preview-link-container-unpreviewable {
  padding: 8px 15px;
  cursor: not-allowed;
  color: var(--color-info);
}

.previewable .dropdown-menu .preview-document-modal-loader {
  display: block;
}
.previewable .preview-link-container-unpreviewable {
  display: none;
}

.external-view__document-link {
  cursor: pointer;
}

.documents__files-empty {
  background: #f7f7f7;
  border-radius: 5px;
  border: 2px dashed #c6c7c7;
  text-align: center;
  color: #8d9090;
  font-size: 16px;
}

.js-action-offline {
  /* active */
}
.js-action-offline .icon_mono--offline--add-to-queue {
  width: 20px;
}
.js-action-offline .icon_mono--offline--add-to-queue .icon_mono-offline--fill {
  fill: currentColor;
}
.js-action-offline:hover .icon_mono--offline--add-to-queue .icon_mono-offline--fill {
  fill: #EE7882;
}
.js-action-offline .icon_mono--offline--add-to-queue .icon_mono-offline--stroke {
  stroke: currentColor;
}
.js-action-offline .icon_mono--offline--checkmark,
.js-action-offline .icon_mono--offline--no-offline, .js-action-offline.actions__button--active .icon_mono--offline--plus, .js-action-offline.is-active-button .icon_mono--offline--plus {
  display: none;
}
.js-action-offline.actions__button--active {
  filter: grayscale(0) !important;
}
.js-action-offline.actions__button--active .icon_mono-offline--enclosure, .js-action-offline.is-active-button .icon_mono-offline--enclosure {
  color: black;
}
.js-action-offline.is-active-button, .js-action-offline.actions__button--active {
  cursor: not-allowed;
}
.js-action-offline.is-active-button .icon_mono--offline--checkmark, .js-action-offline.actions__button--active .icon_mono--offline--checkmark {
  fill: green;
}
@media (forced-colors: active) {
  .js-action-offline.is-active-button .icon_mono--offline--checkmark, .js-action-offline.actions__button--active .icon_mono--offline--checkmark {
    fill: currentColor;
  }
}
.js-action-offline.is-active-button:hover .icon_mono--offline--checkmark, .js-action-offline.actions__button--active:hover .icon_mono--offline--checkmark {
  fill: green;
}
@media (forced-colors: active) {
  .js-action-offline.is-active-button:hover .icon_mono--offline--checkmark, .js-action-offline.actions__button--active:hover .icon_mono--offline--checkmark {
    fill: currentColor;
  }
}
.js-action-offline.actions__button--active .icon_mono--offline--checkmark, .js-action-offline.is-active-button .icon_mono--offline--checkmark {
  display: block;
}

.actions__item:has(.js-action-offline[disabled=disabled]) {
  cursor: not-allowed;
}

.layout--my-lessons .list-of-lessons .icon_mono--offline--add-to-queue {
  padding-bottom: 4px;
}
.layout--my-lessons .list-of-lessons li.c21-dropdown__item.actions__lesson-to-tablet .not-compatible-with-offline-app {
  color: #8d9090;
}
.layout--my-lessons .list-of-lessons li.c21-dropdown__item.actions__lesson-to-tablet .not-compatible-with-offline-app:hover .icon_mono--offline--add-to-queue .icon_mono-offline--stroke {
  stroke: #8d9090;
}

.not-compatible-with-offline-app .icon_mono--offline--no-offline,
.not-compatible-with-offline-app .icon_mono--offline--checkmark,
.not-compatible-with-offline-app .icon_mono--offline--plus {
  display: block;
}

.not-compatible-with-offline-app .icon_mono--offline--no-offline {
  fill: currentColor;
}

.cant-add-to-app:hover, .cant-add-to-app:hover span {
  cursor: not-allowed !important;
  text-decoration: none !important;
  color: #767676 !important;
}
.cant-add-to-app:hover .icon_mono--offline--add-to-queue .icon_mono-offline--stroke, .cant-add-to-app:hover span .icon_mono--offline--add-to-queue .icon_mono-offline--stroke {
  stroke: currentColor;
}
.cant-add-to-app:hover span.actions__icon {
  color: #a4a6a6 !important;
}

.actions__item.actions__resource-to-tablet .js-action-offline .icon_mono--offline--add-to-queue, .actions__item.actions__resource-to-tablet .js-action-offline.is-active-button .icon_mono--offline--add-to-queue,
.actions__item.actions__resource-to-tablet .not-compatible-with-offline-app .icon_mono--offline--add-to-queue,
.actions__item.actions__resource-to-tablet .not-compatible-with-offline-app.is-active-button .icon_mono--offline--add-to-queue {
  width: 24px;
  height: 24px;
  position: relative;
  top: 6px;
  margin-right: 9px;
}
.actions__item.actions__resource-to-tablet .js-action-offline .icon_mono--offline--add-to-queue .icon_mono--offline--checkmark, .actions__item.actions__resource-to-tablet .js-action-offline.is-active-button .icon_mono--offline--add-to-queue .icon_mono--offline--checkmark,
.actions__item.actions__resource-to-tablet .not-compatible-with-offline-app .icon_mono--offline--add-to-queue .icon_mono--offline--checkmark,
.actions__item.actions__resource-to-tablet .not-compatible-with-offline-app.is-active-button .icon_mono--offline--add-to-queue .icon_mono--offline--checkmark {
  fill: green;
}
@media (forced-colors: active) {
  .actions__item.actions__resource-to-tablet .js-action-offline .icon_mono--offline--add-to-queue .icon_mono--offline--checkmark, .actions__item.actions__resource-to-tablet .js-action-offline.is-active-button .icon_mono--offline--add-to-queue .icon_mono--offline--checkmark,
  .actions__item.actions__resource-to-tablet .not-compatible-with-offline-app .icon_mono--offline--add-to-queue .icon_mono--offline--checkmark,
  .actions__item.actions__resource-to-tablet .not-compatible-with-offline-app.is-active-button .icon_mono--offline--add-to-queue .icon_mono--offline--checkmark {
    fill: var(--forced-color-link-text);
  }
}
.actions__item.actions__resource-to-tablet:hover .js-action-offline .icon_mono--offline--add-to-queue .icon_mono--offline--checkmark, .actions__item.actions__resource-to-tablet:hover .js-action-offline.is-active-button .icon_mono--offline--add-to-queue .icon_mono--offline--checkmark {
  fill: #fff;
}
.actions__item.actions__resource-to-tablet:hover .js-action-offline.is-active-button {
  color: #323636;
}

.dropdown__menu .actions__lesson-to-tablet .js-action-offline {
  color: #323636;
}
.dropdown__menu .js-action-offline:hover.is-active-button, .dropdown__menu .js-action-offline:hover.actions__button--active {
  text-decoration: none;
  color: #323636;
}

#lesson-viewer .dropdown-menu--lv-resource .js-action-offline .icon_mono--offline--plus {
  fill: #333333;
}
#lesson-viewer .dropdown-menu--lv-resource .js-action-offline:hover .icon_mono--offline--plus {
  fill: #fff;
}
#lesson-viewer .dropdown-menu--lv-resource .js-action-offline:hover .icon_mono-offline--enclosure {
  fill: #fff;
}
#lesson-viewer .dropdown-menu--lv-resource .js-action-offline.is-active-button:hover {
  color: #333333 !important;
  background-color: #fff;
}
#lesson-viewer .dropdown-menu--lv-resource .js-action-offline.is-active-button:hover .icon_mono-offline--enclosure {
  fill: #000;
}
#lesson-viewer .dropdown-menu--lv-resource .js-action-offline.is-active-button:hover .icon_mono--offline--checkmark {
  fill: green;
}

.icon_mono--offline--add-to-queue .icon_mono-offline--fill {
  fill: #8d9090;
}

.js-action-offline-hijack:hover {
  color: #323636;
}
.js-action-offline-hijack:hover .icon_mono--offline--add-to-queue .icon_mono-offline--fill {
  fill: #EE7882;
}

li.c21-dropdown__item.actions__lesson-to-tablet {
  display: inline-block !important;
  text-align: center;
}

li.c21-dropdown__item.actions__lesson-to-tablet .actions__offline {
  color: #323636;
  display: block;
  padding-left: 3px;
  padding-right: 8px;
}
li.c21-dropdown__item.actions__lesson-to-tablet .actions__offline:hover {
  color: #EE7882;
}
li.c21-dropdown__item.actions__lesson-to-tablet .actions__offline:hover .icon_mono--offline--add-to-queue .icon_mono-offline--stroke {
  stroke: #EE7882;
}
li.c21-dropdown__item.actions__lesson-to-tablet .actions__offline.is-active-button {
  color: #8d9090;
}
li.c21-dropdown__item.actions__lesson-to-tablet .actions__offline.is-active-button:hover .c21-dropdown__name {
  color: #8d9090;
}
li.c21-dropdown__item.actions__lesson-to-tablet .actions__offline.is-active-button:hover .icon_mono--offline--add-to-queue .icon_mono-offline--stroke {
  stroke: currentColor;
}

.icon_mono--offline--add-to-queue {
  width: 20px;
  display: inline-block;
  color: #8d9090;
}
@media (forced-colors: active) {
  .icon_mono--offline--add-to-queue {
    color: var(--forced-color-link-text);
  }
}

.action-offline-in-resources-actions.js-action-offline .icon_mono--offline--add-to-queue {
  margin-top: 3px;
}
.action-offline-in-resources-actions.js-action-offline .icon_mono-offline--enclosure,
.action-offline-in-resources-actions.js-action-offline .icon_mono--offline--plus,
.action-offline-in-resources-actions.js-action-offline .icon_mono--offline--checkmark,
.action-offline-in-resources-actions.js-action-offline .icon_mono--offline--no-offline {
  fill: #a4a6a6;
}
@media (forced-colors: active) {
  .action-offline-in-resources-actions.js-action-offline .icon_mono-offline--enclosure,
  .action-offline-in-resources-actions.js-action-offline .icon_mono--offline--plus,
  .action-offline-in-resources-actions.js-action-offline .icon_mono--offline--checkmark,
  .action-offline-in-resources-actions.js-action-offline .icon_mono--offline--no-offline {
    fill: var(--forced-color-link-text);
  }
}
.action-offline-in-resources-actions.js-action-offline:hover .icon_mono-offline--enclosure,
.action-offline-in-resources-actions.js-action-offline:hover .icon_mono--offline--plus,
.action-offline-in-resources-actions.js-action-offline:hover .icon_mono--offline--checkmark {
  fill: #EE7882;
}
.action-offline-in-resources-actions.js-action-offline:hover.cant-add-to-app .icon_mono--offline--no-offline {
  fill: #a4a6a6;
}
@media (forced-colors: active) {
  .action-offline-in-resources-actions.js-action-offline:hover.cant-add-to-app .icon_mono--offline--no-offline {
    fill: var(--forced-color-disabled-text);
  }
}
.action-offline-in-resources-actions.js-action-offline.is-active-button {
  cursor: not-allowed;
}
.action-offline-in-resources-actions.js-action-offline.is-active-button:hover {
  cursor: not-allowed;
}
.action-offline-in-resources-actions.js-action-offline.is-active-button:hover .actions__name, .action-offline-in-resources-actions.js-action-offline.is-active-button:hover .actions__name:hover {
  color: #a4a6a6;
}
@media (forced-colors: active) {
  .action-offline-in-resources-actions.js-action-offline.is-active-button:hover .actions__name, .action-offline-in-resources-actions.js-action-offline.is-active-button:hover .actions__name:hover {
    color: var(--forced-color-disabled-text);
  }
}
.action-offline-in-resources-actions.js-action-offline.is-active-button:hover .icon_mono-offline--enclosure,
.action-offline-in-resources-actions.js-action-offline.is-active-button:hover .icon_mono--offline--plus,
.action-offline-in-resources-actions.js-action-offline.is-active-button:hover .icon_mono--offline--checkmark,
.action-offline-in-resources-actions.js-action-offline.is-active-button:hover .icon_mono--offline--no-offline {
  fill: #a4a6a6;
}
@media (forced-colors: active) {
  .action-offline-in-resources-actions.js-action-offline.is-active-button:hover .icon_mono-offline--enclosure,
  .action-offline-in-resources-actions.js-action-offline.is-active-button:hover .icon_mono--offline--plus,
  .action-offline-in-resources-actions.js-action-offline.is-active-button:hover .icon_mono--offline--checkmark,
  .action-offline-in-resources-actions.js-action-offline.is-active-button:hover .icon_mono--offline--no-offline {
    fill: var(--forced-color-disabled-text);
  }
}

@media (forced-colors: active) {
  .cant-add-to-app .icon_mono--offline--add-to-queue {
    color: var(--forced-color-disabled-text);
  }
  .cant-add-to-app .icon_mono--offline--add-to-queue .icon_mono--offline--no-offline {
    fill: currentColor;
  }
  .cant-add-to-app .actions__name {
    color: var(--forced-color-disabled-text);
  }
}

@media (forced-colors: active) {
  .actions__send-resource-to-tablet .cant-add-to-app:hover .actions__name {
    color: var(--forced-color-disabled-text) !important;
  }
}
.site-footer__links li {
  display: inline-block;
  padding: 0 10px;
}
.site-footer__links li:after {
  content: ".";
  position: relative;
  top: -4px;
  left: 10px;
}
.site-footer__links li:first-child {
  padding-left: 0;
}
.site-footer__links li:last-child {
  padding-right: 0;
}
.site-footer__links li:last-child:after {
  display: none;
}

.current-locale-cy .site-footer__links li {
  padding: 0 4px;
}

#student-learning-space .site-footer__container {
  display: none;
}

.site-footer__mfe {
  background-color: #f7f7f9;
}

#sorting-aria-live-region {
  position: absolute;
  left: -9999px;
  height: 0;
  overflow: hidden;
}

.yumu-login-info__warning {
  width: 100%;
  background-color: #fdf8e3;
  border: 1px solid #f4eabf;
}
.yumu-login-info__warning--icon {
  width: 40px;
}
.yumu-login-info__warning p {
  margin: 0;
}
.yumu-login-info__warning a {
  color: #017971;
}
.yumu-login-info__warning--groups-cell-message p {
  margin: 0;
}

.sing-home header h1:before {
  content: " ";
  background-image: url(https://cdn.charanga.com/images/danish-theme/nav-tab-sprite-30px.png);
  background-position: 7px -241px;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 39px;
  width: 39px;
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0 6px 0 0;
}

.cleared:before, .cleared:after,
.line:before,
.line:after,
.page-bd:before,
.page-bd:after,
.page-ft:before,
.page-ft:after,
.clear:before,
.clear:after,
.cf:before,
.cf:after,
.clearfix:before,
.nav--primary .level-2-container:before,
.clearfix:after,
.nav--primary .level-2-container:after {
  content: "";
  display: table;
}
.cleared:after,
.line:after,
.page-bd:after,
.page-ft:after,
.clear:after,
.cf:after,
.clearfix:after,
.nav--primary .level-2-container:after {
  clear: both;
}

.page-bd {
  padding-bottom: 80px;
  min-height: calc(100vh - 220px);
}

.container {
  width: var(--page-width);
  margin: 0 auto;
  position: relative;
  *zoom: 1;
}
.container:before, .container:after {
  content: "";
  display: table;
}
.container:after {
  clear: both;
}

.flexbox .line--flex {
  display: flex;
}

.flexbox .line--flex > .gu1of1,
.flexbox .line--flex > .gu1of3,
.flexbox .line--flex > .gu2of3,
.flexbox .line--flex > .gu1of4,
.flexbox .line--flex > .gu2of4,
.flexbox .line--flex > .gu3of4 {
  display: flex;
  flex: 1;
}

.equal-height__container {
  display: flex;
}
.equal-height__container .equal-height__unit {
  display: flex;
  flex-direction: column;
}

/*

  Media

======================================================*/
/* media */
.media,
.media-text,
.media__text {
  overflow: hidden;
  *overflow: visible;
  zoom: 1;
  display: block;
}

.media__text {
  padding-left: 10px;
}

.media--right .media__text {
  padding-right: 10px;
}

.media .img,
.media__img {
  float: left;
  line-height: 0;
}
.media .img:hover,
.media__img:hover {
  text-decoration: none;
}
.media .img img,
.media__img img {
  display: block;
}

.media .right,
.media--align-right .media__img {
  float: right;
}

.media--align-top,
.media--align-middle,
.media--align-bottom {
  display: table;
}
.media--align-top [class*=media],
.media--align-middle [class*=media],
.media--align-bottom [class*=media] {
  display: table-cell;
  vertical-align: middle;
  float: none;
}
.media--align-top [class*=media][class*=text],
.media--align-middle [class*=media][class*=text],
.media--align-bottom [class*=media][class*=text] {
  width: 100%;
}
.media--align-top img,
.media--align-middle img,
.media--align-bottom img {
  max-width: none;
}

.media--align-top > [class*=media] {
  vertical-align: top;
}

.media--align-bottom > [class*=media] {
  vertical-align: bottom;
}

.media--stacked * {
  width: 100%;
  height: auto;
  clear: both;
  float: none;
}

.is-fixed {
  position: fixed;
  z-index: 9999;
}

.layout--course--rhs .mod {
  margin: -5px 0 35px 20px;
}

.global-grid__container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 18px;
}
.global-grid .global-grid__item {
  grid-column: span 12;
}
.global-grid__1-col .global-grid__item {
  grid-column: span 12;
}
.global-grid__2-col .global-grid__item {
  grid-column: span 6;
}
.global-grid__3-col .global-grid__item {
  grid-column: span 4;
}
.global-grid__4-col .global-grid__item {
  grid-column: span 3;
}
.global-grid__5-col .global-grid__item {
  grid-column: span 5;
}
.global-grid__6-col .global-grid__item {
  grid-column: span 2;
}
.global-grid__item--span-1 {
  grid-column: span 12;
}
.global-grid__item--span-2 {
  grid-column: span 6;
}
.global-grid__item--span-3 {
  grid-column: span 4;
}
.global-grid__item--span-4 {
  grid-column: span 3;
}
.global-grid__item--span-5 {
  grid-column: span 5;
}
.global-grid__item--span-6 {
  grid-column: span 2;
}
.global-grid__item--span-8 {
  grid-column: span 8;
}
.global-grid__item--span-9 {
  grid-column: span 9;
}
.global-grid__item--span-8 {
  grid-column: span 8;
}
.global-grid__item--span-9 {
  grid-column: span 9;
}
.global-grid__item--span-10 {
  grid-column: span 10;
}
.global-grid__item--span-11 {
  grid-column: span 11;
}
.global-grid__flex .global-grid__item {
  display: flex;
  flex-direction: column;
}
.global-grid__flex .global-grid__item.global-grid__item--flex-row {
  flex-direction: row;
}
.global-grid__flex--row .global-grid__item {
  display: flex;
  flex-direction: row;
}
.global-grid__flex--position-last-bottom {
  margin-top: auto;
}
.global-grid__gap-none {
  gap: 0;
}
.global-grid__gap-three {
  gap: 3 !important;
}
.global-grid__gap-xsmall {
  gap: 5px;
}
.global-grid__gap-small {
  gap: 10px;
}
.global-grid__gap-default {
  gap: 18px;
}
.global-grid__gap-medium {
  gap: 20px;
}
.global-grid__gap-large {
  gap: 25px;
}
.global-grid__gap-xlarge {
  gap: 30px;
}

/* ---------------------------------------------------------------------------------------------------------------------
 *
 * Name         .dConcertina
 *
 * Description  .generic, flexible show and hide
 * Requires     .jQuery
 * Gotchas      .
 * Todos        .
 */
.conc-content {
  display: none;
}

.conc-trigger {
  cursor: pointer;
}

.conc-trigger .active-message {
  display: none;
}

.conc-trigger .inactive-message {
  display: inline;
}

.conc-active .active-message {
  display: inline;
}

.conc-active .inactive-message {
  display: none;
}

.conc-trigger .active-message,
.conc-trigger .inactive-message {
  color: var(--color-info);
  padding: 0 0 0 7px;
}

.conc-scope .inactive-message {
  display: inline-block;
}

.conc-active .active-message {
  display: inline-block;
}

.conc-active .inactive-message {
  display: none;
}

.conc-trigger-active .active-message {
  display: inline;
}

.conc-trigger-active .inactive-message {
  display: none;
}

.conc-trigger:not(.conc-trigger-active) .inactive-message {
  display: inline;
}

.conc-trigger:not(.conc-trigger-active) .active-message {
  display: none;
}

.conc-list {
  margin-left: 0;
  list-style: none outside;
}
.conc-list .conc-trigger {
  color: var(--color-text);
}
.conc-list ul {
  list-style: disc outside;
}

/* Set trigger width for triggers that are buttons */
.full-width-trigger {
  width: 100%;
}

.flex-vid__outer {
  max-width: 1280px;
  width: 100%;
  transition: 0.1s ease-in;
}

.flex-vid__wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  cursor: pointer;
  margin: 0 auto;
  border-radius: 10px;
  overflow: hidden;
  transition: 0.1s ease-out;
  background: white !important;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.flex-vid__wrapper:hover,
.flex-vid__wrapper:focus {
  filter: saturate(105%) brightness(1.1);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.flex-vid {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  outline-color: black;
  z-index: 5;
  background: white;
}

.flex-vid__icon {
  display: none;
}

[data-js=true] .flex-vid__icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  z-index: 10;
  transition: 0.3s ease-out;
  cursor: pointer;
}

[data-playing="1"] .flex-vid__icon {
  display: none;
}

.flex-vid__wrapper:hover .flex-vid__icon,
.flex-vid__wrapper:focus .flex-vid__icon {
  width: 110px;
  height: 110px;
  transition: 0.1s ease-in;
}

.flex-vid__wrapper:hover .flex-vid__icon__circle,
.flex-vid__wrapper:focus .flex-vid__icon__circle {
  transition: 0.2s;
  fill: var(--charanga-green);
}

.media-background {
  background-color: #fff;
  display: table;
  width: 100%;
}

.media-background__img,
.media-background__text {
  display: table-cell;
  vertical-align: top;
}

.media-background__img-brace {
  width: 150px;
}

.media-background__text {
  width: 100%;
}

.media-background__img img {
  width: 100%;
  box-sizing: border-box;
}

.media-background__starter-units-for-first-access-and-group-tuition,
.media-background__starter-modules-for-first-access-and-group-tuition {
  background-color: var(--green);
}

.media-background__music-explorer {
  background-color: #97B838;
}

.media-background__beginner-pieces {
  background: #E6CB2B;
}

.media-background__more-advanced-pieces,
.media-background__advanced-pieces {
  background-color: #E69D2B;
}

.media-background__ensembles {
  background-color: #DA5068;
}

.media-background__sing-and-play,
.media-background__songs {
  background: #E67EB1;
}

.media-background__musical-activities {
  background-color: #7CCDD6;
}

.media-background__my-lessons, .media-background__my-uploaded-resources {
  background-color: #AF5EA1;
}

.media-background__text {
  background-color: #fff;
  padding-bottom: 10px;
  min-height: 140px;
}

.media-background__pieces,
.media-background__classic-pieces {
  background-image: url("/images/music-pro-2015/instrument-home-page/classic-pieces.jpg");
}

.media-background__music-medals {
  background-image: url("/images/music-pro-2015/instrument-home-page/music-medals.jpg");
}

.media-background__inspira {
  background-image: url("/images/music-pro-2015/instrument-home-page/inspira.jpg");
}

.media-background__inspira-pops {
  background-image: url("/images/music-pro-2015/instrument-home-page/inspira-pops.jpg");
}

.media-background__music-world,
.media-background__charanga-music-world {
  background-image: url(/images/music-pro-2015/instrument-home-page/charanga-music-world.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  background-color: #31490f;
}

.media-background__supplementary-content {
  background-image: url("/images/music-pro-2015/instrument-home-page/supplementary-content.jpg");
  background-position: left center;
}

.media-background__collaborations {
  background-image: url("/images/music-pro-2015/instrument-home-page/collaborations.jpg");
  background-position: left center;
}

.media-background__ukulele-course {
  background-image: url("/images/music-pro-2015/instrument-home-page/music-coach-modules__ukulele-course.jpg");
  background-position: left center;
}

.media-background__music-coach-modules.media-background__for-keyboard {
  background-image: url("/images/music-pro-2015/instrument-home-page/music-coach-modules__for-keyboard.jpg");
  background-position: left center;
}

.media-background__music-coach-modules.media-background__for-classical-guitar {
  background-image: url("/images/music-pro-2015/instrument-home-page/music-coach-modules__for-classical-guitar.jpg");
  background-position: left center;
}

.media-background__music-coach-module.media-background__for-electric-guitar {
  background-image: url("/images/music-pro-2015/instrument-home-page/music-coach-modules__for-electric-guitar.jpg");
  background-position: left center;
}

.media-background__student-pack.media-background__for-classical-guitar {
  background-image: url("/images/music-pro-2015/instrument-home-page/student-pack__for-classical-guitar.jpg");
  background-position: left center;
}

.media-background__double-bass.media-background__for-double-bass {
  background-image: url("/images/music-pro-2015/instrument-home-page/double-bass__for-double-bass.jpg");
  background-position: left center;
}

body {
  /* the norm */
}
body #gritter-notice-wrapper {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 301px;
  z-index: 9999;
}
body #gritter-notice-wrapper.top-left {
  left: 20px;
  right: auto;
}
body #gritter-notice-wrapper.bottom-right {
  top: auto;
  left: auto;
  bottom: 20px;
  right: 20px;
}
body #gritter-notice-wrapper.bottom-left {
  top: auto;
  right: auto;
  bottom: 20px;
  left: 20px;
}
body .gritter-item-wrapper {
  position: relative;
  margin: 0 0 10px 0;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.6);
  border: 1px solid #dfe8ed;
  padding: 0 30px 0 0;
}
body .gritter-top {
  background: none;
  height: 10px;
}
body .hover .gritter-top {
  background-position: right -30px;
}
body .gritter-bottom {
  background: none;
  height: 10px;
}
body .hover .gritter-bottom {
  background-position: bottom right;
}
body .gritter-item {
  display: block;
  background: none;
  color: #222;
  padding: 2px 11px 2px 11px;
  font-size: 11px;
  font-family: inherit;
}
body .hover .gritter-item {
  background-position: right -40px;
}
body .gritter-item p {
  padding: 0;
  margin: 0;
  word-wrap: break-word;
}
body .gritter-close {
  left: auto;
  display: block !important;
  top: 5px;
}
body .gritter-title {
  font-size: 14px;
  color: #222;
  padding: 0;
  display: block;
  text-shadow: inherit;
}
body .gritter-image {
  width: 48px;
  height: 48px;
  float: left;
}
body .gritter-with-image,
body .gritter-without-image {
  padding: 0 0 5px 0;
}
body .gritter-with-image {
  width: 220px;
  float: right;
}

.recessed-on-black {
  background: #000;
  padding: 0 10px;
  border-radius: 15px;
  box-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
}

.modal__body .modal__footer {
  margin: 0 -15px;
  position: relative;
  top: 15px;
}

.multi-select-checkboxes {
  max-height: 50vh;
  overflow: auto !important;
  padding-bottom: 10px;
  padding-top: 10px;
  margin-bottom: 5px;
  border-top: 1px solid #d1d2d2;
  border-bottom: 1px solid #d1d2d2;
}

.multi-select-checkboxes label {
  padding: 5px 0;
}

.multi-select-checkboxes__item {
  font-weight: 400;
}

#ft {
  background: transparent;
}

.menu-horizontal__item--footer {
  line-height: 20px;
  padding: 0 10px;
  border-radius: 10px;
  background: #000;
}

.release-info {
  font-size: 0.8em;
  float: right !important;
  margin-left: 10px;
  color: var(--color-info);
}

/*

  NAV PRIMARY

======================================================*/
.product-logo {
  margin: 10px 0 0;
  height: auto;
}

.logged-out .product-logo {
  display: none;
}

.ms-logo--masthead {
  display: none;
  border-radius: 3px;
  background: #fff;
  padding: 0 10px;
  /* Good Vibes Music Academy */
}
.ms-logo--masthead.ms-logo--id-154 {
  background: none;
  padding: 0;
}
.ms-logo--masthead.mv10.ms-logo--id-294 {
  background: transparent !important;
  padding: 0 !important;
}

body.home .ms-logo--masthead,
body.logged-out .ms-logo--masthead {
  display: inline-block;
}

#hd .global-search {
  width: 148px;
  margin: 5px 5px 15px 0;
}

#hd .global-search__button {
  position: relative;
  left: -2px;
  padding-top: 6px;
  border: 0 none;
  background: var(--charanga-green);
  height: 30px !important;
  box-shadow: none;
}

#hd .global-search__field {
  transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  min-width: 165px;
  width: 100%;
  max-width: 270px;
  border: 0 none;
}

/*

  NAV PRIMARY

======================================================*/
.nav--primary {
  /* ul */
  /* ul > li */
  /* ul > li > a */
  /* INSTRUMENTS HOME */
  /* ul > li > a.current :hover */
  /* ul > li > .drop */
  /* ul > li > .drop > ul */
  /* ul > li > .drop > ul > li */
  /* ul > li > .drop > ul > li > a */
  /* ul > li > .drop > ul > li > ul */
  /* ul > li > .drop > ul > li > ul > li */
  /* ul > li > .drop > ul > li > ul > li > a */
}
.nav--primary .level-1 .drop-tab {
  text-transform: capitalize;
  color: #d2d7d6;
}
.nav--primary .level-1:hover .drop-tab,
.nav--primary .level-1 .drop-tab:focus, .nav--primary .level-1.current .drop-tab, .nav--primary .level-1.current .drop-tab:focus {
  color: #323636;
}
.nav--primary .drop-tabs {
  margin: 10px 0 0;
}
.nav--primary .level-1 {
  position: relative;
  margin-right: 3px;
}
.nav--primary .level-1.drop-full {
  position: static;
}
.nav--primary .drop-tab {
  height: 50px;
  border-style: solid;
  border-width: 1px;
  border-color: #555 #555 transparent !important;
  border-radius: 4px 4px 0 0;
  background-color: #292929;
  padding: 15px 10px 15px 44px;
  z-index: 1000;
  background-image: url(/images/danish-theme/nav-tab-sprite-30px.png);
  background-repeat: no-repeat;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  font-weight: 600;
  box-shadow: inset 0 -4px 1px rgba(0, 0, 0, 0.7);
  transition: opacity 0.25s ease 0.3s;
}
.nav--primary .drop-tab:hover, .nav--primary .drop-tab:focus {
  text-decoration: underline;
  position: relative;
}
.nav--primary .drop-tab .caret {
  display: none;
}
.nav--primary .drop-tab-home .drop-tab,
.nav--primary .digilearningmodules-65331 .drop-tab {
  color: transparent;
  background-position: 6px 9px;
  width: 44px;
  padding: 15px 0 !important;
  text-indent: -300px !important;
  overflow: hidden;
}
.nav--primary .drop-tab-home .drop-tab:hover, .nav--primary .drop-tab-home .drop-tab:focus,
.nav--primary .digilearningmodules-65331 .drop-tab:hover,
.nav--primary .digilearningmodules-65331 .drop-tab:focus {
  padding: 15px 0 !important;
}
.nav--primary .digilearningmodules-65331 .drop-tab {
  background-image: url(https://cdn.charanga.com/uploaded_images/0000/2580/saltire-icon.png) !important;
}
.nav--primary .drop-tab-folkeskole .drop-tab,
.nav--primary .digilearningmodules-67596 .drop-tab,
.nav--primary .digilearningmodules-67601 .drop-tab {
  background-position: 7px -40px;
}
.nav--primary .drop-tab-folkeskole .drop-tab .caret,
.nav--primary .digilearningmodules-67596 .drop-tab .caret,
.nav--primary .digilearningmodules-67601 .drop-tab .caret {
  border-top-color: var(--yellow);
}
.nav--primary .drop-tab-instruments .drop-tab,
.nav--primary .drop-tab-instrumental .drop-tab,
.nav--primary .drop-tab-musikskole .drop-tab {
  background-position: 7px -91px;
}
.nav--primary .drop-tab-instruments .drop-tab .caret,
.nav--primary .drop-tab-instrumental .drop-tab .caret,
.nav--primary .drop-tab-musikskole .drop-tab .caret {
  border-top-color: var(--green);
}
.nav--primary .drop-tab-forskole .drop-tab {
  background-position: 7px -891px;
  color: #eebdf3;
}
.nav--primary .drop-tab-music-world .drop-tab {
  background-position: 7px -141px;
}
.nav--primary .drop-tab-music-world .drop-tab .caret {
  border-top-color: #72a5e7;
}
.nav--primary .drop-tab-yumu .drop-tab {
  background-position: 7px -491px;
}
.nav--primary .drop-tab-band .drop-tab {
  background-position: 7px -541px;
}
.nav--primary .drop-tab-band .drop-tab .caret {
  border-top-color: #72a5e7;
}
.nav--primary .drop-tab-my-workspace {
  float: right;
}
.nav--primary .drop-tab-my-workspace .drop-tab {
  background-position: 7px -191px;
}
.nav--primary .drop-tab-my-workspace .drop-tab .caret {
  border-top-color: #ba89f5;
}
.nav--primary .drop-tab-units .drop-tab,
.nav--primary .drop-tab-scheme .drop-tab {
  background-position: 7px -341px;
}
.nav--primary .nav--primary .drop-tab-scheme .drop-tab .caret {
  border-top-color: var(--red);
}
.nav--primary .drop-tab-library .drop-tab,
.nav--primary .drop-tab-freestyle .drop-tab {
  background-position: 7px -391px;
}
.nav--primary .nav--primary .drop-tab-freestyle .drop-tab .caret {
  border-top-color: var(--dark-yellow);
}
.nav--primary .drop-tab-charanga-sing .drop-tab,
.nav--primary .drop-tab-song-centre .drop-tab {
  background-position: 7px -241px;
}
.nav--primary .drop-tab-song-centre .drop-tab .caret {
  border-top-color: var(--light-green);
}
.nav--primary .drop-tab-assessment .drop-tab .caret {
  border-top-color: #21C856;
}
.nav--primary .drop-tab-send .drop-tab {
  background-position: 7px -291px;
}
.nav--primary .drop-tab-send .drop-tab .caret {
  border-top-color: var(--light-blue);
}
.nav--primary .drop-tab-cmc .drop-tab {
  background-image: none;
  padding-left: 15px;
  padding-right: 15px;
}
.nav--primary .drop-tab-cmc .drop-tab:hover,
.nav--primary .drop-tab-cmc .drop-tab:focus {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.nav--primary .drop-tab-cmc .drop-tab .caret {
  border-top-color: #64A7FF;
}
.nav--primary.drop-tabs .drop-tab-music-world, .nav--primary.drop-tabs .drop-tab-yumu {
  float: right;
  margin-right: 0;
}
.nav--primary.drop-tabs .drop-tab-music-world > a, .nav--primary.drop-tabs .drop-tab-yumu > a {
  border-radius: 0;
}
.nav--primary .current .drop-tab,
.nav--primary .level-1:hover .drop-tab,
.nav--primary .level-1:focus .drop-tab,
.nav--primary .level-1.hover .drop-tab,
.nav--primary .level-1.focus .drop-tab,
.nav--primary .level-1:focus-within .drop-tab,
.nav--primary .level-1 .drop-tab:hover,
.nav--primary .level-1 .drop-tab:focus {
  background-color: #fff;
  border-color: #fff !important;
  box-shadow: none;
  transition: all 0.2s ease;
  color: var(--color-text);
  z-index: 6000;
}
.nav--primary .level-1:hover .drop-tab,
.nav--primary .level-1:focus .drop-tab {
  position: relative;
}
.nav--primary .level-1:hover .drop-tab .caret,
.nav--primary .level-1:focus .drop-tab .caret,
.nav--primary .level-1.hover .drop-tab .caret,
.nav--primary .level-1.focus .drop-tab .caret,
.nav--primary .level-1 .drop-tab:hover .caret,
.nav--primary .level-1 .drop-tab:focus .caret {
  transition: all 0.5s ease;
  transform: rotate(-90deg);
}
.nav--primary .drop {
  top: -2000px;
  padding: 10px;
  width: 100%;
  background: #fff;
  border-radius: 0 0 var(--border-radius-m) var(--border-radius-m);
  position: absolute;
  z-index: 5000;
  overflow: hidden;
  opacity: 0;
  box-shadow: 0 10px 12px rgba(0, 0, 0, 0.22);
  transition: top 0s linear 0.1s, opacity 0.1s ease;
}
.nav--primary .drop-full .drop {
  width: 990px;
  left: 0;
}
.nav--primary li.level-1.hover .drop,
.nav--primary li.level-1.focus .drop,
.nav--primary li.level-1:hover .drop,
.nav--primary li.level-1:focus .drop,
.nav--primary .drop:hover,
.nav--primary .drop:focus {
  top: 100%;
  opacity: 1;
  height: auto !important;
  overflow: hidden !important;
  transition: top 0s, opacity 0.2s ease;
}
.nav--primary .level-1:focus-within .drop {
  top: 50px;
  opacity: 1;
}
.nav--primary .drop-levels-3 .drop {
  padding: 20px 20px 30px;
}
.nav--primary .drop ul {
  margin: 0;
  padding: 0;
}
.nav--primary .drop li {
  position: relative;
}
.nav--primary .drop a {
  display: block;
  font-size: 15px;
  line-height: 1;
  padding: 7px 0 7px 10px;
  position: relative;
  color: var(--color-text);
}
.nav--primary .drop a:hover,
.nav--primary .drop a:focus {
  text-decoration: underline;
  color: var(--color-link-hover);
}
.nav--primary .drop a:before {
  content: " ";
  width: 0;
  height: 0;
  border-width: 4px;
  border-color: transparent;
  border-style: solid;
  position: absolute;
  top: 12px;
  left: 1px;
  border-left-color: #ccc;
}
.nav--primary .drop-tab-folkeskole .drop a:before {
  border-left-color: var(--yellow);
}
.nav--primary .drop-tab-musikskole .drop a:before {
  border-left-color: var(--green);
}
.nav--primary .drop-tab-music-world .drop a:before {
  border-left-color: var(--blue);
}
.nav--primary .drop-tab-my-workspace .drop a:before {
  border-left-color: var(--purple);
}
.nav--primary .drop-levels-2 .level-2,
.nav--primary .drop-levels-3 .level-3 {
  display: block;
  float: none;
}
.nav--primary .level-2-home-link,
.nav--primary .drop-levels-3 .level-2-home-link {
  display: none !important;
}
.nav--primary .drop-levels-3 .level-3-home-link {
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
}
.nav--primary .level-3-container .info {
  margin: 0 20px 10px 0;
  min-height: 40px;
}
.nav--primary .level-3 a span {
  font-size: inherit !important;
}

.drop__link-info,
a:hover .drop__link-info,
a:focus .drop__link-info {
  color: #849199;
  padding-top: 5px;
  text-decoration: none;
}

/*

 MUSIC PRO INSTRUMENTS TAB

======================================================*/
.digilearningmodules-6709 .l2-mod-container {
  width: 100%;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(7, 1fr);
}

.digilearningmodules-6709 .gu1of8 {
  width: auto;
}

.digilearningmodules-6709 .gu1of8:nth-child(1) {
  grid-area: 1/1/2/8;
}

.gu1of8:nth-child(2) {
  grid-area: 2/1/4/2;
}

.gu1of8:nth-child(3) {
  grid-area: 2/2/4/3;
}

.gu1of8:nth-child(4) {
  grid-area: 2/3/4/4;
}

.gu1of8:nth-child(5) {
  grid-area: 2/4/4/5;
}

.gu1of8:nth-child(6) {
  grid-area: 2/5/4/6;
}

.gu1of8:nth-child(7) {
  grid-area: 2/6/4/7;
}

.gu1of8:nth-child(8) {
  grid-area: 2/7/4/8;
}

.digilearningmodules-6709 .gu1of8:nth-child(1) .l3-mod-container {
  display: grid;
  gap: 0px;
  grid-template-columns: repeat(3, 1fr);
  padding-bottom: 15px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

.digilearningmodules-6709 .gu1of8:nth-child(1) .level-3-home-link {
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
  text-transform: capitalize;
  pointer-events: none;
  padding: 0 0 10px;
}

.digilearningmodules-6709 .gu1of8:nth-child(1) .level-3-home-link:before {
  display: none;
}

/*

 MUSIC SCHOOL INSTRUMENTS TAB

======================================================*/
.nav--primary {
  /* No longer needed
  ul[data-mod-number="1356623"].l2-mod-container,
  ul[data-mod-number="1378424"].l2-mod-container {
    .digilearningmodules-56530 {
      display: none;
    }
    .info__custom-schemes {
      margin-top: 20px;
    }
  }
  */
}
.nav--primary .digilearningmodules-14439.level-1 .level-3-container.gu1of2,
.nav--primary .digilearningmodules-78425.level-1 .level-3-container.gu1of2 {
  width: 100%;
}
.nav--primary .digilearningmodules-14439.level-1 .level-3-home-link,
.nav--primary .digilearningmodules-78425.level-1 .level-3-home-link {
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
  text-transform: capitalize;
  pointer-events: none;
  padding: 0 0 10px;
}
.nav--primary .digilearningmodules-14439.level-1 .level-3-home-link:before,
.nav--primary .digilearningmodules-78425.level-1 .level-3-home-link:before {
  display: none;
}
.nav--primary .digilearningmodules-14439.level-1 .l3-mod-container,
.nav--primary .digilearningmodules-78425.level-1 .l3-mod-container {
  width: 100%;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, 1fr);
}
.nav--primary .digilearningmodules-14439.level-1 .l3-mod-container .level-3__text,
.nav--primary .digilearningmodules-78425.level-1 .l3-mod-container .level-3__text {
  font-weight: bold;
}
.nav--primary .digilearningmodules-14439.level-1 .l3-mod-container a:before,
.nav--primary .digilearningmodules-78425.level-1 .l3-mod-container a:before {
  border-left-color: #38b84d;
}
.nav--primary .digilearningmodules-14439.level-1 .digilearningmodules-69791,
.nav--primary .digilearningmodules-78425.level-1 .digilearningmodules-69791 {
  margin-top: 30px;
  width: 100%;
  margin-left: 0;
}
.nav--primary .digilearningmodules-14439.level-1 .digilearningmodules-69791.gu1of2,
.nav--primary .digilearningmodules-78425.level-1 .digilearningmodules-69791.gu1of2 {
  margin-left: 0;
}
.nav--primary .digilearningmodules-14439.level-1 .digilearningmodules-69791 .level-3-home-link,
.nav--primary .digilearningmodules-78425.level-1 .digilearningmodules-69791 .level-3-home-link {
  padding-top: 20px;
  margin-bottom: 10px;
}
.nav--primary .digilearningmodules-14439.level-1 .digilearningmodules-69791 .l3-mod-container,
.nav--primary .digilearningmodules-78425.level-1 .digilearningmodules-69791 .l3-mod-container {
  display: block;
}
.nav--primary .digilearningmodules-14439.level-1 .digilearningmodules-69791 .l3-mod-container .level-3 ul,
.nav--primary .digilearningmodules-78425.level-1 .digilearningmodules-69791 .l3-mod-container .level-3 ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 0;
}
.nav--primary .digilearningmodules-14439.level-1 .digilearningmodules-70410 .l3-mod-container,
.nav--primary .digilearningmodules-78425.level-1 .digilearningmodules-70410 .l3-mod-container {
  display: block;
}
.nav--primary .digilearningmodules-14439.level-1 .digilearningmodules-68527,
.nav--primary .digilearningmodules-78425.level-1 .digilearningmodules-68527 {
  width: 56%;
}
.nav--primary .digilearningmodules-14439.level-1 .digilearningmodules-70410 p,
.nav--primary .digilearningmodules-78425.level-1 .digilearningmodules-70410 p {
  display: none;
}
.nav--primary .digilearningmodules-14439.level-1 .digilearningmodules-70410,
.nav--primary .digilearningmodules-14439.level-1 .digilearningmodules-75814,
.nav--primary .digilearningmodules-78425.level-1 .digilearningmodules-70410,
.nav--primary .digilearningmodules-78425.level-1 .digilearningmodules-75814 {
  width: 18.75%;
}
.nav--primary .digilearningmodules-14439.level-1 .digilearningmodules-75814 p,
.nav--primary .digilearningmodules-78425.level-1 .digilearningmodules-75814 p {
  display: none;
}
.nav--primary .digilearningmodules-14439.level-1 .digilearningmodules-75814 .l3-mod-container,
.nav--primary .digilearningmodules-78425.level-1 .digilearningmodules-75814 .l3-mod-container {
  grid-template-columns: repeat(1, 1fr);
}
.nav--primary .digilearningmodules-14439.level-1 .digilearningmodules-68527 .level-3-home-link,
.nav--primary .digilearningmodules-14439.level-1 .digilearningmodules-70410 .level-3-home-link,
.nav--primary .digilearningmodules-78425.level-1 .digilearningmodules-68527 .level-3-home-link,
.nav--primary .digilearningmodules-78425.level-1 .digilearningmodules-70410 .level-3-home-link {
  padding-bottom: 15px;
  border-bottom: 0;
  position: relative;
  top: 16px;
}
.nav--primary .digilearningmodules-14439.level-1 .digilearningmodules-68527 .level-3-home,
.nav--primary .digilearningmodules-14439.level-1 .digilearningmodules-70410 .level-3-home,
.nav--primary .digilearningmodules-78425.level-1 .digilearningmodules-68527 .level-3-home,
.nav--primary .digilearningmodules-78425.level-1 .digilearningmodules-70410 .level-3-home {
  border-bottom: 1px solid #ddd;
  margin-bottom: 11px;
}
.nav--primary .drop-levels-3 .level-3.digilearningmodules-68551 {
  height: 98px;
  grid-column: 3/3;
  grid-row: 1;
}
.nav--primary .drop-levels-3 .level-3.digilearningmodules-68554 {
  align-self: center;
  grid-column: 4/3;
  grid-row: 1;
  margin-top: 53px;
}
.nav--primary .drop-tab-scheme .level-3-container .info,
.nav--primary .digilearningmodules-78424 .level-3-container .info {
  min-height: 20px;
}

/*

  NAV SECONDARY

======================================================*/
.nav--secondary {
  position: absolute;
  right: 0;
  top: 5px;
}
.nav--secondary #ferret_status_small {
  top: 10px !important;
}

.nav--secondary-link {
  color: #BBB;
  font-weight: 700;
  line-height: 20px;
  padding: 5px 10px;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  text-transform: uppercase;
  letter-spacing: 0.3px;
  font-size: 0.9em;
}

.nav--secondary-link:hover,
.nav--secondary-link:focus,
.nav--secondary-link.current,
.nav--secondary-link.is-current,
.nav--secondary .dropdown.is-active .dropdown-toggle {
  color: #fff;
}

.product-cmsec .nav--primary .drop-tab {
  background-image: none;
  padding: 9px 10px;
  color: #d2d7d6;
  display: flex;
  font-size: 14px;
  line-height: 1.1;
  text-transform: capitalize;
  letter-spacing: 0.4px;
}

.product-cmsec .nav--primary .level-1.current .drop-tab {
  color: #000;
}

.product-cmsec .nav--primary .level-1.digilearningmodules-56083 {
  max-width: 154px;
}
.product-cmsec .nav--primary .level-1.digilearningmodules-56083 .level-1-link {
  padding-left: 40px;
}

.product-cmsec .nav--primary .level-1.digilearningmodules-56081 {
  width: 115px;
}
.product-cmsec .nav--primary .level-1.digilearningmodules-56081 .level-1-link {
  padding-left: 40px;
}

.product-cmsec .nav--primary .level-1.digilearningmodules-57929 {
  width: 93px;
}

.product-cmsec .nav--primary .level-1.digilearningmodules-57930 {
  width: 119px;
}

.product-cmsec .nav--primary .level-1.digilearningmodules-56082 {
  width: 125px;
}
.product-cmsec .nav--primary .level-1.digilearningmodules-56082 .level-1-link {
  padding-left: 40px;
}

.product-cmsec .nav--primary .drop-tab-my-workspace {
  width: 95px;
}

.level-1.digilearningmodules-56081 .level-1-link:before,
.level-1.digilearningmodules-56082 .level-1-link:before,
.level-1.digilearningmodules-56083 .level-1-link:before {
  content: "";
  display: block;
  border-radius: 15px;
  width: 31px !important;
  height: 31px !important;
  margin-right: 4px;
  position: absolute;
  left: 5px;
  background-size: cover;
}

.level-1.digilearningmodules-56081 .level-1-link:before {
  background-image: url("/images/2021/mdl-temp.png");
}

/*
.level-1.digilearningmodules-56082 .level-1-link:before {
  background-image: url('/images/2021/vip-temp.png');
}*/
.level-1.digilearningmodules-56083 .level-1-link:before {
  background-image: url("/images/2021/mmw-temp.png");
}

.product-cmsec .nav--primary .level-1:not(.drop-tab-my-workspace) .drop {
  display: none;
}

.product-cmsec .nav--primary .drop-tab-home .drop-tab {
  background-image: url("/images/2021/c-icon--home--white.svg");
  background-position: 10px 13px;
}

.product-cmsec .nav--primary .drop-tab-home.current .drop-tab,
.product-cmsec .nav--primary .drop-tab-home .drop-tab:hover {
  background-image: url("/images/2021/c-icon--home.svg");
}

/*
.product-cmsec .digilearningmodules-56082 .drop-tab {
  padding: 9px 8px 15px 44px;
  color: #d2d7d6;
}
  */
/*

  FOR SKIP LINK

======================================================*/
.screen-reader-text {
  position: fixed !important;
  _position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
.screen-reader-text:focus, .screen-reader-text.focusable:active, .screen-reader-text.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  z-index: 99999;
  background: #fff;
  color: #000;
  width: auto;
}

/*

  CESKO 2022 TABS

======================================================*/
.product-cmi-cz .nav--primary .drop-tab {
  text-transform: uppercase;
}
.product-cmi-cz .nav--primary .drop-tab-scheme .drop-tab {
  background-position: 4px;
  background-repeat: no-repeat;
  background-size: 34px;
  color: #bca400;
  background-image: url("/images/cesko-2022/Ikona_Studijni_plany@2x.png");
}
.product-cmi-cz .nav--primary .drop-tab-home .drop-tab {
  background-image: url("/images/cesko-2022/Ikona_Home@2x.png");
  background-repeat: no-repeat;
  background-size: 34px;
  background-position: center center;
}
.product-cmi-cz .nav--primary .digilearningmodules-63428 .drop-tab {
  color: #ff5950;
  background-image: url("/images/cesko-2022/Ikona Hudebni aplikace@2x.png");
  background-position: 4px;
  background-repeat: no-repeat;
  background-size: 34px;
}
.product-cmi-cz .nav--primary .digilearningmodules-6709 .drop-tab {
  color: #38b84d;
  background-image: url("/images/cesko-2022/Ikona Nastrojova hra@2x.png");
  background-position: 4px;
  background-repeat: no-repeat;
  background-size: 34px;
}
.product-cmi-cz .nav--primary .digilearningmodules-15757 .drop-tab {
  color: #ffb700;
  background-image: url("/images/cesko-2022/Ikona Souborova hra@2x.png");
  background-position: 4px;
  background-repeat: no-repeat;
  background-size: 34px;
}
.product-cmi-cz .nav--primary .digilearningmodules-63431 .drop-tab {
  color: #b8ea86;
  background-image: url("/images/cesko-2022/Ikona_Yustudio@2x.png");
  background-position: 4px;
  background-repeat: no-repeat;
  background-size: 34px;
}
.product-cmi-cz .nav--primary .drop-tab-my-workspace .drop-tab {
  background-image: url("/images/cesko-2022/Ikona Muj pracovni prostor@2x.png");
  background-position: 4px;
  background-repeat: no-repeat;
  background-size: 34px;
}

.current-locale-cz .nav--primary .drop-tab {
  font-size: 13px;
}

.product-7438 .nav--primary .level-1 .drop-tab {
  text-transform: capitalize;
  color: #d2d7d6;
}
.product-7438 .nav--primary .level-1:hover .drop-tab,
.product-7438 .nav--primary .level-1 .drop-tab:focus, .product-7438 .nav--primary .level-1.current .drop-tab, .product-7438 .nav--primary .level-1.current .drop-tab:focus {
  color: #323636;
}
.product-7438 .nav--primary .digilearningmodules-67599 .drop-tab {
  background-image: url("/images/nav-icons/secondary@2x.png");
  background-position: 4px;
  background-repeat: no-repeat;
  background-size: 32px;
}

.product-5575 .nav--primary .level-1 .drop-tab {
  text-transform: capitalize;
  color: #d2d7d6;
}
.product-5575 .nav--primary .level-1:hover .drop-tab,
.product-5575 .nav--primary .level-1 .drop-tab:focus, .product-5575 .nav--primary .level-1.current .drop-tab, .product-5575 .nav--primary .level-1.current .drop-tab:focus {
  color: #323636;
}
.product-5575 .nav--primary .digilearningmodules-67597 .drop-tab {
  background-image: url("/images/nav-icons/secondary@2x.png");
  background-position: 4px;
  background-repeat: no-repeat;
  background-size: 32px;
}

.product-2608 .nav--primary .level-1 .drop-tab {
  text-transform: capitalize;
  color: #d2d7d6;
}
.product-2608 .nav--primary .level-1:hover .drop-tab,
.product-2608 .nav--primary .level-1 .drop-tab:focus, .product-2608 .nav--primary .level-1.current .drop-tab, .product-2608 .nav--primary .level-1.current .drop-tab:focus {
  color: #323636;
}
.product-2608 .nav--primary .digilearningmodules-67602 .drop-tab {
  background-image: url("/images/nav-icons/secondary@2x.png");
  background-position: 4px;
  background-repeat: no-repeat;
  background-size: 32px;
}

.nav--primary .drop-tab-scheme .level-3-container .info {
  min-height: 20px;
}
.nav--primary .drop-tab-scheme .level-3-container .info.info__custom-schemes {
  margin-top: 20px;
}

.product-code-CMSCY2 .nav--primary {
  /* First experiences */
}
.product-code-CMSCY2 .nav--primary .level-1 .drop-tab {
  text-transform: capitalize;
  color: #d2d7d6;
}
.product-code-CMSCY2 .nav--primary .level-1:hover .drop-tab,
.product-code-CMSCY2 .nav--primary .level-1 .drop-tab:focus, .product-code-CMSCY2 .nav--primary .level-1.current .drop-tab, .product-code-CMSCY2 .nav--primary .level-1.current .drop-tab:focus {
  color: #323636;
}
.product-code-CMSCY2 .nav--primary .digilearningmodules-75550 .drop-tab {
  background-position: 7px -40px;
}
.product-code-CMSCY2 .nav--primary .digilearningmodules-75551 .drop-tab {
  background-position: 7px -341px;
}
.product-code-CMSCY2 .nav--primary .digilearningmodules-63047 .drop-tab {
  padding-top: 17px;
}

.product-cmscy .nav--primary {
  /*
  .digilearningmodules-78951 .drop-tab {
    background-image: url("https://cdn.charanga.com/uploaded_images/0000/3380/UrdIcond@2x.png") !important;
    background-repeat: no-repeat;
    background-size: 33px auto;
    background-position: 7px 6px;
    max-width: 150px;
  }
  .digilearningmodules-84749 .drop-tab {
    background-image: url("/images/nav-icons/curriculum-for-wales-resources-icon.png") !important;
    background-repeat: no-repeat;
    background-size: 30px auto;
    background-position: 7px 10px;
    max-width: 186px;
  } */
  /* Another new Cymru 3  Menu */
}
.product-cmscy .nav--primary .digilearningmodules-87080 .drop-tab,
.product-cmscy .nav--primary .digilearningmodules-86016 .drop-tab,
.product-cmscy .nav--primary .digilearningmodules-87017 .drop-tab,
.product-cmscy .nav--primary .digilearningmodules-84749 .drop-tab,
.product-cmscy .nav--primary .digilearningmodules-85450 .drop-tab,
.product-cmscy .nav--primary .digilearningmodules-85347 .drop-tab,
.product-cmscy .nav--primary .digilearningmodules-85249 .drop-tab {
  background-size: 30px;
  background-position: 8px;
}
.product-cmscy .nav--primary .digilearningmodules-87080 .drop-tab {
  background-image: url("/uploaded_images/0000/3947/cymru3-warm-up@2x.png") !important;
}
.product-cmscy .nav--primary .digilearningmodules-86016 .drop-tab {
  background-image: url("/uploaded_images/0000/3948/cymru3-instruments@2x.png") !important;
  padding-top: 17px;
}
.product-cmscy .nav--primary .digilearningmodules-87017 .drop-tab {
  background-image: url("/uploaded_images/0000/3949/cymru3-playing-together@2x.png") !important;
}
.product-cmscy .nav--primary .digilearningmodules-84749 .drop-tab {
  background-image: url("/uploaded_images/0000/3950/cymru3-curric-units@2x.png") !important;
}
.product-cmscy .nav--primary .digilearningmodules-85450 .drop-tab {
  background-image: url("/uploaded_images/0000/3951/cymru3-curric-builder@2x.png") !important;
}
.product-cmscy .nav--primary .drop-tab-urdd .drop-tab {
  background-image: url("https://cdn.charanga.com/uploaded_images/0000/3954/cymru3-urdd@2x.png") !important;
  background-size: 30px;
  background-position: 8px;
  max-width: 125px;
}
.product-cmscy .nav--primary .digilearningmodules-85249 .drop-tab {
  background-image: url("/uploaded_images/0000/3955/cymru3-partnerships@2x.png") !important;
}

body[class*=current-locale-cy] .nav--primary .digilearningmodules-90386 .drop-tab {
  max-width: 121px;
}

.product-cmscy .nav--primary .level-1--playing-together,
.product-cmscy .nav--primary .digilearningmodules-87017 {
  max-width: 110px;
}

.product-cmscy .nav--primary .digilearningmodules-87080 .drop-tab {
  padding-top: 17px;
}

body[class*=current-locale-cy] .nav--primary .digilearningmodules-87080 .drop-tab {
  padding-right: 4px;
}
body[class*=current-locale-cy] .nav--primary .drop-tab {
  max-width: 148px;
}
body[class*=current-locale-cy] .nav--primary .digilearningmodules-86016 .drop-tab {
  max-width: 124px;
}
body[class*=current-locale-cy] .nav--primary .digilearningmodules-85347 .drop-tab {
  max-width: 121px;
}
body[class*=current-locale-cy] .nav--primary .digilearningmodules-85345 .drop-tab {
  max-width: 120px;
}
body[class*=current-locale-cy] .nav--primary .digilearningmodules-85450 .drop-tab {
  max-width: 123px;
}
body[class*=current-locale-cy] .nav--primary .digilearningmodules-84749 .drop-tab {
  max-width: 185px;
}

.product-cmscy .digilearningmodules-85346 .drop-tab {
  padding-top: 18px;
}
.product-cmscy .digilearningmodules-85347 .drop-tab {
  max-width: 125px;
}

body[class*=current-locale-en] .digilearningmodules-85345 .drop-tab {
  max-width: 135px;
}
body[class*=current-locale-en] .digilearningmodules-84749 .drop-tab {
  max-width: 170px;
}
body[class*=current-locale-en] .digilearningmodules-85450 .drop-tab {
  max-width: 125px;
}
body[class*=current-locale-en] .digilearningmodules-85249 .drop-tab {
  max-width: 140px;
}
body[class*=current-locale-en] .digilearningmodules-85347 .drop-tab {
  max-width: 125px;
}

.nav--primary .drop p:empty {
  display: none;
}

.product-cmscy .drop p,
.product-cmscy .drop .level-3-home ul {
  display: none !important;
}

.product-cmscy .nav--primary .drop-tab {
  color: #d2d7d6;
  text-transform: initial;
  display: flex;
  letter-spacing: 0.6px;
  max-width: 150px;
  padding-top: 10px;
  line-height: 1;
  font-weight: 400;
}

.product-cmscy .nav--primary .level-1.current .drop-tab {
  color: #000;
}
.product-cmscy.ui-theme-dark .nav--primary .level-1.current .drop-tab {
  color: #fff;
}

.digilearningmodules-63047 .drop-tab {
  background-position: 7px -91px;
}

.digilearningmodules-63048 .drop-tab {
  background-position: 7px -991px;
}

.digilearningmodules-64370 .drop-tab {
  background-position: 7px -941px;
}

.digilearningmodules-67979 .drop-tab, .digilearningmodules-63050 .drop-tab {
  background-position: 7px -841px;
}

.digilearningmodules-67975 .drop-tab, .digilearningmodules-64362 .drop-tab {
  background-position: 7px -1041px;
}

.digilearningmodules-67976 .drop-tab, .digilearningmodules-64363 .drop-tab {
  background-position: 7px -1091px;
}

.digilearningmodules-67977 .drop-tab, .digilearningmodules-64364 .drop-tab {
  background-position: 7px -1141px;
}

.digilearningmodules-67978 .drop-tab, .digilearningmodules-64365 .drop-tab {
  background-position: 7px -1191px;
}

.digilearningmodules-64362 .drop,
.digilearningmodules-64363 .drop,
.digilearningmodules-64364 .drop,
.digilearningmodules-64365 .drop,
.product-cmscy .drop-tab-my-workspace,
.digilearningmodules-64370 {
  display: none;
}

/* Wales instruments menu */
.product-cmscy .digilearningmodules-86016 .l2-mod-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.product-cmscy .digilearningmodules-86016 .l2-mod-container.line:before {
  display: none;
}
.product-cmscy .digilearningmodules-86016 .l2-mod-container .gu1of8 {
  width: auto !important;
  grid-area: inherit !important;
}
.product-cmscy .digilearningmodules-86016 .l2-mod-container .gu1of8:nth-child(3) {
  grid-column: 3/3 !important;
  grid-row: 1 !important;
  margin-top: -2px;
}
.product-cmscy .digilearningmodules-86016 .l2-mod-container .gu1of8:nth-child(4) {
  grid-column: 3/4 !important;
  grid-row: 1 !important;
  margin-top: 139px;
}
.product-cmscy .digilearningmodules-86016 .l2-mod-container .gu1of8:nth-child(5) {
  grid-column: 3/5 !important;
  grid-row: 1 !important;
  margin-top: 217px;
}
.product-cmscy .digilearningmodules-86016 .l2-mod-container .gu1of8:nth-child(6) {
  grid-column: 3/6 !important;
  grid-row: 1 !important;
  margin-top: 354px;
}
.product-cmscy .digilearningmodules-86016 .l2-mod-container .gu1of8:nth-child(7) {
  grid-column: 4/4 !important;
  grid-row: 1 !important;
}
.product-cmscy .digilearningmodules-86016 .l2-mod-container .gu1of8:nth-child(8) {
  grid-column: 4/5 !important;
  grid-row: 1 !important;
  margin-top: 286px;
}

.product-code-CMS-SC .nav--primary .level-1 .drop-tab {
  text-transform: capitalize;
  color: #d2d7d6;
}
.product-code-CMS-SC .nav--primary .level-1:hover .drop-tab,
.product-code-CMS-SC .nav--primary .level-1 .drop-tab:focus, .product-code-CMS-SC .nav--primary .level-1.current .drop-tab, .product-code-CMS-SC .nav--primary .level-1.current .drop-tab:focus {
  color: #323636;
}
.product-code-CMS-SC .nav--primary a.level-1-link.drop-tab,
.product-code-CMS-SC .nav--primary a.level-1-link.drop-tab span {
  letter-spacing: 0.5px;
}
.product-code-CMS-SC .nav--primary .digilearningmodules-78427 .drop-tab {
  background-image: url("/uploaded_images/0000/3208/YuStudio-Devive-Only-Unit-x2.png") !important;
  background-position: 10px;
  background-size: 30px;
  padding-left: 50px;
}
.product-code-CMS-SC .nav--primary .digilearningmodules-78437 .drop-tab {
  background-image: url("/images/nav-icons/RSNO@2x.png") !important;
  background-position: 10px;
  background-size: 30px;
  padding-left: 50px;
}
.product-code-CMS-SC.ui-theme-dark .nav--primary .level-1.current .drop-tab {
  color: #fff;
}

#hd .drop-tabs .digilearningmodules-68712 .drop-tab,
#hd .drop-tabs .digilearningmodules-67336 .drop-tab,
#hd .drop-tabs .drop-tab-yustudio .drop-tab,
#hd .drop-tabs .digilearningmodules-81745 .drop-tab {
  background-image: url(https://cdn.charanga.com/uploaded_images/0000/2675/YuStudio-Devive-Only-Unit-x2.png);
  background-position: 10px;
  background-size: 33px;
  padding-left: 50px;
}

.product-code-MFE .header-section__middle .input-group--search.global-search {
  z-index: 1;
}

#hd .drop-tabs .digilearningmodules-85488 .drop-tab {
  background-image: url("/images/nav-icons/inclusive-pracice-icon@2x.png");
  background-position: 10px;
  background-size: 33px;
  padding-left: 50px;
}

.product-cmp .level-3-home,
.product-cmp25 .level-3-home {
  color: #757575;
}
.product-cmp #hd .drop-tabs .drop-tab-yustudio .drop-tab,
.product-cmp25 #hd .drop-tabs .drop-tab-yustudio .drop-tab {
  text-transform: none;
}
.product-cmp .digilearningmodules-84087 .l2-mod-container,
.product-cmp25 .digilearningmodules-84087 .l2-mod-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.product-cmp .digilearningmodules-84087 .l2-mod-container.line:before,
.product-cmp25 .digilearningmodules-84087 .l2-mod-container.line:before {
  display: none;
}
.product-cmp .digilearningmodules-84087 .l2-mod-container .gu1of8,
.product-cmp25 .digilearningmodules-84087 .l2-mod-container .gu1of8 {
  width: auto !important;
  grid-area: inherit !important;
}
.product-cmp .digilearningmodules-84087 .l2-mod-container .gu1of8:nth-child(3),
.product-cmp25 .digilearningmodules-84087 .l2-mod-container .gu1of8:nth-child(3) {
  grid-column: 3/3 !important;
  grid-row: 1 !important;
}
.product-cmp .digilearningmodules-84087 .l2-mod-container .gu1of8:nth-child(4),
.product-cmp25 .digilearningmodules-84087 .l2-mod-container .gu1of8:nth-child(4) {
  grid-column: 3/4 !important;
  grid-row: 1 !important;
  margin-top: 139px;
}
.product-cmp .digilearningmodules-84087 .l2-mod-container .gu1of8:nth-child(5),
.product-cmp25 .digilearningmodules-84087 .l2-mod-container .gu1of8:nth-child(5) {
  grid-column: 3/5 !important;
  grid-row: 1 !important;
  margin-top: 217px;
}
.product-cmp .digilearningmodules-84087 .l2-mod-container .gu1of8:nth-child(6),
.product-cmp25 .digilearningmodules-84087 .l2-mod-container .gu1of8:nth-child(6) {
  grid-column: 3/6 !important;
  grid-row: 1 !important;
  margin-top: 354px;
}
.product-cmp .digilearningmodules-84087 .l2-mod-container .gu1of8:nth-child(7),
.product-cmp25 .digilearningmodules-84087 .l2-mod-container .gu1of8:nth-child(7) {
  grid-column: 3/5 !important;
  grid-row: 1 !important;
  margin-top: 494px;
}
.product-cmp .digilearningmodules-84087 .l2-mod-container .gu1of8:nth-child(8),
.product-cmp25 .digilearningmodules-84087 .l2-mod-container .gu1of8:nth-child(8) {
  grid-column: 4/4 !important;
  grid-row: 1 !important;
}

/* .product-cms-ind {
    .nav--primary {
      .digilearningmodules-81743 {
        .level-3-home  {
          p {
            display: none;
          }
        }
      }
      .drop-tab-mecla {
        .drop-tab {
          color: #d2d7d6;
        }
        &:hover {
          .drop-tab {
            color: #323636;
          }
        }
      }
  }
  &.ui-theme-dark {
    .nav--primary .drop-tab-mecla:hover .drop-tab {
      color: #fff;
    }
  }
} */
@media (forced-colors: active) {
  input::-moz-placeholder {
    color: var(--forced-color-disabled-text);
  }
  input::placeholder {
    color: var(--forced-color-disabled-text);
  }
}
@media (prefers-color-scheme: light) and (forced-colors: active) {
  body.showing-product-tabs .page-hd__combined--product {
    border-color: var(--forced-light-colour-blue) !important;
    background-color: transparent !important;
    forced-color-adjust: none;
  }
  body.showing-product-tabs .page-hd__combined--product.product-selected, body.showing-product-tabs .page-hd__combined--product:hover {
    border-color: transparent !important;
    background: #fff !important;
    forced-color-adjust: none;
  }
  body.showing-product-tabs .page-hd__combined--product .product-logo {
    opacity: 1;
  }
  body.showing-product-tabs .page-hd__combined--product .product-logo img {
    filter: brightness(0.5);
  }
  #hd .global-search__field {
    border: 1px solid var(--forced-light-colour-blue);
    border-radius: 4px;
    forced-color-adjust: none;
  }
  #hd .global-search__button {
    forced-color-adjust: none;
    border: 1px solid var(--forced-light-colour-black);
    background: transparent;
  }
  #hd .global-search__button .glyphicon-search {
    color: var(--forced-color-button-text);
  }
  #hd .nav--secondary-item--workspace .notifications__icon .notification-number {
    line-height: 1.3em;
    margin: 4px 0.4em 0 0;
    border: 1px solid var(--forced-light-colour-blue);
    border-radius: 25px;
  }
  #hd .nav--secondary-item--workspace .dropdown__menu .notification-number {
    line-height: 1.3em;
    margin: 4px 0.4em 0 0;
    border: 1px solid var(--forced-light-colour-blue);
    border-radius: 25px;
  }
}
@media (prefers-color-scheme: dark) and (forced-colors: active) {
  body.showing-product-tabs .page-hd__combined--product {
    border-color: var(--forced-dark-border-colour-white) !important;
    background-color: transparent !important;
    forced-color-adjust: none;
  }
  body.showing-product-tabs .page-hd__combined--product.product-selected, body.showing-product-tabs .page-hd__combined--product:hover {
    border-color: transparent !important;
  }
  #hd .global-search__field {
    border: 1px solid var(--forced-dark-border-colour-white);
    border-radius: 4px;
  }
  #hd .global-search__button {
    forced-color-adjust: none;
    border: 1px solid var(--forced-dark-border-colour-white);
    background: transparent;
  }
  #hd .global-search__button .glyphicon-search {
    color: var(--forced-color-button-text);
  }
}
.product-cms-usa .nav--primary li:not(.drop-tab-home) .drop-tab {
  background-image: none;
  padding: 15px 8px;
  color: #fff;
}

.product-cms-usa .nav--primary li:not(.drop-tab-home) .drop-tab:focus {
  color: #000;
  text-decoration: none;
}

.product-cms-usa .nav--primary li.current .drop-tab {
  color: #000;
  position: relative;
}

.product-cms-usa .nav--primary .level-1 {
  position: static;
}

.product-cms-usa .nav--primary li.current .drop {
  display: none;
  top: 50px;
  left: 0;
  right: 0;
  width: 990px !important;
  opacity: 1;
  height: auto !important;
  overflow: hidden !important;
  transition: top 0s, opacity 0.2s ease;
  font-weight: 600;
  box-shadow: 0 0 0 transparent;
}

.product-cms-usa .nav--primary li:hover:not(.current) .drop {
  display: none !important;
}

.product-cms-usa .nav--primary li:hover > a {
  color: var(--color-link-on-white) !important;
  text-decoration: none;
}

.product-cms-usa .nav--primary .drop-levels-3 .drop {
  padding: 0;
  border-radius: 0;
  display: none;
}

.product-cms-usa .nav--primary .level-3-container li.level-3 {
  display: inline-block;
}

.product-cms-usa .nav--primary .drop a {
  display: block;
  font-size: 15px;
  line-height: 1;
  padding: 15px 15px 10px;
  margin-right: 10px;
  position: relative;
  color: #323636;
  border-bottom: 5px solid transparent;
}

.product-cms-usa .nav--primary .drop a:before {
  display: none;
}

.product-cms-usa .nav--primary .drop a.is-current-l3-nav {
  border-bottom: 5px solid var(--charanga-green);
}

.product-cms-usa .lv-menu-seperator__section {
  overflow: visible !important;
}

.product-cms-usa .nav--primary .drop-levels-3 .drop {
  display: none;
}

.product-cms-usa .nav--primary li:not(.drop-tab-home) .drop-tab:focus {
  color: #000;
  text-decoration: none;
}

.product-cms-usa .drop-tab-creative-apps {
  float: right;
}

body.country-id-1 .drop-tab-scheme.digilearningmodules-56535,
body.country-id-1 .drop-tab-scheme.digilearningmodules-15752 {
  display: block !important;
}

.digilearningmodules-59626 .drop-tab,
.product-yustudio #hd .digilearningmodules-57930 .drop-tab {
  color: #b8ea86;
  background-image: url("/uploaded_images/0000/2271/yustudio-icon.png");
  background-position: 6px 9px;
  background-repeat: no-repeat;
  padding: 15px 8px 15px 44px;
}

/*
.digilearningmodules-57930.current .drop-tab,
.digilearningmodules-57930 .drop-tab:hover,
.digilearningmodules-57930.current .drop-tab,
.digilearningmodules-57930 .drop-tab:hover {
  color: #d91e1f;
} */
.level-1.digilearningmodules-56082 .level-1-link:before {
  display: none !important;
}

/* No longer needed */
/* Fixing YM to work despite CMSEC class */
.product-yustudio #hd li.level-1 {
  width: auto;
}

.product-yustudio #hd .drop-tab {
  background-position: 6px 9px;
  background-repeat: no-repeat;
  padding: 15px 8px 15px 44px;
  text-transform: uppercase;
}

.product-yustudio #hd .drop-tab-my-workspace .drop-tab {
  background-image: url(/images/danish-theme/nav-tab-sprite-30px.png);
  color: #ba89f5;
  background-position: 7px -191px;
}

.product-yustudio #hd .digilearningmodules-56082 .drop-tab {
  color: #3bc5e0;
  background-image: url(https://cdn.charanga.com/images/2021/vip-temp.png);
  background-size: 30px 30px;
}

.product-yustudio #hd .drop-tab-home .drop-tab {
  background-image: url(/images/danish-theme/nav-tab-sprite-30px.png);
  color: transparent;
  background-position: 6px 9px;
  width: 44px;
  padding: 15px 0 !important;
  text-indent: -150%;
  overflow: hidden;
}

.product-yustudio #hd li:hover .drop-tab,
.product-yustudio #hd li.current .drop-tab {
  color: black !important;
}

.nav--primary .drop-tab-music-hub .drop-tab {
  background-position: 7px -841px;
}

.level-1--creative-tools > .drop-tab,
.level-1--pre-k > .drop-tab {
  white-space: nowrap;
}

/* Music Pro 24 warmups tab */
.nav--primary .level-1--warm-ups .drop-tab {
  background-image: url(https://cdn.charanga.com/uploaded_images/0000/3793/warm-ups@2x.png) !important;
  background-size: 30px;
  background-position: 8px;
}

.nav--primary .level-1--playing-together {
  max-width: 125px;
}

.nav--primary .level-1--yustudio-and-music-tech {
  max-width: 160px;
}

.nav--primary .level-1--inclusive-practice {
  max-width: 120px;
}

.nav--primary .level-1--playing-together .drop-tab,
.nav--primary .level-1--yustudio-and-music-tech .drop-tab,
.nav--primary .level-1--inclusive-practice .drop-tab {
  padding: 10px 8px 10px 42px;
  line-height: 1;
}

.product-cmscy .product-logo img {
  width: 133px;
}

.nav--primary .digilearningmodules-14439.level-3-container .l3-mod-container {
  display: block;
}

.nav--primary .digilearningmodules-14439.level-3-container .digilearningmodules-69791 {
  margin-top: 0;
}

.nav--primary .digilearningmodules-15758 .digilearningmodules-14439 .l3-mod-container a:before,
.nav--primary .drop-tab-folkeskole .digilearningmodules-14439 .l3-mod-container a:before {
  border-left-color: #f9d006;
}

.nav--primary .digilearningmodules-67596 .digilearningmodules-14439 .l3-mod-container a:before {
  border-left-color: #ccc;
}

.product-code-CMSEC2 #hd .drop-tabs .drop-tab {
  background-position: 10px;
  padding-left: 46px;
  line-height: 30px;
}
.product-code-CMSEC2 #hd .drop-tabs .digilearningmodules-73441 .drop-tab {
  background-image: url("/uploaded_images/0000/3208/YuStudio-Devive-Only-Unit-x2.png") !important;
  background-size: 30px;
  padding-left: 50px;
}
.product-code-CMSEC2 #hd .drop-tabs .digilearningmodules-73442 .drop-tab {
  background-image: url(/images/secondary-v2/icon-projects@2x.png) !important;
  background-size: 24px;
}
.product-code-CMSEC2 #hd .drop-tabs .digilearningmodules-73443 .drop-tab {
  background-image: url(/images/secondary-v2/icon-library@2x.png) !important;
  background-size: 26px;
}
.product-code-CMSEC2 #hd .drop-tabs .drop-tab-portfolios .drop-tab {
  background-image: url("https://cdn.charanga.com/uploaded_images/0000/3017/Portfolios@2x.png") !important;
  background-size: 26px;
}
.product-code-CMSEC2.ui-theme-dark .nav--primary .level-1.current .drop-tab {
  color: #d2d7d6;
}
.product-code-CMSEC2 .nav--primary .drop-tab-music-hub .drop-tab {
  background-image: url(/images/danish-theme/nav-tab-sprite-30px.png);
  background-repeat: no-repeat;
  background-position: 7px -841px;
  padding: 17px 8px 15px 45px;
  color: #d2d7d6;
}
.product-code-CMSEC2 .nav--secondary-item--cpd {
  display: none;
}

.digilearningmodules-75686 .drop-tab {
  background-position: 7px -91px;
}

.digilearningmodules-75731 .drop-tab,
.digilearningmodules-67979 .drop-tab,
.digilearningmodules-63050 .drop-tab {
  background-position: 7px -841px;
}

.product-code-YUSTUDIO .line.header-section__top {
  min-height: 60px;
}

/* Good Vibes Music Acadamy */
#hd .digilearningmodules-90361 .drop-tab {
  background-image: url(https://cdn.charanga.com/uploaded_images/0000/4201/GVMA-icon.png);
  background-size: 33px 30px;
  background-position: 6px 10px;
}

/*

  Straight outa bootstrap

======================================================*/
.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  border-radius: 4px;
}

.alert-heading {
  color: inherit;
}

.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 18px;
}

.alert-success > p:first-child::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(/images/form-feedback-tick.png) no-repeat 0 0;
  background-size: 30px;
  margin: -3px 10px -9px 0;
}

.alert-block {
  position: relative;
  background-color: #fff !important;
  animation: grow-in 0.35s;
  padding: 20px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  background: #fff;
  border: 0 none;
  border-left: 15px solid var(--green);
  font-size: 18px;
}

.alert-block__close {
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  height: 35px;
  width: 35px;
  border: 0 none;
  text-align: center;
  text-shadow: none;
  font-weight: 600;
  font-size: 40px;
  line-height: 35px;
  color: #fff;
  padding: 0;
  transition: all 0.3s ease-out;
  background: #d1d2d2;
}

.alert-block__close:hover {
  background: #FF4136;
  text-decoration: none;
  color: #fff;
}

#flash_errors,
#flash_notice {
  background: transparent !important;
}

.alert-block.alert-danger,
.alert-block.alert-error {
  animation: tada-subtle 0.8s;
}

.alert-danger,
.alert-error {
  border-left: 15px solid var(--red);
}

.alert-info {
  border-left: 15px solid var(--blue);
}

.alert-success {
  border-left: 15px solid var(--green);
}

.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}

.alert-block p + p {
  margin-top: 5px;
}

.alert-with-options {
  padding: 0;
  border-width: 3px;
}
.alert-with-options .alert-message {
  padding: 15px;
}
.alert-with-options .lead {
  margin-bottom: 0;
}
.alert-with-options .alert-options {
  background: #FBEED5;
  padding: 0 10px;
  border-radius: 0 0 4px 4px;
}
.alert-with-options hr {
  border-top: 1px solid #F3E3C3;
  background: #FFF;
  margin: 15px 0;
  width: auto;
}
.alert-with-options .btn-large .glyphicon-remove {
  font-size: 14px;
  height: 1.5em;
  width: 1.4em;
  padding-left: 0.1em;
  line-height: 1.3em;
  text-align: center;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  padding: 3px;
  margin: 0px 5px 0 0;
  box-shadow: 0 0 2px #FFF, inset 0 1px rgba(0, 0, 0, 0.2);
  display: inline-block;
}
.alert-with-options .btn-large:hover .glyphicon-remove {
  background: #EE5F5B;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}

.alert-with-options-confirm {
  padding: 13px 0 0;
  margin-bottom: 0;
}

.alert-with-options-dismiss {
  margin: 7px 0 4px -5px;
  float: left;
}

.alert-with-options-dismiss i {
  border: 2px solid rgba(0, 0, 0, 0);
  margin-right: 4px;
  opacity: 0.7;
}

.alert-with-options-message {
  padding: 5px 10px;
}

.alert-with-options {
  padding: 0;
  border-width: 3px;
}
.alert-with-options .alert-message {
  padding: 15px;
}
.alert-with-options .lead {
  margin-bottom: 0;
}
.alert-with-options .alert-options {
  background: #FBEED5;
  padding: 0 10px;
  border-radius: 0 0 4px 4px;
  overflow: hidden;
}
.alert-with-options hr {
  border-top: 1px solid #F3E3C3;
  background: #FFF;
  margin: 15px 0;
  width: auto;
}
.alert-with-options .btn-large .glyphicon-remove {
  font-size: 14px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  padding: 3px;
  margin: 0px 5px 0 0;
  box-shadow: 0 0 2px #FFF, inset 0 1px rgba(0, 0, 0, 0.2);
}
.alert-with-options .btn-large:hover .glyphicon-remove {
  background: #EE5F5B;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}

.alert-with-options-confirm {
  padding: 13px 0 0;
  margin-bottom: 0;
}

.alert-with-options-dismiss {
  margin: 7px 0 4px -5px;
  float: left;
}

.alert-with-options-dismiss i {
  border: 2px solid rgba(0, 0, 0, 0);
  margin-right: 4px;
  opacity: 0.7;
}

.alert-with-options-message {
  padding: 5px 10px;
}

/*

  Old bootstrap over-rides and additions

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

  TODO proper rules in here

======================================================*/
.field-container.invalid,
.field-container.warning {
  padding: 20px 20px 10px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  background: #fff;
}

.field-container.invalid {
  border-left: 5px solid red;
}

.field-container.warning {
  border-left: 5px solid orange;
}

.field-container.invalid .input-message,
.field-container.warning .input-message {
  display: block;
}

.field-container.invalid input, .field-container.invalid select {
  border: 3px solid red;
}

.field-container.warning input, .field-container.warning select {
  border: 3px solid orange;
}

.banner--beta {
  background-color: #1e65b4;
  color: #fff;
}

.banner--beta strong {
  letter-spacing: 0;
  color: #fff;
}

.banner--beta a {
  border: 1px solid #81b3ea;
  color: #fff;
  display: inline-block;
  padding: 0 10px;
  border-radius: 15px;
  text-decoration: none;
  margin: 5px 0 5px 20px;
}
.banner--beta a:hover {
  background-color: #0f345d;
}

.banner--beta-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  margin: 0;
}

.card, .community-pages .hentry, .community-pages .vevent, .community-pages .myForums {
  display: block;
  border-radius: var(--border-radius-s);
  background: #FFF;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  position: relative;
  text-decoration: none;
}

.card img, .community-pages .hentry img, .community-pages .vevent img, .community-pages .myForums img {
  max-width: 100%;
  margin: 0 auto;
}

.card a, .community-pages .hentry a, .community-pages .vevent a, .community-pages .myForums a,
a.card,
.community-pages a.hentry,
.community-pages a.vevent,
.community-pages a.myForums {
  text-decoration: none;
}
.card a .card__heading, .community-pages .hentry a .card__heading, .community-pages .vevent a .card__heading, .community-pages .myForums a .card__heading,
a.card .card__heading,
.community-pages a.hentry .card__heading,
.community-pages a.vevent .card__heading,
.community-pages a.myForums .card__heading {
  transition: all 0.3s ease-out;
}

a.card:hover, .community-pages a.hentry:hover, .community-pages a.vevent:hover, .community-pages a.myForums:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.45);
  transition: all 0.3s ease-out;
}
a.card:hover .card__heading, .community-pages a.hentry:hover .card__heading, .community-pages a.vevent:hover .card__heading, .community-pages a.myForums:hover .card__heading {
  color: var(--color-link-hover);
}

.card__section {
  padding: 10px;
  display: block;
}
.card__section:before, .card__section:after {
  content: "";
  display: table;
}
.card__section:after {
  clear: both;
}

.card__heading {
  color: var(--color-text);
  line-height: 1.2;
}

a .card__heading {
  color: var(--color-text);
  text-decoration: none;
}

.card__heading a:hover,
a:hover .card__heading {
  color: var(--color-link-hover);
}

.card__sub-heading,
a .card__sub-heading,
a:hover .card__sub-heading {
  color: var(--color-info-darker);
}

.card__heading--icon {
  font-size: 30px;
}

.card__heading--small,
.card__heading--large {
  line-height: 1;
}

.card__heading--large {
  text-transform: uppercase;
}

.card__heading--small {
  color: var(--color-info-darker);
  font-size: 12px;
  display: block;
  letter-spacing: 0.3px;
  margin-bottom: -3px;
}

.card--fixed-footer {
  padding-bottom: 50px;
}
.card--fixed-footer .card__footer {
  min-height: 50px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.card--fixed-footer-large {
  padding-bottom: 120px;
}

/*

  Hero sized 'cards'

======================================================*/
.card--hero__stats {
  background: var(--ui-bg-palest);
  color: var(--ui-border-color-darker);
  width: 170px;
  padding: 5px 10px;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  line-height: 1;
  font-weight: 700;
  position: relative;
}
.card--hero__stats hr {
  background: var(--ui-border-color-darker);
  margin: 10px 0;
}
.card--hero__stats:before {
  content: "";
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-right-color: var(--ui-bg-palest);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -40px;
}

.card--hero__content .card__section {
  padding-right: 30px;
}

.card--hero__img {
  position: relative;
  border-right: 1px solid #e0e0e0;
}
.card--hero__img:before {
  content: "";
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-right-color: #ddd;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
  z-index: 99;
}
.card--hero__img:after {
  content: "";
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-right-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -1px;
  z-index: 99;
}

.layout__module-list--badged .card .card__img-locale-overlay, .layout__module-list--badged .community-pages .hentry .card__img-locale-overlay, .community-pages .layout__module-list--badged .hentry .card__img-locale-overlay, .layout__module-list--badged .community-pages .vevent .card__img-locale-overlay, .community-pages .layout__module-list--badged .vevent .card__img-locale-overlay, .layout__module-list--badged .community-pages .myForums .card__img-locale-overlay, .community-pages .layout__module-list--badged .myForums .card__img-locale-overlay {
  position: absolute;
  width: 110px;
  right: 10px;
  top: 10px;
}

img.card__img-locale-overlay[alt=Cymraeg],
img.card__img-locale-overlay[alt=English] {
  width: auto !important;
  height: 38px !important;
}

img.card__img-locale-overlay[alt="Cymraeg & Engish"] {
  width: 91px !important;
}

.block-link,
.block-link:hover {
  display: block;
  text-decoration: none;
  color: var(--color-text);
  cursor: pointer;
}
.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: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 {
  text-decoration: none;
}

.block-link.flex,
.block-link.flex:hover {
  display: flex;
  text-decoration: none;
  color: var(--color-text);
  cursor: pointer;
}
.block-link.flex img, .block-link.flex p, .block-link.flex li, .block-link.flex div, .block-link.flex h1, .block-link.flex h2, .block-link.flex h3, .block-link.flex h4, .block-link.flex h5,
.block-link.flex:hover img,
.block-link.flex:hover p,
.block-link.flex:hover li,
.block-link.flex:hover div,
.block-link.flex:hover h1,
.block-link.flex:hover h2,
.block-link.flex:hover h3,
.block-link.flex:hover h4,
.block-link.flex:hover h5 {
  text-decoration: none;
}

.block-link:hover .block-link__highlight {
  transition: all 0.45s ease-out;
  color: var(--color-link-hover);
  text-decoration: underline;
}

nav a {
  color: var(--color-text);
}
nav a:hover {
  color: var(--color-link-hover);
  text-decoration: underline;
}

.breadcrumbs {
  margin: 20px 0;
  color: var(--color-info);
  font-size: 13px;
}
.breadcrumbs:hover {
  opacity: 1;
}
.breadcrumbs li {
  list-style: none;
}
.breadcrumbs li:after {
  content: " > ";
  color: #727272;
}
.breadcrumbs li:first-child a {
  margin-left: 0;
}
.breadcrumbs li.active,
.breadcrumbs li:last-child {
  display: none;
}
.breadcrumbs li.active:after,
.breadcrumbs li:last-child:after {
  content: "";
}
.breadcrumbs a {
  color: #727272;
  margin: 0 0.5em;
  display: inline-block;
}
.breadcrumbs a:hover {
  color: var(--color-link-hover);
}
.breadcrumbs .breadcrumbs {
  position: relative;
}
.breadcrumbs .breadcrumbs a:after {
  content: " > ";
  position: relative;
  right: -10px;
  color: var(--color-info-lighter);
}
.breadcrumbs .breadcrumbs a:hover:after {
  text-decoration: none;
}
.breadcrumbs .breadcrumbs a:last-child:after {
  content: "";
}
.breadcrumbs br {
  display: none;
}
.breadcrumbs a[href*="/c/1314439-instruments/1369791-courses-and-units"],
.breadcrumbs a[href*="/instrumental-music/1368737-courses-and-units"] {
  display: none;
}
.breadcrumbs li:has(a[href*="/c/1314439-instruments/1369791-courses-and-units"]):after,
.breadcrumbs li:has(a[href*="/instrumental-music/1368737-courses-and-units"]):after {
  display: none;
}

.pagination--chrome .pagination,
.pagination.chrome {
  border: 1px solid var(--grey-25);
  background-color: var(--grey-20); /* Old browsers */
  background: linear-gradient(0deg, var(--grey-20) 0%, #ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border-radius: var(--border-radius-s);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
  overflow: hidden;
  height: 32px;
  display: inline-block;
}
.pagination--chrome .pagination strong, .pagination--chrome .pagination a,
.pagination.chrome strong,
.pagination.chrome a {
  text-shadow: 0 1px 0 #fff;
  color: var(--color-text);
}
.pagination--chrome .pagination a,
.pagination.chrome a {
  font-weight: 600;
  text-decoration: none;
}
.pagination--chrome .pagination a:hover,
.pagination.chrome a:hover {
  background: transparent;
  color: var(--color-link-hover);
}
.pagination--chrome .pagination a, .pagination--chrome .pagination span,
.pagination.chrome a,
.pagination.chrome span {
  display: block;
  float: left;
  text-align: center;
  min-width: 30px;
  line-height: 30px;
  padding-left: 12px;
  padding-right: 12px;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.pagination--chrome .pagination span.disabled, .pagination--chrome .pagination span.gap,
.pagination.chrome span.disabled,
.pagination.chrome span.gap {
  color: var(--color-info-darker);
}
.pagination--chrome .pagination a:active,
.pagination--chrome .pagination .active a,
.pagination--chrome .pagination .current,
.pagination.chrome a:active,
.pagination.chrome .active a,
.pagination.chrome .current {
  font-weight: 600;
  color: var(--color-link-hover);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) inset;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
}

/* .pagination--simple .pagination[function] {
   display: table;
   width: 100%;
 }*/
.pagination--simple span,
.pagination--simple a {
  display: inline-block;
  padding: 5px;
  color: #6a7880;
  text-align: center;
  border: 1px solid #d8e1e5;
  margin-right: 0px;
  border-radius: 5px;
  min-width: 20px;
  background: white;
  /*box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);*/
}

.pagination--simple span.gap {
  padding: 5px 0 !important;
  border: 0 none;
  background: transparent;
  /*box-shadow: none;*/
}

.pagination--simple .current {
  color: inherit;
  font-weight: 700;
}

.pagination--simple span.disabled.prev_page,
.pagination--simple span.disabled.next_page {
  display: none;
}

.pagination--simple a.prev_page,
.pagination--simple a.next_page {
  white-space: nowrap;
}

@keyframes info-in {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
.pattern {
  display: none;
  border-top: 2px solid var(--color-info);
  padding: 15px 0 40px;
}

.pattern__name {
  color: var(--color-info);
}

.pattern__markup {
  margin-top: 20px;
  margin-bottom: 20px;
}

.pattern__code-example {
  width: 65%;
  float: left;
  padding-left: 10px;
  white-space: pre-wrap;
}

.pattern__used {
  width: 30%;
  float: right;
}

.pattern__info {
  background-color: #eee;
  height: 38px;
  overflow: hidden;
  padding-top: 10px;
  cursor: pointer;
}
.pattern__info .pattern-active {
  display: none;
}
.pattern__info.is-active {
  height: auto;
}
.pattern__info.is-active .pattern-active {
  display: block;
}
.pattern__info.is-active .pattern-not-active {
  display: none;
}
.pattern__info span {
  animation: info-in 1s cubic-bezier(0.215, 0.61, 0.355, 1) both;
  transition-timing-function: ease-out;
}

.pattern__instruction {
  width: 100%;
}

.pattern__section-name {
  font-size: 23px;
  font-size: 2.3rem;
}

.testing-guide__title {
  color: var(--color-heading);
}

.testing-guide__section-into {
  padding: 30px 0 0;
}
.testing-guide__section-into .pattern__name {
  color: var(--color-heading);
}
.testing-guide__section-into .pattern__markup:empty {
  display: none;
}

.testing-guide__first-in-section {
  border-top: none;
}

.testing__guide-section-name {
  color: var(--color-info);
  margin-top: 20px;
  margin-bottom: 15px;
  padding-top: 20px;
  border-top: 2px solid rgba(141, 144, 144, 0.2);
}

.testing-guide__list-style {
  padding-left: 10px;
}
.testing-guide__list-style li {
  padding-bottom: 10px;
  line-height: 1.5em;
  list-style-image: url("/images/charanga-music-list-icon.png");
  list-style-position: inside;
}
.testing-guide__list-style li span {
  vertical-align: top;
  display: inline-block;
  width: 97%;
  position: relative;
  top: -2px;
}

.tabs {
  background: var(--lesson-viewer-chrome-background);
  padding: 5px;
  position: relative;
}
.tabs:before, .tabs:after {
  content: "";
  display: table;
}
.tabs:after {
  clear: both;
}

/**
 * 1. Reset any residual styles (most likely from lists).
 * 2. Tables for layout!
 * 3. Force all `table-cell` children to have equal widths.
 * 4. Force the object to be the full width of its parent. Combined with [2],
 *    this makes the object behave in a quasi-`display: block;` manner.
 */
.tabs__list {
  margin: 0; /* [1] */
  padding: 0; /* [1] */
  list-style: none; /* [1] */
  width: 100%; /* [4] */
  text-align: center;
  margin-bottom: -1px;
  overflow: hidden;
}

.tabs__item {
  float: left;
}

.tabs__tab {
  line-height: 45px;
  display: block;
  border-right: 15px solid rgba(0, 0, 0, 0);
  height: 0;
  margin: 0;
  padding: 0 12px;
  border-bottom: 45px solid var(--grey-10);
  text-decoration: none;
  color: var(--lesson-viewer-chrome-background);
}
.tabs__tab:hover {
  border-bottom-color: var(--color-link-hover);
  color: #fff;
}
.tabs__tab.is-active {
  border-bottom: 45px solid #fff;
  position: relative;
  z-index: 2;
  font-weight: 600;
  color: var(--color-text);
  box-shadow: -4px -4px 4px rgba(0, 0, 0, 0.15);
}
.tabs__tab.is-active:hover {
  text-decoration: none;
  cursor: default;
  color: var(--color-text);
}

.tabs--even .tabs__list {
  display: table; /* [2] */
  table-layout: fixed; /* [3] */
}
.tabs--even .tabs__item {
  display: table-cell; /* [2] */
  float: none;
}
.tabs__panes {
  background: #fff;
  box-shadow: 0 -3px 1px rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 1;
}
.tabs__panes:before, .tabs__panes:after {
  content: "";
  display: table;
}
.tabs__panes:after {
  clear: both;
}

.tabs__pane {
  height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.2s linear;
  box-sizing: content-box;
}

.tabs__pane.is-active {
  height: auto;
  overflow: visible;
  visibility: visible;
  opacity: 1;
  padding: 15px;
}

.tabs__panes--viewer .tabs__pane.is-active {
  padding: 0;
}

/*

  Lesson Viewer Tabs

======================================================*/
.tabs--viewer {
  padding: 5px;
  background: var(--lesson-viewer-chrome-background);
}

.tabs__tab--viewer {
  border-bottom-color: var(--lesson-viewer-chrome);
  font-weight: 600;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: var(--lesson-viewer-chrome-background);
}
.tabs__tab--viewer.is-active {
  border-bottom-color: var(--lesson-viewer-chrome-highlight);
}

.tabs__panes--viewer,
.tabs__pane--viewer.is-active {
  min-height: 600px;
}

.tabs__panes--viewer {
  border-top: 5px solid var(--lesson-viewer-chrome-highlight);
}

/*

  Lesson Viewer Tabs

======================================================*/
#pupil-group-show .js-tab-trigger,
#pupil-group-show .js-tab-trigger:hover {
  color: rgba(0, 0, 0, 0.85);
}
#pupil-group-show .js-tab-trigger.view-students,
#pupil-group-show .js-tab-trigger.add-students,
#pupil-group-show .js-tab-trigger.teachers {
  border-bottom-color: #dbfffb;
}
#pupil-group-show .js-tab-trigger.assessment-evidence {
  border-bottom-color: #e7f9c8;
}
#pupil-group-show .js-tab-trigger.yumu-activity,
#pupil-group-show .js-tab-trigger.assignments,
#pupil-group-show .js-tab-trigger.yumu-packages {
  border-bottom-color: #c8f9ca;
}
#pupil-group-show .js-tab-trigger.is-active {
  border-bottom-color: white;
}

.actions {
  display: table;
  width: 100%;
}
.actions > li {
  display: table-cell;
  vertical-align: top;
}

.actions button {
  display: block;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}

.actions--more button {
  background: transparent;
  border: 0 none;
}

.actions__item {
  vertical-align: top;
}

.actions__button {
  position: relative;
  display: block;
  text-align: center;
  color: var(--color-info);
  background: transparent;
  font-size: 21px;
  padding: 7px;
  border: var(--card-divider);
  border-right: 0 none;
  -webkit-appearance: none;
}
.actions__button span {
  position: relative;
  z-index: 5;
}

.actions .actions__button:hover, .actions .actions__button:hover span {
  color: var(--color-link-hover);
  cursor: pointer;
  text-decoration: none;
}

.actions__icon {
  color: var(--color-info-lighter);
}

.actions__name {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
}

.actions__button--more {
  text-align: left;
  white-space: nowrap;
  color: var(--color-link);
  background: transparent;
  padding: 7px 0;
}
.actions__button--more:hover {
  color: var(--color-link-hover);
  text-decoration: none !important;
  cursor: pointer;
}

.actions__button--more .actions__name {
  display: inline-block;
}

/*

  Resource

======================================================*/
.resource.card, .community-pages .resource.hentry, .community-pages .resource.vevent, .community-pages .resource.myForums {
  overflow: visible;
}

.is-admin .resource.card.resource-inactive, .is-admin .community-pages .resource.resource-inactive.hentry, .community-pages .is-admin .resource.resource-inactive.hentry, .is-admin .community-pages .resource.resource-inactive.vevent, .community-pages .is-admin .resource.resource-inactive.vevent, .is-admin .community-pages .resource.resource-inactive.myForums, .community-pages .is-admin .resource.resource-inactive.myForums {
  border: 2px solid #ff7108;
}

.resource__name {
  font-size: 15px;
  padding: 3px 5px 0 0;
}

.resource__expander {
  font-size: 14px;
  text-decoration: none;
  padding: 3px 0;
}

.resource__meta-summary {
  color: darker(#5f6363, 20%);
}

.resource {
  padding-bottom: 58px;
}
.resource .actions__container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
}

.resource.is-compact {
  transition: all 0.9ms cubic-bezier(0.215, 0.61, 0.355, 1);
  padding-bottom: 0;
}
.resource.is-compact .resource__header {
  line-height: 17px;
  font-size: 14px;
}

.resource.is-compact .resource__meta-summary {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.resource.is-compact .resource__name {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 37px;
  line-height: 17px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.resource.is-compact .resource__name:after {
  position: absolute;
  top: 24px;
  right: 0;
}

.resource.is-compact .actions__container {
  position: static;
}

.resource.is-compact .actions__button {
  padding: 14px 7px;
  border-top: 0;
  border-bottom: 0;
  height: 73px;
}
.resource.is-compact .actions__button:hover {
  text-decoration: underline;
}

.resource.is-compact .resource__meta-table {
  display: none;
}

.lesson-viewer__resource-info .resource__meta-table-container {
  max-height: 390px;
  overflow-x: hidden;
  overflow-y: auto;
}

.resource.is-compact .media__img {
  height: 74px;
  overflow: hidden;
  border-radius: var(--border-radius-s) 0 0 var(--border-radius-s);
}

.resource.is-compact .resource__name-container {
  height: 54px;
  overflow: hidden;
}

.resource.is-compact .media__text,
.resource.is-expanded .media__text {
  position: relative;
  height: 74px;
}
.resource.is-compact .resource__more-container,
.resource.is-expanded .resource__more-container {
  position: absolute;
  bottom: 0;
  left: 10px;
  right: 10px;
}

.resource.is-expanded {
  transition: all 0.6ms cubic-bezier(0.215, 0.61, 0.355, 1);
  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.45);
  overflow: hidden;
}
.resource.is-expanded .actions {
  table-layout: fixed;
}
.resource.is-expanded .actions__button {
  width: 100%;
}
.resource.is-expanded .tablet-compatibility {
  margin-top: -7px;
}

.resource__meta-table {
  width: 100%;
  background: var(--ui-bg-palest);
}
.resource__meta-table td, .resource__meta-table th {
  border-top: var(--ui-border);
  color: var(--color-info-darker);
  line-height: 1.2;
}
.resource__meta-table th {
  padding: 5px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.5px;
  width: 99px;
  background: var(--ui-bg-pale);
  border-top: 1px solid var(--ui-border-color-darker);
  text-align: right;
}
.resource__meta-table td {
  padding: 5px 10px;
  font-size: 14px;
}
.resource__meta-table .tag {
  margin: 0 5px 5px 0;
}

.resource-search__results .actions__add-resource-to-lesson .actions__icon {
  color: var(--green);
  width: 21px;
  display: block;
  margin: 0 auto;
}

.resource__list .resource {
  margin-bottom: 10px;
}

.lesson-edit__resources .actions__add-to-lesson {
  display: none;
}
.lesson-edit__resources .resource.is-expanded .actions__add-to-lesson {
  display: block;
}

/*

  Resource action menu 'logic'

======================================================*/
.resource .actions__item,
.resource-info .actions__item {
  display: none;
}

/*  Resources in the lesson editor   ======================================================*/
.lesson-edit__resources .resource.is-compact .actions__container {
  width: 28%;
}
.lesson-edit__resources .resource.is-compact .actions__container .actions {
  table-layout: fixed;
}
.lesson-edit__resources .resource.is-compact .actions__more,
.lesson-edit__resources .resource.is-compact .actions__remove-resource {
  display: table-cell;
}
.lesson-edit__resources .resource.is-compact .actions--more .actions__more,
.lesson-edit__resources .resource.is-compact .actions--more .actions__remove-resource {
  display: none;
}
.lesson-edit__resources .resource.is-compact .actions--more .actions__launch-resource,
.lesson-edit__resources .resource.is-compact .actions--more .actions__send-resource-to-tablet,
.lesson-edit__resources .resource.is-compact .actions--more .actions__add-resource-to-lesson,
.lesson-edit__resources .resource.is-compact .actions--more .actions__favourite-resource,
.lesson-edit__resources .resource.is-compact .actions--more .actions__delete-resource,
.lesson-edit__resources .resource.is-compact .actions--more .actions__admin-delete-resource,
.lesson-edit__resources .resource.is-compact .actions--more .actions__edit-resource-info {
  display: block;
}

.lesson-edit__resources .resource.is-expanded .actions__launch-resource,
.lesson-edit__resources .resource.is-expanded .actions__send-resource-to-tablet,
.lesson-edit__resources .resource.is-expanded .actions__add-resource-to-lesson,
.lesson-edit__resources .resource.is-expanded .actions__favourite-resource,
.lesson-edit__resources .resource.is-expanded .actions__delete-resource,
.lesson-edit__resources .resource.is-expanded .actions__admin-delete-resource,
.lesson-edit__resources .resource.is-expanded .actions__edit-resource-info,
.lesson-edit__resources .resource.is-expanded .actions__remove-resource {
  display: table-cell;
}

/*  Search — Resource search results   ======================================================*/
.layout--search-page .resource-search__results .resource.is-compact .actions__more,
.layout--search-page .resource-search__results .resource.is-compact .actions__favourite-resource,
.layout--search-page .resource-search__results .resource.is-compact .actions__send-resource-to-tablet,
.layout--search-page .resource-search__results .resource.is-compact .actions__add-resource-to-lesson,
.layout--search-page .resource-search__results .resource.is-compact .actions__favourite-resourceis-not-user-owned {
  display: table-cell;
}
.layout--search-page .resource-search__results .resource.is-compact .actions--more .actions__more,
.layout--search-page .resource-search__results .resource.is-compact .actions--more .actions__favourite-resource,
.layout--search-page .resource-search__results .resource.is-compact .actions--more .actions__send-resource-to-tablet,
.layout--search-page .resource-search__results .resource.is-compact .actions--more .actions__add-resource-to-lesson,
.layout--search-page .resource-search__results .resource.is-compact .actions--more .actions__favourite-resourceis-not-user-owned {
  display: none;
}
.layout--search-page .resource-search__results .resource.is-compact .actions__favourite-resourceis-not-user-owned .if-not-active-button {
  width: 43px;
}
.layout--search-page .resource-search__results .resource.is-expanded .actions__launch-resource,
.layout--search-page .resource-search__results .resource.is-expanded .actions__send-resource-to-tablet,
.layout--search-page .resource-search__results .resource.is-expanded .actions__favourite-resource,
.layout--search-page .resource-search__results .resource.is-expanded .actions__delete-resource,
.layout--search-page .resource-search__results .resource.is-expanded .actions__admin-delete-resource,
.layout--search-page .resource-search__results .resource.is-expanded .actions__favourite-resourceis-not-user-owned .actions__edit-resource-info {
  display: table-cell;
}

/*  Lesson Editor — Resource search results   ======================================================*/
.drawer .resource-search__results .resource.is-compact .actions__more,
.drawer .resource-search__results .resource.is-compact .actions__add-resource-to-this-lesson {
  display: table-cell;
}
.drawer .resource-search__results .resource.is-compact .actions--more .actions__more,
.drawer .resource-search__results .resource.is-compact .actions--more .actions__add-resource-to-this-lesson {
  display: none;
}
.drawer .resource-search__results .resource.is-compact .actions--more .actions__launch-resource,
.drawer .resource-search__results .resource.is-compact .actions--more .actions__send-resource-to-tablet,
.drawer .resource-search__results .resource.is-compact .actions--more .actions__edit-resource-info {
  display: block;
}
.drawer .resource-search__results .resource.is-expanded .actions__add-resource-to-this-lesson,
.drawer .resource-search__results .resource.is-expanded .actions__launch-resource,
.drawer .resource-search__results .resource.is-expanded .actions__send-resource-to-tablet,
.drawer .resource-search__results .resource.is-expanded .actions__favourite-resource,
.drawer .resource-search__results .resource.is-expanded .actions__delete-resource,
.drawer .resource-search__results .resource.is-expanded .actions__admin-delete-resource,
.drawer .resource-search__results .resource.is-expanded .actions__edit-resource-info {
  display: table-cell;
}

/*  Module is list of Resources   ======================================================*/
/* TODO: resources also appear in search results, and the search results container has been given the class ".layout--module-list-of-resources" in order to show the extra resource options, even though it's not actually a module */
.layout--module-list-of-resources .resource.is-compact .actions__more,
.layout--module-list-of-resources .resource.is-compact .actions__send-resource-to-tablet,
.layout--module-list-of-resources .resource.is-compact .actions__launch-resource,
.layout--module-list-of-resources .resource.is-compact .actions__favourite-resource {
  display: table-cell;
}
.layout--module-list-of-resources .resource.is-compact .actions--more .actions__more,
.layout--module-list-of-resources .resource.is-compact .actions--more .actions__send-resource-to-tablet,
.layout--module-list-of-resources .resource.is-compact .actions--more .actions__launch-resource,
.layout--module-list-of-resources .resource.is-compact .actions--more .actions__favourite-resource {
  display: none;
}
.layout--module-list-of-resources .resource.is-compact .actions--more .actions__add-resource-to-lesson,
.layout--module-list-of-resources .resource.is-compact .actions--more .actions__edit-resource-info {
  display: block;
}

.layout--module-list-of-resources .resource.is-expanded .actions__add-resource-to-lesson,
.layout--module-list-of-resources .resource.is-expanded .actions__launch-resource,
.layout--module-list-of-resources .resource.is-expanded .actions__send-resource-to-tablet,
.layout--module-list-of-resources .resource.is-expanded .actions__favourite-resource,
.layout--module-list-of-resources .resource.is-expanded .actions__delete-resource,
.layout--module-list-of-resources .resource.is-expanded .actions__admin-delete-resource,
.layout--module-list-of-resources .resource.is-expanded .actions__edit-resource-info {
  display: table-cell;
}

/*  My Resources   ======================================================*/
.layout--my-resources .resource.is-compact .actions__more,
.layout--my-resources .resource.is-compact .actions__add-resource-to-lesson,
.layout--my-resources .resource.is-compact .actions__send-resource-to-tablet,
.layout--my-resources .resource.is-compact .actions__launch-resource {
  display: table-cell;
}
.layout--my-resources .resource.is-compact .actions--more .actions__more,
.layout--my-resources .resource.is-compact .actions--more .actions__add-resource-to-lesson,
.layout--my-resources .resource.is-compact .actions--more .actions__send-resource-to-tablet,
.layout--my-resources .resource.is-compact .actions--more .actions__launch-resource {
  display: none;
}
.layout--my-resources .resource.is-compact .actions--more .actions__edit-resource-info,
.layout--my-resources .resource.is-compact .actions--more .actions__send-resource-to-tablet,
.layout--my-resources .resource.is-compact .actions--more .actions__delete-resource,
.layout--my-resources .resource.is-compact .actions--more .actions__admin-delete-resource,
.layout--my-resources .resource.is-compact .actions--more .actions__favourite-resource {
  display: block;
}

.layout--my-resources .resource.is-expanded .actions__add-resource-to-lesson,
.layout--my-resources .resource.is-expanded .actions__launch-resource,
.layout--my-resources .resource.is-expanded .actions__send-resource-to-tablet,
.layout--my-resources .resource.is-expanded .actions__delete-resource,
.layout--my-resources .resource.is-expanded .actions__admin-delete-resource,
.layout--my-resources .resource.is-expanded .actions__edit-resource-info,
.layout--my-resources .resource.is-expanded .actions__favourite-resource {
  display: table-cell;
}

/*  As displayed in lesson viewer   ======================================================*/
.lesson-viewer__resource-info .resource-info .actions__item:first-child .actions__button {
  border-left: 0 none;
}
.lesson-viewer__resource-info .resource-info .actions__button {
  border-bottom: 0 none;
}
.lesson-viewer__resource-info .resource-info .actions__add-resource-to-lesson,
.lesson-viewer__resource-info .resource-info .actions__launch-resource,
.lesson-viewer__resource-info .resource-info .actions__send-resource-to-tablet,
.lesson-viewer__resource-info .resource-info .actions__favourite-resource,
.lesson-viewer__resource-info .resource-info .actions__edit-resource-info {
  display: table-cell;
}

.actions__item.actions__favourite-resource.is-user-owned {
  display: none !important;
}

.card.resource.expandable.is-expanded .js-add-to-this-lesson, .community-pages .resource.expandable.is-expanded.hentry .js-add-to-this-lesson, .community-pages .resource.expandable.is-expanded.vevent .js-add-to-this-lesson, .community-pages .resource.expandable.is-expanded.myForums .js-add-to-this-lesson {
  position: static !important;
}

.card.resource.expandable.is-expanded .actions__button.js-add-to-this-lesson div, .community-pages .resource.expandable.is-expanded.hentry .actions__button.js-add-to-this-lesson div, .community-pages .resource.expandable.is-expanded.vevent .actions__button.js-add-to-this-lesson div, .community-pages .resource.expandable.is-expanded.myForums .actions__button.js-add-to-this-lesson div {
  width: 100% !important;
}

.card.resource .js-resource-expander, .community-pages .resource.hentry .js-resource-expander, .community-pages .resource.vevent .js-resource-expander, .community-pages .resource.myForums .js-resource-expander {
  position: relative !important;
}

.layout--my-resources .resource-created-by-user .if-resource-created-by-user,
.layout--my-resources .resource-favourited-by-user .if-resource-favourited-by-user {
  display: inline-block;
}

/* Shows star link - need something more perminant */
.resource .actions__item.actions__favourite-resourceis-not-user-owned {
  display: table-cell;
}

.resource .dropdown__menu .actions__item.actions__favourite-resourceis-not-user-owned {
  display: none;
}

#search-results-resources-paginated .actions > .actions__preview-resource {
  display: inline-block;
}
#search-results-resources-paginated .actions > .actions__launch-resource {
  display: none;
}
#search-results-resources-paginated .actions > .actions__item .actions__button.js-add-to-this-lesson {
  right: 198px !important;
}
#search-results-resources-paginated .resource__expander {
  z-index: 99;
}

.lesson .compatibility {
  opacity: 0.5;
}
.lesson .compatibility:hover {
  opacity: 1;
}
.lesson .compatibility img {
  width: 20px;
  height: auto;
}
.lesson .compatibility:before {
  padding: 0 4px 0 5px;
  line-height: 15px;
  font-size: 14px;
  line-height: 15px;
}

.striped__odd {
  background: var(--color-striped-background);
}

.list-of-lessons .actions__button {
  border-top: 0 none;
  border-bottom: 0 none;
}

.list-of-lessons .lesson__actions {
  width: 240px;
  table-layout: fixed;
}

.list-of-lessons .lesson__name-container {
  max-height: 56px;
}

.list-of-lessons .lesson__name {
  font-size: 14px;
  line-height: 16px;
}

.list-of-lessons .lesson.is-even,
.list-of-lessons .lesson:nth-child(even) {
  background: var(--ui-bg-palest);
}

.lesson__heading a {
  text-decoration: none;
  font-weight: 600;
  display: block;
  padding: 5px;
}
.lesson__heading a small {
  font-weight: 400;
}
.lesson__heading .title-mini, .lesson__heading .nav--scheme-term--title {
  color: var(--color-info-darker);
  display: block;
  font-weight: 400;
}
.lesson__heading .lesson__launch-icon {
  font-size: 20px;
  margin-top: 2px;
}

.lesson__meta .glyphicon {
  color: var(--color-info);
  margin: 5px 5px 0 0;
  opacity: 0.5;
}
.lesson__meta .glyphicon:hover {
  opacity: 1;
  cursor: pointer;
}

.course--lesson-list .title-mini, .course--lesson-list .nav--scheme-term--title {
  display: none;
}
.course--lesson-list .lesson {
  border: 1px solid var(--grey-25);
  background-color: var(--grey-20); /* Old browsers */
  background: linear-gradient(0deg, var(--grey-20) 0%, #ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border-radius: var(--border-radius-s);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
  border: var(--ui-border);
  margin-bottom: 10px;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
}
.course--lesson-list .lesson strong, .course--lesson-list .lesson a {
  text-shadow: 0 1px 0 #fff;
  color: var(--color-text);
}
.course--lesson-list .lesson__name-container {
  margin-right: 49px;
  width: 171px;
  border-right: var(--ui-border);
}

.course--lesson-list .actions__button {
  border-width: 0 0 0 1px;
}

/*

  LESSON MENU

======================================================*/
.lesson__actions .actions__item {
  display: none;
}

@media (forced-colors: active) {
  .actions__copy-and-edit-lesson {
    color: var(--forced-color-link-text);
  }
  .actions__copy-and-edit-lesson svg,
  .actions__copy-and-edit-lesson .c21-action__label {
    color: var(--forced-color-link-text);
  }
}
/*


  LESSON MENU --- MY LESSONS

======================================================*/
.layout--my-lessons .actions__lesson-to-class,
.layout--my-lessons .actions__lesson-edit,
.layout--my-lessons .actions__copy-and-edit-lesson,
.layout--my-lessons .actions__lesson-to-tablet,
.layout--my-lessons .actions__add-lesson-to-module,
.layout--my-lessons .actions__more {
  display: table-cell;
}
.layout--my-lessons .actions--more .actions__lesson-launch,
.layout--my-lessons .actions--more .actions__lesson-preview,
.layout--my-lessons .actions--more .actions__lesson-download,
.layout--my-lessons .actions--more .actions__lesson-clone,
.layout--my-lessons .actions--more .actions__lesson-admin-edit,
.layout--my-lessons .actions--more .actions__lesson-scorm,
.layout--my-lessons .actions--more .actions__lesson-delete,
.layout--my-lessons .actions--more .actions__add-lesson-to-module,
.layout--my-lessons .actions--more .actions__lesson-share,
.layout--my-lessons .actions--more .actions__lesson-videolink {
  display: block;
}
.layout--my-lessons .actions--more .actions__lesson-to-class,
.layout--my-lessons .actions--more .actions__lesson-edit,
.layout--my-lessons .actions--more .actions__copy-and-edit-lesson,
.layout--my-lessons .actions--more .actions__lesson-to-table,
.layout--my-lessons .actions--more .actions__add-lesson-to-module {
  display: none;
}

/*

  LESSON MENU --- COURSE LESSON LIST & Scheme

======================================================*/
.lesson__actions--scheme .dropdown__trigger {
  border: 0 none !important;
  line-height: 12px !important;
}
.lesson__actions--scheme .dropdown__trigger span {
  line-height: 12px !important;
}
.lesson__actions--scheme .dropdown__trigger .actions__name {
  font-size: 10px;
}

.scheme-layout .actions--more .glyphicon-play {
  background: #fff !important;
}

.course--lesson-list .actions__more,
.lesson__actions--scheme .actions__more {
  display: table-cell;
}
.course--lesson-list .actions--more .actions__lesson-launch,
.course--lesson-list .actions--more .actions__lesson-to-my-lessons,
.course--lesson-list .actions--more .actions__lesson-to-class,
.course--lesson-list .actions--more .actions__lesson-edit,
.course--lesson-list .actions--more .actions__copy-and-edit-lesson,
.course--lesson-list .actions--more .actions__lesson-to-tablet,
.course--lesson-list .actions--more .actions__lesson-download,
.course--lesson-list .actions--more .actions__lesson-clone,
.course--lesson-list .actions--more .actions__lesson-admin-edit,
.course--lesson-list .actions--more .actions__lesson-scorm,
.course--lesson-list .actions--more .actions__add-lesson-to-module,
.course--lesson-list .actions--more .actions__lesson-share,
.course--lesson-list .actions--more .actions__lesson-videolink,
.lesson__actions--scheme .actions--more .actions__lesson-launch,
.lesson__actions--scheme .actions--more .actions__lesson-to-my-lessons,
.lesson__actions--scheme .actions--more .actions__lesson-to-class,
.lesson__actions--scheme .actions--more .actions__lesson-edit,
.lesson__actions--scheme .actions--more .actions__copy-and-edit-lesson,
.lesson__actions--scheme .actions--more .actions__lesson-to-tablet,
.lesson__actions--scheme .actions--more .actions__lesson-download,
.lesson__actions--scheme .actions--more .actions__lesson-clone,
.lesson__actions--scheme .actions--more .actions__lesson-admin-edit,
.lesson__actions--scheme .actions--more .actions__lesson-scorm,
.lesson__actions--scheme .actions--more .actions__add-lesson-to-module,
.lesson__actions--scheme .actions--more .actions__lesson-share,
.lesson__actions--scheme .actions--more .actions__lesson-videolink {
  display: block;
}

.course--lesson-list .lesson__actions {
  width: 50px;
}
.course--lesson-list .tablet-compatibility,
.course--lesson-list .glyphicon-star {
  display: none;
}
.course--lesson-list .lesson__name {
  font-size: inherit;
}
.course--lesson-list .truncate, .course--lesson-list .modal-header h2, .modal-header .course--lesson-list h2,
.course--lesson-list .modal-header h3,
.modal-header .course--lesson-list h3,
.course--lesson-list .modal-header h4,
.modal-header .course--lesson-list h4,
.course--lesson-list .modal__title {
  white-space: normal;
  overflow: visible;
  text-overflow: inherit;
  padding-right: 0;
}

#mask.is-over-bootstrap-backdrop {
  position: fixed;
  z-index: 8001;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
  visibility: visible;
  background: rgba(255, 255, 255, 0.5);
}

/*

  LESSON MENU --- LESSON VIEWR

======================================================*/
.lesson-viewer__actions .actions__item {
  display: none;
}
.lesson-viewer__actions .actions__add-lesson-to-module,
.lesson-viewer__actions .actions__lesson-to-my-lessons,
.lesson-viewer__actions .actions__lesson-to-class,
.lesson-viewer__actions .actions__lesson-edit,
.lesson-viewer__actions .actions__copy-and-edit-lesson,
.lesson-viewer__actions .actions__lesson-to-tablet,
.lesson-viewer__actions .actions__lesson-download,
.lesson-viewer__actions .actions__lesson-clone,
.lesson-viewer__actions .actions__lesson-admin-edit,
.lesson-viewer__actions .actions__lesson-scorm,
.lesson-viewer__actions .actions__lesson-share,
.lesson-viewer__actions .actions__lesson-videolink {
  display: table-cell;
}

/*

  LESSON MENU --- COURSE LESSON LIST & Scheme

======================================================*/
.lesson__actions--lesson-editor .dropdown__trigger {
  border: 0 none !important;
  line-height: 12px !important;
  padding: 4px 8px;
}
.lesson__actions--lesson-editor .dropdown__trigger span {
  line-height: 12px !important;
  height: 10px;
  overflow: hidden;
  color: #333;
}
.lesson__actions--lesson-editor .dropdown__trigger .actions__name {
  display: inline-block;
  text-transform: capitalize;
  font-size: 14px;
  color: #333;
  margin-left: 5px;
}

.lesson__actions--lesson-editor .actions__more {
  display: table-cell;
}
.lesson__actions--lesson-editor .actions--more .actions__lesson-launch,
.lesson__actions--lesson-editor .actions--more .actions__lesson-to-class,
.lesson__actions--lesson-editor .actions--more .actions__lesson-to-tablet,
.lesson__actions--lesson-editor .actions--more .actions__lesson-download,
.lesson__actions--lesson-editor .actions--more .actions__lesson-clone,
.lesson__actions--lesson-editor .actions--more .actions__lesson-admin-edit,
.lesson__actions--lesson-editor .actions--more .actions__lesson-scorm,
.lesson__actions--lesson-editor .actions--more .actions__lesson-preview,
.lesson__actions--lesson-editor .actions--more .actions__lesson-delete,
.lesson__actions--lesson-editor .actions--more .actions__add-lesson-to-module,
.lesson__actions--lesson-editor .actions--more .actions__lesson-share,
.lesson__actions--lesson-editor .actions--more .actions__lesson-videolink {
  display: block;
}

/* when in a class we DON'T want to see the "Delete" button (because it's too easy to get it mixed up with "Remove from class",
or "Add to class" (because that's just confusing), but we DO want to see the "Remove" button, which removes it from the class. */
.group-list--lessons .lesson__actions--lesson-editor .actions--more .actions__lesson-to-class,
.group-list--lessons .lesson__actions--lesson-editor .actions--more .actions__lesson-delete {
  display: none;
}
.group-list--lessons .lesson__actions--lesson-editor .actions--more .actions__lesson-remove {
  display: block;
}

.lesson-favourited-by-user .actions--more .actions__lesson-remove {
  display: block;
}

.layout--digilearning-module-edit .sticky-wrapper {
  height: auto !important;
}

.layout--lesson-edit .sticky-wrapper.is-sticky,
.layout--digilearning-module-edit .sticky-wrapper.is-sticky {
  z-index: 99;
  position: relative;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
}
.layout--lesson-edit .sticky-wrapper.is-sticky .js-sticks-at-top,
.layout--digilearning-module-edit .sticky-wrapper.is-sticky .js-sticks-at-top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100% !important;
}
.layout--lesson-edit .sticky-wrapper.is-sticky .is-sticky__container,
.layout--digilearning-module-edit .sticky-wrapper.is-sticky .is-sticky__container {
  width: 100%;
  border-radius: 0;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.4);
}
.layout--lesson-edit .sticky-wrapper.is-sticky .is-sticky__centred,
.layout--digilearning-module-edit .sticky-wrapper.is-sticky .is-sticky__centred {
  width: 990px;
  margin: 0 auto;
}
.layout--lesson-edit #dummy-search-submit,
.layout--lesson-edit #dummy-search-input,
.layout--digilearning-module-edit #dummy-search-submit,
.layout--digilearning-module-edit #dummy-search-input {
  height: 40px;
}
.layout--lesson-edit #dummy-search-input,
.layout--digilearning-module-edit #dummy-search-input {
  border-radius: 5px 0 0 5px;
}
.layout--lesson-edit #dummy-search-submit,
.layout--digilearning-module-edit #dummy-search-submit {
  border-radius: 0 5px 5px 0;
}
.layout--lesson-edit #dummy-search-submit .glyphicon-search,
.layout--digilearning-module-edit #dummy-search-submit .glyphicon-search {
  font-size: 20px;
  top: 3px;
}
.layout--lesson-edit .inline-label,
.layout--digilearning-module-edit .inline-label {
  float: left;
  padding: 6px 6px 0 0;
}
.layout--lesson-edit .inline-field,
.layout--digilearning-module-edit .inline-field {
  margin-top: 0;
  min-width: 330px;
}

/*

  Fix for action menu alignment with scheme adapted turned on

======================================================*/
.scheme-adapted .c21-action-menu--horizontal-stacked > li {
  vertical-align: bottom;
}
.scheme-adapted .c21-action-menu--horizontal-stacked > li .c21-action {
  padding-top: 0;
}

.chrome {
  border: 1px solid #c0c0c0;
  border-radius: small;
  background-color: var(--grey-20); /* Old browsers */
  background: linear-gradient(0deg, var(--grey-20) 0%, #FFFFFF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
}
.chrome strong, .chrome a {
  text-decoration: none;
}

.sort-bar {
  margin: 10px 0;
  line-height: 20px;
}
.sort-bar strong, .sort-bar a {
  padding: 5px 10px;
  display: inline-block;
  float: left;
  border-right: 1px solid #ddd;
  text-shadow: 0 1px 0 #fff;
}
.sort-bar a {
  border-left: 1px solid #fff;
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  border-right: 1px solid #ddd;
}
.sort-bar a:last-child {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
}
@media (forced-colors: active) {
  .sort-bar a {
    color: var(--forced-color-link-text);
  }
}
.sort-bar .indicator {
  display: inline-block;
  width: 7px;
  height: 10px;
  margin: 0 5px;
  background: url(/pro/images/global/sort-indicator.png) 0 0 no-repeat;
}
.sort-bar .sort-bar-indicator-up .indicator {
  background-position: 0 -20px;
}
.sort-bar .sort-bar-indicator-down .indicator {
  background-position: 0 -40px;
}

@media (forced-colors: active) {
  .tablesorter-default th,
  .tablesorter-default thead td {
    color: var(--forced-color-link-text);
  }
}
.support-files__sub-heading {
  border-bottom: 1px dotted #DDD;
  margin: 20px 0 15px;
  padding-bottom: 10px;
}

.support-file {
  margin: 0 0 10px;
  display: block;
  border-top: 1px dotted #DDD;
  padding: 10px 0 0;
}

.support-file [href$=".pdf"] {
  padding-left: 24px;
  display: block;
  background: url(/images/forum/pdf-trans.png) no-repeat 0 1px;
}

.support-file-word [href$=".doc"],
.support-file-word [href$=".docx"],
.support-file [href$=".doc"],
.support-file [href$=".docx"],
.support-file [data-file-type=".doc"],
.support-file [data-file-type=".docx"] {
  padding-left: 24px;
  display: block;
  background: url(/images/forum/word-trans.png) no-repeat 0 1px;
}

.support-file-word [href$=".xls"],
.support-file-word [href$=".xlsx"],
.support-file [href$=".xls"],
.support-file [href$=".xlsx"],
.support-file [data-file-type=".xlsx"],
.support-file [data-file-type=".xlsx"] {
  padding-left: 24px;
  display: block;
  background: url(/images/forum/spreadsheet-trans.png) no-repeat 0 1px;
}

.support-file:first-child {
  border-top: 0 solid;
}

.support-file .btn-mini-download {
  margin: -6px 0 0 5px;
  width: 33px;
  height: 30px;
  padding: 0;
  text-align: center;
  line-height: 30px;
  float: right;
  transition: background-color 0.3s,color 0.3s;
  background: #E6E6E6;
  background-color: #E6E6E6; /* Old browsers */
  background: linear-gradient(0deg, #E6E6E6 0%, #fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.support-file .btn-mini-download .glyphicon-arrow-down {
  opacity: 0.25;
}
.support-file .btn-mini-download:hover {
  background: #51A351;
  background-color: #51A351; /* Old browsers */
  background: linear-gradient(0deg, #51A351 0%, #62C462 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  transition: background-color 0.6s, color 0.6s;
  border-color: #51A351 #51A351 #387038;
}
.support-file .btn-mini-download:hover .glyphicon-arrow-down {
  transition: opacity 0.3s;
  opacity: 1;
  color: #fff;
}
.support-file .btn-mini-download:active {
  margin-top: -5px;
}
@media (forced-colors: active) {
  .support-file .btn-mini-download .glyphicon-arrow-down {
    opacity: 1;
  }
}

.documentation-list {
  padding-bottom: 20px;
}

.documentation-list__heading {
  padding: 0 0 10px;
  overflow: hidden;
  clear: both;
}
.documentation-list__heading .active-message,
.documentation-list__heading .inactive-message {
  color: var(--color-info);
  font-size: 11px;
  text-transform: uppercase;
}

.support-file__link {
  color: #008879;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
}
.support-file__link:hover {
  color: #e85f6b;
}

.documentation-list__li--3.conc-scope {
  border-top: 1px solid var(--ui-border-color-darker);
  margin: -1px 0 2px !important;
}

.documentation-list__heading--level-4,
.documentation-list__heading--level-5 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.documentation-list--level-5 {
  border-top: 1px solid var(--ui-border-color);
}

.documentation-list__heading--level-5 h5 {
  padding-left: 7px !important;
  margin: 0;
}
.documentation-list__heading--level-5 h5:before {
  content: "• ";
  margin-left: -7px;
}

.documentation-and-resources .support-folder .support-file {
  border-top: 1px dotted rgba(var(--color-heading), 0.12);
}

.documentation-and-resources .documentation-list {
  padding-bottom: 0;
}

.documentation-and-resources h5.documentation-list__heading {
  margin: 0;
}

.documentation-and-resources a {
  font-size: 14px;
  line-height: 18px;
}

.documentation-and-resources .support-file {
  padding: 5px 0;
  min-height: 40px;
  margin: 0;
}

.documentation-and-resources .support-file .btn-mini-download {
  margin: -1px 0 0 5px;
}

.documentation-and-resources .documentation-list__heading {
  padding: 5px 0;
}

@media (forced-colors: active) {
  .support-file-v2 .js-dropdown-trigger {
    color: var(--forced-color-link-text);
  }
}
/*.ilp-messages-container::-webkit-scrollbar {
  display: none;
}*/
/*.convo-messages-container {
  scrollbar-width: thin;
}*/
/*  Overlay --------------------------- */
.convo-overlay {
  position: fixed;
  width: 350px;
  height: 100vh;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
  box-shadow: -10px 0px 20px rgba(6, 35, 60, 0.2);
  text-align: left;
}

/*.convo-grid-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 45px minmax(calc(100vh - 240px), 1fr) minmax(70px, 200px);
  gap: 0px 0px;
  grid-template-areas:
      "."
      "."
      ".";
}*/
/*  Navbar --------------------------- */
.convo-navbar {
  height: 45px;
  background: #444;
  display: flex;
}

.convo-navbar__close {
  float: right;
}

.convo-navbar__title {
  display: block;
  text-align: center;
  width: calc(100% - 90px);
  overflow: hidden;
  text-overflow: ellipsis;
  height: 45px;
  line-height: 45px;
  color: #ddd;
  padding: 0 10px;
}

.convo-navbar__close,
.convo-navbar__back {
  width: 45px;
  height: 45px;
  display: flex;
}

.convo-navbar__back {
  padding: 8px;
}

/*  Message box --------------------------- */
.convo-message-box {
  background: #242525;
  padding: 10px;
  height: 180px;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 350px;
}

#student-learning-space .convo-message-box {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 350px;
}

.convo-message-box__textarea {
  width: 100%;
  margin-bottom: 12px;
  height: 80px;
}

.convo-message-box__heading {
  color: #b1b1b1;
  font-size: 13px;
  font-weight: normal;
  padding: 0px 0 4px;
  line-height: 1;
  letter-spacing: 0.5px;
}

/*  Main Chat --------------------------- */
.convo-messages-container::-webkit-scrollbar {
  width: 18px;
  border-left: 2px solid #000;
}

/* Track */
.convo-messages-container::-webkit-scrollbar-track {
  background: #222;
}

/* Handle */
.convo-messages-container::-webkit-scrollbar-thumb {
  background: #aaa;
  border-radius: 10px;
  border: 4px solid #222;
}

/* Handle on hover */
.convo-messages-container::-webkit-scrollbar-thumb:hover {
  background: #ccc;
}

.convo-messages-container {
  padding: 10px;
  background-color: #f7f7f7;
  overflow-y: auto;
  height: calc(100vh - 220px);
}

#student-learning-space .convo-messages-container {
  padding-bottom: 70px;
}

.rtl {
  direction: rtl;
}

.ltr {
  direction: ltr;
}

.convo-messages__date {
  text-align: center;
  padding: 5px;
  clear: both;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: inherit;
  opacity: 0.51;
}

.convo-messages__type {
  text-align: center;
  padding: 5px;
  clear: both;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: inherit;
  opacity: 0.75;
  font-weight: 700;
}

.convo-message {
  width: 80%;
  padding: 1px 10px 1px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  background: #fff;
  position: relative;
}

.convo-message--left {
  margin: 5px 0 5px 10px;
  clear: both;
}

.convo-message--right {
  margin: 5px 10px 5px 0;
  float: right;
  clear: both;
}

.convo-message--right:before,
.convo-message--left:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  bottom: 10px;
  border-style: solid;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15);
  position: absolute;
}

.convo-message--left:before {
  border-width: 0 0 15px 15px;
  border-color: transparent transparent #fff transparent;
  left: -14px;
}

.convo-message--right:before {
  border-width: 15px 0 0 15px;
  border-color: transparent transparent transparent #fff;
  right: -14px;
}

:root {
  --convo-color-own: #e6fbff;
  --convo-color-parent: #CDFFE2;
}

.convo-message--own {
  background: var(--convo-color-own);
}

.convo-message--interlocutor.convo-message--person02 {
  background: var(--convo-color-parent);
}

.convo-message--own.convo-message--left:before {
  border-color: transparent transparent var(--convo-color-own) transparent;
}

.convo-message--own.convo-message--right:before {
  border-color: transparent transparent transparent var(--convo-color-own);
}

.convo-message--person02.convo-message--left:before {
  border-color: transparent transparent var(--convo-color-parent) transparent;
}

.convo-message--person02.convo-message--right:before {
  border-color: transparent transparent transparent var(--convo-color-parent);
}

.convo-message--interlocutor .convo-message__name {
  font-size: 13px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 4px 5px 3px;
  background: rgba(0, 0, 0, 0.07);
  line-height: 1;
  border-radius: 10px 10px 0 0;
  color: rgba(0, 0, 0, 0.51);
}

.convo-message__name {
  clear: both;
  padding: 15px 20px 0px;
  font-size: 13px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.3px;
}

.convo-messages-container--index .conversation-recipients-subtitle {
  font-size: 0.8em;
}

.convo-messages-container--index .notification-number {
  top: -5px;
  position: relative;
}

.convo-message__body {
  margin: 5px 0;
  white-space: pre-wrap;
}

.convo-message__link {
  /* height: 20px; */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
  margin-bottom: 3px;
  /* background: #d7edea; */
  /* border-radius: 5px; */
  /* padding: 0.2em 0.5em 0.4em; */
  line-height: 1em;
  /* color: inherit; */
  opacity: 0.8;
  mix-blend-mode: multiply;
  font-size: 13px;
}

/*  Notifications --------------------------- */
.notification-number {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  line-height: 1.7em;
  width: 1.7em;
  background: #EB5757;
  text-align: center;
  border-radius: 50%;
  text-shadow: 1px 1px 2px #bb3838;
  margin: 0 0.4em 0 0;
}

.convo-messages-container--index {
  height: calc(100vh - 45px);
}

.convo-messages-container--index .convo-messages {
  max-height: 100%;
  overflow-y: auto;
}

.convo-messages-container--index,
.convo-messages-container--index .convo-messages {
  position: static;
}

.convo-search {
  position: relative;
  font-size: 1em;
}

.convo-search__input {
  padding: 0.25em 2.25em !important;
  box-sizing: border-box !important;
  height: 2.5em !important;
  line-height: 1em;
}

.convo-search__icon {
  position: absolute !important;
  left: 0.8em !important;
  top: 0.8em !important;
  opacity: 0.6;
}

.convo-search__clear {
  position: absolute;
  right: 0.5em;
  top: 0.5em;
  border-radius: 50%;
  height: 0.75em;
  width: 0.75em;
  line-height: 0.8em;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  border: 0;
  font-weight: 700;
  font-size: 1.5em;
  padding: 0.01em;
}

.btn-messages {
  overflow: hidden;
}

.btn-messages .notification-number {
  background: url(/images/2021/speech.svg) transparent;
  background-size: contain;
  margin: -2px 0 -3px;
  width: 24px;
  height: 21px;
  border-radius: 0;
  padding-right: 2px;
  line-height: 21px;
  font-size: 12px;
}

.btn-messages .notification-number[style*="display: none"] {
  filter: grayscale(100%);
  text-indent: -99em;
  margin: -1px 0 -1px;
  width: 19px;
  height: 17px;
  background: url(/images/2021/speech-stroke-only.svg) transparent;
  background-size: contain;
  display: inline-block !important;
  opacity: 0.9;
}

.convo-summary-name,
.convo-summary-group,
.convo-summary-time {
  display: inline-block;
  max-width: 145px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  line-height: 16px;
}

.convo-summary-group {
  max-width: 70px;
  color: #8d9090;
}

.convo-summary-time {
  max-width: 60px;
}

/* SHOW / HIDE */
.if-product-cmsec {
  display: none !important;
}

body.product-cmsec .if-is-charanga-secondary,
body.product-cmsec .level-3-link[href="/workspace/my_messages"] {
  display: block !important;
}

body.product-cmsec .if-is-charanga-secondary.btn,
body.product-cmsec .if-is-charanga-secondary.inline-block {
  display: inline-block !important;
}

.convo-messages-container--index .convo-summary-body {
  opacity: 0.6;
}

#modal-asset-preview-conversation-container {
  width: 350px;
  box-shadow: -1px 0px 3px rgba(6, 35, 60, 0.15);
}

.modal--preview--has-chat #modal-asset-preview-modal-container .modal__close {
  display: block !important;
}

.modal--preview--has-chat #modal-asset-preview-modal-container {
  width: 100vw;
}

.modal--preview--has-chat #modal-asset-preview-modal-body {
  padding-right: 350px !important;
}

.is-my-work .if-is-my-work {
  display: block;
}

.convo-search__input:valid + .convo-search__clear {
  display: none;
}

.dropdown {
  position: relative;
  text-align: left;
}
.dropdown form {
  padding-left: 0;
  padding-right: 0;
}

.dropdown__menu {
  padding: 10px;
  position: absolute;
  z-index: 65000;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.2s linear;
}

.dropdown__menu a {
  color: var(--color-text);
}
.dropdown__menu a:hover {
  color: var(--color-link-hover);
}

.dropdown.is-active .dropdown__menu {
  top: 100%;
  margin-top: 5px;
  background-color: #fff;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
  border-radius: var(--border-radius-m);
  height: auto;
  overflow: visible;
  visibility: visible;
  opacity: 1;
}

.page--my-classes .dropdown.is-active .dropdown__menu {
  left: -10px;
  margin-top: 0;
  top: 34px;
}

.dropdown__menu--right {
  right: 0;
}

.actions__button.dropdown__trigger.is-active {
  color: var(--color-link-hover);
}

.nav--secondary-link.js-dropdown-trigger.is-active {
  color: #fff;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 4px 0;
  margin: 1px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  border-radius: 5px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  *width: 100%;
  height: 2px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}

.dropdown-menu a {
  display: block;
  padding: 8px 15px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #0088cc;
}

.open {
  *z-index: 1000;
}

.open .dropdown-menu,
.dropdown.is-active .dropdown-menu {
  display: block;
  z-index: 65000;
}

.pull-right .dropdown-menu {
  right: 0;
  left: auto;
}

.nav .nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  color: #767676;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}

.dropdown-menu form:hover {
  color: #fff;
  text-decoration: none;
  background-color: #0088cc;
}

.dropdown__menu:after,
.dropdown-menu:after {
  content: "";
  display: inline-block;
  border-left: 6px solid rgba(0, 0, 0, 0);
  border-right: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 6px solid #fff;
  position: absolute;
  top: -5px;
  left: auto;
}

.pull-right .dropdown-menu:after,
.dropdown-menu.pull-right:after,
.dropdown__menu--right:after {
  left: auto;
  right: 13px;
}

.nav--secondary-item .dropdown__menu:before {
  display: none;
}

.nav--secondary-item .dropdown-menu {
  margin-top: 0 !important;
}

.nav--secondary-item .dropdown__menu:after {
  width: auto;
}

.dropdown-menu--admin .divider {
  margin: 0;
}

.dropdown-menu--admin form {
  padding: 0;
  margin: 5px 15px;
}
.dropdown-menu--admin form:hover {
  background: transparent;
}

.dropdown-menu--admin__ms-chooser {
  width: 375px;
}
.dropdown-menu--admin__ms-chooser select {
  vertical-align: middle;
  width: 300px !important;
  font-size: inherit !important;
  margin-top: 6px !important;
  margin-bottom: 8px !important;
  padding: 5px;
  height: 32px;
}
.dropdown-menu--admin__ms-chooser input {
  vertical-align: middle;
  background-color: #5bb75b;
  background-image: linear-gradient(#31DC31, #31A731);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
  font-weight: 700;
  font-size: 1em !important;
  margin-top: 6px !important;
  margin-bottom: 8px !important;
  line-height: 12px !important;
  padding: 4px 7px;
}
.dropdown-menu--admin__ms-chooser input:focus-within {
  outline: 1px auto -webkit-focus-ring-color;
}

.nav--secondary-item--account.is-active a[href*="/users/change_school?school_id="] {
  white-space: collapse;
}

.dropdown-menu.help-tooltip:after {
  right: auto;
  left: 11px;
}

.help-tootip-icon {
  color: var(--charanga-green-on-white);
  font-size: 19px;
  height: 21px;
}

label .help-tooltip-container {
  vertical-align: middle;
  display: inline-block;
}
label .help-tooltip-container .help-tooltip {
  margin-bottom: 10px;
  min-width: 400px;
  max-width: 100%;
}
label .help-tooltip {
  font-weight: normal;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  padding: 5px;
}

.popover.top {
  margin-top: -5px;
}

.popover.right {
  margin-left: 5px;
}

.popover.bottom {
  margin-top: 5px;
}

.popover.left {
  margin-left: -5px;
}

.popover.top .arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000000;
}

.popover.right .arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #000000;
}

.popover.bottom .arrow {
  top: -5px;
  left: 50%;
  margin-left: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ccc;
}

.popover.left .arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000000;
}

.popover .arrow {
  position: absolute;
  width: 0;
  height: 0;
}

.popover-inner {
  padding: 3px;
  width: 280px;
  overflow: hidden;
  background: #000000;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 6px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}

.popover.bottom .popover-inner {
  background: #ccc;
}

.popover-title {
  padding: 9px 15px;
  line-height: 1;
  background-color: #f5f5f5;
  border-bottom: 1px solid #eee;
  border-radius: 3px 3px 0 0;
}

.popover-content {
  padding: 14px;
  background-color: #ffffff;
  border-radius: 0 0 3px 3px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.popover-content p,
.popover-content ul,
.popover-content ol {
  margin-bottom: 0;
}

.tooltip {
  position: absolute;
  z-index: 1020;
  display: block;
  visibility: visible;
  padding: 5px;
  font-size: 12px;
  opacity: 0;
}

.tooltip.in {
  opacity: 1;
}

.tooltip.top {
  margin-top: -2px;
}

.tooltip.right {
  margin-left: 2px;
}

.tooltip.bottom {
  margin-top: 2px;
}

.tooltip.left {
  margin-left: -2px;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000000;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000000;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000000;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #000000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #000000;
  text-align: center;
  text-decoration: none;
  background-color: #ffffff;
  border: 2px solid #000000;
  border-radius: 4px;
  font-family: arial, sans-serif;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
}

/*

  Modal dependencies

======================================================*/
.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

/*

  Modal X-index

======================================================*/
.modal-open .dropdown-menu {
  z-index: 9002;
}

.modal-open .dropdown.open {
  *z-index: 9003;
}

.modal-open .popover {
  z-index: 9004;
}

.modal-open .tooltip {
  z-index: 9005;
}

/*

  Modal show / hide

======================================================*/
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 8000;
  background-color: rgba(255, 255, 255, 0.92);
}

.modal-backdrop.fade {
  opacity: 0;
  transition: 0.4s ease-out;
}

.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 1;
}

.modal {
  position: fixed;
  min-width: 280px;
  max-width: 90vw;
  max-height: 90vh;
  overflow: hidden;
  box-shadow: 0 5px 130px rgba(0, 20, 80, 0.4) !important;
  border-radius: 6px;
  border: 0 none;
  display: none;
  margin: auto !important;
  top: 50vh !important;
  left: 50vw !important;
  transform: translate(-50%, 200vh) !important;
  z-index: 9000;
}
.modal select {
  overflow-y: auto !important;
}
.modal select.textarea {
  height: 200px !important;
}

.modal.fade {
  transition: 0.2s ease-out;
}

.modal.fade.in {
  transform: translate(-50%, -50%) !important;
  transition: 0.2s ease-out;
}

body.modal-open {
  height: 100vh;
  overflow: hidden;
}

.modal img[alt=Ajax_loader_gray_128] {
  display: block;
  margin: 0 auto;
}

/*

  Modal Sections

======================================================*/
.modal-header,
.modal__header {
  background: #444;
  color: #aaa;
  padding: 10px 15px;
  border: 0 none;
  position: relative;
  height: 45px;
}
.modal-header img,
.modal__header img {
  display: none;
}

.modal-header h2,
.modal-header h3,
.modal-header h4,
.modal__title {
  margin-right: 45px;
  line-height: 25px;
  margin-bottom: 0;
  text-align: center;
  color: #aaa;
}

.modal-body,
.modal__body {
  overflow-y: auto;
  padding: 15px;
  background-color: var(--ui-bg-palest);
  max-height: calc(90vh - 105px);
  height: 100%;
}
.modal-body .input-group__field,
.modal__body .input-group__field {
  z-index: 0;
}
.modal-body.has-sticky-footer,
.modal__body.has-sticky-footer {
  max-height: calc(100vh - 135px);
}

.modal-form,
.modal__form {
  margin-bottom: 0;
}

.modal-footer,
.modal__footer {
  padding: 10px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #fff;
  border-top: var(--ui-border);
  *zoom: 1;
}
.modal-footer:before, .modal-footer:after,
.modal__footer:before,
.modal__footer:after {
  content: "";
  display: table;
}
.modal-footer:after,
.modal__footer:after {
  clear: both;
}

.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal__sticky-wrapper {
  position: sticky;
  bottom: -15px;
  margin-top: 15px;
  z-index: 1;
  padding-bottom: 10px;
  background-color: var(--ui-bg-palest);
  *zoom: 1;
}
.modal__sticky-wrapper:before, .modal__sticky-wrapper:after {
  content: "";
  display: table;
}
.modal__sticky-wrapper:after {
  clear: both;
}

.modal__body .modal__footer,
.modal-body .modal__footer {
  margin: 0 -15px;
  position: relative;
  top: 15px;
}
.modal__body .modal__footer.modal__sticky-wrapper,
.modal-body .modal__footer.modal__sticky-wrapper {
  position: sticky;
  margin-top: 15px;
  margin-bottom: -1.6em;
  padding: 10px 15px;
  background-color: #fff;
  text-align: left;
}
.modal__body .modal__footer.modal__sticky-wrapper--mb-1,
.modal-body .modal__footer.modal__sticky-wrapper--mb-1 {
  margin-bottom: -1em;
}

.modal .close,
.modal-close,
.modal__close {
  opacity: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  height: 45px;
  width: 45px;
  border: 0 none;
  text-align: center;
  text-shadow: none;
  font-weight: 600;
  font-size: 40px;
  line-height: 45px;
  color: #fff;
  padding: 0;
  text-decoration: none;
  transition: all .3s ease-out;
  background: var(--red);
}
.modal .close span,
.modal-close span,
.modal__close span {
  transition: all .3s ease-out;
  font-weight: 600;
  font-size: 40px;
  line-height: 45px;
  color: #fff;
  text-decoration: none;
}

@keyframes pulse {
  0% {
    background-color: #333;
  }
  50% {
    background-color: #333;
  }
  75% {
    background-color: var(--red);
  }
  100% {
    background-color: #333;
  }
}
.modal.in .close,
.in .modal-close,
.in .modal__close {
  transform: rotate(-360deg);
  animation: pulse 2s;
  background: #333;
  border-radius: 0;
}
.modal.in .close:hover,
.in .modal-close:hover,
.in .modal__close:hover {
  transition-delay: 0s;
  background: var(--red);
}

/*

  Modal specific instances

======================================================*/
.modal--feedback {
  padding: 30px;
  text-align: center;
}

.modal--preview.modal.fade.in {
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  max-width: 100vw !important;
  max-height: 100vh !important;
  transform: none !important;
  border-radius: 0;
}

.modal--preview.modal--document--preview.modal.fade.in {
  width: 90vw !important;
  height: 90vh !important;
}

.modal--preview.modal.fade.in .modal__body {
  height: calc(100vh - 45px);
  max-height: calc(100vh - 45px);
  padding: 0;
  max-width: 100vw;
  overflow-x: auto !important;
  text-align: center;
}

.modal--preview .iframe-container {
  display: inline-block;
  height: 600px !important;
  width: 800px !important;
  min-height: 600px !important;
  min-width: 800px !important;
  max-height: 600px !important;
  max-width: 800px !important;
}

.modal--preview .iframe-container iframe {
  display: block;
  height: 600px !important;
  width: 800px !important;
  min-height: 600px !important;
  min-width: 800px !important;
  max-height: 600px !important;
  max-width: 800px !important;
}

@media screen and (min-width: 800px) and (min-height: 645px) {
  .modal--preview.modal.fade.in .modal__body {
    display: flex;
    align-items: center;
    min-height: 24em;
    justify-content: center;
  }
  .modal--preview .iframe-container {
    flex: none;
    max-width: 50%;
    flex: 1;
  }
}
.modal--video {
  width: 750px;
  margin-left: -375px;
}

.modal--video .modal__body {
  min-height: 570px;
}

.modal--medium {
  width: 750px;
  margin-left: -375px;
}

#modal-avatar-editor {
  width: 980px;
  margin-left: -490px;
  height: 660px;
  margin-top: -330px;
}

#modal-avatar-editor .modal-body,
#modal-avatar-editor .modal__body {
  max-height: 600px;
}

.modal__body {
  position: relative;
  min-height: 200px;
}

.modal__loading {
  height: 100px;
  text-align: center;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  position: absolute;
}

.modal__loading-title {
  text-transform: uppercase;
  color: #ccc;
  font-size: 14px;
  line-height: 30px;
  letter-spacing: 3px;
}

.modal__loading-image,
.modal__loader {
  width: 32px;
  height: 32px;
  display: inline;
}

#modal--resource-uploader .upload-progress-bar {
  margin: 10px auto 0;
}

.modal .iframe-container {
  min-height: 600px;
  background-size: 48px 48px !important;
}

.is-messaging-open div#modal-asset-preview-modal-body {
  padding-right: 350px;
}

/*

  Sign-off modal

======================================================*/
.modal-submission-sign-off {
  width: 580px;
}
.modal-submission-sign-off .modal__title {
  color: #fff;
  text-align: left;
}
.modal-submission-sign-off .modal__body p {
  font-size: 16px;
  padding-right: 35px;
}
.modal-submission-sign-off .modal__footer button,
.modal-submission-sign-off .modal__footer .btn {
  font-size: 18px;
  height: 48px;
  min-width: 137px;
}
.modal-submission-sign-off .modal__footer button .padlock__icon,
.modal-submission-sign-off .modal__footer .btn .padlock__icon {
  text-align: left;
}
.modal-submission-sign-off .modal__footer button .sign-off-button__text,
.modal-submission-sign-off .modal__footer .btn .sign-off-button__text {
  vertical-align: sub;
  font-weight: 700;
}

/*

  Lesson viewer structure main

======================================================*/
.lesson-viewer {
  width: 980px;
  box-sizing: border-box;
}

.lesson-viewer__content {
  width: 800px;
  height: 600px;
  max-height: 600px;
  overflow: hidden;
  float: left;
}

.lesson-viewer__content iframe {
  border: 0 none;
  background: #fff;
}

.lesson-viewer__menu {
  width: 180px;
  height: 555px;
  max-height: 600px;
  overflow-x: hidden;
  overflow-y: auto;
  background: #fff;
  position: relative;
}

#student-learning-space .lesson-viewer__menu {
  height: 600px;
}

#student-learning-space .lesson-pupil-notes {
  padding: 25px;
  max-height: calc(100% - 20px);
  overflow-y: auto;
  background: #fff;
  margin: 10px;
  border-radius: 10px;
  font-size: 18px;
  line-height: 1.4;
}
#student-learning-space .lesson-pupil-notes p:last-child {
  margin-bottom: 0;
}

/*

  Resource Collections

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

  Lesson viewer actions

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

  Lesson viewer controls

======================================================*/
.lesson-viewer__controls {
  background: var(--lesson-viewer-dark);
  position: absolute;
  bottom: 0;
  right: 0;
}

.lesson-viewer__control {
  height: 45px;
  width: 45px;
  color: #fff;
  padding: 6px 5px 5px;
  text-align: center;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  font-weight: 600;
  border-left: 1px solid var(--lesson-viewer-chrome-background);
  border-top: 1px solid var(--lesson-viewer-chrome-background);
  background: var(--lesson-viewer-dark);
}
.lesson-viewer__control span {
  font-size: 2em;
}
.lesson-viewer__control:hover {
  text-decoration: none;
  color: #fff !important;
  background: var(--red);
}

.lesson-viewer__control--no-label span {
  line-height: 30px;
}

.lesson-viewer__control.is-active {
  background: #111;
}

li:first-child .lesson-viewer__control {
  border-left: 0 solid transparent;
}
.presentation-mode li:first-child .lesson-viewer__control {
  border-left: 1px solid #000;
}

.lesson-viewer__control--accent {
  background: var(--lesson-viewer-accent);
}

.lesson-viewer__control[disabled=disabled],
.lesson-viewer__control[disabled=disabled]:hover {
  cursor: default !important;
  color: #888 !important;
  background: transparent !important;
  text-decoration: none;
}

.resource-menu.is-hidden {
  height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.2s linear;
}

.resource-menu__title {
  color: #fff;
  font-weight: 700;
  padding: 2px 5px;
}

#mask {
  height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.2s linear;
  position: static;
}

.presentation-mode #mask {
  height: auto;
  overflow: visible;
  visibility: visible;
  opacity: 1;
  background: #222;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 8000;
}

.presentation-mode .lesson-viewer__control {
  color: #888;
  border: 1px solid #000;
  border-width: 1px 0px 0px 1px;
}

.presentation-mode .resource-menu__info-link,
.presentation-mode .resource-menu__download-link {
  display: none !important;
}

.presentation-mode .lesson-viewer.is-active {
  position: relative;
  z-index: 9000;
}

.presentation-mode .tabs--viewer {
  z-index: 9000;
  position: relative;
  visibility: hidden;
}

.presentation-mode .lesson-viewer.is-active * {
  z-index: 9000;
}

.presentation-mode .lesson-viewer__actions {
  height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.2s linear;
}

.presentation-mode .lesson-viewer__control {
  border-color: #000;
}

.tabs__panes--viewer {
  overflow: hidden;
  position: relative;
}

.lesson-viewer {
  transition: all 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}

.is-transparent {
  opacity: 0;
  transition: opacity 1s;
}

.was-transparent {
  opacity: 1;
  transition: opacity 0.4s ease;
}

/*

  Unplayable resources

======================================================*/
.lesson-viewer__content-error {
  padding: 30px;
  background: #fff;
  height: 600px;
}

.lesson-viewer__content-error #lesson-content > h3:first-child {
  display: none;
}

.lesson-viewer__content-error .pa20 {
  padding-left: 0;
  padding-right: 0;
}

.lesson-viewer__content-error h2 {
  font-size: 21px;
  margin-bottom: 20px;
}

/*

  Secondary Full Screen

======================================================*/
body.product-cmsec.is-full-screen #bd #lesson-viewer {
  margin-top: 0 !important;
  transform: scale(1) !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: calc(var(--vh, 1vh) * 100) !important;
}

body.product-cmsec.is-full-screen #lesson-viewer .lesson-viewer {
  width: 100vw;
  height: 100vw;
}

body.product-cmsec.is-full-screen #lesson-viewer .lesson-viewer__content,
body.product-cmsec.is-full-screen.resouce-is-yustudio #lesson-viewer .js-resource-viewer {
  width: calc(100vw - 180px) !important;
  height: 100vh !important;
  max-height: 100vh !important;
}

body.product-cmsec.is-full-screen .js-resource-viewer,
body.product-cmsec.is-full-screen .initial-asset-placeholder {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(var(--lv-transform)) !important;
  margin-left: 90px;
}

body.product-cmsec.is-full-screen.resouce-is-yustudio #lesson-viewer .js-resource-viewer {
  position: static;
  top: auto;
  left: auto;
  transform: none !important;
  margin: 0;
}

body.product-cmsec.is-full-screen.resouce-is-yustudio #lesson-viewer .js-resource-viewer {
  margin-left: 0;
}

body.product-cmsec.is-full-screen #lesson-viewer .resource-menu {
  background: #212121;
  border: 0;
  border-radius: 4px;
  height: calc(100vh - 45px);
  border-top: 1px solid transparent;
  max-height: 100vh;
}

body.product-cmsec.is-full-screen #lesson-viewer .lesson-viewer__controls {
  background: #000;
  bottom: 0;
  left: 0px;
  right: auto;
  position: fixed;
}

body.product-cmsec #lesson-viewer__nav-tab-1 .lesson-viewer__menu > .lv-menu-seperator__trigger:nth-of-type(1) {
  background: #ff99a0 !important;
}

body.product-cmsec #lesson-viewer__nav-tab-1 .lesson-viewer__menu > .lv-menu-seperator__trigger:nth-of-type(2) {
  background: #ffdf99 !important;
}

body.product-cmsec #lesson-viewer__nav-tab-1 .lesson-viewer__menu > .lv-menu-seperator__trigger:nth-of-type(3) {
  background: #c7f986 !important;
}

body.product-cmsec #lesson-viewer__nav-tab-1 .lesson-viewer__menu > .lv-menu-seperator__trigger:nth-of-type(4) {
  background: #8cf2eb !important;
}

body.product-cmsec #lesson-viewer__nav-tab-1 .lesson-viewer__menu > .lv-menu-seperator__trigger:nth-of-type(5) {
  background: #ccdcff !important;
}

body.product-cmsec #lesson-viewer__nav-tab-1 .lesson-viewer__menu > .lv-menu-seperator__trigger:nth-of-type(6) {
  background: #d4b3ff !important;
}

body.secondary#student-learning-space #lesson-viewer__nav-tab-1 .lesson-viewer__menu > .lv-menu-seperator__trigger:nth-of-type(1) {
  background: #ff99a0 !important;
}

body.secondary#student-learning-space #lesson-viewer__nav-tab-1 .lesson-viewer__menu > .lv-menu-seperator__trigger:nth-of-type(2) {
  background: #ffdf99 !important;
}

body.secondary#student-learning-space #lesson-viewer__nav-tab-1 .lesson-viewer__menu > .lv-menu-seperator__trigger:nth-of-type(3) {
  background: #c7f986 !important;
}

body.secondary#student-learning-space #lesson-viewer__nav-tab-1 .lesson-viewer__menu > .lv-menu-seperator__trigger:nth-of-type(4) {
  background: #8cf2eb !important;
}

body.secondary#student-learning-space #lesson-viewer__nav-tab-1 .lesson-viewer__menu > .lv-menu-seperator__trigger:nth-of-type(5) {
  background: #ccdcff !important;
}

body.secondary#student-learning-space #lesson-viewer__nav-tab-1 .lesson-viewer__menu > .lv-menu-seperator__trigger:nth-of-type(6) {
  background: #d4b3ff !important;
}

.percent-complete,
.percent-complete__bar {
  height: 16px;
}

.percent-complete {
  width: 100%;
  background: #fff;
  overflow: hidden;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset;
}

.percent-complete__bar {
  transition: width 0.7s;
}

/*ILP Banner and and intro video modal */
.ilp-video__link {
  position: relative;
}

.video-play-button {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  margin: 0;
}

.ilp-video__link.hoverable-caption:hover .hoverable-caption--mask {
  background: rgba(0, 0, 0, 0.3);
}

.ilp-video__link:hover .video-play-button {
  transition: 0.2s;
  transform: translate(-50%, -50%) scale(1.1);
}

.modal#ilps__modal--intro-video {
  min-width: 98vw;
  max-width: 98vw;
  min-height: 98vh;
  max-height: 98vh;
}

#ilps__modal--intro-video .modal__close:hover {
  text-decoration: none;
}

.layout--home .apps-links__container h3 {
  font-weight: bold;
}

.apps-links__item {
  margin-bottom: 5px;
  background: #FFFFFF;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.13);
  border-radius: 4px;
}

.apps-links__item-icon {
  width: 44px;
}

.apps-links__item-title {
  width: 100%;
  font-weight: bold;
}

.apps-links__item-title-orange {
  color: var(--orange);
}

.apps-links__item-title-blue {
  color: #00adef;
}

.apps-links__item-sub-text {
  width: 100%;
  font-size: 13px;
  font-weight: bold;
}

.section__title-menu {
  background: #fff;
  z-index: 1;
  padding: 10px;
}
.section__title-menu li {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 10px;
  border-left: 1px solid #d1d2d2;
}
.section__title-menu li:first-of-type {
  padding-left: 0;
  border-left: none;
}
.section__title-menu li:last-of-type {
  padding-right: none;
}
.section__title-menu h2.toc__item {
  margin-bottom: 15px;
}
.section__title-menu .toc__link,
.section__title-menu .toc__link:hover {
  color: #323636;
}
.section__title-menu.is-stuck {
  position: fixed;
  left: 0;
  width: 100%;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  padding: 10px 30px;
  z-index: 6;
}
.section__title-menu.is-stuck .layout__module-list__menu {
  text-align: center;
}
.section__title-menu.is-stuck .layout__module-list__menu h4,
.section__title-menu.is-stuck .layout__module-list__menu ul,
.section__title-menu.is-stuck .layout__module-list__menu li {
  display: inline-block;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  font-size: 15px;
  line-height: 24px;
  height: 24px;
  vertical-align: bottom;
}
.section__title-menu.is-stuck .layout__module-list__menu li {
  padding-left: 10px;
  padding-right: 10px;
}

.js-show-and-play-video__skip-to--links {
  display: inline-block;
  line-height: 1;
  border-right: 1px solid #d1d2d2;
  margin-top: 10px;
  margin-left: 10px;
  padding-right: 10px;
}
.js-show-and-play-video__skip-to--links:last-child {
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}

/*

  Home

============================================================== */
.musik-partner-overview .h {
  color: #fff;
  text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.musik-partner-overview .card--fixed {
  min-height: 395px;
}
.musik-partner-overview .tile {
  background: url(/images/danish-theme/nav-icons.png) 0 0 no-repeat;
  display: block;
  padding: 40px 10px 5px;
  color: #fff;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 20px;
}
.musik-partner-overview .tile:hover {
  background-color: var(--color-link-hover) !important;
}
.musik-partner-overview .read-more:hover {
  color: var(--color-link-hover) !important;
}

.theme--folkeskole .tile {
  background-color: var(--yellow);
  background-position: 99px -124px;
}
.theme--folkeskole .read-more {
  color: var(--yellow);
}

.theme--musikskole .tile {
  background-color: var(--green);
  background-position: 110px -282px;
}
.theme--musikskole .read-more {
  color: var(--green);
}

.theme--music-world .tile {
  background-color: var(--blue);
  background-position: 117px -592px;
}
.theme--music-world .read-more {
  color: var(--blue);
}

.theme--my-workspace .tile {
  background-color: var(--purple);
  background-position: 114px -462px;
}
.theme--my-workspace .read-more {
  color: var(--purple);
}

/* CMS Homepage icons =================================*/
.medium-icon-for-music-world {
  background-image: url(/images/danish-theme/nav-tab-sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -300px;
  display: block;
  width: 40px;
  height: 40px;
  float: left;
  margin: -4px 0 -2px;
}

.medium-icon-for-scheme {
  margin-top: -2px;
  font-size: 30px;
}

.medium-icon-for-scheme:before {
  color: #F27D6D;
}

.medium-icon-for-freestyle {
  margin-top: 1px;
  font-size: 28px;
  padding-right: 6px;
  box-sizing: content-box;
}

.medium-icon-for-freestyle:before {
  width: 34px;
  display: inline-block;
  text-indent: -6px;
  color: #F2B76D;
}

.folkeskole-hero a.card--section {
  background: #fff;
}

.folkeskole-hero .card--fixed {
  min-height: 400px;
}
.folkeskole-hero .card--fixed img {
  float: right;
  margin: -50px -15px 0 10px;
}

.grad-theme--card {
  background: #feffff;
  background: linear-gradient(to bottom, #cbffe6 0%, #bbdfed 100%);
}

.tabs-folkeskole h3 {
  font-size: 24px;
  line-height: 40px;
}
.tabs-folkeskole .card--heading {
  font-size: 21px;
  line-height: 1.2;
  padding: 0 0 10px;
}
.tabs-folkeskole h4 {
  font-size: 24px;
  line-height: 30px;
  padding-top: 50px;
  border-top: 3px solid #ccc;
  margin-top: 30px;
}
.tabs-folkeskole h4:first-child {
  padding-top: 7px;
  border-top: 0px solid #ccc;
  margin-top: 0px;
}
.tabs-folkeskole h5 {
  font-size: 18px;
  margin-top: 40px;
  padding: 20px 0 10px;
  border-top: 1px solid #E0E0E0;
}
.tabs-folkeskole blockquote {
  padding: 15px;
  margin: 0 0 20px;
  border-left: 0;
  background: #F5F5F5;
  border-radius: 5px;
  box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.05);
}
.tabs-folkeskole blockquote li, .tabs-folkeskole blockquote p {
  padding: 10px 0 0;
  line-height: 20px;
  font-size: 14px;
}

.freestyle-layout--cards .card img, .freestyle-layout--cards .community-pages .hentry img, .community-pages .freestyle-layout--cards .hentry img, .freestyle-layout--cards .community-pages .vevent img, .community-pages .freestyle-layout--cards .vevent img, .freestyle-layout--cards .community-pages .myForums img, .community-pages .freestyle-layout--cards .myForums img {
  width: 100%;
}

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

  SCHEME

  NB. includes some rndm stff incl pdf viewer

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

  todo TO BE FILED

======================================================*/
#change-music-service {
  position: absolute;
  right: 0;
  z-index: 99;
}

#plugins-required {
  text-align: left;
}

.button-silver, .step-launch-button, .step-last-viewed a {
  padding: 0.3em 0.6em 0.2em;
  border: #e0e0e0 1px solid;
  display: block;
  vertical-align: bottom;
  color: #888;
  font-weight: 700;
  text-shadow: 0 1px 1px #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #ddd; /* Old browsers */
  background: linear-gradient(0deg, #ddd 0%, #fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/*

  Step bookmark

======================================================*/
.step-last-viewed {
  position: absolute;
  top: 7px;
  right: 15px;
}
.step-last-viewed .last-viewed-lesson {
  width: 130px;
  text-align: center;
}
.step-last-viewed a {
  font-size: 12px;
  float: left;
  border-left: 1px solid #fff;
  text-transform: uppercase;
  border-radius: 0;
}
.step-last-viewed a:first-child {
  border-radius: 10px 0 0 10px;
  border: #e0e0e0 1px solid;
}
.step-last-viewed a:last-child {
  border-radius: 0 10px 10px 0;
}
.step-last-viewed a:hover {
  color: #222;
  background-color: #fff; /* Old browsers */
  background: linear-gradient(0deg, #fff 0%, #ddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  text-shadow: 0 0 5px #fff;
}
.step-last-viewed:hover .last-viewed-lesson--description {
  display: none;
}
.step-last-viewed:hover .last-viewed-lesson--detail {
  display: block;
}

/*

  SCHEME: GLOBAL

======================================================*/
.scheme-layout .btn-large .glyphicon {
  box-sizing: content-box;
  font-size: 14px;
  margin: 0px 5px 0 0;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 6px rgba(255, 255, 255, 0.4);
  color: #FFF;
  padding: 3px;
  text-shadow: initial;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.1);
}
.scheme-layout .btn-large .glyphicon-remove {
  background: #aaa;
}
.scheme-layout .btn-large .glyphicon-chevron-right {
  padding: 2px 2px 3px;
}

/*

  SCHEME: HOME

======================================================*/
/*  MAP OF THE TERM GRID STRUCTURE   ====================*/
.scheme-grid {
  border: 0 none;
}
.scheme-grid * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.scheme-grid td,
.scheme-grid th {
  position: relative;
  padding: 0;
  border: 0 none transparent;
}

.scheme-grid th {
  background: transparent !important;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 1px;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.2);
}

.scheme-grid th,
.scheme-grid th a {
  color: #fff;
}

.scheme-grid td a,
.scheme-grid th a {
  text-decoration: none;
}

/*  TERM TABS   ====================*/
.scheme-grid thead th {
  cursor: default;
  border: 0 none;
  border-left: 2px solid #fff;
}

.scheme-grid__term-wrapper {
  width: 147px;
  padding: 10px;
  color: #fff;
  border-radius: 3px 3px 0 0;
}

.scheme-v1 th.term-1 .scheme-grid__term-wrapper {
  background: #e2915b;
}
.scheme-v1 th.term-2 .scheme-grid__term-wrapper {
  background: #e1b654;
}
.scheme-v1 th.term-3 .scheme-grid__term-wrapper {
  background: #b2a754;
}
.scheme-v1 th.term-4 .scheme-grid__term-wrapper {
  background: #7f9b57;
}
.scheme-v1 th.term-5 .scheme-grid__term-wrapper {
  background: #588378;
}
.scheme-v1 th.term-6 .scheme-grid__term-wrapper {
  background: #5a7279;
}

.scheme-v2 th.term-1 .scheme-grid__term-wrapper {
  background-color: #e66428;
  background-image: linear-gradient(225deg, #f3ab27 0%, #e66428 100%) !important;
}
.scheme-v2 th.term-2 .scheme-grid__term-wrapper {
  background-color: #eca009;
  background-image: linear-gradient(224deg, #f9d967 0%, #eca009 100%) !important;
}
.scheme-v2 th.term-3 .scheme-grid__term-wrapper {
  background-color: #6D9C30;
  background-image: linear-gradient(198deg, #A6DC51 0%, #6D9C30 92%) !important;
}
.scheme-v2 th.term-4 .scheme-grid__term-wrapper {
  background-color: #308B0F;
  background-image: linear-gradient(223deg, #30CD7B 0%, #308B0F 100%) !important;
}
.scheme-v2 th.term-5 .scheme-grid__term-wrapper {
  background-color: #07767B;
  background-image: linear-gradient(225deg, #34AFE5 0%, #07767B 100%) !important;
}
.scheme-v2 th.term-6 .scheme-grid__term-wrapper {
  background-color: #0D5993;
  background-image: linear-gradient(227deg, #787DDB 0%, #0D5993 100%) !important;
}
.scheme-v2 .scheme-grid__unit-wrapper {
  width: 149px;
}

.scheme-mmc th.term-6 .scheme-grid__term-wrapper,
.scheme-mmc__v2 th.term-6 .scheme-grid__term-wrapper,
.scheme-scotland th.term-6 .scheme-grid__term-wrapper {
  background-color: #e66428;
  background-image: linear-gradient(225deg, #f3ab27 0%, #e66428 100%) !important;
}
.scheme-mmc th.term-5 .scheme-grid__term-wrapper,
.scheme-mmc__v2 th.term-5 .scheme-grid__term-wrapper,
.scheme-scotland th.term-5 .scheme-grid__term-wrapper {
  background-color: #eca009;
  background-image: linear-gradient(224deg, #f9d967 0%, #eca009 100%) !important;
}
.scheme-mmc th.term-4 .scheme-grid__term-wrapper,
.scheme-mmc__v2 th.term-4 .scheme-grid__term-wrapper,
.scheme-scotland th.term-4 .scheme-grid__term-wrapper {
  background-color: #6D9C30;
  background-image: linear-gradient(198deg, #A6DC51 0%, #6D9C30 92%) !important;
}
.scheme-mmc th.term-3 .scheme-grid__term-wrapper,
.scheme-mmc__v2 th.term-3 .scheme-grid__term-wrapper,
.scheme-scotland th.term-3 .scheme-grid__term-wrapper {
  background-color: #308B0F;
  background-image: linear-gradient(223deg, #30CD7B 0%, #308B0F 100%) !important;
}
.scheme-mmc th.term-2 .scheme-grid__term-wrapper,
.scheme-mmc__v2 th.term-2 .scheme-grid__term-wrapper,
.scheme-scotland th.term-2 .scheme-grid__term-wrapper {
  background-color: #07767B;
  background-image: linear-gradient(225deg, #34AFE5 0%, #07767B 100%) !important;
}
.scheme-mmc th.term-1 .scheme-grid__term-wrapper,
.scheme-mmc__v2 th.term-1 .scheme-grid__term-wrapper,
.scheme-scotland th.term-1 .scheme-grid__term-wrapper {
  background-color: #0D5993;
  background-image: linear-gradient(227deg, #787DDB 0%, #0D5993 100%) !important;
}

/*  YEAR TABS   ====================*/
.scheme-grid__year-link {
  display: block;
  width: 93px;
  height: 130px;
  padding: 10px 7px 30px;
  border-radius: 3px 0 0 3px;
  vertical-align: middle;
  color: #fff;
}
.scheme-grid__year-link:hover {
  color: #fff;
}

.scheme-v1 .scheme-grid__year-link {
  background: #f27d6d;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  height: 132px;
}

.scheme-v1 .scheme-grid__year-link:hover,
.scheme-v1 th.hover .scheme-grid__year-link {
  box-shadow: 0 0 105px #c01c06 inset;
  color: #fff;
}

.scheme-v2 .scheme-grid__year-link {
  border-top: 1px solid;
  background-color: #CD382A;
  background-image: linear-gradient(-225deg, #F85E50 0%, #CD382A 100%) !important;
  border-bottom: 1px solid #fff;
}

.scheme-v2 .scheme-grid__year-link:hover,
.scheme-v2 th.hover .scheme-grid__year-link {
  background-color: #8c0e02;
  background-image: linear-gradient(-225deg, #e02918 0%, #8c0e02 100%) !important;
  box-shadow: 0 0 105px #c01c06 inset;
  color: #fff;
}

.scheme-v2 .year-index-6 th.scheme-grid__year {
  border-bottom: 2px solid #CD382A;
  border-radius: 0 0 0 3px;
}
.scheme-v2 .year-index-6 th.scheme-grid__year .scheme-grid__year-link {
  border-bottom: 0 none;
  border-radius: 3px 0 0 0;
}

.scheme-grid__year-main {
  font-size: 34px;
  line-height: 1;
  display: block;
  letter-spacing: -1px;
}

body.current-locale-en .scheme-grid__year-main {
  font-size: 72px;
}

body.current-locale-en-SC .scheme-grid__year-main {
  font-size: 72px;
}

body.current-locale-en-NI .scheme-grid__year-main {
  font-size: 48px;
}

.scheme-grid__year-descriptor,
.scheme-grid__year-subtitle {
  font-size: 11px;
  line-height: 13px;
  display: block;
}

/*  TERM LINKS   ====================*/
.scheme-grid__unit {
  position: relative;
  font-size: 15px;
}

.scheme-grid__unit-wrapper {
  position: relative;
  width: 100%;
  height: 128px;
}

.scheme-grid__unit-link {
  padding: 10px 10px 30px;
  display: block;
  min-height: 130px;
}

.scheme-v1 .scheme-grid__unit {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  background: #e5eff2;
  box-shadow: 0 0 105px rgba(167, 214, 226, 0.4) inset;
  transition: all 0.1s;
}
.scheme-v1 .scheme-grid__unit.hover {
  background: #c4e3ec;
}
.scheme-v1 .scheme-grid__unit:hover,
.scheme-v1 .scheme-grid__unit.hover-focus {
  background: #67c2de;
  box-shadow: 0 0 105px rgba(21, 111, 134, 0.4) inset;
}
.scheme-v1 .scheme-grid__unit:hover .scheme-grid__unit-link,
.scheme-v1 .scheme-grid__unit.hover-focus .scheme-grid__unit-link {
  color: #fff;
  text-shadow: 0 0 2px rgba(21, 111, 134, 0.4) ";";
}
.scheme-v1 .scheme-grid__unit:hover select,
.scheme-v1 .scheme-grid__unit.hover-focus select {
  opacity: 1;
}

.scheme-v2 .scheme-grid__unit--term-1 {
  border-color: #F88B50 !important;
}
.scheme-v2 .scheme-grid__unit--term-2 {
  border-color: #FFC13D !important;
}
.scheme-v2 .scheme-grid__unit--term-3 {
  border-color: #6D9C30 !important;
}
.scheme-v2 .scheme-grid__unit--term-4 {
  border-color: #308B0F !important;
}
.scheme-v2 .scheme-grid__unit--term-5 {
  border-color: #07767B !important;
}
.scheme-v2 .scheme-grid__unit--term-6 {
  border-color: #0D5993 !important;
}
.scheme-v2 div.scheme-grid__unit-overlay-1,
.scheme-v2 div.scheme-grid__unit-overlay-2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.scheme-v2 div.scheme-grid__unit-overlay-1 {
  background: #fff;
  transition: opacity 0.7s 0s;
  z-index: 2;
}
.scheme-v2 .scheme-grid__unit.hover div.scheme-grid__unit-overlay-1 {
  opacity: 0.8;
}
.scheme-v2 .scheme-grid__unit:hover div.scheme-grid__unit-overlay-1,
.scheme-v2 .scheme-grid__unit.hover-focus div.scheme-grid__unit-overlay-1 {
  opacity: 0;
  transition: opacity 0.15s;
}
.scheme-v2 div.scheme-grid__unit-overlay-2 {
  z-index: 1;
}
.scheme-v2 .scheme-grid__unit:hover div.scheme-grid__unit-overlay-2 {
  bottom: -1px;
}
.scheme-v2 .scheme-grid__unit--term-1 .scheme-grid__unit-overlay-2 {
  background-color: #F88B50;
}
.scheme-v2 .scheme-grid__unit--term-2 .scheme-grid__unit-overlay-2 {
  background-color: #FFC13D;
}
.scheme-v2 .scheme-grid__unit--term-3 .scheme-grid__unit-overlay-2 {
  background-color: #6D9C30;
}
.scheme-v2 .scheme-grid__unit--term-4 .scheme-grid__unit-overlay-2 {
  background-color: #308B0F;
}
.scheme-v2 .scheme-grid__unit--term-5 .scheme-grid__unit-overlay-2 {
  background-color: #07767B;
}
.scheme-v2 .scheme-grid__unit--term-6 .scheme-grid__unit-overlay-2 {
  background-color: #0D5993;
}
.scheme-v2 div.scheme-grid__unit-overlay-3 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  filter: grayscale(100%);
  background-position: center center;
  background-size: cover;
}
.scheme-v2 a.scheme-grid__unit-link {
  z-index: 10;
  position: absolute;
  color: var(--color-text);
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}
.scheme-v2 div.scheme-grid__steps {
  z-index: 15;
  position: absolute;
}
.scheme-v2 .scheme-grid__unit:hover .scheme-grid__unit-link,
.scheme-v2 .scheme-grid__unit:hover .scheme-grid__unit-link span,
.scheme-v2 .scheme-grid__unit.hover-focus .scheme-grid__unit-link,
.scheme-v2 .scheme-grid__unit.hover-focus .scheme-grid__unit-link span {
  color: #fff;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.15), 0px 0px 3px rgba(0, 0, 0, 0.1);
}
.scheme-v2 .scheme-grid__unit:hover select,
.scheme-v2 .scheme-grid__unit.hover-focus select {
  opacity: 1;
}
.scheme-v2 .scheme-grid__unit {
  border-top: 0 none;
  border-right: 2px solid;
  border-bottom: 2px solid;
  border-left: 0 none;
}

/*  WEEK LINKS   ====================*/
.scheme-grid__steps {
  position: absolute;
  bottom: 10px;
  left: 9px;
  margin-bottom: 0;
}

.scheme-grid__step-select {
  width: 128px;
  margin-bottom: 0;
  opacity: 0.5;
}

.scheme-grid__step {
  width: 18px;
  background: #fff;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  margin: 0 0px 0 0;
  border-radius: 10px;
  color: #777;
  box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.15);
}

.scheme-grid__unit--term-1 .scheme-grid__step {
  color: #ff7f3d;
}

.scheme-grid__unit--term-2 .scheme-grid__step {
  color: #e99400;
}

.scheme-grid__unit--term-3 .scheme-grid__step {
  color: #9b8b27;
}

.scheme-grid__unit--term-4 .scheme-grid__step {
  color: #709e38;
}

.scheme-grid__unit--term-5 .scheme-grid__step {
  color: #3e7b6b;
}

.scheme-grid__unit--term-6 .scheme-grid__step {
  color: #41646f;
}

.scheme-grid__unit--term-1 .scheme-grid__step:hover {
  background: #ff7f3d !important;
  color: #fff !important;
}

.scheme-grid__unit--term-2 .scheme-grid__step:hover {
  background: #ffb636 !important;
  color: #fff !important;
}

.scheme-grid__unit--term-3 .scheme-grid__step:hover {
  background: #c4af31 !important;
  color: #fff !important;
}

.scheme-grid__unit--term-4 .scheme-grid__step:hover {
  background: #709e38 !important;
  color: #fff !important;
}

.scheme-grid__unit--term-5 .scheme-grid__step:hover {
  background: #3e7b6b !important;
  color: #fff !important;
}

.scheme-grid__unit--term-6 .scheme-grid__step:hover {
  background: #41646f !important;
  color: #fff !important;
}

.scheme-mmc .scheme-grid__unit--term-6 .scheme-grid__step,
.scheme-mmc__v2 .scheme-grid__unit--term-6 .scheme-grid__step,
.scheme-scotland .scheme-grid__unit--term-6 .scheme-grid__step {
  color: #ff7f3d;
}
.scheme-mmc .scheme-grid__unit--term-5 .scheme-grid__step,
.scheme-mmc__v2 .scheme-grid__unit--term-5 .scheme-grid__step,
.scheme-scotland .scheme-grid__unit--term-5 .scheme-grid__step {
  color: #e99400;
}
.scheme-mmc .scheme-grid__unit--term-4 .scheme-grid__step,
.scheme-mmc__v2 .scheme-grid__unit--term-4 .scheme-grid__step,
.scheme-scotland .scheme-grid__unit--term-4 .scheme-grid__step {
  color: #9b8b27;
}
.scheme-mmc .scheme-grid__unit--term-3 .scheme-grid__step,
.scheme-mmc__v2 .scheme-grid__unit--term-3 .scheme-grid__step,
.scheme-scotland .scheme-grid__unit--term-3 .scheme-grid__step {
  color: #709e38;
}
.scheme-mmc .scheme-grid__unit--term-2 .scheme-grid__step,
.scheme-mmc__v2 .scheme-grid__unit--term-2 .scheme-grid__step,
.scheme-scotland .scheme-grid__unit--term-2 .scheme-grid__step {
  color: #3e7b6b;
}
.scheme-mmc .scheme-grid__unit--term-1 .scheme-grid__step,
.scheme-mmc__v2 .scheme-grid__unit--term-1 .scheme-grid__step,
.scheme-scotland .scheme-grid__unit--term-1 .scheme-grid__step {
  color: #41646f;
}
.scheme-mmc .scheme-grid__unit--term-6 .scheme-grid__step:hover,
.scheme-mmc__v2 .scheme-grid__unit--term-6 .scheme-grid__step:hover,
.scheme-scotland .scheme-grid__unit--term-6 .scheme-grid__step:hover {
  background: #ff7f3d !important;
  color: #fff !important;
}
.scheme-mmc .scheme-grid__unit--term-5 .scheme-grid__step:hover,
.scheme-mmc__v2 .scheme-grid__unit--term-5 .scheme-grid__step:hover,
.scheme-scotland .scheme-grid__unit--term-5 .scheme-grid__step:hover {
  background: #ffb636 !important;
  color: #fff !important;
}
.scheme-mmc .scheme-grid__unit--term-4 .scheme-grid__step:hover,
.scheme-mmc__v2 .scheme-grid__unit--term-4 .scheme-grid__step:hover,
.scheme-scotland .scheme-grid__unit--term-4 .scheme-grid__step:hover {
  background: #c4af31 !important;
  color: #fff !important;
}
.scheme-mmc .scheme-grid__unit--term-3 .scheme-grid__step:hover,
.scheme-mmc__v2 .scheme-grid__unit--term-3 .scheme-grid__step:hover,
.scheme-scotland .scheme-grid__unit--term-3 .scheme-grid__step:hover {
  background: #709e38 !important;
  color: #fff !important;
}
.scheme-mmc .scheme-grid__unit--term-2 .scheme-grid__step:hover,
.scheme-mmc__v2 .scheme-grid__unit--term-2 .scheme-grid__step:hover,
.scheme-scotland .scheme-grid__unit--term-2 .scheme-grid__step:hover {
  background: #3e7b6b !important;
  color: #fff !important;
}
.scheme-mmc .scheme-grid__unit--term-1 .scheme-grid__step:hover,
.scheme-mmc__v2 .scheme-grid__unit--term-1 .scheme-grid__step:hover,
.scheme-scotland .scheme-grid__unit--term-1 .scheme-grid__step:hover {
  background: #41646f !important;
  color: #fff !important;
}

.scheme-steps .scheme-grid__step.scheme-grid__step--current {
  background: #F27D6D !important;
  color: #fff !important;
}

.scheme-grid__unstyled {
  background: #fff !important;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}

/*

  SCHEME: YEAR

======================================================*/
.nav--scheme-by-term a {
  border-left: 10px solid;
  display: block;
  padding: 0 0 0 10px;
  margin-bottom: 15px;
  line-height: 1.2;
  min-height: 50px;
}
.nav--scheme-by-term .coming-soon {
  border-left: 10px solid;
  padding: 0 0 0 10px;
  margin-bottom: 15px;
  line-height: 1.2;
  min-height: 50px;
}
.nav--scheme-by-term .coming-soon span {
  color: #888 !important;
}
.nav--scheme-by-term .term-1 {
  border-color: #ff7f3d;
}
.nav--scheme-by-term .term-2 {
  border-color: #ffb636;
}
.nav--scheme-by-term .term-3 {
  border-color: #c4af31;
}
.nav--scheme-by-term .term-4 {
  border-color: #709e38;
}
.nav--scheme-by-term .term-5 {
  border-color: #3e7b6b;
}
.nav--scheme-by-term .term-6 {
  border-color: #41646f;
}

.nav--scheme-term--name {
  display: block;
}

.scheme-year--term-title {
  padding: 5px 0 0;
  border-top: 1px solid #DDD;
  margin: 20px 0 0;
}

/*

  SCHEME: TERM

======================================================*/
.nav--scheme-by-step .term-1 .step-launch-button__launch-icon {
  background-color: #ff7f3d;
}
.nav--scheme-by-step .term-2 .step-launch-button__launch-icon {
  background-color: #ffb636;
}
.nav--scheme-by-step .term-3 .step-launch-button__launch-icon {
  background-color: #c4af31;
}
.nav--scheme-by-step .term-4 .step-launch-button__launch-icon {
  background-color: #709e38;
}
.nav--scheme-by-step .term-5 .step-launch-button__launch-icon {
  background-color: #3e7b6b;
}
.nav--scheme-by-step .term-6 .step-launch-button__launch-icon {
  background-color: #41646f;
}

.step-launch-button {
  box-sizing: content-box;
  margin-bottom: 10px;
  position: relative;
  padding: 0;
}

.step-launch-button__launch-link {
  padding: 6px 5px 4px 39px;
  margin-right: 43px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  display: block;
  line-height: 1;
  color: #222;
  box-shadow: 1px 0 0 #ddd;
}

.step-launch-button__title-mini {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 2px;
  color: #767676;
  font-weight: 700;
  display: block;
}

.step-launch-button__launch-icon {
  position: absolute;
  top: 50%;
  left: 6px;
  transform: translate(0, -50%);
  background-color: #aaa;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 20px;
  padding: 5px 5px 6px 7px;
  color: #FFF;
  box-shadow: 0 1px 0 #FFF;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.4), 0 1px 1px #FFF;
}

.step-launch-button__more-button .actions__more {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 42px;
}

.step-launch-button__launch-link:hover,
.step-launch-button__more-button .actions__more:hover,
.step-launch-button__more-button .actions__more.is-active {
  background-color: #fff; /* Old browsers */
  background: linear-gradient(0deg, #fff 0%, #ddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  text-shadow: 0 0 5px #fff;
  text-decoration: none !important;
  color: var(--color-link-hover);
}

.step-launch-button__launch-link:hover {
  border-radius: 10px 0 0 10px;
}

.step-launch-button__more-button .actions__more:hover,
.step-launch-button__more-button .actions__more.is-active {
  border-radius: 0 10px 10px 0;
}

.step-launch-button__more-button .dropdown__trigger {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
}

.course-layout__thumbnail {
  float: right;
  margin: 0 0 10px 15px;
}

.course-layout__description.u1of2 .course-layout__thumbnail,
.course-page__description.u1of2 .course-layout__thumbnail {
  max-width: 180px;
}

.course-layout__description.u3of4 .course-layout__thumbnail,
.course-page__description.u3of4 .course-layout__thumbnail {
  max-width: 290px;
}

.scheme-layout.scheme-term-1 .decorative-stripe {
  background-position: -1060px -797px !important;
}

.scheme-layout.scheme-term-2 .decorative-stripe {
  background-position: -1130px -797px !important;
}

.scheme-layout.scheme-term-3 .decorative-stripe {
  background-position: -1200px -797px !important;
}

.scheme-layout.scheme-term-4 .decorative-stripe {
  background-position: -1760px -797px !important;
}

.scheme-layout.scheme-term-5 .decorative-stripe {
  background-position: 80px -797px !important;
}

.scheme-layout.scheme-term-6 .decorative-stripe {
  background-position: -30px -797px !important;
}

.action-micro a:hover,
.action-micro form:hover,
.action-micro form:hover button {
  background: #08C !important;
  color: #fff !important;
  text-shadow: initial;
}

/*

  SCHEME: STEP

======================================================*/
.folder_l3 {
  width: 30%;
  margin-right: 1.1%;
  float: left;
  height: 245px;
  margin-bottom: 20px;
  overflow: auto;
  border: 1px solid #CCC !important;
  padding: 1% 1%;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset, 0 -1px 3px #ffffff;
}

.folder_l3 h4 {
  min-height: 45px;
  border-bottom: 1px solid #DDD;
  margin-bottom: 10px;
}

.folder_l3:nth-child(1n) {
  width: 30%;
  margin-right: 1.6%;
}

.folder_l3:nth-child(3n) {
  margin-right: 0;
}

.lesson-viewer .nav-tabs {
  margin-bottom: 0;
}

.lesson-viewer .tab-pane {
  min-height: 600px;
  background: url(/pro/images/global/textures/bgnoise_lg3.png);
  background-size: 100px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
  border-radius: 5px;
  border: 1px solid #eee;
  margin-bottom: 10px;
  padding: 10px;
}
.lesson-viewer .tab-pane#lesson {
  text-align: center;
}
.lesson-viewer .tab-pane #swfEmbed {
  border: 1px solid #eee;
  background: #fff;
  margin: 10px auto;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

.lesson-viewer .tab-content {
  min-height: 720px;
}

.lesson-viewer .nav-tabs > .active > a,
.lesson-viewer .nav-tabs > .active > a:hover {
  border-color: #AAA #AAA rgba(0, 0, 0, 0);
}

.glyphicon.term-1 {
  color: #ff7f3d;
}

.glyphicon.term-2 {
  color: #ffb636;
}

.glyphicon.term-3 {
  color: #c4af31;
}

.glyphicon.term-4 {
  color: #709e38;
}

.glyphicon.term-5 {
  color: #3e7b6b;
}

.glyphicon.term-6 {
  color: #41646f;
}

/*

  FREESTYLE: HOME

======================================================*/
.freestyle-layout .media-link {
  text-align: left;
}
.freestyle-layout .media-link .desc {
  margin-bottom: 15px;
  color: #777;
}

.freestyle-layout .media-link--heading {
  min-height: 0;
  font-size: 21px;
}

h1 .glyphicon-random {
  font-size: 21px;
  padding-right: 5px;
}

/*

  PDF Viewer

======================================================*/
#pdf-viewer {
  margin-top: 30px;
  display: none;
  background: #fff;
  position: relative;
  z-index: 999;
}

[data-pdf-viewer-orientation=landscape] {
  width: 1160px;
  position: relative;
  left: -115px;
}

.pdf-viewer-chrome {
  border-radius: 6px 6px 0 0;
}

.pdf-viewer-chrome .btn-mini,
.pdf-viewer-chrome #pdf-viewer-dismiss {
  opacity: 0.6;
}
.pdf-viewer-chrome .btn-mini:hover,
.pdf-viewer-chrome #pdf-viewer-dismiss:hover {
  opacity: 1;
}

.pdf-viewer-chrome .btn-mini .btn-mini__text {
  display: inline-block;
  height: 20px;
  line-height: 20px;
}

.pdf-viewer-chrome #pdf-viewer-dismiss {
  cursor: pointer;
  width: 25px;
  border-radius: 3px;
  overflow: hidden;
}

.pdf-viewer-chrome .glyphicon-arrow-down {
  font-size: 1.2em;
  top: 3px;
}

.pdf-viewer-chrome .btn-mini-print svg {
  width: 14px;
  display: inline-block;
  top: 3px;
  position: relative;
}

#pdf-container {
  border: 1px solid #ccc;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
#pdf-container object {
  width: 100%;
}

/*

  SCHEME: MMC 23

======================================================*/
.scheme-grid__year-mmc-text {
  display: none;
}

.scheme-mmc__v2 #scheme--whole-school .scheme-grid__year .scheme-grid__year-mmc-text,
.scheme-scotland #scheme--whole-school .scheme-grid__year .scheme-grid__year-mmc-text {
  font-size: 13px;
  font-weight: normal;
  line-height: 16px;
}
.scheme-mmc__v2 #scheme--whole-school .scheme-grid__year .scheme-grid__year-main,
.scheme-scotland #scheme--whole-school .scheme-grid__year .scheme-grid__year-main {
  font-size: 45px;
  text-align: right;
  margin-top: 3px;
}
.scheme-mmc__v2 .scheme-grid__year-link,
.scheme-mmc__v2 .scheme-grid__unit-wrapper,
.scheme-scotland .scheme-grid__year-link,
.scheme-scotland .scheme-grid__unit-wrapper {
  height: 85px !important;
}
.scheme-mmc__v2 .scheme-grid__year-link,
.scheme-scotland .scheme-grid__year-link {
  padding-top: 2px;
  padding-right: 5px;
  text-align: right;
}
.scheme-mmc__v2 .scheme-grid__theme,
.scheme-scotland .scheme-grid__theme {
  display: none;
}
.scheme-mmc__v2 .scheme-grid__year-mmc-text,
.scheme-scotland .scheme-grid__year-mmc-text {
  display: block;
}
.scheme-mmc__v2.scheme-grid .scheme-grid__unit-link,
.scheme-scotland.scheme-grid .scheme-grid__unit-link {
  padding: 10px 10px 34px;
  font-size: 15px;
  color: #000;
  line-height: 1.33;
}
.scheme-mmc__v2.scheme-grid .scheme-grid__unit-link:hover,
.scheme-scotland.scheme-grid .scheme-grid__unit-link:hover {
  color: #fff;
}
.scheme-mmc__v2.scheme-grid .scheme-grid__unit-link .scheme-grid__unit-name,
.scheme-scotland.scheme-grid .scheme-grid__unit-link .scheme-grid__unit-name {
  margin: -2px 0 4px;
}
.scheme-mmc__v2.scheme-grid .scheme-grid__unit.hover-focus .scheme-grid__unit-link,
.scheme-scotland.scheme-grid .scheme-grid__unit.hover-focus .scheme-grid__unit-link {
  color: #fff;
}
.scheme-mmc__v2 .scheme-grid__year-descriptor,
.scheme-mmc__v2 .scheme-grid__year-heading,
.scheme-scotland .scheme-grid__year-descriptor,
.scheme-scotland .scheme-grid__year-heading {
  display: none;
}
.scheme-mmc__v2 .scheme-grid__steps,
.scheme-scotland .scheme-grid__steps {
  bottom: 7px;
}

.scheme-mmc .scheme-grid__year-heading,
.scheme-mmc__v2 .scheme-grid__year-heading,
.scheme-scotland .scheme-grid__year-heading {
  display: none;
}

body.current-locale-en .scheme-mmc .scheme-grid__year-main {
  font-size: 72px;
}

.scheme-mmc .scheme-grid__year-link {
  text-align: center;
  padding-top: 22px;
}
.scheme-mmc .scheme-grid__unit-name {
  margin: -2px 0 4px;
  font-weight: bold;
}
.scheme-mmc .scheme-grid__unit-link {
  padding: 5px 5px 34px;
  line-height: 1.15;
  font-size: 14px;
}

body.current-locale-en .scheme-grid__year-main {
  font-size: 45px;
}

.scheme-grid__unit .scheme-grid__step:nth-child(7) {
  display: none;
}

.scheme-grid__unit--scotland .scheme-grid__steps {
  display: none;
}

.scheme-scotland .scheme-grid__year a {
  pointer-events: none;
}
.scheme-scotland .year-index-6 .scheme-grid__year a {
  position: relative;
  pointer-events: none;
}
.scheme-scotland .year-index-6 .scheme-grid__year a:after {
  content: " ";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #2035BE;
  background: linear-gradient(73.71deg, #005EB8 51.2%, #1274D2 100%);
}
.scheme-scotland .scheme-grid__year-mmc-text {
  display: none;
}
.scheme-scotland #scheme--whole-school .scheme-grid__year .scheme-grid__year-main {
  margin-top: 16px;
  text-align: center;
}
.scheme-scotland .scheme-grid__year-link,
.scheme-scotland .scheme-grid__unit-wrapper {
  height: 75px !important;
}
.scheme-scotland .scheme-grid__unit--term-6 .scheme-grid__unit-name {
  width: 94%;
}

.scheme-original .year-index-6 .scheme-grid__year a {
  position: relative;
}
.scheme-original .year-index-6 .scheme-grid__year a:after {
  content: " ";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #CD382A;
  background: linear-gradient(4deg, #F85E50 0%, #CD382A 100%) !important;
}
.scheme-original .year-index-6 .scheme-grid__year a:hover:after {
  background-color: #F88B50;
  background-image: linear-gradient(90deg, #F85E50 0%, #F88B50 100%) !important;
  box-shadow: 0 0 transparent;
}

.scheme3-grid {
  display: grid;
  width: 100%;
  grid-template-columns: 955px repeat(1, 1fr);
  grid-template-rows: auto repeat 1, auto;
  grid-gap: 1px;
  background: url(/images/scheme/scheme-continuous-bg.png) 0 top;
}

.scheme3-grid__unstyled {
  background: #fff !important;
}

.scheme3-grid__year {
  position: relative;
  height: 132px;
  font-weight: bold;
  text-transform: uppercase;
  border-top: 1px solid #fff;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  margin-bottom: -1px;
  margin-top: -1px;
  background-color: #66CA18;
  background: linear-gradient(29.42deg, #008E64 2.45%, #189A66 32.31%, #66CA18 100%);
}

.scheme3-grid__year.edit {
  background: #fff;
}

.scheme3-grid__term {
  width: auto;
  padding-right: 2px;
  padding: 10px;
  color: #fff;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  margin-left: -1px;
}

.scheme3-grid__term.row2 {
  border-bottom: 2px solid #fff;
}

.scheme3-grid__term.edit {
  height: 45px;
}

.scheme3-grid__term.edit.row1 {
  height: 46px;
}

.scheme3-grid__term.edit,
.scheme3-grid__year.edit {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 0;
  padding-left: 0;
  padding: 5px;
  font-weight: 400;
}

.scheme3-grid__year-link {
  position: absolute;
  width: 105px;
  height: 130px;
  padding: 10px 7px 30px;
  color: #fff;
}

.scheme3-grid__unit {
  font-size: 15px;
  position: relative;
  border-top: 0 none;
  border-right: 0px solid;
  border-bottom: 2px solid;
  border-left: 0 none;
  border-color: #fff;
  margin-left: -1px;
}

.scheme3-grid__year + .scheme3-grid__unit {
  border-left: 1px solid transparent;
}

.scheme3-grid__empty-info {
  display: none;
}

.edit--add-unit .scheme3-grid__empty-info {
  display: block;
}

.scheme3-grid__unit.add .scheme3-grid__unit-link,
.scheme3-grid__unit.add .button-replace-unit,
.scheme3-grid__unit.add .scheme3-grid__steps .scheme3-grid__unit.add .scheme3-grid__unit-overlay-1 {
  display: none !important;
}

.scheme3-grid__unit.edit--add-unit .scheme3-grid__unit-link,
.scheme3-grid__unit.edit--add-unit .button-replace-unit,
.scheme3-grid__unit.edit--add-unit .scheme3-grid__unit-overlay-1,
.scheme3-grid__unit.edit--add-unit .scheme3-grid__steps {
  display: none !important;
}

.scheme3-grid__unit-add-icon {
  display: block;
  font-size: 160px;
  text-align: center;
  line-height: 0.8em;
  font-weight: bold;
  color: #fff;
  text-shadow: 2px 2px 13px #9aa7a7;
  cursor: pointer;
  background: #fff;
  margin: 2px;
  height: 123px;
}
.scheme3-grid__unit-add-icon:hover, .scheme3-grid__unit-add-icon:focus {
  text-shadow: 2px 2px 30px #999;
  transition: text-shadow 0.3s 0s;
}

.scheme3-grid__unit.add .scheme3-grid__unit-add-icon {
  display: block;
}

.scheme3-grid__unit-overlay-1 {
  position: absolute;
  height: 123px;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  background: #fff;
  transition: opacity 0.7s 0s;
  z-index: 2;
}

.scheme3-grid__unit:hover .scheme3-grid__unit-overlay-1,
.scheme3-grid__unit:focus .scheme3-grid__unit-overlay-1 {
  opacity: 0;
  transition: opacity 0.15s;
}

.edit--replace-unit:hover .scheme3-grid__unit-overlay-1,
.edit--replace-unit:focus .scheme3-grid__unit-overlay-1 {
  opacity: 1;
}

.no-unit-assigned .scheme3-grid__unit-overlay-1 {
  opacity: 0;
}

.no-unit-assigned .info {
  height: 123px;
}

.scheme3-grid__unit-overlay-2 {
  z-index: 1;
  display: none;
}

.scheme3-grid__unit-link {
  z-index: 10;
  position: absolute;
  color: #323636;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 10px 10px 30px;
  display: block;
}

.edit-mode .scheme3-grid__unit:hover .scheme3-grid__unit-link,
.edit-mode .scheme3-grid__unit:focus .scheme3-grid__unit-link {
  color: #323636;
  text-shadow: none;
}

.scheme3-grid__steps {
  z-index: 15;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: absolute;
  bottom: 7px;
  left: 1px;
  right: 1px;
}

.scheme3-grid__step {
  width: 18px;
  background: #fff;
  font-weight: bold;
  text-align: center;
  border-radius: 2px;
  margin: 1px;
  box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.15);
  text-decoration: none;
}

.scheme3-grid__unit:nth-of-type(2) .scheme3-grid__step {
  color: #df6828;
}

.scheme3-grid__unit:nth-of-type(3) .scheme3-grid__step {
  color: #fba547;
}

.scheme3-grid__unit:nth-of-type(4) .scheme3-grid__step {
  color: #8bb622;
}

.scheme3-grid__unit:nth-of-type(5) .scheme3-grid__step {
  color: #0daa64;
}

.scheme3-grid__unit:nth-of-type(6) .scheme3-grid__step {
  color: #1169c2;
}

.scheme3-grid__unit:nth-of-type(7) .scheme3-grid__step {
  color: #5e44a4;
}

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

.scheme3-grid__unit-link:hover,
.scheme3-grid__unit-link:focus,
.scheme3-grid__year-link:hover,
.scheme3-grid__year-link:focus {
  text-decoration: none;
}

.scheme3-grid__unit:hover .scheme3-grid__unit-link,
.scheme3-grid__unit:focus .scheme3-grid__unit-link {
  color: #fff;
}

.edit--replace-unit:hover .scheme3-grid__unit-link,
.edit--replace-unit:focus .scheme3-grid__unit-link {
  color: #323636;
}

.scheme3-grid__unit:hover .scheme3-grid__unit-overlay-2,
.scheme3-grid__unit:focus .scheme3-grid__unit-overlay-2 {
  bottom: -1px;
}

.scheme3-grid__year-link:hover,
.scheme3-grid__year-link:focus {
  background-color: #F88B50;
  background-image: linear-gradient(90deg, #F85E50 0%, #F88B50 100%) !important;
  box-shadow: 0 0 transparent;
  color: #fff;
  width: 102px;
  height: 128px;
}

.scheme3-grid__year-label {
  font-size: 11px;
  line-height: 13px;
  display: block;
}

.scheme3-grid__year-number {
  font-size: 72px;
  line-height: 1;
  display: block;
  letter-spacing: -1px;
}

.scheme3-grid__year-subtitle-icon {
  padding-right: 3px;
  font-size: 20px;
}

.scheme3-grid__year-subtitle {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1;
  text-transform: none;
}

.button-replace-unit {
  position: absolute;
  bottom: 42px;
  left: 5px;
  right: 5px;
  z-index: 3;
}

.button-remove-unit {
  position: absolute;
  bottom: 3px;
  left: 5px;
  right: 5px;
  z-index: 3;
}

[class*=input-scheme-] {
  border: 1px solid #767676;
  border-radius: 7px;
  box-shadow: 2px 2px 3px #ddd inset;
}

.input-scheme-name {
  width: 300px;
  height: 36px;
  padding-left: 6px;
  font-weight: bold;
}

.input-scheme-year {
  width: 100%;
  margin-bottom: 10px;
}

.input-scheme-term {
  width: 100%;
}

.input-number {
  width: 60px;
  text-align: center;
}

.input-number.error {
  border: 3px solid red;
}

.digilearning-module__link {
  color: #000;
  font-weight: bold;
  line-height: 18px;
}
.digilearning-module__link svg.multi-icon--add-right {
  width: 30px;
  height: 30px;
  transition: 0.15s;
}

.multi-icon--add-right__2,
.multi-icon--add-right__3 {
  display: none;
}

.digilearning-module__link:hover .multi-icon--add-right__3 {
  display: block;
}
.digilearning-module__link:hover .multi-icon--add-right__1,
.digilearning-module__link:hover .multi-icon--add-right__2 {
  display: none;
}

.digilearning-module__link:focus .multi-icon--add-right__2 {
  display: block;
}
.digilearning-module__link:focus .multi-icon--add-right__1,
.digilearning-module__link:focus .multi-icon--add-right__3 {
  display: none;
}

.info__link {
  color: #5f6363;
}

.years-form {
  margin-top: 23px;
}

.thumbnail {
  height: 30px;
  margin-top: 2px;
  margin-right: 8px;
}

.resource-filters--checkbox-wrap label {
  padding-bottom: 0;
}

.button-icon {
  padding-left: 33px;
  background-position: left 10px center !important;
  background-size: 15px !important;
}

.button-save-changes,
.button-save-changes:hover,
.button-save-changes:focus {
  background: #f2c94c url(/images/icon-bell.png) no-repeat;
}

.button-cancel-delete,
.button-cancel-delete:hover,
.button-cancel-delete:focus {
  background: url(/images/icon-trash.png) no-repeat #fff;
}

.button-make-default,
.button-make-default:hover,
.button-make-default:focus {
  background: url(/images/icon-paperclip.png) no-repeat;
}

.button-edit,
.button-edit:hover,
.button-edit:focus {
  background: url(/images/icon-pencil.svg) no-repeat;
}

.button-delete-row {
  padding-left: 23px;
  background-position: left 5px center !important;
  background-size: 15px !important;
  padding-right: 6px;
}

.button-add-column {
  height: 30px;
  padding-top: 3px;
  margin-top: 54px;
}

.button-add-row {
  height: 30px;
  padding-top: 3px;
}

.button__plus-sign-prefix {
  font-size: 25px;
  display: inline-block;
  vertical-align: middle;
}

.button-publish,
.button-publish:hover,
.button-publish:focus {
  height: 36px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 43px;
  background: url(/images/icon-publish.svg) no-repeat;
  background-size: 24px !important;
}

.button__down-arrow {
  width: 22px;
  height: 35px;
  margin-left: 12px;
  border-left: 2px solid #dedede;
}

.button__down-arrow:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  margin-top: 13px;
  right: 9px;
  color: #bbb;
  border-top: 8px solid !important;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

.update-circle {
  display: block;
  width: 24px;
  height: 24px;
  background-color: #eb5757;
  color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.edit-mode .scheme3-grid__unit {
  background: #fff;
  margin-top: 2px;
  margin-bottom: 3px;
  margin-left: 2px;
  margin-right: 1px;
  padding-bottom: 40px;
  position: relative;
}
.edit-mode .scheme3-grid__year + .scheme3-grid__unit {
  margin-left: 3px;
}
.edit-mode .scheme3-grid__unit:last-child {
  margin-right: 3px;
}
.edit-mode .scheme3-grid__unit-overlay-1 {
  position: static;
  height: auto;
}
.edit-mode .scheme3-grid__unit-link {
  position: static;
}
.edit-mode .button-replace-unit {
  margin-top: 0;
}
.edit-mode .scheme3-grid__steps {
  padding: 5px;
  position: static;
  margin-top: -13px;
}
.edit-mode .scheme3-grid__year {
  height: auto;
}
.edit-mode .scheme3-grid__unit-link {
  padding-bottom: 20px;
}

@media (forced-colors: active) {
  .edit--replace-unit button {
    background: var(--forced-color-background);
  }
}
.layout--music-world-home .card__heading {
  text-align: center;
  min-height: 135px;
  border-bottom: 1px solid #d1d2d2;
  margin: 0;
}
.layout--music-world-home span.numero {
  display: block;
  position: relative;
  margin: -40px auto -5px;
  z-index: 99;
  font-size: 40px;
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  padding: 8px 1px 0 0;
  box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.3);
}
.layout--music-world-home .layout--music-world-home__section-image {
  border-radius: 2px 2px 0 0;
  margin: 0;
}

.vert-shadow {
  box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1);
  z-index: 1;
  position: relative;
}

/*

  MUSIKSKOLE

============================================================== */
.tabs-musikskole {
  min-height: 50px;
}

.image-header {
  display: block;
  position: relative;
  overflow: hidden;
  padding-bottom: 75%;
}
.image-header img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.image-header:hover .image-header-heading {
  color: var(--color-link-hover);
}

.image-header--heading {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 5px 0;
  text-indent: 10px;
}

/*

  MUSIC SCHOOL INSTRUMENTAL HOME

============================================================== */
.layout__module-list--instruments .instruments-page__title-icon {
  background-image: url(/images/danish-theme/nav-tab-sprite-30px.png);
  background-repeat: no-repeat;
  background-position: 7px -91px;
  width: 50px;
  height: 40px;
  vertical-align: sub;
}

/* CYMRU INSTRUMENTS PAGE STYLING */
.product-cmscy.instruments__cymru #bd h1:before {
  content: " ";
  height: 30px;
  width: 30px;
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0 8px 0 0;
  background: url("/uploaded_images/0000/3948/cymru3-instruments@2x.png") no-repeat;
  background-size: 30px;
  overflow: hidden;
}

.product-cmscy.instruments__cymru #bd {
  background-image: url("https://cdn.charanga.com/uploaded_images/0000/3174/wales-banners-6-@1x.jpg");
  background-position: center top 20px;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (min-width: 1921px) or (-webkit-min-device-pixel-ratio: 1.5625), (min-width: 1921px) or (min-resolution: 150dpi) {
  .product-cmscy.instruments__cymru #bd {
    background-image: url("https://cdn.charanga.com/uploaded_images/0000/3175/wales-banners-6-@2x.jpg");
  }
}
.product-cmscy.instruments__cymru #bd > .container {
  background: #fff;
  border-radius: 10px;
  padding: 15px 20px;
  box-shadow: 0 -10px 10px rgba(0, 66, 124, 0.15);
  margin-top: 40px;
}

.product-cmscy.instruments__cymru .breadcrumbs {
  display: none;
}

.product-cmscy .layout--instrumental-music-home header h2 {
  margin-bottom: 15px;
}

.col-list-of-units .card, .col-list-of-units .community-pages .hentry, .community-pages .col-list-of-units .hentry, .col-list-of-units .community-pages .vevent, .community-pages .col-list-of-units .vevent, .col-list-of-units .community-pages .myForums, .community-pages .col-list-of-units .myForums {
  margin-bottom: 20px;
  overflow: hidden;
}
.col-list-of-units .card .sub-heading, .col-list-of-units .community-pages .hentry .sub-heading, .community-pages .col-list-of-units .hentry .sub-heading, .col-list-of-units .community-pages .vevent .sub-heading, .community-pages .col-list-of-units .vevent .sub-heading, .col-list-of-units .community-pages .myForums .sub-heading, .community-pages .col-list-of-units .myForums .sub-heading {
  margin-bottom: 10px;
}
.col-list-of-units .card .nav--vertical, .col-list-of-units .community-pages .hentry .nav--vertical, .community-pages .col-list-of-units .hentry .nav--vertical, .col-list-of-units .community-pages .vevent .nav--vertical, .community-pages .col-list-of-units .vevent .nav--vertical, .col-list-of-units .community-pages .myForums .nav--vertical, .community-pages .col-list-of-units .myForums .nav--vertical,
.col-list-of-units .card .empty-state,
.col-list-of-units .community-pages .hentry .empty-state,
.community-pages .col-list-of-units .hentry .empty-state,
.col-list-of-units .community-pages .vevent .empty-state,
.community-pages .col-list-of-units .vevent .empty-state,
.col-list-of-units .community-pages .myForums .empty-state,
.community-pages .col-list-of-units .myForums .empty-state {
  margin-top: 10px;
}

.col-my-workspace-mini .card, .col-my-workspace-mini .community-pages .hentry, .community-pages .col-my-workspace-mini .hentry, .col-my-workspace-mini .community-pages .vevent, .community-pages .col-my-workspace-mini .vevent, .col-my-workspace-mini .community-pages .myForums, .community-pages .col-my-workspace-mini .myForums {
  padding: 10px;
  margin-bottom: 20px;
}

.layout--my-workspace .overlined a {
  display: block;
  padding: 20px 0 10px;
  border-top: 1px solid #BBB;
  font-size: 18px;
}

.my-workspace ul {
  margin-left: 15px;
}
.my-workspace h2 {
  line-height: 1;
  font-size: 18px;
  margin-bottom: 10px;
}
.my-workspace h2 .info {
  font-size: 14px;
}
.my-workspace h3 {
  color: #767676;
}
.my-workspace .mod-head-link {
  display: block;
  border-top: 3px solid #ccc;
  padding-top: 15px;
}
.my-workspace .mod-head-link:hover {
  border-top: 3px solid var(--color-link-hover);
}

.current-filters {
  height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.2s linear;
}

.current-filters.is-active {
  height: auto;
  overflow: visible;
  visibility: visible;
  opacity: 1;
}

.js-filterSearch-container {
  position: relative;
}

.js-tag-to-animate {
  position: absolute;
}

.js-tag-to-insert,
.js-tag-to-animate {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.2s linear;
}
.js-tag-to-insert.is-ready,
.js-tag-to-animate.is-ready {
  visibility: visible;
  opacity: 1;
}

.js-filterSearch-trigger.is-active,
.js-filterSearch-trigger.is-active:hover {
  background: #ddd;
  cursor: default;
}

.layout--my-lessons .actions {
  table-layout: fixed;
}

.layout--my-lessons .lesson__last-saved-time {
  display: block;
}

.layout--my-lessons .lesson__name-container {
  height: 56px;
  width: 290px;
  display: table;
}

.product-cms-da .layout--my-lessons .lesson__name-container {
  width: 270px;
}

.layout--my-lessons .lesson__heading {
  width: 290px;
}

.layout--my-lessons.list-of-lessons .lesson__heading {
  width: 277px;
}

.layout--my-lessons .lesson__heading a {
  text-decoration: none;
  font-weight: 600;
  padding: 5px;
  display: table-cell;
  vertical-align: middle;
}

.layout--my-lessons .lesson__actions {
  width: 260px;
}
.layout--my-lessons .lesson__actions .actions__name {
  font-size: 10px;
}

.course--lesson-list .media__img {
  display: none;
}

.course--lesson-list .media__text {
  padding-left: 0px;
}

.course--lesson-list .actions__button {
  border-left: 0px solid;
}

.layout--lesson-edit .lesson-edit__resources {
  overflow: visible;
}

.glyphicon--large {
  font-size: 60px;
  color: var(--color-info);
}

/*

  Drawer main

======================================================*/
.drawer {
  position: fixed;
  right: -1920px;
  top: 0;
  bottom: 0;
  background: var(--ui-bg-palest);
  z-index: 70000;
}
@media only all {
  .drawer {
    transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
  }
}

.drawer.is-active {
  background: var(--ui-bg-palest);
  z-index: 70000;
  overflow-x: hidden;
  overflow-y: scroll;
  box-shadow: -10px 0 10px rgba(0, 0, 0, 0.3);
}
@media only all {
  .drawer.is-active {
    transform: translate(-1920px, 0);
  }
}

.drawer__content-only {
  display: none;
}

.drawer__content {
  width: 835px;
  padding: 20px 20px 40px;
  margin-right: 0px;
}
.drawer__content .drawer__content-only {
  display: block;
}

/*

  Drawer dismiss bar

======================================================*/
.drawer__dismiss {
  font-size: 30px;
  height: 60px;
  line-height: 60px;
  font-weight: 600;
  color: #fff;
  background: #000;
  display: block;
  text-decoration: none;
  overflow: hidden;
}

.drawer__dismiss-close {
  display: block;
  float: left;
  margin-right: 20px;
  background: red;
  width: 60px;
  height: 60px;
  text-align: center;
}

.drawer__dismiss-close .drawer__dismiss-icon {
  line-height: 60px;
  font-size: 72px;
  line-height: 60px;
  display: inline-block;
  transition: transform 0.3s ease-out;
  transition-delay: 1s;
}

.drawer.is-active .drawer__dismiss-icon {
  transform: rotate(360deg);
}

.drawer__dismiss:hover {
  color: #f00;
}
.drawer__dismiss:hover .drawer__dismiss-icon {
  color: #fff;
}

#mask.js-toggle-drawer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 65000;
  background: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  height: auto;
  overflow: visible;
  visibility: visible;
  opacity: 1;
}

body.drawer-is-active {
  overflow: hidden !important;
}

.resource-search__container .search-help .glyphicon {
  font-size: 1.2em;
  position: relative;
  top: 4px;
}
.resource-search__container .input-group__button button {
  height: 33px;
}

.resource-search__input {
  max-width: 300px;
  float: left;
}
.resource-search__input input {
  padding: 16px 10px 15px;
  border-radius: 4px 0 0 4px;
}

.resource-filters fieldset {
  border: 0 none;
  margin: 0;
  padding: 0;
}
.resource-filters label {
  font-weight: 400;
  line-height: 30px;
  position: relative;
  padding-left: 21px;
}
.resource-filters .table-of-notes [type=checkbox] {
  position: absolute;
  left: 0;
  top: 9px;
}

.resource-filters--checkbox-wrap label {
  padding-top: 5px;
  padding-bottom: 10px;
  line-height: 1.2;
}
.resource-filters--checkbox-wrap [type=checkbox] {
  position: absolute;
  left: 0;
  top: 8px;
  margin: 1px 0;
}

.resource-filters__section {
  border-top: 2px solid var(--ui-border-color-darker);
  padding-top: 10px;
}

.table-of-notes {
  table-layout: fixed;
  width: 100%;
  border-width: 0;
}
.table-of-notes td {
  padding: 0;
  border-width: 0;
  border-top: 1px solid var(--ui-border-color);
}
.table-of-notes label {
  line-height: 40px;
}

.resource-filters__sub-heading {
  margin-top: 10px;
  padding-top: 10px;
  line-height: 30px;
  border-top: 1px solid var(--ui-border-color-darker);
}

.resource-search__results {
  border-top: 2px solid #c5d9e5;
  padding-top: 10px;
}
.resource-search__results .glyphicon-plus-sign {
  color: var(--green);
}

.resource-search__results-number {
  font-size: 21px;
  color: var(--green);
}

.resource-filters__sub-heading .active-message,
.resource-filters__sub-heading .inactive-message {
  color: var(--color-info);
  font-size: 10px;
  text-transform: uppercase;
  float: right;
}

.active-message,
.inactive-message {
  display: none;
  cursor: pointer;
}
.active-message:hover,
.inactive-message:hover {
  color: var(--color-text);
}

.well {
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #eee;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  padding: 15px;
  background: url("/pro/images/global/textures/bgnoise_lg.png");
  background-size: 100px;
}

#js-lesson-meta textarea {
  height: 50px;
  transition: height 1s ease;
}

#js-lesson-meta textarea.is-expanded {
  height: 200px;
}

.list-of-resources .resource {
  margin-bottom: 10px;
}

.bar-medium {
  height: 2px;
  background: #222;
  border: 0 none;
  margin: 3px 0 0;
}

.control-group .info {
  margin: -5px 0 20px;
}

.small-scrollable-list {
  list-style: disc inside;
  overflow: auto;
  max-height: 150px;
  margin: 5px 0;
  padding: 5px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

/*

  Callouts

======================================================*/
[class*=callout--empty] {
  border-radius: 5px;
  border: 2px dashed #CCC;
  text-align: center;
  color: #AAA;
  font-weight: 600;
  font-size: 16px;
  padding: 40px;
}
[class*=callout--empty] h2, [class*=callout--empty] h3, [class*=callout--empty] h4, [class*=callout--empty] p, [class*=callout--empty] li {
  color: inherit;
  padding: 0 0.5em;
}
[class*=callout--empty] hr {
  margin: 30px 20% 20px;
  height: 2px;
}

[class*=callout--empty][class*="--warning"] {
  border-color: #ffbbc1;
  background: #ffe8ea;
  color: #444;
}

[class*=callout--empty][class*="--small"] {
  width: 400px;
}

/*

  Name editor

======================================================*/
input#js-new-name {
  font-size: 24px;
  font-weight: 600;
  height: 30px;
  line-height: 30px;
  text-indent: 6px;
  vertical-align: bottom;
  margin-bottom: 0;
}

button#js-save-name {
  padding: 9px 18px;
  vertical-align: bottom;
  margin-bottom: 0;
  font-weight: 600;
}

/*

  Music World Icon

======================================================*/
.music-world-classes-icon {
  position: relative;
}

h1 .music-world-classes-icon {
  top: -3px;
}

p .music-world-classes-icon {
  max-width: 16px;
  top: -2px;
}

/*

  Table striped

======================================================*/
.table label {
  margin-bottom: 0;
}

.table-striped td {
  padding: 10px;
}
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr.odd td {
  background: #f6f9f9;
}

th .icon-question-sign {
  opacity: 0.6;
}

td.mono-number-aligned {
  text-align: right;
  white-space: pre;
  font-family: monospace, sans-serif;
}

.table--music-world-classes {
  width: 100%;
  margin-bottom: 30px;
}
.table--music-world-classes td.mono-number-aligned {
  font-size: 13px;
  color: #767676;
}
.table--music-world-classes td:first-child {
  width: 100%;
  text-align: left;
  white-space: normal;
  font-family: inherit;
  font-size: 16px;
}

th.chrome {
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}
th.chrome label {
  padding: 5px 0 0 5px;
}

.keyline {
  border: 1px solid #ccc;
}

#add-uni-c-pupils-table [type=checkbox] {
  margin-right: 8px !important;
}

.table-stats thead th {
  background: #383838 !important;
  border-color: #000;
  color: #FFF;
  vertical-align: top;
  text-shadow: none;
}
.table-stats thead th .icon-question-sign {
  top: 2px;
  position: relative;
}
.table-stats td, .table-stats th {
  padding: 8px;
}
.table-stats td .cell-container {
  text-overflow: ellipsis;
  overflow: hidden;
}
.table-stats td:hover .cell-container,
.table-stats td:focus .cell-container {
  overflow: auto;
  text-overflow: initial;
}
.table-stats .pupil-first-name .cell-container {
  width: 70px;
}
.table-stats .pupil-last-name .cell-container {
  width: 70px;
}
.table-stats .pupil-username .cell-container {
  width: 70px;
}
.table-stats .pupil-visible-password .cell-container {
  max-width: 60px;
}

/*

  Help styles

======================================================*/
.info--in-page-intro {
  color: #888;
  font-size: 16px;
}

ul.info--in-page-intro {
  margin-bottom: 0;
}
ul.info--in-page-intro li {
  margin-top: 5px;
}
ul.info--in-page-intro li:first-child {
  margin-top: 0;
}

/*

  Re-file in nav styles

======================================================*/
.navbar .pull-right .dropdown-menu,
.navbar .dropdown-menu.pull-right {
  right: -7px;
}

.modal-header .glyphicon-question-sign {
  top: 4px;
  left: -2px;
  margin-right: 5px;
}

#modal-new-class {
  width: 480px;
  margin-left: -240px;
}

/*

  Button styles

======================================================*/
.btn--text-small,
.btn--text-large {
  color: #666;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  white-space: pre;
}

.btn--text-large {
  font-size: 16px;
}

.btn--text-small {
  font-size: 12px;
}

.btn--img {
  float: left;
}

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

.btn--icon-large .btn--text {
  margin: 6px 5px 0 60px;
  font-weight: 400;
}

.link-large {
  font-size: 16px;
  line-height: 20px;
  padding: 8px 14px;
  display: inline-block;
  border: 2px solid #EEE;
  vertical-align: middle;
  border-radius: 5px;
  text-decoration: none;
  text-align: center;
}

/*

  Tabs

======================================================*/
.nav-tabs {
  margin-bottom: 0;
}
.nav-tabs .active a {
  border-color: #AAA #AAA transparent;
  color: #333;
  position: relative;
  z-index: 10;
}

.tabbable .nav-tabs > li > a:hover {
  border-color: #AAA #AAA rgba(0, 0, 0, 0);
  background: #FFF;
}

.nav-tabs--strong a {
  font-size: 16px;
}

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

.tabs__pane section {
  border-top: 1px dotted #d0d0d0;
  padding: 20px 0;
}
.tabs__pane section#option-uni-c, .tabs__pane section#option-have-access {
  border-top: 0 dashed #CCC;
}

.tabs__pane label {
  font-size: 16px;
}

.red-text {
  color: red;
}

/*

  Moon missions

======================================================*/
.well .info {
  color: var(--color-info-darker);
  text-align: center;
}
.well .dragsample {
  display: inline-block;
  width: 20px;
  height: 16px;
  background: url(/pro/images/global/textures/ui-drag.png);
  opacity: 0.7;
  margin: 0 3px 0 0;
  position: relative;
  top: 4px;
}

.group-list--lessons {
  margin: 0;
}
.group-list--lessons .lesson-mini {
  margin: 0 0 10px;
  padding: 5px !important;
  background: #fff;
  border: 1px solid #ddd;
  border-bottom: 2px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.group-list--lessons .lesson-mini .drag-handle {
  height: 21px;
  margin: 0 10px 0 0;
}
.group-list--lessons .lesson-mini .btn-toolbar-mini {
  margin-top: 0;
}
.group-list--lessons .lesson-mini .media {
  margin-bottom: 0;
}
.group-list--lessons .lesson-mini--title {
  margin: 2px 0;
}
.group-list--lessons .lesson-status {
  text-align: center;
  color: #767676;
}
.group-list--lessons .lesson-sort-placeholder {
  margin: 0 0 10px;
  padding: 5px !important;
  background: rgba(0, 0, 0, 0.25);
  height: 23px;
  border-radius: 10px;
}

.page--my-classes .lesson__actions--lesson-editor .dropdown__trigger {
  border: 0 none !important;
  line-height: 12px !important;
  padding: 4px 25px;
  margin: 0 -10px;
}

/*


 Tidy and file
======================================================*/
.add-row-container {
  width: 390px;
  padding: 5px;
  border: 1px dashed #DDD;
  margin: 5px 0;
}

.add-row-container button {
  width: 123px;
  margin-right: 10px;
}

.add-row-container button.wide {
  width: 123px;
}

#pupil-group-show {
  min-height: 800px;
}

.green-text {
  color: #5BB75B;
}

.bulk-add-users-table th {
  text-align: left;
}
.bulk-add-users-table .user-remove .btn {
  opacity: 0.6;
  margin-bottom: 4px;
}
.bulk-add-users-table .user-remove .btn:hover {
  opacity: 1;
}

.add-row-container {
  width: 380px;
}

/*

  World controls

======================================================*/
ul.world-controls {
  margin: 0;
}

li.world-control {
  list-style: none;
  width: 215px;
  float: left;
  margin: 0 15px 15px 0;
}
li.world-control select {
  width: 100%;
  margin: 3px 0 10px;
}
li.world-control img {
  margin-bottom: 10px;
}
li.world-control .card--heading {
  line-height: 1.2;
  font-size: 13px;
  letter-spacing: 0.2px;
  padding: 0;
  background: transparent;
  text-transform: none;
}

.world-remove {
  display: block;
  padding: 10px;
  color: #444;
}
.world-remove .icon-trash {
  margin-top: 1px;
}

/*

  Js toggle

======================================================*/
.js-show-toggle .js-hide {
  display: none;
}
.js-show-toggle.is-toggled .js-hide {
  display: block;
}
.js-show-toggle.is-toggled .js-show {
  display: none;
}

/*



======================================================*/
.bulk-add-users-table th {
  background: #dfe8ed;
}

.bulk-add-users-table td,
.bulk-add-users-table th {
  border: 1px solid #dfe8ed;
  padding: 4px;
  vertical-align: top;
  text-align: left;
}

.page--my-classes .add-row-container button {
  width: 98px;
}

.page--my-classes .add-row-container {
  width: 468px;
}

.page--my-classes label {
  font-weight: 400;
}

.pupil-group .new-pupils-form textarea {
  height: 30px;
  margin: 0;
  resize: none;
  min-width: 150px;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
}

.page--my-classes .help--in-page {
  display: block;
  text-decoration: none;
}
.page--my-classes .help--in-page-icon {
  border: 2px solid;
  font-size: 38px;
  height: 1em;
  width: 1em;
  display: block;
  line-height: 1em;
  border-radius: 50%;
  font-weight: 600;
  text-align: center;
}
.page--my-classes .help--in-page-icon:before {
  content: "?";
}
.page--my-classes .help--in-page-icon.inherit {
  font-size: inherit;
}
.page--my-classes .modal-header .help--in-page-icon {
  font-size: 25px;
}

.layout--my-school .cell-liner {
  max-width: 150px;
}
.layout--my-school .btn,
.layout--my-school .btn-small,
.layout--my-school .btn-mini {
  min-width: 80px;
}
.layout--my-school td.notes .cell-liner {
  max-width: 240px;
  max-height: 120px;
  overflow-y: auto;
}
.layout--my-school .user-comments {
  display: none;
}
.layout--my-school .user-delete .btn,
.layout--my-school .notes .btn {
  margin-top: 0;
}

.community-pages .myForums {
  padding: 15px;
  margin-bottom: 30px;
}

.beast h2 {
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-bottom: 10px;
}

.community-pages .vevent {
  margin-bottom: 15px;
}
.community-pages .vevent .media {
  padding: 15px;
  background: var(--ui-bg-palest);
  border-bottom: 1px solid var(--ui-bg-pale);
}
.community-pages .vevent .post-body-html {
  padding: 15px;
}
.community-pages .vevent .media {
  color: var(--color-info-darker);
}
.community-pages .vevent .media a:hover {
  color: var(--color-link-hover);
}
.community-pages .vevent p {
  margin: 0;
}

.community-pages .forumSingular {
  padding: 15px 0;
  border-top: 1px solid #eee;
}
.community-pages .forumSingular p {
  margin-bottom: 0;
}
.community-pages .forumSingular .forumActivity {
  color: var(--color-info-darker);
}
.community-pages .forumSingular .badge {
  top: -2px;
  position: relative;
  left: 2px;
}

.community-pages .hentry .icon,
.community-pages .vevent .icon {
  float: left;
}

.community-pages .topics .icon,
.community-pages .forumSingular .icon {
  max-width: 16px;
  border-radius: 2px;
}
.community-pages .topics .icon.grey,
.community-pages .forumSingular .icon.grey {
  background: var(--color-info);
}
.community-pages .topics .icon.green,
.community-pages .forumSingular .icon.green {
  background: var(--green);
}

.beast .forumSingular .icon {
  float: left;
  max-width: 16px;
  margin-top: 2px;
  margin-right: 5px;
}

.community-pages .topics .icon {
  margin-top: 6px;
}

.community-pages a.pdf {
  background: url("/images/forum/pdf-trans.png") no-repeat scroll 0 2px transparent;
}

.community-pages .folder {
  background: url("/images/mini_icons/folder.png") no-repeat scroll 0 2px transparent;
}

.community-pages a.recent-posts,
.community-pages a.utility {
  background: url("/images/forum/write-new-trans.png") no-repeat scroll 0 2px transparent;
}

.community-pages a.pdf,
.community-pages .folder,
.community-pages a.recent-posts,
.community-pages a.utility {
  padding: 2px 0 2px 20px;
  line-height: 20px;
}

.community-pages .pointerhand {
  cursor: pointer;
}

.community-pages .upload_folders {
  margin: 0;
}

.community-pages .hentry {
  padding: 15px;
  margin-bottom: 30px;
}
.community-pages .hentry .post-body-html {
  margin-bottom: 10px;
}

.community-pages textarea#post_body,
textarea#edit_post_body {
  width: 100%;
}

.community-pages input[type=submit] {
  margin-right: 10px;
}

/*


  SONGBANK styles

  TODO bin all of this and do a quick restyle in keeping with rest of the site when the song centre gets data driven

********************************/
.songbank-grid-view .resource-summary-title {
  line-height: 16px;
  padding: 5px;
  border-bottom: 1px solid #ddd;
  margin-top: 5px;
  min-height: 45px;
}
.songbank-grid-view .resource-summary-title a {
  text-decoration: none;
  color: var(--color-text);
  vertical-align: middle;
}
.songbank-grid-view .resource-summary-title a:hover {
  color: var(--color-link-hover);
}

.songbank-grid-view .resource-summary {
  margin-bottom: 10px;
}
.songbank-grid-view .resource-summary .add-to-lesson {
  position: absolute;
  left: 95px;
  top: 80px;
  border-top: 1px solid #ddd;
  padding: 10px 15px;
  right: 0;
  color: var(--color-info);
}
.songbank-grid-view .resource-summary .add-to-lesson:hover {
  color: var(--color-link-hover);
}
.songbank-grid-view .resource-summary .launch-resource {
  padding: 10px 15px;
  display: block;
  position: absolute;
  left: 95px;
  width: 100%;
  color: var(--color-info);
}
.songbank-grid-view .resource-summary .launch-resource:hover {
  color: var(--color-link-hover);
}

.songbank-grid-view .resource-summary .img-mask {
  border: 1px solid #DDDDDD;
  border-radius: 5px;
  height: 74px;
  overflow: hidden;
  width: 99px;
}

.songbank-grid-view .resource-summary .img-mask img {
  height: 74px !important;
  width: auto !important;
  max-width: 999px !important;
}

.songbank-list-view .u1of3 {
  width: auto;
  float: none;
}

.songbank-list-view .resource-summary {
  padding: 7px 0;
  border-bottom: var(--ui-border);
  box-shadow: inherit;
  position: relative;
}

.songbank-list-view .songbank-list-view-controls {
  display: none;
}

.songbank-list-view .resource-summary .img,
.songbank-list-view .resource-summary .conc-trigger {
  display: none;
}

.songbank-list-view .resource-summary .conc-content {
  display: block;
  border-top: 0 none;
  margin-top: 0;
  padding-top: 0;
}

.letter-picker a {
  box-sizing: content-box;
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #CCCCCC;
  border-radius: 3px;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  color: #444444;
  display: block;
  float: left;
  font-size: 16px;
  font-weight: 700;
  height: 27px;
  line-height: 27px;
  margin: 0 7px 7px 0 !important;
  padding: 0 5px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 1px #FFFFFF;
  width: 17px;
  text-transform: uppercase;
}

.letter-picker a:hover,
.letter-picker a.current-letter {
  color: var(--color-link-hover);
  border: 1px solid var(--color-link-hover);
}

.letter-picker a:hover {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  transition: all 0.18s;
}

.display-options strong,
.display-option {
  display: block;
  float: left;
  padding: 2px 4px;
  border-radius: 4px;
  font-weight: 700;
}

.display-option {
  color: #888;
  margin-left: 2px;
}

.display-option-current,
.display-option:hover {
  background: #888;
  color: #fff;
}

.display-option-current i,
.display-option:hover i {
  background-image: url(/pro/stylesheets/img/glyphicons-halflings-white.png);
}

.songbank h2 {
  border-bottom: 2px solid #444;
  margin-top: 20px;
}

.songbank-grid-view .songbank-list-view-controls {
  display: none;
}

.songbank-grid-view .songbank-list-view-menu {
  display: block !important;
}

.songbank-list-view .songbank-list-view-menu .add-to-lesson i {
  background-color: #888888;
  border-left: 1px solid #888888;
  border-radius: 3px;
  padding: 0 0 1px;
}

.songbank-list-view {
  position: relative;
}
.songbank-list-view .bd {
  display: none;
}
.songbank-list-view .add-to-lesson__container {
  position: absolute;
  right: 0;
  top: 2px;
}
.songbank-list-view .add-to-lesson__container a {
  color: var(--color-info);
  display: block;
  padding: 5px;
}
.songbank-list-view .add-to-lesson__container a:hover {
  color: var(--color-link-hover);
}

.songbank-list-view-controls a {
  color: #888;
}

.songbank-list-view-controls .caret {
  margin-top: 8px;
}

.layout--song-center {
  /*

    Song Centre list styles

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

    Song Centre list styles: Compact;

  - - - - - - - - - - - - - - - - - -  */
  /*

    Song Centre list styles: Media

  - - - - - - - - - - - - - - - - - -  */
  /*

    Song Centre display options controls

  - - - - - - - - - - - - - - - - - -  */
  /*.display-options .i-display-list-as--compact:hover,*/
  /*.display-options .i-display-list-as--media:hover,*/
}
.layout--song-center a.gu1of5 {
  font-weight: 600;
  text-decoration: none;
}
.layout--song-center a.gu1of5:hover {
  text-decoration: underline;
}
.layout--song-center img.card, .layout--song-center .community-pages img.myForums, .community-pages .layout--song-center img.myForums, .layout--song-center .community-pages img.vevent, .community-pages .layout--song-center img.vevent, .layout--song-center .community-pages img.hentry, .community-pages .layout--song-center img.hentry {
  margin-bottom: 10px;
}
.layout--song-center .h-mega-centred,
.layout--song-center .h-mega-centred--sub {
  text-align: center;
}
.layout--song-center .h-mega-centred {
  margin: 0;
  padding: 20px 0 0;
  font-size: 36px;
  line-height: 1;
}
.layout--song-center h1.h-mega-centred {
  font-size: 48px;
}
.layout--song-center .h-mega-centred--sub {
  font-size: 24px;
  line-height: 1.5;
  padding: 0 0 20px;
  color: #777;
}
.layout--song-center .song-centre--sub-page .media {
  margin-bottom: 10px;
}
.layout--song-center .media--individual-resource img {
  width: 99px;
  height: auto;
}
.layout--song-center .lt-ie9 .media--individual-resource img {
  width: auto;
}
.layout--song-center .line-centred > * {
  display: inline-block;
  float: none !important;
  margin-right: -4px;
}
.layout--song-center .song-centre-list {
  width: 670px;
}
.layout--song-center .song-centre-list a {
  text-decoration: none;
}
.layout--song-center .song-centre-list a:hover {
  text-decoration: underline;
}
.layout--song-center .song-centre-list .bd .js-async-resource-preview.cleared {
  display: none;
}
.layout--song-center .song-centre-list--compact {
  width: 620px;
}
.layout--song-center .song-centre-list--compact .img {
  display: none;
}
.layout--song-center .song-centre-list--compact .song-centre__add-to-lesson {
  text-align: right;
  width: 150px;
  float: right;
}
.layout--song-center .song-centre-list--compact .media--individual-resource {
  border-bottom: 1px solid #ddd;
  overflow: hidden;
  margin-bottom: 0;
}
.layout--song-center .song-centre-list--compact .media--individual-resource:hover {
  border-bottom: 1px solid #bbb;
}
.layout--song-center .song-centre-list--compact .media--individual-resource a {
  text-decoration: none;
  display: block;
  padding: 5px 10px;
}
.layout--song-center .song-centre-list--compact .media--individual-resource h4 {
  float: left;
}
.layout--song-center .song-centre-list--compact .media--individual-resource a:hover,
.layout--song-center .song-centre-list--compact .media--individual-resource h4 a {
  opacity: 1;
}
.layout--song-center .song-centre-list--compact .media--individual-resource h4 a {
  width: 470px;
}
.layout--song-center .song-centre-list--media .media--individual-resource {
  margin: 0 10px 10px 0;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  width: 310px;
  padding: 5px;
  float: left;
}
.layout--song-center .song-centre-list--media .media--individual-resource .bd {
  padding-left: 110px;
}
.layout--song-center .song-centre-list--media .media--individual-resource .bd a {
  line-height: 18px;
  display: block;
}
.layout--song-center .song-centre-list--media .media--individual-resource .img {
  margin-bottom: 0;
}
.layout--song-center .song-centre-list--media .media--individual-resource .card, .layout--song-center .song-centre-list--media .media--individual-resource .community-pages .myForums, .community-pages .layout--song-center .song-centre-list--media .media--individual-resource .myForums, .layout--song-center .song-centre-list--media .media--individual-resource .community-pages .vevent, .community-pages .layout--song-center .song-centre-list--media .media--individual-resource .vevent, .layout--song-center .song-centre-list--media .media--individual-resource .community-pages .hentry, .community-pages .layout--song-center .song-centre-list--media .media--individual-resource .hentry {
  height: 74px;
  overflow: hidden;
}
.layout--song-center .song-centre-list--media .media--individual-resource .bd h4 a {
  width: 199px;
  height: 56px;
  overflow: hidden;
}
.layout--song-center .display-options {
  overflow: hidden;
}
.layout--song-center .display-options::-moz-selection, .layout--song-center .display-options a::-moz-selection, .layout--song-center .display-options strong::-moz-selection {
  background: transparent; /* webkit / presto */
  color: inherit;
}
.layout--song-center .display-options::selection,
.layout--song-center .display-options a::selection,
.layout--song-center .display-options strong::selection {
  background: transparent; /* webkit / presto */
  color: inherit;
}
.layout--song-center .display-options::-moz-selection,
.layout--song-center .display-options a::-moz-selection,
.layout--song-center .display-options strong::-moz-selection {
  background: transparent; /* Gecko Browsers */
  color: inherit;
}
.layout--song-center .song-centre--sub-page .display-options strong {
  padding: 2px 10px 2px 0;
}
.layout--song-center .song-centre--sub-page .display-options .display-option {
  padding: 2px 10px;
}
.layout--song-center .display-options .i-display-list-as {
  display: block;
  float: left;
  margin: 4px 5px 0 0;
  width: 22px;
  height: 11px;
  background-image: url(/images/glyphicons/display-list-as--22x11.png) !important;
}
.layout--song-center .display-options .i-display-list-as--compact {
  background-position: 0 0;
}
.layout--song-center .display-options .i-display-list-as--media {
  background-position: 0 11px;
}
.layout--song-center .display-options a:hover .i-display-list-as--compact,
.layout--song-center .display-options a.display-option-current .i-display-list-as--compact {
  background-position: -22px 0;
}
.layout--song-center .display-options a:hover .i-display-list-as--media,
.layout--song-center .display-options a.display-option-current .i-display-list-as--media {
  background-position: -22px 11px;
}

.course--lesson-list .compatibility-indicator__parent {
  min-height: 46px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.layout--collection .card, .layout--collection .community-pages .myForums, .community-pages .layout--collection .myForums, .layout--collection .community-pages .vevent, .community-pages .layout--collection .vevent, .layout--collection .community-pages .hentry, .community-pages .layout--collection .hentry {
  overflow: hidden;
}

.layout__module-list--badged .card, .layout__module-list--badged .community-pages .myForums, .community-pages .layout__module-list--badged .myForums, .layout__module-list--badged .community-pages .vevent, .community-pages .layout__module-list--badged .vevent, .layout__module-list--badged .community-pages .hentry, .community-pages .layout__module-list--badged .hentry {
  overflow: hidden;
}
.layout__module-list--badged .card img, .layout__module-list--badged .community-pages .myForums img, .community-pages .layout__module-list--badged .myForums img, .layout__module-list--badged .community-pages .vevent img, .community-pages .layout__module-list--badged .vevent img, .layout__module-list--badged .community-pages .hentry img, .community-pages .layout__module-list--badged .hentry img {
  width: 100%;
}
.layout__module-list--badged .card__heading {
  height: 49px;
  overflow: hidden;
  font-size: 16px;
  line-height: 20px;
  padding: 10px;
  background: #fff;
  margin: 0;
}

/*

  My Classes

============================================================== */
#modal-lesson-preview .modal__title {
  text-align: left;
}

.modal__launch-button {
  position: absolute;
  top: 0;
  right: 46px;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 45px;
  display: block;
  padding: 0 15px;
  background: #333;
  text-decoration: none;
  font-weight: 600;
  color: #fff;
}
.modal__launch-button .glyphicon {
  top: 7px;
  font-size: 20px;
  padding-right: 25px;
}
.modal__launch-button:hover {
  background: var(--green);
  color: #fff;
}

.group-list--lessons .lesson-mini .drag-handle {
  background: url(/pro/images/global/textures/ui-drag.png);
  width: 40px;
  cursor: move;
  height: 30px;
  height: 21px;
  margin: 0 10px 0 0;
  opacity: 0.5;
}

.group-list--lessons .lesson-mini .drag-handle:hover {
  opacity: 1;
}

.page--my-classes table.tablesorter thead th.header {
  cursor: pointer;
  background-repeat: no-repeat !important;
  background-position: bottom right !important;
  background-size: 20px !important;
}
.page--my-classes table.tablesorter thead th.headerSortUp {
  background-image: url(/images/icons/up.png) !important;
}
.page--my-classes table.tablesorter thead th.headerSortDown {
  background-image: url(/images/icons/down.png) !important;
}
.page--my-classes .button-go-musicworld {
  position: absolute;
  top: 10px;
  right: 5px;
  font-weight: 600;
}
.page--my-classes .button-go-musicworld .glyphicon {
  top: 3px;
  font-size: 16px;
}
.page--my-classes .callout--empty img {
  display: inline;
}

/*

  My Account

============================================================== */
.layout--my-account label .instructions {
  font-weight: 400;
  color: var(--color-info-darker);
}
.layout--my-account fieldset {
  border: 0 none;
  margin: 0;
  padding: 20px;
  max-width: 100%;
}
.layout--my-account legend {
  margin: 0 0 -10px;
}
.layout--my-account legend.card__divider {
  border-top: 1px solid #dfe8ed;
}
.layout--my-account input {
  font-weight: 400;
}

/*

  Media List - used in collaborations layouts
  /collaborations/bbc-ten-pieces/

============================================================== */
.media-list {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  margin: 0 5px 8px;
}

.media-list li {
  clear: both;
  float: none;
  margin-bottom: -1px;
  position: relative;
  counter-increment: item;
  border: 1px solid #e0e0e0;
}

.media-list li .media {
  padding: 5px;
  margin: 0 -1px 0 0;
  overflow: hidden;
  display: block;
  text-decoration: none;
  transition: all 0.3s ease-out;
}

.media-list li .media:hover {
  background: #f5f5f5;
  box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
  text-decoration: none;
}

.media-list li:first-child {
  border-radius: 3px 3px 0 0;
}

.media-list li:last-child {
  border-radius: 0 0 3px 3px;
}

.media-list li .img {
  margin-bottom: 0;
  margin-right: 10px;
}

.media-list li .img img {
  border-radius: 3px;
  max-width: none;
  box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.9);
}

.media-list li .media-heading {
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
  font-weight: 700;
  color: #333;
}

.media-list li .bd {
  line-height: 1.2;
}

.media-list li .track {
  line-height: 1;
}

.media-list li a:hover .track {
  color: var(--color-link-hover);
}

/*

  Teacher comments on course pages
  /content/music_pro_2015

============================================================== */
#comment_submit {
  float: none;
}

.comment-titles .glyphicon-comment {
  position: relative;
  top: 2px;
  margin-right: 5px;
}

.comment-form {
  padding: 5px 10px 10px;
  background: rgba(var(--color-heading), 0.05);
  border: 1px solid rgba(var(--color-heading), 0.07);
  border-radius: 3px;
}

.comment-form textarea {
  border: 1px solid rgba(var(--color-heading), 0.15);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
}

.course-comment {
  border: 1px solid rgba(var(--color-heading), 0.1);
  margin: 10px 0;
  border-radius: 3px;
  padding: 5px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.comment-avatar, .community-pages .hentry .icon,
.community-pages .vevent .icon {
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  margin-right: 5px;
}

.course-comment .comment-time {
  float: none;
  display: block;
}

/*

  Units / Topics / Courses
  /content/music_pro_2015

======================================================*/
.layout-units-topics-courses .group-list li {
  margin: 0 !important;
  padding: 0 !important;
}

.layout-units-topics-courses a {
  text-decoration: none;
}

.column-header {
  margin-bottom: 0;
}

.layout-units-topics-courses .units-topics-courses--unit {
  margin: 0;
  border-bottom: 1px dashed #DDD;
  min-height: 50px;
  display: block;
  cursor: pointer;
  padding: 9px 0 5px;
}
.layout-units-topics-courses .units-topics-courses--unit:hover .h4 {
  color: var(--color-link-hover);
}
.layout-units-topics-courses .units-topics-courses--unit:hover .frame {
  background: var(--color-link-hover);
  border-color: var(--color-link-hover);
}
.layout-units-topics-courses .units-topics-courses--unit .img {
  margin-right: 10px;
  margin-bottom: 0;
}

.units-topics-courses--unit .h4 {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  margin-top: 0;
  padding: 5px 0;
  color: #222;
}

li:last-child .units-topics-courses--unit {
  border-bottom: 0 none;
}

.units-topics-courses--col-3 .units-topics-courses--unit {
  min-height: 90px;
  padding: 7px 0px 0px;
}

.inspira-docs__header {
  line-height: 2;
  border-bottom: 1px dotted #eee;
  padding-bottom: 0;
}

.inspira-docs__header-link {
  color: var(--color-link-on-white);
}

.inspira-docs h5 {
  margin: 10px 0 0;
}

.inspira-docs__link {
  text-decoration: none;
}
.inspira-docs__link:hover {
  text-decoration: underline;
}

#gritter-notice-wrapper .gritter-close {
  left: auto;
  right: 5px;
  display: block !important;
}

/* 

  Help Section

============================================================== */
.help-pages article section {
  border-bottom: 1px dashed #CCCCCC;
  clear: both;
  margin-bottom: 30px;
  overflow: auto;
  padding-bottom: 10px;
}

.help-pages article section:last-child {
  border-bottom: 0 none;
}

.help-pages ul ul,
.help-pages ul ol,
.help-pages ol ol,
.help-pages ol ul {
  margin-bottom: 0 !important;
}

.help-pages article img {
  float: right;
  height: auto;
  margin-left: 10px;
  max-width: 300px;
  margin-bottom: 20px;
}

/*

  Captioned images (as seen in )

======================================================*/
.captioned {
  display: block;
  text-decoration: none;
}

.captioned.left {
  margin: 0 20px 10px 0;
}

.captioned.left img {
  margin: 0;
  padding: 0;
}

.captioned.right {
  margin: 0 0 10px 20px;
}

.caption {
  text-align: center;
  font-size: 13px;
  color: #aaa;
  display: block;
  padding-top: 5px;
}

.captioned:hover,
.captioned:visited:hover,
.captioned:hover .caption,
.captioned:visited:hover .caption {
  text-decoration: none !important;
  color: #008F7F;
}

#modal-song-categories {
  display: inline-block !important;
  /*top: -200vh !important;*/
  margin: auto !important;
  max-width: 98%;
  width: auto !important;
  min-width: 98%;
  border-radius: 4px;
  overflow: hidden !important;
}
@media only screen and (min-width: 1281px) {
  #modal-song-categories {
    max-width: 90% !important;
    min-width: 743px;
  }
}
#modal-song-categories,
#modal-song-categories .modal__content {
  max-height: 98vh !important;
}
#modal-song-categories.in {
  /*top: 50% !important;
  transform: translateY(-50%) !important;*/
  left: 0;
  right: 0;
}
#modal-song-categories .modal__body {
  padding: 5px;
  border-bottom: 60px solid #fff;
  max-height: calc(98vh - 95px);
}
@media only screen and (min-width: 701px) {
  #modal-song-categories .modal__body {
    padding: 10px;
  }
}
@media only screen and (min-width: 941px) {
  #modal-song-categories .modal__body {
    padding: 20px;
  }
}
#modal-song-categories .modal__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 20px;
}
#modal-song-categories .global-grid__container {
  gap: 5px;
}
@media only screen and (min-width: 701px) {
  #modal-song-categories .global-grid__container {
    gap: 10px;
  }
}
#modal-song-categories .global-grid__container .tag-group-column {
  word-break: break-word;
}
#modal-song-categories input[type=checkbox] {
  margin-bottom: 0.3em;
}

/* #modal-song-categories .column-width {
  width: 230px;
  overflow: hidden;
} */
.roster-page__desc {
  color: #727272;
}
.roster-page__container .empty-state {
  background-color: #fff;
  color: #727272;
  border-color: #9f9fb7;
  text-align: left;
  font-size: 15px;
}
.roster-page__container .empty-state li,
.roster-page__container .empty-state p {
  color: #727272;
}
.roster-page__container .empty-state h5 {
  font-size: 16px;
  color: #323636;
}
.roster-page__section {
  border: 2px solid #9f9fb7;
  border-radius: 6px;
}
.roster-page__group-or-class {
  margin-top: 20px;
  border-radius: 12px;
}
.roster-page__roster-info {
  font-size: 15px;
  color: #727272;
}
.roster-page__roster-info--item {
  position: relative;
  float: left;
  max-width: 25.75%;
  margin-right: 2%;
}
.roster-page__roster-info--item.show-details-link {
  max-width: 21%;
}
.roster-page__roster-info--item:after {
  content: ".";
  float: right;
  margin-left: 7px;
  position: relative;
  top: -4px;
}
.roster-page__roster-info--item:last-of-type {
  margin-right: 0;
}
.roster-page__roster-info--item:last-of-type:after {
  display: none;
}
.roster-page__hide-show {
  color: #009d9b;
  text-decoration: underline;
  padding: 0;
  border: none;
  background-color: transparent;
  border-radius: 0;
  vertical-align: baseline;
}
.roster-page__hide-show:hover {
  text-decoration: none;
}
.roster-page__hide-show--hide {
  font-weight: 700;
}
.roster-page__add-to-group-btn, .roster-page__remove-group-btn {
  display: block;
  text-align: center;
}
.roster-page__add-to-group-btn .glyphicon, .roster-page__remove-group-btn .glyphicon {
  width: 28px;
  height: 28px;
  border-radius: 20px;
  background-color: #7d7d7d;
  color: #fff;
}
.roster-page__add-to-group-btn .glyphicon.glyphicon-plus, .roster-page__remove-group-btn .glyphicon.glyphicon-plus {
  background-color: #219120;
  background: linear-gradient(0deg, #219121 0%, #2aad2a 100%);
}
.roster-page__add-to-group-btn .glyphicon.glyphicon-plus:before, .roster-page__remove-group-btn .glyphicon.glyphicon-plus:before {
  content: "+";
  font-size: 20px;
  position: relative;
  left: 1px;
  top: 3px;
}
.roster-page__add-to-group-btn--text, .roster-page__remove-group-btn--text {
  display: inline-block;
  font-size: 14px;
  width: 100%;
  color: #323636;
  font-weight: 700;
}
.roster-page__remove-group-btn .glyphicon {
  background-color: #FF4136;
}
.roster-page__remove-group-btn .glyphicon.glyphicon-trash:before {
  font-size: 19px;
  position: relative;
  left: -1px;
  top: 5px;
}
.roster-page__name-col {
  padding-top: 4px;
}
.roster-page__sub-rows {
  border-top: 2px solid #9f9fb7;
  margin-top: 12px;
  padding: 10px;
  padding-bottom: 0;
}
.roster-page__sub-rows--header {
  padding-bottom: 2px;
}
.roster-page__sub-rows--row {
  padding: 2px 0;
}
.roster-page__required-field-text {
  color: red;
  font-style: italic;
  font-size: 14px;
  font-family: "myriad-pro", sans-serif !important;
}

.roster-page__add-to-group-btn:hover .roster-page__add-to-group-btn--text,
.roster-page__remove-group-btn:hover .roster-page__add-to-group-btn--text {
  text-decoration: underline;
}
.roster-page__add-to-group-btn:hover.roster-page__add-to-group-btn--added .roster-page__add-to-group-btn--text,
.roster-page__remove-group-btn:hover.roster-page__add-to-group-btn--added .roster-page__add-to-group-btn--text {
  text-decoration: none;
}

.convert-to-group__info {
  color: #727272;
}

.modal__body .roster-page__sub-rows {
  border: 1px solid #9f9fb7;
  border-radius: 8px;
  background-color: #fff;
  overflow-y: auto;
  max-height: calc(42vh - 102px);
}
.modal__body .global-grid__item.roster-page__sub-rows--row .global-grid__item {
  white-space: nowrap;
}

.modal__body .roster-page__sub-rows::-webkit-scrollbar {
  width: 10px; /* Set the width of the scrollbar */
  background-color: transparent; /* Set the background color of the scrollbar */
}

.modal__body .roster-page__sub-rows::-webkit-scrollbar-thumb {
  background-color: #ccc; /* Set the color of the thumb */
  border-radius: 70px;
  border: 2px solid white;
}

.modal__body .roster-page__sub-rows::-webkit-scrollbar-thumb:hover {
  background-color: #aaa; /* Set the color of the thumb */
}

.product-code-MFE .roster-page__roster-name h3 {
  color: #323636 !important;
  font-weight: 700;
  font-family: "myriad-pro", sans-serif !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#new-pupil-group-or-roster .btn .glyphicon {
  top: 2px;
  margin-right: 3px;
}
#new-pupil-group-or-roster .btn .icon-plus {
  position: relative;
  top: 1px;
}

#modal-new-class-or-roster {
  width: 510px;
}

.mfe-add-existing-pupils-table thead th {
  border-bottom: none;
  background-color: #eee;
}
.mfe-add-existing-pupils-table .tablesorter-filter-row td {
  border-top: none;
}
.mfe-add-existing-pupils-table .tablesorter-filter-row td:first-of-type input {
  display: none;
}

.submission_completed .document-list .remove-document {
  display: none;
}
.submission_completed .document-list .js-dropdown-trigger {
  border-right: none;
}

.layout__module-list--badged.layout__module-nested.layout__module-list--music-hub {
  background: transparent;
  margin-top: 0;
  padding: 0;
  padding-top: 20px;
  box-shadow: none;
  border-radius: 0;
}
.layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .layout__module-nested--inner {
  padding: 0;
}
.layout__module-list--badged.layout__module-nested.layout__module-list--music-hub h1 {
  margin-bottom: 20px;
}
.layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.card:nth-of-type(2) .card__image-wrap, .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .community-pages .grid-unit.myForums:nth-of-type(2) .card__image-wrap, .community-pages .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.myForums:nth-of-type(2) .card__image-wrap, .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .community-pages .grid-unit.vevent:nth-of-type(2) .card__image-wrap, .community-pages .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.vevent:nth-of-type(2) .card__image-wrap, .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .community-pages .grid-unit.hentry:nth-of-type(2) .card__image-wrap, .community-pages .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.hentry:nth-of-type(2) .card__image-wrap {
  display: flex;
}
.layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.card:nth-of-type(5), .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .community-pages .grid-unit.myForums:nth-of-type(5), .community-pages .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.myForums:nth-of-type(5), .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .community-pages .grid-unit.vevent:nth-of-type(5), .community-pages .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.vevent:nth-of-type(5), .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .community-pages .grid-unit.hentry:nth-of-type(5), .community-pages .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.hentry:nth-of-type(5),
.layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.card:nth-of-type(6),
.layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .community-pages .grid-unit.myForums:nth-of-type(6),
.community-pages .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.myForums:nth-of-type(6),
.layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .community-pages .grid-unit.vevent:nth-of-type(6),
.community-pages .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.vevent:nth-of-type(6),
.layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .community-pages .grid-unit.hentry:nth-of-type(6),
.community-pages .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.hentry:nth-of-type(6) {
  height: 303px;
}
.layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.card:nth-of-type(5) .card__image-wrap, .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .community-pages .grid-unit.myForums:nth-of-type(5) .card__image-wrap, .community-pages .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.myForums:nth-of-type(5) .card__image-wrap, .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .community-pages .grid-unit.vevent:nth-of-type(5) .card__image-wrap, .community-pages .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.vevent:nth-of-type(5) .card__image-wrap, .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .community-pages .grid-unit.hentry:nth-of-type(5) .card__image-wrap, .community-pages .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.hentry:nth-of-type(5) .card__image-wrap,
.layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.card:nth-of-type(6) .card__image-wrap,
.layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .community-pages .grid-unit.myForums:nth-of-type(6) .card__image-wrap,
.community-pages .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.myForums:nth-of-type(6) .card__image-wrap,
.layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .community-pages .grid-unit.vevent:nth-of-type(6) .card__image-wrap,
.community-pages .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.vevent:nth-of-type(6) .card__image-wrap,
.layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .community-pages .grid-unit.hentry:nth-of-type(6) .card__image-wrap,
.community-pages .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.hentry:nth-of-type(6) .card__image-wrap {
  height: 225px !important;
}
.layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.card:nth-of-type(5) h2, .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .community-pages .grid-unit.myForums:nth-of-type(5) h2, .community-pages .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.myForums:nth-of-type(5) h2, .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .community-pages .grid-unit.vevent:nth-of-type(5) h2, .community-pages .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.vevent:nth-of-type(5) h2, .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .community-pages .grid-unit.hentry:nth-of-type(5) h2, .community-pages .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.hentry:nth-of-type(5) h2,
.layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.card:nth-of-type(6) h2,
.layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .community-pages .grid-unit.myForums:nth-of-type(6) h2,
.community-pages .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.myForums:nth-of-type(6) h2,
.layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .community-pages .grid-unit.vevent:nth-of-type(6) h2,
.community-pages .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.vevent:nth-of-type(6) h2,
.layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .community-pages .grid-unit.hentry:nth-of-type(6) h2,
.community-pages .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.hentry:nth-of-type(6) h2 {
  margin-bottom: 13px;
  display: none;
}
.layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.card:nth-of-type(5) .grid-container, .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .community-pages .grid-unit.myForums:nth-of-type(5) .grid-container, .community-pages .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.myForums:nth-of-type(5) .grid-container, .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .community-pages .grid-unit.vevent:nth-of-type(5) .grid-container, .community-pages .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.vevent:nth-of-type(5) .grid-container, .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .community-pages .grid-unit.hentry:nth-of-type(5) .grid-container, .community-pages .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.hentry:nth-of-type(5) .grid-container,
.layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.card:nth-of-type(6) .grid-container,
.layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .community-pages .grid-unit.myForums:nth-of-type(6) .grid-container,
.community-pages .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.myForums:nth-of-type(6) .grid-container,
.layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .community-pages .grid-unit.vevent:nth-of-type(6) .grid-container,
.community-pages .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.vevent:nth-of-type(6) .grid-container,
.layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .community-pages .grid-unit.hentry:nth-of-type(6) .grid-container,
.community-pages .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.hentry:nth-of-type(6) .grid-container {
  margin-bottom: 0px;
}
.layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.card:nth-of-type(5) .grid-container a, .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .community-pages .grid-unit.myForums:nth-of-type(5) .grid-container a, .community-pages .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.myForums:nth-of-type(5) .grid-container a, .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .community-pages .grid-unit.vevent:nth-of-type(5) .grid-container a, .community-pages .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.vevent:nth-of-type(5) .grid-container a, .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .community-pages .grid-unit.hentry:nth-of-type(5) .grid-container a, .community-pages .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.hentry:nth-of-type(5) .grid-container a,
.layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.card:nth-of-type(6) .grid-container a,
.layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .community-pages .grid-unit.myForums:nth-of-type(6) .grid-container a,
.community-pages .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.myForums:nth-of-type(6) .grid-container a,
.layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .community-pages .grid-unit.vevent:nth-of-type(6) .grid-container a,
.community-pages .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.vevent:nth-of-type(6) .grid-container a,
.layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .community-pages .grid-unit.hentry:nth-of-type(6) .grid-container a,
.community-pages .layout__module-list--badged.layout__module-nested.layout__module-list--music-hub .grid-unit.hentry:nth-of-type(6) .grid-container a {
  border-top: none;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 0;
}

.help-manual__container {
  margin: 10px;
  margin-left: 0;
  margin-top: 40px;
}
.help-manual__contents {
  float: left;
  width: 21%;
  margin-right: 20px;
}
.help-manual__contents .help-manual__contents--list {
  padding-left: 10px;
  width: calc(20% - 10px);
  padding-right: 5px;
  height: 90vh;
  overflow: auto;
}
.help-manual__contents--list a,
.help-manual__contents--list a:hover {
  color: #1B2020;
}
.help-manual__contents--list summary > * {
  display: inline-block;
  width: 92%;
  vertical-align: text-top;
  line-height: normal;
}
.help-manual__contents--list summary a {
  font-weight: bold;
}
.help-manual__contents--list details ul {
  margin-left: 25px;
}
.help-manual__contents--list details .article-list__nav-level-3 {
  margin-left: 0;
}
.help-manual__contents--list details .article-list__nav-level-3 li a:before {
  display: none;
}
.help-manual__contents--toggle--close {
  display: none;
}
.help-manual__contents--main-section a span {
  width: auto;
}
.help-manual__contents-header {
  border-bottom: 2px solid #d1d2d2;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.help-manual__contents-header h3 {
  color: #404040;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 14px;
}
.help-manual__contents-header button img {
  width: 24px;
}
.help-manual__main-content {
  float: left;
  width: calc(80% - 40px);
  background-color: #fff;
}
.help-manual__main-content h1 {
  line-height: 29px;
}
.help-manual__contents--hidden .help-manual__contents--list {
  width: 50px;
  height: 144px;
  padding-right: 0;
  padding-left: 0;
  background-color: #fff;
  box-shadow: 8px 2px 7px 0px rgba(0, 0, 0, 0.1), 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  border-radius: 0 4px 4px 0;
  overflow: hidden;
}
.help-manual__contents--hidden .help-manual__contents-header {
  border: none;
}
.help-manual__contents--hidden .help-manual__contents-header h3 {
  transform: rotate(90deg);
  float: none;
  position: relative;
  top: 38px;
  left: 13px;
}
.help-manual__contents--hidden .help-manual__contents--toggle.right {
  float: left;
  margin-top: 5px;
  margin-left: 5px;
}
.help-manual__contents--hidden .help-manual__contents--main-section,
.help-manual__contents--hidden .help-manual__contents--toggle--open {
  display: none;
}
.help-manual__contents--hidden .help-manual__contents--toggle--close {
  display: block;
}
.help-manual__current-url span {
  border-bottom: 1px solid #91c02e;
}
.help-manual__current-url:hover {
  text-decoration: none;
}
.help-manual__current-url:hover span {
  border-bottom: none;
}

.has-help-manual__container--hidden .help-manual__main-content {
  width: 94%;
  padding-left: 90px;
}
.has-help-manual__container--hidden .help-manual__contents {
  width: auto;
}

.nav-section-level-1-link-no-child,
.nav-section-level-link-no-child {
  margin-left: 13px;
}

.lt-ie9 .active .drop {
  border: 1px solid #000 !important;
  border-top: 0 solid #000 !important;
  left: 0px;
}
.lt-ie9 #main-nav-container li,
.lt-ie9 #nav-secondary li {
  padding-left: 0;
}
.lt-ie9 .dropdown-menu a {
  text-align: left !important;
  color: #000 !important;
}
.lt-ie9 .slideshow-nav li {
  background: url("/pro/images/slideshow-background.png") repeat scroll 0 0 transparent;
}
.lt-ie9 .slideshow-nav li.slide-active {
  background: url("/pro/images/slideshow-background.png") repeat scroll 0 -60px transparent;
}
.lt-ie9 .slideshow-nav li.slide-active i {
  margin-left: -23px;
}
.lt-ie9 .slideshow-nav li a {
  background: none transparent !important;
  border: 1px solid #ccc;
}
.lt-ie9 .slide {
  height: 278px;
  width: 576px;
  overflow: hidden;
  border: 1px solid #CCCCCC;
}
.lt-ie9 .slideshow,
.lt-ie9 .well {
  border: 1px solid #CCCCCC;
}
.lt-ie9 .giga-drops .drop li {
  border-bottom: 1px solid #9DC2DB;
  border-top: 1px solid #FFFFFF;
}
.lt-ie9 img {
  -ms-interpolation-mode: bicubic;
}

.lt-ie8 .clearfix, .lt-ie8 .nav--primary .level-2-container, .nav--primary .lt-ie8 .level-2-container, .lt-ie8 .line, .lt-ie8 .container {
  zoom: 1;
}
.lt-ie8 .giga-drops-tab-trigger,
.lt-ie8 #focus-mode {
  display: none !important;
}
.lt-ie8 .resource-summary-small,
.lt-ie8 .resource-summary-small * {
  position: static !important;
}
.lt-ie8 .btn-group.actions .btn {
  display: block;
  float: left;
  max-width: 42px;
}
.lt-ie8 body {
  overflow: hidden;
}
.lt-ie8 .navbar .nav,
.lt-ie8 .navbar .nav > li {
  float: none;
  display: inline-block;
  vertical-align: top;
}

[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;
  float: left;
  margin: 0;
}
[class*=u1of].right, [class*=u2of].right, [class*=u3of].right, [class*=u4of].right,
[class*=u5of].right, [class*=u6of].right, [class*=u7of].right, [class*=u8of].right,
[class*=u9of].right, [class*=u10of].right, [class*=u11of].right, [class*=u12of].right {
  float: right;
}

.u1of1 {
  width: 100%;
}

.u0of1 {
  width: 0%;
}

.u1of2 {
  width: 50%;
}

.u1of3 {
  width: 33.3333333333%;
}

.u2of3 {
  width: 66.6666666667%;
}

.u1of4 {
  width: 25%;
}

.u2of4 {
  width: 50%;
}

.u3of4 {
  width: 75%;
}

.u1of5 {
  width: 20%;
}

.u2of5 {
  width: 40%;
}

.u3of5 {
  width: 60%;
}

.u4of5 {
  width: 80%;
}

.u1of6 {
  width: 16.6666666667%;
}

.u2of6 {
  width: 33.3333333333%;
}

.u3of6 {
  width: 50%;
}

.u4of6 {
  width: 66.6666666667%;
}

.u5of6 {
  width: 83.3333333333%;
}

.u1of7 {
  width: 14.2857142857%;
}

.u2of7 {
  width: 28.5714285714%;
}

.u3of7 {
  width: 42.8571428571%;
}

.u4of7 {
  width: 57.1428571429%;
}

.u5of7 {
  width: 71.4285714286%;
}

.u6of7 {
  width: 85.7142857143%;
}

.u1of8 {
  width: 12.5%;
}

.u2of8 {
  width: 25%;
}

.u3of8 {
  width: 37.5%;
}

.u4of8 {
  width: 50%;
}

.u5of8 {
  width: 62.5%;
}

.u6of8 {
  width: 75%;
}

.u7of8 {
  width: 87.5%;
}

.u1of9 {
  width: 11.1111111111%;
}

.u2of9 {
  width: 22.2222222222%;
}

.u3of9 {
  width: 33.3333333333%;
}

.u4of9 {
  width: 44.4444444444%;
}

.u5of9 {
  width: 55.5555555556%;
}

.u6of9 {
  width: 66.6666666667%;
}

.u7of9 {
  width: 77.7777777778%;
}

.u8of9 {
  width: 88.8888888889%;
}

.u1of10 {
  width: 10%;
}

.u2of10 {
  width: 20%;
}

.u3of10 {
  width: 30%;
}

.u4of10 {
  width: 40%;
}

.u5of10 {
  width: 50%;
}

.u6of10 {
  width: 60%;
}

.u7of10 {
  width: 70%;
}

.u8of10 {
  width: 80%;
}

.u9of10 {
  width: 90%;
}

.u1of11 {
  width: 9.0909090909%;
}

.u2of11 {
  width: 18.1818181818%;
}

.u3of11 {
  width: 27.2727272727%;
}

.u4of11 {
  width: 36.3636363636%;
}

.u5of11 {
  width: 45.4545454545%;
}

.u6of11 {
  width: 54.5454545455%;
}

.u7of11 {
  width: 63.6363636364%;
}

.u8of11 {
  width: 72.7272727273%;
}

.u9of11 {
  width: 81.8181818182%;
}

.u10of11 {
  width: 90.9090909091%;
}

.u1of12 {
  width: 8.3333333333%;
}

.u2of12 {
  width: 16.6666666667%;
}

.u3of12 {
  width: 25%;
}

.u4of12 {
  width: 33.3333333333%;
}

.u5of12 {
  width: 41.6666666667%;
}

.u6of12 {
  width: 50%;
}

.u7of12 {
  width: 58.3333333333%;
}

.u8of12 {
  width: 66.6666666667%;
}

.u9of12 {
  width: 75%;
}

.u10of12 {
  width: 83.3333333333%;
}

.u11of12 {
  width: 91.6666666667%;
}

[class*=gu1of], [class*=gu2of], [class*=gu3of], [class*=gu4of],
[class*=gu5of], [class*=gu6of], [class*=gu7of], [class*=gu8of],
[class*=gu9of], [class*=gu10of], [class*=gu11of], [class*=gu12of] {
  float: left;
  margin-left: 3%;
}
[class*=gu1of]:first-child, [class*=gu2of]:first-child, [class*=gu3of]:first-child, [class*=gu4of]:first-child,
[class*=gu5of]:first-child, [class*=gu6of]:first-child, [class*=gu7of]:first-child, [class*=gu8of]:first-child,
[class*=gu9of]:first-child, [class*=gu10of]:first-child, [class*=gu11of]:first-child, [class*=gu12of]:first-child {
  margin-left: 0;
}

.gu1of2 {
  width: 48.5%;
}

.gu1of3 {
  width: 31.3333333333%;
}

.gu2of3 {
  width: 65.6666666667%;
}

.gu1of4 {
  width: 22.75%;
}

.gu2of4 {
  width: 48.5%;
}

.gu3of4 {
  width: 74.25%;
}

.gu1of5 {
  width: 17.6%;
}

.gu2of5 {
  width: 38.2%;
}

.gu3of5 {
  width: 58.8%;
}

.gu4of5 {
  width: 79.4%;
}

.gu1of6 {
  width: 14.1666666667%;
}

.gu2of6 {
  width: 31.3333333333%;
}

.gu3of6 {
  width: 48.5%;
}

.gu4of6 {
  width: 65.6666666667%;
}

.gu5of6 {
  width: 82.8333333333%;
}

.gu1of7 {
  width: 11.7142857143%;
}

.gu2of7 {
  width: 26.4285714286%;
}

.gu3of7 {
  width: 41.1428571429%;
}

.gu4of7 {
  width: 55.8571428571%;
}

.gu5of7 {
  width: 70.5714285714%;
}

.gu6of7 {
  width: 85.2857142857%;
}

.gu1of8 {
  width: 9.875%;
}

.gu2of8 {
  width: 22.75%;
}

.gu3of8 {
  width: 35.625%;
}

.gu4of8 {
  width: 48.5%;
}

.gu5of8 {
  width: 61.375%;
}

.gu6of8 {
  width: 74.25%;
}

.gu7of8 {
  width: 87.125%;
}

.gu1of9 {
  width: 8.4444444444%;
}

.gu2of9 {
  width: 19.8888888889%;
}

.gu3of9 {
  width: 31.3333333333%;
}

.gu4of9 {
  width: 42.7777777778%;
}

.gu5of9 {
  width: 54.2222222222%;
}

.gu6of9 {
  width: 65.6666666667%;
}

.gu7of9 {
  width: 77.1111111111%;
}

.gu8of9 {
  width: 88.5555555556%;
}

.gu1of10 {
  width: 7.3%;
}

.gu2of10 {
  width: 17.6%;
}

.gu3of10 {
  width: 27.9%;
}

.gu4of10 {
  width: 38.2%;
}

.gu5of10 {
  width: 48.5%;
}

.gu6of10 {
  width: 58.8%;
}

.gu7of10 {
  width: 69.1%;
}

.gu8of10 {
  width: 79.4%;
}

.gu9of10 {
  width: 89.7%;
}

.gu1of11 {
  width: 6.3636363636%;
}

.gu2of11 {
  width: 15.7272727273%;
}

.gu3of11 {
  width: 25.0909090909%;
}

.gu4of11 {
  width: 34.4545454545%;
}

.gu5of11 {
  width: 43.8181818182%;
}

.gu6of11 {
  width: 53.1818181818%;
}

.gu7of11 {
  width: 62.5454545455%;
}

.gu8of11 {
  width: 71.9090909091%;
}

.gu9of11 {
  width: 81.2727272727%;
}

.gu10of11 {
  width: 90.6363636364%;
}

.gu1of12 {
  width: 5.5833333333%;
}

.gu2of12 {
  width: 14.1666666667%;
}

.gu3of12 {
  width: 22.75%;
}

.gu4of12 {
  width: 31.3333333333%;
}

.gu5of12 {
  width: 39.9166666667%;
}

.gu6of12 {
  width: 48.5%;
}

.gu7of12 {
  width: 57.0833333333%;
}

.gu8of12 {
  width: 65.6666666667%;
}

.gu9of12 {
  width: 74.25%;
}

.gu10of12 {
  width: 82.8333333333%;
}

.gu11of12 {
  width: 91.4166666667%;
}

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

.centred-units > [class*=u1of] {
  display: inline-block;
  float: none;
  text-align: left;
}

.grid-col-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-gap-30 {
  grid-gap: 30px;
}

/*

  Padding and margin helpers

======================================================*/
.gutters__container {
  margin-left: -15px;
  margin-right: -15px;
}

.gutters {
  padding-left: 15px;
  padding-right: 15px;
}

.gutter-left {
  padding-left: 15px;
}

.gutter-right {
  padding-right: 15px;
}

.gutter-bottom {
  margin-bottom: 15px;
}

.gutter-top {
  margin-top: 15px;
}

/* spacing helpers
p,m = padding,margin
a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
Examples:
  .pa20 = { padding:20px }
  .ml10 = { margin-left:10px; }
  .mv5  = { margin-top:5px; margin-bottom:5px; }
*/
.pt0, .pv0, .pa0 {
  padding-top: 0px;
}

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

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

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

.pt5, .pv5, .pa5 {
  padding-top: 5px;
}

.pl5, .ph5, .pa5 {
  padding-left: 5px;
}

.pb5, .pv5, .pa5 {
  padding-bottom: 5px;
}

.pr5, .ph5, .pa5 {
  padding-right: 5px;
}

.pt10, .pv10, .pa10 {
  padding-top: 10px;
}

.pl10, .ph10, .pa10 {
  padding-left: 10px;
}

.pb10, .pv10, .pa10 {
  padding-bottom: 10px;
}

.pr10, .ph10, .pa10 {
  padding-right: 10px;
}

.pt15, .pv15, .pa15 {
  padding-top: 15px;
}

.pl15, .ph15, .pa15 {
  padding-left: 15px;
}

.pb15, .pv15, .pa15 {
  padding-bottom: 15px;
}

.pr15, .ph15, .pa15 {
  padding-right: 15px;
}

.pt20, .pv20, .pa20 {
  padding-top: 20px;
}

.pl20, .ph20, .pa20 {
  padding-left: 20px;
}

.pb20, .pv20, .pa20 {
  padding-bottom: 20px;
}

.pr20, .ph20, .pa20 {
  padding-right: 20px;
}

.pt25, .pv25, .pa25 {
  padding-top: 25px;
}

.pl25, .ph25, .pa25 {
  padding-left: 25px;
}

.pb25, .pv25, .pa25 {
  padding-bottom: 25px;
}

.pr25, .ph25, .pa25 {
  padding-right: 25px;
}

.pt30, .pv30, .pa30 {
  padding-top: 30px;
}

.pl30, .ph30, .pa30 {
  padding-left: 30px;
}

.pb30, .pv30, .pa30 {
  padding-bottom: 30px;
}

.pr30, .ph30, .pa30 {
  padding-right: 30px;
}

.mt0, .mv0, .ma0 {
  margin-top: 0px;
}

.ml0, .mh0, .ma0 {
  margin-left: 0px;
}

.mb0, .mv0, .ma0 {
  margin-bottom: 0px;
}

.mr0, .mh0, .ma0 {
  margin-right: 0px;
}

.mt5, .mv5, .ma5 {
  margin-top: 5px;
}

.ml5, .mh5, .ma5 {
  margin-left: 5px;
}

.mb5, .mv5, .ma5 {
  margin-bottom: 5px;
}

.mr5, .mh5, .ma5 {
  margin-right: 5px;
}

.mt10, .mv10, .ma10 {
  margin-top: 10px;
}

.ml10, .mh10, .ma10 {
  margin-left: 10px;
}

.mb10, .mv10, .ma10 {
  margin-bottom: 10px;
}

.mr10, .mh10, .ma10 {
  margin-right: 10px;
}

.mt15, .mv15, .ma15 {
  margin-top: 15px;
}

.ml15, .mh15, .ma15 {
  margin-left: 15px;
}

.mb15, .mv15, .ma15 {
  margin-bottom: 15px;
}

.mr15, .mh15, .ma15 {
  margin-right: 15px;
}

.mt20, .mv20, .ma20 {
  margin-top: 20px;
}

.ml20, .mh20, .ma20 {
  margin-left: 20px;
}

.mb20, .mv20, .ma20 {
  margin-bottom: 20px;
}

.mr20, .mh20, .ma20 {
  margin-right: 20px;
}

.mt25, .mv25, .ma25 {
  margin-top: 25px;
}

.ml25, .mh25, .ma25 {
  margin-left: 25px;
}

.mb25, .mv25, .ma25 {
  margin-bottom: 25px;
}

.mr25, .mh25, .ma25 {
  margin-right: 25px;
}

.mt30, .mv30, .ma30 {
  margin-top: 30px;
}

.ml30, .mh30, .ma30 {
  margin-left: 30px;
}

.mb30, .mv30, .ma30 {
  margin-bottom: 30px;
}

.mr30, .mh30, .ma30 {
  margin-right: 30px;
}

.none {
  display: none;
}

.inline {
  display: inline;
}

.block {
  display: block;
}

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

.table {
  display: table;
}

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

.flex {
  display: flex;
}

.flex-fill {
  flex: 1 0 auto;
}

.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;
}

/* 1. Fix for Chrome 44 bug. https://code.google.com/p/chromium/issues/detail?id=506893 */
.left {
  float: left;
}

.right {
  float: right;
}

.center {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.float-none {
  float: none;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.clearfix:before, .nav--primary .level-2-container:before,
.clearfix:after,
.nav--primary .level-2-container:after {
  content: "";
  display: table;
}

.clearfix:after, .nav--primary .level-2-container:after {
  clear: both;
}

.clearfix, .nav--primary .level-2-container {
  *zoom: 1;
}

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

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

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

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

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

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

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

.center-the-children {
  text-align: center;
}
.center-the-children > * {
  display: inline-block;
  margin-right: -4px;
  float: none !important;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.fixed-container {
  min-height: 1px;
}

.static {
  position: static;
}

.sticky {
  position: sticky;
}

.top-0 {
  top: 0;
}

.right-0 {
  right: 0;
}

.bottom-0 {
  bottom: 0;
}

.left-0 {
  left: 0;
}

.z-base {
  z-index: 0;
}

.z-over {
  z-index: 1;
}

.z-nav {
  z-index: 4000;
}

.z-dropdown {
  z-index: 5000;
}

.z-dropdown-tab {
  z-index: 6000;
}

.z-drawer-overlay {
  z-index: 65000;
}

.z-drawer {
  z-index: 70000;
}

.z-overlay {
  z-index: 8000;
}

.z-modal {
  z-index: 9000;
}

.xy-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.fit {
  max-width: 100%;
}

.fill {
  width: 100%;
  box-sizing: border-box;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

/* Colours ======================================================*/
.bg-tint-lightest {
  background: var(--white-90);
}

.bg-tint-lighter {
  background: var(--white-80);
}

.bg-tint-light {
  background: var(--white-60);
}

.bg-tint {
  background: var(--white-50);
}

.bg-shade-darkest {
  background: var(--black-90);
}

.bg-shade-darker {
  background: var(--black-80);
}

.bg-shade-dark {
  background: var(--black-70);
}

.bg-shade {
  background: var(--black-50);
}

.bg-shade-light {
  background: var(--black-30);
}

.bg-shade-lighter {
  background: var(--black-20);
}

.bg-shade-lightest {
  background: var(--black-10);
}

.color-black {
  color: var(--black);
}

.color-white {
  color: var(--white);
}

.color-grey-95 {
  color: var(--grey-95);
}

.color-grey-90 {
  color: var(--grey-90);
}

.color-grey-80 {
  color: var(--grey-80);
}

.color-grey-70 {
  color: var(--grey-70);
}

.color-grey-60 {
  color: var(--grey-60);
}

.color-grey-50 {
  color: var(--grey-50);
}

.color-grey-40 {
  color: var(--grey-40);
}

.color-grey-30 {
  color: var(--grey-30);
}

.color-grey-25 {
  color: var(--grey-25);
}

.color-grey-20 {
  color: var(--grey-20);
}

.color-grey-10 {
  color: var(--grey-10);
}

.color-grey-05 {
  color: var(--grey-05);
}

.color-text {
  color: var(--color-text);
}

.color-heading {
  color: var(--color-heading);
}

.color-info {
  color: var(--color-info);
}

.color-info-darker {
  color: var(--color-info-darker);
}

.color-charanga {
  color: var(--charanga-green);
}

.color-copper {
  color: var(--copper);
}

.color-accent {
  color: var(--color-accent);
}

.color-cta {
  color: var(--color-cta);
}

.color-link {
  color: var(--color-link);
}

.color-link-hover {
  color: var(--color-link-hover);
}

.ui-link {
  color: var(--color-info);
}
.ui-link:hover {
  color: var(--color-link-hover);
  text-decoration: none;
}

.color-white {
  color: #fff;
}

.color-charanga-green {
  color: var(--charanga-green);
}

.color-charanga-green-on-white {
  color: var(--charanga-green-on-white);
}

.color-copper {
  color: var(--copper);
}

.color-dark-red {
  color: var(--dark-red);
}

.color-red {
  color: var(--red);
}

.color-light-red {
  color: var(--light-red);
}

.color-orange {
  color: var(--orange);
}

.color-dark-yellow {
  color: var(--dark-yellow);
}

.color-yellow {
  color: var(--yellow);
}

.color-light-yellow {
  color: var(--light-yellow);
}

.color-dark-green {
  color: var(--dark-green);
}

.color-green {
  color: var(--green);
}

.color-light-green {
  color: var(--light-green);
}

.color-dark-blue {
  color: var(--dark-blue);
}

.color-blue {
  color: var(--blue);
}

.color-light-blue {
  color: var(--light-blue);
}

.color-lightest-blue {
  color: var(--lightest-blue);
}

.color-blue-on-white {
  color: var(--blue-on-white);
}

.color-purple {
  color: var(--purple);
}

.color-light-purple {
  color: var(--light-purple);
}

.color-dark-pink {
  color: var(--dark-pink);
}

.color-hot-pink {
  color: var(--hot-pink);
}

.color-pink {
  color: var(--pink);
}

.color-light-pink {
  color: var(--light-pink);
}

.color-brown {
  color: var(--brown);
}

.bg-white {
  background-color: white;
}

.bg-stripe {
  background-color: var(--color-striped-background);
}

.bg-pale {
  background-color: var(--ui-bg-pale);
}

.bg-palest {
  background-color: var(--ui-bg-palest);
}

.bg-charanga-green {
  background-color: var(--charanga-green);
}

.bg-charanga-green-for-light-text {
  background-color: var(--charanga-green-on-white);
}

.bg-copper {
  background-color: var(--copper);
}

.bg-dark-red {
  background-color: var(--dark-red);
}

.bg-red {
  background-color: var(--red);
}

.bg-light-red {
  background-color: var(--light-red);
}

.bg-orange {
  background-color: var(--orange);
}

.bg-dark-yellow {
  background-color: var(--dark-yellow);
}

.bg-yellow {
  background-color: var(--yellow);
}

.bg-light-yellow {
  background-color: var(--light-yellow);
}

.bg-dark-green {
  background-color: var(--dark-green);
}

.bg-green {
  background-color: var(--green);
}

.bg-light-green {
  background-color: var(--light-green);
}

.bg-dark-blue {
  background-color: var(--dark-blue);
}

.bg-blue {
  background-color: var(--blue);
}

.bg-light-blue {
  background-color: var(--light-blue);
}

.bg-lightest-blue {
  background-color: var(--lightest-blue);
}

.bg-purple {
  background-color: var(--purple);
}

.bg-light-purple {
  background-color: var(--light-purple);
}

.bg-dark-pink {
  background-color: var(--dark-pink);
}

.bg-hot-pink {
  background-color: var(--hot-pink);
}

.bg-pink {
  background-color: var(--pink);
}

.bg-light-pink {
  background-color: var(--light-pink);
}

.bg-brown {
  background-color: var(--brown);
}

/*  Decorative styles  ==============================*/
.rounded {
  border-radius: 4px;
}

.rounded-l {
  border-radius: 8px;
}

.rounded-xl {
  border-radius: 12px;
}

.rounded-small {
  border-radius: 2px;
}

.circle {
  border-radius: 50%;
}

.rounded-top {
  border-radius: 4px 4px 0 0;
}

.rounded-right {
  border-radius: 0 4px 4px 0;
}

.rounded-bottom {
  border-radius: 0 0 4px 4px;
}

.rounded-left {
  border-radius: 4px 0 0 4px;
}

.not-rounded {
  border-radius: 0;
}

.drop {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
}

/*  Borders  ==============================*/
.border {
  border: 1px solid var(--ui-border-color);
}

.border-top {
  border-top: 1px solid var(--ui-border-color);
}

.border-right {
  border-right: 1px solid var(--ui-border-color);
}

.border-bottom {
  border-bottom: 1px solid var(--ui-border-color);
}

.border-left {
  border-left: 1px solid var(--ui-border-color);
}

.border--dotted {
  border-style: dotted;
}

.border--dashed {
  border-style: dashed;
}

.border--solid {
  border-style: solid;
}

.border--none {
  border-style: none;
}

.border-thick {
  border-width: 3px;
}

.border-thicker {
  border-width: 5px;
}

.border-info {
  border-color: var(--color-info);
}

.border-info-darker {
  border-color: var(--color-info-darker);
}

.border-ui-darker {
  border-color: var(--ui-border-color-darker);
}

.border-inherit {
  border-color: inherit;
}

.border-charanga-green {
  border-color: var(--charanga-green);
}

.border-copper {
  border-color: var(--copper);
}

.border-dark-red {
  border-color: var(--dark-red);
}

.border-red {
  border-color: var(--red);
}

.border-light-red {
  border-color: var(--light-red);
}

.border-orange {
  border-color: var(--orange);
}

.border-yellow {
  border-color: var(--yellow);
}

.border-light-yellow {
  border-color: var(--light-yellow);
}

.border-dark-green {
  border-color: var(--dark-green);
}

.border-green {
  border-color: var(--green);
}

.border-light-green {
  border-color: var(--light-green);
}

.border-dark-blue {
  border-color: var(--dark-blue);
}

.border-blue {
  border-color: var(--blue);
}

.border-light-blue {
  border-color: var(--light-blue);
}

.border-lightest-blue {
  border-color: var(--lightest-blue);
}

.border-purple {
  border-color: var(--purple);
}

.border-light-purple {
  border-color: var(--light-purple);
}

.border-dark-pink {
  border-color: var(--dark-pink);
}

.border-hot-pink {
  border-color: var(--hot-pink);
}

.border-pink {
  border-color: var(--pink);
}

.border-light-pink {
  border-color: var(--light-pink);
}

.border-brown {
  border-color: var(--brown);
}

.border-white {
  border-color: #fff;
}

.border-black {
  border-color: #000;
}

/*  Typography  ==============================*/
.bold {
  font-weight: bold;
}

.regular {
  font-weight: normal;
}

.italic {
  font-style: italic;
}

.monospace {
  font-family: var(--font-monospace);
}

.underline {
  text-decoration: underline;
}

.no-underline {
  text-decoration: none !important;
}

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

.lowercase {
  text-transform: lowercase;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.tt-none {
  text-transform: none;
}

.ts-none {
  text-shadow: none;
}

.track-loose {
  letter-spacing: 0.02em;
}

.track-looser {
  letter-spacing: 0.06em;
}

.track-loosest {
  letter-spacing: 0.12em;
}

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

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

.leading-solid {
  line-height: 1;
}

.leading-heading {
  line-height: 1.25;
}

.leading-copy {
  line-height: 1.5;
}

.nowrap {
  white-space: nowrap;
}

.wrap {
  white-space: normal;
}

.pre {
  white-space: pre;
}

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

.hide-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.truncate, .modal-header h2,
.modal-header h3,
.modal-header h4,
.modal__title {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.measure {
  max-width: 30em;
}

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

.measure-wider {
  max-width: 40em;
}

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

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

.fs-inherit {
  font-size: inherit;
}

.fs-xs {
  font-size: 11px;
  font-size: 1.1rem;
}

.fs-s {
  font-size: 13px;
  font-size: 1.3rem;
}

.fs-m,
.fs-body {
  font-size: 15px;
  font-size: 1.5rem;
}

.fs-l {
  font-size: 18px;
  font-size: 1.8rem;
}

.fs-h1 {
  font-size: 30px;
  font-size: 3rem;
}

.fs-h2 {
  font-size: 21px;
  font-size: 2.1rem;
}

.fs-h3 {
  font-size: 18px;
  font-size: 1.8rem;
}

.fs-h4 {
  font-size: 15px;
  font-size: 1.5rem;
}

.fs-xl {
  font-size: 36px;
  font-size: 3.6rem;
}

.fs-xxl {
  font-size: 48px;
  font-size: 4.8rem;
}

.fs-xxxl {
  font-size: 72px;
  font-size: 7.2rem;
}

.text-tiny-info-caps {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #747676;
}

/*

  List colours

======================================================*/
.list-charanga-green a {
  color: var(--charanga-green);
}

#bd .container .list-charanga-green a {
  color: var(--charanga-green-on-white);
}

.list-copper a {
  color: var(--copper);
}

.list-dark-red a {
  color: var(--dark-red);
}

.list-red a {
  color: var(--red);
}

.list-light-red a {
  color: var(--light-red);
}

.list-orange a {
  color: var(--orange);
}

.list-dark-yellow a {
  color: var(--dark-yellow);
}

.list-yellow a {
  color: var(--yellow);
}

.list-light-yellow a {
  color: var(--light-yellow);
}

.list-dark-green a {
  color: var(--dark-green);
}

.list-green a {
  color: var(--green);
}

.list-light-green a {
  color: var(--light-green);
}

.list-dark-blue a {
  color: var(--dark-blue);
}

.list-blue a {
  color: var(--blue);
}

.list-light-blue a {
  color: var(--light-blue);
}

.list-lightest-blue a {
  color: var(--lightest-blue);
}

.list-purple a {
  color: var(--purple);
}

.list-light-purple a {
  color: var(--light-purple);
}

.list-dark-pink a {
  color: var(--dark-pink);
}

.list-hot-pink a {
  color: var(--hot-pink);
}

.list-pink a {
  color: var(--pink);
}

.list-light-pink a {
  color: var(--light-pink);
}

.list-brown a {
  color: var(--brown);
}

.hide,
.hidden,
.display-none {
  display: none;
}

.show {
  display: block;
}

.invisible {
  visibility: hidden;
}

.visible {
  visibility: visible;
}

/*  Text for screen readers and robots  ==============================*/
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*

  hide element unles ancestor .is-expanded
  - used in

======================================================*/
.music-pro-2015-theme .hidden-in--music-pro-2015-theme,
.if-more,
.if-compact,
.if-expanded,
.if-active-button,
.is-active-button .if-not-active-button,
.is-hidden-in-this-context,
.display-in-app-only {
  display: none !important;
}

[class*=js-show-if-] {
  display: none;
}

.actions--more .if-more,
.actions--more .if-expanded {
  display: block !important;
}

.is-active-button .if-active-button {
  display: inline-block !important;
}

.is-compact .if-compact,
.is-expanded .if-expanded {
  display: block !important;
}
.is-compact .if-compact.actions__item,
.is-expanded .if-expanded.actions__item {
  display: table-cell !important;
}

.is-expanded .if-expanded .dropdown__menu .actions__item {
  display: block !important;
}

/*

  Show / hide by product

======================================================*/
.if-product-cmwp,
.if-product-cmp,
.if-product-cms,
.if-product-cmi,
.if-product-cmsec,
.if-product-sec-vip,
.if-product-cmsc {
  display: none !important;
}

.only-on-help {
  display: none;
}

.help-pages .only-on-help {
  display: block;
}

body.product-cmwp .if-not-product-cmwp,
body.product-cmp .if-not-product-cmp,
body.product-cms .if-not-product-cms,
body.product-cmi .if-not-product-cmi,
body.product-cmsec .if-not-product-cmsec,
body.product-sec-vip .if-not-product-sec-vip,
body.product-cmsc .if-not-product-cmsc {
  display: none !important;
}

body.product-cmwp .if-product-cmwp,
body.product-cmp .if-product-cmp,
body.product-cms .if-product-cms,
body.product-cmi .if-product-cmi,
body.product-cmsec .if-product-cmsec,
body.product-sec-vip .if-product-sec-vip,
body.product-cmsc .if-product-cmsc {
  display: block !important;
}
body.product-cmwp .if-product-cmwp.inline,
body.product-cmp .if-product-cmp.inline,
body.product-cms .if-product-cms.inline,
body.product-cmi .if-product-cmi.inline,
body.product-cmsec .if-product-cmsec.inline,
body.product-sec-vip .if-product-sec-vip.inline,
body.product-cmsc .if-product-cmsc.inline {
  display: inline !important;
}
body.product-cmwp .if-product-cmwp.inline-block,
body.product-cmp .if-product-cmp.inline-block,
body.product-cms .if-product-cms.inline-block,
body.product-cmi .if-product-cmi.inline-block,
body.product-cmsec .if-product-cmsec.inline-block,
body.product-sec-vip .if-product-sec-vip.inline-block,
body.product-cmsc .if-product-cmsc.inline-block {
  display: inline-block !important;
}

/*

  Show / hide for England and wales

======================================================*/
.if-england-and-wales,
.if-not-england-and-wales {
  display: none;
}

/* Display if-england-and-wales when local is en, but not if we are in International =============*/
.current-locale-en .if-england-and-wales {
  display: block;
}

.current-locale-en .if-england-and-wales.inline {
  display: inline;
}

.current-locale-en .if-england-and-wales.inline-block {
  display: inline-block;
}

.product-cmi.current-locale-en .if-england-and-wales {
  display: none;
}

/* Display if-not-england-and-wales when local is en, but not if we are in International =============*/
.product-cmi .if-not-england-and-wales {
  display: block;
}

.product-cmi .if-not-england-and-wales.inline {
  display: inline;
}

.product-cmi .if-not-england-and-wales.inline-block {
  display: inline-block;
}

/* Hide don't shows by default */
.dnsmta-hide {
  display: none !important;
}

/*

  hide element unles ancestor .is-expanded
  - used in

======================================================*/
.music-pro-2015-theme .hidden-in--music-pro-2015-theme,
.if-more,
.if-compact,
.if-expanded,
.if-active-button,
.is-active-button .if-not-active-button,
.is-hidden-in-this-context,
.display-in-app-only {
  display: none !important;
}

[class*=js-show-if-] {
  display: none;
}

.actions--more .if-more,
.actions--more .if-expanded {
  display: block !important;
}

.is-active-button .if-active-button {
  display: inline-block !important;
}

.is-compact .if-compact,
.is-expanded .if-expanded {
  display: block !important;
}
.is-compact .if-compact.actions__item,
.is-expanded .if-expanded.actions__item {
  display: table-cell !important;
}

.is-expanded .if-expanded .dropdown__menu .actions__item {
  display: block !important;
}

.if-in-scheme {
  display: none !important;
}

.in-scheme .if-in-scheme {
  display: block !important;
}
.in-scheme .if-in-scheme.inline-block {
  display: inline-block !important;
}

.in-scheme .if-not-in-scheme {
  display: none !important;
}

.ignore-scheme-conditional-classes .if-not-in-scheme,
.ignore-scheme-conditional-classes .if-in-scheme {
  display: block !important;
}
.ignore-scheme-conditional-classes.inline-block {
  display: inline-block !important;
}

.if-is-home {
  display: none;
}

body.home .if-is-home {
  display: block;
}

/*

  MASTHEAD : browser-support-indicators

======================================================*/
.browser-support-indicator__flash,
.browser-support-indicator__shockwave,
.browser-support-indicator__html5,
.browser-support-indicator__web-audio-api {
  display: none;
}

.browser-has-flash .browser-support-indicator__flash,
.browser-has-shockwave .browser-support-indicator__shockwave,
.browser-has-html5 .browser-support-indicator__html5,
.browser-has-web-audio-api .browser-support-indicator__web-audio-api {
  display: inline-block;
  color: var(--green) !important;
  padding: 5px 15px 5px 5px;
  line-height: 20px;
}

.resource__info-icons {
  float: right;
}
.resource__info-icons .glyphicon-cloud-upload,
.resource__info-icons .glyphicon-star {
  float: right;
  margin-right: 5px;
  margin-left: 10px;
  color: var(--color-info);
}

.resource-compatibility__shockwave,
.resource-compatibility__flash,
.resource-compatibility__html5,
.resource-compatibility__web-audio-api {
  display: none;
}

.resource-uses-shockwave .resource-compatibility__shockwave,
.resource-uses-flash .resource-compatibility__flash,
.resource-uses-html5 .resource-compatibility__html5,
.resource-uses-web-audio-api .resource-compatibility__web-audio-api {
  display: inline-block;
  color: #fff;
}

.browser-has-flash .resource-uses-flash .resource-compatibility__flash,
.browser-has-html5 .resource-uses-html5 .resource-compatibility__html5,
.browser-has-web-audio-api .resource-uses-web-audio-api .resource-compatibility__web-audio-api,
.browser-has-shockwave .resource-uses-shockwave .resource-compatibility__shockwave {
  background-color: var(--green);
}

.browser-no-flash .resource-uses-flash .resource-compatibility__flash,
.browser-no-html5 .resource-uses-html5 .resource-compatibility__html5,
.browser-no-web-audio-api .resource-uses-web-audio-api .resource-compatibility__web-audio-api,
.browser-no-shockwave .resource-uses-shockwave .resource-compatibility__shockwave {
  background-color: var(--red);
}

.resource-compatibility-message--web-audio-api {
  display: none;
}

.browser-no-web-audio-api .resource-compatibility-message--web-audio-api {
  display: block;
}

.if-is-incompatible,
.compatibility-multiple {
  display: none;
}

.resource-compatibility-message .incompatibility-alert-icon {
  color: var(--red);
}

.has-js .resource-unplayable .if-is-incompatible {
  display: block;
}
.has-js .resource-unplayable .if-is-incompatible.ib {
  display: inline-block;
}
.has-js .resource-unplayable td.resource-compatibility .if-is-incompatible {
  line-height: 1.5;
  color: var(--color-text);
}

.resource-uses-shockwave.resource-uses-flash .compatibility-multiple,
.resource-uses-html5.resource-uses-flash .compatibility-multiple {
  display: inline;
}

.browser-no-flash.browser-no-shockwave.browser-no-html5.browser-no-web-audio-api .resource-uses-flash .if-is-incompatible {
  display: block;
}
.browser-no-flash.browser-no-shockwave.browser-no-html5.browser-no-web-audio-api .resource-uses-flash .if-is-incompatible.ib {
  display: inline-block;
}
.browser-no-flash.browser-no-shockwave.browser-no-html5.browser-no-web-audio-api .resource-uses-shockwave .if-is-incompatible {
  display: block;
}
.browser-no-flash.browser-no-shockwave.browser-no-html5.browser-no-web-audio-api .resource-uses-shockwave .if-is-incompatible.ib {
  display: inline-block;
}
.browser-no-flash.browser-no-shockwave.browser-no-html5.browser-no-web-audio-api .resource-uses-html5 .if-is-incompatible {
  display: block;
}
.browser-no-flash.browser-no-shockwave.browser-no-html5.browser-no-web-audio-api .resource-uses-html5 .if-is-incompatible.ib {
  display: inline-block;
}
.browser-no-flash.browser-no-shockwave.browser-no-html5.browser-no-web-audio-api .resource-uses-web-audio-api .if-is-incompatible {
  display: block;
}
.browser-no-flash.browser-no-shockwave.browser-no-html5.browser-no-web-audio-api .resource-uses-web-audio-api .if-is-incompatible.ib {
  display: inline-block;
}
.browser-no-flash.browser-no-shockwave.browser-no-html5.browser-no-web-audio-api .resource-uses-html5.resource-uses-flash .if-is-incompatible {
  display: block;
}
.browser-no-flash.browser-no-shockwave.browser-no-html5.browser-no-web-audio-api .resource-uses-html5.resource-uses-flash .if-is-incompatible.ib {
  display: inline-block;
}
.browser-no-flash.browser-no-shockwave.browser-no-html5.browser-no-web-audio-api .resource-uses-html5.resource-uses-shockwave .if-is-incompatible {
  display: block;
}
.browser-no-flash.browser-no-shockwave.browser-no-html5.browser-no-web-audio-api .resource-uses-html5.resource-uses-shockwave .if-is-incompatible.ib {
  display: inline-block;
}

.resource-uses-flash .if-is-incompatible {
  display: block;
}
.resource-uses-flash .if-is-incompatible.ib {
  display: inline-block;
}

.resource-uses-shockwave .if-is-incompatible {
  display: block;
}
.resource-uses-shockwave .if-is-incompatible.ib {
  display: inline-block;
}

.resource-uses-html5 .if-is-incompatible {
  display: block;
}
.resource-uses-html5 .if-is-incompatible.ib {
  display: inline-block;
}

.resource-uses-web-audio-api .if-is-incompatible {
  display: block;
}
.resource-uses-web-audio-api .if-is-incompatible.ib {
  display: inline-block;
}

.resource-uses-html5.resource-uses-flash .if-is-incompatible {
  display: block;
}
.resource-uses-html5.resource-uses-flash .if-is-incompatible.ib {
  display: inline-block;
}

.resource-uses-html5.resource-uses-shockwave .if-is-incompatible {
  display: block;
}
.resource-uses-html5.resource-uses-shockwave .if-is-incompatible.ib {
  display: inline-block;
}

[class*=if-browser-no],
[class*=if-browser-has-] {
  display: none;
}

.browser-no-shockwave .if-browser-no-shockwave,
.browser-no-html5 .if-browser-no-html5,
.browser-no-web-audio-api .if-browser-no-web-audio-api,
.browser-no-flash .if-browser-no-flash,
.browser-has-shockwave .if-browser-has-shockwave,
.browser-has-html5 .if-browser-has-html5,
.browser-has-web-audio-api .if-browser-has-web-audio-api,
.browser-has-flash .if-browser-has-flash {
  display: block;
}
.browser-no-shockwave .if-browser-no-shockwave.ib,
.browser-no-html5 .if-browser-no-html5.ib,
.browser-no-web-audio-api .if-browser-no-web-audio-api.ib,
.browser-no-flash .if-browser-no-flash.ib,
.browser-has-shockwave .if-browser-has-shockwave.ib,
.browser-has-html5 .if-browser-has-html5.ib,
.browser-has-web-audio-api .if-browser-has-web-audio-api.ib,
.browser-has-flash .if-browser-has-flash.ib {
  display: inline-block;
}

#header-image.header-image__diagonal {
  position: absolute;
  top: 46px;
  left: 0;
  right: 0;
  z-index: 0;
}
#header-image.header-image__diagonal #header-image__overlay {
  display: block;
  position: relative;
  bottom: 0;
}
#header-image.header-image__diagonal #header-image:after {
  display: inline-block;
  content: " ";
  width: 100%;
  height: 6px;
  background-color: #ffffff;
  position: absolute;
  bottom: 0;
}
#header-image + .lessons__container {
  background-color: #ffffff;
}

.if-button--success,
.is-button--success .not-button--success {
  display: none;
}

.is-button--success .if-button--success {
  display: inline-block;
  animation: tada-icon 0.8s;
}

.no-pointer {
  pointer-events: none;
}

.ui-theme-dark__covid-toggle-container {
  display: none;
}

.ui-theme-dark .c21-toggle__container {
  display: none;
}
.ui-theme-dark .ui-theme-dark__covid-toggle-container {
  display: list-item;
  list-style: none;
  margin: 0 auto;
  width: 990px;
  position: relative;
  top: -36px;
}
.ui-theme-dark .ui-theme-dark__covid-toggle-container .c21-toggle__container {
  display: block;
}
.ui-theme-dark .nav--primary .drop,
.ui-theme-dark .nav--primary .current .drop-tab,
.ui-theme-dark .nav--primary .level-1:hover .drop-tab,
.ui-theme-dark .nav--primary .level-1:focus .drop-tab,
.ui-theme-dark .nav--primary .level-1.hover .drop-tab,
.ui-theme-dark .nav--primary .level-1.focus .drop-tab,
.ui-theme-dark .nav--primary .level-1:focus-within .drop-tab,
.ui-theme-dark .nav--primary .level-1 .drop-tab:hover,
.ui-theme-dark .nav--primary .level-1 .drop-tab:focus {
  color: #ffffff;
  background-color: #606060;
  border-color: #606060 !important;
}
.ui-theme-dark .nav--primary .info,
.ui-theme-dark .nav--primary .drop a {
  color: #ffffff;
}
.ui-theme-dark .page-bd > .container:first-child {
  display: inline-block;
  width: 100%;
  margin: 0 0 10px;
  background-color: #606060;
}
.ui-theme-dark .page-bd > .container:first-child .layout-selector__container {
  margin: 0 auto;
  margin-top: 10px;
  width: 990px;
}
.ui-theme-dark .page-bd > .container:first-child .breadcrumbs {
  display: block;
  margin: 0 auto;
  width: 990px;
  padding: 10px 0;
}
.ui-theme-dark .page-bd > .container:first-child .breadcrumbs,
.ui-theme-dark .page-bd > .container:first-child .breadcrumbs a,
.ui-theme-dark .page-bd > .container:first-child .breadcrumbs li:after {
  color: #ffffff;
}
.ui-theme-dark .page-bd > .container:first-child .breadcrumbs a,
.ui-theme-dark .page-bd > .container:first-child .breadcrumbs a:hover {
  opacity: 0.7;
}
.ui-theme-dark .page-bd > .container:first-child .c21-toggle__container {
  margin-top: 10px;
}
.ui-theme-dark .page-bd > .container:first-child .c21-toggle__container.scheme-original img {
  filter: brightness(0) invert(1);
}
.ui-theme-dark .page-bd > .container:first-child #pdfviewer-anchor {
  margin: 0 auto;
  width: 990px;
}
.ui-theme-dark #header-image.header-image__diagonal {
  top: 37px;
}
.ui-theme-dark #hd .drop-tabs .digilearningmodules-67336:hover .drop-tab {
  color: #ffffff;
}

.ui-theme-dark__header-container {
  background-color: #ffffff;
  border-radius: 12px;
}

:root {
  --theme-sing-two__background-color: #3e4747;
  --theme-sing-two__color: #ffffff;
}

.ui-theme-sing-two {
  background-color: var(--theme-sing-two__background-color);
}
.ui-theme-sing-two .nav--primary .drop,
.ui-theme-sing-two .nav--primary .current .drop-tab,
.ui-theme-sing-two .nav--primary .level-1:hover .drop-tab,
.ui-theme-sing-two .nav--primary .level-1:focus .drop-tab,
.ui-theme-sing-two .nav--primary .level-1.hover .drop-tab,
.ui-theme-sing-two .nav--primary .level-1.focus .drop-tab,
.ui-theme-sing-two .nav--primary .level-1:focus-within .drop-tab,
.ui-theme-sing-two .nav--primary .level-1 .drop-tab:hover,
.ui-theme-sing-two .nav--primary .level-1 .drop-tab:focus {
  color: var(--theme-sing-two__color);
  background-color: var(--theme-sing-two__background-color);
  border-color: var(--theme-sing-two__background-color) !important;
}
.ui-theme-sing-two .nav--primary .info,
.ui-theme-sing-two .nav--primary .drop a {
  color: var(--theme-sing-two__color);
}
.ui-theme-sing-two .page-bd {
  background-color: var(--theme-sing-two__background-color);
}
.ui-theme-sing-two .page-bd .breadcrumbs {
  display: block;
  margin: 0 auto;
  width: 990px;
  padding: 10px 0;
}
.ui-theme-sing-two .page-bd .breadcrumbs,
.ui-theme-sing-two .page-bd .breadcrumbs a,
.ui-theme-sing-two .page-bd .breadcrumbs li:after {
  color: var(--theme-sing-two__color);
}
.ui-theme-sing-two .page-bd .breadcrumbs a,
.ui-theme-sing-two .page-bd .breadcrumbs a:hover {
  opacity: 0.7;
}
.ui-theme-sing-two .page-bd .c21-toggle__container {
  margin-top: 10px;
}
.ui-theme-sing-two .page-bd .c21-toggle__container.scheme-original img {
  filter: brightness(0) invert(1);
}
.ui-theme-sing-two .page-bd #pdfviewer-anchor {
  margin: 0 auto;
  width: 990px;
}
.ui-theme-sing-two #header-image.header-image__diagonal {
  top: 37px;
}
.ui-theme-sing-two #hd .drop-tabs .digilearningmodules-67336:hover .drop-tab {
  color: var(--theme-sing-two__color);
}
.ui-theme-sing-two header h1,
.ui-theme-sing-two header h2 {
  color: var(--theme-sing-two__color);
}
.ui-theme-sing-two .site-footer__container .info {
  color: var(--theme-sing-two__color);
}

/*************** START - MFE Temp styles ***************/
body.product-code-MFE,
.product-code-MFE {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3333333333;
}
body.product-code-MFE,
body.product-code-MFE pre,
body.product-code-MFE select,
body.product-code-MFE input,
body.product-code-MFE textarea,
body.product-code-MFE button,
body.product-code-MFE p,
body.product-code-MFE li,
body.product-code-MFE b,
body.product-code-MFE i,
body.product-code-MFE em,
body.product-code-MFE strong,
.product-code-MFE,
.product-code-MFE pre,
.product-code-MFE select,
.product-code-MFE input,
.product-code-MFE textarea,
.product-code-MFE button,
.product-code-MFE p,
.product-code-MFE li,
.product-code-MFE b,
.product-code-MFE i,
.product-code-MFE em,
.product-code-MFE strong {
  font-family: "myriad-pro", sans-serif !important;
}
body.product-code-MFE #hd .drop,
body.product-code-MFE #bd:before,
body.product-code-MFE #bd #header-image:before,
.product-code-MFE #hd .drop,
.product-code-MFE #bd:before,
.product-code-MFE #bd #header-image:before {
  background: #f2fafa;
}

.product-code-MFE {
  /*************** HEADER ***************/
  /*************** NAVIGATION ***************/
  /*************** START - MFE removal of workspace ***************/
  /*************** END - MFE removal of workspace ***************/
  /*************** BREADCRUMBS ***************/
  /*************** SECONDARY NAVIGATION ***************/
  /*************** HOME BOX ***************/
  /*************** MODALS ***************/
  /*************** GRADE/TERM PAGES ***************/
  /*************** MISC ***************/
  /*************** CMS USA BODY CLASS OVERRIDES ***************/
}
.product-code-MFE h1, .product-code-MFE h2, .product-code-MFE h3, .product-code-MFE h4, .product-code-MFE h4, .product-code-MFE h6, .product-code-MFE .h1, .product-code-MFE .h2, .product-code-MFE .h3, .product-code-MFE .h4, .product-code-MFE .h4, .product-code-MFE .h6 {
  font-family: "roboto-slab", serif !important;
  font-weight: 400;
  font-style: normal;
}
.product-code-MFE h1,
.product-code-MFE h2,
.product-code-MFE h3,
.product-code-MFE h4 {
  color: #03423b;
}
.product-code-MFE h1 {
  margin-top: 0;
}
.product-code-MFE .heading__icon.heading__icon--workspace {
  display: none;
}
.product-code-MFE .header-with-button.sticky {
  background: #f7f7f9;
}
.product-code-MFE .header-with-button.sticky .btn-large.btn-success, .product-code-MFE .header-with-button.sticky .community-pages input.btn-large[type=submit], .community-pages .product-code-MFE .header-with-button.sticky input.btn-large[type=submit],
.product-code-MFE .header-with-button.sticky h1 {
  margin-top: 15px;
}
.product-code-MFE .page-hd {
  background: #fff;
}
.product-code-MFE .page-bd {
  background: #f7f7f9;
  padding-bottom: 10px;
}
.product-code-MFE #bd {
  min-height: calc(100vh - 110px);
}
.product-code-MFE #hd a {
  padding: 15px 15px 12px;
}
.product-code-MFE #hd .product-logo {
  width: 270px !important;
  height: auto !important;
  padding-top: 10px;
  z-index: 1;
  padding-left: 0;
}
.product-code-MFE .level-1-link.drop-tab:after {
  content: "Grade";
  position: relative;
  top: -4px;
  font-size: 18px !important;
  text-transform: capitalize;
}
.product-code-MFE .level-1-link sup {
  vertical-align: bottom;
  font-size: inherit;
  text-transform: lowercase;
  line-height: inherit;
  position: relative;
  top: -6px;
}
.product-code-MFE .drop-tab-home + .drop-levels-3 > .drop-tab {
  font-size: 18px;
  padding: 11px 15px !important;
}
.product-code-MFE .drop-tab-workspace .level-1-link.drop-tab:after,
.product-code-MFE .nav--secondary-item--workspace .level-1-link.drop-tab:after,
.product-code-MFE .drop-tab-home + .drop-levels-3 > .drop-tab:after {
  content: "";
  display: none;
}
.product-code-MFE li.level-1.drop-tab-workspace {
  float: right;
}
.product-code-MFE li.level-1.drop-tab-workspace a {
  text-transform: capitalize;
  font-size: 18px;
  padding-top: 11px !important;
}
.product-code-MFE #hd .nav--primary .drop-tab {
  height: 50px;
  border-style: solid;
  border-width: 1px;
  border-color: #035c52 #035c52 transparent !important;
  border-radius: 4px 4px 0 0;
  background-color: #032a26;
}
.product-code-MFE #hd .nav--primary .drop-tab.level-1-link {
  background: transparent;
  color: black;
  box-shadow: initial;
  font-weight: 600 !important;
  font-size: 17px !important;
  line-height: 1;
  margin: 0 0 0 20px;
  letter-spacing: 0.3px;
  margin: 0 4px 0 0;
  padding: 15px 20px !important;
  border-width: 1px 1px 0;
  border-style: solid;
  border-color: #d5e2e1 !important;
  /* border-image: linear-gradient(0deg, #e5eaea, #009d9b) 1; */
  border-radius: 8px 8px 0 0 !important;
  min-width: 48px;
  text-align: center;
  /* box-shadow: inset 0 -3px 3px rgba(0,0,0,0.1), 0 -3px 3px rgba(0,0,0,0.1); */
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.1);
}
.product-code-MFE #hd .nav--primary .level-1 {
  margin: 0;
}
.product-code-MFE #hd .nav--primary .drop-tab-home {
  display: flex;
}
.product-code-MFE #hd .nav--primary .drop-tab-home .level-1-link {
  text-indent: 0 !important;
  width: auto;
}
.product-code-MFE #hd .nav--primary .level-1.current > a {
  border-bottom: 0 none;
  border-radius: 8px 8px 0 0;
  color: #009d9b;
}
.product-code-MFE #hd .nav--primary .level-1-link sup {
  top: auto;
  text-transform: inherit;
  vertical-align: baseline;
}
.product-code-MFE #hd .nav--primary .level-1-link.drop-tab:after {
  content: "";
  display: none;
}
.product-code-MFE #hd .nav--primary li:hover > a {
  color: var(--color-link-on-white) !important;
  text-decoration: none;
}
.product-code-MFE #hd .nav--primary .drop a {
  padding: 15px 15px 10px;
}
.product-code-MFE #hd .nav--primary .level-1-link.drop-tab, .product-code-MFE.product-cms-usa .level-1-link span[class*=grade-num],
.product-code-MFE .level-1-link.drop-tab:after {
  position: static;
  text-transform: none;
}
.product-code-MFE .drop-tab-workspace, .product-code-MFE.musicfirstelementary li.nav--secondary-item.dropdown.nav--secondary-item--account,
.product-code-MFE .ou-lesson-options {
  display: none;
}
.product-code-MFE.product-cms-usa #hd {
  display: block;
}
.product-code-MFE .lesson-viewer__menu__first .resource-menu__link {
  width: 100%;
}
.product-code-MFE.is-admin .lesson-viewer__menu__first .resource-menu__link {
  width: 135px;
}
.product-code-MFE.is-admin .lesson-viewer__menu__first .resource-menu__dropdown-wrapper {
  display: flex;
}
.product-code-MFE.is-admin .lesson-viewer__menu__first .actions__add-resource-to-lesson,
.product-code-MFE.is-admin .lesson-viewer__menu__first .actions__favourite-resource {
  display: none;
}
.product-code-MFE .breadcrumbs {
  display: block;
  margin: 20px 0 10px !important;
}
.product-code-MFE .dropdown__menu li.nav--secondary-item {
  display: block !important;
}
.product-code-MFE .nav--secondary-link {
  color: #767679;
  line-height: 20px;
  padding: 10px 0 15px 20px !important;
  text-decoration: none;
  text-shadow: initial;
  text-transform: initial;
  letter-spacing: 0;
  font-size: 17px;
  background: none;
  margin-left: 10px;
  font-weight: 400;
  background-image: none;
}
.product-code-MFE .nav--secondary-link.js-dropdown-trigger.is-active {
  color: #009d9b;
}
.product-code-MFE .nav--secondary {
  margin-right: -12px;
}
.product-code-MFE .nav--secondary-item:hover .nav--secondary-link {
  color: #009d9b;
  text-decoration: none;
}
.product-code-MFE #hd .nav--secondary-item--workspace .level-1-link,
.product-code-MFE #hd .nav--secondary-item--workspace .dropdown-menu a {
  padding-top: 8px !important;
}
.product-code-MFE .nav--secondary-item--yumu a:hover .info {
  color: #fff !important;
}
.product-code-MFE .nav--secondary-link--yumu,
.product-code-MFE .js-dropdown-trigger.nav--secondary-link--yumu {
  background-image: none;
}
.product-code-MFE .home-box {
  box-shadow: initial;
}
.product-code-MFE .home-box .only-in-musicfirstelementary {
  padding: 0;
}
.product-code-MFE .modal-header h1,
.product-code-MFE .modal-header h2,
.product-code-MFE .modal-header h3,
.product-code-MFE .modal-header h4 {
  color: #fff;
}
.product-code-MFE #bd .layout__grade h1,
.product-code-MFE .scheme-layout--term h1.mb5.pv20,
.product-code-MFE .scheme-layout--term h1.pv20.ma5,
.product-code-MFE .scheme-layout--term h1.pv20.mv5 {
  padding: 40px 0 10px;
}
.product-code-MFE .scheme-layout--term > .line > .pr30, .product-code-MFE .scheme-layout--term > .line > .pa30, .product-code-MFE .scheme-layout--term > .line > .ph30 {
  padding-right: 0;
}
.product-code-MFE .layout__grade .unit__name {
  min-height: 0;
}
.product-code-MFE #bd .layout-child-module-card-usa h3.unit__name {
  border-top-style: dotted;
  font-weight: 600;
}
.product-code-MFE h4.social-theme2 {
  margin: -5px 0px 8px !important;
  font-size: 16px;
  opacity: 0.7;
}
.product-code-MFE div#pdf-viewer {
  margin-top: 60px;
  border-radius: 7px 7px 0 0;
}
.product-code-MFE .lesson-viewer__content .lesson-cover {
  background: #fff;
}
.product-code-MFE .lesson-cover__title {
  font-size: 30px;
  font-weight: 400;
  color: #000;
  position: absolute;
  top: 110px;
  left: 20px;
  width: 360px;
  text-shadow: initial;
  line-height: 1.2;
  font-family: "roboto-slab", serif;
}
.product-code-MFE .layout--music-world-home .card__heading {
  min-height: 111px;
}
.product-code-MFE body#student-learning-space.product-code-MFE #flashes + ol.breadcrumbs.nav.nav--horizontal {
  display: none;
}
.product-code-MFE .ou-layout--plan {
  padding-top: 0;
  margin-top: 20px;
}
.product-code-MFE .digilearning-module-actions--wrapper {
  position: relative;
  top: 0px;
  text-align: center;
}
.product-code-MFE .container.lessons__container .digilearning-module-actions--wrapper {
  margin: -30px 0;
}
.product-code-MFE .scheme-layout--term .c21-action-menu--horizontal-stacked .c21-action {
  border-radius: 8px !important;
  border: 0 none !important;
  background: #FFF;
  box-shadow: 0 4px 24px rgba(26, 56, 56, 0.18);
}
.product-code-MFE .scheme-layout--term .digilearning-module-actions--wrapper .c21-action__label {
  margin: 5px auto 5px;
}
.product-code-MFE .lv_heading--banner {
  margin-top: 10px;
  clear: left;
  padding: 0;
}
.product-code-MFE .lv_heading--banner .breadcrumbs {
  display: none;
}
.product-code-MFE .ou-lesson-options.right.if-is-user {
  margin-top: -10px;
}
.product-code-MFE.product-cms-usa .level-1-link span[class*=grade-num] {
  font-size: 18px;
}
.product-code-MFE.product-cms-usa #hd {
  display: block;
  height: 160px;
  z-index: 999;
  position: relative;
}
.product-code-MFE.product-cms-usa #hd > .container:first-child {
  height: 58px;
}
.product-code-MFE #hd .line {
  overflow: inherit;
}

/* END .product-code-MFE */
.product-code-MFE .layout__grade--1st-grade .flex-3-col-wrap + .flex-3-col-wrap .unit__name,
.product-code-MFE .layout__grade--5th-grade .flex-3-col-wrap + .flex-3-col-wrap .unit__name {
  min-height: 54px;
}

body.product-code-MFE #bd .c21-lesson-button__options,
body.product-code-MFE #bd .actions__lesson-to-tablet,
body.product-code-MFE #bd .actions__send-resource-to-tablet,
body.product-code-MFE #bd .scheme-layout--term .digilearning-module-actions--wrapper,
body.product-code-MFE #modal--resource-uploader .alert.hide-on-submit .list-bulleted li:nth-child(4),
body.product-code-MFE #modal--resource-uploader .alert.hide-on-submit .list-bulleted li:nth-child(5),
body.product-code-MFE .lessons__container .digilearning-module-actions--wrapper .actions__lesson-to-class,
body#student-learning-space form[action="/yumu/my_account"] input[id=pupil_email_address],
body#student-learning-space form[action="/yumu/my_account"] label[for=pupil_email_address],
body.product-code-MFE.drawer-is-active .resource-search .resource-filters {
  display: none !important;
}

body.product-cms-usa.product-code-MFE .actions__add-to-class,
body.product-cms-usa.product-code-MFE .actions__add-lesson-to-module {
  display: inline-block !important;
}

body.product-code-MFE .actions__add-to-my-lessons {
  display: block;
}

/*
body.product-code-MFE:not(.is-admin) #bd .lv_back-button.actions__add-to-class,
body.product-code-MFE:not(.is-admin) #bd .button-assign,
body.product-code-MFE:not(.is-admin) .actions__add-to-my-lessons {
  display: none !important;
} */
body.product-code-MFE .resource-search__container .search-help {
  display: none;
}

body.product-code-MFE .btn.letter-link.btn--icon-large.mh5 {
  display: none;
}

/*
body.product-code-MFE .tabs__item.tabs__item--options { display: none !important; }
*/
/*
 body.product-code-MFE .tabs__item.tabs__item--assessment-evidence { display: none !important; }
*/
body.product-code-MFE .pupil-groups-head.line.edit-text-scope.mb10 a.btn, body.product-code-MFE .pupil-groups-head.line.edit-text-scope.ma10 a.btn, body.product-code-MFE .pupil-groups-head.line.edit-text-scope.mv10 a.btn {
  display: none;
}

/* Nooooooooooo! Kowalski */
.product-code-CMS-VN #hd .nav--primary .digilearningmodules-72643 .drop-tab {
  background-image: url(https://cdn.charanga.com/uploaded_images/0000/2675/YuStudio-Devive-Only-Unit-x2.png);
  background-position: 10px;
  background-size: 33px;
  padding-left: 50px;
  color: #1ed91e;
}

.product-code-CMS-VN #hd .nav--primary .digilearningmodules-72642 .drop-tab {
  color: #38b84d;
  background-position: 7px -91px;
}

.product-code-CMS-VN #hd .nav--primary .digilearningmodules-72642.current .drop-tab,
.product-code-CMS-VN #hd .nav--primary .digilearningmodules-72642:hover .drop-tab {
  color: black;
}

/* Supplementary tab */
/* MFE menu restyle - Remove on next deploy */
.product-code-MFE.product-cms-usa #hd {
  height: 160px !important;
}
.product-code-MFE.product-cms-usa #hd .nav--secondary {
  margin-right: 0 !important;
}
.product-code-MFE.product-cms-usa #hd .nav--primary {
  display: flex;
  float: left !important;
  margin-top: 52px !important;
  margin-right: -20px;
  width: 100%;
}
.product-code-MFE.product-cms-usa #hd .nav--primary li.current .drop {
  top: 102px;
}
.product-code-MFE.product-cms-usa #hd li.level-1.level-1--creative-tools {
  margin-left: auto !important;
}

.mfe__need-help {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}
.mfe__need-help a {
  color: #01857c;
}

@media (prefers-color-scheme: dark) and (forced-colors: active) {
  .product-code-MFE #hd .product-logo img {
    filter: invert(1);
  }
}
@media (forced-colors: active) {
  .js-dropdown-trigger.button__unstyled.doc-drop-trigger {
    color: var(--forced-color-link-text) !important;
  }
}
/* temp fix for full screen yustudio in MFE */
body.product-code-MFE.module-68385 .better-breadcrumbs {
  display: none;
}

body.product-code-MFE.module-68385 #bd > .container > .breadcrumbs {
  margin: 2px 0;
  position: absolute;
  top: 0;
  left: 205px;
}

body.product-code-MFE.module-68385.hide-the-head #hd {
  height: 0 !important;
  overflow: hidden;
  transition: height 0.45s ease-in;
}

.page-hd__combined--product {
  border: 1px solid #484646;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
}
.page-hd__combined--product:hover {
  background: #484646;
}
.page-hd__combined--product:first-child {
  margin-right: 7px;
}
.page-hd__combined--product .product-logo {
  width: 196px;
  padding-left: 5px;
}
.page-hd__combined--product .product-logo img {
  width: auto;
  max-width: none;
  height: 30px;
}
.page-hd__combined--product.product-selected {
  background: #484646;
}
.page-hd__combined + .page-hd__combined--product {
  margin-left: 3px;
}

.showing-product-tabs #hd,
.showing-product-tabs .page-hd__combined--product.product-selected {
  background: #000;
}
.showing-product-tabs .page-hd {
  position: relative;
}
.showing-product-tabs .page-hd__combined--product {
  background: rgba(0, 0, 0, 0.4);
  margin-right: 0;
  border: 1px solid #000;
  position: relative;
  z-index: 1;
}
.showing-product-tabs .nav--secondary {
  padding-top: 8px;
}
.showing-product-tabs div#hd:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 0;
  height: 56px;
  background: #014b46;
}
.showing-product-tabs .page-hd__combined--admin {
  position: absolute;
  top: 17px;
  z-index: 9999;
  right: calc(50vw - 580px);
}
.showing-product-tabs .nav--secondary__container {
  float: right;
  width: 57%;
}
.showing-product-tabs .header-section__middle {
  padding: 10px 0 0;
}
.showing-product-tabs .nav--secondary-link {
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
}
.showing-product-tabs .modal-backdrop {
  z-index: 10000;
}
.showing-product-tabs .modal {
  z-index: 10001;
}
.showing-product-tabs .product-logo {
  margin: 0 !important;
  padding: 6px 6px 0px;
  opacity: 0.8;
  width: auto;
}
.showing-product-tabs .product-logo img {
  width: auto;
  height: auto !important;
}
.showing-product-tabs li:hover .product-logo,
.showing-product-tabs .product-selected .product-logo {
  opacity: 1;
}
.showing-product-tabs .nav--secondary-link--account,
.showing-product-tabs .nav--secondary-link--help,
.showing-product-tabs .nav--secondary-link--workspace {
  padding-left: 23px;
  padding-right: 7px;
}

#dismissable-popover--combined-product-first-visit {
  max-width: 388px;
  top: 71px;
  left: 51px;
}
#dismissable-popover--combined-product-first-visit:after {
  content: "";
  display: inline-block;
  border-left: 9px solid rgba(0, 0, 0, 0);
  border-right: 9px solid rgba(0, 0, 0, 0);
  border-bottom: 13px solid #fff;
  position: absolute;
  height: 21px;
  top: -20px;
  left: 20px;
}

.product-cms-ind .product-logo {
  width: 268px;
}
.product-cms-ind .header-section__middle {
  margin-top: 20px;
}
.product-cms-ind #hd .logo-or-school {
  margin: 0 0 20px 0;
}
.product-cms-ind #hd .masthead-music-service,
.product-cms-ind #hd .nav--secondary-item--cpd {
  display: none;
}

.layout__module-list--badged.layout__module-list--classroom-band header.parent,
.layout__module-list--badged.layout__module-list--large-ensembles-for-all-instruments-and-voice header.parent {
  display: none;
}

.badged_list__23.badged_list__84733 .grid-container {
  grid-template-columns: repeat(3, 1fr);
}

.badged_list__23.badged_list__84747 .grid-container {
  grid-template-columns: repeat(4, 1fr);
}

.badged_list_parent.badged_list__84614 header.mt30, .badged_list_parent.badged_list__84614 header.ma30, .badged_list_parent.badged_list__84614 header.mv30 {
  margin-top: 20px !important;
}

.product-cmp .card__summary-wrap div,
.product-cmp25 .card__summary-wrap div {
  font-size: 14px;
}

/* HIDE ITEM FROM HELP MENU ON ARTICLE */
.product-cmscy .nav-section-item .nav-section-level-2-item.if-not-product-cmscy {
  display: none;
}

/* ICONS ON CYMRU TAB PAGES */
/* Cymru 3  Page icons */
.product-cmscy #bd .create-curriculum__header:before,
.product-cmscy #bd .unit-card-with-menu__header:before,
.product-cmscy #bd .layout__module-list--playing-together header h1:before,
.product-cmscy #bd .layout__module-list--cyd-chwarae header h1:before {
  content: " ";
  height: 30px;
  width: 30px;
  display: inline-block;
  position: relative;
  margin: 0 7px 0 0;
  background-size: 30px !important;
}

.product-cmscy #bd .create-curriculum__header:before {
  background: url("https://cdn.charanga.com/uploaded_images/0000/3951/cymru3-curric-builder@2x.png");
  top: 5px;
}

.product-cmscy #bd .unit-card-with-menu__header:before {
  background: url("https://cdn.charanga.com/uploaded_images/0000/3950/cymru3-curric-units@2x.png");
  top: -2px;
}

.product-cmscy #bd .layout__module-list--playing-together header h1:before,
.product-cmscy #bd .layout__module-list--cyd-chwarae header h1:before {
  background-image: url(https://cdn.charanga.com/uploaded_images/0000/3949/cymru3-playing-together@2x.png) !important;
  top: 4px;
  background-size: 30px !important;
  background-position: 0px;
}

.product-cmscy .instruments__cymru #bd h1:before {
  content: " ";
  height: 30px;
  width: 30px;
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0 8px 0 0;
  background: url("/uploaded_images/0000/3948/cymru3-instruments@2x.png") no-repeat;
  background-size: 30px;
  overflow: hidden;
}

.product-cmscy .layout__module-list--dathlu-partneriaethau h1:before {
  content: " ";
  height: 40px;
  width: 40px;
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0 6px 0 0;
  background-image: url(/images/danish-theme/nav-tab-sprite-30px.png);
  background-position: 7px -841px;
  background-repeat: no-repeat;
  overflow: hidden;
}

.if-in-current-locale-cy,
.if-in-current-locale-en-US,
.current-locale-cy .unless-in-current-locale-cy,
.current-locale-en-US .unless-in-current-locale-en-US {
  display: none;
}

.current-locale-cy .if-in-current-locale-cy,
.current-locale-en-US .if-in-current-locale-en-US {
  display: block;
}

.product-cmscy .course-layout__lessons .c21-lesson-button__more {
  width: 55px;
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.layout__module-list--nodau-cyntaf-i-r-band-cyntaf .grid-unit.card, .layout__module-list--nodau-cyntaf-i-r-band-cyntaf .community-pages .grid-unit.myForums, .community-pages .layout__module-list--nodau-cyntaf-i-r-band-cyntaf .grid-unit.myForums, .layout__module-list--nodau-cyntaf-i-r-band-cyntaf .community-pages .grid-unit.vevent, .community-pages .layout__module-list--nodau-cyntaf-i-r-band-cyntaf .grid-unit.vevent, .layout__module-list--nodau-cyntaf-i-r-band-cyntaf .community-pages .grid-unit.hentry, .community-pages .layout__module-list--nodau-cyntaf-i-r-band-cyntaf .grid-unit.hentry {
  font-size: 17px !important;
}

.product-code-CMS-AUS #training .-u1of2.-pr30 .pb5, .product-code-CMS-AUS #training .-u1of2.-pr30 .pa5, .product-code-CMS-AUS #training .-u1of2.-pr30 .pv5,
.product-code-CMS-AUS .c21-toggle__container[action^="/scheme"],
.product-code-CMS-AUS .c21-toggle__container[action^="/adapted-for-covid-scheme"] {
  display: none;
}

.product-code-CMS-SC .logo-or-school .music-service-info {
  margin-top: 20px;
}
.product-code-CMS-SC .line.header-section__top {
  min-height: 50px;
}
.product-code-CMS-SC a.if-is-home {
  display: none;
}
.product-code-CMS-SC .scheme-layout.scheme-scotland .c21-lesson-button__icon {
  background-color: #0058AD;
  background: linear-gradient(73.71deg, #0058AD 1.38%, #005EB8 51.2%, #1274D2 100%) !important;
  color: #fff;
}

.if-print-stylesheet,
.if-print {
  display: none;
}

@media print {
  .no-print {
    display: none !important;
    color: inherit;
  }
  * {
    background: transparent none !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
    position: static !important;
    opacity: 1 !important;
    overflow: visible !important;
    text-align: left !important;
  }
  th,
  .table-stats thead th {
    background: transparent !important;
  }
  /* Black prints faster: h5bp.com/s */
  a, a:visited {
    text-decoration: none;
    color: blue !important;
  }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  } /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  } /* h5bp.com/t */
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.75cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
  h1 {
    font-size: 24px !important;
    margin: 12px 0 12px !important;
    padding: 0 !important;
  }
  h2 {
    font-size: 21px !important;
  }
  h3 {
    font-size: 18px !important;
  }
  h4 {
    font-size: 16px !important;
  }
  article p {
    margin-bottom: 12px !important;
  }
  [class*=ml] {
    margin-left: 0;
  }
  [class*=mh] {
    margin-left: 0;
    margin-right: 0;
  }
  [class*=mr] {
    margin-right: 0;
  }
  .help-pages article img {
    max-width: 30% !important;
    float: right !important;
    margin-left: 2% !important;
  }
  .help-pages article p,
  .help-pages article ul,
  .help-pages article ol,
  .help-pages article li {
    clear: none !important;
  }
  .help-pages h1 {
    border-bottom: 0 none !important;
  }
  .help-pages article section:last-child {
    border-bottom: 0 none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  ol.breadcrumbs {
    margin-top: 0 !important;
  }
  ol.breadcrumbs * {
    color: #888 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 0 !important;
  }
  .pupil-groups-head {
    margin-bottom: 0;
  }
  .modal,
  .tabs__pane,
  .button, .btn,
  .music-world-classes-icon,
  .tabs__list,
  .do-not-print,
  .banner--beta,
  .breadcrumbs,
  table .btn,
  #query_review_header_0, .edit-this-link,
  .layout-has-sub-nav .nav-section,
  video, [class*=video_][class*=_wrapper],
  #nav-secondary,
  #hd,
  #ft,
  #main-nav-container {
    display: none !important;
  }
  .tabs__pane.is-active {
    display: block !important;
  }
  .if-print-stylesheet,
  .if-print {
    display: block !important;
  }
  .if-print-stylesheet .block,
  .if-print .block {
    display: block !important;
  }
  .if-print-stylesheet .inline,
  .if-print .inline {
    display: inline !important;
  }
  .if-print-stylesheet .inline-block,
  .if-print .inline-block {
    display: inline-block !important;
  }
  .if-print-left {
    float: left;
  }
  .if-print-right {
    float: left;
  }
  textarea {
    resize: none;
  }
  select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  input[type=date]::-webkit-inner-spin-button,
  input[type=date]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
  }
  .pagebreak {
    page-break-before: always;
  }
  #yumu-nav {
    display: none;
  }
  .page-bd {
    padding-bottom: 0;
  }
  .border--print-only {
    border: 1px var(--ui-border-color) solid;
  }
}
div#modal--resource-uploader {
  width: 100%;
  max-width: 590px;
  max-height: 98vh;
}
div#modal--resource-uploader input#document_filename {
  width: 100%;
  border: #8d9090 3px dashed;
}
div#modal--resource-uploader .has-file input#document_filename[type=file] {
  border: #38b84d 3px solid;
}
div#modal--resource-uploader .modal__body {
  max-height: calc(98vh - 45px);
}

/*

  FILE TODO

======================================================*/
.min-height-2em {
  min-height: 2em;
  box-sizing: content-box;
}

.min-height-3em {
  min-height: 3em;
  box-sizing: content-box;
}

.min-height-4em {
  min-height: 4em;
  box-sizing: content-box;
}

.min-height-5em {
  min-height: 5em;
  box-sizing: content-box;
}

.cursor-help {
  cursor: help;
}

/* MAX HACKS */
.blank-required-field {
  border: 4px solid red;
}

#masthead a {
  text-decoration: none !important;
}

.masthead-school,
.masthead-music-service {
  font-weight: 700;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.4);
  line-height: 1;
  margin: 0;
}

#nav-secondary .logged-out-nav-link {
  background: #EE7882;
  text-shadow: none;
  padding: 5px 30px;
  border-radius: 3px;
  color: #FFF;
  font-size: 20px;
  transition: all 0.25s;
}

#nav-secondary .logged-out-nav-link:hover {
  background-color: #28B428;
}

/* END OF MAX HACKS */
.unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.card__img-badge--round {
  color: #303638;
  display: block;
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: #fff;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  text-align: center;
  padding: 13px 5px 0;
  text-transform: uppercase;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  line-height: 1.1;
}

.card__img-badge--new {
  background: red;
  position: absolute;
  z-index: 99;
  top: -0.454545455em;
  right: -2.090909091em;
  padding: 1.545454545em 1.727272727em 0.363636364em;
  color: #fff;
  display: inline-block;
  line-height: 1;
  text-transform: uppercase;
  font-weight: bold;
  transform: rotate(45deg);
  font-size: 11px;
  letter-spacing: 0.072727273em;
}

.help-in-context__admin-icon {
  display: block;
  font-size: 21px;
  color: #849199;
  opacity: 0;
  border: 1px solid;
  padding: 6px 0 0;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 50%;
  transition: 0.4s all;
  margin-left: 10px;
}
.help-in-context__admin-icon span {
  vertical-align: top;
}

h1:hover .help-in-context__admin-icon,
header:hover .help-in-context__admin-icon {
  opacity: 1;
  animation: colorchange 2s ease;
}

@keyframes colorchange {
  0% {
    border: 1px solid #849199;
  }
  25% {
    border: 1px solid #000;
  }
  100% {
    border: 1px solid #849199;
  }
}
.ms-logo--id-231 {
  background: transparent !important;
  padding: 0;
}

.anim-funnel-tada {
  animation: tada 0.8s;
}

span.tablet-compatibility {
  display: none !important;
}

.resource__header .media__img a,
.media--individual-resource .img a {
  display: block;
  width: 99px;
  height: 74px;
  overflow: hidden;
}

body.help-pages .breadcrumbs li:nth-child(3) {
  display: none;
}

.product-cms-usa .logo-or-school,
.product-cms-usa .global-search {
  display: none !important;
}

.product-cms-usa.is-admin .nav--secondary-item.nav--secondary-item--cpd,
.product-cms-usa.is-admin .nav--secondary-item.nav--secondary-item--admin {
  display: inline-block;
}
.product-cms-usa.is-admin .nav--secondary-item.nav--secondary-item--cpd .glyphicon-education,
.product-cms-usa.is-admin .nav--secondary-item.nav--secondary-item--admin .glyphicon-education {
  color: inherit !important;
}

.product-cms-usa .nav--secondary-item--log-out,
.product-cms-usa .nav--secondary-item--evaluation {
  display: inline-block !important;
  float: none !important;
}

.product-cms-usa .nav--secondary {
  text-align: right;
}

.product-cms-usa .product-logo {
  margin: 10px 0;
  height: 80px !important;
}

.product-cms-usa .nav--secondary-item .level-2 a.level-2-link {
  padding: 15px 15px;
  border-top: 1px solid #e6e6e6;
}
.product-cms-usa .nav--secondary-item .level-2:first-child a.level-2-link {
  border-top: none;
}

.product-cms-usa .scheme-term-1 h1 {
  padding-top: 10px;
}

.product-cms-usa #header-image:before {
  content: " ";
  display: block;
  position: absolute;
  top: -2px;
  left: 0;
  right: 0;
  height: 47px;
  background: #fff;
  z-index: 1;
  box-shadow: 0 2px 10px rgba(26, 56, 56, 0.2);
}

.product-cms-usa .lesson-viewer__actions,
.product-cms-usa.pupil .resource-menu__info-link {
  display: none !important;
}

.product-cms-usa .level-1-link {
  padding: 15px 15px !important;
}

.product-cms-usa .level-1-link sup {
  top: -0.4em;
  text-transform: lowercase;
}

.product-cms-usa .level-1-link span[class*=grade-num] {
  font-size: 21px;
  position: relative;
  top: -4px;
}

.dropdown__menu.dropdown__menu--dropup:after {
  content: "";
  display: inline-block;
  border-bottom: 11px solid rgba(0, 0, 0, 0);
  border-left: 11px solid rgba(0, 0, 0, 0);
  border-right: 11px solid rgba(0, 0, 0, 0);
  border-top: 11px solid #fff;
  position: absolute;
  top: auto;
  bottom: -20px;
  left: 25px;
  right: auto;
}

.charanga-app__footer {
  margin: 0 10px 10px;
}

.charanga-app__footer__link {
  background: #eee;
  border-radius: 4px;
  max-height: 100px;
  margin-right: 4px;
  padding: 4px 8px 3px;
}

.either-or {
  text-transform: uppercase;
  font-weight: 700;
  padding: 20px 0 15px;
  text-align: center;
  position: relative;
}

.either-or:before {
  content: "";
  height: 1px;
  width: 100%;
  position: absolute;
  top: 28px;
  background-color: #d9dede;
  left: 0;
  right: 0;
}

.either-or span {
  position: relative;
  display: inline-block;
  background: #fff;
  padding: 0 15px;
}

.product-cms-usa #hd .product-logo {
  width: 200px;
  height: 100px !important;
}

.nav--secondary__container {
  position: relative;
  height: 48px;
}

.nav--secondary__container .nav--secondary {
  position: absolute !important;
  right: 0;
}

.showing-product-tabs .nav--secondary__container .nav--secondary {
  top: inherit;
}

.product-cms-usa .nav--secondary__container {
  height: 0;
  padding: 4px;
}

.product-cms-usa #hd .nav--secondary {
  position: absolute !important;
  top: 10px;
  right: 0;
}

/* COVID */
.resource-menu__link.is-covid-additional .js-resource-name:before,
.resource-menu__link.is-not-covid-adapted .js-resource-name:before,
.resource-menu__link.is-covid-adapted .js-resource-name:before {
  display: none;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  color: #505050;
  font-size: 12px;
  padding-bottom: 1px;
}

.resource-menu__link.is-covid-adapted .js-resource-name:before {
  content: "Replacement";
}

.resource-menu__link.is-not-covid-adapted .js-resource-name:before {
  content: "Standard";
}

.resource-menu__link.is-covid-additional .js-resource-name:before {
  content: "Additional";
}

.is-in-covid-scheme .is-covid-additional .js-resource-name:before,
.is-in-covid-scheme .is-covid-adapted .js-resource-name:before,
.is-in-covid-scheme .is-not-covid-adapted .js-resource-name:before {
  display: block;
  padding-bottom: 1px;
}

.is-in-covid-scheme [data-lesson-id="394072"] #resources-700-play-link .js-resource-name:before,
.is-in-covid-scheme [data-lesson-id="394073"] #resources-702-play-link .js-resource-name:before,
.is-in-covid-scheme [data-lesson-id="394074"] #resources-702-play-link .js-resource-name:before,
.is-in-covid-scheme [data-lesson-id="394075"] #resources-702-play-link .js-resource-name:before,
.is-in-covid-scheme [data-lesson-id="394076"] #resources-8955-play-link .js-resource-name:before,
.is-in-covid-scheme [data-lesson-id="394077"] #resources-8955-play-link .js-resource-name:before {
  display: block;
}

.media-background__start-now img {
  display: none;
}

.media-background__start-now .media-background__img {
  background: url(https://cdn.charanga.com/uploaded_images/0000/1839/Start%20Now%20unit%20graphic-11.png) no-repeat center center #689be1;
  background-size: contain;
}

.gu1of3 [href^="/uploaded_documents/"][href*=Certificate] {
  display: none;
}

.product-cms-usa #lesson-viewer .dropdown.is-active .dropdown-menu--lv-resource {
  display: none;
  z-index: 6500;
}

.product-cms-usa #lesson-viewer .dropdown.is-active .js-dropdown-trigger-2 {
  background: #fff !important;
  color: #000 !important;
}

.product-cms-usa #lesson-viewer .dropdown.js-dropdown-is-active .dropdown-menu--lv-resource {
  display: block;
  z-index: 6500;
}

.product-cms-usa .layout__module-list--badged .support-file {
  column-break-inside: avoid;
  overflow: hidden;
}

.product-cms-usa .layout__module-list--badged .card, .product-cms-usa .layout__module-list--badged .community-pages .myForums, .community-pages .product-cms-usa .layout__module-list--badged .myForums, .product-cms-usa .layout__module-list--badged .community-pages .vevent, .community-pages .product-cms-usa .layout__module-list--badged .vevent, .product-cms-usa .layout__module-list--badged .community-pages .hentry, .community-pages .product-cms-usa .layout__module-list--badged .hentry {
  overflow: visible;
}

.product-cms-usa .layout__module-list--badged .card:after, .product-cms-usa .layout__module-list--badged .community-pages .myForums:after, .community-pages .product-cms-usa .layout__module-list--badged .myForums:after, .product-cms-usa .layout__module-list--badged .community-pages .vevent:after, .community-pages .product-cms-usa .layout__module-list--badged .vevent:after, .product-cms-usa .layout__module-list--badged .community-pages .hentry:after, .community-pages .product-cms-usa .layout__module-list--badged .hentry:after {
  content: " ";
  display: table;
  clear: both;
}

/*
.product-cms-usa .nav--secondary-item--evaluation.dropdown .level-2:last-child .level-2-link {
  pointer-events: none;
  opacity: 0.6;
}*/
.product-cms-usa li.nav--secondary-item.nav--secondary-item--cpd.nav--secondary-item--help {
  display: none !important;
}

.nav--secondary-item--evaluation {
  display: none;
}

.product-cms-usa .nav--secondary-item--evaluation {
  display: inline-block;
}

.product-cms-usa .logo-or-school,
.product-cms-usa .global-search {
  display: none !important;
}

.product-code-MFE.product-cms-usa .global-search {
  display: table !important;
}

.product-cms-usa.is-admin .nav--secondary-item.nav--secondary-item--admin {
  display: inline-block;
}

.product-cms-usa .nav--secondary-item--log-out,
.product-cms-usa .nav--secondary-item--evaluation {
  display: inline-block !important;
  float: none !important;
}

.product-cms-usa .nav--secondary {
  text-align: right;
}

.product-cms-usa .product-logo {
  margin: 10px 0;
  height: 80px !important;
}

.product-cms-usa .nav--secondary-item a.level-2-link {
  padding: 15px 15px;
  border-top: 1px solid #e6e6e6;
}

.product-cms-usa .scheme-term-1 h1 {
  padding-top: 10px;
}

.product-cms-usa #header-image:before {
  content: " ";
  display: block;
  position: absolute;
  top: -2px;
  left: 0;
  right: 0;
  height: 47px;
  background: #fff;
  z-index: 1;
  box-shadow: 0 2px 10px rgba(26, 56, 56, 0.2);
}

.product-cms-usa .if-role-opusYouStudent1,
.product-cms-usa .if-role-opusYouStudent2,
.product-cms-usa .if-role-opusYouTeacher1,
.product-cms-usa .if-role-opusYouTeacher2 {
  display: none;
}

.new-crumbs .breadcrumbs {
  margin: 15px 0 3px;
}

.new-crumbs .breadcrumbs a {
  font-size: 15px;
}

.current-locale-en-AU .nav--secondary-item--forum {
  display: none;
}

.product-cms-usa #bd .actions__lesson-scorm,
.product-cms-usa #bd .actions__lesson-download,
.product-cms-usa #bd .actions__lesson-clone,
.product-cms-usa #bd .actions__lesson-admin-edit {
  display: none !important;
}

.link-copied-conf {
  background: #fff;
  border-radius: 8px;
  border: 5px solid #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  color: #767676;
  font-family: monospace, sans-serif;
  overflow: hidden;
  font-size: 13px;
}
.link-copied-conf img {
  padding-top: 5px;
  display: inline;
}

.toc__link {
  border-bottom: 3px solid transparent;
}

.toc__link:hover,
.toc__link--current {
  border-bottom: 3px solid #8ec441;
  text-decoration: none;
}

.smooth-scroll {
  scroll-behavior: smooth;
}

.toc__menu {
  position: sticky;
  top: 0;
}

#template-selector-container {
  position: relative;
  z-index: 999;
}

.c21-action__icon {
  width: 24px;
  height: 24px;
}

.c21-action__label {
  line-height: 1;
  font-size: 14px;
}

.js-dropdown-trigger {
  cursor: pointer;
}

:root {
  --toggle-width: 40px;
  --toggle-height: 22px;
}

.c21-toggle__container.scheme-original img {
  filter: grayscale(1);
  opacity: 0.7;
}

.c21-toggle {
  font-size: 20px;
  position: relative;
  display: inline-block;
  width: 2em;
  height: 1em;
}

.c21-toggle .c21-toggle__checkbox {
  opacity: 0;
  width: 0;
  height: 0;
}

.c21-toggle__slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 1em;
}

.c21-toggle__slider:before {
  position: absolute;
  content: "";
  height: calc(1em - 8px);
  width: calc(1em - 8px);
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}

.c21-toggle__checkbox:checked + .c21-toggle__slider {
  background-color: #27AE5F;
}

.c21-toggle__checkbox:focus + .c21-toggle__slider {
  box-shadow: 0 0 1px #2196F3;
}

.c21-toggle__checkbox:checked + .c21-toggle__slider:before {
  transform: translateX(1em);
}

.c21-toggle:has(.c21-toggle__checkbox:focus-visible) {
  outline: blue auto 1px;
  outline: -webkit-focus-ring-color auto 1px;
}

.c21-dropdown__item {
  white-space: nowrap;
}

.c21-dropdown__heading {
  display: none;
}

.dropdown__menu .c21-dropdown__heading {
  display: block;
  color: #8d9090;
}

.dropdown__menu .c21-dropdown__link {
  display: flex !important;
  align-items: center;
  padding: 8px 0;
}
.dropdown__menu .c21-dropdown__link.actions__edit:hover .actions__icon {
  color: #EE7882;
}

.c21-action__icon {
  width: 24px;
  height: 24px;
}

.c21-dropdown__name {
  display: inline-block;
  padding-left: 8px;
}

.c21-layout--mmc-unit .c21-dropdown__heading {
  color: #5c2eb7;
}

.layout--my-lessons .list-of-lessons .lesson__actions.right {
  text-align: right;
  padding-right: 8px;
}

.layout--my-lessons .list-of-lessons .c21-dropdown__item {
  display: none;
}

.layout--my-lessons .list-of-lessons .c21-dropdown__item a {
  color: #8d9090;
  padding-left: 8px;
  padding-right: 8px;
}

.layout--my-lessons .list-of-lessons .c21-dropdown__item.actions__lesson-edit,
.layout--my-lessons .list-of-lessons .c21-dropdown__item.actions__add-lesson-to-module,
.layout--my-lessons .list-of-lessons .c21-dropdown__item.actions__lesson-share,
.layout--my-lessons .list-of-lessons .c21-dropdown__item.actions__lesson-to-class,
.layout--my-lessons .list-of-lessons .c21-dropdown__item.actions__lesson-delete {
  display: inline-block;
  text-align: center;
}

.layout--my-lessons .list-of-lessons .c21-dropdown__item .c21-dropdown__name {
  display: block;
  margin-top: -5px;
  font-size: 12px;
  padding-left: 0;
}

.layout--my-units .list-of-digilearning-modules .c21-action__label {
  font-size: 12px;
  display: block;
  margin-top: -5px;
}

.layout--my-units .list-of-digilearning-modules .digilearning-module .actions__button {
  min-height: 65px;
  padding-top: 12px;
}

:root {
  --pale-red: #ff99a0;
  --pale-orange: #ffdf99;
  --pale-yellow: hsla(56, 100%, 80%, 1);
  --pale-lime: hsla(86, 100%, 80%, 1);
  --pale-green: hsla(131, 100%, 80%, 1);
  --pale-teal: hsla(176, 100%, 80%, 1);
  --pale-blue: hsla(221, 100%, 90%, 1);
  --pale-puple: hsla(266, 100%, 85%, 1);
  --pale-magenta: hsla(296, 100%, 85%, 1);
  --color-info: #767676;
  --color-link: #009887;
  --color-link-hover: #EE7882;
}

body #bd .lv-menu-separator--musicianship-options,
body #bd .lv-menu-separator--musicianship_options,
.document-seperator--musicianship-options {
  background: #ff99a0 !important;
}

body #bd .lv-menu-separator--listening,
.document-seperator--listening {
  background: #ffdf99 !important;
}

body #bd .lv-menu-separator--listening-options,
.document-seperator--listening-options {
  background: #ffdf99 !important;
}

body #bd .lv-menu-separator--singing,
.document-seperator--singing {
  background: #c7f986 !important;
}

body #bd .lv-menu-separator--singing-options,
.document-seperator--singing-options {
  background: #c7f986 !important;
}

body #bd .lv-menu-separator--playing,
.document-seperator--playing {
  background: #8cf2eb !important;
}

body #bd .lv-menu-separator--playing-options,
.document-seperator--playing-options {
  background: #8cf2eb !important;
}

body #bd .lv-menu-separator--composing-and-improvising,
.document-seperator--composing-and-improvising {
  background: #ccdcff !important;
}

body #bd .lv-menu-separator--composing-and-improvising-options,
.document-seperator--composing-and-improvising-options {
  background: #ccdcff !important;
}

body #bd .lv-menu-separator--composing-amp-improvising,
.document-seperator--composing-amp-improvising {
  background: #ccdcff !important;
}

body #bd .lv-menu-separator--composing-amp-improvising-options,
.document-seperator--composing-amp-improvising-options {
  background: #ccdcff !important;
}

body #bd .lv-menu-separator--performing,
.document-seperator--performing {
  background: #d4b3ff !important;
}

body #bd .lv-menu-separator--performing-options,
.document-seperator--performing-options {
  background: #d4b3ff !important;
}

body #bd .lv-menu-separator--assessment-checkpoint,
.document-seperator--assessment-checkpoint {
  background: #fab3ff !important;
}

.dropdown .dropdown__menu .support-file__link[href$=".pdf"] {
  padding: 8px 15px;
  background: none;
}

.c21-layout--mmc-unit h2 {
  margin: -0.125em 0 0.75em;
  font-size: 18px;
}

.c21-layout--mmc-unit .c21-lesson-button__icon {
  background-color: #4C2FB8;
  background: linear-gradient(209.85deg, #8528B1 3.65%, #4C2FB8 77.08%, #2035BE 96.75%);
  color: #fff;
}

.c21-layout--mmc-unit .song-card__header {
  background-color: #a4b3de;
  background: linear-gradient(209.85deg, #d7bbe4 3.65%, #a4b3de 77.08%, #9ea6d8 96.75%) !important;
}

.c21-layout--mmc-unit .song-card__documents .documentation-list--level-3 > h3 {
  display: none;
}

.c21-layout--mmc-unit .song-card__documents .support-file {
  font-size: 14px;
  line-height: 1.2;
}

.c21-layout--mmc-unit .c21-border-top-mmc {
  border-top: 3px solid #9ea6d8;
  -o-border-image: linear-gradient(to left, #d7bbe4 3.65%, #a4b3de 77.08%, #9ea6d8 96.75%) 1;
     border-image: linear-gradient(to left, #d7bbe4 3.65%, #a4b3de 77.08%, #9ea6d8 96.75%) 1;
}

.c21-layout--mmc-unit .digilearning-module-actions--wrapper .c21-action,
.c21-layout--mmc-unit .c21-action {
  color: #969ecc;
  z-index: 999;
  position: relative;
}

.c21-layout--mmc-unit .c21-lesson-button--two-part-name {
  min-height: 60px;
}

.c21-layout--mmc-unit .c21-lesson-button__title__name {
  font-size: 14px;
  font-weight: 400;
}

.dropdown__menu .c21-action__icon {
  width: 24px;
  height: 24px;
}

.c21-layout--mmc-unit {
  padding: 0 20px;
  background: #fff;
  margin-top: 20px;
  position: relative;
  z-index: 2;
  box-shadow: 0 -10px 10px rgba(0, 0, 0, 0.1);
}

/* Breadcrumbs */
.c21-breadcrumbs li {
  display: inline-block;
  color: inherit;
}

.c21-breadcrumbs li:first-child {
  padding-left: 0;
}

.c21-breadcrumbs li:after {
  content: ">";
  display: inline-block;
  padding: 0 3px;
}

.c21-breadcrumbs li:last-child:after {
  content: "";
}

.c21-breadcrumbs a {
  color: inherit;
  text-decoration: none;
}

.c21-breadcrumbs a:hover {
  text-decoration: underline;
}

/* c21-action */
.c21-action {
  display: inline-block !important;
  text-align: center;
  color: var(--color-info);
  border: 0;
}

.c21-action__icon {
  width: 30px;
  height: 30px;
}

.c21-action__label {
  line-height: 1;
  font-size: 14px;
}

/*Hacky*/
.digilearning-module-actions--wrapper .c21-action__label {
  clear: both;
  display: block;
  margin-top: -5px;
}

/*  #copy-lesson-button .if-not-button--success,
  #copy-lesson-button .is-button--success .if-not-button--success {
    display: none !important;
  }
  #copy-lesson-button .is-button--success .if-not-button--success,
  #copy-lesson-button .if-not-button--success {
    display: block !important;
  }*/
/*lesson button*/
.c21-lesson-button {
  background: #FFFFFF;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}

.c21-lesson-button__icon {
  padding: 10px;
  width: 44px;
  text-align: center;
}

.c21-lesson-button__title {
  font-weight: bold;
}

.c21-lesson-button__more {
  width: 50px;
}

.c21-lesson-button.is-not-published {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  filter: grayscale(1);
}

.c21-lesson-button.is-not-published .c21-lesson-button__options {
  display: none;
}

.song-card h4 {
  font-size: 15px;
}

.song-card__header {
  display: flex;
  flex-direction: column;
}

.song-card__name {
  font-size: 15px;
  flex: 0 1;
  min-height: 3em;
  line-height: 1;
  padding: 0 0 1em;
  text-align: center;
}

.song-card__desc { /*height: 160px;*/ }

.c21-layout--mmc-unit .list-of-ticks {
  padding: 15px 15px 10px 35px !important;
}

.c21-layout--mmc-unit .documentation-list__heading {
  margin: 0 !important;
}

.flex-ac {
  display: flex;
  align-content: center;
}

.flex-vac {
  display: flex;
  align-items: center;
}

.mt-5 {
  margin-top: -5px;
}

.ml-5 {
  margin-left: -5px;
}

.mr-5 {
  margin-right: -5px;
}

.mb-5 {
  margin-bottom: -5px;
}

.mt-10 {
  margin-top: -10px;
}

.ml-10 {
  margin-left: -10px;
}

.mr-10 {
  margin-right: -10px;
}

.mb-10 {
  margin-bottom: -10px;
}

.bold-link {
  color: var(--color-link) !important;
  font-weight: 700;
}

.bold-link:hover {
  color: var(--color-link-hover) !important;
}

.c21-layout--mmc-unit .gu1of4:nth-child(4n+1) {
  margin-left: 0;
}

.song-card__audio audio {
  max-height: 30px;
  max-width: 100%;
  margin: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.song-card__audio audio::-webkit-media-controls-current-time-display {
  display: none !important;
}

.song-card__audio audio::-webkit-media-controls-time-remaining-display {
  display: none !important;
}

.song-card__audio audio::-webkit-media-controls-volume-control-container {
  display: none !important;
}

.song-card__audio audio::-webkit-media-controls-fullscreen-button {
  display: none !important;
}

.song-card__audio audio::-webkit-media-controls-timeline {
  padding-left: 9px !important;
}

.song-card__audio audio::-webkit-media-controls-enclosure {
  background: #fff !important;
  max-height: 30px !important;
}

.c21-layout--mmc-unit .video__wrapper {
  height: 0;
  padding: 56.25% 0 0;
  border-radius: 4px;
  /*width: 99% !important;*/
  position: relative;
}

.c21-layout--mmc-unit .video__wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}

.aspect-square {
  height: 0;
  width: 100%;
  padding-top: 100%;
}

.aspect-16-9 {
  height: 0;
  width: 100%;
  padding-top: 56.25%;
}

.aspect-4-3 {
  height: 0;
  width: 100%;
  padding-top: 75%;
}

.aspect-phi {
  height: 0;
  width: 100%;
  padding-top: 62.18%;
}

.cursor-reset {
  cursor: default;
}

table.scheme-grid {
  margin-top: 0;
  background: url(/images/scheme/scheme-continuous-bg.png) 10px top;
  border-right: 1px solid transparent;
  border-top: 1px solid transparent;
  border-top: 0;
  background-size: contain !important;
}

.scheme-mmc table.scheme-grid,
.scheme-mmc__v2 table.scheme-grid,
.scheme-scotland table.scheme-grid {
  background: url(/images/scheme/scheme-continuous-bg-rev.png) 10px top;
}

thead th.scheme-grid__unstyled {
  background: #fff !important;
}

.scheme-grid__unit-wrapper {
  height: 129px;
}

.scheme-grid__unit-overlay-2 {
  display: none !important;
}

#scheme--whole-school th {
  border-top: 0px solid white !important;
  border-bottom: 2px solid white !important;
  border-left: 0 solid transparent !important;
  border-right: 2px solid #fff !important;
}

#scheme--whole-school .year-index-6 th {
  border-bottom: 2px solid transparent !important;
}

#scheme--whole-school .year-index-0 th a {
  height: 130px;
}

#scheme--whole-school .scheme-grid__year-link {
  border: 0px none !important;
  border-radius: 0px !important;
  background: transparent !important;
  height: 129px;
}

#scheme--whole-school .scheme-grid__year-link:hover,
#scheme--whole-school th.hover .scheme-grid__year-link {
  background-color: #F88B50;
  background-image: linear-gradient(90deg, #F85E50 0%, #F88B50 100%) !important;
  box-shadow: 0 0 transparent;
}

#scheme--whole-school td {
  border: 2px solid transparent !important;
  border-top: 1px solid transparent !important;
  border-bottom: 1px solid transparent !important;
}

.scheme-grid__year-subtitle-icon {
  padding-right: 3px;
  font-size: 20px;
}

.scheme-grid__year-subtitle {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1;
  text-transform: none;
}

#scheme--whole-school.scheme-grid thead th {
  cursor: default;
  border: 0 none;
  border-right: 2px solid #fff !important;
}

#scheme--whole-school .scheme-grid__year-link {
  background-color: #CD382A;
  background: linear-gradient(-225deg, #F85E50 0%, #CD382A 100%) !important;
  width: 103px;
}

.scheme-adapted.scheme-layout--home #scheme--whole-school .scheme-grid__year-link {
  background-color: #66CA18;
  background: linear-gradient(29.42deg, #008E64 2.45%, #189A66 32.31%, #66CA18 100%) !important;
}

.scheme-mmc.scheme-layout--home #scheme--whole-school .scheme-grid__year-link,
.scheme-mmc__v2.scheme-layout--home #scheme--whole-school .scheme-grid__year-link {
  background-color: #2035BE;
  background: linear-gradient(209.85deg, #8528B1 3.65%, #4C2FB8 77.08%, #2035BE 96.75%) !important;
}

.scheme-scotland.scheme-layout--home #scheme--whole-school .scheme-grid__year-link {
  background-color: #1274D2;
  background: linear-gradient(73.71deg, #0058AD 1.38%, #005EB8 51.2%, #1274D2 100%) !important;
}

.scheme-mmc__v2.scheme-layout--home #scheme--whole-school .scheme-grid__year-link:hover {
  background-color: #b53eed;
  background: linear-gradient(209.85deg, #b53eed 3.65%, #4C2FB8 77.08%, #2035BE 96.75%) !important;
}

.scheme-byo.scheme-layout--home #scheme--whole-school .scheme-grid__year-link {
  background-color: gold;
  background: linear-gradient(209.85deg, pink 3.65%, gold 77.08%) !important;
}

.scheme-layout .dismissable-popover {
  padding: 10px;
  box-shadow: 0 3px 13px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  margin: 0 0 20px;
}

.nav--secondary-item--account.is-active .dropdown__menu:after,
.nav--secondary-item--workspace.is-active .dropdown__menu:after {
  left: 37px;
  right: auto;
}

.nav--secondary-item--workspace .dropdown__menu {
  width: 400px;
}

.nav--secondary-item--workspace .dropdown__menu a {
  position: relative;
  padding-left: 10px;
  margin-left: 15px;
}

.product-code-MFE .nav--secondary-item--workspace .dropdown__menu a {
  white-space: initial;
}

.nav--secondary-item--workspace .dropdown__menu a:before {
  content: " ";
  width: 0;
  height: 0;
  border-width: 4px;
  border-color: transparent;
  border-style: solid;
  position: absolute;
  top: 14px;
  left: 1px;
  border-left-color: #A15FF7;
}

.nav--secondary-link--workspace {
  background: url("/images/danish-theme/tiny-icons/workspace.svg") no-repeat 0 5px;
  padding-left: 25px;
}
.nav--secondary-link--workspace.with-messages-icon {
  background: none;
}

.nav--secondary-item--workspace .notification-number {
  line-height: 1.4em;
  width: 1.4em;
  margin: 4px 0.4em 0 0;
}

.notifications__icon {
  width: 23px !important;
}

.nav--secondary-link--help {
  background: url("/images/danish-theme/tiny-icons/help.png") no-repeat 0 5px;
  padding-left: 25px;
}

.nav--secondary-link--account {
  background: url("/images/danish-theme/tiny-icons/account.png") no-repeat 0 5px;
  padding-left: 25px;
}

:root {
  --color-info: #767676;
  --color-link: #009887;
  --color-link-hover: #EE7882;
}

/*need better name or better plan*/
#bd {
  position: relative;
}

#header-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 0;
}

#header-image__overlay {
  display: block;
  position: relative;
  bottom: -2px;
}

.c21-layout--mmc-unit {
  padding: 0 20px;
  background: #fff;
  margin-top: 20px;
  position: relative;
  z-index: 2;
  box-shadow: 0 -10px 10px rgba(0, 0, 0, 0.1);
}

/* Breadcrumbs */
.c21-breadcrumbs li {
  display: inline-block;
  color: inherit;
}

.c21-breadcrumbs li:first-child {
  padding-left: 0;
}

.c21-breadcrumbs li:after {
  content: ">";
  display: inline-block;
  padding: 0 3px;
}

.c21-breadcrumbs li:last-child:after {
  content: "";
}

.c21-breadcrumbs a {
  color: inherit;
  text-decoration: none;
}

.c21-breadcrumbs a:hover {
  text-decoration: underline;
}

/* c21-action */
.c21-action {
  display: inline-block !important;
  text-align: center;
  color: var(--color-info);
  border: 0;
}

.c21-action__icon {
  width: 30px;
  height: 30px;
}

.c21-action__label {
  line-height: 1;
  font-size: 14px;
}

/*Hacky*/
.digilearning-module-actions--wrapper .c21-action__label {
  clear: both;
  display: block;
  margin-top: -5px;
}

/*  #copy-lesson-button .if-not-button--success,
  #copy-lesson-button .is-button--success .if-not-button--success {
    display: none !important;
  }
  #copy-lesson-button .is-button--success .if-not-button--success,
  #copy-lesson-button .if-not-button--success {
    display: block !important;
  }*/
/*lesson button*/
.c21-lesson-button {
  background: #FFFFFF;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}

.c21-lesson-button__icon {
  padding: 10px;
  width: 44px;
  text-align: center;
}

.c21-lesson-button__title {
  font-weight: bold;
}

.c21-lesson-button__more {
  width: 50px;
}

.list-of-ticks {
  padding: 15px 15px 10px 35px !important;
}

.documentation-list__heading {
  margin: 0 !important;
}

.flex-ac {
  display: flex;
  align-content: center;
}

.flex-vac {
  display: flex;
  align-items: center;
}

.mt-5 {
  margin-top: -5px;
}

.ml-5 {
  margin-left: -5px;
}

.mr-5 {
  margin-right: -5px;
}

.mb-5 {
  margin-bottom: -5px;
}

.mt-10 {
  margin-top: -10px;
}

.ml-10 {
  margin-left: -10px;
}

.mr-10 {
  margin-right: -10px;
}

.mb-10 {
  margin-bottom: -10px;
}

.song-card h4 {
  font-size: 15px;
}

.song-card__header {
  display: flex;
  flex-direction: column;
}

.song-card__name {
  font-size: 15px;
  flex: 0 1;
  min-height: 3em;
  line-height: 1;
  padding: 0 0 1em;
  text-align: center;
}

.song-card__desc { /*height: 160px;*/ }

.bold-link {
  color: var(--color-link) !important;
  font-weight: 700;
}

.bold-link:hover {
  color: var(--color-link-hover) !important;
}

.gu1of4:nth-child(4n+1) {
  margin-left: 0;
}

.song-card__audio audio {
  max-height: 30px;
  max-width: 100%;
  margin: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

audio::-webkit-media-controls-current-time-display {
  display: none !important;
}

audio::-webkit-media-controls-time-remaining-display {
  display: none !important;
}

audio::-webkit-media-controls-volume-control-container {
  display: none !important;
}

audio::-webkit-media-controls-fullscreen-button {
  display: none !important;
}

audio::-webkit-media-controls-timeline {
  padding-left: 9px !important;
}

audio::-webkit-media-controls-enclosure {
  background: #fff !important;
  max-height: 30px !important;
}

.video__wrapper {
  height: 0;
  padding: 56.25% 0 0;
  border-radius: 4px;
  /*width: 99% !important;*/
  position: relative;
}

.video__wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}

.aspect-square {
  height: 0;
  width: 100%;
  padding-top: 100%;
}

.aspect-16-9 {
  height: 0;
  width: 100%;
  padding-top: 56.25%;
}

.aspect-4-3 {
  height: 0;
  width: 100%;
  padding-top: 75%;
}

.aspect-phi {
  height: 0;
  width: 100%;
  padding-top: 62.18%;
}

.cursor-reset {
  cursor: default;
}

.layout--my-lessons .list-of-lessons .lesson__actions.right {
  text-align: right;
  padding-right: 8px;
}

.layout--my-lessons .list-of-lessons .c21-dropdown__item {
  display: none;
}

.layout--my-lessons .list-of-lessons .c21-dropdown__item a {
  color: #8d9090;
  padding-left: 8px;
  padding-right: 8px;
}

.layout--my-lessons .list-of-lessons .c21-dropdown__item.actions__lesson-edit,
.layout--my-lessons .list-of-lessons .c21-dropdown__item.actions__add-lesson-to-module,
.layout--my-lessons .list-of-lessons .c21-dropdown__item.actions__lesson-share,
.layout--my-lessons .list-of-lessons .c21-dropdown__item.actions__lesson-to-class,
.layout--my-lessons .list-of-lessons .c21-dropdown__item.actions__lesson-delete {
  display: inline-block;
  text-align: center;
}

.layout--my-lessons .list-of-lessons .c21-dropdown__item .c21-dropdown__name {
  display: block;
  margin-top: -5px;
  font-size: 12px;
  padding-left: 0;
}

.layout--my-lessons .list-of-lessons .lesson__actions {
  width: auto !important;
}

.layout--my-units .list-of-digilearning-modules .c21-action__label {
  font-size: 12px;
  display: block;
  margin-top: -5px;
}

.layout--my-units .list-of-digilearning-modules .digilearning-module .actions__button {
  min-height: 65px;
  padding-top: 12px;
}

.layout--my-lessons .list-of-lessons .actions,
.layout--my-units .list-of-digilearning-modules .actions {
  table-layout: unset;
  width: auto;
}

.layout--my-lessons .list-of-lessons .c21-action__icon,
.layout--my-units .list-of-digilearning-modules .c21-action__icon {
  width: 24px;
  height: 24px;
}

body.home.product-cmsint .musik-partner-overview {
  display: none;
}

.scheme-layout--home > .dismissable-popover {
  display: none;
}

.country-id-1 .scheme-layout--home > .dismissable-popover,
.country-id-2 .scheme-layout--home > .dismissable-popover,
.country-id-3 .scheme-layout--home > .dismissable-popover,
.country-id-4 .scheme-layout--home > .dismissable-popover {
  display: block;
}

body[data-locale=en-intl] .scheme-layout--home > .dismissable-popover {
  display: none;
}

.c21-layout--mmc-unit .c21-border-top-mmc .media__img.u1of2.right.text-center {
  display: block;
}

[class=if-in-england][data-slug=musical-school-schemes] {
  display: none;
}

body.country-id-1 [class=if-in-england][data-slug=musical-school-schemes] {
  display: block;
}

.c21-lesson-button__icon {
  background-color: #faaf00;
  background: linear-gradient(209.85deg, #f4cb01 3.65%, #faaf00 77.08%, #f89700 96.75%);
}

.current-locale-en-AU th.scheme-grid__year {
  width: 30px !important;
}

/* pauld - i assume this was in as some crazy hack for covid scheme?  I don't think we need it any more since i fixed the bug that wasn't putting in-scheme in the body class
  .in-scheme .if-not-in-scheme {
    display: block !important;
}
*/
.scheme-original .if-not-in-scheme {
  display: none !important;
}

.if-is-charanga-secondary {
  display: none !important;
}

body.product-cmsec .if-is-charanga-secondary {
  display: block !important;
}

body.product-cmsec .if-is-charanga-secondary.flex {
  display: flex !important;
}

li.resource-menu__video__folder {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  padding: 0 5px;
  border-top: 1px solid #cfd3d3;
}

body.product-cmsec.is-full-screen #bd #lesson-viewer {
  margin-top: 0 !important;
  transform: scale(1) !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: calc(var(--vh, 1vh) * 100) !important;
}

body.product-cmsec.is-full-screen #lesson-viewer .lesson-viewer {
  width: 100vw;
  height: 100vw;
}

body.product-cmsec.is-full-screen #lesson-viewer .lesson-viewer__content,
body.product-cmsec.is-full-screen.resource-is-yustudio #lesson-viewer .js-resource-viewer {
  width: calc(100vw - 180px) !important;
  height: 100vh !important;
  max-height: 100vh !important;
}

body.product-cmsec.is-full-screen .js-resource-viewer,
body.product-cmsec.is-full-screen .initial-asset-placeholder {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(var(--lv-transform)) !important;
  margin-left: 90px;
}

body.product-cmsec.is-full-screen.resource-is-yustudio #lesson-viewer .js-resource-viewer {
  position: static;
  top: auto;
  left: auto;
  transform: none !important;
  margin: 0;
}

body.product-cmsec.is-full-screen.resource-is-yustudio #lesson-viewer .js-resource-viewer {
  margin-left: 0;
}

body.product-cmsec.is-full-screen #lesson-viewer .resource-menu {
  background: #212121;
  border: 0;
  border-radius: 4px;
  height: calc(100vh - 45px);
  border-top: 1px solid transparent;
  max-height: 100vh;
  height: calc(var(--vh, 1vh) * 100) !important;
}

body.product-cmsec.is-full-screen #lesson-viewer .lesson-viewer__controls {
  background: #000;
  bottom: 0;
  left: 0px;
  right: auto;
  position: fixed;
}

body.product-cmsec #lesson-viewer__nav-tab-1 .lesson-viewer__menu > .lv-menu-seperator__trigger:nth-of-type(1) {
  background: #ff99a0 !important;
}

body.product-cmsec #lesson-viewer__nav-tab-1 .lesson-viewer__menu > .lv-menu-seperator__trigger:nth-of-type(2) {
  background: #ffdf99 !important;
}

body.product-cmsec #lesson-viewer__nav-tab-1 .lesson-viewer__menu > .lv-menu-seperator__trigger:nth-of-type(3) {
  background: #c7f986 !important;
}

body.product-cmsec #lesson-viewer__nav-tab-1 .lesson-viewer__menu > .lv-menu-seperator__trigger:nth-of-type(4) {
  background: #8cf2eb !important;
}

body.product-cmsec #lesson-viewer__nav-tab-1 .lesson-viewer__menu > .lv-menu-seperator__trigger:nth-of-type(5) {
  background: #ccdcff !important;
}

body.product-cmsec #lesson-viewer__nav-tab-1 .lesson-viewer__menu > .lv-menu-seperator__trigger:nth-of-type(6) {
  background: #d4b3ff !important;
}

body.secondary#student-learning-space #lesson-viewer__nav-tab-1 .lesson-viewer__menu > .lv-menu-seperator__trigger:nth-of-type(1) {
  background: #ff99a0 !important;
}

body.secondary#student-learning-space #lesson-viewer__nav-tab-1 .lesson-viewer__menu > .lv-menu-seperator__trigger:nth-of-type(2) {
  background: #ffdf99 !important;
}

body.secondary#student-learning-space #lesson-viewer__nav-tab-1 .lesson-viewer__menu > .lv-menu-seperator__trigger:nth-of-type(3) {
  background: #c7f986 !important;
}

body.secondary#student-learning-space #lesson-viewer__nav-tab-1 .lesson-viewer__menu > .lv-menu-seperator__trigger:nth-of-type(4) {
  background: #8cf2eb !important;
}

body.secondary#student-learning-space #lesson-viewer__nav-tab-1 .lesson-viewer__menu > .lv-menu-seperator__trigger:nth-of-type(5) {
  background: #ccdcff !important;
}

body.secondary#student-learning-space #lesson-viewer__nav-tab-1 .lesson-viewer__menu > .lv-menu-seperator__trigger:nth-of-type(6) {
  background: #d4b3ff !important;
}

#student-learning-space .resource-menu__heading {
  cursor: default;
}

#student-learning-space .lv-menu-seperator__section {
  display: block !important;
}

#student-learning-space .resource-menu__heading-indicator {
  display: none;
}

#modal-zip-builder .gu2of3 {
  width: auto;
}

#modal-zip-builder .gu1of3 {
  display: none;
}

.dlm-media-link__image {
  min-width: 35px;
}

body.product-cmsec.is-full-screen.lv-menu-hidden #lesson-viewer .lesson-viewer__controls {
  left: -68px !important;
}

body.product-cmsec.is-full-screen.lv-menu-hidden #lesson-viewer .js-resource-viewer {
  width: calc(100vw - 248px) !important;
}

.product-cmsec .nav--primary .level-1.digilearningmodules-56081 {
  width: 195px;
}

.c21-layout--mmc-unit .c21-border-top-mmc {
  border: 0;
  border-top: 3px solid #9ea6d8;
  -o-border-image: linear-gradient(to left, #d7bbe4 3.65%, #a4b3de 77.08%, #9ea6d8 96.75%) 1;
     border-image: linear-gradient(to left, #d7bbe4 3.65%, #a4b3de 77.08%, #9ea6d8 96.75%) 1;
}

.product-cms-usa div#hd > .container:first-child {
  height: 130px;
}

.product-yustudio.help-pages .alert--trainer.left {
  display: none;
}

.product-yustudio.help-pages .alert--browser {
  padding-top: 7px;
  padding-left: 10px;
  float: none;
  width: auto;
}

.if-is-yustudio {
  display: none;
}

.product-yustudio.help-pages .if-is-yustudio {
  display: block;
}

.product-yustudio.help-pages .not-yustudio {
  display: none;
}

.media__text {
  white-space: normal;
}

#student-learning-space .modal-backdrop.fade.in {
  z-index: 99998;
}

.nav--primary .is-not-published {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  filter: grayscale(1);
  opacity: 0.7;
}

.nav--primary .is-not-published__label {
  text-transform: uppercase;
  font-size: 11px !important;
  letter-spacing: 1px;
  color: #666;
}

.product-code-MFE .modal__title,
.product-code-MFE .modal__header h2 {
  color: white !important;
  text-align: left;
}

.product-code-MFE .modal__close,
.product-code-MFE .modal__close span {
  font-size: 30px;
  line-height: 1;
  padding: 0 0 5px;
  height: 45px;
}

body.product-code-CMSCY .product-logo img[src$="/images/thumbnails/products/60-Charanga-Cymru.png"] {
  height: 43px;
}

body.product-code-CMSCY.home .header-section__middle {
  padding-top: 15px;
}

.product-code-CMS-SC a.product-logo img {
  width: auto !important;
  height: 40px !important;
}

.icon_mono--offline--add-to-queue .icon_mono-offline--stroke {
  stroke: currentColor;
}

.icon_mono--offline--checkmark,
.icon_mono--offline--no-offline,
.actions__button--active .icon_mono--offline--plus,
.not-compatible-with-offline-app .icon_mono--offline--checkmark,
.not-compatible-with-offline-app .icon_mono--offline--plus {
  display: none;
}

[id=modal-in-the-queue],
[id=modal-incompatible],
[id=modal-large-download] {
  max-width: 360px;
}

[id^=modal-part-compatible-] {
  max-width: 610px;
}

.dismissable-popover.dismissable-popover--dstaAddToCharangaApp:before {
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 20px 34px 20px;
  border-color: transparent transparent #ffffff transparent;
  transform: rotate(270deg);
  position: absolute;
  left: -30px;
  top: 50px;
}

.dismissable-popover.dismissable-popover--dstaAddToCharangaApp {
  position: absolute;
  background: #fff;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  padding: 10px;
  border-radius: 10px;
  left: 70px;
  top: -60px;
  z-index: 999;
  text-align: left;
  width: 320px;
  white-space: normal;
}
.dismissable-popover.dismissable-popover--dstaAddToCharangaApp a {
  color: var(--color-link) !important;
  display: inline;
  padding: 0;
}
.dismissable-popover.dismissable-popover--dstaAddToCharangaApp a:hover {
  color: var(--color-link-hover) !important;
}

.opacity-0 {
  opacity: 0;
}

.opacity-fadeIn-fast {
  animation: fadeIn 0.2s forwards cubic-bezier(0.32, 0, 0.67, 0);
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
body.product-code-MFE #hd .global-search {
  position: relative;
  top: 40px;
  right: -5px;
}
body.product-code-MFE #hd .global-search .global-search__field {
  border: 1px solid #ddd;
}
#training [style="height: 833px;"],
.home.product-cms .equal-height__container .gu1of3 > h3,
.home.product-cms .equal-height__container .gu1of3 > .twitter-box {
  display: none !important;
}

div#flashes {
  max-width: 990px;
  margin: 20px auto 5px;
}
div#flashes:empty {
  margin: 0;
}

body.hide-the-head.display-is-fullscreen #hd {
  overflow: initial;
}

/*
  contradicts the above as it breaks pages like thius https://charanga.com/resources/191963-yustudio/launch
  need to know why the rule above exists

*/
body.hide-the-head.display-is-fullscreen #hd {
  overflow: hidden !important;
}/*# sourceMappingURL=music-pro-2015.css.map */

/*

  Colours

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

  Type colours

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

  UI Colors

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

  Lesson Viewer Theme

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

  Font families

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

  TYPE SIZING

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

  Z-INDEX

======================================================*/
.overlaid .media-link.stacked img.overlay {
  border: none;
  box-shadow: none;
  bottom: 20px;
  right: 20px;
}

ul.dropdown-menu li {
  list-style: none;
}

.is-a-link {
  cursor: pointer;
  text-decoration: underline;
}

/*    .support-file {
  word-break: break-all;
}*/
.overlay {
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 99;
}

/* For the school selection modal; override the autocomplete's own css */
.ac_results {
  border-color: #ccc;
}

.modal-open div.ac_results {
  margin: 0;
  font-family: "proxima-nova-alt", "ProximaNovaAltRegular", "ProximaNova", "proxima-nova", Arial, sans-serif Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  border: solid 1px #555;
  border-radius: 3px;
}

.modal-open .ac_results li, .ac_results li {
  padding: 5px;
  margin: 4px;
  font-family: "proxima-nova-alt", "ProximaNovaAltRegular", "ProximaNova", "proxima-nova", Arial, sans-serif Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.modal-open .ac_odd, .ac_odd {
  background-color: #eee;
}

.modal-open .ac_over, .ac_over {
  background-color: #0088cc;
  border-radius: 3px;
}

input.missing-data {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

hr {
  height: 1px;
  background: tint(#1B2020, 75%);
  border: 0 none;
  margin: 15px 0 0;
}

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

input[type=radio],
input[type=checkbox] {
  float: left;
  margin-left: 0 !important;
}

.asterisk {
  color: #f00;
}

.icon-phone-l {
  background: url(../../../images/global/icons/glyphicons/glyphicons_139_phone.png) center center no-repeat;
}

legend small {
  display: block;
}

.scheme3-grid__year-container .ui-sortable-helper {
  background: rgba(255, 255, 255, 0.5) !important;
}

.ui-sortable {
  /* Set this in the start() function to sortable so the ghosted
     drag helpers don't go insane in the brain */
  position: inherit !important;
  overflow-y: hidden;
  background: !important;
}

.ui-sortable li div.btn-toolbar {
  /*display: none;*/
}

.popover-title button.close {
  opacity: 1 !important;
  background: #000 !important;
  filter: alpha(opacity=100);
}

/* js example plugin standard style */
input.example, textarea.example {
  color: #aaa;
}

.editbox textarea {
  width: 85%;
}

.banner-urgent-notice,
.banner-expiring,
.banner-trial {
  background: #fff;
  width: 100%;
  padding: 10px 0;
  position: relative;
  z-index: 99;
  text-align: center;
}

.banner-urgent-notice--text,
.banner-expiring--text,
.banner-trial--text {
  line-height: 30px;
  font-size: 18px;
  font-weight: 700;
}

.banner-urgent-notice--text strong,
.banner-expiring--text strong,
.banner-trial--text strong {
  color: #46B046;
  background: #fff;
  transition: all 0.3s ease-in-out 3s;
  letter-spacing: 4px;
  padding: 0 10px;
  display: inline-block;
  animation: flash-block 6s forwards 3s;
}

.banner-urgent-notice--text a,
.banner-expiring--text a,
.banner-trial--text a {
  text-decoration: underline;
}

.banner-urgent-notice {
  background-color: #FCF8E3;
  font-weight: 400;
}

.banner-urgent-notice--text {
  max-width: 990px;
  margin: 0 auto;
  line-height: 1.3;
  text-align: left;
}

.banner-urgent-notice--text p {
  font-size: 16px;
  font-weight: 600;
}

.banner-urgent-notice--dismiss {
  display: block;
  background: #F7EAD2;
  padding: 7px 10px 6px;
  border-radius: 4px;
}

.banner-urgent-notice--dismiss input[type=checkbox] {
  top: 4px;
  position: relative;
}

.banner-urgent-notice--dismiss label {
  margin-bottom: 0;
  line-height: 25px;
}

.banner-urgent-notice--dismiss button {
  margin-top: -2px;
}

.has-js #banner-expiring {
  height: 30px;
  position: relative;
  overflow: hidden;
  background-color: #f00;
}

.has-js #banner-expiring .banner-expiring--text {
  position: absolute;
  top: 0;
  margin-top: -100px;
  width: 100%;
  background-color: #fff;
  line-height: 50px;
}

/***** new-pupils-form (elearning) *****/
.pupil-group .new-pupils-form textarea {
  height: 30px;
  margin: 0;
  resize: none;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
}

.pupil-group .new-pupils-form td.pupil-first-name textarea {
  width: 120px;
}

.pupil-group .new-pupils-form td.pupil-last-name textarea {
  width: 120px;
}

.pupil-group .new-pupils-form td.pupil-email textarea {
  min-width: 250px;
}

/******** end of new-pupils-form ***********/
/******************** PUPIL GROUPS (CMW) *********************/
#pupil-groups li.world-control {
  background: none repeat scroll 0 0;
  border: 2px solid #DDDDDD;
  width: 210px;
  display: block;
  float: left;
  line-height: 12px;
  margin-bottom: 4px;
  margin-right: 5px;
  padding: 5px 5px 15px 5px;
  border-radius: 10px;
}

#pupil-groups li.world-control .button-icon {
  padding: 2px 3px 0;
}

#pupil-groups li.world-control .instrument-img {
  width: 100px;
}

#pupil-groups li.world-control .locked-from-stage select {
  width: 110px;
  display: inline;
}

#pupil-groups li.world-control form {
  width: auto;
  float: none;
}

#pupil-groups li.world-control .pupil-group-cmw-world-header {
  min-height: 40px;
}

#pupil-groups li.world-control .pupil-group-cmw-world-header h4 {
  float: left;
  width: 160px;
}

#pupil-groups li.world-control .pupil-group-cmw-world-header form {
  float: right;
}

#pupil-groups .letter-link {
  max-width: 80px;
}

.classes .class .class-name-container {
  width: 360px;
}

/******************** END OF PUPIL GROUPS *********************/
/******************** Admin nav info *********************/
.dropdown-menu li.admin-info {
  color: #000;
  padding: 0 15px;
}

.dropdown-menu li.admin-info a {
  margin: 0;
  padding: 0;
  display: inline;
  text-decoration: underline;
}

/******************** END of Admin nav header info *********************/
.scheme-grid__term.nuevo {
  overflow: hidden;
}

.scheme-grid__term.nuevo .scheme--term-link:before {
  background: red;
  content: "new";
  position: absolute;
  z-index: 99;
  top: -8px;
  right: -24px;
  padding: 17px 19px 4px;
  color: #fff;
  display: inline-block;
  line-height: 1;
  text-transform: uppercase;
  font-weight: bold;
  transform: rotate(45deg);
  font-size: 11px;
}

.resource.nuevo .media__img a:before {
  background: red;
  content: "new";
  position: absolute;
  z-index: 99;
  top: -8px;
  right: -24px;
  padding: 17px 19px 4px;
  color: #fff;
  display: inline-block;
  line-height: 1;
  text-transform: uppercase;
  font-weight: bold;
  transform: rotate(45deg);
  font-size: 11px;
}

.nav--secondary-item--admin.is-active .dropdown-menu,
.nav--secondary-item--account.is-active .dropdown-menu {
  left: auto;
  right: 0;
}

.dropdown__menu:after,
.nav--secondary-item--admin.is-active .dropdown__menu:after,
.nav--secondary-item--account.is-active .dropdown__menu:after {
  left: auto;
  right: 26px;
}

.nav--secondary-item .dropdown__menu:after {
  width: 0 !important;
}

.nav--secondary-link--yumu,
.js-dropdown-trigger.nav--secondary-link--yumu {
  background-image: url(/images/danish-theme/nav-tab-sprite-30px.png);
  background-position: 10px -499px;
  background-repeat: no-repeat;
  padding: 5px 10px 5px 45px;
}

.nav--secondary-item--yumu .dropdown__menu {
  width: 320px;
}

.nav--secondary-item--yumu.is-active .dropdown__menu:after {
  left: 57px;
  right: auto;
}

.nav--secondary-item--yumu a {
  white-space: normal !important;
}

.nav--secondary-item--yumu a:hover .info {
  color: #fff;
}

.current-locale-cz .page-hd .logo-or-school {
  display: none;
}/*# sourceMappingURL=shame.css.map */

/* the norm */
#gritter-notice-wrapper {
	position:fixed;
	top:20px;
	right:20px;
	width:301px;
	z-index:9999;
}
#gritter-notice-wrapper.top-left {
    left: 20px;
    right: auto;
}
#gritter-notice-wrapper.bottom-right {
    top: auto;
    left: auto;
    bottom: 20px;
    right: 20px;
}
#gritter-notice-wrapper.bottom-left {
    top: auto;
    right: auto;
    bottom: 20px;
    left: 20px;
}
.gritter-item-wrapper {
	position:relative;
	margin:0 0 10px 0;
	background:url('../images/ie-spacer.gif'); /* ie7/8 fix */ 
}
.gritter-top {
	background:url(../images/gritter.png) no-repeat left -30px;
	height:10px;
}
.hover .gritter-top {
	background-position:right -30px;
}
.gritter-bottom {
	background:url(../images/gritter.png) no-repeat left bottom;
	height:8px;
	margin:0;
}
.hover .gritter-bottom {
	background-position: bottom right;
}
.gritter-item {
	display:block;
	background:url(../images/gritter.png) no-repeat left -40px;
	color:#eee;
	padding:2px 11px 8px 11px;
	font-size: 11px;
	font-family:verdana;
}
.hover .gritter-item {
	background-position:right -40px;
}
.gritter-item p {
	padding:0;
	margin:0;
	word-wrap:break-word;
}
.gritter-close {
	display:none;
	position:absolute;
	top:5px;
	left:3px;
	background:url(../images/gritter.png) no-repeat left top;
	cursor:pointer;
	width:30px;
	height:30px;
}
.gritter-title {
	font-size:14px;
	font-weight:bold;
	padding:0 0 7px 0;
	display:block;
	text-shadow:1px 1px 0 #000; /* Not supported by IE :( */
}
.gritter-image {
	width:48px;
	height:48px;
	float:left;
}
.gritter-with-image,
.gritter-without-image {
	padding:0 0 5px 0;
}
.gritter-with-image {
	width:220px;
	float:right;
}
/* for the light (white) version of the gritter notice */
.gritter-light .gritter-item,
.gritter-light .gritter-bottom,
.gritter-light .gritter-top,
.gritter-light .gritter-close {
    background-image: url(../images/gritter-light.png);
    color: #222;
}
.gritter-light .gritter-title {
    text-shadow: none;
}


.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url(/javascripts/jquery-autocomplete/demo/indicator.gif) 98.5% center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}



.name-and-edit-link .admin-link {
  display: none;
  color:#ccc;
  font-size:0.7em;
  line-height: 1;
}

.name-and-edit-link:hover .admin-link {
  display: inline;
}




div#feedback {
  position: absolute;	
  top: 0;
  left: 0;			
  width: 100%;
  height: 100%;
  z-index: 100001;
}
			
a#feedback_link {				
  position: fixed;
  z-index: 99999;
  background-color: #CC0000;
  width: 26px;
  height: 96px;
  overflow: hidden;
  background: #C00 url(/images/feedback/feedback_tab.png);
  _position: absolute;
  /*_background-image: url(/images/feedback/feedback_tab.png);*/
}	
  
a#feedback_link:hover {
  background-color: #999;
}
			
a#feedback_link.left {
  left: 0;
  top: 25%;
  width: 26px;
  height: 96px;
  background-image: url(/images/feedback/feedback_tab.png);
  _background-image: url(/images/feedback/feedback_tab.png);
}

a#feedback_link.right {
  right: 0;
  top: 25%;
  width: 26px;
  height: 96px;
  background-image: url(/images/feedback/feedback_tab.png);
  _background-image: url(/images/feedback/feedback_tab.png);
}

a#feedback_link.top {
  right: 10%;
  top: 0;
  width: 96px;
  height: 26px;
  background-image: url(/images/feedback/feedback_tab_h.png);
  _background-image: url(/images/feedback/feedback_tab_h.png);
}

a#feedback_link.bottom {
  right: 10%;
  bottom: 0;
  width: 96px;
  height: 26px;
  background-image: url(/images/feedback/feedback_tab_h.png);
  _background-image: url(/images/feedback/feedback_tab_h.png);
}
			
a#feedback_close_link {
  right: 5pt;
  top: 3pt;
  position: absolute;
  height: 22px;
  width: 66px;
  background-image: url(/images/feedback/closelabel.gif);
  _background-image: url(/images/feedback/closelabel.gif);
}

div#feedback_modal_window {
  width: 300px;
  margin: 0 auto;				
  position: relative;
  background-color: #FFFFFF;
}
			
div#feedback_modal_content {				
  padding: 12px;				
}
			
div#feedback_loading {				
  padding: 12px;				
}
			
#feedback_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter:alpha(opacity=50);
}
			
.feedback_hide {
  z-index:-100;
}

.feedback_overlayBG {
  background-color: #000;
  z-index: 100000;
}
			
* html #feedback_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
			
form#feedback_form .error {
  color: red;
  font-weight: bold;
}


td.review-thumnail-td {
  padding-bottom: 0;
}

.approve-reject-thumbnail-container {

}

.approve-reject-thumbnail-container .thumbnail-info {
  float: left
}

.approve-reject-thumbnail-container .thumbnail-info .thumbnail-status {
  font-weight: bold;
}

.approve-reject-thumbnail-container .thumbnail-info .thumbnail-status.status-approved {
  color: #00aa00;
}

.approve-reject-thumbnail-container .thumbnail-info .thumbnail-status.status-rejected {
  color: #aa0000;
}


.approve-reject-thumbnail-container .approve-reject-thumbnail {
  float: left;
  height: 38px;
  width: 96px;
  cursor: pointer;
  cursor: hand;
  position: relative;
  top: -5px;
  margin-left: 5px;
  background-image: url('/images/icons/approve_reject_buttons_small_comp.png');
  background-repeat: no-repeat;
}

.approve-reject-thumbnail-container .approve-reject-thumbnail.approve-thumbnail {
  background-position: 0% 0%;
}

.approve-reject-thumbnail-container .approve-reject-thumbnail.approve-thumbnail:hover {
  background-position: 100% 0%;
}

.approve-reject-thumbnail-container .approve-reject-thumbnail.reject-thumbnail {
  background-position: 0% 100%;
}

.approve-reject-thumbnail-container .approve-reject-thumbnail.reject-thumbnail:hover {
  background-position: 100% 100%;
}

#approve-reject-all-selected-container {
  position: fixed;
  right: 0;
  top: 20px;
}

input.datetimepicker, input.datepicker {
  background-image: url(/images/mini_icons/calendar.gif);
  background-size: 15px 15px;
  background-repeat: no-repeat;
  background-position: 97% 56%;
}
input.datetimepicker {
  width: 11em !important;
}
input.datepicker {
  width: 9em !important;
}


.xdsoft_datetimepicker{box-shadow:0 5px 15px -5px rgba(0,0,0,0.506);background:#fff;border-bottom:1px solid #bbb;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;color:#333;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;padding:8px;padding-left:0;padding-top:2px;position:absolute;z-index:9999;-moz-box-sizing:border-box;box-sizing:border-box;display:none}.xdsoft_datetimepicker.xdsoft_rtl{padding:8px 0 8px 8px}.xdsoft_datetimepicker iframe{position:absolute;left:0;top:0;width:75px;height:210px;background:transparent;border:0}.xdsoft_datetimepicker button{border:none !important}.xdsoft_noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.xdsoft_noselect::selection{background:transparent}.xdsoft_noselect::-moz-selection{background:transparent}.xdsoft_datetimepicker.xdsoft_inline{display:inline-block;position:static;box-shadow:none}.xdsoft_datetimepicker *{-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}.xdsoft_datetimepicker .xdsoft_datepicker,.xdsoft_datetimepicker .xdsoft_timepicker{display:none}.xdsoft_datetimepicker .xdsoft_datepicker.active,.xdsoft_datetimepicker .xdsoft_timepicker.active{display:block}.xdsoft_datetimepicker .xdsoft_datepicker{width:224px;float:left;margin-left:8px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker{width:256px}.xdsoft_datetimepicker .xdsoft_timepicker{width:58px;float:left;text-align:center;margin-left:8px;margin-top:0}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{margin-top:8px;margin-bottom:3px}.xdsoft_datetimepicker .xdsoft_monthpicker{position:relative;text-align:center}.xdsoft_datetimepicker .xdsoft_label i,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC)}.xdsoft_datetimepicker .xdsoft_label i{opacity:.5;background-position:-92px -19px;display:inline-block;width:9px;height:20px;vertical-align:middle}.xdsoft_datetimepicker .xdsoft_prev{float:left;background-position:-20px 0}.xdsoft_datetimepicker .xdsoft_today_button{float:left;background-position:-70px 0;margin-left:5px}.xdsoft_datetimepicker .xdsoft_next{float:right;background-position:0 0}.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button{background-color:transparent;background-repeat:no-repeat;border:0 none;cursor:pointer;display:block;height:30px;opacity:.5;-ms-filter:"alpha(opacity=50)";outline:medium none;overflow:hidden;padding:0;position:relative;text-indent:100%;white-space:nowrap;width:20px;min-width:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{float:none;background-position:-40px -15px;height:15px;width:30px;display:block;margin-left:14px;margin-top:7px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next{float:none;margin-left:0;margin-right:14px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{background-position:-40px 0;margin-bottom:7px;margin-top:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{height:151px;overflow:hidden;border-bottom:1px solid #ddd}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{background:#f5f5f5;border-top:1px solid #ddd;color:#666;font-size:12px;text-align:center;border-collapse:collapse;cursor:pointer;border-bottom-width:0;height:25px;line-height:25px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child{border-top-width:0}.xdsoft_datetimepicker .xdsoft_today_button:hover,.xdsoft_datetimepicker .xdsoft_next:hover,.xdsoft_datetimepicker .xdsoft_prev:hover{opacity:1;-ms-filter:"alpha(opacity=100)"}.xdsoft_datetimepicker .xdsoft_label{display:inline;position:relative;z-index:9999;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:bold;background-color:#fff;float:left;width:182px;text-align:center;cursor:pointer}.xdsoft_datetimepicker .xdsoft_label:hover>span{text-decoration:underline}.xdsoft_datetimepicker .xdsoft_label:hover i{opacity:1.0}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select{border:1px solid #ccc;position:absolute;right:0;top:30px;z-index:101;display:none;background:#fff;max-height:160px;overflow-y:hidden}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect{right:-7px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect{right:2px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#fff;background:#ff8000}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option{padding:2px 10px 2px 5px;text-decoration:none !important}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_month{width:100px;text-align:right}.xdsoft_datetimepicker .xdsoft_calendar{clear:both}.xdsoft_datetimepicker .xdsoft_year{width:48px;margin-left:5px}.xdsoft_datetimepicker .xdsoft_calendar table{border-collapse:collapse;width:100%}.xdsoft_datetimepicker .xdsoft_calendar td>div{padding-right:5px}.xdsoft_datetimepicker .xdsoft_calendar th{height:25px}.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th{width:14.2857142%;background:#f5f5f5;border:1px solid #ddd;color:#666;font-size:12px;text-align:right;vertical-align:middle;padding:0;border-collapse:collapse;cursor:pointer;height:25px}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th{width:12.5%}.xdsoft_datetimepicker .xdsoft_calendar th{background:#f1f1f1}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{color:#3af}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled{opacity:.5;-ms-filter:"alpha(opacity=50)";cursor:default}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{opacity:.2;-ms-filter:"alpha(opacity=20)"}.xdsoft_datetimepicker .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#fff !important;background:#ff8000 !important;box-shadow:none !important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover{background:#3af !important;box-shadow:#178fe5 0 1px 3px 0 inset !important;color:#fff !important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover{color:inherit !important;background:inherit !important;box-shadow:inherit !important}.xdsoft_datetimepicker .xdsoft_calendar th{font-weight:700;text-align:center;color:#999;cursor:default}.xdsoft_datetimepicker .xdsoft_copyright{color:#ccc !important;font-size:10px;clear:both;float:none;margin-left:8px}.xdsoft_datetimepicker .xdsoft_copyright a{color:#eee !important}.xdsoft_datetimepicker .xdsoft_copyright a:hover{color:#aaa !important}.xdsoft_time_box{position:relative;border:1px solid #ccc}.xdsoft_scrollbar>.xdsoft_scroller{background:#ccc !important;height:20px;border-radius:3px}.xdsoft_scrollbar{position:absolute;width:7px;right:0;top:0;bottom:0;cursor:pointer}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar{left:0;right:auto}.xdsoft_scroller_box{position:relative}.xdsoft_datetimepicker.xdsoft_dark{box-shadow:0 5px 15px -5px rgba(255,255,255,0.506);background:#000;border-bottom:1px solid #444;border-left:1px solid #333;border-right:1px solid #333;border-top:1px solid #333;color:#ccc}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box{border-bottom:1px solid #222}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div{background:#0a0a0a;border-top:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label{background-color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select{border:1px solid #333;background:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#000;background:#007fff}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0a0a0a;border:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0e0e0e}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today{color:#c50}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#000 !important;background:#007fff !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{color:#666}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright{color:#333 !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a{color:#111 !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover{color:#555 !important}.xdsoft_dark .xdsoft_time_box{border:1px solid #333}.xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller{background:#333 !important}.xdsoft_datetimepicker .xdsoft_save_selected{display:block;border:1px solid #ddd !important;margin-top:5px;width:100%;color:#454551;font-size:13px}.xdsoft_datetimepicker .blue-gradient-button{font-family:"museo-sans","Book Antiqua",sans-serif;font-size:12px;font-weight:300;color:#82878c;height:28px;position:relative;padding:4px 17px 4px 33px;border:1px solid #d7d8da;background:-moz-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(73%,#f4f8fa));background:-webkit-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-o-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-ms-linear-gradient(top,#fff 0,#f4f8fa 73%);background:linear-gradient(to bottom,#fff 0,#f4f8fa 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f4f8fa',GradientType=0)}.xdsoft_datetimepicker .blue-gradient-button:hover,.xdsoft_datetimepicker .blue-gradient-button:focus,.xdsoft_datetimepicker .blue-gradient-button:hover span,.xdsoft_datetimepicker .blue-gradient-button:focus span{color:#454551;background:-moz-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f4f8fa),color-stop(73%,#FFF));background:-webkit-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-o-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-ms-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:linear-gradient(to bottom,#f4f8fa 0,#FFF 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa',endColorstr='#FFF',GradientType=0)}



.list-of-digilearning-modules .actions__button {
  border-top: 0 none;
  border-bottom: 0 none; }

.list-of-digilearning-modules .digilearning-module {
  border: #dfe8ed 1px solid;
  margin-bottom: -1px; }

.list-of-digilearning-modules .digilearning-module .actions__button {
  border-color: #dfe8ed;
}
.list-of-digilearning-modules .digilearning-module__actions {
  width: 320px;
  table-layout: fixed; }

.list-of-digilearning-modules .digilearning-module__name-container {
  max-height: 56px; }

.list-of-digilearning-modules .digilearning-module__name {
  font-size: 14px;
  line-height: 16px; }

.list-of-digilearning-modules .digilearning-module.is-even,
.list-of-digilearning-modules .digilearning-module:nth-child(even) {
  background: #f7fbfc; }

.digilearning-module__heading a {
  text-decoration: none;
  font-weight: 600;
  display: block;
}
  .digilearning-module__heading a small {
    font-weight: 400; }

.digilearning-module__heading .title-mini, .digilearning-module__heading .nav--scheme-term--title {
  color: #849199;
  display: block;
  font-weight: 400; }
.actions__name { white-space: nowrap; }



  
/*

  EDIT MODULE --- MY LESSONS:  need to show "Add lesson to this module" and "Remove lesson from this module" buttons but NOT the general "Add to a module" button.
  NOTE TO PAULD - i've put the .layout--my-lessons class on both lists of lessons on this page, so they get the standard styling, showing the extra info etc.
  The rules for this class specify showing particular buttons, though, which i'm hiding below, using more specific rules to override the ones in .layout--my-lessons
  This probably isn't the cleanest way to do this.
======================================================*/

/* these rules apply to both sides - show launch and hide everything else (except the add-to/remove-from-this-module buttons) */
.layout--my-lessons.edit-digilearning-module .actions__lesson-launch {
  display: table-cell; }
  
.layout--my-lessons.edit-digilearning-module .actions__add-lesson-to-module,
.layout--my-lessons.edit-digilearning-module .actions__more,
.layout--my-lessons.edit-digilearning-module .actions__lesson-to-class,
.layout--my-lessons.edit-digilearning-module .actions__lesson-edit,
.layout--my-lessons.edit-digilearning-module .actions__add-to-my-lessons {
  display: none; }  

/* in the lhs only - lessons in the module - .digilearning-module-edit__lessons */
.layout--my-lessons.edit-digilearning-module.digilearning-module-edit__lessons .actions__remove-lesson-from-this-module {
  display: table-cell; 
}

.layout--my-lessons.edit-digilearning-module.digilearning-module-edit__lessons .actions__add-lesson-to-this-module {
  display: none;
}

/* In the rhs drawer pane only - lessons from My Lessons - .edit-digilearning-module-my-lessons */
.layout--my-lessons.edit-digilearning-module.edit-digilearning-module-my-lessons .actions__add-lesson-to-this-module {
  display: table-cell; }
  
.layout--my-lessons.edit-digilearning-module.edit-digilearning-module-my-lessons .actions__remove-lesson-from-this-module {
  display: none; }
  
/* OTHER FIXES */

.layout--digilearning-module-edit .lesson {
  position: relative;
}

.layout--digilearning-module-edit .draggable__list .draggable__handle {
  height: 55px;
}

.layout--digilearning-module-edit .draggable__list .lesson__name-container {
  height: 56px;
  width: 300px;
  display: table;
  left: 59px;
  position: relative;
}