@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400italic,500,600,700');
/*
 * Variables
 */
/**
 * Colours
 */
/*
 * High Contrast Variables
 */
.lessVars {
  font-family: 'tablet: 1340px, mobile: 640px';
  display: none;
}
/*
 * Media Query Breakpoints
 */
/*
 * @import
 */
/*
 * Mixins
 */
/*
 * Make your changes in mtc_style.less
 */
/*
 * normalize.css v3.0.2 | MIT License | git.io/normalize
 */
/*
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/*
 * HTML5 display definitions
 */
/*
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
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.
 */
/*
 * 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 {
  -moz-box-sizing: content-box;
  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 */
  -webkit-appearance: none;
  border-radius: 0;
}
/*
 * 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;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/*
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/*
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/*
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/*
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/*
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/*
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/*
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/*
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/*
 * Tables
 */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*
 * End of normalise code
 */
img {
  vertical-align: middle;
  max-width: 100%;
}
#map img {
  max-width: none;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
.lt-ie7 input {
  vertical-align: text-bottom;
}
.lt-ie8 input[type="checkbox"] {
  vertical-align: baseline;
}
/*
 * Base Styles
 */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  overflow-y: scroll;
  height: 100%;
}
body {
  font-size: 13px;
  line-height: 1.462;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  height: 100%;
}
/*
 * Text Selection Colours
 */
::-moz-selection {
  background: #0f55c4;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #0f55c4;
  color: #fff;
  text-shadow: none;
}
/*
 * Horizontal Rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #000;
  color: #333;
  margin: 2em 0;
  padding: 0;
  clear: both;
}
p {
  margin-top: 0;
}
p:last-child {
  margin-bottom: 0;
}
a {
  text-decoration: none;
  color: #000;
}
/*
 * Form Reset Styles
 */
textarea {
  resize: vertical;
}
.lt-ie7 input {
  vertical-align: text-bottom;
}
.lt-ie8 input[type="checkbox"] {
  vertical-align: baseline;
}
input,
textarea,
select,
label {
  box-shadow: 0 0 0;
  outline: 0;
  margin: 0;
  padding: 0;
}
#billingAddressListRow {
  display: none;
}
.no-js #password_text {
  display: none;
}
/*
 * Change Box Model
 */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*
 * Notification Styles
 */
.success,
.error,
.alert {
  clear: both;
  padding: 15px;
  border-radius: 2px;
  margin: 0 0 15px 0;
  text-align: left;
}
.success ul,
.error ul,
.alert ul {
  margin: 0;
  padding: 0;
}
.success ul li,
.error ul li,
.alert ul li {
  background: none;
  padding: 0;
  margin: 0;
}
.success {
  background: #DFF0D8;
  color: #468847;
  border: 1px solid #D6E9C6;
}
.error {
  background: #F2DEDE;
  color: #B94A48;
  border: 1px solid #EED3D7;
}
.alert {
  color: #5A4826;
  background: #FCF8E3;
  border: 1px solid #FBEED5;
}
.alert a,
.isDark .alert a {
  color: #0f55c4 !important;
}
.alert a:hover,
.alert a:focus {
  color: #0f55c4 !important;
}
.messageFull {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  background: #DFF0D8;
  color: #468847;
  border: 1px solid #D6E9C6;
  padding: 15px;
  border-radius: 2px;
  margin: 0 0 15px 0;
  z-index: 9000;
}
.errorMessageFull {
  background: #F2DEDE;
  color: #B94A48;
  border: 1px solid #EED3D7;
}
input.inputError,
input textarea,
.inputError {
  border-color: #B94A48;
}
.hideme {
  display: none;
}
/*
 * Clearing for general use
 */
.clear {
  clear: both;
}
/*
 * Last (deprecated by only applying to below IE9, use media queries instead)
 */
.lt-ie9 .last {
  margin-right: 0 !important;
}
/*
 * First (deprecated by only applying to below IE9, use media queries instead)
 */
.lt-ie9 .first {
  clear: both;
}
/*
 * Relative Positioning
 */
.relative {
  position: relative;
}
/*
 * Images
 */
img {
  max-width: 100%;
}
.left,
.alignleft {
  float: left;
  display: block;
}
.right,
.alignright {
  float: right;
  display: block;
}
/*
 * Lists
 */
ul {
  margin: 0;
  padding: 0;
}
ul li {
  list-style-type: none;
}
/*
 * Basic List
 */
/*
 * Navigation Style
 */
/*
 * Edge to edge navigation
 */
/*
 * Fade Dropdown Hover
 */
.fadeNav li ul {
  display: block;
  filter: alpha(opacity=0);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 400ms linear 0s, visibility 0s linear 400ms;
  -moz-transition: opacity 400ms linear 0s, visibility 0s linear 400ms;
  -ms-transition: opacity 400ms linear 0s, visibility 0s linear 400ms;
  -o-transition: opacity 400ms linear 0s, visibility 0s linear 400ms;
  transition: opacity 400ms linear 0s, visibility 0s linear 400ms;
}
.fadeNav li:hover > ul {
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible;
}
.fadeNav li .lt-ie9 .fadeNav li ul {
  display: none;
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible;
}
.fadeNav li .lt-ie9 .fadeNav li:hover ul {
  display: block;
}
/*
 * Slide Dropdown Hover
 */
.slideNav li ul {
  display: block;
  background: #eee;
}
.slideNav li ul li {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 400ms linear 400ms;
  -moz-transition: max-height 400ms linear 400ms;
  -ms-transition: max-height 400ms linear 400ms;
  -o-transition: max-height 400ms linear 400ms;
  transition: max-height 400ms linear 400ms;
}
.slideNav li ul li a {
  filter: alpha(opacity=0);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 400ms linear 0s, visibility 0s linear 400ms;
  -moz-transition: opacity 400ms linear 0s, visibility 0s linear 400ms;
  -ms-transition: opacity 400ms linear 0s, visibility 0s linear 400ms;
  -o-transition: opacity 400ms linear 0s, visibility 0s linear 400ms;
  transition: opacity 400ms linear 0s, visibility 0s linear 400ms;
}
.slideNav li:hover ul li {
  max-height: 19px;
  -webkit-transition: max-height 400ms linear 0s;
  -moz-transition: max-height 400ms linear 0s;
  -ms-transition: max-height 400ms linear 0s;
  -o-transition: max-height 400ms linear 0s;
  transition: max-height 400ms linear 0s;
}
.slideNav li:hover ul li a {
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 400ms linear 400ms, visibility 0s linear 0s;
  -moz-transition: opacity 400ms linear 400ms, visibility 0s linear 0s;
  -ms-transition: opacity 400ms linear 400ms, visibility 0s linear 0s;
  -o-transition: opacity 400ms linear 400ms, visibility 0s linear 0s;
  transition: opacity 400ms linear 400ms, visibility 0s linear 0s;
}
.lt-ie9 .slideNav li ul li a {
  display: none;
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible;
}
.lt-ie9 .slideNav li:hover ul li a {
  display: block;
}
/*
 * Credit styling
 */
.credits a strong {
  text-transform: lowercase;
  transition: opacity 0.3s ease;
}
.credits a:hover strong {
  opacity: 0.6;
}
/*
 * Checkbox Groups
 */
.checkboxGroup {
  margin: 0;
  padding: 0;
  display: table;
  clear: both;
}
.checkboxGroup li {
  list-style-type: none;
  display: table-cell;
}
.checkboxGroup li input,
.checkboxGroup li li label {
  float: left;
  display: inline;
}
/*
 * Tables
 */
table {
  width: 100%;
}
table td,
table th {
  padding: 5px 10px;
  text-align: left;
}
/*
 * max-width: none; overrides max-width: 100% from above
 * which distorts the icons on gmaps
 */
#map img {
  max-width: none;
}
/*
 * Centre Elements
 */
.centerPush {
  position: relative;
  float: left;
  left: 50%;
}
.centerPull {
  position: relative;
  float: right;
  right: 50%;
}
@media all and (max-width: 640px) {
  .mobilePush {
    position: relative;
    float: left;
    left: 50%;
  }
  .mobilePull {
    position: relative;
    float: right;
    right: 50%;
  }
}
/*
 * Table Div
 */
.table {
  display: table;
}
.tableCell {
  display: table-cell;
}
/*
 * Browser Compatibility Warning
 */
.compatibilityMessage {
  display: none;
  width: 100%;
  padding: 15px 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background: #0f55c4;
  color: #fff;
  border-bottom: 3px solid #fff;
  text-align: center;
  cursor: pointer;
}
.compatibilityMessage span {
  text-decoration: underline;
}
/*
 * Patterns for chop styling
 */
.pattern {
  float: left;
  width: 100%;
  margin: 0 0 20px;
  padding: 0 0 30px;
  border-bottom: 3px solid #fff;
  clear: both;
  *zoom: 1;
}
.pattern:before,
.pattern:after {
  content: "";
  display: table;
}
.pattern:after {
  clear: both;
}
.pattern .display {
  margin: 30px 0;
  *zoom: 1;
}
.pattern .display:before,
.pattern .display:after {
  content: "";
  display: table;
}
.pattern .display:after {
  clear: both;
}
.pattern .source {
  display: block;
  background: #0f55c4;
  border: 1px solid #fff;
  padding: 15px;
  position: relative;
  margin-top: 20px;
  clear: both;
  *zoom: 1;
}
.pattern .source:before,
.pattern .source:after {
  content: "";
  display: table;
}
.pattern .source:after {
  clear: both;
}
.pattern .source textarea {
  width: 100%;
  border: 1px solid #fff;
  height: 200px;
}
.source .row {
  margin-bottom: 0;
}
.patternfilename {
  position: absolute;
  top: -20px;
  right: 5px;
  background: #0f55c4;
  border: 3px solid #fff;
  text-decoration: none;
  color: #fff;
  display: block;
  padding: 2px 10px;
}
#showMenu {
  position: fixed;
  top: 20px;
  left: 20px;
  z-index: 1000000;
  background: #0F55C4;
  border: 0;
  padding: 6px 7px;
  line-height: 1;
  font-size: 18px;
  color: #fff;
  outline: none;
}
.perspective {
  width: 100%;
  height: 100%;
}
.container {
  background: #fff;
  min-height: 100%;
  position: relative;
  outline: 1px solid rgba(0, 0, 0, 0);
  z-index: 10;
  -webkit-transform: translateZ(0) translateX(0) rotateY(0deg);
  -moz-transform: translateZ(0) translateX(0) rotateY(0deg);
  -ms-transform: translateZ(0) translateX(0) rotateY(0deg);
  -o-transform: translateZ(0) translateX(0) rotateY(0deg);
  transform: translateZ(0) translateX(0) rotateY(0deg);
}
.container:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0px;
  filter: alpha(opacity=0);
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
  /* the transition delay of the height needs to be synced with the container transition time */
  -webkit-transition: opacity 400ms, height 0s 400ms;
  -moz-transition: opacity 400ms, height 0s 400ms;
  -ms-transition: opacity 400ms, height 0s 400ms;
  -o-transition: opacity 400ms, height 0s 400ms;
  transition: opacity 400ms, height 0s 400ms;
}
/*
 * Modal view
 */
.perspective.modalview {
  position: fixed;
  -webkit-perspective: 1500px;
  -moz-perspective: 1500px;
  perspective: 1500px;
}
.modalview .container {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.modalview .wrapper {
  -webkit-transform: translateZ(-1px);
  /* solves a rendering bug in Chrome on Windows */
}
.animate .container:after {
  filter: alpha(opacity=100);
  opacity: 1;
  height: 101%;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
/*
 * Outer Nav
 */
.outer-nav {
  position: absolute;
  height: auto;
  font-size: 0;
}
.outer-nav li ul {
  display: block;
  filter: alpha(opacity=0);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 400ms linear 0s, visibility 0s linear 400ms;
  -moz-transition: opacity 400ms linear 0s, visibility 0s linear 400ms;
  -ms-transition: opacity 400ms linear 0s, visibility 0s linear 400ms;
  -o-transition: opacity 400ms linear 0s, visibility 0s linear 400ms;
  transition: opacity 400ms linear 0s, visibility 0s linear 400ms;
}
.outer-nav li:hover > ul {
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible;
}
.outer-nav li .lt-ie9 .fadeNav li ul {
  display: none;
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible;
}
.outer-nav li .lt-ie9 .fadeNav li:hover ul {
  display: block;
}
.outer-nav.top {
  top: 5%;
}
.outer-nav.horizontal {
  left: 50%;
  width: 75%;
  max-width: 1000px;
  text-align: center;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.outer-nav ul {
  float: left;
  min-width: 15%;
  padding: 0 15px;
  background: none !important;
  -webkit-transition: opacity 200ms linear 0s, visibility 0s linear 200ms;
  -moz-transition: opacity 200ms linear 0s, visibility 0s linear 200ms;
  -ms-transition: opacity 200ms linear 0s, visibility 0s linear 200ms;
  -o-transition: opacity 200ms linear 0s, visibility 0s linear 200ms;
  transition: opacity 200ms linear 0s, visibility 0s linear 200ms;
}
.outer-nav > ul {
  text-align: left;
}
.outer-nav > ul li {
  display: inline-block;
  width: 100%;
  margin: 0;
  float: left;
  clear: both;
  position: relative;
}
.outer-nav > ul li:hover > ul {
  height: auto;
}
.outer-nav > ul li ul {
  position: absolute;
  background: none;
  left: 100%;
  top: 0;
}
@media all and (max-width: 640px) {
  .outer-nav > ul li ul {
    position: relative;
    height: 0;
    left: 0;
  }
}
.outer-nav > ul li > a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
  width: 3px;
  background: #fff;
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  -o-transform: translateX(-20px);
  transform: translateX(-20px);
}
.outer-nav > ul li > a:hover:after {
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity 200ms ease 0s, transform 200ms ease 0s;
  -moz-transition: opacity 200ms ease 0s, transform 200ms ease 0s;
  -ms-transition: opacity 200ms ease 0s, transform 200ms ease 0s;
  -o-transition: opacity 200ms ease 0s, transform 200ms ease 0s;
  transition: opacity 200ms ease 0s, transform 200ms ease 0s;
}
.outer-nav a {
  display: inline-block;
  white-space: nowrap;
  font-weight: 300;
  margin: 5px;
  padding: 0 20px 0 0;
  color: #fff;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  text-transform: capitalize;
  font-size: 1.125rem;
}
/*
 * Individual Effects
 */
/*
 * Effect Move Down
 */
.effect-movedown {
  background: #34495e;
}
.effect-movedown .container {
  -webkit-transition: transform 400ms;
  -moz-transition: transform 400ms;
  -ms-transition: transform 400ms;
  -o-transition: transform 400ms;
  transition: transform 400ms;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.effect-movedown .container:after {
  background: rgba(52, 73, 94, 0.5);
}
.effect-movedown.animate .container {
  -webkit-transform: translateY(100%) translateZ(-1500px);
  -moz-transform: translateY(100%) translateZ(-1500px);
  -ms-transform: translateY(100%) translateZ(-1500px);
  -o-transform: translateY(100%) translateZ(-1500px);
  transform: translateY(100%) translateZ(-1500px);
}
.no-csstransforms3d .effect-movedown.animate .container {
  top: 75%;
}
.effect-movedown .outer-nav a {
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  -o-transform: translateY(-20px);
  transform: translateY(-20px);
  -webkit-transition: transform 400ms, opacity 400ms;
  -moz-transition: transform 400ms, opacity 400ms;
  -ms-transition: transform 400ms, opacity 400ms;
  -o-transition: transform 400ms, opacity 400ms;
  transition: transform 400ms, opacity 400ms;
}
.effect-movedown.animate .outer-nav a {
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
/*
 * Media Queries
 */
@media screen and (max-width: 36.625em), screen and (max-height: 41.75em) {
  .outer-nav.horizontal {
    font-size: 1.25em;
  }
  .outer-nav.horizontal a {
    display: block;
    text-align: left;
  }
}
@media screen and (max-width: 31em), screen and (max-height: 36.2em) {
  .outer-nav.horizontal {
    font-size: 1em;
    top: 70px;
    left: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@media screen and (max-height: 31.6em) {
  .outer-nav a {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 800px) {
  .patternselector {
    position: relative;
    width: 100%;
    max-width: none;
    *zoom: 1;
  }
  .patternselector:before,
  .patternselector:after {
    content: "";
    display: table;
  }
  .patternselector:after {
    clear: both;
  }
}
/*
 * Fluid Grid
 */
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.columnFirst,
.columnSecond,
.oneHalf,
.columnHalf {
  float: left;
  display: inline;
  margin-bottom: 2%;
  margin-right: 2%;
  border: 0px solid rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
  *behavior: url(/css/boxsizing.htc);
  /* Box sizing polyfill for ie7/8 */
}
.grid_1:after,
.grid_2:after,
.grid_3:after,
.grid_4:after,
.grid_5:after,
.grid_6:after,
.grid_7:after,
.grid_8:after,
.grid_9:after,
.grid_10:after,
.grid_11:after,
.grid_12:after,
.columnFirst:after,
.columnSecond:after,
.oneHalf:after,
.columnHalf:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.columnFirst,
.columnSecond,
.oneHalf,
.columnHalf {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
html[xmlns] .grid_1,
html[xmlns] .grid_2,
html[xmlns] .grid_3,
html[xmlns] .grid_4,
html[xmlns] .grid_5,
html[xmlns] .grid_6,
html[xmlns] .grid_7,
html[xmlns] .grid_8,
html[xmlns] .grid_9,
html[xmlns] .grid_10,
html[xmlns] .grid_11,
html[xmlns] .grid_12,
html[xmlns] .oneHalf,
html[xmlns] .columnHalf {
  display: block;
}
* html .grid_1,
* html .grid_2,
* html .grid_3,
* html .grid_4,
* html .grid_5,
* html .grid_6,
* html .grid_7,
* html .grid_8,
* html .grid_9,
* html .grid_10,
* html .grid_11,
* html .grid_12,
* html .columnFirst,
* html .columnSecond,
* html .oneHalf,
* html .columnHalf {
  height: 1%;
}
.grid_1 {
  width: 6.5%;
}
.grid_2 {
  width: 15.0%;
}
.grid_3 {
  width: 23.5%;
}
.grid_4 {
  width: 32.0%;
}
.grid_5 {
  width: 40.5%;
}
.grid_6 {
  width: 49.0%;
}
.grid_7 {
  width: 57.5%;
}
.grid_8 {
  width: 66.0%;
}
.grid_9 {
  width: 74.5%;
}
.grid_10 {
  width: 83.0%;
}
.grid_11 {
  width: 91.5%;
}
.grid_12 {
  margin-right: 0;
  width: 100%;
}
/*
 * Low content page
 */
.emptyBasket,
.lowContent {
  margin: 0 auto;
  width: 100%;
  max-width: 1340px;
  display: block;
  *zoom: 1;
  padding: 40px 0;
  text-align: center;
  clear: both;
}
@media all and (max-width: 1380px) {
  .emptyBasket,
  .lowContent {
    padding: 0 20px;
  }
}
.emptyBasket .wrapper,
.lowContent .wrapper {
  padding: 0;
}
@media all and (max-width: 1100px) {
  .emptyBasket .wp-block-columns,
  .lowContent .wp-block-columns {
    flex-wrap: wrap !important;
    justify-content: center;
  }
}
.emptyBasket:before,
.lowContent:before,
.emptyBasket:after,
.lowContent:after {
  content: "";
  display: table;
}
.emptyBasket:after,
.lowContent:after {
  clear: both;
}
@media all and (min-width: 1340px) {
  .emptyBasket,
  .lowContent {
    min-height: 700px;
  }
}
@media all and (min-width: 640px) and (max-width: 1340px) {
  .emptyBasket,
  .lowContent {
    min-height: 500px;
  }
}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 2, 2016
 * */
@font-face {
  font-family: 'museo';
  src: url('https://www.mylearning.scot/wp-content/themes/ssscnew/less/../fonts/museo500-regular-webfont.eot');
  src: url('https://www.mylearning.scot/wp-content/themes/ssscnew/less/../fonts/museo500-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.mylearning.scot/wp-content/themes/ssscnew/less/../fonts/museo500-regular-webfont.woff2') format('woff2'), url('https://www.mylearning.scot/wp-content/themes/ssscnew/less/../fonts/museo500-regular-webfont.woff') format('woff'), url('https://www.mylearning.scot/wp-content/themes/ssscnew/less/../fonts/museo500-regular-webfont.ttf') format('truetype'), url('https://www.mylearning.scot/wp-content/themes/ssscnew/less/../fonts/museo500-regular-webfont.svg#museo500') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'museo';
  src: url('https://www.mylearning.scot/wp-content/themes/ssscnew/less/../fonts/museo700-regular-webfont.eot');
  src: url('https://www.mylearning.scot/wp-content/themes/ssscnew/less/../fonts/museo700-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.mylearning.scot/wp-content/themes/ssscnew/less/../fonts/museo700-regular-webfont.woff2') format('woff2'), url('https://www.mylearning.scot/wp-content/themes/ssscnew/less/../fonts/museo700-regular-webfont.woff') format('woff'), url('https://www.mylearning.scot/wp-content/themes/ssscnew/less/../fonts/museo700-regular-webfont.ttf') format('truetype'), url('https://www.mylearning.scot/wp-content/themes/ssscnew/less/../fonts/museo700-regular-webfont.svg#museo700') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'museo';
  src: url('https://www.mylearning.scot/wp-content/themes/ssscnew/less/../fonts/museo300-regular-webfont.eot');
  src: url('https://www.mylearning.scot/wp-content/themes/ssscnew/less/../fonts/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.mylearning.scot/wp-content/themes/ssscnew/less/../fonts/museo300-regular-webfont.woff2') format('woff2'), url('https://www.mylearning.scot/wp-content/themes/ssscnew/less/../fonts/museo300-regular-webfont.woff') format('woff'), url('https://www.mylearning.scot/wp-content/themes/ssscnew/less/../fonts/museo300-regular-webfont.ttf') format('truetype'), url('https://www.mylearning.scot/wp-content/themes/ssscnew/less/../fonts/museo300-regular-webfont.svg#museo300') format('svg');
  font-weight: 300;
  font-style: normal;
}
.btnGroup {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}
.btn {
  display: inline-flex;
  padding: 0.667em 1.333em;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  border-radius: 50px;
  background-color: #004289;
  border: 1px solid #004289;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  transition: all 0.5s ease-in-out;
  min-height: 40px;
}
.btn:hover {
  background-color: #ffffff;
  color: #004289;
}
.btn:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #004289;
}
.btn:disabled,
.btn.disabled {
  opacity: 50%;
}
.btn.downloading {
  font-size: 0;
}
.isDark .btn {
  background-color: #ffffff;
  color: #000000;
  border-color: #ffffff;
}
.isDark .btn:hover {
  background-color: #000000;
  color: #ffffff;
  border-color: #ffffff;
}
.isDark .btn:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #ffffff;
}
.btn.btnDelete:hover {
  background-color: #ffffff;
  border-color: #bb0000;
  color: #bb0000;
}
.btn.btnDelete:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #bb0000;
  border-color: #bb0000;
  color: #bb0000;
}
.btnOutline {
  display: inline-flex;
  padding: 0.667em 1.333em;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  border-radius: 50px;
  background-color: #004289;
  border: 1px solid #004289;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  transition: all 0.5s ease-in-out;
  min-height: 40px;
  background-color: #ffffff;
  color: #004289;
}
.btnOutline:hover {
  background-color: #ffffff;
  color: #004289;
}
.btnOutline:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #004289;
}
.btnOutline:disabled,
.btnOutline.disabled {
  opacity: 50%;
}
.btnOutline.downloading {
  font-size: 0;
}
.isDark .btnOutline {
  background-color: #ffffff;
  color: #000000;
  border-color: #ffffff;
}
.isDark .btnOutline:hover {
  background-color: #000000;
  color: #ffffff;
  border-color: #ffffff;
}
.isDark .btnOutline:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #ffffff;
}
.btnOutline.btnDelete:hover {
  background-color: #ffffff;
  border-color: #bb0000;
  color: #bb0000;
}
.btnOutline.btnDelete:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #bb0000;
  border-color: #bb0000;
  color: #bb0000;
}
.btnOutline:hover {
  background-color: #E9EFF5;
}
.isDark .btnOutline {
  background-color: transparent;
  border-color: white;
  color: white;
}
.isDark .btnOutline:hover {
  background-color: white;
  color: black;
}
.btnOutline--Black {
  display: inline-flex;
  padding: 0.667em 1.333em;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  border-radius: 50px;
  background-color: #004289;
  border: 1px solid #004289;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  transition: all 0.5s ease-in-out;
  min-height: 40px;
  background-color: transparent;
  color: #383838;
  border-color: #383838;
}
.btnOutline--Black:hover {
  background-color: #ffffff;
  color: #004289;
}
.btnOutline--Black:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #004289;
}
.btnOutline--Black:disabled,
.btnOutline--Black.disabled {
  opacity: 50%;
}
.btnOutline--Black.downloading {
  font-size: 0;
}
.isDark .btnOutline--Black {
  background-color: #ffffff;
  color: #000000;
  border-color: #ffffff;
}
.isDark .btnOutline--Black:hover {
  background-color: #000000;
  color: #ffffff;
  border-color: #ffffff;
}
.isDark .btnOutline--Black:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #ffffff;
}
.btnOutline--Black.btnDelete:hover {
  background-color: #ffffff;
  border-color: #bb0000;
  color: #bb0000;
}
.btnOutline--Black.btnDelete:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #bb0000;
  border-color: #bb0000;
  color: #bb0000;
}
.btnOutline--Black:hover {
  background-color: #383838;
  color: white;
}
.isDark .btnOutline--Black {
  background-color: transparent;
  color: white;
  border-color: white;
}
.isDark .btnOutline--Black:hover {
  background-color: #fff;
  border-color: #FFFFFF;
  color: black;
}
.btnLink {
  background-color: transparent;
  padding: 0;
  margin: 0;
  border: none;
  color: #004289;
  text-decoration: underline;
  border-radius: 50px;
  font-weight: 700;
  line-height: 1;
  font-size: 1rem;
}
.btnLink:hover {
  text-decoration-color: transparent;
}
.btnLink:focus-visible {
  outline-offset: 6px;
  outline: 2px solid #004289;
}
.btnLink:disabled,
.btnLink.disabled {
  opacity: 50%;
}
.btnLink.disabled:hover {
  opacity: 1;
}
.btn--500 {
  font-weight: 500;
}
.btn--600 {
  font-weight: 600;
}
.btn--400 {
  font-weight: 400;
}
.vm--container {
  display: flex;
  padding: 60px 0 40px;
}
.vm--container .vm--overlay {
  background: rgba(0, 25, 51, 0.5);
}
.vm--container .vm--modal {
  color: #004289;
  padding: 40px 20px 60px;
  border-radius: 10px;
  max-width: 1000px;
  left: unset !important;
  top: unset !important;
  margin: auto !important;
}
.vm--container .btnCloseModal {
  cursor: pointer;
  background: #004289;
  color: #ffffff;
  font-weight: bold;
  display: inline-block;
  padding: 5px 10px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  text-transform: uppercase;
  outline: 0;
  text-decoration: none;
  border-radius: 8px;
  transition: all .4s ease;
  border: 2px solid #004289;
}
.vm--container:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #004289;
}
.vm--container .btnCloseModal:hover {
  background-color: #ffffff;
  color: #004289;
}
.vm--container .modal-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 30px;
}
.vm--container [data-modal="delete-confirm-modal"] {
  padding: 30px;
}
.vm--container .modal__title {
  color: #004289;
  font-size: 1.5625rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 20px;
}
body.isDark .vm--container .vm--overlay {
  background: rgba(0, 0, 0, 0.5);
}
body.isDark .vm--container .vm--modal {
  color: white;
  background-color: black;
  border: 1px solid;
}
body.isDark .vm--container .btnCloseModal {
  border-color: currentColor;
  background-color: black;
}
.swal2-container .swal2-modal {
  border-radius: 10px;
}
.isDark .swal2-container .swal2-modal {
  background-color: black;
  color: white;
  border: 1px solid;
}
.swal2-container .swal2-modal .swal2-styled {
  border-radius: 40px;
  transition: all .3s linear;
}
.swal2-container .swal2-modal .swal2-confirm {
  background-color: #00908e;
}
.swal2-container .swal2-modal-learning-journal .swal2-confirm {
  background-color: #004289;
}
.swal2-container .swal2-modal .swal2-confirm {
  background-color: #00908e;
}
.ps-container {
  overflow: hidden !important;
}
.ps-container.ps-active-x > .ps-scrollbar-x-rail,
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
  display: block;
}
.ps-container.ps-in-scrolling {
  pointer-events: none;
}
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999;
}
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999;
}
.ps-container > .ps-scrollbar-x-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
  -o-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  bottom: 3px;
  /* there must be 'bottom' for ps-scrollbar-x-rail */
  height: 8px;
}
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  bottom: 0;
  /* there must be 'bottom' for ps-scrollbar-x */
  height: 8px;
}
.ps-container > .ps-scrollbar-y-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
  -o-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  right: 3px;
  /* there must be 'right' for ps-scrollbar-y-rail */
  width: 8px;
}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  right: 0;
  /* there must be 'right' for ps-scrollbar-y */
  width: 8px;
}
.ps-container:hover.ps-in-scrolling {
  pointer-events: none;
}
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999;
}
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999;
}
.ps-container:hover > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.ps-container:hover > .ps-scrollbar-x-rail:hover {
  background-color: #eee;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}
.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
  background-color: #999;
}
.ps-container:hover > .ps-scrollbar-y-rail:hover {
  background-color: #eee;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
  background-color: #999;
}
/*
 * Mobile Menu
 */
.siteOuterWrapper {
  max-width: 100%;
  min-height: 100%;
  position: relative;
  *zoom: 1;
  overflow: hidden;
}
.siteOuterWrapper:before,
.siteOuterWrapper:after {
  content: "";
  display: table;
}
.siteOuterWrapper:after {
  clear: both;
}
.siteInnerWrapper {
  clear: both;
}
.flyout,
.mobileBar,
.mobileMenuLinks,
.flyoutWrap .socialLinks {
  display: none;
}
/*
 * Breakpoint for mobile menu to appear, can be set to whatever site needs
 */
@media all and (max-width: 640px) {
  .topBar {
    display: none;
  }
  .siteOuterWrapper {
    overflow: hidden;
    position: relative;
    z-index: 10;
    min-height: 100%;
  }
  .siteOuterWrapper > div.transform {
    -webkit-transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .siteOuterWrapper > div.transform.alive {
    -webkit-transform: translate(-87%, 0);
    -moz-transform: translate(-87%, 0);
    -ms-transform: translate(-87%, 0);
    -o-transform: translate(-87%, 0);
    transform: translate(-87%, 0);
  }
  .flyoutWrap {
    position: absolute;
    top: 0;
    width: 87%;
    min-height: 100%;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
  }
  .flyoutWrap.alive {
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
  /*
     * Position Flyout Wrap left or right
     */
  .menuright .flyoutWrap {
    right: -87%;
  }
  .menuleft .flyoutWrap {
    left: -87%;
  }
  /*
     * Menu Left Styles
     */
  .menuleft .siteOuterWrapper > div.transform.alive {
    -webkit-transform: translate(87%, 0);
    -moz-transform: translate(87%, 0);
    -ms-transform: translate(87%, 0);
    -o-transform: translate(87%, 0);
    transform: translate(87%, 0);
  }
  .menuleft .siteOuterWrapper.alive {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }
  /*
     * The flyout button
     */
  .flyout {
    top: 33px;
    position: absolute;
  }
  .flyout.right {
    right: 15px;
  }
  .flyout.left {
    left: 15px;
  }
  .flyout a {
    display: block;
    position: relative;
  }
  .flyout a:before {
    font-family: "FontAwesome";
    content: "\f00d";
    position: absolute;
    right: -4px;
    top: -4px;
    -webkit-transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
    font-size: 19px;
    color: #fff;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }
  .flyout a:before:hover {
    color: #fff;
  }
  .flyout a:after {
    content: 'menu';
    color: #fff;
    position: absolute;
    top: -4.5px;
    right: 100%;
    display: block;
    font-size: 16px;
    margin-right: 5px;
  }
  .flyout a .line {
    -webkit-transition: all 0.8s cubic-bezier(1, 0, 0, 1) 0.2s;
    -moz-transition: all 0.8s cubic-bezier(1, 0, 0, 1) 0.2s;
    -ms-transition: all 0.8s cubic-bezier(1, 0, 0, 1) 0.2s;
    -o-transition: all 0.8s cubic-bezier(1, 0, 0, 1) 0.2s;
    transition: all 0.8s cubic-bezier(1, 0, 0, 1) 0.2s;
    left: 0px;
    display: block;
    position: absolute;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }
  .flyout a .line:nth-child(1) {
    top: 0px;
  }
  .flyout a .line:nth-child(2) {
    top: 4px;
  }
  .flyout a .line:nth-child(3) {
    top: 8px;
  }
  .flyout:hover a .line:after {
    width: 100%;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }
  .flyout.alive {
    -webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -ms-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
  }
  .flyout.alive a .line {
    background: #f1f1f1;
    opacity: 0;
  }
  .flyout.alive a:before {
    opacity: 1;
  }
}
/*
 * Mobile Menu (style)
 */
.subNav .title {
  cursor: pointer;
}
.subNav ul {
  display: none;
}
@media all and (max-width: 640px) {
  .flyoutWrap {
    background: #fff;
  }
  .flyoutWrap .socialLinks {
    display: block;
  }
  .flyoutWrap .socialLinks li {
    text-align: right;
  }
  .flyoutWrap .mainMenu li {
    display: block;
    width: 100%;
    float: none;
    position: relative;
  }
  .flyoutWrap .mainMenu li.parent > a:after {
    font-family: "FontAwesome";
    content: "\f0da";
    position: absolute;
    right: 10px;
    top: 10px;
    -webkit-transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
  }
  .flyoutWrap .mainMenu li.parent.open > a:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .flyoutWrap .mainMenu li a {
    width: 100%;
    display: block;
    color: #fff;
    background: #c65219;
    border-bottom: 1px solid #fff;
  }
  .flyoutWrap .mainMenu li ul {
    position: relative;
    width: 100%;
    *zoom: 1;
    margin: 0;
  }
  .flyoutWrap .mainMenu li ul:before,
  .flyoutWrap .mainMenu li ul:after {
    content: "";
    display: table;
  }
  .flyoutWrap .mainMenu li ul:after {
    clear: both;
  }
  .flyoutWrap .mainMenu li ul li {
    float: none;
  }
  .flyoutWrap .mainMenu li ul ul {
    display: none;
    position: relative;
  }
  /*
     * The flyout button
     */
  .flyout {
    width: 15px;
    display: block;
    cursor: pointer;
    z-index: 5001;
    color: #fff;
  }
  .flyout a {
    display: block;
    width: 15px;
    font-size: 2em;
    line-height: 1;
    color: #fff;
    float: right;
    text-align: center;
    position: relative;
  }
  .flyout a .line {
    background: #fff;
    width: 15px;
    height: 2px;
  }
  .flyout.alive a .line {
    background: #f1f1f1;
  }
  /* End of the flyout button */
  .mobileMenuLinks {
    *zoom: 1;
    display: block;
    padding: 20px 20px 0;
  }
  .mobileMenuLinks:before,
  .mobileMenuLinks:after {
    content: "";
    display: table;
  }
  .mobileMenuLinks:after {
    clear: both;
  }
  .mobileMenuLinks i {
    margin-right: 5px;
  }
  .mobileMenuLinks .firstRow,
  .mobileMenuLinks .secondRow {
    padding: 0 0 20px;
  }
  .mobileMenuLinks a {
    color: #383838;
  }
  .mobileMenuLinks .firstRow {
    *zoom: 1;
  }
  .mobileMenuLinks .firstRow:before,
  .mobileMenuLinks .firstRow:after {
    content: "";
    display: table;
  }
  .mobileMenuLinks .firstRow:after {
    clear: both;
  }
  .mobileMenuLinks .firstRow a {
    float: left;
    width: 50%;
    display: block;
  }
  .mobileMenuLinks .firstRow a.lowContrast {
    text-align: right;
  }
  .mobileMenuLinks .firstRow a.lowContrast i {
    color: #c65219;
  }
  .mobileMenuLinks .secondRow {
    *zoom: 1;
  }
  .mobileMenuLinks .secondRow:before,
  .mobileMenuLinks .secondRow:after {
    content: "";
    display: table;
  }
  .mobileMenuLinks .secondRow:after {
    clear: both;
  }
  .mobileMenuLinks .secondRow .mobileParentSiteLink {
    float: left;
    width: 70%;
    text-align: right;
  }
  .mobileMenuLinks .secondRow .accessibilityTextOptions {
    float: left;
    width: 30%;
  }
  .mobileMenuLinks .secondRow .accessibilityTextOptions a {
    display: inline-block;
    position: relative;
    padding: 0 3px;
    line-height: 19px;
  }
  .mobileMenuLinks .secondRow .accessibilityTextOptions a:nth-child(2) {
    font-size: 0.9375em;
  }
  .mobileMenuLinks .secondRow .accessibilityTextOptions a:nth-child(3) {
    font-size: 1.1875em;
  }
  .mobileMenuLinks .mobileMenuLogin {
    display: block;
    text-align: right;
    border-top: 1px solid #b1b1b1;
    font-size: 1em;
    font-family: museo, sans-serif;
    padding: 15px 0;
  }
  .mobileMenuLinks .mobileMenuLogin i {
    color: #c65219;
    margin-right: 5px;
  }
}
/*
 * Slick Styles
 */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
  outline: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.panel-grid {
  zoom: 1;
}
.panel-grid:before {
  content: '';
  display: block;
}
.panel-grid:after {
  content: '';
  display: table;
  clear: both;
}
.panel-grid-cell {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 1em;
}
.panel-grid-cell .panel {
  zoom: 1;
}
.panel-grid-cell .panel:before {
  content: '';
  display: block;
}
.panel-grid-cell .panel:after {
  content: '';
  display: table;
  clear: both;
}
.panel-grid-cell .panel.panel-last-child {
  margin-bottom: 0;
}
.panel-grid-cell .widget-title {
  margin-top: 0;
}
.panel-row-style {
  zoom: 1;
}
.panel-row-style:before {
  content: '';
  display: block;
}
.panel-row-style:after {
  content: '';
  display: table;
  clear: both;
}
.siteorigin-panels-lite-message {
  background: #fff;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  background: #ffffff;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f8f8f8), color-stop(1, #ffffff));
  background: -ms-linear-gradient(bottom, #f8f8f8, #ffffff);
  background: -moz-linear-gradient(center bottom, #f8f8f8 0%, #ffffff 100%);
  background: -o-linear-gradient(#ffffff, #f8f8f8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f8f8', GradientType=0);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-left: 4px solid #7ad03a;
  padding: 15px;
}
.sow-features-feature {
  float: left;
}
/*!
 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('https://www.mylearning.scot/wp-content/themes/ssscnew/less/../fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('https://www.mylearning.scot/wp-content/themes/ssscnew/less/../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('https://www.mylearning.scot/wp-content/themes/ssscnew/less/../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('https://www.mylearning.scot/wp-content/themes/ssscnew/less/../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('https://www.mylearning.scot/wp-content/themes/ssscnew/less/../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('https://www.mylearning.scot/wp-content/themes/ssscnew/less/../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
 readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
/*
 * Form Styles
 */
form fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
form legend {
  display: none;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #333333;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #333333;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  color: #333333;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #333333;
}
select {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url('/wp-content/themes/sssc/images/chevron-down-regular.svg') right 20px center no-repeat;
  background-size: 20px;
}
select::-ms-expand {
  display: none;
}
@-moz-document url-prefix() {
  select {
    padding: 0;
  }
}
.row {
  float: left;
  width: 100%;
  margin: 0 0 15px;
}
.row label {
  float: left;
  padding: 12px 0;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #383838;
  font-size: 14px;
  line-height: 1;
}
.row small {
  display: none;
}
.row .inputWrap {
  float: left;
  width: 100%;
}
.row .text,
.row textarea,
.row select,
.row .chosen-search input,
#bbpress-forums input[type="text"],
#bbpress-forums textarea,
#bbpress-forums .wp-editor-area {
  float: left;
  position: relative;
  width: 100%;
  padding: 7px 10px;
  border: 2px solid #383838;
  line-height: normal;
  color: #1b1b1b;
  border-radius: 10px;
}
@media all and (max-width: 640px) {
  .row .text,
  .row textarea,
  .row select,
  .row .chosen-search input,
  #bbpress-forums input[type="text"],
  #bbpress-forums textarea,
  #bbpress-forums .wp-editor-area {
    font-size: 16px;
  }
}
body.isDark .row .text,
body.isDark .row textarea,
body.isDark .row select,
body.isDark .row .chosen-search input,
body.isDark #bbpress-forums input[type="text"],
body.isDark #bbpress-forums textarea,
body.isDark #bbpress-forums .wp-editor-area {
  color: white;
  background-color: #000000;
  border-color: #ffffff;
}
.row .chosen-container {
  width: 100%;
}
.row input[disabled] {
  background: #E7E7E7;
  border: 1px solid #E7E7E7;
}
.row.checkboxRow label {
  padding-top: 0;
  padding-bottom: 0;
  width: auto;
}
.learningPlanActivityForm__rowInputWrap .text {
  width: 100%;
  padding: 7px 10px;
  border: 1px solid #383838;
  line-height: normal;
  color: #1b1b1b;
  border-radius: 10px;
}
@media all and (max-width: 640px) {
  .learningPlanActivityForm__rowInputWrap .text {
    font-size: 16px;
  }
}
.buttonInline {
  float: left;
  width: 100%;
}
.buttonInline .inputWrap {
  width: 70%;
}
.buttonInline button,
.buttonInline .button {
  padding: 9px 10px;
  width: 30%;
  line-height: normal;
}
@media all and (max-width: 640px) {
  .buttonInline {
    padding: 0;
    width: 100%;
  }
  .buttonInline .inputWrap {
    margin: 0 0 2%;
    padding: 0;
    width: 100%;
  }
  .buttonInline button,
  .buttonInline .button {
    width: 100%;
  }
}
.formInline .row label {
  width: 30%;
}
.formInline .row .inputWrap {
  padding: 0 0 0 2%;
  width: 70%;
}
.formInline .row .mobileChosen select {
  width: 100%;
}
.formInline .row.checkboxRow label {
  padding-top: 0;
  padding-bottom: 0;
  width: auto;
}
.formInline .buttonInline {
  padding: 0 0 0 2%;
  width: 70%;
}
.formInline .buttonInline .inputWrap {
  padding: 0;
}
@media all and (max-width: 640px) {
  .formInline .row label {
    clear: both;
    width: 100%;
  }
  .formInline .row .inputWrap {
    padding: 0;
    width: 100%;
  }
  .formInline .buttonInline {
    padding: 0;
    width: 100%;
  }
}
.fileUpload label {
  background: #039290;
  color: #fff;
}
.fileUpload input:not(.text) {
  width: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
}
.fileUpload .fileName {
  min-width: 100px;
  float: left;
  padding: 8px 15px;
  margin-left: 10px;
}
.fileUpload .fileName span {
  display: block;
}
.uploadFiles {
  position: relative;
  display: block;
}
.uploadFiles input {
  background: #fff;
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  border-radius: 0 !important;
  opacity: 0;
  cursor: pointer;
}
.uploadFiles input:hover + .uploadFilesStyles,
.uploadFiles input:focus + .uploadFilesStyles {
  background: #dbdbdb;
  border: 4px dashed #c2c2c2;
}
.uploadFiles input:hover + .uploadFilesStyles strong,
.uploadFiles input:focus + .uploadFilesStyles strong {
  color: #8f8f8f;
}
.uploadFiles .uploadFilesStyles {
  padding: 20px 15px;
  margin: 0 0 20px;
  color: #c2c2c2;
  font-size: 1rem;
  line-height: 1;
  background: #e8e8e8;
  border: 4px dashed #dbdbdb;
  transition: background-color 0.3s;
}
.uploadFiles strong {
  color: #a8a8a8;
  transition: color .3s;
}
.uploadFiles .delete {
  position: absolute;
  background: #f0f0f0;
  color: #B94A48;
  top: -20px;
  right: -20px;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  text-align: center;
  line-height: 40px;
  font-size: 1.5625rem;
}
.uploadFiles .delete:hover,
.uploadFiles .delete:focus {
  background: #f4f4f4;
}
.inputError {
  position: relative;
}
.inputError input::-webkit-input-placeholder,
.inputError textarea::-webkit-input-placeholder {
  color: #b94a48;
}
.inputError input:-moz-placeholder,
.inputError textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #b94a48;
}
.inputError input::-moz-placeholder,
.inputError textarea::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  color: #b94a48;
}
.inputError input:-ms-input-placeholder,
.inputError textarea:-ms-input-placeholder {
  color: #b94a48;
}
.inputError .text,
.inputError textarea {
  padding-right: 32px !important;
  border-color: #EED3D7 !important;
}
.inputError select {
  border-color: #EED3D7 !important;
}
.inputError.showError .text:focus + .errorWrap span {
  filter: alpha(opacity=0);
  opacity: 0;
  visibility: hidden;
}
.inputError.showError .errorWrap span {
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible;
}
.inputError .errorWrap {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  color: #B94A48;
}
.inputError .errorWrap i {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  cursor: default;
}
.inputError .errorWrap i:hover + span {
  visibility: visible;
  filter: alpha(opacity=100);
  opacity: 1;
}
.inputError .errorWrap span {
  float: left;
  width: 100%;
  margin: 2% 0 0;
  padding: 9px;
  border: 1px solid #EED3D7;
  border-radius: 0;
  background: #F2DEDE;
  filter: alpha(opacity=0);
  opacity: 0;
  visibility: hidden;
  line-height: 1em;
  z-index: 4;
  -webkit-transition: visibility 0s linear 200ms, opacity 200ms ease 0s;
  -moz-transition: visibility 0s linear 200ms, opacity 200ms ease 0s;
  -ms-transition: visibility 0s linear 200ms, opacity 200ms ease 0s;
  -o-transition: visibility 0s linear 200ms, opacity 200ms ease 0s;
  transition: visibility 0s linear 200ms, opacity 200ms ease 0s;
}
.inputError .errorWrap span:hover {
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: visible;
}
.inputError .errorWrap.overlayOnInput span {
  position: absolute;
  top: 0;
  right: 0;
  float: none;
  margin: 0;
  width: auto;
  background: #fff;
  border-color: #B94A48;
}
.buttonInline .inputError .errorWrap span {
  width: 143%;
}
.row,
.checkboxRow {
  position: relative;
}
.row input[type=checkbox],
.checkboxRow input[type=checkbox],
.row input[type=radio],
.checkboxRow input[type=radio] {
  float: left;
  cursor: pointer;
  opacity: 0;
  position: absolute;
  visibility: visible;
}
.row input[type=checkbox] + label,
.checkboxRow input[type=checkbox] + label,
.row input[type=radio] + label,
.checkboxRow input[type=radio] + label,
#bbpress-forums fieldset.bbp-form p input[type=checkbox] + label {
  float: left;
  cursor: pointer;
  position: relative;
  font-size: 14px;
  line-height: 24px;
  padding: 0;
}
.row input[type=checkbox] + label:before,
.checkboxRow input[type=checkbox] + label:before,
.row input[type=radio] + label:before,
.checkboxRow input[type=radio] + label:before,
#bbpress-forums fieldset.bbp-form p input[type=checkbox] + label:before {
  content: '';
  display: inline-block;
  float: left;
  width: 25px;
  height: 25px;
  background: #fff;
  margin: -2px 8px 0 0;
  border: 1px solid #c1c2c3;
  visibility: visible;
  cursor: pointer;
}
.row input[type=checkbox]:checked + label,
.checkboxRow input[type=checkbox]:checked + label,
.row input[type=radio]:checked + label,
.checkboxRow input[type=radio]:checked + label,
#bbpress-forums fieldset.bbp-form p input[type=checkbox]:checked + label {
  position: relative;
  line-height: 24px;
}
.row input[type=checkbox]:checked + label:after,
.checkboxRow input[type=checkbox]:checked + label:after,
.row input[type=radio]:checked + label:after,
.checkboxRow input[type=radio]:checked + label:after,
#bbpress-forums fieldset.bbp-form p input[type=checkbox]:checked + label:after {
  content: '\f00c';
  position: absolute;
  top: 0;
  left: 7px;
  font-family: 'fontAwesome';
  color: #039290;
  font-size: 14px;
}
.row input[type=checkbox][type=radio] + label:before,
.checkboxRow input[type=checkbox][type=radio] + label:before,
.row input[type=radio][type=radio] + label:before,
.checkboxRow input[type=radio][type=radio] + label:before {
  border-radius: 100%;
}
.row input[type=checkbox]:focus + label:before,
.checkboxRow input[type=checkbox]:focus + label:before,
.row input[type=radio]:focus + label:before,
.checkboxRow input[type=radio]:focus + label:before {
  outline: -webkit-focus-ring-color auto 1px;
}
.lt-ie9 input[type=checkbox],
.lt-ie9 input[type=radio] {
  margin: 9px 10px 0;
  visibility: visible;
}
.lt-ie9 input[type=checkbox] + label:before,
.lt-ie9 input[type=radio] + label:before {
  display: none;
}
/*
 * Hide Anti Spam Field
 */
.contactForm .answer {
  display: none;
}
/*
 * Checkboxes
 */
.checkbox input {
  float: left;
  display: inline;
  margin: 2%;
  padding: 0;
  *height: 13px;
  *width: 13px;
}
/*
 * Checkbox Toggle - Similar to the one seen in iOS
 */
.checkboxToggle {
  visibility: hidden;
}
.checkboxToggle + label {
  cursor: pointer;
  display: block;
  position: relative;
  box-shadow: inset 0 0 0px 1px #d5d5d5;
  text-indent: -5000px;
  height: 20px;
  width: 40px;
  border-radius: 10px;
}
.checkboxToggle + label:before {
  content: '';
  position: absolute;
  display: block;
  height: 20px;
  width: 18px;
  top: 0;
  left: 0;
  border-radius: 10px;
  -webkit-transition: background 0.25s ease-in-out 0s, width 0.25s ease-in-out 0s;
  -moz-transition: background 0.25s ease-in-out 0s, width 0.25s ease-in-out 0s;
  -ms-transition: background 0.25s ease-in-out 0s, width 0.25s ease-in-out 0s;
  -o-transition: background 0.25s ease-in-out 0s, width 0.25s ease-in-out 0s;
  transition: background 0.25s ease-in-out 0s, width 0.25s ease-in-out 0s;
}
.checkboxToggle + label:after {
  content: '';
  position: absolute;
  display: block;
  height: 18px;
  width: 18px;
  margin: 1px;
  top: 0;
  left: 0;
  border-radius: 50%;
  background: #0f55c4;
  -webkit-transition: left 0.25s ease-in-out 0s, background 0.25s ease-in-out 0s;
  -moz-transition: left 0.25s ease-in-out 0s, background 0.25s ease-in-out 0s;
  -ms-transition: left 0.25s ease-in-out 0s, background 0.25s ease-in-out 0s;
  -o-transition: left 0.25s ease-in-out 0s, background 0.25s ease-in-out 0s;
  transition: left 0.25s ease-in-out 0s, background 0.25s ease-in-out 0s;
}
.checkboxToggle:checked + label:before {
  width: 100%;
  background: #0f55c4;
}
.checkboxToggle:checked + label:after {
  left: 50%;
  background: #fff;
}
/*
 * Radio buttons
 */
.radioWrap ul {
  margin: 0;
  padding: 0;
  float: left;
  display: inline;
  width: 70%;
}
.radioWrap ul li {
  list-style-type: none;
}
/*
 * Row half
 */
.rowHalf {
  width: calc(50% - 12.5px);
  float: left;
  margin-right: 25px;
}
.rowHalf:nth-child(2n),
.rowHalf .last {
  margin: 0;
}
@media all and (max-width: 640px) {
  .rowHalf {
    width: 100%;
    padding: 0;
  }
  .rowHalf:nth-child(2n) {
    padding: 0;
  }
}
form fieldset {
  margin-bottom: 20px;
}
form label {
  font-size: 13px;
  font-weight: 600;
}
form .halfRow {
  width: 49%;
  margin-right: 2%;
}
form .halfRow.last {
  margin-right: 0;
}
@media all and (max-width: 640px) {
  form .halfRow {
    width: 100%;
    margin: 0;
  }
}
form input.text,
form select,
form textarea,
form .chosen-container-single .chosen-single,
#bbpress-forums input[type="text"],
#bbpress-forums textarea,
#bbpress-forums .wp-editor-area {
  border: 1px solid #e3e3e3;
  background: 0;
  -webkit-transition: border 0.5s ease-in;
  -moz-transition: border 0.5s ease-in;
  -ms-transition: border 0.5s ease-in;
  -o-transition: border 0.5s ease-in;
  transition: border 0.5s ease-in;
}
form input.text:hover,
form select:hover,
form textarea:hover,
form .chosen-container-single .chosen-single:hover,
form input.text:focus,
form select:focus,
form textarea:focus,
form .chosen-container-single .chosen-single:focus,
#bbpress-forums input[type="text"]:hover,
#bbpress-forums input[type="text"]:focus,
#bbpress-forums textarea:hover,
#bbpress-forums textarea:focus,
#bbpress-forums .wp-editor-area:hover,
#bbpress-forums .wp-editor-area:focus {
  border: 2px solid #0F55C4;
}
form select {
  background: url('/wp-content/themes/sssc/images/chevron-down-regular.svg') right 15px center no-repeat;
  background-size: 10px;
}
form textarea,
#bbpress-forums textarea,
#bbpress-forums .wp-editor-area {
  min-height: 160px;
}
form .row em {
  clear: both;
  display: block;
  font-style: normal;
}
.bbp-js .hide-if-js,
.bbp-no-js .hide-if-no-js,
.hidden {
  display: none;
}
.screen-reader-text,
.screen-reader-text span,
.ui-helper-hidden-accessible {
  position: absolute;
  margin: -1px;
  padding: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  border: 0;
  word-wrap: normal !important;
}
#bbpress-forums {
  background: 0 0;
  clear: both;
  margin-bottom: 20px;
  overflow: hidden;
  font-size: 12px;
  line-height: 18px;
}
#bbpress-forums a,
#bbpress-forums a:hover {
  box-shadow: none;
  border: none;
  transition: none;
}
#bbpress-forums ul,
#bbpress-forums.bbpress-wrapper ul {
  background: 0 0;
  list-style: none;
  margin: 0;
  padding: 0;
}
#bbpress-forums hr {
  margin: 0 0 24px;
}
#bbpress-forums div.even,
#bbpress-forums ul.even {
  background-color: #fff;
}
#bbpress-forums div.odd,
#bbpress-forums ul.odd {
  background-color: #fbfbfb;
}
body.reply-edit .reply {
  float: none;
}
#bbpress-forums div.reply {
  height: auto;
  width: 100%;
  box-sizing: border-box;
}
#bbpress-forums div.bbp-forum-header,
#bbpress-forums div.bbp-reply-header,
#bbpress-forums div.bbp-topic-header {
  background-color: #f4f4f4;
}
#bbpress-forums .status-spam.even,
#bbpress-forums .status-trash.even {
  background-color: #fee;
}
#bbpress-forums .status-spam.odd,
#bbpress-forums .status-trash.odd {
  background-color: #fdd;
}
#bbpress-forums .status-pending.even,
#bbpress-forums .status-pending.odd,
#bbpress-forums ul.status-pending a {
  background-color: #fef7f1;
}
#bbpress-forums ul.status-closed,
#bbpress-forums ul.status-closed a {
  color: #ccc;
}
#bbpress-forums ul.bbp-threaded-replies {
  margin-left: 50px;
}
#bbpress-forums li {
  background: 0 0;
  margin: 0;
  list-style: none;
}
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results,
#bbpress-forums ul.bbp-topics {
  font-size: 12px;
  overflow: hidden;
  border: 1px solid #eee;
  margin-bottom: 20px;
  clear: both;
}
#bbpress-forums li.bbp-body,
#bbpress-forums li.bbp-footer,
#bbpress-forums li.bbp-header {
  clear: both;
}
#bbpress-forums li.bbp-footer,
#bbpress-forums li.bbp-header {
  background: #f3f3f3;
  border-top: 1px solid #eee;
  font-weight: 700;
  padding: 8px;
  text-align: center;
}
#bbpress-forums li.bbp-header {
  background: #eaeaea;
}
#bbpress-forums li.bbp-header ul {
  overflow: hidden;
}
#bbpress-forums .bbp-forums-list {
  margin: 0 0 0 7px;
  padding-left: 12px;
  border-left: 1px solid #dddddd;
}
#bbpress-forums .bbp-forums-list .bbp-forum {
  display: inline;
  font-size: 11px;
}
#bbpress-forums .bbp-forums-list .bbp-forum.css-sep:not(:last-child)::after {
  content: ", ";
}
#bbpress-forums li.bbp-footer p {
  margin: 0;
  line-height: 1;
}
li.bbp-forum-info,
li.bbp-topic-title {
  float: left;
  text-align: left;
  width: 55%;
}
li.bbp-forum-reply-count,
li.bbp-forum-topic-count,
li.bbp-topic-reply-count,
li.bbp-topic-voice-count {
  float: left;
  text-align: center;
  width: 10%;
}
li.bbp-forum-freshness,
li.bbp-topic-freshness {
  text-align: center;
  float: left;
  width: 22%;
}
#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic {
  border-top: 1px solid #eee;
  overflow: hidden;
  padding: 8px;
}
#bbpress-forums #favorite-toggle,
#bbpress-forums #subscription-toggle {
  float: right;
}
#bbpress-forums div.bbp-forum-title h3,
#bbpress-forums div.bbp-reply-title h3,
#bbpress-forums div.bbp-topic-title h3 {
  background: 0 0;
  border: none;
  font-size: 16px;
  line-height: 1;
  margin: 8px 0;
  padding: 0;
  text-transform: none;
}
#bbpress-forums div.bbp-forum-author,
#bbpress-forums div.bbp-reply-author,
#bbpress-forums div.bbp-topic-author {
  float: left;
  text-align: center;
  width: 115px;
}
#bbpress-forums div.bbp-forum-author img.avatar,
#bbpress-forums div.bbp-reply-author img.avatar,
#bbpress-forums div.bbp-topic-author img.avatar {
  border: none;
  max-width: 80px;
  padding: 0;
  margin: 12px auto 0;
  float: none;
}
#bbpress-forums div.bbp-forum-author .bbp-author-name,
#bbpress-forums div.bbp-reply-author .bbp-author-name,
#bbpress-forums div.bbp-topic-author .bbp-author-name {
  margin: 0 12px;
  word-wrap: break-word;
  display: inline-block;
}
#bbpress-forums div.bbp-reply-author .bbp-author-name,
#bbpress-forums div.bbp-topic-author .bbp-author-name {
  clear: left;
  display: block;
}
#bbpress-forums div.bbp-forum-author .bbp-author-role,
#bbpress-forums div.bbp-reply-author .bbp-author-role,
#bbpress-forums div.bbp-topic-author .bbp-author-role {
  font-size: 11px;
  font-style: italic;
}
#bbpress-forums li.bbp-footer .bbp-forum-author,
#bbpress-forums li.bbp-footer .bbp-reply-author,
#bbpress-forums li.bbp-footer .bbp-search-author,
#bbpress-forums li.bbp-footer .bbp-topic-author,
#bbpress-forums li.bbp-header .bbp-forum-author,
#bbpress-forums li.bbp-header .bbp-reply-author,
#bbpress-forums li.bbp-header .bbp-search-author,
#bbpress-forums li.bbp-header .bbp-topic-author {
  float: left;
  margin: 0;
  padding: 0;
  width: 120px;
}
#bbpress-forums li.bbp-footer .bbp-forum-content,
#bbpress-forums li.bbp-footer .bbp-reply-content,
#bbpress-forums li.bbp-footer .bbp-search-content,
#bbpress-forums li.bbp-footer .bbp-topic-content,
#bbpress-forums li.bbp-header .bbp-forum-content,
#bbpress-forums li.bbp-header .bbp-reply-content,
#bbpress-forums li.bbp-header .bbp-search-content,
#bbpress-forums li.bbp-header .bbp-topic-content {
  margin-left: 140px;
  padding: 0;
  text-align: left;
}
div.bbp-forum-header,
div.bbp-reply-header,
div.bbp-topic-header,
li.bbp-body div.hentry {
  margin: 0;
  overflow: hidden;
  padding: 8px;
}
div.bbp-forum-header,
div.bbp-reply-header,
div.bbp-topic-header {
  border-top: 1px solid #ddd;
  clear: both;
}
span.bbp-author-ip {
  font-size: 11px;
  font-weight: 700;
  word-wrap: break-word;
  color: #747474;
}
#bbpress-forums div.bbp-forum-content,
#bbpress-forums div.bbp-reply-content,
#bbpress-forums div.bbp-topic-content {
  margin-left: 130px;
  padding: 12px 12px 12px 0;
  text-align: left;
  position: relative;
}
#bbpress-forums div.bbp-forum-content::after,
#bbpress-forums div.bbp-reply-content::after,
#bbpress-forums div.bbp-topic-content::after {
  clear: both;
  content: ".";
  display: block;
  float: none;
  height: 0;
  font-size: 0;
  visibility: hidden;
}
#bbpress-forums div.bbp-reply-content a,
#bbpress-forums div.bbp-topic-content a {
  background: 0 0;
  border: none;
  display: inline;
  font-weight: 400;
  margin: 0;
  padding: 0;
  text-decoration: underline;
}
#bbpress-forums div.bbp-reply-content a.bbp-user-mention,
#bbpress-forums div.bbp-topic-content a.bbp-user-mention {
  background: 0 0;
  border: none;
  text-decoration: none;
  text-shadow: none;
  display: inline;
  font-weight: 600;
  margin: 0;
  padding: 0;
}
#bbpress-forums div.bbp-reply-content h1,
#bbpress-forums div.bbp-reply-content h2,
#bbpress-forums div.bbp-reply-content h3,
#bbpress-forums div.bbp-reply-content h4,
#bbpress-forums div.bbp-reply-content h5,
#bbpress-forums div.bbp-reply-content h6,
#bbpress-forums div.bbp-topic-content h1,
#bbpress-forums div.bbp-topic-content h2,
#bbpress-forums div.bbp-topic-content h3,
#bbpress-forums div.bbp-topic-content h4,
#bbpress-forums div.bbp-topic-content h5,
#bbpress-forums div.bbp-topic-content h6 {
  clear: none;
  line-height: 1;
  margin: 24px 0;
  padding: 0;
}
#bbpress-forums div.bbp-reply-content img,
#bbpress-forums div.bbp-topic-content img {
  max-width: 100%;
  height: auto;
}
#bbpress-forums div.bbp-reply-content ol,
#bbpress-forums div.bbp-reply-content ul,
#bbpress-forums div.bbp-topic-content ol,
#bbpress-forums div.bbp-topic-content ul {
  margin: 0 15px 15px;
  padding: 0;
}
#bbpress-forums div.bbp-reply-content ul li,
#bbpress-forums div.bbp-topic-content ul li {
  list-style-type: disc;
}
#bbpress-forums div.bbp-reply-content ol li,
#bbpress-forums div.bbp-topic-content ol li {
  list-style-type: decimal;
}
#bbpress-forums div.bbp-reply-content ol li li,
#bbpress-forums div.bbp-topic-content ol li li {
  list-style-type: lower-alpha;
}
#bbpress-forums div.bbp-reply-content ol li li li,
#bbpress-forums div.bbp-topic-content ol li li li {
  list-style-type: upper-roman;
}
#bbpress-forums div.bbp-reply-content code,
#bbpress-forums div.bbp-reply-content pre,
#bbpress-forums div.bbp-topic-content code,
#bbpress-forums div.bbp-topic-content pre {
  font-family: Inconsolata, Consolas, Monaco, "Lucida Console", monospace;
  display: inline-block;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  padding: 0 5px;
  max-width: 95%;
  vertical-align: middle;
  margin-top: -3px;
  overflow-x: auto;
}
#bbpress-forums div.bbp-reply-content pre,
#bbpress-forums div.bbp-topic-content pre {
  display: block;
  line-height: 18px;
  margin: 0 0 24px;
  padding: 5px 10px;
  white-space: pre;
  overflow: auto;
}
#bbpress-forums div.bbp-reply-content pre code,
#bbpress-forums div.bbp-topic-content pre code {
  display: block;
  border: none;
  padding: 0;
  margin: 0;
  background-color: transparent;
  overflow-wrap: normal;
  overflow: auto;
  max-width: 100%;
}
#bbpress-forums div.bbp-reply-content iframe.wp-embedded-content,
#bbpress-forums div.bbp-topic-content iframe.wp-embedded-content {
  position: relative;
}
#bbpress-forums div.bbp-reply-to {
  margin-left: 130px;
  padding: 12px 12px 12px 0;
  text-align: right;
}
#bbpress-forums div#bbp-cancel-reply-to {
  text-align: right;
}
div.bbp-breadcrumb {
  float: left;
}
div.bbp-breadcrumb,
div.bbp-topic-tags {
  font-size: 12px;
}
#bbpress-forums div.bbp-breadcrumb p,
#bbpress-forums div.bbp-topic-tags p {
  margin: 0 0 10px 0;
}
#bbpress-forums div.bbp-topic-tags {
  float: right;
  clear: both;
}
#bbp-topic-hot-tags {
  clear: both;
}
#bbpress-forums #bbp-search-form {
  clear: left;
}
#bbpress-forums #bbp-search-form .hidden {
  height: 0;
  width: 0;
  overflow: hidden;
  position: absolute;
  background: 0 0;
  left: -999em;
}
#bbpress-forums #bbp-search-form #bbp_search {
  display: inline-block;
  width: auto;
}
#bbpress-forums div.bbp-search-form {
  float: right;
}
span.bbp-admin-links {
  float: right;
  color: #ddd;
}
span.bbp-admin-links a {
  color: #707070;
  font-weight: 400;
  font-size: 10px;
  text-transform: uppercase;
  text-decoration: none;
}
fieldset span.bbp-admin-links {
  float: left;
}
tr td span.bbp-admin-links a:hover {
  color: #ff4b33;
}
td.bbp-topic-admin-links,
td.bbp-topic-counts {
  width: 50%;
}
.bbp-forum-header a.bbp-forum-permalink,
.bbp-reply-header a.bbp-reply-permalink,
.bbp-topic-header a.bbp-topic-permalink {
  float: right;
  margin-left: 10px;
  color: #707070;
}
.bbp-row-actions #favorite-toggle a {
  text-decoration: none;
  padding: 0 3px 1px;
  color: #7c7;
  border: 1px solid #aca;
  background-color: #dfd;
  font-weight: 700;
  font-size: 12px;
}
.bbp-row-actions #favorite-toggle a:hover {
  color: #5a5;
  border-color: #7c7;
  background-color: #beb;
}
.bbp-row-actions #favorite-toggle span.is-favorite a {
  color: #faa;
  border: 1px solid #faa;
  background-color: #fee;
}
.bbp-row-actions #favorite-toggle span.is-favorite a:hover {
  color: #c88;
  border-color: #c88;
  background-color: #fdd;
}
.bbp-row-actions #subscription-toggle a {
  text-decoration: none;
  padding: 0 3px 1px;
  color: #7c7;
  border: 1px solid #aca;
  background-color: #dfd;
  font-weight: 700;
  font-size: 12px;
}
.bbp-row-actions #subscription-toggle a:hover {
  color: #5a5;
  border-color: #7c7;
  background-color: #beb;
}
.bbp-row-actions #subscription-toggle span.is-subscribed a {
  color: #faa;
  border: 1px solid #faa;
  background-color: #fee;
}
.bbp-row-actions #subscription-toggle span.is-subscribed a:hover {
  color: #c88;
  border-color: #c88;
  background-color: #fdd;
}
#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
  font-size: 11px;
  margin: 5px 0;
  padding: 0;
  word-wrap: break-word;
}
#bbpress-forums p.bbp-topic-meta span {
  white-space: nowrap;
}
.bbp-pagination-count {
  float: left;
  border: 1px solid transparent;
}
.bbp-pagination-links {
  float: right;
  list-style: none;
  display: inline;
}
.bbp-pagination {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
#bbpress-forums .bbp-pagination-links a,
#bbpress-forums .bbp-pagination-links span.current {
  display: block;
  float: left;
  font-size: 12px;
  line-height: 18px;
  padding: 0 5px;
  margin-left: 5px;
  border: 1px solid #efefef;
  border-radius: 0;
  background: 0 0;
  color: inherit;
  text-decoration: none;
}
#bbpress-forums .bbp-pagination-links span.dots {
  display: block;
  float: left;
  padding: 1px 4px;
  margin-left: 5px;
}
#bbpress-forums .bbp-topic-pagination {
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 2px;
}
#bbpress-forums .bbp-topic-pagination a {
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
  margin: 0;
  padding: 1px 3px;
  border: 1px solid #ddd;
  color: inherit;
  background: 0 0;
  display: inline;
  text-decoration: none;
}
#bbpress-forums .bbp-pagination-links a:hover,
#bbpress-forums .bbp-pagination-links span.current,
#bbpress-forums .bbp-topic-pagination a:hover {
  background: #eee;
  opacity: .8;
  border: 1px solid #dddddd;
}
#bbpress-forums fieldset.bbp-form {
  clear: left;
  border: 1px solid #eee;
  padding: 10px 20px;
  margin-bottom: 10px;
}
#bbpress-forums fieldset.bbp-form legend {
  padding: 5px;
  width: auto;
  border: none;
}
#bbpress-forums fieldset.bbp-form label {
  margin: 0;
  display: inline-block;
}
#bbp-edit-topic-tag.bbp-form fieldset.bbp-form label,
#bbp-login fieldset label,
#bbp-lost-pass fieldset label,
#bbp-register fieldset label {
  width: 100px;
}
#bbpress-forums fieldset.bbp-form p {
  padding: 0;
}
#bbpress-forums fieldset.bbp-form input,
#bbpress-forums fieldset.bbp-form p,
#bbpress-forums fieldset.bbp-form select,
#bbpress-forums fieldset.bbp-form textarea {
  margin: 0 0 8px;
}
#bbpress-forums fieldset.bbp-form input[type=password],
#bbpress-forums fieldset.bbp-form input[type=text],
#bbpress-forums fieldset.bbp-form select {
  min-height: 28px;
  height: 28px;
  padding: 5px;
}
textarea#bbp_forum_content,
textarea#bbp_reply_content,
textarea#bbp_topic_content {
  width: 97%;
  box-sizing: border-box;
}
textarea#bbp_forum_content {
  height: 210px;
}
#bbpress-forums fieldset.bbp-forum-form-attributes {
  width: 200px;
  float: right;
  clear: none;
  margin-left: 25px;
}
#bbpress-forums fieldset select#bbp_forum_id {
  max-width: 200px;
}
.bbp-reply-form,
.bbp-topic-form,
.bbp-topic-tag-form {
  clear: left;
}
body.reply-edit .bbp-reply-form div.avatar img,
body.single-forum .bbp-topic-form div.avatar img,
body.single-reply .bbp-reply-form div.avatar img,
body.topic-edit .bbp-topic-form div.avatar img {
  margin-right: 0;
  padding: 10px;
  border: 1px solid #ddd;
  line-height: 0;
  background-color: #efefef;
}
body.page .bbp-reply-form code,
body.page .bbp-topic-form code,
body.reply-edit .bbp-reply-form code,
body.single-forum .bbp-topic-form code,
body.single-topic .bbp-reply-form code,
body.topic-edit .bbp-topic-form code {
  font-size: 10px;
  background-color: #f0fff8;
  border: 1px solid #ceefe1;
  display: block;
  padding: 8px;
  margin-top: 5px;
  width: 369px;
}
#delete_tag,
#merge_tag {
  display: inline;
}
div.bbp-submit-wrapper {
  margin-top: 15px;
  float: right;
  clear: both;
}
p.form-allowed-tags {
  max-width: 100%;
}
#bbpress-forums div.bbp-the-content-wrapper {
  margin-bottom: 10px;
}
#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
  width: 100%;
  margin: 0;
  font-size: 12px;
}
#bbpress-forums div.bbp-the-content-wrapper table,
#bbpress-forums div.bbp-the-content-wrapper tbody,
#bbpress-forums div.bbp-the-content-wrapper td,
#bbpress-forums div.bbp-the-content-wrapper tr {
  border: none;
  padding: 0;
  margin: 0;
  width: auto;
  line-height: 1;
}
#bbpress-forums div.bbp-the-content-wrapper input[type=button] {
  padding: 4px 7px;
  margin: 0 -1px 0 0;
  line-height: 0;
  border: 1px solid transparent;
  background-color: transparent;
  box-shadow: none;
  text-shadow: none;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 400;
  border-radius: 3px;
  min-width: 25px;
  color: #555;
}
#bbpress-forums div.bbp-the-content-wrapper input[type=button]:hover {
  border-color: rgba(0, 0, 0, 0.1);
  background-color: rgba(255, 255, 255, 0.5);
}
#bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar {
  padding: 5px;
  min-height: 26px;
}
#bbpress-forums div.bbp-the-content-wrapper td.mceToolbar {
  padding: 4px 4px 8px;
}
#bbpress-forums div.wp-editor-container {
  margin: 0;
  padding: 0;
  line-height: 0;
}
#bbpress-forums div.bbp-the-content-wrapper td.mceStatusbar {
  line-height: 16px;
}
#bbpress-forums .bbp-replies .bbp-reply-form {
  margin: 0 10px 0 10px;
}
#bbpress-forums #bbp-your-profile fieldset {
  padding: 20px 20px 0;
}
#bbpress-forums #bbp-your-profile fieldset div {
  margin-bottom: 20px;
  float: left;
  width: 100%;
  clear: left;
}
#bbpress-forums #bbp-your-profile fieldset select {
  margin-bottom: 0;
  width: 60%;
  background-color: #f9f9f9;
  border: 1px solid #dddddd;
}
#bbpress-forums #bbp-your-profile fieldset input,
#bbpress-forums #bbp-your-profile fieldset textarea {
  margin-bottom: 0;
  width: 60%;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  box-shadow: none;
  border-radius: 0;
}
#bbpress-forums #bbp-your-profile fieldset input:focus,
#bbpress-forums #bbp-your-profile fieldset textarea:focus {
  border: 1px solid #ccc;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
  outline-color: rgba(240, 255, 240, 0.1);
}
#bbpress-forums #bbp-your-profile fieldset.bbp-form input.checkbox {
  width: auto;
}
#bbpress-forums #bbp-your-profile fieldset legend {
  display: none;
}
#bbpress-forums #bbp-your-profile fieldset label[for] {
  float: left;
  width: 20%;
  padding: 5px 20px 5px 0;
  text-align: right;
  cursor: pointer;
}
#bbpress-forums #bbp-your-profile fieldset dl label[for] {
  text-align: left;
  width: 60%;
}
#bbpress-forums #bbp-your-profile fieldset p.description {
  margin: 5px 0 0 20%;
  font-size: 12px;
  font-style: italic;
  float: left;
  clear: left;
  width: 60%;
  padding: 5px 8px;
  border: #cee1ef 1px solid;
  background-color: #f0f8ff;
}
#bbpress-forums #bbp-your-profile fieldset fieldset {
  margin: 0;
  border: none;
  padding: 0;
  clear: none;
  float: none;
}
#bbpress-forums #bbp-your-profile fieldset fieldset.capabilities dl {
  margin: 0;
}
#bbpress-forums #bbp-your-profile fieldset.submit button {
  float: right;
}
#bbpress-forums #bbp-your-profile fieldset fieldset.password {
  width: 60%;
  margin-left: 20%;
  margin-top: 10px;
}
#bbpress-forums #bbp-your-profile fieldset fieldset.password .password-button-wrapper,
#bbpress-forums #bbp-your-profile fieldset fieldset.password .password-input-wrapper {
  width: 100%;
  margin: 0;
  display: inline-block;
}
#bbpress-forums #bbp-your-profile fieldset fieldset.password .password-button-wrapper button {
  width: 46%;
  margin: 4% 2%;
  box-sizing: border-box;
  display: inline-block;
}
#bbpress-forums #bbp-your-profile fieldset fieldset.password input,
#bbpress-forums #bbp-your-profile fieldset fieldset.passwword textarea {
  width: 100%;
}
#bbpress-forums #bbp-your-profile fieldset fieldset.password button .dashicons {
  display: none;
}
#bbpress-forums #bbp-your-profile fieldset fieldset.password span.description {
  margin-left: 0;
  margin-bottom: 20px;
}
#bbpress-forums #password #pass-strength-result {
  background-color: #eee;
  border: 1px solid #ddd;
  color: #23282d;
  margin: 0;
  padding: 8px;
  text-align: center;
  box-sizing: border-box;
  display: inline-block;
}
#bbpress-forums #password #pass-strength-result.short {
  background-color: #f1adad;
  border-color: #e35b5b;
  opacity: 1;
}
#bbpress-forums #password #pass-strength-result.bad {
  background-color: #fbc5a9;
  border-color: #f78b53;
  opacity: 1;
}
#bbpress-forums #password #pass-strength-result.good {
  background-color: #ffe399;
  border-color: #ffc733;
  opacity: 1;
}
#bbpress-forums #password #pass-strength-result.strong {
  background-color: #c1e1b9;
  border-color: #83c373;
  opacity: 1;
}
#bbpress-forums #password #pass1-text.short,
#bbpress-forums #password #pass1.short {
  border-color: #e35b5b;
}
#bbpress-forums #password #pass1-text.bad,
#bbpress-forums #password #pass1.bad {
  border-color: #f78b53;
}
#bbpress-forums #password #pass1-text.good,
#bbpress-forums #password #pass1.good {
  border-color: #ffc733;
}
#bbpress-forums #password #pass1-text.strong,
#bbpress-forums #password #pass1.strong {
  border-color: #83c373;
}
#bbpress-forums .indicator-hint {
  padding-top: 8px;
}
#bbpress-forums #pass1-text,
#bbpress-forums .pw-weak,
#bbpress-forums .show-password #pass1 {
  display: none;
}
#bbpress-forums .show-password #pass1-text {
  display: inline-block;
}
div.bbp-template-notice,
div.indicator-hint {
  border-width: 1px;
  border-style: solid;
  padding: 0 .6em;
  margin: 5px 0 15px;
  border-radius: 3px;
  background-color: #ffffe0;
  border-color: #e6db55;
  color: #000;
  clear: both;
}
div.bbp-template-notice a {
  color: #555;
  text-decoration: none;
}
div.bbp-template-notice a:hover {
  color: #000;
}
div.bbp-template-notice.info {
  border: #cee1ef 1px solid;
  background-color: #f0f8ff;
}
div.bbp-template-notice.important {
  border: #e6db55 1px solid;
  background-color: #fffbcc;
}
div.bbp-template-notice.error,
div.bbp-template-notice.warning {
  background-color: #ffebe8;
  border-color: #c00;
}
div.bbp-template-notice.error a,
div.bbp-template-notice.warning a {
  color: #c00;
}
div.bbp-template-notice li,
div.bbp-template-notice p {
  margin: .5em 0 6px!important;
  padding: 2px;
  font-size: 12px;
  line-height: 1.4;
}
#bbpress-forums div.bbp-template-notice code {
  font-size: 11px;
  padding: 2px 4px;
  background: rgba(200, 200, 200, 0.3);
  border-radius: 3px;
}
.bbp-forum-content ul.sticky,
.bbp-topics ul.sticky,
.bbp-topics ul.super-sticky,
.bbp-topics-front ul.super-sticky {
  background-color: #ffffe0 !important;
  font-size: 1.1em;
}
#bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log,
#bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log,
#bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log {
  border-top: 1px dotted #ddd;
  width: 100%;
  margin: 0;
  padding: 8px 0 0;
  font-size: 11px;
  color: #aaa;
}
#bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log li,
#bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log li,
#bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log li {
  list-style-type: none;
}
#bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log a,
#bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log a,
#bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log a {
  text-decoration: none;
}
.bbp-login-form fieldset legend {
  display: none;
}
.bbp-login-form .bbp-email input,
.bbp-login-form .bbp-password input,
.bbp-login-form .bbp-username input {
  padding: 5px;
}
.bbp-login-form label {
  width: 140px;
  display: inline-block;
}
#sidebar .bbp-login-form label {
  width: 70px;
}
.bbp-login-form .bbp-email,
.bbp-login-form .bbp-password,
.bbp-login-form .bbp-remember-me,
.bbp-login-form .bbp-submit-wrapper,
.bbp-login-form .bbp-username {
  margin-top: 10px;
}
.bbp-login-form .bbp-submit-wrapper {
  text-align: right;
}
.bbp-login-form .bbp-login-links a {
  float: left;
  clear: left;
}
.bbp-logged-in img.avatar {
  float: left;
  margin: 0 15px 0 0;
}
.bbp-logged-in h4 {
  font-weight: 700;
  font-size: 1.3em;
  clear: none;
  margin-bottom: 10px;
}
#bbpress-forums img.avatar {
  box-shadow: none;
  display: inline-block;
  margin-right: 4px;
}
#bbpress-forums .widget_display_replies img.avatar,
#bbpress-forums .widget_display_topics img.avatar,
#bbpress-forums div.bbp-template-notice img.avatar,
#bbpress-forums p.bbp-topic-meta img.avatar,
#bbpress-forums ul.bbp-reply-revision-log img.avatar,
#bbpress-forums ul.bbp-topic-revision-log img.avatar {
  float: none;
  vertical-align: middle;
  border: 3px double #ddd;
  max-height: 20px;
  max-width: 20px;
}
fieldset div.avatar {
  float: right;
}
.activity-list li.bbp_reply_create .activity-content .activity-inner,
.activity-list li.bbp_topic_create .activity-content .activity-inner {
  border-left: 2px solid #eaeaea;
  margin-left: 5px;
  padding-left: 10px;
}
#bbpress-forums h1 {
  clear: none;
  font-size: 1.8em;
  line-height: 1;
  padding-bottom: 10px;
}
#bbpress-forums #bbp-user-wrapper {
  float: left;
  width: 100%;
}
#bbpress-forums .bbp-user-section {
  overflow: auto;
  clear: right;
}
#bbpress-forums #bbp-user-wrapper h2.entry-title {
  font-size: 1.4em;
  margin: 0;
  padding-bottom: 10px;
  padding-top: 0;
  clear: none;
}
#bbpress-forums #bbp-user-wrapper fieldset.bbp-form,
#bbpress-forums #bbp-user-wrapper ul.bbp-forums,
#bbpress-forums #bbp-user-wrapper ul.bbp-lead-topic,
#bbpress-forums #bbp-user-wrapper ul.bbp-replies,
#bbpress-forums #bbp-user-wrapper ul.bbp-topics {
  clear: none;
}
#bbpress-forums #bbp-single-user-details {
  margin: 0;
  width: 150px;
  float: left;
  overflow: hidden;
}
#bbpress-forums #bbp-single-user-details #bbp-user-avatar {
  margin: 0;
  width: 150px;
}
#bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar {
  border: none;
  height: 150px;
  padding: 0;
  margin: 0 0 20px;
  width: 150px;
}
#bbpress-forums #bbp-single-user-details #bbp-user-description {
  float: none;
  margin-left: 180px;
}
#bbpress-forums #bbp-single-user-details #bbp-user-navigation {
  float: none;
  margin: 0;
}
#bbpress-forums #bbp-single-user-details #bbp-user-navigation li {
  margin: 0;
}
#bbpress-forums #bbp-single-user-details #bbp-user-navigation a {
  padding: 5px 8px;
  display: block;
  border: 1px solid transparent;
  text-decoration: none;
}
#bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a {
  background: #eee;
  opacity: .8;
}
#bbpress-forums #bbp-user-body {
  margin-left: 180px;
}
body.my-account #bbpress-forums {
  border-top: none;
  padding-top: 0;
  margin-bottom: 0;
}
#bbpress-forums dl.bbp-user-capabilities {
  display: inline-block;
  vertical-align: top;
}
#bbpress-forums dl.bbp-user-capabilities dt {
  margin: 0 0 10px;
  text-transform: capitalize;
}
#bbpress-forums dl.bbp-user-capabilities dd {
  margin: 0;
  padding: 0;
}
.bbp-alert-outer {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 99999;
}
.bbp-alert-inner {
  width: 350px;
  text-align: center;
  background: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -75px;
  margin-left: -185px;
  border-radius: 3px;
  border: 1px solid #aaa;
  padding: 15px 10px 10px;
}
.bbp-alert-outer .bbp-alert-inner p {
  margin: 10px 0;
}
.bbp-alert-actions a {
  padding: 5px 20px;
  text-decoration: none;
}
@media only screen and (max-width: 480px) {
  #bbpress-forums div.bbp-topic-tags {
    clear: both;
    float: none;
  }
  div.bbp-search-form button,
  div.bbp-search-form input {
    font-size: 11px;
    padding: 2px;
  }
  li.bbp-forum-info,
  li.bbp-topic-title {
    width: 45%;
  }
  li.bbp-forum-reply-count,
  li.bbp-forum-topic-count,
  li.bbp-topic-reply-count,
  li.bbp-topic-voice-count {
    width: 15%;
  }
  span.bbp-reply-post-date,
  span.bbp-topic-post-date {
    float: left;
  }
  span.bbp-admin-links {
    float: none;
    clear: both;
  }
  #bbpress-forums .bbp-forums-list li,
  #bbpress-forums .bbp-forums-list span {
    display: block;
    font-size: 11px;
  }
  #bbpress-forums .bbp-body div.bbp-reply-author,
  #bbpress-forums .bbp-body div.bbp-topic-author {
    float: none;
    margin: 10px;
    min-height: 80px;
    padding-left: 80px;
    position: relative;
    text-align: left;
    width: calc(0%);
    border-bottom: 1px solid #efefef;
    box-sizing: content-box;
  }
  #bbpress-forums div.bbp-reply-author .bbp-author-name,
  #bbpress-forums div.bbp-topic-author .bbp-author-name {
    clear: none;
    display: inline-block;
    margin-left: 0;
    word-wrap: break-word;
  }
  #bbpress-forums div.bbp-reply-author img.avatar,
  #bbpress-forums div.bbp-topic-author img.avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: auto;
    margin-top: 0;
  }
  #bbpress-forums div.bbp-reply-author .bbp-author-role,
  #bbpress-forums div.bbp-topic-author .bbp-author-role {
    font-size: 12px;
    font-style: normal;
  }
  #bbpress-forums .bbp-body div.bbp-reply-content,
  #bbpress-forums .bbp-body div.bbp-topic-content {
    clear: both;
    margin: 0 10px 5px 10px;
    padding: 0;
  }
  #bbpress-forums div.bbp-reply-content p,
  #bbpress-forums div.bbp-topic-content p {
    margin-bottom: 1em;
  }
  #bbpress-forums div.bbp-reply-content p:last-child,
  #bbpress-forums div.bbp-topic-content p:last-child {
    margin-bottom: 0;
  }
  div.bbp-submit-wrapper {
    float: left;
  }
  #bbpress-forums fieldset.bbp-form {
    padding: 0 10px 10px;
  }
  #bbpress-forums #bbp-user-body {
    clear: both;
    margin-left: 0;
    word-wrap: break-word;
  }
  #bbpress-forums div.bbp-forum-title h3,
  #bbpress-forums div.bbp-reply-title h3,
  #bbpress-forums div.bbp-topic-title h3 {
    font-size: 14px;
  }
}
@media only screen and (max-width: 320px) {
  #bbpress-forums div.bbp-search-form {
    margin-bottom: 10px;
  }
  #bbpress-forums li.bbp-body li.bbp-forum-info,
  #bbpress-forums li.bbp-body li.bbp-topic-title,
  #bbpress-forums li.bbp-header li.bbp-forum-info,
  #bbpress-forums li.bbp-header li.bbp-topic-title {
    width: 100%;
  }
  #bbpress-forums li.bbp-header li.bbp-forum-info,
  #bbpress-forums li.bbp-header li.bbp-topic-title {
    text-align: center;
    text-transform: uppercase;
  }
  #bbpress-forums li.bbp-body li.bbp-forum-reply-count,
  #bbpress-forums li.bbp-body li.bbp-forum-topic-count,
  #bbpress-forums li.bbp-body li.bbp-topic-reply-count,
  #bbpress-forums li.bbp-body li.bbp-topic-voice-count,
  #bbpress-forums li.bbp-header li.bbp-forum-reply-count,
  #bbpress-forums li.bbp-header li.bbp-forum-topic-count,
  #bbpress-forums li.bbp-header li.bbp-topic-reply-count,
  #bbpress-forums li.bbp-header li.bbp-topic-voice-count {
    width: 20%;
  }
  #bbpress-forums li.bbp-body li.bbp-forum-freshness,
  #bbpress-forums li.bbp-body li.bbp-topic-freshness,
  #bbpress-forums li.bbp-header li.bbp-forum-freshness,
  #bbpress-forums li.bbp-header li.bbp-topic-freshness {
    width: 58%;
  }
  #bbpress-forums li.bbp-body li.bbp-forum-freshness,
  #bbpress-forums li.bbp-body li.bbp-forum-reply-count,
  #bbpress-forums li.bbp-body li.bbp-forum-topic-count,
  #bbpress-forums li.bbp-body li.bbp-topic-freshness,
  #bbpress-forums li.bbp-body li.bbp-topic-reply-count,
  #bbpress-forums li.bbp-body li.bbp-topic-voice-count {
    margin-top: 7px;
  }
  #bbpress-forums li.bbp-footer,
  #bbpress-forums li.bbp-header {
    font-size: 10px;
  }
  #bbpress-forums li.bbp-header div.bbp-reply-author,
  #bbpress-forums li.bbp-header div.bbp-search-author,
  #bbpress-forums li.bbp-header div.bbp-topic-author {
    text-align: left;
    width: 25%;
  }
  #bbpress-forums li.bbp-header div.bbp-reply-content,
  #bbpress-forums li.bbp-header div.bbp-search-content,
  #bbpress-forums li.bbp-header div.bbp-topic-content {
    margin-left: 25%;
  }
  #bbpress-forums div.bbp-template-notice img.avatar,
  #bbpress-forums p.bbp-topic-meta img.avatar {
    width: 14px;
    height: auto;
    max-height: 14px;
    max-width: 14px;
  }
  #bbpress-forums div.bbp-the-content-wrapper td.mceToolbar {
    padding: 1px;
  }
  #bbpress-forums div.bbp-the-content-wrapper td.mceToolbar td {
    width: 20px;
    height: 20px;
  }
  #bbpress-forums div.wp-editor-container {
    width: 100%;
    overflow: auto;
  }
  #bbpress-forums input#bbp_topic_tags,
  #bbpress-forums input#bbp_topic_title {
    width: 95%;
  }
  #bbpress-forums div.bbp-forum-title h3,
  #bbpress-forums div.bbp-reply-title h3,
  #bbpress-forums div.bbp-topic-title h3 {
    font-size: 14px;
  }
}
@media only screen and (max-width: 240px) {
  #bbpress-forums li.bbp-body li.bbp-forum-reply-count,
  #bbpress-forums li.bbp-body li.bbp-forum-topic-count,
  #bbpress-forums li.bbp-body li.bbp-topic-reply-count,
  #bbpress-forums li.bbp-body li.bbp-topic-voice-count,
  #bbpress-forums li.bbp-footer div.bbp-reply-author,
  #bbpress-forums li.bbp-footer div.bbp-search-author,
  #bbpress-forums li.bbp-footer div.bbp-topic-author,
  #bbpress-forums li.bbp-header li.bbp-forum-reply-count,
  #bbpress-forums li.bbp-header li.bbp-forum-topic-count,
  #bbpress-forums li.bbp-header li.bbp-topic-reply-count,
  #bbpress-forums li.bbp-header li.bbp-topic-voice-count {
    width: 45%;
  }
  #bbpress-forums li.bbp-body li.bbp-forum-freshness,
  #bbpress-forums li.bbp-body li.bbp-topic-freshness,
  #bbpress-forums li.bbp-header li.bbp-forum-freshness,
  #bbpress-forums li.bbp-header li.bbp-topic-freshness {
    clear: both;
    width: 100%;
  }
  #bbpress-forums li.bbp-header li.bbp-forum-freshness,
  #bbpress-forums li.bbp-header li.bbp-topic-freshness {
    text-align: center;
  }
  #bbpress-forums li.bbp-body li.bbp-topic-freshness,
  #bbpress-forums li.bbp-header div.bbp-reply-author,
  #bbpress-forums li.bbp-header div.bbp-reply-content,
  #bbpress-forums li.bbp-header div.bbp-search-author,
  #bbpress-forums li.bbp-header div.bbp-search-content,
  #bbpress-forums li.bbp-header div.bbp-topic-author,
  #bbpress-forums li.bbp-header div.bbp-topic-content {
    margin-left: 0;
    text-align: left;
  }
  #bbpress-forums li.bbp-body li.bbp-topic-freshness p.bbp-topic-meta {
    display: inline-block;
  }
  #bbpress-forums li.bbp-header {
    overflow: hidden;
  }
  #bbpress-forums li.bbp-footer div.bbp-reply-content,
  #bbpress-forums li.bbp-footer div.bbp-search-content,
  #bbpress-forums li.bbp-footer div.bbp-topic-content {
    display: inline-block;
    margin-left: 0;
  }
  #bbpress-forums li.bbp-body div.bbp-reply-author,
  #bbpress-forums li.bbp-body div.bbp-topic-author {
    min-height: 60px;
    padding-left: 60px;
  }
  #bbpress-forums div.bbp-reply-author img.avatar,
  #bbpress-forums div.bbp-topic-author img.avatar {
    width: 40px;
    height: auto;
  }
  #bbpress-forums div.bbp-forum-title h3,
  #bbpress-forums div.bbp-reply-title h3,
  #bbpress-forums div.bbp-topic-title h3 {
    font-size: 12px;
  }
}
/*
 * Print Styles
 */
@media print {
  body {
    font-family: Arial, sans-serif !important;
    background: #fff !important;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
    font-family: Arial, sans-serif !important;
  }
  .mainMenu,
  .topBarWrapper,
  .footerDetailsWrap,
  .footerMetaWrap,
  .topBar,
  .mainMenuWrapper,
  .flyout,
  .mobileTagline,
  .video,
  .footerFeedbackButton,
  .sidebar,
  #subscription-toggle .subscription-toggle,
  #favorite-toggle .subscription-toggle,
  #subscription-toggle .favorite-toggle,
  #favorite-toggle .favorite-toggle,
  #bbpress-forums div.bbp-topic-content .subscription-toggle,
  #bbpress-forums div.bbp-reply-content .subscription-toggle,
  #bbpress-forums div.bbp-topic-content .favorite-toggle,
  #bbpress-forums div.bbp-reply-content .favorite-toggle {
    display: none !important;
  }
  .logoAlt {
    display: block !important;
  }
  #header {
    background: #aaaaaa !important;
  }
}
.siteOuterWrapper.appView {
  background: #fff;
  font-family: 'Roboto', sans-serif;
}
.siteOuterWrapper.appView .registerAppView {
  max-width: 600px;
  padding: 20px;
  margin: 0 auto;
  display: block;
}
.siteOuterWrapper.appView .registerAppView .row {
  float: none;
  text-align: center;
  margin: 0 0 20px;
}
.siteOuterWrapper.appView .registerAppView .row label {
  color: rgba(45, 52, 54, 0.72);
  font-size: 14px;
  line-height: 24px;
  display: block;
  padding: 0;
  font-weight: 400;
  float: none;
}
.siteOuterWrapper.appView .registerAppView .row.checkboxRow label {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
  float: none;
  max-width: 233px;
}
.siteOuterWrapper.appView .registerAppView .row input,
.siteOuterWrapper.appView .registerAppView .row .text,
.siteOuterWrapper.appView .registerAppView #bbpress-forums input[type="text"] {
  float: none;
  font-weight: bold;
  font-size: 20px;
  line-height: 32px;
  padding: 12px 0;
  border: 0;
  border-bottom: 1px solid rgba(45, 52, 54, 0.16);
  color: #2D3436;
  text-align: center;
}
.siteOuterWrapper.appView .registerAppView .row input::-webkit-input-placeholder,
.siteOuterWrapper.appView .registerAppView .row .text::-webkit-input-placeholder,
.siteOuterWrapper.appView .registerAppView #bbpress-forums input[type="text"]::-webkit-input-placeholder {
  color: rgba(45, 52, 54, 0.2);
}
.siteOuterWrapper.appView .registerAppView .row input:-moz-placeholder,
.siteOuterWrapper.appView .registerAppView .row .text:-moz-placeholder,
.siteOuterWrapper.appView .registerAppView #bbpress-forums input[type="text"]:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(45, 52, 54, 0.2);
}
.siteOuterWrapper.appView .registerAppView .row input::-moz-placeholder,
.siteOuterWrapper.appView .registerAppView .row .text::-moz-placeholder,
.siteOuterWrapper.appView .registerAppView #bbpress-forums input[type="text"]::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  color: rgba(45, 52, 54, 0.2);
}
.siteOuterWrapper.appView .registerAppView .row input:-ms-input-placeholder,
.siteOuterWrapper.appView .registerAppView .row .text:-ms-input-placeholder,
.siteOuterWrapper.appView .registerAppView #bbpress-forums input[type="text"]:-ms-input-placeholder {
  color: rgba(45, 52, 54, 0.2);
}
.siteOuterWrapper.appView .registerAppView .row input:focus,
.siteOuterWrapper.appView .registerAppView .row .text:focus,
.siteOuterWrapper.appView .registerAppView #bbpress-forums input[type="text"]:focus {
  border-bottom-color: #c65219;
}
.siteOuterWrapper.appView .registerAppView .buttonGroup {
  float: none;
  display: block;
  text-align: center;
}
.siteOuterWrapper.appView .registerAppView .buttonGroup .button {
  padding: 12px 64px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
  float: none;
  margin: 0 auto;
  letter-spacing: normal;
  border: 0;
  border-radius: 24px;
}
/*
 * Overlay Styles
 */
html.blur .siteWrapper {
  filter: blur(5px);
}
html.noScroll {
  overflow: hidden;
}
.overlayBoxOuter {
  position: fixed;
  z-index: 9100;
  top: 0;
  width: 100%;
  min-height: 100%;
  height: 100%;
  background: #090909;
  background: rgba(0, 0, 0, 0.5);
  overflow: hidden;
}
.overlayBoxOuter .ps-container {
  position: relative;
}
.overlayBoxOuter .ps-container > .ps-scrollbar-y-rail {
  opacity: 1;
}
.overlayBox {
  position: absolute;
  opacity: 0;
  display: block;
  max-width: 100%;
}
.overlayBox .overlayContent {
  background: #fff;
  margin-top: 36px;
  max-height: calc(100% - 36px);
  position: relative;
  height: 100%;
}
.overlayBox.hasLink .overlayImage {
  position: relative;
}
.overlayBox .overlayImage img {
  max-width: 100%;
  height: auto;
  display: block;
}
.overlayBox .overlayVideo {
  position: relative;
}
.overlayBox .overlayVideo iframe,
.overlayBox .overlayVideo video {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background-color: #333;
}
.overlayBox.overlayFullscreen .overlayAjax {
  height: 100% !important;
}
.overlayBox.overlayFullscreen .overlayAjax iframe {
  width: 100%;
  height: 100%;
}
.overlayBox.overlayFullscreen .overlayContent,
.overlayBox.overlayFullscreen .overlayVideo {
  height: 100% !important;
  padding: 0 !important;
}
.overlayBox .overlayAjax {
  overflow-y: auto;
  max-height: 100%;
}
.overlayContentLoading:before,
.overlayLoading:before {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 1.875rem;
  transform: translate(-50%, -50%);
  animation: overlay-spinner 2s infinite linear;
}
@keyframes overlay-spinner {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    transform: translate(-50%, -50%) rotate(350deg);
  }
}
.noScroll {
  overflow: hidden;
  position: relative;
}
.overlayCloseButton {
  z-index: 9200;
  text-align: right;
  position: absolute;
  top: 0;
  right: 0;
}
.overlayCloseButton a {
  background: #c65219;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  cursor: pointer;
  padding: 5px 10px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  z-index: 9200;
  outline: 0;
  text-decoration: none;
}
.overlayAjax {
  padding: 20px;
}
.overlayBoxTitle {
  position: relative;
  bottom: 0;
  line-height: 30px;
  font-size: 18px;
  width: 100%;
  text-align: center;
  left: 0;
  display: block;
  color: #fff;
}
.overlayBoxLink {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.galleryPrev,
.galleryNext {
  font-size: 1.875rem;
  line-height: 30px;
  position: absolute;
  top: 50%;
  padding: 0;
  border: none;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  width: 30px;
  background: #c65219;
  border-radius: 100%;
}
.galleryPrev i,
.galleryNext i {
  font-weight: 400;
}
.galleryPrev:focus,
.galleryNext:focus {
  border: none;
  outline: none;
}
.galleryPrev.arrowInactive,
.galleryNext.arrowInactive {
  display: none;
}
.galleryPrev {
  left: -35px;
}
@media all and (max-width: 640px) {
  .galleryPrev {
    left: 5px;
  }
}
.galleryPrev .fa-angle-left {
  margin: 0 4px 0 0;
}
.galleryNext {
  right: -35px;
}
@media all and (max-width: 640px) {
  .galleryNext {
    right: 5px;
  }
}
.galleryNext .fa-angle-right {
  margin: 0 0 0 4px;
}
.membersAreaNew__titleLink,
.isDark .membersAreaNew__titleLink {
  color: #007cbd !important;
}
.membersAreaNew__titleLink:hover,
.isDark .membersAreaNew__titleLink:hover,
.membersAreaNew__titleLink:focus,
.isDark .membersAreaNew__titleLink:focus {
  color: #004289 !important;
}
.membersAreaNew .cardMenuContainer {
  --gap: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: var(--gap);
}
.membersAreaNew .cardMenuContainer .wp-block-column {
  display: contents;
}
.membersAreaNew .wp-block-column {
  flex-grow: 1;
  min-width: 0;
  overflow-wrap: break-word;
  word-break: break-word;
}
@media (min-width: 782px) {
  .membersAreaNew .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: 0;
    flex-grow: 1;
  }
}
@media all and (min-width: 782px) and (max-width: 1100px) {
  .membersAreaNew .wp-block-columns {
    flex-direction: column;
  }
}
.membersAreaNew .mtcBlock__cta {
  border-radius: 10px;
  cursor: pointer;
  transition: all .3s ease;
  display: flex;
  align-items: center;
  gap: 10px;
}
.membersAreaNew .mtcBlock__cta:hover {
  opacity: .7;
}
.membersAreaNew .mtcBlock__cta:focus-visible {
  outline: 3px solid #007cbd;
  outline-offset: 3px;
}
.membersAreaNew .mtcBlock__cta + .mtcBlock__cta {
  margin-top: 20px;
}
.membersAreaNew .mtcBlock__cta:hover,
.membersAreaNew .mtcBlock__cta:focus {
  opacity: .7;
}
.membersAreaNew .mtcBlock__cta__media {
  margin-right: 15px;
  min-width: 80px;
}
.membersAreaNew .mtcBlock__cta__media img {
  height: auto;
  width: 80px;
}
.membersAreaNew .mtcBlock__cta__text {
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
}
.membersAreaNew .wp-container-8.wp-container-8 {
  flex-wrap: nowrap;
  gap: 1.5rem 1.5rem;
}
.membersAreaNew__formBlock {
  align-items: center;
  padding: 40px 20px;
  border-radius: 10px;
  background: #f7f9fb;
  margin: 0 0 30px;
}
.isDark .membersAreaNew__formBlock {
  background: #000;
}
@media all and (min-width: 1100px) and (max-width: 1340px) {
  .membersAreaNew .mtcBlock__cta {
    flex-direction: column;
    justify-content: center;
  }
  .membersAreaNew .mtcBlock__cta__media {
    margin-right: 0;
  }
  .membersAreaNew .mtcBlock__cta__text {
    text-align: center;
  }
}
.mtcBlock__learningPlan {
  --textColour: #383838;
  /*
     * Modals
     */
}
.isDark .mtcBlock__learningPlan {
  --textColour: #ffffff;
  --vs-search-input-bg: black;
}
.mtcBlock__learningPlan--isLoading .learningPlanTable {
  position: relative;
  border-radius: 10px;
  margin-bottom: 64px;
}
.mtcBlock__learningPlan--isLoading .learningPlanTable:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.75);
  z-index: 10;
}
.mtcBlock__learningPlan--isLoading .learningPlanTable__loadingIcon {
  position: absolute;
  z-index: 11;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.mtcBlock__learningPlan--isLoading .learningPlanTablePagination {
  position: relative;
}
.mtcBlock__learningPlan--isLoading .learningPlanTablePagination:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.75);
  z-index: 10;
}
.mtcBlock__learningPlan .learningPlanIntro {
  font-family: 'Roboto', serif;
  border-radius: 10px;
  background: #DBEDED;
  padding: 39px 23px;
}
.isDark .mtcBlock__learningPlan .learningPlanIntro {
  background-color: transparent;
  border: 1.5px solid;
}
.mtcBlock__learningPlan .learningPlanIntro__title {
  color: var(--textColour);
  font-size: 1.3125rem;
  font-weight: 700;
  margin-bottom: 4px;
}
.mtcBlock__learningPlan .learningPlanIntro__paragraph {
  color: var(--textColour);
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 22px;
}
.mtcBlock__learningPlan .learningPlanIntro__buttonWrap {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 12px;
}
.mtcBlock__learningPlan .learningPlanIntro__button {
  display: flex;
  align-items: center;
  border-radius: 20px;
  padding: 9px 25px;
  text-align: center;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media screen and (min-width: 480px) {
  .mtcBlock__learningPlan .learningPlanIntro__button {
    padding-left: 35px;
    padding-right: 35px;
  }
}
.mtcBlock__learningPlan .learningPlanIntro__button svg {
  width: 20px;
}
.mtcBlock__learningPlan .learningPlanIntro__button svg path {
  fill: #fff;
}
.mtcBlock__learningPlan .learningPlanIntro__button:hover {
  cursor: pointer;
}
.mtcBlock__learningPlan .learningPlanIntro__button:focus-within,
.mtcBlock__learningPlan .learningPlanIntro__button:focus-visible {
  outline: 2px solid #000 !important;
  outline-offset: 3px;
  -moz-outline-radius: 0;
}
.mtcBlock__learningPlan .learningPlanIntro__button svg {
  margin-right: 5px;
}
.mtcBlock__learningPlan .learningPlanIntro__button--is-transparent {
  color: var(--textColour);
  background: transparent;
  border: 1.5px solid #383838;
  font-family: inherit;
}
.mtcBlock__learningPlan .learningPlanIntro__button--is-transparent:hover {
  box-shadow: 0px 0px 7px 0px #464646;
}
.isDark .mtcBlock__learningPlan .learningPlanIntro__button--is-transparent {
  border-color: #fff;
}
.mtcBlock__learningPlan .learningPlanIntro__button--is-green {
  color: #fff;
  background: #007A78;
  border: 1.5px solid #007A78;
  font-family: inherit;
}
.mtcBlock__learningPlan .learningPlanIntro__button--is-green:hover {
  background: #00a7a4;
}
.mtcBlock__learningPlan .learningPlanTable {
  background: #F7F9FB;
  padding: 20px 23px;
  margin-top: 24px;
  margin-bottom: 64px;
  border-radius: 10px;
  font-family: 'Roboto', sans-serif;
}
.isDark .mtcBlock__learningPlan .learningPlanTable {
  background-color: transparent;
  border: 1.5px solid;
}
.mtcBlock__learningPlan .learningPlanTable__header {
  margin-bottom: 34px;
}
.mtcBlock__learningPlan .learningPlanTable__filters {
  display: flex;
  gap: 15px 29px;
}
@media all and (max-width: 960px) {
  .mtcBlock__learningPlan .learningPlanTable__filters {
    flex-wrap: wrap;
  }
}
.mtcBlock__learningPlan .learningPlanTable__filterItem {
  flex: 0 1 180px;
}
@media all and (max-width: 960px) {
  .mtcBlock__learningPlan .learningPlanTable__filterItem {
    flex-grow: 1;
  }
}
.mtcBlock__learningPlan .learningPlanTable__filterItem:first-of-type {
  margin-right: auto;
}
@media all and (max-width: 781px) {
  .mtcBlock__learningPlan .learningPlanTable__filterItem:first-of-type {
    margin-right: initial;
  }
}
@media all and (max-width: 781px) {
  .mtcBlock__learningPlan .learningPlanTable__filterItem:last-of-type {
    margin-bottom: 0;
  }
}
.mtcBlock__learningPlan .learningPlanTable__filterItem .mx-datepicker {
  width: 100%;
}
.mtcBlock__learningPlan .learningPlanTable__filterLabel {
  color: var(--textColour);
  font-size: 0.875rem;
  margin-bottom: 4px;
}
.mtcBlock__learningPlan .learningPlanTable__filterValue .v-select {
  min-width: 230px;
  cursor: pointer;
}
.mtcBlock__learningPlan .learningPlanTable__filterValue .v-select.vs--open .vs__dropdown-toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.mtcBlock__learningPlan .learningPlanTable__filterValue .v-select.vs--open .vs__selected {
  top: 4px;
}
.mtcBlock__learningPlan .learningPlanTable__filterValue .v-select .vs__search,
.mtcBlock__learningPlan .learningPlanTable__filterValue .v-select .vs__search:focus-visible {
  color: var(--textColour);
  font-size: 0.875rem;
  font-weight: 500;
  font-family: inherit;
}
.mtcBlock__learningPlan .learningPlanTable__filterValue .v-select .vs__selected-options {
  padding: 0 10px;
}
.mtcBlock__learningPlan .learningPlanTable__filterValue .v-select .vs__selected {
  color: var(--textColour);
  font-size: 0.875rem;
  font-weight: 500;
  font-family: inherit;
}
.mtcBlock__learningPlan .learningPlanTable__filterValue .v-select .vs__dropdown-toggle {
  border: 1px solid var(--textColour);
  border-radius: 10px;
  height: 40px;
}
.mtcBlock__learningPlan .learningPlanTable__filterValue .v-select .vs__actions .vs__open-indicator {
  margin-right: 12px;
}
.mtcBlock__learningPlan .learningPlanTable__filterValue .v-select .vs__dropdown-menu {
  background: #F7F9FB;
  border: 1.5px solid #383838;
}
.isDark .mtcBlock__learningPlan .learningPlanTable__filterValue .v-select .vs__dropdown-menu {
  background-color: black;
  border-color: currentColor;
}
.mtcBlock__learningPlan .learningPlanTable__filterValue .v-select .vs__dropdown-menu li {
  color: var(--textColour);
  font-size: 0.875rem;
  font-family: inherit;
}
.mtcBlock__learningPlan .learningPlanTable__filterValue .v-select .vs__dropdown-menu .vs__dropdown-option--highlight {
  background: #007A78;
  color: #fff;
}
.mtcBlock__learningPlan .learningPlanTable__filterValue .v-select .vs__dropdown-menu .vs__dropdown-option {
  padding: 3px 16px;
}
.mtcBlock__learningPlan .learningPlanTable__filterValue input {
  border-width: 1px;
}
.mtcBlock__learningPlan .learningPlanTable__filterValue input::placeholder {
  opacity: 0.4;
}
.mtcBlock__learningPlan .learningPlanTable__filterValue input:not([type="checkbox"]):not([type="radio"]):not(input.vs__search):focus-visible {
  outline: 2px solid #00908e;
  outline-offset: 3px;
}
.mtcBlock__learningPlan .learningPlanTable__filterValue .dp__main .dp__theme_light {
  --dp-primary-color: #00908E !important;
  --dp-secondary-color: #c0c4cc;
}
.mtcBlock__learningPlan .learningPlanTable__filterValue .dp__main .dp__btn:focus-visible {
  outline: 1px solid #000 !important;
}
.mtcBlock__learningPlan .learningPlanTable__filterValue .dp__main .dp__input {
  font-family: 'Roboto', serif;
  font-size: 0.875rem;
  height: 40px;
  line-height: 1;
  border-radius: 10px;
  border: 1px solid #383838;
  background: #F7F9FB;
}
.mtcBlock__learningPlan .learningPlanTable__filterValue .dp__main .dp__input:focus-visible {
  outline: 2px solid #00908E !important;
}
.mtcBlock__learningPlan .learningPlanTable__filterValue .dp__main .dp__input_icon_pad {
  padding-left: 12px;
  padding-right: 30px;
}
.mtcBlock__learningPlan .learningPlanTable__filterValue .dp__main .dp__icon {
  left: initial;
  right: 0;
  color: var(--textColour);
}
.mtcBlock__learningPlan .learningPlanTable__filterValue .dp__main .dp__action_buttons {
  flex: 1;
}
.mtcBlock__learningPlan .learningPlanTable__filterValue .dp__main .dp__clear_icon {
  right: 18px;
}
.mtcBlock__learningPlan .learningPlanTable__noResults {
  border-radius: 10px;
  background: #fff;
  margin-bottom: 20px;
  padding: 30px 20px;
}
.isDark .mtcBlock__learningPlan .learningPlanTable__noResults {
  background-color: black;
  border: 1.5px solid currentColor;
}
.mtcBlock__learningPlan .learningPlanTable__noResults p {
  color: var(--textColour);
  font-size: 0.875rem;
}
.mtcBlock__learningPlan .activityItem {
  border-radius: 10px;
  background: #fff;
  margin-bottom: 20px;
  padding: 30px 20px;
}
.isDark .mtcBlock__learningPlan .activityItem {
  background-color: transparent;
  border: 1.5px solid;
}
.mtcBlock__learningPlan .activityItem:last-of-type {
  margin-bottom: 0;
}
.mtcBlock__learningPlan .activityItem--status-in-progress .activityItem__status {
  color: #ED6D3F;
}
.mtcBlock__learningPlan .activityItem--status-in-progress .activityItem__progressBarPercent {
  background-color: #ED6D3F;
}
.mtcBlock__learningPlan .activityItem--status-completed .activityItem__status {
  color: #01653B;
}
.mtcBlock__learningPlan .activityItem--status-completed .activityItem__progressBarPercent {
  background-color: #01653B;
}
.mtcBlock__learningPlan .activityItem--status-not-started .activityItem__progressBarPercent {
  color: var(--textColour);
}
.mtcBlock__learningPlan .activityItem__head {
  display: flex;
  margin-bottom: 20px;
}
@media all and (max-width: 781px) {
  .mtcBlock__learningPlan .activityItem__head {
    flex-wrap: wrap;
  }
}
.mtcBlock__learningPlan .activityItem__title {
  padding-right: 12px;
  margin-bottom: 5px;
}
.mtcBlock__learningPlan .activityItem__title,
.mtcBlock__learningPlan .activityItem__status {
  color: var(--textColour);
  font-weight: 700;
  font-size: 1rem;
}
.mtcBlock__learningPlan .activityItem__status {
  position: relative;
}
@media all and (max-width: 781px) {
  .mtcBlock__learningPlan .activityItem__status {
    flex: 1;
  }
}
.mtcBlock__learningPlan .activityItem__status:before {
  content: "|";
  padding-right: 5px;
}
.mtcBlock__learningPlan .activityItem__dueDate {
  color: var(--textColour);
  text-align: right;
  font-weight: 400;
  font-size: 1rem;
  margin-left: auto;
}
@media all and (max-width: 781px) {
  .mtcBlock__learningPlan .activityItem__dueDate {
    width: 100%;
    text-align: initial;
    margin-left: initial;
  }
}
.mtcBlock__learningPlan .activityItem__progressBarWrap {
  position: relative;
  border-radius: 10px;
  background: #EAEDF0;
  height: 40px;
  overflow: hidden;
  margin-bottom: 23px;
}
.mtcBlock__learningPlan .activityItem__progressBarPercent {
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  padding-left: 18px;
  min-width: 100px;
}
.mtcBlock__learningPlan .activityItem__buttonTransparent {
  border-radius: 20px;
  padding: 7px 15px;
  text-align: center;
  font-size: 0.6875rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: var(--textColour);
  background: transparent;
  border: 1.5px solid #383838;
  font-family: inherit;
  margin-right: 8px;
}
.mtcBlock__learningPlan .activityItem__buttonTransparent:last-of-type {
  margin-right: 0;
}
.mtcBlock__learningPlan .activityItem__buttonTransparent:hover {
  cursor: pointer;
  box-shadow: 0px 0px 7px 0px #464646;
}
.mtcBlock__learningPlan .activityItem__buttonTransparent:focus-visible {
  outline: 2px solid #00908E !important;
  outline-offset: 3px;
}
.isDark .mtcBlock__learningPlan .activityItem__buttonTransparent {
  border-color: #FFFFFF;
}
.isDark .mtcBlock__learningPlan .activityItem__buttonTransparent:hover {
  background-color: #fff;
  color: #383838;
}
.mtcBlock__learningPlan .learningPlanTablePagination {
  display: flex;
  margin-top: 36px;
  margin-bottom: 50px;
}
.mtcBlock__learningPlan .learningPlanTablePagination__nav {
  color: var(--textColour);
  font-size: 0.875rem;
  font-weight: 700;
}
.mtcBlock__learningPlan .learningPlanTablePagination__wrap {
  margin-left: auto;
}
.mtcBlock__learningPlan .learningPlanTablePagination__wrap .pagination-container {
  display: flex;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.mtcBlock__learningPlan .learningPlanTablePagination__wrap li {
  margin-right: 4px;
}
.mtcBlock__learningPlan .learningPlanTablePagination__wrap li:last-of-type {
  margin-right: 0;
}
.mtcBlock__learningPlan .learningPlanTablePagination__wrap li .paginate-buttons {
  height: 35px;
  width: 35px;
  border-radius: 20px;
  cursor: pointer;
  background-color: #F7F9FB;
  color: #004289;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 700;
  border: 0;
}
.mtcBlock__learningPlan .learningPlanTablePagination__wrap li .paginate-buttons:hover {
  background-color: #004289;
  color: #fff;
}
.mtcBlock__learningPlan .learningPlanTablePagination__wrap li .paginate-buttons:focus-visible {
  outline: 2px solid #000 !important;
}
.mtcBlock__learningPlan .learningPlanTablePagination__wrap li .paginate-buttons.active-page {
  background-color: #004289;
  color: #fff;
}
.mtcBlock__learningPlan .learningPlanTablePagination__wrap li .paginate-buttons.active-page:hover {
  background-color: #004289;
}
.mtcBlock__learningPlan .v-select:focus-within {
  outline: 2px solid #00908e;
  outline-offset: 3px;
}
.mtcBlock__learningPlan .modal__title {
  display: block;
  color: var(--textColour);
  font-size: 1.8125rem;
  font-weight: 700;
  margin-bottom: 27px;
}
.mtcBlock__learningPlan .modal__close {
  display: flex;
  align-items: center;
  position: absolute;
  top: 42px;
  right: 35px;
  border-radius: 20px;
  padding: 8px 15px;
  text-align: center;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: var(--textColour);
  background: transparent;
  border: 1.5px solid #383838;
  font-family: inherit;
  cursor: pointer;
}
.mtcBlock__learningPlan .modal__close svg {
  position: relative;
  top: -1px;
  width: 20px;
  padding-right: 3px;
}
.mtcBlock__learningPlan .modal__close:hover {
  box-shadow: 0px 0px 7px 0px #464646;
}
.mtcBlock__learningPlan .modal__close:focus-visible {
  outline: 2px solid #000 !important;
  outline-offset: 3px;
}
.mtcBlock__learningPlan .learningPlanActivityForm--isLoading {
  position: relative;
}
.mtcBlock__learningPlan .learningPlanActivityForm--isLoading:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.75);
  z-index: 10;
}
.mtcBlock__learningPlan .learningPlanActivityForm__errors {
  background: #ef4444;
  padding: 10px 15px;
  font-size: 0.75rem;
  margin: 0 0 20px;
  border-radius: 10px;
  transition: all 0.3s ease;
  opacity: 1;
  visibility: visible;
}
.mtcBlock__learningPlan .learningPlanActivityForm__errors p {
  margin: 0 0 5px;
  color: #ffffff;
  line-height: 16px;
}
.mtcBlock__learningPlan .learningPlanActivityForm__errors p a {
  font-weight: 600;
  color: #ffffff;
  text-decoration: underline;
}
.mtcBlock__learningPlan .learningPlanActivityForm__errors p:last-of-type {
  margin: 0;
}
.mtcBlock__learningPlan .learningPlanActivityForm__row {
  margin-bottom: 31px;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowTitle {
  position: relative;
  display: flex;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowTitleText {
  color: var(--textColour);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 12px;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowTitleText sup {
  color: #ef4444;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowTitleHelper {
  color: #ED6D3F;
  font-size: 1.25rem;
  font-weight: 400;
  margin-left: auto;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowErrorText {
  color: #ef4444;
  margin-top: 7px;
  display: block;
  font-size: 0.75rem;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowInputWrap input[type="text"] {
  width: 100%;
  line-height: 36px;
  border-radius: 10px;
  border: 1.5px solid #383838;
  background: #FFF;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 0.875rem;
}
.isDark .mtcBlock__learningPlan .learningPlanActivityForm__rowInputWrap input[type="text"] {
  background-color: #000;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowInputWrap input::placeholder {
  opacity: .8;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowInputWrap textarea {
  display: block;
  width: 100%;
  min-height: 130px;
  line-height: 20px;
  border-radius: 10px;
  border: 1.5px solid #383838;
  background: #FFF;
  padding: 15px;
  font-size: 0.875rem;
}
.isDark .mtcBlock__learningPlan .learningPlanActivityForm__rowInputWrap textarea {
  background-color: #000;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowInputWrap .mx-datepicker {
  width: 100%;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowInputWrap .mx-datepicker input {
  height: 40px;
  box-shadow: none;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowInputWrap .v-select {
  min-width: 230px;
  cursor: pointer;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowInputWrap .v-select.vs--open .vs__dropdown-toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowInputWrap .v-select.vs--open .vs__selected {
  top: 4px;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowInputWrap .v-select .vs__search,
.mtcBlock__learningPlan .learningPlanActivityForm__rowInputWrap .v-select .vs__search:focus-visible {
  color: var(--textColour);
  font-size: 0.875rem;
  font-weight: 500;
  font-family: inherit;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowInputWrap .v-select .vs__selected-options {
  padding: 0 10px;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowInputWrap .v-select .vs__selected {
  color: var(--textColour);
  font-size: 0.875rem;
  font-weight: 500;
  font-family: inherit;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowInputWrap .v-select .vs__dropdown-toggle {
  border: 1px solid #383838;
  border-radius: 10px;
  height: 40px;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowInputWrap .v-select .vs__actions .vs__open-indicator {
  margin-right: 12px;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowInputWrap .v-select .vs__dropdown-menu {
  background: #F7F9FB;
  border: 1.5px solid #383838;
}
.isDark .mtcBlock__learningPlan .learningPlanActivityForm__rowInputWrap .v-select .vs__dropdown-menu {
  background-color: #000;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowInputWrap .v-select .vs__dropdown-menu li {
  color: var(--textColour);
  font-size: 0.875rem;
  font-family: inherit;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowInputWrap .v-select .vs__dropdown-menu .vs__dropdown-option--highlight {
  background: #007A78;
  color: #fff;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowInputWrap .v-select .vs__dropdown-menu .vs__dropdown-option {
  padding: 3px 16px;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowInputWrap .dp__main .dp__theme_light {
  --dp-primary-color: #00908E !important;
  --dp-secondary-color: #c0c4cc;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowInputWrap .dp__main .dp__btn:focus-visible {
  outline: 1px solid #000 !important;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowInputWrap .dp__main .dp__input {
  font-family: 'Roboto', serif;
  font-size: 0.875rem;
  height: 40px;
  line-height: 1;
  border-radius: 10px;
  border: 1px solid #383838;
  background: #fff;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowInputWrap .dp__main .dp__input:focus-visible {
  outline: 1px solid #000 !important;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowInputWrap .dp__main .dp__input_icon_pad {
  padding-left: 12px;
  padding-right: 30px;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowInputWrap .dp__main .dp__icon {
  left: initial;
  right: 0;
  color: var(--textColour);
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowInputWrap .dp__main .dp__action_buttons {
  flex: 1;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowInputWrap .dp__main .dp__clear_icon {
  right: 18px;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowRangeSliderWrap {
  display: flex;
  align-items: center;
  border-radius: 10px;
  border: 1px solid #383838;
  padding: 10px 13px;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowRangeSliderProgress {
  min-width: 52px;
  color: var(--textColour);
  font-size: 1.3125rem;
  font-weight: 700;
  margin-right: 40px;
  opacity: 0.4;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowRangeSlider {
  flex: 1;
  --slider-handle-width: 25px;
  --slider-handle-height: 25px;
  --slider-height: 9px;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowRangeSlider .slider-base {
  border: 1px solid #383838;
  background-color: transparent;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowRangeSlider .slider-connect {
  background: #007A78;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowRangeSlider .slider-handle {
  box-shadow: none;
  border: 1px solid #383838;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowRangeSlider .slider-focused .slider-touch-area {
  outline: 2px solid #00908E !important;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowRadioWrap {
  display: flex;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowRadioWrap--withTopMargin {
  margin-top: 12px;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowRadio {
  margin-right: 25px;
  margin-top: 5px;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowRadio:last-of-type {
  margin-right: 0;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowRadio input[type="radio"] {
  position: absolute;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowRadio input[type="radio"]:focus-visible + label {
  outline: 2px solid #ED6D3F !important;
  outline-offset: 5px;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowRadio input[type="radio"]:checked ~ label:before {
  content: "";
  position: absolute;
  left: 5px;
  top: 2px;
  width: 15px;
  height: 15px;
  background: #ED6D3F;
  border-radius: 50%;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowRadio label {
  color: var(--textColour);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowRadio label:after {
  content: "";
  position: absolute;
  left: 0;
  top: -3px;
  width: 23px;
  height: 23px;
  border: 1px solid #383838;
  border-radius: 50%;
}
.mtcBlock__learningPlan .learningPlanActivityForm__rowRadio label:focus-visible {
  outline: 2px solid #ED6D3F !important;
  border-radius: 10px;
  outline-offset: 5px;
}
.mtcBlock__learningPlan .learningPlanActivityForm__button {
  border-radius: 20px;
  padding: 9px 20px;
  text-align: center;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #fff;
  background: #007A78;
  border: 1.5px solid #007A78;
  font-family: inherit;
}
@media screen and (min-width: 480px) {
  .mtcBlock__learningPlan .learningPlanActivityForm__button {
    padding-left: 35px;
    padding-right: 35px;
  }
}
.mtcBlock__learningPlan .learningPlanActivityForm__button:hover {
  cursor: pointer;
  background: #00a7a4;
}
.mtcBlock__learningPlan .learningPlanActivityForm__button:focus-visible {
  outline: 2px solid #000 !important;
  outline-offset: 3px;
}
.mtcBlock__learningPlan .learningPlanActivityForm__button svg {
  height: 16px;
  width: auto;
}
.mtcBlock__learningPlan .learningPlanActivityForm__button--isLoading {
  font-size: 0rem;
}
.mtcBlock__learningPlan .learningPlanActivityForm__button--isLoading svg {
  height: 20px;
  width: auto;
}
.mtcBlock__learningPlan .learningPlanActivityForm__button--isTransparent {
  color: var(--textColour);
  background: transparent;
  border: 1.5px solid #383838;
  margin-left: 15px;
}
.mtcBlock__learningPlan .learningPlanActivityForm__button--isTransparent:focus-visible {
  outline: 2px solid #000 !important;
}
.mtcBlock__learningPlan .learningPlanActivityForm__button--isTransparent:hover {
  background: transparent;
  box-shadow: 0px 0px 7px 0px #464646;
}
.learning-plan-modal {
  min-width: 980px;
}
@media all and (max-width: 1000px) {
  .learning-plan-modal {
    min-width: 90vw;
  }
}
.learning-plan-modal .swal2-popup {
  padding: 0;
}
.learning-plan-modal .swal2-title {
  display: block;
  color: var(--textColour);
  font-size: 1.3125rem;
  font-weight: 700;
  text-align: left;
  margin: 0;
  padding: 43px 40px 0;
}
.learning-plan-modal .swal2-html-container {
  color: var(--textColour);
  text-align: left;
  margin: 0;
  padding: 31px 40px 0;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
}
.learning-plan-modal .swal2-html-container b {
  display: block;
  font-weight: 500;
  margin-bottom: 5px;
}
.learning-plan-modal .swal2-actions {
  width: 100%;
  justify-content: flex-start;
  margin: 0;
  padding: 31px 40px 41px;
}
.learning-plan-modal .swal2-actions button {
  border-radius: 20px;
  padding: 9px 35px;
  text-align: center;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border: 0;
}
.learning-plan-modal .swal2-actions button:hover {
  cursor: pointer;
}
.learning-plan-modal .swal2-actions button:focus-visible {
  outline: 2px solid #000 !important;
  outline-offset: 3px;
}
.learning-plan-modal .swal2-actions button svg {
  margin-right: 5px;
}
.learning-plan-modal .swal2-actions button.swal2-cancel {
  color: var(--textColour);
  background: transparent;
  border: 1.5px solid #383838;
  font-family: inherit;
}
.learning-plan-modal .swal2-actions button.swal2-cancel:hover {
  box-shadow: 0px 0px 7px 0px #464646;
}
.learning-plan-modal .swal2-actions button.swal2-confirm {
  color: #fff;
  background: #007A78;
  border: 1.5px solid #007A78;
  font-family: inherit;
  margin-right: 15px;
}
.learning-plan-modal .swal2-actions button.swal2-confirm:hover {
  background: #00a7a4;
}
.addActivityBox {
  --px: 0;
  --modalMaxWidth: 980px;
}
@media screen and (min-width: 430px) {
  .addActivityBox {
    --px: 10px;
  }
}
@media all and (min-width: 1340px) {
  .addActivityBox {
    --px: 20px;
  }
}
.addActivityBox textarea:focus-within,
.addActivityBox input:not([type="checkbox"]):not([type="radio"]):not(input.vs__search):focus-within,
.addActivityBox textarea:focus-visible,
.addActivityBox input:not([type="checkbox"]):not([type="radio"]):not(input.vs__search):focus-visible {
  outline: 2px solid #00908e;
  outline-offset: 3px;
}
.addActivityBox .innerWrap .modal__close {
  position: unset;
  left: unset;
  top: unset;
}
.addActivityBox .innerWrap .modal__title {
  margin-bottom: 0;
  font-size: 1.375rem;
}
@media screen and (min-width: 430px) {
  .addActivityBox .innerWrap .modal__title {
    font-size: 1.8125rem;
  }
}
.addActivityBox .innerWrap .modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 20px;
  padding-right: var(--px);
  padding-left: var(--px);
  margin-bottom: 27px;
}
@media screen and (min-width: 430px) {
  .addActivityBox .innerWrap .modal__header {
    column-gap: 40px;
  }
}
.addActivityBox .innerWrap .modal__content {
  padding-right: var(--px);
  padding-left: var(--px);
}
.new_mx_input .mx-input {
  position: relative;
  width: 100%;
  padding: 7px 10px;
  border: 1.5px solid #383838;
  line-height: normal;
  color: #1b1b1b;
  border-radius: 10px;
  height: 40px;
}
.new_mx_input .mx-input::placeholder {
  color: #383838;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  opacity: 0.4;
}
.isDark .new_mx_input .mx-input {
  border-color: currentColor;
  background-color: black;
  color: white;
}
.isDark .new_mx_input .mx-input::placeholder {
  color: white;
}
.new_mx_input .mx-icon-calendar,
.new_mx_input .mx-icon-clear {
  color: currentColor;
}
.isDark .new_mx_input .mx-icon-calendar:hover,
.isDark .new_mx_input .mx-icon-clear:hover {
  color: white;
}
.mx-datepicker-main {
  border-radius: 10px;
}
.mx-datepicker-main.mx-datepicker-popup {
  margin-top: 10px;
}
.isDark .mx-datepicker-main.mx-datepicker-popup {
  background-color: black;
}
.mx-datepicker-main .mx-table th,
.mx-datepicker-main .mx-table td {
  text-align: center;
}
.mx-datepicker-main .mx-calendar-content .cell.active {
  background-color: #00908e;
}
.mtcBlock__userWidget {
  --textColour: #383838;
}
.isDark .mtcBlock__userWidget {
  --textColour: #ffffff;
}
.mtcBlock__userWidget__wrapper {
  background: #F7F9FB;
  border-radius: 10px;
  padding: 24px;
  margin-bottom: 24px;
}
.isDark .mtcBlock__userWidget__wrapper {
  background-color: black;
  border-radius: 10px;
  border: 1.5px solid;
}
.mtcBlock__userWidget .userWidget__item {
  border-bottom: 1px solid #E9F0F3;
  padding-bottom: 12px;
  margin-bottom: 12px;
}
.mtcBlock__userWidget .userWidget__item:last-of-type {
  margin-bottom: 0;
}
.mtcBlock__userWidget .userWidget__label {
  color: var(--textColour);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}
.mtcBlock__userWidget .userWidget__value {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
}
.mtcBlock__userWidget .userWidget__value--is-big {
  color: #E9497C;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.mtcBlock__userWidget .userWidget__roleDescription {
  font-size: 14px;
  line-height: 1.5;
  font-style: normal;
  font-weight: 400;
  margin-top: 7px;
}
.mtcBlock__userWidget .userWidget__buttons {
  margin-top: 20px;
}
.mtcBlock__userWidget .userWidget__buttons a {
  display: inline-block;
  color: var(--textColour);
  text-align: center;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  border-radius: 18px;
  border: 1.5px solid #383838;
  padding: 7px 18px;
}
.mtcBlock__userWidget .userWidget__buttons a:focus-visible {
  outline: 2px solid #00908E !important;
}
.mtcBlock__userWidget .userWidget__buttons a:hover {
  box-shadow: 0px 0px 7px 0px #464646;
}
.mtcBlock__userWidget__wrapper .userWidget__buttons a {
  display: inline-block;
  color: var(--textColour);
  text-align: center;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  border-radius: 18px;
  border: 1.5px solid currentColor;
  padding: 7px 18px;
  transition: all 0.3s ease;
}
.mtcBlock__userWidget__wrapper .userWidget__buttons a:hover {
  box-shadow: 0px 0px 7px 0px #464646;
}
.isDark .mtcBlock__userWidget__wrapper .userWidget__buttons a:hover {
  background-color: #fff;
  color: #383838 !important;
}
.mtcBlock__userWidget__wrapper .userWidget__buttons a:focus-visible {
  outline: 2px solid #00908E;
  outline-offset: 3px;
}
.mtcBlock__exportActivitiesData__wrapper {
  background: #F7F9FB;
  border-radius: 10px;
  padding: 24px;
  margin-bottom: 24px;
}
.isDark .mtcBlock__exportActivitiesData__wrapper {
  background-color: black;
  border: 1px solid;
}
.mtcBlock__exportActivitiesData__wrapper input:not([type="checkbox"]):not([type="radio"]):not(input.vs__search):focus-within,
.mtcBlock__exportActivitiesData__wrapper input:not([type="checkbox"]):not([type="radio"]):not(input.vs__search):focus-visible {
  outline: 2px solid #00908e;
  outline-offset: 3px;
}
.mtcBlock__exportActivitiesData__blockTitle {
  color: #383838;
  font-size: 21px;
  font-weight: 700;
  margin-bottom: 13px;
}
.isDark .mtcBlock__exportActivitiesData__blockTitle {
  color: white;
}
.mtcBlock__exportActivitiesData__fieldWrap {
  margin-bottom: 20px;
}
.mtcBlock__exportActivitiesData__fieldLabel {
  color: #383838;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 4px;
}
.isDark .mtcBlock__exportActivitiesData__fieldLabel {
  color: white;
}
.mtcBlock__exportActivitiesData__fieldValue .mx-datepicker {
  width: 100%;
}
.mtcBlock__exportActivitiesData__fieldValue .dp__main .dp__btn:focus-visible {
  outline: 1px solid #000 !important;
}
.mtcBlock__exportActivitiesData__fieldValue .dp__main .dp__input {
  font-family: 'Roboto', serif;
  font-size: 14px;
  height: 40px;
  line-height: 1;
  border-radius: 10px;
  border: 1px solid #383838;
  background: #F7F9FB;
}
.mtcBlock__exportActivitiesData__fieldValue .dp__main .dp__input:focus-visible {
  outline: 2px solid #00908E !important;
}
.mtcBlock__exportActivitiesData__fieldValue .dp__main .dp__input.dp__disabled {
  opacity: 0.5;
}
.mtcBlock__exportActivitiesData__fieldValue .dp__main .dp__input_icon_pad {
  padding-left: 12px;
  padding-right: 30px;
}
.mtcBlock__exportActivitiesData__fieldValue .dp__main .dp__icon {
  left: initial;
  right: 0;
  color: #383838;
}
.mtcBlock__exportActivitiesData__fieldValue .dp__main .dp__action_buttons {
  flex: 1;
}
.mtcBlock__exportActivitiesData__fieldValue .dp__main .dp__clear_icon {
  right: 18px;
}
.mtcBlock__exportActivitiesData__fieldError {
  color: #ef4444;
  margin-top: 7px;
  display: block;
  font-size: 12px;
}
.mtcBlock__exportActivitiesData__radiosWrap {
  display: flex;
}
.mtcBlock__exportActivitiesData__radioWrap {
  position: relative;
  margin-right: 25px;
  margin-top: 5px;
}
.mtcBlock__exportActivitiesData__radioWrap:last-of-type {
  margin-right: 0;
}
.mtcBlock__exportActivitiesData__radioWrap input[type="radio"] {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 0.5px;
  height: 0.5px;
}
.mtcBlock__exportActivitiesData__radioWrap input[type="radio"]:focus-visible + label {
  outline: 2px solid #00908e;
  outline-offset: 5px;
}
.mtcBlock__exportActivitiesData__radioWrap input[type="radio"]:checked ~ label:before {
  content: "";
  position: absolute;
  left: 5px;
  top: 2px;
  width: 15px;
  height: 15px;
  background: #33A6A5;
  border-radius: 50%;
}
.mtcBlock__exportActivitiesData__radioWrap label {
  color: #383838;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  padding-left: 32px;
  cursor: pointer;
}
.isDark .mtcBlock__exportActivitiesData__radioWrap label {
  color: white;
}
.isDark .mtcBlock__exportActivitiesData__radioWrap label:after {
  border-color: white;
}
.mtcBlock__exportActivitiesData__radioWrap label:after {
  content: "";
  position: absolute;
  left: 0;
  top: -3px;
  width: 23px;
  height: 23px;
  border: 1px solid #383838;
  border-radius: 50%;
}
.mtcBlock__exportActivitiesData__submitWrap {
  margin-top: 32px;
}
.mtcBlock__exportActivitiesData__button {
  width: 100%;
  border-radius: 20px;
  padding: 9px 35px;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #fff;
  background: #007A78;
  border: 1.5px solid #007A78;
  font-family: inherit;
}
.mtcBlock__exportActivitiesData__button:hover {
  cursor: pointer;
  background: #00a7a4;
}
.mtcBlock__exportActivitiesData__button:focus-visible {
  outline: 2px solid #000 !important;
}
.mtcBlock__exportActivitiesData__button svg {
  height: 20px;
  width: auto;
}
.mtcBlock__exportActivitiesData__button--isLoading {
  font-size: 0;
}
.mtcBlock__exportActivitiesData__radiosWrap {
  width: 100%;
}
.learningJournal .createPost {
  padding-bottom: 80px;
}
.learningJournal__TopWrap {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10px 30px;
}
.learningJournalIntro {
  flex: 1 1 298px;
}
.learningJournal hr {
  opacity: 0.1;
  background: #004289;
  margin-top: 30px;
  margin-bottom: 30px;
  border-top: 0;
}
.learningJournalActionHeader {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}
.learningJournal .timelineTitle {
  color: #004289;
  text-decoration: underline;
  border-radius: 50px;
  font-weight: 700;
  line-height: 1;
  font-size: 1rem;
}
.isDark .learningJournal .timelineTitle {
  color: white;
}
.learningJournal .btnLink:not(:last-of-type) {
  font-size: 1.125rem;
}
.learningJournal .ml-a {
  margin-left: auto;
}
.learningJournal .topActionBtn {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.learningJournal .topActionBtn .btnOutline {
  margin-left: auto;
  align-self: flex-start;
}
.learningJournal .topActionBtn .topActionLeft {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 20px;
}
@media screen and (max-width: 480px) {
  .learningJournal .topActionBtn .topActionLeft {
    flex-direction: column;
  }
}
.learningJournal .copyLink {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 10px;
}
.learningJournal .copyLink .link {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  background-color: #DDE6EF;
  border-radius: 5px;
  border: 10px solid transparent;
}
.isDark .learningJournal .copyLink .link {
  background-color: #323232;
}
.learningJournal .copyLink .btnOutline {
  height: 46px;
  width: 46px;
}
.learningJournal .shareButtonsWrapper {
  position: relative;
  display: flex;
  padding-top: 10px;
  column-gap: 10px;
}
.learningJournal .shareButtonsWrapper .activeButton {
  font-size: 0;
  position: absolute;
}
.learningJournal .shareButtonsWrapper > .btnOutline {
  overflow: hidden;
  white-space: nowrap;
  padding: 10px;
}
.learningJournal .shareButtonsWrapper > .btnOutline i {
  font-size: 1.625rem;
}
.learningJournal .shareButtonsWrapper.active .shareItems {
  height: 60px;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: visible;
}
.learningJournal .shareButtonsWrapper.active .shareItems .btnOutline {
  scale: 1;
  opacity: 1;
}
.learningJournal .shareButtonsWrapper .shareItems {
  display: flex;
  justify-content: center;
  column-gap: 6px;
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 100%;
  margin-top: 20px;
  padding: 0 10px;
  transition: all 0.2s ease-in-out;
  border-radius: 10px;
  filter: drop-shadow(0 0 6px rgba(0, 66, 137, 0.4));
  background-color: white;
  height: 0;
  overflow: hidden;
  z-index: 1;
  perspective: 1000px;
}
.isDark .learningJournal .shareButtonsWrapper .shareItems {
  filter: drop-shadow(0 0 1px #ffffff);
  background-color: black;
}
.learningJournal .shareButtonsWrapper .shareItems::before {
  --size: 20px;
  content: '';
  display: block;
  width: var(--size);
  height: var(--size);
  position: absolute;
  right: 50%;
  bottom: calc(100% - (var(--size)/2));
  background-color: inherit;
  transform: translateX(50%) rotate(45deg);
  z-index: 2;
}
.learningJournal .shareButtonsWrapper .shareItems .front,
.learningJournal .shareButtonsWrapper .shareItems .back {
  position: absolute;
  backface-visibility: hidden;
  text-align: center;
}
.learningJournal .shareButtonsWrapper .shareItems .back {
  color: #0f9d58;
  transform: rotateY(180deg);
}
.learningJournal .shareButtonsWrapper .shareItems .btnOutline {
  width: 40px;
  height: 40px;
  padding: 6px;
  scale: .1;
  opacity: .1;
}
.learningJournal .shareButtonsWrapper .shareItems .btnOutline.flipper {
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.6s;
}
.learningJournal .shareButtonsWrapper .shareItems .btnOutline.flipper.flipped {
  transform: rotateY(180deg);
}
.learningJournal .shareButtonsWrapper .shareItems .btnOutline:nth-child(1) {
  transition: all 0.2s ease-in-out 0.3s;
}
.learningJournal .shareButtonsWrapper .shareItems .btnOutline:nth-child(2) {
  transition: all 0.2s ease-in-out 0.4s;
}
.learningJournal .logsActions {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.learningJournal .learningJournalItems {
  padding-top: 34px;
  padding-bottom: 50px;
}
.learningJournal .groupedLogs:not(:last-child) {
  margin-bottom: 30px;
}
.learningJournal .groupedLogs h3 {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 15px;
}
.learningJournal .journalItem {
  display: flex;
  align-items: center;
  padding: 20px 33px;
  background-color: #f7f9fb;
  border-radius: 10px;
  transition: all 0.3s ease;
  border: 1px solid #f7f9fb;
  cursor: pointer;
}
.learningJournal .journalItem:not(:last-child) {
  margin-bottom: 10px;
}
@media all and (max-width: 640px), all and (min-width: 640px) and (max-width: 1340px) {
  .learningJournal .journalItem {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.learningJournal .journalItem:hover {
  background-color: #e6ecf2;
}
.learningJournal .journalItem:hover .journalArrow {
  transform: scale(1.1);
}
.learningJournal .journalItem:focus-within {
  outline: 2px solid #003773;
  outline-offset: 2px;
}
.learningJournal .journalItem > .row {
  width: auto;
  margin-bottom: 0;
  margin-right: 20px;
}
.learningJournal .journalItem > .row input[type="checkbox"] + label:after,
.learningJournal .journalItem > #bbpress-forums fieldset.bbp-form p input[type=checkbox] + label:after {
  color: #ffffff;
}
.learningJournal .journalItem > .row input[type="checkbox"]:focus + label:before {
  outline: none !important;
}
.learningJournal .journalItem > .row input[type="checkbox"]:focus-visible + label:before {
  outline: -webkit-focus-ring-color auto 1px;
}
.learningJournal .journalItem > .row input[type="checkbox"]:checked + label:before,
.learningJournal .journalItem > #bbpress-forums fieldset.bbp-form p input[type=checkbox]:checked + label:before {
  background-color: #004289;
}
.learningJournal .journalItem > .row label:before {
  margin-right: 0;
  border: 2px solid #004289;
}
.learningJournal .journalItem > .row label:after {
  color: #ffffff;
}
.learningJournal .journalItem > .row label sup {
  color: #bb0000;
}
.learningJournal .journalItem .journalIcon {
  width: 56px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.learningJournal .journalItem .journalInfo {
  flex-grow: 1;
  padding-left: 20px;
  padding-right: 20px;
}
.learningJournal .journalItem .journalInfo .journalTitle {
  font-size: 1.3125rem;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: bold;
  margin-bottom: 12px;
}
.learningJournal .journalItem .journalInfo .journalType {
  font-size: 0.875rem;
  color: #383838;
  margin: 0;
}
.learningJournal .journalItem .journalArrow {
  transition: transform .3s ease;
}
.learningJournal .journalItem .journalArrow a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  color: #fff;
  border-radius: 50%;
  text-decoration: none;
  font-size: 18px;
}
.learningJournal .vuePagination {
  margin-top: 50px;
}
.learningJournal .row {
  float: none;
  margin-bottom: 13px;
  font-size: 1rem;
  font-weight: 400;
}
.learningJournal .row * {
  float: none;
}
.learningJournal .row label {
  display: block;
  font-weight: 500;
  font-size: 1rem;
}
.learningJournal .row label sup {
  color: #bb0000;
}
.learningJournal .row p,
.learningJournal .row textarea,
.learningJournal .row input[type="text"]:not(.noStyle),
.learningJournal .row input[type="url"],
.learningJournal .row input[type="number"],
.learningJournal #bbpress-forums textarea,
.learningJournal #bbpress-forums .wp-editor-area {
  color: #4D4D4D;
  border-radius: 10px;
  border: 1px solid #DDE6EF;
  background: #FBFCFD;
  width: 100%;
  padding: 19.5px 20px;
  font-size: 1rem;
}
.learningJournal .row p:focus-visible,
.learningJournal .row textarea:focus-visible,
.learningJournal .row input[type="text"]:not(.noStyle):focus-visible,
.learningJournal .row input[type="url"]:focus-visible,
.learningJournal .row input[type="number"]:focus-visible,
.learningJournal #bbpress-forums textarea:focus-visible,
.learningJournal #bbpress-forums .wp-editor-area:focus-visible {
  border-color: #004289;
}
.learningJournal .row p::placeholder,
.learningJournal .row textarea::placeholder,
.learningJournal .row input[type="text"]:not(.noStyle)::placeholder,
.learningJournal .row input[type="url"]::placeholder,
.learningJournal .row input[type="number"]::placeholder,
.learningJournal #bbpress-forums textarea::placeholder,
.learningJournal #bbpress-forums .wp-editor-area::placeholder {
  color: #B6B6B6;
  font-weight: 400;
}
.learningJournal .row p.readonly,
.learningJournal .row textarea.readonly,
.learningJournal .row input[type="text"]:not(.noStyle).readonly,
.learningJournal .row input[type="url"].readonly,
.learningJournal .row input[type="number"].readonly,
.learningJournal .row p[readonly],
.learningJournal .row textarea[readonly],
.learningJournal .row input[type="text"]:not(.noStyle)[readonly],
.learningJournal .row input[type="url"][readonly],
.learningJournal .row input[type="number"][readonly],
.learningJournal #bbpress-forums textarea.readonly,
.learningJournal #bbpress-forums textarea[readonly],
.learningJournal #bbpress-forums .wp-editor-area.readonly,
.learningJournal #bbpress-forums .wp-editor-area[readonly] {
  border-color: #DDE6EF !important;
  background-color: #EEEEEE;
}
.learningJournal .row p {
  padding-top: 17.5px;
  padding-bottom: 17.5px;
}
.learningJournal .row input[type="search"]::placeholder {
  color: #B6B6B6;
  font-weight: 400;
}
.learningJournal .row textarea,
.learningJournal #bbpress-forums textarea,
.learningJournal #bbpress-forums .wp-editor-area {
  line-height: 156.25%;
}
.learningJournal .row input[type="file"] {
  position: absolute;
  z-index: -1;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.learningJournal .row input[type="file"] + label {
  max-width: fit-content;
  padding: 15px 20px;
  border-radius: 100px;
  border: 1px solid rgba(0, 66, 137, 0.2);
  color: #004289;
  transition: all .3s ease;
  cursor: pointer;
  margin-top: 30px;
}
.learningJournal .row input[type="file"] + label:hover {
  border-color: #004289;
}
.learningJournal .row input[type="file"]:focus-visible + label {
  outline: 2px solid #004289;
  outline-offset: 3px;
}
.learningJournal .formActionBtn {
  display: flex;
  justify-content: space-between;
}
.learningJournal .v-select {
  --vs-search-input-bg: #FBFCFD;
  --vs-border-radius: 10px;
  --vs-border-color: #DDE6EF;
  --vs-controls-color: #004289;
  --vs-dropdown-option--active-bg: #004289;
  --vs-dropdown-bg: #FBFCFD;
}
.learningJournal .vs__selected {
  margin-left: 0;
  padding-left: 0;
}
.learningJournal .vs__dropdown-toggle {
  padding: 14.8px 20px;
}
.learningJournal .vs__search,
.learningJournal .vs__search:focus {
  padding-left: 0;
}
.learningJournal .vs--open {
  --vs-border-color: #004289;
}
.learningJournal .vs__actions > svg path {
  fill: var(--vs-controls-color);
}
.learningJournal .mx-datepicker {
  width: 100%;
}
.learningJournal .mx-datepicker input {
  height: 60px;
  box-shadow: none;
}
.learningJournal .mx-datepicker .mx-icon-calendar {
  display: none;
}
.learningJournal .tagsList {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  border: 1px solid #DDE6EF;
  background-color: #FBFCFD;
  border-radius: 10px;
  padding: 15px 20px;
}
.learningJournal .tagsList .tag {
  padding: 11px 20px;
  line-height: 1;
  border-radius: 100px;
  background: #E9EFF5;
  border: 1px solid #E9EFF5;
  color: #004289;
  display: flex;
  align-items: center;
  transition: all .3s ease;
}
.learningJournal .tagsList .tag:hover,
.learningJournal .tagsList .tag:focus-within {
  border-color: #004289;
}
.learningJournal .tagsList .tag button {
  display: block;
  background: none;
  border: none;
  color: #004289;
  font-size: 12px;
  cursor: pointer;
  padding: 0 7px;
  margin-right: -7px;
}
.learningJournal .tagsList .tag button:hover {
  color: #bb0000;
}
.learningJournal .tagsList .tag button:focus-visible {
  color: #bb0000;
}
.learningJournal .tagsList .tag button:focus-visible svg {
  border-radius: 50%;
  outline-offset: 2px;
  outline: 1px solid;
}
.learningJournal .tagsList .newTagBox:hover {
  color: #ffffff;
  background-color: #004289;
}
.learningJournal .tagsList .newTagBox .inputTagWrapper {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.learningJournal .tagsList .newTagBox .hiddenText {
  height: 0;
  color: transparent;
  overflow: hidden;
  display: block;
  opacity: 0;
}
.learningJournal .tagsList .newTagBox input[type="text"] {
  position: relative;
  top: -1px;
  border: none;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1;
  color: #ffffff;
  background-color: transparent;
  z-index: 1;
}
.learningJournal .tagsList .newTagBox input[type="text"]::placeholder {
  color: #ffffff;
  font-weight: 400;
}
.learningJournal .tagsList .btnAddTag {
  border: none;
  padding: 0;
  background-color: transparent;
  color: #ffffff;
  display: block;
  border-radius: 50%;
}
.learningJournal .tagsList .btnAddTag svg {
  transition: transform .2s linear;
  display: block;
}
.learningJournal .tagsList .btnAddTag:hover svg {
  transform: scale(1.1);
}
.learningJournal .tagsList .btnAddTag:focus-visible {
  outline-offset: 2px;
  outline: 1px solid white;
}
.learningJournal .selectedFiles {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  border: 1px solid #DDE6EF;
  background-color: #FBFCFD;
  border-radius: 10px;
  padding: 15px 20px;
}
.learningJournal .selectedFilesItem {
  position: relative;
  display: inline-block;
  border-radius: 30px;
  padding: 10px 15px;
  line-height: 1;
  background: #E9EFF5;
  border: 1px solid #E9EFF5;
  color: #004289;
  overflow: hidden;
}
.learningJournal .selectedFilesItem .btnOverlay {
  display: flex;
  color: #bb0000;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: #ffffff96;
  backdrop-filter: blur(1px);
  font-size: 1.6rem;
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease;
}
.learningJournal .selectedFilesItem:hover,
.learningJournal .selectedFilesItem:focus-visible {
  border-color: #bb0000;
}
.learningJournal .selectedFilesItem:hover .btnOverlay,
.learningJournal .selectedFilesItem:focus-visible .btnOverlay {
  visibility: visible;
  opacity: 1;
}
.learningJournal .error {
  border-radius: 10px;
  padding: 11px 20px;
  margin-top: 12px;
}
body.isDark .learningJournalActionHeader .btnLink {
  color: #ffffff;
}
body.isDark .learningJournal .journalItem {
  background-color: transparent;
  border-color: currentColor;
}
body.isDark .learningJournal .journalItem:hover {
  box-shadow: 0 0 0 2px currentColor;
}
body.isDark .learningJournal .journalItem > .row label:before {
  border-color: inherit;
  background-color: transparent;
}
body.isDark .learningJournal .tagsList,
body.isDark .learningJournal p,
body.isDark .learningJournal textarea,
body.isDark .learningJournal input[type="text"]:not(.noStyle),
body.isDark .learningJournal input[type="url"],
body.isDark .learningJournal input[type="number"] {
  background-color: black;
  color: white;
}
body.isDark .learningJournal .tagsList:focus-visible,
body.isDark .learningJournal p:focus-visible,
body.isDark .learningJournal textarea:focus-visible,
body.isDark .learningJournal input[type="text"]:not(.noStyle):focus-visible,
body.isDark .learningJournal input[type="url"]:focus-visible,
body.isDark .learningJournal input[type="number"]:focus-visible {
  border-color: white;
  box-shadow: 0 0 1px 1px white;
}
body.isDark .learningJournal .tagsList.readonly,
body.isDark .learningJournal p.readonly,
body.isDark .learningJournal textarea.readonly,
body.isDark .learningJournal input[type="text"]:not(.noStyle).readonly,
body.isDark .learningJournal input[type="url"].readonly,
body.isDark .learningJournal input[type="number"].readonly,
body.isDark .learningJournal .tagsList[readonly],
body.isDark .learningJournal p[readonly],
body.isDark .learningJournal textarea[readonly],
body.isDark .learningJournal input[type="text"]:not(.noStyle)[readonly],
body.isDark .learningJournal input[type="url"][readonly],
body.isDark .learningJournal input[type="number"][readonly] {
  border-color: #222 !important;
  background-color: #222;
}
body.isDark .learningJournal .v-select {
  --vs-search-input-bg: black;
  --vs-border-color: white;
  --vs-controls-color: white;
  --vs-dropdown-option--active-bg: #004289;
  --vs-dropdown-bg: black;
  --vs-selected-color: white;
}
body.isDark .learningJournal .tagsList .tag {
  background-color: transparent;
  border-color: white;
  color: white;
}
body.isDark .learningJournal .tagsList .tag svg {
  color: white;
}
body.isDark .learningJournal .tagsList .tag svg path {
  fill: black;
}
body.isDark .learningJournal .btn.newTagBox {
  background-color: transparent;
}
.mx-datepicker-main .mx-table th,
.mx-datepicker-main .mx-table td {
  text-align: center;
}
.mx-datepicker-main .mx-calendar-content .cell.active {
  background-color: #004289;
}
.vuePagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  margin-top: 20px;
  color: #004289;
}
@media all and (min-width: 640px) and (max-width: 1340px), all and (min-width: 1340px) {
  .vuePagination {
    justify-content: flex-end;
  }
}
.vuePagination a {
  color: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  height: 35px;
  width: 35px;
  line-height: 35px;
  border-radius: 50%;
  cursor: pointer;
  transition: all .3s ease;
  font-weight: 700;
  font-size: 0.875rem;
  background-color: #f7f9fb;
}
.vuePagination a i {
  transition: transform .3s ease;
}
.vuePagination a:focus-visible {
  outline: 2px solid #004289;
  outline-offset: 2px;
}
.vuePagination .vuePaginationButtons a:hover {
  background-color: #004289;
  color: #ffffff;
}
.vuePagination .vuePaginationButtons.disabled {
  display: none;
}
.vuePagination .vuePaginationItem a:hover {
  background-color: #004289;
  color: #ffffff;
}
.vuePagination .vuePaginationItem.active a {
  background-color: #004289;
  color: #ffffff;
  font-size: 16px;
}
.vuePagination .vuePaginationItem:not(.active) {
  color: #004289;
}
.shareJournal > .bookLoaderWrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: rgba(0, 55, 115, 0.7);
  color: white;
}
.shareJournal > .bookLoaderWrapper .book {
  --color: #fff;
}
.shareJournal > .bookLoaderWrapper .bookLoaderText {
  color: currentColor;
  font-size: 22px;
  font-weight: 700;
}
.shareJournal__Modal .vm--modal {
  padding-bottom: 40px;
}
.shareJournal__Modal .closeModal {
  padding: 5px;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 5px;
  right: 5px;
}
.shareJournal .row {
  position: relative;
}
.shareJournal .row input[type="text"],
.shareJournal .row input[type="search"],
.shareJournal .row input[type="email"] {
  color: #4D4D4D;
  border-radius: 0;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1.5px solid #DDE6EF;
  background: transparent;
  width: 100%;
  padding: 10px 20px;
  text-align: center;
  box-sizing: border-box;
  font-size: 1rem;
}
.shareJournal .row input[type="text"]:focus-visible,
.shareJournal .row input[type="search"]:focus-visible,
.shareJournal .row input[type="email"]:focus-visible {
  border-color: #004289;
}
.shareJournal .row input[type="text"]::placeholder,
.shareJournal .row input[type="search"]::placeholder,
.shareJournal .row input[type="email"]::placeholder {
  color: #B6B6B6;
  font-weight: 400;
}
.shareJournal .row input[type="search"] + i {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  font-size: calc(1em + 6px);
}
.shareJournal .row__innerBox {
  position: relative;
  flex: 1 3 0;
}
.shareJournal .row__flex {
  display: flex;
  align-items: center;
  column-gap: 15px;
}
.shareJournal__Wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  height: inherit;
}
.shareJournal__Intro {
  text-align: center;
}
.shareJournal__IntroTitle {
  margin-bottom: 0;
  font-size: 2rem;
}
body p.shareJournal__IntroText {
  margin-top: 3px;
  margin-bottom: 0;
}
.shareJournal__Steps {
  display: flex;
  width: 100%;
}
.shareJournal__Step {
  width: 100%;
}
.shareJournal__RadioRow {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 40px;
}
.shareJournal__RadioRow label {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.shareJournal__RadioRow label input:checked + i {
  background-color: #004289;
  color: white;
}
.shareJournal__RadioRow label input:focus-visible + i {
  outline: 2px solid;
  outline-offset: 4px;
}
.shareJournal__RadioRow label i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5em;
  aspect-ratio: 1;
  background-color: #F7F9FB;
  border-radius: 50%;
  margin-bottom: 10px;
  border: 1px solid;
  font-size: 25px;
  transition: all .2s linear;
}
.isDark .shareJournal__RadioRow label i {
  background-color: black;
}
.shareJournal__RadioRow label i svg {
  transition: inherit;
  width: auto;
  height: 32px;
  color: inherit;
}
.shareJournal__RadioRow label span {
  font-size: 15px;
}
.shareJournal .alert {
  border-radius: 10px;
  margin-top: 20px;
}
.shareJournal__RadioElement {
  position: relative;
  display: flex;
}
.shareJournal__RadioElement input[type="radio"] {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 0.5px;
  height: 0.5px;
}
.shareJournal__RadioElement input[type="radio"]:focus-visible + label {
  outline: 2px solid #004289;
  outline-offset: 5px;
}
.shareJournal__RadioElement input[type="radio"]:checked ~ label:before {
  content: "";
  position: absolute;
  left: 5px;
  top: 2px;
  width: 15px;
  height: 15px;
  background: #004289;
  border-radius: 50%;
}
.isDark .shareJournal__RadioElement input[type="radio"]:checked ~ label:before {
  background: white;
}
.shareJournal__RadioElement label {
  color: #383838;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  padding-left: 32px;
  cursor: pointer;
}
.shareJournal__RadioElement label:after {
  content: "";
  position: absolute;
  left: 0;
  top: -3px;
  width: 23px;
  height: 23px;
  border: 1px solid #383838;
  border-radius: 50%;
}
.isDark .shareJournal__RadioElement label {
  color: white;
}
.isDark .shareJournal__RadioElement label:after {
  border-color: white;
}
.shareJournal .btnGroup button {
  min-width: 120px;
}
.shareJournal .searchLog__Item:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}
.shareJournal .searchSelected__List {
  margin-bottom: 40px;
}
.shareJournal .searchSelected__List .searchLog__Item {
  border-color: #004289;
}
.shareJournal .searchSelected__List .searchLog__Item i {
  color: #bb0000;
}
.shareJournal .searchResult__List .searchLog__Item i {
  color: #01d17c;
}
.shareJournal .searchLog__List {
  position: relative;
  max-height: 600px;
  overflow-y: auto;
  padding: 20px 5px;
  border-radius: 10px;
  overscroll-behavior: none;
}
.shareJournal .searchLog__List .spinnerLoading {
  position: absolute !important;
}
.shareJournal .searchLog__List h4 {
  font-size: 16px;
  color: #383838;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  text-decoration: underline;
  margin-bottom: 5px;
  font-weight: 400;
}
.shareJournal .searchLog__Item {
  display: flex;
  align-items: center;
  column-gap: 20px;
  background-color: #F7F9FB;
  padding: 15px 10px;
  border-radius: 10px;
  border: 2px solid #F7F9FB;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.shareJournal .searchLog__Item i {
  transition: all 0.2s ease-in-out;
}
.shareJournal .searchLog__Item:hover {
  box-shadow: 0 0 3px #004289;
}
.shareJournal .searchLog__Item:hover i {
  font-size: 1.375rem;
}
.searchResult__List .shareJournal .searchLog__Item--Active {
  display: none;
  border-color: #004289;
}
.searchResult__List .shareJournal .searchLog__Item--Active i {
  color: #01d17c;
}
.shareJournal .searchLog__ItemContent {
  flex: 1 0 0;
}
.shareJournal .searchLog__Item:not(:last-child) {
  margin-bottom: 10px;
}
.shareJournal .searchLog__Item h3 {
  font-size: 1.125rem;
  color: #383838;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  margin-bottom: 0;
}
.mtcBlock__exportLearningJournalData__wrapper {
  background: #F7F9FB;
  border-radius: 10px;
  padding: 24px;
  margin-bottom: 24px;
}
.mtcBlock__exportLearningJournalData__wrapper input:not([type="checkbox"]):not([type="radio"]):not(input.vs__search):focus-within,
.mtcBlock__exportLearningJournalData__wrapper input:not([type="checkbox"]):not([type="radio"]):not(input.vs__search):focus-visible {
  outline: 2px solid #004289;
  outline-offset: 3px;
}
.mtcBlock__exportLearningJournalData__blockTitle {
  color: #383838;
  font-size: 21px;
  font-weight: 700;
  margin-bottom: 13px;
}
.mtcBlock__exportLearningJournalData__fieldWrap {
  margin-bottom: 20px;
}
.mtcBlock__exportLearningJournalData__fieldLabel {
  color: #383838;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 4px;
}
.mtcBlock__exportLearningJournalData__fieldValue .mx-datepicker {
  width: 100%;
}
.mtcBlock__exportLearningJournalData__fieldValue .dp__main .dp__btn:focus-visible {
  outline: 1px solid #000 !important;
}
.mtcBlock__exportLearningJournalData__fieldValue .dp__main .dp__input {
  font-family: 'Roboto', serif;
  font-size: 14px;
  height: 40px;
  line-height: 1;
  border-radius: 10px;
  border: 1px solid #383838;
  background: #F7F9FB;
}
.mtcBlock__exportLearningJournalData__fieldValue .dp__main .dp__input:focus-visible {
  outline: 2px solid #004289 !important;
}
.mtcBlock__exportLearningJournalData__fieldValue .dp__main .dp__input.dp__disabled {
  opacity: 0.5;
}
.mtcBlock__exportLearningJournalData__fieldValue .dp__main .dp__input_icon_pad {
  padding-left: 12px;
  padding-right: 30px;
}
.mtcBlock__exportLearningJournalData__fieldValue .dp__main .dp__icon {
  left: initial;
  right: 0;
  color: #383838;
}
.mtcBlock__exportLearningJournalData__fieldValue .dp__main .dp__action_buttons {
  flex: 1;
}
.mtcBlock__exportLearningJournalData__fieldValue .dp__main .dp__clear_icon {
  right: 18px;
}
.mtcBlock__exportLearningJournalData__fieldError {
  color: #bb0000;
  margin-top: 7px;
  display: block;
  font-size: 12px;
}
.mtcBlock__exportLearningJournalData__radioWrap {
  display: flex;
  position: relative;
  margin-right: 25px;
  margin-top: 5px;
}
.mtcBlock__exportLearningJournalData__radioWrap:last-of-type {
  margin-right: 0;
}
.mtcBlock__exportLearningJournalData__radioWrap input[type="radio"] {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 0.5px;
  height: 0.5px;
}
.mtcBlock__exportLearningJournalData__radioWrap input[type="radio"]:focus-visible + label {
  outline: 2px solid #004289;
  outline-offset: 5px;
}
.mtcBlock__exportLearningJournalData__radioWrap input[type="radio"]:checked ~ label:before {
  content: "";
  position: absolute;
  left: 5px;
  top: 2px;
  width: 15px;
  height: 15px;
  background: #004289;
  border-radius: 50%;
}
.mtcBlock__exportLearningJournalData__radioWrap label {
  color: #383838;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  padding-left: 32px;
  cursor: pointer;
}
.mtcBlock__exportLearningJournalData__radioWrap label:after {
  content: "";
  position: absolute;
  left: 0;
  top: -3px;
  width: 23px;
  height: 23px;
  border: 1px solid #383838;
  border-radius: 50%;
}
.mtcBlock__exportLearningJournalData__submitWrap {
  margin-top: 32px;
}
.mtcBlock__exportLearningJournalData__button {
  width: 100%;
}
.mtcBlock__exportLearningJournalData__button svg {
  height: 20px;
  width: auto;
}
.mtcBlock__exportLearningJournalData__button--isLoading {
  font-size: 0;
}
.mtcBlock__exportLearningJournalData__radiosWrap {
  width: 100%;
}
.new_mx_input .mx-input {
  position: relative;
  width: 100%;
  padding: 7px 10px;
  border: 1.5px solid #383838;
  line-height: normal;
  color: #1b1b1b;
  border-radius: 10px;
  height: 40px;
}
.new_mx_input .mx-input::placeholder {
  color: #383838;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.isDark .new_mx_input .mx-input {
  border-color: currentColor;
  background-color: black;
  color: white;
}
.isDark .new_mx_input .mx-input::placeholder {
  color: white;
}
.new_mx_input .mx-icon-calendar,
.new_mx_input .mx-icon-clear {
  color: currentColor;
}
.isDark .new_mx_input .mx-icon-calendar:hover,
.isDark .new_mx_input .mx-icon-clear:hover {
  color: white;
}
.mx-datepicker-main {
  border-radius: 10px;
}
.mx-datepicker-main.mx-datepicker-popup {
  margin-top: 10px;
}
.isDark .mx-datepicker-main.mx-datepicker-popup {
  background-color: black;
}
.mx-datepicker-main .mx-table th,
.mx-datepicker-main .mx-table td {
  text-align: center;
}
.mx-datepicker-main .mx-calendar-content .cell.active {
  background-color: #00908e;
}
.downloadSingle {
  position: relative;
}
.downloadSingle .shareJournal {
  position: absolute;
  top: 100%;
  left: 0;
  width: 240px;
  min-width: 100%;
  margin-top: 20px;
  padding: 0 10px;
  transition: all 0.2s ease-in-out;
  border-radius: 10px;
  filter: drop-shadow(0 0 6px rgba(0, 66, 137, 0.4));
  background-color: white;
  height: 0;
  overflow: hidden;
  z-index: 1;
  perspective: 1000px;
  text-align: center;
}
@media screen and (min-width: 481px) {
  .downloadSingle .shareJournal {
    left: 50%;
    transform: translateX(-50%);
  }
}
.isDark .downloadSingle .shareJournal {
  filter: drop-shadow(0 0 1px #ffffff);
  background-color: black;
}
.downloadSingle .shareJournal::before {
  --size: 20px;
  content: '';
  display: block;
  width: var(--size);
  height: var(--size);
  position: absolute;
  right: 72%;
  bottom: calc(100% - (var(--size)/2));
  background-color: inherit;
  transform: translateX(50%) rotate(45deg);
  z-index: 2;
}
@media screen and (min-width: 481px) {
  .downloadSingle .shareJournal::before {
    right: 50%;
  }
}
.downloadSingle .shareJournal .btnOutline {
  min-width: 180px;
}
.downloadSingle.active .shareJournal {
  height: 113px;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: visible;
}
.downloadSingle.active .shareJournal .btnOutline {
  scale: 1;
  opacity: 1;
}
.downloadSingle .shareJournal__RadioRow {
  align-items: center;
  min-width: 100%;
  padding: 10px 0 15px;
  transition: all 0.2s ease-in-out;
  border-radius: 10px;
}
body:not(.isDark) .downloadSingle .shareJournal__RadioElement label:hover {
  color: #004289;
}
body:not(.isDark) .downloadSingle .shareJournal__RadioElement label:hover:after {
  border-color: currentColor;
}
@media all and (max-width: 640px) {
  .shareJournal__Modal .vm--modal {
    max-width: 96%;
  }
}
div.applyForBadgesHeader {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 30px 20px;
  margin-bottom: 9px;
}
div.applyForBadgesHeader h2 {
  font-size: 1.8125rem;
  font-weight: 600;
  line-height: normal;
  color: #383838;
  margin-bottom: 0;
}
.badgeQuestions .row,
.badgeQuestions textarea,
.badgeQuestions label {
  float: none;
}
.isDark .evidenceBox label {
  color: white;
}
.evidenceBox input[type="text"]:not(.noStyle),
.evidenceBox input[type="url"] {
  float: none;
  color: #383838;
  border-radius: 10px;
  border: 1px solid #E4E4E4;
  width: 100%;
  padding: 19.5px 20px;
  font-size: 16px;
}
.isDark .evidenceBox input[type="text"]:not(.noStyle),
.isDark .evidenceBox input[type="url"] {
  background-color: transparent;
  color: white;
}
.evidenceBox input[type="text"]:not(.noStyle):focus-visible,
.evidenceBox input[type="url"]:focus-visible {
  border-color: black;
}
.isDark .evidenceBox input[type="text"]:not(.noStyle):focus-visible,
.isDark .evidenceBox input[type="url"]:focus-visible {
  border-color: white;
}
.evidenceBox input[type="text"]:not(.noStyle)::placeholder,
.evidenceBox input[type="url"]::placeholder {
  color: #B6B6B6;
  font-weight: 400;
}
.evidenceBox input[type="text"]:not(.noStyle).readonly,
.evidenceBox input[type="url"].readonly,
.evidenceBox input[type="text"]:not(.noStyle)[readonly],
.evidenceBox input[type="url"][readonly] {
  border-color: #DDE6EF !important;
  background-color: #EEEEEE;
}
.evidenceBox textarea {
  font-size: 0.875rem;
  line-height: 21px;
  min-height: auto;
  display: block;
  resize: none;
  border-color: #E4E4E4;
  border-width: 1px;
}
.evidenceBox textarea:focus-visible,
.evidenceBox textarea:focus {
  border-color: black;
}
.evidenceBox textarea::placeholder {
  opacity: .5;
}
.isDark .evidenceBox textarea::placeholder {
  opacity: 1;
}
.evidenceBox .badgeQuestion:not(:last-child) {
  margin-bottom: 25px;
}
.evidenceBox .questionLabel {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1rem;
}
.evidenceBox .questionLabelText {
  display: flex;
  align-items: baseline;
}
.evidenceBox .questionLabel sup {
  color: #bb0000;
}
.evidenceBox .helpText {
  margin-left: 5px;
  color: #ED6D3F;
  font-size: 20px;
}
.evidenceBox .alert {
  border-radius: 10px;
  padding: 12px 20px 11px;
  font-size: 0.875rem;
  color: #5A4826 !important;
}
.evidenceBox .alert p {
  color: inherit !important;
}
.evidenceBox .error {
  color: #C63636;
  border: none;
  border-radius: 10px;
  background: rgba(238, 51, 51, 0.1);
  padding: 12px 20px 11px;
  margin-top: 10px;
}
.evidenceBox .error i,
.evidenceBox .error svg {
  margin-right: 10px;
}
.evidenceBox .error + .alert {
  margin-top: 20px;
}
.answerStatusBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  column-gap: 24px;
  row-gap: 10px;
  padding: 0 20px;
  border-radius: 10px;
  transition: padding-top, padding-bottom 0.3s ease-in;
  color: #C63636;
}
.answerStatusBox.dirty {
  background: rgba(238, 51, 51, 0.1);
  padding-top: 12px;
  padding-bottom: 11px;
}
.answerStatusBox.complete {
  color: #157E54;
}
.answerStatusBox.complete:has(.statusText) {
  background: #16AE701A;
}
.answerStatusBox .statusText i,
.answerStatusBox .statusText svg {
  margin-right: 10px;
}
.answerStatusBox + .alert {
  margin-top: 14px;
}
.progress {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: 24px;
  flex-grow: 1;
}
.progress.complete .progressBar {
  color: #157E54;
}
.progressBar {
  position: relative;
  height: 1px;
  width: 111px;
  color: #EE3333;
  background-color: currentColor;
}
.progressBar::before {
  content: '';
  display: block;
  height: 5px;
  width: var(--progress);
  border-radius: 4px;
  background-color: currentColor;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-50%);
  transition: width 0.3s ease-in-out;
}
.progressWordCount {
  white-space: nowrap;
}
.fplAlert {
  display: flex;
  column-gap: 16px;
  align-items: flex-start;
  justify-content: space-between;
}
.btnClose {
  background-color: #383838;
  border: 1px solid #383838;
  color: white;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  line-height: 1;
  text-align: center;
  padding: 0;
}
.btnClose:hover {
  color: #383838;
  background-color: transparent;
}
.btnClose:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #383838;
}
.contentWrap .contentDetail .answerBlock {
  padding-top: 5px;
}
.contentWrap .contentDetail .answerBlock__item {
  background-color: inherit;
  padding: 10px;
  border: 1px solid #E4E4E4;
  border-radius: 10px;
}
.contentWrap .contentDetail .answerBlock__item:not(:last-child) {
  margin-bottom: 10px;
}
.contentWrap .contentDetail .answerBlock__question {
  font-size: 1.375rem;
  margin-bottom: 0.4rem;
}
.evidenceUrl a {
  text-decoration: underline;
}
.evidenceUrl img {
  border-radius: 10px;
}
.collapsablePanel button h2 {
  transition: margin-bottom 0.2s ease-in-out;
}
.collapsablePanel:not(.open) button h2 {
  margin-bottom: 0;
}
.isDark .showEvidence {
  --White: transparent;
}
.showEvidence .badgeQuestions__text,
.showEvidence .label {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 6px;
}
.showEvidence .userAnswerEvidenceUrlBox {
  border-radius: 10px;
  border: 1.5px solid #E4E4E4;
  background: var(--White, #ffffff);
  padding: 10px;
  margin-bottom: 20px;
}
.showEvidence .userAnswerEvidenceUrlBox a {
  text-decoration: underline;
  word-wrap: break-word;
}
.showEvidence .badgeQuestions__item:not(:last-child) {
  margin-bottom: 20px;
}
.showEvidence .badgeQuestions__text {
  font-size: 1rem;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.showEvidence .badgeQuestions__text.required > *:after {
  content: ' *';
  color: #bb0000;
  vertical-align: super;
}
.showEvidence .badgeQuestions .userAnswer {
  border-radius: 10px;
  border: 1.5px solid #E4E4E4;
  background: var(--White, #ffffff);
  padding: 10px;
}
.isDark .badgeContentDetails .collapsablePanel {
  border: 1px solid;
}
.isDark .userSubmittedEvidenceWrap {
  background-color: transparent;
  border: 1px solid;
}
.isDark .userSubmittedEvidenceWrap h2 {
  color: white;
}
.isDark .endorsementsWrap {
  background-color: transparent;
  border: 1px solid;
}
.isDark .endorsementsWrap h2 {
  color: white;
}
.swal2-modal-word-limit .swal2-info {
  color: #00908e;
  border-color: #00908e;
}
/*
 * Site Styles
 */
a {
  outline: 0;
  text-decoration: none;
  transition: all 0.3s ease;
  color: #383838;
}
button {
  transition: all 0.3s ease;
  outline: 0;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 1rem;
  color: #383838;
}
body.isDark {
  background: #000;
  color: #ffffff !important;
}
body.isDark p,
body.isDark a,
body.isDark .topHeader,
body.isDark .mtcBlock__searchWidget__button,
body.isDark .has-text-color {
  color: #ffffff !important;
}
body.isDark .button,
body.isDark .wp-block-button__link {
  background: none !important;
  border: 2px solid #ffffff !important;
}
body.isDark .button:hover,
body.isDark .button:focus,
body.isDark .wp-block-button__link:hover,
body.isDark .wp-block-button__link:focus {
  background: #ffffff !important;
  color: #000000 !important;
}
body.isDark .header svg path:nth-child(n + 7):nth-last-child(n+6) {
  fill: #ffffff;
}
body.isDark .has-light-grey-background-color {
  background: #0c0c0d !important;
}
body.isDark .has-white-new-background-color,
body.isDark .mtcBlock__badgesArchive .badgeArticles__item,
body.isDark .headerWrap,
body.isDark .contentWrap .sidebar,
body.isDark .contactWrap .sidebar,
body.isDark .contentWrap .content .contentDetail,
body.isDark .contactWrap .content .contentDetail,
body.isDark .contentWrap .content .applyForBadges,
body.isDark .contactWrap .content .applyForBadges {
  background: #000 !important;
}
body.isDark .mtcBlock__searchWidget__input {
  border-color: #ffffff;
}
body.isDark .mtcBlock__searchWidget__input input,
body.isDark .mtcBlock__searchWidget__input input::-webkit-input-placeholder {
  color: #ffffff;
}
body.isDark .bannerSvgImage path:nth-child(1) {
  fill: #000;
}
body.isDark .bannerSvgImage path:nth-child(3),
body.isDark .bannerSvgImage path:nth-child(20) {
  fill: #383838;
}
body.isDark .searchImageHome svg g path:nth-child(1) {
  fill: #383838;
}
body.isDark .gettingStartedSvgImage svg path:nth-child(1) {
  fill: #000;
}
body.isDark .gettingStartedSvgImage svg path:nth-child(2),
body.isDark .gettingStartedSvgImage svg path:nth-child(3) {
  fill: #383838;
}
body.isDark .paginationAndSort .pagination a {
  background: none;
  border: 1px solid #ffffff;
}
body.isDark .mtcBlock__badgesArchive .badgeFilters__search__input {
  border: 2px solid #ffffff;
  background: none;
  color: #ffffff;
  padding: 8px 11px;
}
body.isDark .mtcBlock__badgesArchive .badgeFilters__search__input::-webkit-input-placeholder {
  color: #ffffff;
}
body.isDark .mtcBlock__badgesArchive .badgeFilters__select select {
  border: 2px solid #ffffff;
  background: none;
  color: #ffffff;
  padding: 8px;
}
body.isDark .mtcBlock__login__loginContent,
body.isDark .mtcBlock__login__registerContent,
body.isDark .mtcBlock__register__registerContent {
  color: #383838 !important;
}
body.isDark .mtcBlock__login__loginContent p,
body.isDark .mtcBlock__login__registerContent p,
body.isDark .mtcBlock__register__registerContent p,
body.isDark .mtcBlock__login__loginContent a,
body.isDark .mtcBlock__login__registerContent a,
body.isDark .mtcBlock__register__registerContent a {
  color: #383838 !important;
}
body.isDark .mtcBlock__login__loginContent .button,
body.isDark .mtcBlock__login__registerContent .button,
body.isDark .mtcBlock__register__registerContent .button {
  border-color: #383838 !important;
}
body.isDark .mtcBlock__login__form .button,
body.isDark .mtcBlock__register__form .button {
  background: #00908e !important;
  border: none !important;
}
body.isDark .mtcBlock__essentialBadges .badgesList__item,
body.isDark .mtcBlock__myBadges .badgesList__item {
  background: #0c0c0d !important;
}
body.isDark .sharingLinks input {
  background: none;
}
body.isDark .membersAreaNew .row label,
body.isDark .membersAreaNew .row .text,
body.isDark .membersAreaNew .row textarea,
body.isDark .membersAreaNew .row select,
body.isDark .membersAreaNew .row .chosen-search input,
body.isDark .membersAreaNew #bbpress-forums input[type="text"],
body.isDark .membersAreaNew #bbpress-forums textarea,
body.isDark .membersAreaNew #bbpress-forums .wp-editor-area,
body.isDark .membersAreaNew .linksSidebar .sidebarWidgetWrap #bbp-search-form input[type="text"],
body.isDark .membersAreaNew .linksSidebar .sidebarWidgetWrap #searchform input[type="text"],
body.isDark .membersAreaNew #bbpress-forums input[type="text"],
body.isDark .membersAreaNew #bbpress-forums textarea,
body.isDark .membersAreaNew #bbpress-forums .wp-editor-area {
  color: #ffffff;
  border-color: #ffffff;
}
body.isDark .dataExports .header span {
  color: #ffffff;
}
body.isDark .header .menuButton span:before,
body.isDark .header .menuButton span:after,
body.isDark .header .menuButton span {
  background: #ffffff;
}
body.isDark .header .menuButton.active span {
  background: transparent;
}
body.isDark .mtcBlock__badgesArchive__header__button:hover,
body.isDark .mtcBlock__badgesArchive__header__button:focus {
  background-color: #ffffff;
}
body.isDark .mtcBlock__badgesArchive__header__button:hover a,
body.isDark .mtcBlock__badgesArchive__header__button:focus a {
  color: #000000 !important;
}
@media (max-width: 1100px) {
  body.isDark .header .mainMenu {
    background: #000000;
  }
}
@media all and (max-width: 1380px) {
  .alignfull {
    padding: 0 20px;
  }
}
.alignfull .wrapper {
  padding: 0;
}
.wp-element-button,
.wp-block-button__link {
  background-color: #32373c;
  border-width: 0;
  color: #fff;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  padding: calc(2.667em) calc(3.333em);
  text-decoration: none;
}
.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background):hover,
.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background):focus,
.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background):hover,
.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background):focus {
  background-color: #000000;
  color: #ffffff;
  border-color: #000000;
}
.has-black-color {
  color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-color {
  color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-color {
  color: #ffffff !important;
}
.has-pale-pink-color {
  color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-color {
  color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-color {
  color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-color {
  color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-color {
  color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-color {
  color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-color {
  color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-color {
  color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-color {
  color: var(--wp--preset--color--vivid-purple) !important;
}
.has-red-color {
  color: var(--wp--preset--color--red) !important;
}
.has-text-color {
  color: #383838 !important;
}
.has-pink-color {
  color: #e9497c !important;
}
.has-blue-color {
  color: var(--wp--preset--color--blue) !important;
}
.has-orange-color {
  color: #ed6d3f !important;
}
.has-green-color {
  color: #01d17c !important;
}
.has-olive-green-color {
  color: #a0c01b !important;
}
.has-turquoise-color {
  color: #00908e !important;
}
.has-navy-color {
  color: var(--wp--preset--color--navy) !important;
}
.has-dark-navy-color {
  color: var(--wp--preset--color--dark-navy) !important;
}
.has-turquoise-sssc-color {
  color: var(--wp--preset--color--turquoise-sssc) !important;
}
.has-light-grey-color {
  color: #f7f9fb !important;
}
.has-border-color {
  color: var(--wp--preset--color--border) !important;
}
.has-border-alt-color {
  color: var(--wp--preset--color--border-alt) !important;
}
.has-white-new-color {
  color: #ffffff !important;
}
.has-black-background-color {
  background-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-background-color {
  background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-background-color {
  background-color: #ffffff !important;
}
.has-pale-pink-background-color {
  background-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-background-color {
  background-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-background-color {
  background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-background-color {
  background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-background-color {
  background-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-background-color {
  background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-background-color {
  background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-background-color {
  background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-background-color {
  background-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-red-background-color {
  background-color: var(--wp--preset--color--red) !important;
}
.has-text-background-color {
  background-color: var(--wp--preset--color--text) !important;
}
.has-pink-background-color {
  background-color: #e9497c !important;
}
.has-blue-background-color {
  background-color: #007cbd !important;
}
.has-orange-background-color {
  background-color: #ed6d3f !important;
}
.has-green-background-color {
  background-color: #01d17c !important;
}
.has-olive-green-background-color {
  background-color: #a0c01b !important;
}
.has-turquoise-background-color {
  background-color: #00908e !important;
}
.has-navy-background-color {
  background-color: #004289 !important;
}
.has-dark-navy-background-color {
  background-color: var(--wp--preset--color--dark-navy) !important;
}
.has-turquoise-sssc-background-color {
  background-color: var(--wp--preset--color--turquoise-sssc) !important;
}
.has-light-grey-background-color {
  background-color: #f7f9fb !important;
}
.has-border-background-color {
  background-color: var(--wp--preset--color--border) !important;
}
.has-border-alt-background-color {
  background-color: var(--wp--preset--color--border-alt) !important;
}
.has-white-new-background-color {
  background-color: #ffffff !important;
}
.has-black-border-color {
  border-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-border-color {
  border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-border-color {
  border-color: #ffffff !important;
}
.has-pale-pink-border-color {
  border-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-border-color {
  border-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-border-color {
  border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-border-color {
  border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-border-color {
  border-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-border-color {
  border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-border-color {
  border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-border-color {
  border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-border-color {
  border-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-red-border-color {
  border-color: var(--wp--preset--color--red) !important;
}
.has-text-border-color {
  border-color: var(--wp--preset--color--text) !important;
}
.has-pink-border-color {
  border-color: #e9497c !important;
}
.has-blue-border-color {
  border-color: var(--wp--preset--color--blue) !important;
}
.has-orange-border-color {
  border-color: #ed6d3f !important;
}
.has-green-border-color {
  border-color: #01d17c !important;
}
.has-olive-green-border-color {
  border-color: #a0c01b !important;
}
.has-turquoise-border-color {
  border-color: var(--wp--preset--color--turquoise) !important;
}
.has-navy-border-color {
  border-color: var(--wp--preset--color--navy) !important;
}
.has-dark-navy-border-color {
  border-color: var(--wp--preset--color--dark-navy) !important;
}
.has-turquoise-sssc-border-color {
  border-color: var(--wp--preset--color--turquoise-sssc) !important;
}
.has-light-grey-border-color {
  border-color: #f7f9fb !important;
}
.has-border-border-color {
  border-color: var(--wp--preset--color--border) !important;
}
.has-border-alt-border-color {
  border-color: var(--wp--preset--color--border-alt) !important;
}
.has-white-new-border-color {
  border-color: #ffffff !important;
}
.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
  background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}
.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
  background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}
.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
  background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}
.has-luminous-vivid-orange-to-vivid-red-gradient-background {
  background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}
.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
  background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}
.has-cool-to-warm-spectrum-gradient-background {
  background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}
.has-blush-light-purple-gradient-background {
  background: var(--wp--preset--gradient--blush-light-purple) !important;
}
.has-blush-bordeaux-gradient-background {
  background: var(--wp--preset--gradient--blush-bordeaux) !important;
}
.has-luminous-dusk-gradient-background {
  background: var(--wp--preset--gradient--luminous-dusk) !important;
}
.has-pale-ocean-gradient-background {
  background: var(--wp--preset--gradient--pale-ocean) !important;
}
.has-electric-grass-gradient-background {
  background: var(--wp--preset--gradient--electric-grass) !important;
}
.has-midnight-gradient-background {
  background: var(--wp--preset--gradient--midnight) !important;
}
.has-small-font-size {
  font-size: var(--wp--preset--font-size--small) !important;
}
.has-medium-font-size {
  font-size: var(--wp--preset--font-size--medium) !important;
}
.has-large-font-size {
  font-size: var(--wp--preset--font-size--large) !important;
}
.has-x-large-font-size {
  font-size: var(--wp--preset--font-size--x-large) !important;
}
.has-primary-font-font-family {
  font-family: var(--wp--preset--font-family--primary-font) !important;
}
.wp-block-navigation a:where(:not(.wp-element-button)) {
  color: inherit;
}
.wp-block-pullquote {
  font-size: 1.5em;
  line-height: 1.6;
}
.wp-block-button .wp-block-button__link {
  border-radius: 20px;
  border-width: 1.5px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  padding-top: 8px;
  padding-right: 20px;
  padding-bottom: 8px;
  padding-left: 20px;
}
.wrapper,
.alignwide {
  margin: 0 auto;
  width: 100%;
  max-width: 1340px;
}
@media all and (max-width: 1380px) {
  .wrapper,
  .alignwide {
    padding: 0 20px;
  }
}
.wrapper .wrapper,
.alignwide .wrapper {
  padding: 0;
}
@media all and (max-width: 1100px) {
  .wrapper .wp-block-columns,
  .alignwide .wp-block-columns {
    flex-wrap: wrap !important;
    justify-content: center;
  }
}
.wrapper {
  display: block;
}
/*
 * Typography
 */
h1,
h2,
h3,
h4,
h5 {
  font-weight: 700;
  margin: 0 0 20px;
  font-family: museo, sans-serif;
}
h6 {
  font-weight: 700;
  margin: 0 0 20px;
}
h1 {
  font-size: 2.5rem;
}
h2 {
  font-size: 2.1875rem;
}
@media all and (max-width: 640px) {
  h2 {
    font-size: 1.375rem;
  }
}
h3 {
  font-size: 1.8125rem;
}
h4 {
  font-size: 1.5625rem;
}
h5 {
  font-size: 1.3125rem;
}
h6 {
  font-size: 1rem;
}
p,
.wp-block-column p {
  margin: 0 0 12px;
}
.row__label {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 16px;
}
.row__label--isCheckbox {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  font-weight: 400;
  line-height: 21px;
  cursor: pointer;
}
.row__label--isCheckbox:before {
  content: '';
  width: 24px;
  height: 24px;
  border: 1.5px solid #383838;
  border-radius: 6px;
  background: #f7f9fb;
  margin-right: 10px;
  transition: all 0.3s ease;
}
.row__input {
  border-radius: 10px;
  font-size: 0.875rem;
  line-height: 16px;
  color: #383838;
  border: 1.5px solid #383838;
  height: 40px;
  width: 100%;
  margin: 5px 0 0;
  transition: all 0.3s ease;
  padding: 0 15px;
}
.row__input:focus {
  box-shadow: none;
  border-color: #007cbd;
}
.row__checkbox {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
.row__checkbox:checked + .row__label:before {
  background: #00908e;
  border-color: #00908e;
}
.row__notes {
  font-size: 0.75rem;
  line-height: 14px;
  font-weight: 500;
  color: #383838;
  margin: 10px 0 0;
  display: block;
}
.headline {
  text-align: center;
  font-size: 36px;
  position: relative;
  padding-bottom: 30px;
  font-weight: 500;
  max-width: 700px;
  margin: 0 auto 40px;
  line-height: 1.5;
}
@media all and (max-width: 640px) {
  .headline {
    font-size: 30px;
    margin-bottom: 40px;
    padding-bottom: 20px;
  }
}
/**
 * Main Header
 */
.header {
  padding: 23px 0;
}
.header .wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.header .logo {
  display: block;
  margin-right: auto;
}
.header .logo svg {
  height: 50px;
  width: auto;
}
@media all and (max-width: 640px) {
  .header .logo svg {
    height: 40px;
  }
}
.header .mainMenu {
  margin: 0 auto;
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 20px;
  font-weight: 500;
  flex: 1;
  justify-content: center;
}
@media all and (max-width: 1100px) {
  .header .mainMenu {
    position: fixed;
    top: 0;
    bottom: 0;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    background: #ffffff;
    padding: 100px 50px;
    gap: 40px;
    font-size: 1.125rem;
    z-index: 200;
    right: 0;
    width: 70%;
    max-width: 400px;
    transition: all 0.3s ease;
    opacity: 0;
    transform: translateX(100%);
  }
  .header .mainMenu.show {
    opacity: 1;
    transform: translateX(0);
  }
}
@media all and (max-width: 640px) {
  .header .mainMenu li {
    width: 100%;
  }
}
.header .mainMenu li a:hover,
.header .mainMenu li a:focus {
  color: #007cbd;
}
.isDark .header .mainMenu li a:hover,
.isDark .header .mainMenu li a:focus {
  color: #007cbd !important;
}
.header .mainMenu .wp-block-button__link {
  display: none;
}
@media all and (max-width: 1100px) {
  .header .mainMenu .wp-block-button__link {
    display: block;
    position: relative;
    z-index: 202;
    margin-top: auto;
    transform: translateY(100%);
  }
}
@media all and (max-width: 640px) {
  .header .mainMenu .wp-block-button__link {
    align-self: self-start;
  }
}
.header .mainMenu .header__userActions {
  display: none;
  margin: 0;
  width: 100%;
}
@media all and (max-width: 640px) {
  .header .mainMenu .header__userActions {
    display: block;
  }
}
.header .mainMenu .header__userActions > a {
  margin: 0 0 10px;
  display: block;
}
@media all and (max-width: 1100px) {
  .header #menu-main-menu.mainMenu {
    width: 100%;
  }
}
.header .menuButton {
  width: 32px;
  height: 24px;
  cursor: pointer;
  right: 2rem;
  top: 2rem;
  z-index: 250;
  display: none;
  background: transparent;
  border: 0;
  padding: 0;
}
@media all and (max-width: 1100px) {
  .header .menuButton {
    display: block;
  }
}
.header .menuButton span {
  width: 100%;
  height: 4px;
  background-color: #000000;
  border-radius: 12px;
  display: block;
  transition: background-color 0.5s ease-in-out;
}
.header .menuButton span:before,
.header .menuButton span:after {
  content: "";
  width: 100%;
  background-color: #000000;
  display: block;
  transition: all 0.5s ease-in-out;
  border-radius: 12px;
  height: 4px;
}
.header .menuButton span:before {
  transform: translateY(-10px);
}
.header .menuButton span:after {
  transform: translateY(10px);
  margin-top: -4px;
}
@media all and (max-width: 1100px) {
  .header .menuButton.active {
    position: fixed;
    top: 120px;
  }
}
.header .menuButton.active span {
  background-color: transparent;
}
.header .menuButton.active span:before {
  transform: rotateZ(45deg) translateY(0);
}
.header .menuButton.active span:after {
  transform: rotateZ(-45deg) translateY(0);
}
.header .wp-block-button__link {
  display: flex;
  align-items: center;
  border: 1.5px solid #383838;
  background: #fff;
  color: #383838;
  padding: 8px 15px;
  width: auto;
  height: auto;
}
@media all and (max-width: 1100px) {
  .header .wp-block-button__link {
    display: none;
  }
}
.header .wp-block-button__link:hover,
.header .wp-block-button__link:focus {
  background: #383838;
  color: #ffffff;
}
.header .wp-block-button__link svg {
  height: 16px;
  margin-right: 5px;
}
.header .wp-block-button__link.isProfile {
  display: none;
}
@media all and (max-width: 640px) {
  .header .wp-block-button__link.isProfile {
    display: flex;
    text-decoration: none;
    padding: 0;
    border: 0;
    margin-right: 30px;
  }
  .header .wp-block-button__link.isProfile svg {
    margin: 0;
    height: 30px;
  }
}
.header .header__userActions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 20px;
}
@media all and (max-width: 1100px) {
  .header .header__userActions {
    display: none;
  }
}
.header .header__userActions a:not(.wp-block-button__link) {
  transition: all 0.3s ease;
}
.header .header__userActions a:not(.wp-block-button__link):hover {
  opacity: 0.7;
}
.header .header__userActions a:not(.wp-block-button__link) span {
  color: #e9497c;
}
/**
 * Top Header
 */
.topHeader {
  padding: 8px 20px;
  font-size: 0.75rem;
  color: #383838;
  border-bottom: 1px solid #f1f1f1;
  font-weight: 500;
}
.topHeader--mobile {
  display: none;
  width: 100%;
  padding: 20px;
  position: absolute;
  top: 20px;
  z-index: 201;
}
@media all and (max-width: 1100px) {
  .topHeader--desktop {
    display: none;
  }
  .topHeader--mobile {
    display: block;
  }
}
.topHeader .wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0;
}
@media all and (max-width: 1100px) {
  .topHeader .wrapper {
    justify-content: space-between;
    gap: 20px;
  }
}
.topHeader .wrapper .ssscHome {
  flex-shrink: 0;
}
.topHeader--mobile .wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 10px;
}
.topHeader--mobile .wrapper .ssscHome {
  margin-left: auto;
}
.topHeader .switchMode {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 10px;
  height: 23px;
  width: 59px;
  border-radius: 11.5px;
  position: relative;
  border: 1px solid #383838;
  text-align: center;
  padding: 5px;
  cursor: pointer;
  font-size: 0.75rem;
}
@media (prefers-color-scheme: dark) {
  body:not(.isLight) .topHeader .switchMode {
    border-color: #fff;
  }
}
body.isDark .topHeader .switchMode {
  border-color: #fff;
}
.topHeader .switchMode .circle {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 100%;
  border: 1px solid #383838;
}
@media (prefers-color-scheme: dark) {
  body:not(.isLight) .topHeader .switchMode .circle {
    border-color: #fff;
  }
}
body.isDark .topHeader .switchMode .circle {
  border-color: #fff;
}
.topHeader .fontSizes {
  margin: 0 20px;
}
@media all and (max-width: 640px) {
  .topHeader .fontSizes {
    display: none;
  }
}
.topHeader .fontSizes button {
  background: transparent;
  border: 0;
  outline: 0;
  box-shadow: none;
  padding: 0 5px;
  text-transform: uppercase;
  font-weight: 500;
  transition: color 0.3s;
}
.topHeader .fontSizes button.active,
.topHeader .fontSizes button:hover,
.topHeader .fontSizes button:focus {
  color: #e9497c;
}
.topHeader .fontSizes button.defaultFontSize {
  font-size: 0.875rem;
}
.topHeader .fontSizes button.largerFontSize {
  font-size: 1.0625rem;
}
.topHeader .fontSizes button.largestFontSize {
  font-size: 1.25rem;
}
.topHeader .ssscHome {
  display: flex;
  align-items: center;
}
.topHeader .ssscHome:hover,
.topHeader .ssscHome:focus {
  color: #004289;
}
.isDark .topHeader .ssscHome:hover,
.isDark .topHeader .ssscHome:focus {
  color: #007cbd !important;
}
.topHeader .ssscHome svg {
  height: 14px;
  width: auto;
  margin-right: 10px;
}
/*
 * Social Links
 */
.socialLinks {
  *zoom: 1;
}
.socialLinks:before,
.socialLinks:after {
  content: "";
  display: table;
}
.socialLinks:after {
  clear: both;
}
@media all and (min-width: 1340px) {
  .socialLinks {
    clear: both;
  }
}
@media all and (min-width: 640px) and (max-width: 1340px) {
  .socialLinks {
    float: right;
    width: 50%;
    text-align: right;
  }
}
.socialLinks li {
  position: relative;
  font-family: museo, sans-serif;
  font-size: 1.125em;
  margin-bottom: 15px;
}
.socialLinks li a {
  display: block;
  padding: 10px 50px 10px 20px;
}
@media all and (max-width: 640px) {
  .socialLinks li a {
    padding: 0;
  }
}
.socialLinks li a.twitterLink i {
  background: #00aced;
}
.socialLinks li a.facebookLink i {
  background: #3b5998;
}
.socialLinks li a.linkedinLink i {
  background: #007bb5;
}
.socialLinks li i {
  font-size: 1.125em;
  position: absolute;
  top: 0;
  left: 100%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  margin-left: -40px;
}
.flyoutWrap .socialLinks {
  margin: 30px 0;
  padding: 0 20px;
}
.flyoutWrap .socialLinks li a {
  font-size: 0.8125em;
  padding: 10px 50px 10px 0;
  color: #383838;
}
.flyoutWrap .firstRow a.active i {
  color: #c65219;
}
.flyoutWrap .firstRow a:last-of-type {
  text-align: right;
}
.no-js .flyoutWrap {
  position: relative;
  top: auto;
  right: auto;
  width: 100%;
}
/**
 * Footer styling
 */
.footer {
  background: #004289;
  padding: 70px 0 25px;
  color: #ffffff;
}
@media all and (max-width: 640px) {
  .footer {
    padding: 20px 0;
  }
}
.footer .logo svg {
  height: 50px;
  width: auto;
}
.footer .wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media all and (max-width: 640px) {
  .footer .wrapper {
    flex-wrap: wrap;
  }
}
@media all and (min-width: 1101px) {
  .footer .wrapper .column {
    float: left;
    margin: 0 20px 20px 0;
    width: calc((100% - (20px * (4 - 1))) / 4);
  }
  .footer .wrapper .column:nth-of-type(4n) {
    margin-right: 0;
  }
  @supports (-ms-ime-align: auto) {
    width: calc((100% - (20px * (4 - 1))) / 4 - 0.5px);
    float: right;
  }
  .footer .wrapper .column:nth-of-type(4n + 1) {
    clear: both;
  }
}
@media all and (min-width: 1101px) and all and (-ms-high-contrast: active), all and (min-width: 1101px) and (-ms-high-contrast: none) {
  .footer .wrapper .column:nth-of-type(4n) {
    width: calc((100% - (20px * (4 - 1))) / 4 - 0.5px);
    float: right;
  }
}
@media all and (max-width: 1100px) {
  .footer .wrapper .column {
    float: left;
    margin: 0 20px 20px 0;
    width: calc((100% - (20px * (2 - 1))) / 2);
  }
  .footer .wrapper .column:nth-of-type(2n) {
    margin-right: 0;
  }
  @supports (-ms-ime-align: auto) {
    width: calc((100% - (20px * (2 - 1))) / 2 - 0.5px);
    float: right;
  }
  .footer .wrapper .column:nth-of-type(2n + 1) {
    clear: both;
  }
}
@media all and (max-width: 1100px) and all and (-ms-high-contrast: active), all and (max-width: 1100px) and (-ms-high-contrast: none) {
  .footer .wrapper .column:nth-of-type(2n) {
    width: calc((100% - (20px * (2 - 1))) / 2 - 0.5px);
    float: right;
  }
}
@media all and (max-width: 640px) {
  .footer .wrapper .column {
    width: 100%;
    margin: 0 0 20px;
    text-align: center;
  }
}
.footer .wrapper .column h3 {
  font-weight: 700;
  font-size: 1rem;
  margin: 0 0 10px;
}
.footer .footerMenu {
  padding: 0;
  margin: 0;
  list-style: none;
}
.footer .footerMenu li {
  display: block;
  margin: 0 0 5px;
}
.footer .footerMenu li a {
  display: block;
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 400;
}
.footer .footerMenu li a:hover,
.footer .footerMenu li a:focus {
  color: rgba(255, 255, 255, 0.6);
}
.footer .footerMenu li a:focus {
  outline: 1px solid #fff;
}
.footer .credits {
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
}
.footer .credits a {
  color: #ffffff;
  display: inline-block;
  margin: 0 5px;
}
.footer .addressWrapper {
  padding: 24px 0;
  background: #003773;
  margin: 50px 0 25px;
  font-size: 0.875rem;
  font-weight: 500;
}
@media all and (max-width: 640px) {
  .footer .addressWrapper {
    margin: 0 0 20px;
  }
}
.footer .addressWrapper .wrapper {
  gap: 40px;
  align-items: center;
  justify-content: center;
}
@media all and (max-width: 640px) {
  .footer .addressWrapper .wrapper {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.footer .addressWrapper .wrapper div {
  display: flex;
  align-items: center;
}
@media all and (max-width: 640px) {
  .footer .addressWrapper .wrapper div {
    width: 100%;
    justify-content: center;
  }
}
.footer .addressWrapper .wrapper div a {
  color: #fff;
}
.footer .addressWrapper .wrapper div a span {
  transition: all 0.3s ease;
}
.footer .addressWrapper .wrapper div a:hover span,
.footer .addressWrapper .wrapper div a:focus span {
  opacity: 0.7;
}
.footer .addressWrapper .wrapper div svg {
  margin-right: 10px;
  height: 16px;
  width: auto;
}
.footer .addressWrapper .wrapper div.email svg {
  color: #a0c01b;
}
.footer .addressWrapper .wrapper div.tel {
  flex-shrink: 0;
}
.footer .addressWrapper .wrapper div.tel svg {
  color: #01d17c;
}
.footer .addressWrapper .wrapper div.web {
  flex-shrink: 0;
}
.footer .addressWrapper .wrapper div.web svg {
  color: #e9497c;
}
.footer .addressWrapper .wrapper div.address svg {
  color: #ed6d3f;
}
/*
 * Footer feedback button
 */
.footerFeedbackButton,
#subscription-toggle .subscription-toggle,
#favorite-toggle .subscription-toggle,
#subscription-toggle .favorite-toggle,
#favorite-toggle .favorite-toggle,
#bbpress-forums div.bbp-topic-content .subscription-toggle,
#bbpress-forums div.bbp-reply-content .subscription-toggle,
#bbpress-forums div.bbp-topic-content .favorite-toggle,
#bbpress-forums div.bbp-reply-content .favorite-toggle {
  background: #c65219;
  padding: 14px 12px;
  position: fixed;
  bottom: 0;
  right: 40px;
  color: #fff;
  line-height: 1;
  z-index: 9900;
}
@media all and (min-width: 640px) and (max-width: 1340px), all and (max-width: 640px) {
  .footerFeedbackButton,
  #subscription-toggle .subscription-toggle,
  #favorite-toggle .subscription-toggle,
  #subscription-toggle .favorite-toggle,
  #favorite-toggle .favorite-toggle,
  #bbpress-forums div.bbp-topic-content .subscription-toggle,
  #bbpress-forums div.bbp-reply-content .subscription-toggle,
  #bbpress-forums div.bbp-topic-content .favorite-toggle,
  #bbpress-forums div.bbp-reply-content .favorite-toggle {
    display: none;
  }
}
@media all and (max-width: 815px) {
  .footerFeedbackButton,
  #subscription-toggle .subscription-toggle,
  #favorite-toggle .subscription-toggle,
  #subscription-toggle .favorite-toggle,
  #favorite-toggle .favorite-toggle,
  #bbpress-forums div.bbp-topic-content .subscription-toggle,
  #bbpress-forums div.bbp-reply-content .subscription-toggle,
  #bbpress-forums div.bbp-topic-content .favorite-toggle,
  #bbpress-forums div.bbp-reply-content .favorite-toggle {
    position: relative;
    bottom: auto;
    right: auto;
    width: 100%;
    padding: 15px;
    text-align: center;
    font-size: 18px;
  }
}
.footerFeedbackButton a {
  display: block;
  color: #fff;
  font-size: 16px;
}
/*
 * Breadcrumb Styling
 */
.breadcrumbWrap {
  *zoom: 1;
  clear: both;
  margin: 0 0 20px;
}
.breadcrumbWrap:before,
.breadcrumbWrap:after {
  content: "";
  display: table;
}
.breadcrumbWrap:after {
  clear: both;
}
.breadcrumbWrap .breadcrumbs {
  *zoom: 1;
  margin: 0;
  clear: both;
}
.breadcrumbWrap .breadcrumbs:before,
.breadcrumbWrap .breadcrumbs:after {
  content: "";
  display: table;
}
.breadcrumbWrap .breadcrumbs:after {
  clear: both;
}
.breadcrumbWrap .breadcrumbs li {
  float: left;
  position: relative;
  padding: 0px 10px;
}
@media all and (max-width: 640px) {
  .breadcrumbWrap .breadcrumbs li {
    padding: 0 6px;
  }
  .breadcrumbWrap .breadcrumbs li:first-child {
    display: none;
  }
  .breadcrumbWrap .breadcrumbs li:nth-child(2) {
    padding-left: 0;
  }
}
.breadcrumbWrap .breadcrumbs li:first-child {
  padding-left: 0;
}
/*
 * Pagination
 */
.pagination,
.paginationUl {
  *zoom: 1;
}
.pagination:before,
.paginationUl:before,
.pagination:after,
.paginationUl:after {
  content: "";
  display: table;
}
.pagination:after,
.paginationUl:after {
  clear: both;
}
.pagination li,
.paginationUl li {
  float: left;
}
.pagination li a,
.paginationUl li a {
  display: block;
  float: left;
  padding: 0 5px;
  text-align: center;
  cursor: pointer;
}
.paginumberorder form {
  float: right;
  margin-left: 10px;
}
.paginumberorder form.bottom {
  margin-bottom: 40px;
  *zoom: 1;
}
.paginumberorder form.bottom:before,
.paginumberorder form.bottom:after {
  content: "";
  display: table;
}
.paginumberorder form.bottom:after {
  clear: both;
}
/*
 * Site Map Styling
 */
.siteMapWrap {
  margin: 0 auto;
  width: 100%;
  max-width: 1340px;
  display: block;
  *zoom: 1;
  clear: both;
}
@media all and (max-width: 1380px) {
  .siteMapWrap {
    padding: 0 20px;
  }
}
.siteMapWrap .wrapper {
  padding: 0;
}
@media all and (max-width: 1100px) {
  .siteMapWrap .wp-block-columns {
    flex-wrap: wrap !important;
    justify-content: center;
  }
}
.siteMapWrap:before,
.siteMapWrap:after {
  content: "";
  display: table;
}
.siteMapWrap:after {
  clear: both;
}
.siteMapWrap .siteMapColumn {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 40px;
  float: left;
}
.siteMapWrap .siteMapColumn ul {
  margin-bottom: 20px;
}
.siteMapWrap .siteMapColumn:nth-child(3n) {
  margin-right: 0;
}
@media all and (max-width: 640px) {
  .siteMapWrap .siteMapColumn {
    width: 100%;
    margin: 0 0 20px;
  }
}
/*
 * Buttons
 */
/*
 * Button Styling
 */
.button {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  border: 0;
  background: 0;
  font-size: 0.9375em;
  text-decoration: none;
  padding: 15px 43px;
  background: #c65219;
  border-radius: 5px;
  line-height: 1;
  color: #fff;
  font-size: 1.25em;
  font-family: museo, sans-serif;
  -webkit-transition: background 0.5s ease-in, color 0.5s ease-in, border 0.5s ease-in;
  -moz-transition: background 0.5s ease-in, color 0.5s ease-in, border 0.5s ease-in;
  -ms-transition: background 0.5s ease-in, color 0.5s ease-in, border 0.5s ease-in;
  -o-transition: background 0.5s ease-in, color 0.5s ease-in, border 0.5s ease-in;
  transition: background 0.5s ease-in, color 0.5s ease-in, border 0.5s ease-in;
  border: 2px solid #c65219;
}
.button i {
  padding-left: 0.25em;
}
.button i {
  margin-right: 10px;
  font-size: 18px;
  position: relative;
  top: 2px;
}
.button:hover {
  background: #af4916;
  border: 2px solid #af4916;
  color: #fff;
}
.button.buttonSmall {
  font-size: 1em;
  padding: 12px 20px;
}
.button.buttonLarge {
  font-size: 1.5em;
}
.buttonAlt {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  border: 0;
  background: 0;
  font-size: 0.9375em;
  text-decoration: none;
  padding: 15px 43px;
  background: #c65219;
  border-radius: 5px;
  line-height: 1;
  color: #fff;
  font-size: 1.25em;
  font-family: museo, sans-serif;
  -webkit-transition: background 0.5s ease-in, color 0.5s ease-in, border 0.5s ease-in;
  -moz-transition: background 0.5s ease-in, color 0.5s ease-in, border 0.5s ease-in;
  -ms-transition: background 0.5s ease-in, color 0.5s ease-in, border 0.5s ease-in;
  -o-transition: background 0.5s ease-in, color 0.5s ease-in, border 0.5s ease-in;
  transition: background 0.5s ease-in, color 0.5s ease-in, border 0.5s ease-in;
  border: 2px solid #c65219;
  background: #00908e;
  border-radius: 100px;
  border: none;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  padding: 12px 22px;
}
.buttonAlt i {
  padding-left: 0.25em;
}
.buttonAlt i {
  padding-left: 0.25em;
}
.buttonAlt i {
  margin-right: 10px;
  font-size: 18px;
  position: relative;
  top: 2px;
}
.buttonAlt:hover {
  background: #af4916;
  border: 2px solid #af4916;
  color: #fff;
}
.buttonAlt.buttonSmall {
  font-size: 1em;
  padding: 12px 20px;
}
.buttonAlt.buttonLarge {
  font-size: 1.5em;
}
.buttonAlt:hover,
.buttonAlt:focus {
  background: #007775;
  border: none;
  color: #fff;
}
.buttonAlt.full {
  width: 100%;
}
.buttonDanger {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  border: 0;
  background: 0;
  font-size: 0.9375em;
  text-decoration: none;
  padding: 15px 43px;
  background: #c65219;
  border-radius: 5px;
  line-height: 1;
  color: #fff;
  font-size: 1.25em;
  font-family: museo, sans-serif;
  -webkit-transition: background 0.5s ease-in, color 0.5s ease-in, border 0.5s ease-in;
  -moz-transition: background 0.5s ease-in, color 0.5s ease-in, border 0.5s ease-in;
  -ms-transition: background 0.5s ease-in, color 0.5s ease-in, border 0.5s ease-in;
  -o-transition: background 0.5s ease-in, color 0.5s ease-in, border 0.5s ease-in;
  transition: background 0.5s ease-in, color 0.5s ease-in, border 0.5s ease-in;
  border: 2px solid #c65219;
  background: #bb0000;
  border-radius: 100px;
  border: none;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  padding: 12px 22px;
}
.buttonDanger i {
  padding-left: 0.25em;
}
.buttonDanger i {
  padding-left: 0.25em;
}
.buttonDanger i {
  margin-right: 10px;
  font-size: 18px;
  position: relative;
  top: 2px;
}
.buttonDanger:hover {
  background: #af4916;
  border: 2px solid #af4916;
  color: #fff;
}
.buttonDanger.buttonSmall {
  font-size: 1em;
  padding: 12px 20px;
}
.buttonDanger.buttonLarge {
  font-size: 1.5em;
}
.buttonDanger:hover {
  background: #a20000;
  border: none;
  color: #fff;
}
.buttonDanger.full {
  width: 100%;
}
.buttonOutline {
  background: 0;
  border: 2px solid #c65219;
  color: #c65219;
}
.buttonOutline:hover {
  background: #c65219;
  color: #fff;
}
.buttonOutline.buttonAlt {
  border: 2px solid #039290;
  color: #039290;
}
.buttonOutline.buttonAlt:hover {
  background: #039290;
  color: #fff;
}
/*
 * Button Groups
 */
.buttonGroup {
  float: left;
  display: inline;
  width: 100%;
  clear: both;
}
.buttonGroup .button {
  float: left;
  display: block;
  margin-right: 2%;
  border-right: 0;
}
/*
 * Content Section
 */
.contentSection {
  *zoom: 1;
  clear: both;
  padding: 60px 0;
}
.contentSection:before,
.contentSection:after {
  content: "";
  display: table;
}
.contentSection:after {
  clear: both;
}
@media all and (min-width: 640px) and (max-width: 1340px) {
  .contentSection {
    padding: 40px 20px;
  }
}
@media all and (max-width: 640px) {
  .contentSection {
    padding: 0 20px;
  }
}
.contentSection .innerImage {
  width: 63.55%;
  float: left;
  padding: 0 100px 0 0;
}
@media all and (min-width: 640px) and (max-width: 1340px) {
  .contentSection .innerImage {
    padding: 0 20px 20px;
  }
}
@media all and (max-width: 640px) {
  .contentSection .innerImage {
    padding: 0 0 20px;
  }
}
.contentSection .innerText {
  width: 36.34%;
  float: left;
  padding: 0 115px 0 0;
}
@media all and (min-width: 640px) and (max-width: 1340px) {
  .contentSection .innerText {
    padding: 0 30px 0 30px;
  }
}
@media all and (max-width: 640px) {
  .contentSection .innerText {
    padding: 0;
  }
}
.contentSection .innerText .description {
  margin-bottom: 20px;
}
@media all and (max-width: 640px) {
  .contentSection .innerText .description {
    margin: 0;
    padding: 0 0 20px;
  }
}
.contentSection .innerText h2 {
  font-size: 24px;
}
.contentSection.imageRight .innerImage {
  text-align: right;
  padding: 0 0 0 100px;
}
@media all and (min-width: 640px) and (max-width: 1340px), all and (max-width: 640px) {
  .contentSection.imageRight .innerImage {
    padding: 0 20px 20px;
  }
}
.contentSection.imageRight .innerText {
  padding: 0 0 0 115px;
}
@media all and (min-width: 640px) and (max-width: 1340px) {
  .contentSection.imageRight .innerText {
    padding: 0 0 0 30px;
  }
}
@media all and (max-width: 640px) {
  .contentSection.imageRight .innerText {
    padding: 0 20px;
  }
}
@media all and (max-width: 640px) {
  .contentSection {
    padding: 20px 0;
  }
  .contentSection .innerImage,
  .contentSection .innerText {
    width: 100%;
    margin: 0;
    padding: 0 20px 20px;
  }
  .contentSection .innerText {
    margin-bottom: 20px;
  }
  .contentSection .innerText .description {
    margin-bottom: 20px;
  }
}
.simpleCallToAction {
  *zoom: 1;
  text-align: center;
  padding: 55px 0 65px;
  background: #fff;
  margin: 0 auto;
  width: 100%;
  max-width: 1340px;
  display: block;
  margin: 50px auto;
}
.simpleCallToAction:before,
.simpleCallToAction:after {
  content: "";
  display: table;
}
.simpleCallToAction:after {
  clear: both;
}
@media all and (max-width: 1380px) {
  .simpleCallToAction {
    padding: 0 20px;
  }
}
.simpleCallToAction .wrapper {
  padding: 0;
}
@media all and (max-width: 1100px) {
  .simpleCallToAction .wp-block-columns {
    flex-wrap: wrap !important;
    justify-content: center;
  }
}
.isDark .simpleCallToAction {
  background: none;
  color: #fff;
}
@media all and (max-width: 640px), all and (min-width: 640px) and (max-width: 1340px) {
  .simpleCallToAction {
    padding: 55px 20px 65px;
  }
}
.simpleCallToAction h2 {
  color: #676767;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: normal;
}
.isDark .simpleCallToAction h2 {
  color: #fff;
}
.simpleCallToAction .button {
  float: none;
  display: inline-block;
}
/*
 * Blog Posts
 */
.blogWrapper {
  margin: 0 auto;
  width: 100%;
  max-width: 1340px;
  display: block;
  *zoom: 1;
  padding: 80px 0;
  clear: both;
}
@media all and (max-width: 1380px) {
  .blogWrapper {
    padding: 0 20px;
  }
}
.blogWrapper .wrapper {
  padding: 0;
}
@media all and (max-width: 1100px) {
  .blogWrapper .wp-block-columns {
    flex-wrap: wrap !important;
    justify-content: center;
  }
}
.blogWrapper:before,
.blogWrapper:after {
  content: "";
  display: table;
}
.blogWrapper:after {
  clear: both;
}
@media all and (min-width: 640px) and (max-width: 1340px) {
  .blogWrapper {
    padding: 50px 0;
  }
}
@media all and (max-width: 640px) {
  .blogWrapper {
    padding: 20px;
  }
}
.latestBlogPost {
  margin: 0 auto;
  width: 100%;
  max-width: 1340px;
  display: block;
  *zoom: 1;
}
@media all and (max-width: 1380px) {
  .latestBlogPost {
    padding: 0 20px;
  }
}
.latestBlogPost .wrapper {
  padding: 0;
}
@media all and (max-width: 1100px) {
  .latestBlogPost .wp-block-columns {
    flex-wrap: wrap !important;
    justify-content: center;
  }
}
.latestBlogPost:before,
.latestBlogPost:after {
  content: "";
  display: table;
}
.latestBlogPost:after {
  clear: both;
}
@media all and (max-width: 640px) {
  .latestBlogPost {
    padding: 0;
  }
}
.latestBlogPost .latestBlogImageWrap {
  float: right;
  width: 58%;
  text-align: right;
  margin-bottom: 40px;
}
@media all and (min-width: 640px) and (max-width: 1340px) {
  .latestBlogPost .latestBlogImageWrap {
    padding: 20px;
  }
}
@media all and (max-width: 640px) {
  .latestBlogPost .latestBlogImageWrap {
    width: 100%;
    margin-bottom: 20px;
  }
}
.latestBlogPost .innerText {
  float: left;
  width: 38%;
  margin-bottom: 40px;
  padding-left: 60px;
}
@media all and (max-width: 640px) {
  .latestBlogPost .innerText {
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
  }
}
.latestBlogPost .innerText h2 {
  font-size: 24px;
}
.latestBlogPost .innerText .blogDate {
  color: #c65219;
  font-size: 14px;
  margin-bottom: 20px;
}
.latestBlogPost .innerText .latestBlogContent {
  margin-bottom: 45px;
}
.blogPost {
  *zoom: 1;
  clear: both;
  margin: 0 auto 0;
  max-width: 700px;
}
.blogPost:before,
.blogPost:after {
  content: "";
  display: table;
}
.blogPost:after {
  clear: both;
}
@media all and (max-width: 640px), all and (min-width: 640px) and (max-width: 1340px) {
  .blogPost {
    padding: 0 20px;
  }
}
.blogPost .blogTitle {
  font-size: 36px;
  margin-bottom: 30px;
  font-weight: 500;
}
@media all and (max-width: 640px) {
  .blogPost .blogTitle {
    line-height: 1.2;
  }
}
.blogPost .blogDate {
  color: #c65219;
  font-size: 14px;
  margin-bottom: 35px;
}
.blogPost .blogArticle {
  margin-bottom: 60px;
}
.blogPost .blogArticle p {
  font-size: 0.8125em;
  margin-bottom: 30px;
}
@media all and (max-width: 640px) {
  .blogPost .blogArticle p {
    margin-bottom: 15px;
  }
}
.blogPost .buttonGroup {
  text-align: center;
}
.blogPost .button {
  margin: 0 auto;
}
.contactMap {
  width: 100%;
  height: 400px;
  background: #f1f1f1;
}
.badgeContentDetails h1 {
  font-weight: 500;
  line-height: 1.2;
}
.badgeContentDetails h2 {
  color: #039290;
}
.badgeContentDetails .innerText {
  border-bottom: 1px solid #dee3e5;
  padding: 0 0 40px;
  margin: 0 0 40px;
}
.badgeContentDetails .innerText:last-child {
  border-bottom: 0;
  padding: 0;
  margin: 0;
}
.isDark .badgeContentDetails .collapsablePanel {
  background-color: #000000;
  color: #ffffff;
}
.isDark .badgeContentDetails .collapsablePanel h2 {
  color: #ffffff;
}
.isDark .badgeContentDetails .collapsablePanel .badgeCriteria a {
  color: #007cbd !important;
}
.isDark .badgeContentDetails .collapsablePanel .badgeCriteria a:hover,
.isDark .badgeContentDetails .collapsablePanel .badgeCriteria a:focus {
  color: #004289 !important;
}
.badgeDetailSidebar .imageWrap {
  margin-bottom: 40px;
  text-align: center;
}
@media all and (max-width: 770px) {
  .badgeDetailSidebar .imageWrap {
    margin-bottom: 20px;
    width: 100%;
  }
  .badgeDetailSidebar .imageWrap img {
    max-width: 350px;
  }
}
.badgeDetailSidebar .button {
  margin-bottom: 40px;
  padding: 15px 22px;
}
@media all and (max-width: 640px) {
  .badgeDetailSidebar .button {
    margin-bottom: 20px;
  }
}
.badgeDetailSidebar .badgeOverview {
  color: #039290;
  display: block;
  margin-bottom: 20px;
}
.badgeDetailSidebar .badgeOverview i {
  margin-left: 10px;
}
.badgeDetailSidebar .innerText {
  text-align: left;
}
.badgeDetailSidebar .badgeIssuerDetailsWrap {
  margin: 40px 0 0;
  text-align: left;
}
.badgeDetailSidebar .badgeIssuerDetailsWrap h3 {
  margin: 0 0 20px;
}
.collapsablePanel {
  padding: 42px 44px;
  margin: 0 0 40px;
  background: #f7f9fb;
  border-radius: 10px;
}
@media all and (max-width: 640px) {
  .collapsablePanel {
    padding: 20px;
  }
}
.collapsablePanel:last-child .innerText:last-child {
  margin: 0;
}
.collapsablePanel.open h2:after {
  transform: rotate(180deg);
}
.collapsablePanel > button {
  display: block;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  background: none;
  border: 0;
  transition: opacity 0.3s ease-in-out 0s;
  outline: none !important;
  text-align: left;
}
.collapsablePanel h2 {
  font-size: 1.8125rem;
  color: #383838;
}
@media all and (max-width: 640px) {
  .collapsablePanel h2 {
    font-size: 1.375rem;
  }
}
.collapsablePanel h2:after {
  content: '\f107';
  display: inline-block;
  float: right;
  color: #00908e;
  margin-top: -8px;
  font-size: 40px;
  font-family: 'fontAwesome';
  text-align: center;
  line-height: 38px;
  transition: transform 0.3s ease-in-out 0s;
  transform: rotate(0deg);
}
.collapsablePanel .innerText {
  display: block;
  border-bottom: 0;
  padding: 0;
  margin: 0 0 30px;
}
.collapsablePanel .innerText:last-child {
  margin: 0 0 30px;
}
/*
 * Copyright and Credits
 */
.footerWrap {
  clear: both;
  background: #343539;
  position: relative;
}
@media all and (max-width: 815px) {
  .footerWrap {
    padding-top: 40px;
  }
}
.footerWrap #credits {
  float: left;
  margin: 22px 0;
  border-left: 1px solid #fff;
  padding-left: 15px;
}
@media all and (max-width: 815px) {
  .footerWrap #credits {
    margin: 0;
    padding: 0;
    border-left: 0;
  }
}
.footerWrap #copyright {
  float: left;
  margin: 22px 0;
  padding-right: 15px;
}
@media all and (max-width: 815px) {
  .footerWrap #copyright {
    margin: 0;
    padding: 0;
  }
}
.footerWrap #credits,
.footerWrap #copyright {
  color: #fff;
  line-height: 1.2;
}
@media all and (max-width: 815px) {
  .footerWrap #credits,
  .footerWrap #copyright {
    float: none;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
  }
}
.footerWrap #credits a,
.footerWrap #copyright a {
  color: #fff;
}
.footerWrap #credits strong:hover,
.footerWrap #copyright strong:hover {
  color: #f38148;
}
/*
 * Video and text
 */
.outOfFocusBackground {
  background: url('https://www.mylearning.scot/wp-content/themes/ssscnew/less/../images/headerBackground.jpg') center center;
  background-size: cover;
  padding: 40px 0 30px;
  color: #fff;
}
/*
 * Title Wrapper
 */
.titleWrapper {
  *zoom: 1;
}
.titleWrapper:before,
.titleWrapper:after {
  content: "";
  display: table;
}
.titleWrapper:after {
  clear: both;
}
@media all and (max-width: 640px), all and (min-width: 640px) and (max-width: 1340px) {
  .titleWrapper {
    padding: 40px 20px;
  }
}
@media all and (max-width: 640px) {
  .titleWrapper {
    text-align: center;
  }
}
.titleWrapper h2 {
  font-size: 1.625em;
  color: #fff;
  float: left;
  padding-right: 75px;
  margin: 0;
  line-height: 1;
  font-weight: 700;
}
@media all and (max-width: 640px) {
  .titleWrapper h2 {
    margin: 0 0 30px;
    padding: 0;
    float: none;
  }
}
.titleWrapper h2 span {
  display: block;
  font-weight: 500;
  margin: 0 0 15px;
  font-size: 1.5rem;
}
.titleWrapper .innerText {
  float: left;
  line-height: 38px;
}
@media all and (max-width: 640px) {
  .titleWrapper .innerText {
    line-height: 1.2;
    width: 100%;
    float: none;
  }
}
@media all and (max-width: 640px) {
  .titleWrapper .buttonAlt {
    float: none;
    margin: 0 auto;
  }
}
.videoTextWrap {
  *zoom: 1;
}
.videoTextWrap:before,
.videoTextWrap:after {
  content: "";
  display: table;
}
.videoTextWrap:after {
  clear: both;
}
@media all and (max-width: 640px) {
  .videoTextWrap {
    padding: 20px;
  }
}
.videoTextWrap .description,
.videoTextWrap .video {
  width: 50%;
  float: left;
  color: #fff;
}
@media all and (min-width: 641px) and (max-width: 910px) {
  .videoTextWrap .description,
  .videoTextWrap .video {
    width: 100%;
  }
}
@media all and (max-width: 640px) {
  .videoTextWrap .description,
  .videoTextWrap .video {
    width: 100%;
  }
}
.videoTextWrap .description h1,
.videoTextWrap .video h1 {
  color: #fff;
}
@media all and (max-width: 640px) {
  .videoTextWrap .description h1,
  .videoTextWrap .video h1 {
    font-size: 1.5em;
    line-height: 1.5;
  }
}
.videoTextWrap .video {
  padding: 0 20px;
  float: right;
}
@media all and (min-width: 641px) and (max-width: 910px) {
  .videoTextWrap .video {
    padding: 0;
  }
}
@media all and (max-width: 640px) {
  .videoTextWrap .video {
    padding: 0;
    margin: 0 0 40px;
    float: none;
  }
}
.videoTextWrap .description {
  padding: 30px 50px 30px 0;
}
@media all and (max-width: 640px) {
  .videoTextWrap .description {
    padding: 0 0 30px;
  }
}
.videoTextWrap .description .innerText {
  margin-bottom: 35px;
}
.statsWrap {
  padding: 100px 0;
  clear: both;
}
@media all and (max-width: 640px), all and (min-width: 640px) and (max-width: 1340px) {
  .statsWrap {
    padding: 40px 20px;
  }
  .statsWrap .wrapper {
    padding: 0;
  }
}
@media all and (min-width: 701px) and (max-width: 790px) {
  .statsWrap {
    padding: 40px 0;
  }
}
.statsWrap .innerText {
  float: left;
  width: 28%;
  margin-right: 2%;
}
@media all and (min-width: 640px) and (max-width: 1340px) {
  .statsWrap .innerText {
    width: 100%;
    margin: 0 0 20px;
  }
}
@media all and (min-width: 701px) and (max-width: 790px) {
  .statsWrap .innerText {
    padding: 0 20px;
  }
}
@media all and (max-width: 640px) {
  .statsWrap .innerText {
    width: 100%;
    margin: 0;
  }
}
.statsWrap .innerText h2 {
  color: #fff;
}
.statsWrap .stats {
  width: 70%;
  float: right;
}
@media all and (max-width: 640px), all and (min-width: 640px) and (max-width: 1340px) {
  .statsWrap .stats {
    width: 100%;
    float: none;
  }
}
.statsWrap .stats ul {
  display: table;
  width: 100%;
}
@media all and (max-width: 700px) {
  .statsWrap .stats ul {
    display: block;
    clear: both;
  }
}
.statsWrap .stats ul li {
  display: table-cell;
  border-left: 1px solid #7a7a7f;
  padding: 0 20px;
}
@media all and (min-width: 640px) and (max-width: 1340px) {
  .statsWrap .stats ul li:first-child {
    border-left: none;
  }
}
@media all and (max-width: 700px) {
  .statsWrap .stats ul li {
    display: block;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #7a7a7f;
    padding: 30px 0;
  }
  .statsWrap .stats ul li:last-child {
    border: 0;
    padding-bottom: 0;
  }
}
.statsWrap .stats ul li span {
  display: block;
  font-size: 5em;
  font-family: museo, sans-serif;
  font-weight: bold;
  line-height: 1;
}
.statsWrap .stats ul li p {
  display: block;
  font-size: 1.5em;
  font-family: museo, sans-serif;
  font-weight: bold;
}
.statsWrap .stats ul li a {
  color: #fff;
}
.statsWrap .stats ul li a:hover {
  color: #e06c33;
}
.statsWrap .stats ul li a i {
  margin-left: 5px;
  color: #c65219;
}
.badgeCallout {
  *zoom: 1;
  padding: 60px 0;
}
.badgeCallout:before,
.badgeCallout:after {
  content: "";
  display: table;
}
.badgeCallout:after {
  clear: both;
}
@media all and (max-width: 640px), all and (min-width: 640px) and (max-width: 1340px) {
  .badgeCallout {
    padding: 30px 20px 40px;
    text-align: center;
  }
}
.badgeCallout .title {
  float: left;
  width: 45%;
}
@media all and (max-width: 640px), all and (min-width: 640px) and (max-width: 1340px) {
  .badgeCallout .title {
    width: 100%;
    margin: 0 0 20px;
    text-align: center;
  }
}
.badgeCallout .title h2 {
  color: #fff;
  font-size: 2.25em;
  line-height: 1;
  margin: 0;
}
.badgeCallout .innerText {
  float: left;
  width: 30%;
  margin-right: 4%;
}
@media all and (max-width: 640px), all and (min-width: 640px) and (max-width: 1340px) {
  .badgeCallout .innerText {
    width: 100%;
    margin: 0 0 20px;
  }
}
.badgeCallout .buttonWrap {
  float: left;
  width: 20%;
  text-align: right;
}
@media all and (max-width: 640px), all and (min-width: 640px) and (max-width: 1340px) {
  .badgeCallout .buttonWrap {
    width: 100%;
    float: none;
    text-align: center;
  }
}
.badgeIssuerName {
  margin: 0 0 5px 0;
  color: #c65219;
  font-family: museo, sans-serif;
  font-weight: bold;
  line-height: 1.2;
  color: #000000;
  text-align: center;
  font-size: 15px;
}
.callToActionWrap {
  padding: 110px 0;
  background: #fff;
}
@media all and (max-width: 640px) {
  .callToActionWrap {
    padding: 40px 0 20px;
  }
}
.callToActionWrap .callToAction {
  float: left;
  width: 50%;
  padding: 0 55px;
  text-align: center;
}
@media all and (min-width: 640px) and (max-width: 1340px), all and (max-width: 640px) {
  .callToActionWrap .callToAction {
    padding: 0 35px;
  }
}
.callToActionWrap .callToAction h2 {
  color: #c65219;
}
.callToActionWrap .callToAction:first-child {
  border-right: 1px solid #dee3e5;
}
.callToActionWrap .callToAction:first-child h2 {
  color: #039290;
}
@media all and (min-width: 641px) and (max-width: 755px) {
  .callToActionWrap .callToAction h2 {
    min-height: 72px;
  }
}
@media all and (max-width: 640px) {
  .callToActionWrap .callToAction {
    width: 100%;
    margin: 0 0 40px;
  }
  .callToActionWrap .callToAction:nth-child(1) {
    margin-bottom: 70px;
  }
}
.callToActionWrap .callToAction .innerText {
  margin-bottom: 30px;
}
.callToActionWrap .callToAction .imageWrap {
  height: 85px;
  margin-bottom: 10px;
}
.callToActionWrap .callToAction img {
  max-width: 250px;
}
.latestBadgesWrap {
  *zoom: 1;
  padding: 55px 0 0;
  background: #e8e8e8;
}
.latestBadgesWrap:before,
.latestBadgesWrap:after {
  content: "";
  display: table;
}
.latestBadgesWrap:after {
  clear: both;
}
.latestBadgesWrap .mobileButton {
  display: none;
}
@media all and (max-width: 640px) {
  .latestBadgesWrap {
    padding: 0;
  }
  .latestBadgesWrap .mobileButton {
    display: block;
    text-align: center;
    padding: 20px;
  }
  .latestBadgesWrap .title .buttonAlt {
    display: none;
  }
}
.latestBadgesWrap .title {
  *zoom: 1;
  width: 100%;
}
.latestBadgesWrap .title:before,
.latestBadgesWrap .title:after {
  content: "";
  display: table;
}
.latestBadgesWrap .title:after {
  clear: both;
}
@media all and (max-width: 640px) {
  .latestBadgesWrap .title {
    padding: 20px;
  }
}
.latestBadgesWrap .title h2 {
  float: left;
  margin: 0;
}
.latestBadgesWrap .title .buttonAlt {
  float: right;
}
.badgeHighlightTabs {
  position: relative;
  clear: both;
  *zoom: 1;
  float: left;
}
.badgeHighlightTabs:before,
.badgeHighlightTabs:after {
  content: "";
  display: table;
}
.badgeHighlightTabs:after {
  clear: both;
}
@media all and (max-width: 640px) {
  .badgeHighlightTabs {
    width: 100%;
    text-align: center;
  }
}
.badgeHighlightTabs li {
  margin-right: 20px;
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.badgeHighlightTabs li.active:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 10px solid transparent;
  border-top: 10px solid #039290;
}
.badgesListingWrap {
  clear: both;
  padding: 60px 0;
}
@media all and (max-width: 640px) {
  .badgesListingWrap {
    padding: 20px;
  }
}
.badgesListingWrap .featuredBadgesListingTab {
  display: none;
}
.badgesListingWrap .badgesListing,
.badgesListingWrap .featuredBadgesListing {
  *zoom: 1;
}
.badgesListingWrap .badgesListing:before,
.badgesListingWrap .featuredBadgesListing:before,
.badgesListingWrap .badgesListing:after,
.badgesListingWrap .featuredBadgesListing:after {
  content: "";
  display: table;
}
.badgesListingWrap .badgesListing:after,
.badgesListingWrap .featuredBadgesListing:after {
  clear: both;
}
.badgesListingWrap .badgesListing li,
.badgesListingWrap .featuredBadgesListing li {
  float: left;
  width: calc(33.3% - 40px);
  margin: 0 60px 60px 0;
  text-align: center;
  background: #fff;
  position: relative;
}
@media all and (min-width: 641px) and (max-width: 855px) {
  .badgesWrap .badgesListingWrap .badgesListing li,
  .badgesWrap .badgesListingWrap .featuredBadgesListing li {
    width: calc((100% - 20px) / 2);
    margin-bottom: 40px;
  }
  .badgesWrap .badgesListingWrap .badgesListing li:nth-of-type(3n),
  .badgesWrap .badgesListingWrap .featuredBadgesListing li:nth-of-type(3n) {
    margin-right: 20px;
  }
  .badgesWrap .badgesListingWrap .badgesListing li:nth-of-type(even),
  .badgesWrap .badgesListingWrap .featuredBadgesListing li:nth-of-type(even) {
    margin-right: 0;
  }
}
@media all and (min-width: 640px) and (max-width: 1340px) {
  .badgesListingWrap .badgesListing li,
  .badgesListingWrap .featuredBadgesListing li {
    width: calc((100% - 20px * 2) / 3);
    margin-right: 20px;
  }
}
@media all and (max-width: 640px) {
  .badgesListingWrap .badgesListing li,
  .badgesListingWrap .featuredBadgesListing li {
    width: 100%;
    margin: 0 0 40px;
  }
}
.badgesListingWrap .badgesListing li a,
.badgesListingWrap .featuredBadgesListing li a {
  display: block;
  padding: 40px;
  color: #383838;
}
.badgesListingWrap .badgesListing li a:hover,
.badgesListingWrap .featuredBadgesListing li a:hover {
  color: #383838;
}
.badgesListingWrap .badgesListing li:nth-child(3n),
.badgesListingWrap .featuredBadgesListing li:nth-child(3n) {
  margin-right: 0;
}
.badgesListingWrap .badgesListing li .imageWrap,
.badgesListingWrap .featuredBadgesListing li .imageWrap {
  margin: 0 0 20px;
  text-align: center;
}
@media all and (min-width: 1340px) {
  .badgesListingWrap .badgesListing li .imageWrap,
  .badgesListingWrap .featuredBadgesListing li .imageWrap {
    min-width: 126px;
    min-height: 126px;
    line-height: 126px;
  }
}
.badgesListingWrap .badgesListing li .imageWrap img,
.badgesListingWrap .featuredBadgesListing li .imageWrap img {
  max-width: 126px;
  max-height: 126px;
}
.badgesListingWrap .badgesListing li h2,
.badgesListingWrap .featuredBadgesListing li h2 {
  font-size: 1.125em;
  color: #039290;
}
.badgesListingWrap .badgesListing li .badgeDetailLink,
.badgesListingWrap .featuredBadgesListing li .badgeDetailLink {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 50px;
  height: 50px;
  line-height: 48px;
  margin: -25px 0 0 -25px;
  background: #c65219;
  border-radius: 50%;
  color: #fff;
  font-size: 1.875em;
  text-indent: 2px;
  text-align: center;
  -webkit-transition: background 0.3 ease-in;
  -moz-transition: background 0.3 ease-in;
  -ms-transition: background 0.3 ease-in;
  -o-transition: background 0.3 ease-in;
  transition: background 0.3 ease-in;
}
.badgesListingWrap .badgesListing li:hover .badgeDetailLink,
.badgesListingWrap .featuredBadgesListing li:hover .badgeDetailLink {
  background: #039290;
}
.gettingStartedWithBadges {
  background: #fff;
  padding: 95px 0;
}
@media all and (max-width: 640px), all and (min-width: 640px) and (max-width: 1340px) {
  .gettingStartedWithBadges {
    padding: 40px 20px;
    text-align: center;
  }
}
.gettingStartedWithBadges .title {
  float: left;
  width: 25%;
  padding-right: 40px;
}
@media all and (max-width: 640px), all and (min-width: 640px) and (max-width: 1340px) {
  .gettingStartedWithBadges .title {
    width: 100%;
    padding: 0;
    margin: 0 0 20px;
  }
}
.gettingStartedWithBadges .gettingStarted {
  float: left;
  width: 40%;
  padding: 0 0 0 40px;
}
@media all and (max-width: 640px), all and (min-width: 640px) and (max-width: 1340px) {
  .gettingStartedWithBadges .gettingStarted {
    width: 100%;
    padding: 0;
  }
}
.gettingStartedWithBadges .gettingStarted li {
  margin: 0 0 20px;
  line-height: 1;
}
.gettingStartedWithBadges .gettingStarted li a {
  color: #e06c33;
}
.gettingStartedWithBadges .gettingStarted li a i {
  margin-left: 5px;
}
.gettingStartedWithBadges .gettingStarted li a:hover {
  color: #039290;
}
.gettingStartedWithBadges .findOutMore {
  float: left;
  width: 35%;
  padding: 0 0 0 80px;
  border-left: 1px solid #dee3e5;
}
@media all and (max-width: 640px), all and (min-width: 640px) and (max-width: 1340px) {
  .gettingStartedWithBadges .findOutMore {
    border: 0;
    width: 100%;
    padding: 0;
    margin: 20px 0 0 0;
  }
}
/*
 * Content sidebar
 */
.contentWrap,
.contactWrap {
  margin: 0 auto;
  width: 100%;
  max-width: 1340px;
  display: block;
  *zoom: 1;
  padding: 30px 20px;
}
@media all and (max-width: 1380px) {
  .contentWrap,
  .contactWrap {
    padding: 0 20px;
  }
}
.contentWrap .wrapper,
.contactWrap .wrapper {
  padding: 0;
}
@media all and (max-width: 1100px) {
  .contentWrap .wp-block-columns,
  .contactWrap .wp-block-columns {
    flex-wrap: wrap !important;
    justify-content: center;
  }
}
.contentWrap:before,
.contactWrap:before,
.contentWrap:after,
.contactWrap:after {
  content: "";
  display: table;
}
.contentWrap:after,
.contactWrap:after {
  clear: both;
}
@media all and (max-width: 640px) {
  .contentWrap,
  .contactWrap {
    padding: 0;
  }
}
@media all and (max-width: 1380px) {
  .contentWrap,
  .contactWrap {
    padding: 30px 20px;
  }
}
.contentWrap .sidebar,
.contactWrap .sidebar {
  background: #fff;
  width: 352px;
  margin: 0 47px 0 0;
  float: left;
  padding: 57px;
}
@media all and (min-width: 641px) and (max-width: 885px) {
  .contentWrap .sidebar,
  .contactWrap .sidebar {
    margin: 0 20px 0 0;
    padding: 20px;
    width: 290px;
  }
}
@media all and (max-width: 770px) {
  .contentWrap .sidebar,
  .contactWrap .sidebar {
    width: 100%;
    margin: 0;
    padding: 40px 20px;
    border: 0;
  }
}
.contentWrap .sidebar.contactDetails span.tel,
.contactWrap .sidebar.contactDetails span.tel,
.contentWrap .sidebar.contactDetails span.email,
.contactWrap .sidebar.contactDetails span.email {
  display: block;
}
.contentWrap .content,
.contactWrap .content {
  width: calc(100% - 352px);
  float: left;
}
.contentWrap .content .fullWidthMessage,
.contactWrap .content .fullWidthMessage {
  padding: 0;
}
@media all and (min-width: 641px) and (max-width: 885px) {
  .contentWrap .content,
  .contactWrap .content {
    width: calc(100% - 360px);
  }
}
.contentWrap .content .contentDetail,
.contactWrap .content .contentDetail,
.contentWrap .content .applyForBadges,
.contactWrap .content .applyForBadges {
  background: #fff;
  *zoom: 1;
  clear: both;
}
.contentWrap .content .contentDetail:before,
.contactWrap .content .contentDetail:before,
.contentWrap .content .applyForBadges:before,
.contactWrap .content .applyForBadges:before,
.contentWrap .content .contentDetail:after,
.contactWrap .content .contentDetail:after,
.contentWrap .content .applyForBadges:after,
.contactWrap .content .applyForBadges:after {
  content: "";
  display: table;
}
.contentWrap .content .contentDetail:after,
.contactWrap .content .contentDetail:after,
.contentWrap .content .applyForBadges:after,
.contactWrap .content .applyForBadges:after {
  clear: both;
}
.contentWrap .content .contentDetail.essentialBadges,
.contactWrap .content .contentDetail.essentialBadges,
.contentWrap .content .applyForBadges.essentialBadges,
.contactWrap .content .applyForBadges.essentialBadges {
  margin-top: 50px;
}
@media all and (max-width: 770px) {
  .contentWrap .content,
  .contactWrap .content {
    width: 100%;
  }
}
.contentWrap .content img + .innerContent,
.contactWrap .content img + .innerContent {
  margin-top: 50px;
}
.contentWrap .content .innerContent,
.contactWrap .content .innerContent {
  padding-bottom: 50px;
  *zoom: 1;
  line-height: 26px;
}
.contentWrap .content .innerContent:before,
.contactWrap .content .innerContent:before,
.contentWrap .content .innerContent:after,
.contactWrap .content .innerContent:after {
  content: "";
  display: table;
}
.contentWrap .content .innerContent:after,
.contactWrap .content .innerContent:after {
  clear: both;
}
.contentWrap .content .innerContent p,
.contactWrap .content .innerContent p {
  font-size: 1.125rem;
  line-height: 28px;
}
.contentWrap .content .innerContent h1,
.contactWrap .content .innerContent h1 {
  font-size: 1.8125rem;
  line-height: 33.98px;
}
@media all and (max-width: 640px) {
  .contentWrap .content .innerContent h1,
  .contactWrap .content .innerContent h1 {
    line-height: 1.5;
  }
}
.contentWrap .content .innerContent p a,
.contactWrap .content .innerContent p a {
  text-decoration: underline;
}
.contentWrap .content .innerContent a:hover,
.contactWrap .content .innerContent a:hover,
.contentWrap .content .innerContent a:focus,
.contactWrap .content .innerContent a:focus {
  color: #007cbd !important;
}
.contentWrap .content .innerContent img[style="float: left;"],
.contactWrap .content .innerContent img[style="float: left;"] {
  margin: 5px 25px 25px 0;
}
.contentWrap .content .innerContent img[style="float: right;"],
.contactWrap .content .innerContent img[style="float: right;"] {
  margin: 5px 0 25px 25px;
}
.contentWrap .content .innerContent ul,
.contactWrap .content .innerContent ul {
  margin: 20px 0 20px 32px;
  clear: both;
}
.contentWrap .content .innerContent ul:last-child,
.contactWrap .content .innerContent ul:last-child {
  margin-bottom: 0;
}
@media all and (max-width: 640px), all and (min-width: 640px) and (max-width: 1340px) {
  .contentWrap .content .innerContent ul:last-child,
  .contactWrap .content .innerContent ul:last-child {
    margin: 20px 0 20px 32px;
  }
}
.contentWrap .content .innerContent ul li,
.contactWrap .content .innerContent ul li {
  position: relative;
  font-size: 18px;
  margin-bottom: 10px;
}
.contentWrap .content .innerContent ul li::before,
.contactWrap .content .innerContent ul li::before {
  content: '';
  position: absolute;
  right: 100%;
  top: 8px;
  margin-right: 10px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #00908e;
}
.contentWrap .content .innerContent ol li,
.contactWrap .content .innerContent ol li {
  font-size: 18px;
  line-height: 28px;
}
.contentWrap .content .innerContent .bbpress-wrapper li:before,
.contactWrap .content .innerContent .bbpress-wrapper li:before {
  content: none;
}
.contentWrap .content .innerContent.peerAssessing .badgeDetails,
.contactWrap .content .innerContent.peerAssessing .badgeDetails {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 0 40px;
  padding: 0 0 40px;
  border-bottom: 1px solid #DEE3E5;
}
.contentWrap .content .innerContent.peerAssessing .badgeDetails .imageWrap,
.contactWrap .content .innerContent.peerAssessing .badgeDetails .imageWrap {
  width: 130px;
}
.contentWrap .content .innerContent.peerAssessing .badgeDetails .imageWrap img,
.contactWrap .content .innerContent.peerAssessing .badgeDetails .imageWrap img {
  width: 90px;
  height: auto;
}
.contentWrap .content .innerContent.peerAssessing .badgeDetails .info,
.contactWrap .content .innerContent.peerAssessing .badgeDetails .info {
  width: calc(100% - 130px);
}
.contentWrap .content .innerContent.peerAssessing .badgeDetails .info h4,
.contactWrap .content .innerContent.peerAssessing .badgeDetails .info h4 {
  color: #c65219;
  font-size: 1.125rem;
  margin: 0;
  line-height: 32px;
  font-weight: 700;
}
.contentWrap .content .innerContent.peerAssessing .badgeDetails .info span,
.contactWrap .content .innerContent.peerAssessing .badgeDetails .info span {
  color: #272727;
  font-size: 0.875rem;
}
.contentWrap .content .innerContent.peerAssessing .evidenceWrap,
.contactWrap .content .innerContent.peerAssessing .evidenceWrap {
  color: #272727;
}
.contentWrap .content .innerContent.peerAssessing .evidenceWrap a,
.contactWrap .content .innerContent.peerAssessing .evidenceWrap a {
  display: block;
  margin: 5px 0;
}
.contentWrap .content .innerContent.peerAssessing .evidenceWrap img,
.contactWrap .content .innerContent.peerAssessing .evidenceWrap img {
  display: block;
  max-height: 400px;
  width: auto;
  margin: 20px 0;
}
@media all and (max-width: 770px) {
  .contentWrap .content .innerContent,
  .contactWrap .content .innerContent {
    padding-bottom: 20px;
  }
}
@media all and (max-width: 640px) {
  .contentWrap .content .innerContent p,
  .contactWrap .content .innerContent p,
  .contentWrap .content .innerContent ul li,
  .contactWrap .content .innerContent ul li,
  .contentWrap .content .innerContent ol li,
  .contactWrap .content .innerContent ol li {
    font-size: 16px;
    line-height: 26px;
  }
  .contentWrap .content .innerContent ul li::before,
  .contactWrap .content .innerContent ul li::before {
    top: 6px;
  }
}
@media all and (max-width: 770px) {
  .contentWrap .content img + .innerContent,
  .contactWrap .content img + .innerContent {
    margin-top: 20px;
  }
}
@media all and (max-width: 640px) {
  .contentWrap .contentDetail {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.contentWrap .contentDetail h3 {
  margin-top: 30px;
  font-size: 1.5625rem;
  line-height: 29.3px;
}
.contentWrap .contentDetail h3:first-child {
  margin-top: 0;
}
.contentWrap.accountWrap .sidebar:not(.assessWrap) {
  background: transparent;
  border: 0;
  padding: 0;
}
.contentWrap.accountWrap .sidebar:not(.assessWrap) .accountDetails,
.contentWrap.accountWrap .sidebar:not(.assessWrap) .yourAccountSidebar {
  background: #fff;
  width: 100%;
  margin: 0 0 40px;
}
.contentWrap.accountWrap .sidebar:not(.assessWrap) .accountDetails .name {
  color: #272727;
  font-size: 1.5rem;
  padding: 0 0 30px;
  margin: 0 0 30px;
  line-height: 1;
  border-bottom: 1px solid #DEE3E5;
}
.contentWrap.accountWrap .sidebar:not(.assessWrap) .accountDetails .good {
  color: #468847;
}
.contentWrap.accountWrap .sidebar:not(.assessWrap) .accountDetails .you_have_strikes {
  color: #C09853;
}
.contentWrap.accountWrap .sidebar:not(.assessWrap) .accountDetails .suspended {
  color: #B94A48;
}
.contentWrap.accountWrap .sidebar:not(.assessWrap) .accountDetails strong {
  display: block;
  font-size: 1.125rem;
  color: #c65219;
}
.contentWrap.accountWrap .sidebar:not(.assessWrap) .accountDetails .credits,
.contentWrap.accountWrap .sidebar:not(.assessWrap) .accountDetails .strikes {
  display: block;
  margin: 0 0 20px;
  padding: 0 0 20px;
  border-bottom: 1px solid #DEE3E5;
}
.contentWrap.accountWrap .sidebar.assessWrap {
  padding: 60px 40px;
}
.contentWrap.accountWrap .sidebar.assessWrap .formGroup {
  display: block;
  width: 100%;
  margin: 0 0 20px;
  border-bottom: 1px solid #E8E8E8;
}
.contentWrap.accountWrap .sidebar.assessWrap .formGroup h3 {
  color: #c65219;
  font-size: 1.125rem;
  font-weight: 700;
  padding: 5px 0;
  display: block;
  position: relative;
  cursor: pointer;
}
.contentWrap.accountWrap .sidebar.assessWrap .formGroup h3:hover {
  color: #993f13;
}
.contentWrap.accountWrap .sidebar.assessWrap .formGroup h3:after {
  content: '\f107';
  position: absolute;
  font-family: 'fontAwesome';
  font-size: 1rem;
  margin-left: 15px;
  line-height: 1.8;
  top: 50%;
  transform: translateY(-50%);
}
.contentWrap.accountWrap .sidebar.assessWrap .formGroup .contentForm {
  *zoom: 1;
  display: flex;
  flex-wrap: wrap;
}
.contentWrap.accountWrap .sidebar.assessWrap .formGroup .contentForm:before,
.contentWrap.accountWrap .sidebar.assessWrap .formGroup .contentForm:after {
  content: "";
  display: table;
}
.contentWrap.accountWrap .sidebar.assessWrap .formGroup .contentForm:after {
  clear: both;
}
.contentWrap.accountWrap .sidebar.assessWrap .formGroup .contentForm p {
  width: 100%;
}
.contentWrap.accountWrap .sidebar.assessWrap .formGroup .contentForm .checkboxRow {
  float: left;
  margin: 0 30px 30px 0;
  width: calc((100% - (30px * (3 - 1))) / 3);
  text-align: center;
  margin-bottom: 20px;
}
.contentWrap.accountWrap .sidebar.assessWrap .formGroup .contentForm .checkboxRow:nth-of-type(3n) {
  margin-right: 0;
}
@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .contentWrap.accountWrap .sidebar.assessWrap .formGroup .contentForm .checkboxRow:nth-of-type(3n) {
    width: calc((100% - (30px * (3 - 1))) / 3 - 0.5px);
    float: right;
  }
}
@supports (-ms-ime-align: auto) {
  width: calc((100% - (30px * (3 - 1))) / 3 - 0.5px);
  float: right;
}
.contentWrap.accountWrap .sidebar.assessWrap .formGroup .contentForm .checkboxRow:nth-of-type(3n + 1) {
  clear: both;
}
.contentWrap.accountWrap .sidebar.assessWrap .formGroup .contentForm .checkboxRow input[type=radio] + label {
  padding: 16px 0 0;
  position: relative;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 16px;
  color: #000;
}
.contentWrap.accountWrap .sidebar.assessWrap .formGroup .contentForm .checkboxRow input[type=radio] + label:before {
  position: absolute;
  margin: 0 auto;
  width: 10px;
  height: 10px;
  border: 2px solid #c65219;
  border-radius: 7px;
  transition: all 0.3s ease;
  top: 0;
  left: 0;
  right: 0;
}
.contentWrap.accountWrap .sidebar.assessWrap .formGroup .contentForm .checkboxRow input[type=radio] + label:after {
  content: none;
}
.contentWrap.accountWrap .sidebar.assessWrap .formGroup .contentForm .checkboxRow input[type=radio]:checked + label:before {
  background: #c65219;
}
.contentWrap.accountWrap .sidebar.assessWrap .points {
  display: block;
  padding: 0 0 20px;
  margin: 0 0 20px;
  border-bottom: 1px solid #E8E8E8;
  color: #c65219;
  font-size: 1.5rem;
  font-family: museo, sans-serif;
  font-weight: 700;
}
.contentWrap.accountWrap .sidebar.assessWrap .feedbackWrap label {
  display: block;
  color: #c65219;
  font-size: 1.125rem;
  margin: 0 0 15px;
  font-weight: 700;
  font-family: museo, sans-serif;
}
.contentWrap.accountWrap .sidebar.assessWrap .feedbackWrap textarea {
  width: 100%;
  margin: 0 0 20px;
  display: block;
  border-color: #DEE3E5;
  padding: 5px 10px;
}
.linksSidebar li {
  line-height: 1.5;
  margin: 0 0 15px;
}
.linksSidebar li a {
  color: #039290;
  display: block;
  line-height: 1.2;
}
.linksSidebar li a:hover,
.linksSidebar li a:focus {
  color: #c65219;
}
.linksSidebar li a span {
  position: relative;
}
.linksSidebar li a span:before {
  content: '\f105';
  position: absolute;
  bottom: -8px;
  left: 100%;
  font-family: 'fontAwesome';
  font-size: 1.125em;
  margin-left: 10px;
  line-height: 1.8;
}
.linksSidebar li a i {
  display: none;
}
.linksSidebar li.current_page_item a {
  color: #c65219;
}
/*
 * Account page
 */
.accountWrap {
  margin: 0 auto;
  width: 100%;
  max-width: 1340px;
  display: block;
  *zoom: 1;
  padding: 0 !important;
}
@media all and (max-width: 1380px) {
  .accountWrap {
    padding: 0 20px;
  }
}
.accountWrap .wrapper {
  padding: 0;
}
@media all and (max-width: 1100px) {
  .accountWrap .wp-block-columns {
    flex-wrap: wrap !important;
    justify-content: center;
  }
}
.accountWrap:before,
.accountWrap:after {
  content: "";
  display: table;
}
.accountWrap:after {
  clear: both;
}
@media all and (min-width: 640px) and (max-width: 1340px), all and (max-width: 640px) {
  .accountWrap {
    padding: 0 20px !important;
  }
}
.accountWrap .login,
.accountWrap .register,
.accountWrap .accountBlock {
  float: left;
  width: 47%;
  background: #fff;
  padding: 60px 50px;
}
@media all and (max-width: 890px) {
  .accountWrap .login,
  .accountWrap .register,
  .accountWrap .accountBlock {
    padding: 20px;
    width: 100%;
    margin: 0 0 20px;
  }
}
.accountWrap .login h2,
.accountWrap .register h2,
.accountWrap .accountBlock h2 {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #dee3e5;
}
.accountWrap .login .subText,
.accountWrap .register .subText,
.accountWrap .accountBlock .subText {
  margin: 0 0 10px;
}
.accountWrap .login .subText:last-of-type,
.accountWrap .register .subText:last-of-type,
.accountWrap .accountBlock .subText:last-of-type {
  margin: 0 0 30px;
}
.accountWrap .login {
  margin-right: 5%;
}
.accountWrap .login label {
  color: #039290;
}
.accountWrap .login h2 {
  color: #039290;
}
.accountWrap .register {
  margin-right: 5%;
  width: 48%;
}
@media all and (max-width: 890px) {
  .accountWrap .register {
    width: 100%;
  }
}
@media all and (max-width: 640px) {
  .accountWrap .register {
    width: 100%;
  }
}
.accountWrap .register h2 {
  color: #c65219;
}
.applyForBadges {
  *zoom: 1;
  background: #fff;
  float: left;
  width: 100%;
}
.applyForBadges:before,
.applyForBadges:after {
  content: "";
  display: table;
}
.applyForBadges:after {
  clear: both;
}
.applyForBadges .badgeActions {
  display: flex;
  justify-content: center;
}
.applyForBadges h2 {
  color: #383838;
  margin: 0 0 20px;
  font-size: 1.3125rem;
  font-weight: 700;
}
.isDark .applyForBadges h2 {
  color: #fff;
}
.applyForBadges h3 {
  margin: 0 0 20px;
}
@media all and (max-width: 640px) {
  .applyForBadges {
    padding: 20px;
  }
}
.applyForBadges .badgeActions .button {
  display: block;
  width: 100%;
  text-align: center;
  margin: 0;
}
.applyForBadges .mce-container-body .mce-toolbar-grp {
  border: 0;
}
.applyForBadges .mce-container-body .mce-toolbar-grp > .mce-stack-layout {
  background: #039290;
  padding: 10px;
  border-radius: 0;
}
.applyForBadges .mce-container-body .mce-toolbar-grp > .mce-stack-layout .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
  background: #039290;
  border: 0;
  box-shadow: none;
}
.applyForBadges .mce-container-body .mce-toolbar-grp > .mce-stack-layout .mce-toolbar .mce-btn-group .mce-btn.mce-listbox button span {
  color: rgba(255, 255, 255, 0.7);
  font-weight: 700;
  font-size: 0.875rem;
}
.applyForBadges .mce-container-body .mce-toolbar-grp > .mce-stack-layout .mce-toolbar .mce-btn-group .mce-btn.mce-listbox button i.mce-caret {
  border-top-color: rgba(255, 255, 255, 0.7);
}
.applyForBadges .mce-container-body div.mce-statusbar {
  display: none;
}
.applyForBadges .buttonGroup .button {
  width: 160px;
  margin: 0;
}
.applyForBadges .buttonGroup .button.disabled {
  opacity: 0.7;
}
.applyForBadges .buttonGroup .button.disabled i {
  margin: 0;
  top: auto;
  padding: 0;
}
/*
 * Your account sidebar
 */
.yourAccountSidebar {
  *zoom: 1;
}
.yourAccountSidebar:before,
.yourAccountSidebar:after {
  content: "";
  display: table;
}
.yourAccountSidebar:after {
  clear: both;
}
.yourAccountSidebar ul {
  margin: 0;
}
.yourAccountSidebar ul li {
  position: relative;
  margin: 0 0 20px;
}
.yourAccountSidebar ul li:last-child {
  margin: 0;
}
.yourAccountSidebar ul li a {
  padding: 0 0 0 40px;
  color: #c65219;
}
.yourAccountSidebar ul li a:hover {
  color: #039290;
}
.yourAccountSidebar ul li a i {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.125em;
}
/*
 * Badges listing in your account
 */
.yourAccountBadgesListing {
  *zoom: 1;
  float: left;
  width: 100%;
  margin: 0 !important;
  padding: 0;
  /*
     * Badge Actions
     */
}
.yourAccountBadgesListing:before,
.yourAccountBadgesListing:after {
  content: "";
  display: table;
}
.yourAccountBadgesListing:after {
  clear: both;
}
.yourAccountBadgesListing li {
  width: 100%;
  list-style-type: none;
  display: flex;
  align-items: center;
  padding: 40px 20px;
  border-radius: 10px;
  background-color: #f7f9fb;
  margin: 0 0 30px;
}
.isDark .yourAccountBadgesListing li {
  background-color: #0c0c0d !important;
}
.yourAccountBadgesListing li:before {
  display: none;
}
.yourAccountBadgesListing li .imageWrap {
  width: 130px;
  margin-right: 40px;
  height: auto;
}
.yourAccountBadgesListing li .imageWrap img {
  width: 100%;
  max-width: 100px;
  max-height: 100px;
}
@media all and (max-width: 640px), all and (min-width: 640px) and (max-width: 1340px) {
  .yourAccountBadgesListing li .imageWrap img {
    max-width: 200px;
    max-height: initial;
    display: inline-block;
    margin: 0 auto;
  }
}
.yourAccountBadgesListing li .innerText {
  float: right;
  width: 80%;
}
@media all and (max-width: 640px), all and (min-width: 640px) and (max-width: 1340px) {
  .yourAccountBadgesListing li .innerText {
    float: none;
    width: 100%;
  }
}
.yourAccountBadgesListing li .innerText h3 {
  color: #c65219;
  font-weight: bold;
  font-size: 1.3125em;
  line-height: 1.2;
  margin: 15px 0 5px;
  padding-right: 50px;
}
@media all and (min-width: 640px) and (max-width: 1340px), all and (max-width: 640px) {
  .yourAccountBadgesListing li .innerText h3 {
    padding: 0;
  }
}
.yourAccountBadgesListing li .innerText a:hover,
.yourAccountBadgesListing li .innerText a:focus {
  color: #007cbd !important;
}
.yourAccountBadgesListing li .innerText em {
  display: block;
  font-style: normal;
  margin: 0 0 20px;
}
.yourAccountBadgesListing li .innerText .commentText {
  margin: 0 0 20px;
}
.yourAccountBadgesListing li .innerText .commentText p {
  margin-bottom: 5px;
}
.yourAccountBadgesListing li .innerText .checkboxRow {
  float: right;
  width: auto;
  padding-top: 15px;
  position: relative;
}
@media all and (max-width: 640px) {
  .yourAccountBadgesListing li .innerText .checkboxRow {
    padding: 0;
  }
}
.yourAccountBadgesListing li .innerText .checkboxRow label:before {
  margin: 0;
}
.yourAccountBadgesListing li .innerText .checkboxRow label:after {
  top: 2px;
}
.yourAccountBadgesListing .badgeActions {
  clear: both;
  *zoom: 1;
}
.yourAccountBadgesListing .badgeActions:before,
.yourAccountBadgesListing .badgeActions:after {
  content: "";
  display: table;
}
.yourAccountBadgesListing .badgeActions:after {
  clear: both;
}
.yourAccountBadgesListing .badgeActions a {
  display: block;
  padding: 5px 0 5px;
}
.yourAccountBadgesListing .badgeActions .confirm {
  color: #ff0000;
}
.badgeFilter {
  background: #fff;
  padding: 20px 0;
}
@media all and (min-width: 640px) and (max-width: 1340px), all and (max-width: 640px) {
  .badgeFilter {
    padding: 15px 20px;
  }
}
.badgeFilter .searchForm {
  position: relative;
}
.badgeFilter .searchForm input[type="text"] {
  width: 100%;
  border: 0;
  background: #fff;
  border: 1px solid #e3e3e3;
  padding: 6px;
}
@media all and (max-width: 640px) {
  .badgeFilter .searchForm input[type="text"] {
    font-size: 16px;
  }
}
.badgeFilter .searchForm #searchSubmit {
  border: 0;
  background: 0;
  position: absolute;
  right: 0;
  bottom: 2px;
}
.badgeFilter .searchForm #searchSubmit:focus {
  border: 0;
}
.badgeFilter .searchForm #searchSubmit:after {
  font-family: 'fontAwesome';
  content: '\f002';
  color: #039290;
}
.badgeFilter .searchForm #searchSubmit:hover:after {
  color: #383838;
}
.badgeFilter .sortByWrap {
  float: left;
  position: relative;
}
.badgeFilter .sortByWrap label {
  color: #039290;
  display: block;
  margin: 0 0 10px;
  line-height: 1;
}
@media all and (min-width: 1340px), all and (min-width: 640px) and (max-width: 1340px) {
  .badgeFilter .sortByWrap {
    width: calc((100% - (20px * 2)) / 3);
    margin: 0 20px 0 0;
  }
  .badgeFilter .sortByWrap:nth-child(3n) {
    margin-right: 0;
  }
}
@media all and (max-width: 640px) {
  .badgeFilter .sortByWrap {
    float: none;
    clear: both;
    margin: 0 0 20px;
    width: 100%;
  }
}
.badgeFilter .sortByWrap select {
  display: inline-block;
  min-width: 200px;
  -webkit-appearance: menulist-button;
  padding: 5px;
  color: #383838;
}
@media all and (max-width: 640px) {
  .badgeFilter .sortByWrap select {
    width: 100%;
  }
}
.badgeFilter .sortByWrap select:focus {
  color: #e9497c;
}
.sortByPagination {
  margin: 0 auto;
  width: 100%;
  max-width: 1340px;
  display: block;
  padding: 20px 0;
}
@media all and (max-width: 1380px) {
  .sortByPagination {
    padding: 0 20px;
  }
}
.sortByPagination .wrapper {
  padding: 0;
}
@media all and (max-width: 1100px) {
  .sortByPagination .wp-block-columns {
    flex-wrap: wrap !important;
    justify-content: center;
  }
}
@media all and (min-width: 640px) and (max-width: 1340px), all and (max-width: 640px) {
  .sortByPagination {
    padding: 15px 20px;
  }
}
.paginationAndSort {
  clear: both;
  margin: 0 auto;
  width: 100%;
  max-width: 1340px;
  display: block;
  padding: 50px 0 30px!important;
}
@media all and (max-width: 1380px) {
  .paginationAndSort {
    padding: 0 20px;
  }
}
.paginationAndSort .wrapper {
  padding: 0;
}
@media all and (max-width: 1100px) {
  .paginationAndSort .wp-block-columns {
    flex-wrap: wrap !important;
    justify-content: center;
  }
}
@media all and (max-width: 640px) {
  .paginationAndSort {
    padding: 50px 0 0 !important;
  }
}
.paginationAndSort.top {
  padding: 0 !important;
}
@media all and (max-width: 640px) {
  .paginationAndSort.top {
    position: relative;
    top: 10px;
    padding: 0 !important;
  }
  .paginationAndSort.top .sortByWrap {
    padding-right: 0;
  }
}
.paginationAndSort .pagination {
  float: right;
  text-align: center;
}
@media all and (max-width: 640px) {
  .paginationAndSort .pagination {
    float: none;
    clear: both;
    margin: 0 0 15px;
  }
}
.paginationAndSort .pagination span {
  display: inline-block;
  text-align: center;
}
.paginationAndSort .pagination .current {
  position: relative;
  top: 1px;
  display: inline-block;
  background: #004289;
  text-align: center;
  border-radius: 100%;
  width: 35px;
  height: 35px;
  line-height: 35px;
  color: #fff;
}
.paginationAndSort .pagination a {
  color: #1b1b1b;
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background: #fff;
  border-radius: 100%;
  font-size: 0.875rem;
  font-weight: 700;
  color: #004289;
}
.paginationAndSort .pagination a:hover,
.paginationAndSort .pagination a:focus {
  background: #004289;
  color: #fff;
}
.paginationAndSort .pagination .next,
.paginationAndSort .pagination .prev {
  background: #fff;
  color: #004289;
  font-weight: bold;
}
.paginationAndSort .sortByWrap {
  float: right;
  position: relative;
  padding-right: 20px;
}
.paginationAndSort .sortByWrap:before {
  position: absolute;
  top: 5px;
  right: 0;
  font: normal normal normal 16px/1 FontAwesome;
  content: "\f0d7";
}
.paginationAndSort .sortByWrap select {
  margin-left: -20px;
  -webkit-appearance: none;
}
.paginationAndSort .sortByWrap select:focus {
  color: #e9497c;
}
@media all and (min-width: 1340px), all and (min-width: 640px) and (max-width: 1340px) {
  .paginationAndSort .sortByWrap {
    width: calc((100% - (20px * 2)) / 3);
    margin: 0 0 0 0;
    max-width: 225px;
  }
}
.paginationAndSort .sortByWrap label {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 100%;
  white-space: nowrap;
  margin-right: 10px;
}
@media all and (max-width: 640px) {
  .paginationAndSort .sortByWrap {
    float: none;
    clear: both;
    margin: 0 0 20px;
    width: 100%;
  }
}
.paginationAndSort .sortByWrap select {
  display: inline-block;
  min-width: 200px;
  padding: 5px;
  background: #e8e8e8;
  border: 1px solid #c1c2c3;
}
@media all and (max-width: 640px) {
  .paginationAndSort .sortByWrap select {
    width: 100%;
  }
}
/*
 * Your account bulk options
 */
.bulkOptionsWrapper {
  *zoom: 1;
  display: inline-flex;
  padding: 0 0 40px;
}
.bulkOptionsWrapper:before,
.bulkOptionsWrapper:after {
  content: "";
  display: table;
}
.bulkOptionsWrapper:after {
  clear: both;
}
@media all and (max-width: 640px), all and (min-width: 640px) and (max-width: 1340px) {
  .bulkOptionsWrapper {
    padding: 0 0 20px;
  }
}
@media all and (max-width: 640px) {
  .bulkOptionsWrapper {
    text-align: center;
  }
  .bulkOptionsWrapper .button {
    display: inline-block;
  }
}
.isDark .mtcBlock__myBadges .bulkOptionsWrapper {
  color: black;
}
.bulkOptionsWrapper input {
  display: inline-flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 600;
  border: 2px solid #a0c01b;
  background-color: #a0c01b;
  border-radius: 20px;
  padding: 9px 20px;
  color: #ffffff;
  transition: all 0.3s ease;
}
.bulkOptionsWrapper input:hover,
.bulkOptionsWrapper input:focus {
  background-color: #01d17c;
  border-color: #01d17c;
}
.bulkOptionsWrapper__selectWrapper {
  position: relative;
  margin-right: 15px;
}
.bulkOptionsWrapper__selectWrapper::before {
  position: absolute;
  top: 14px;
  right: 15px;
  font: normal normal normal 16px/1 FontAwesome;
  content: "\f0d7";
}
.bulkOptionsWrapper select {
  display: inline-block;
  width: auto;
  min-width: 250px;
  color: #383838;
  padding: 12px;
  outline: 0;
  flex-shrink: 0;
  border-radius: 10px;
  background: #ffffff;
  cursor: pointer;
  border: 1px solid #383838;
  text-align: left;
}
.bulkOptionsWrapper select:hover,
.bulkOptionsWrapper select:focus {
  border-width: 1px;
}
@media all and (max-width: 640px), all and (min-width: 640px) and (max-width: 1340px) {
  .bulkOptionsWrapper select {
    min-width: initial;
    margin: 0 0 20px;
  }
  .mtcBlock__myBadges .bulkOptionsWrapper select {
    margin-bottom: 0;
    padding-right: 30px;
    width: 100%;
  }
}
/*
 * Contact Form
 */
.contactForm {
  *zoom: 1;
  padding: 65px 50px;
  background: #fff;
  border-bottom: 2px solid #d0d0d0;
}
.contactForm:before,
.contactForm:after {
  content: "";
  display: table;
}
.contactForm:after {
  clear: both;
}
@media all and (max-width: 640px), all and (min-width: 640px) and (max-width: 1340px) {
  .contactForm {
    padding: 65px 20px;
  }
}
/*
 * Social Links
 */
.shareButtons {
  *zoom: 1;
}
.shareButtons:before,
.shareButtons:after {
  content: "";
  display: table;
}
.shareButtons:after {
  clear: both;
}
.shareButtons h2 {
  font-size: 1.125rem;
  font-weight: 500;
  color: #000000;
  margin: 0 0 5px;
}
.sharingLinks {
  *zoom: 1;
  clear: both;
  margin: 0 -10px 20px;
}
.sharingLinks:before,
.sharingLinks:after {
  content: "";
  display: table;
}
.sharingLinks:after {
  clear: both;
}
.sharingLinks li {
  position: relative;
  font-family: 'Roboto', sans-serif;
  font-size: 1.125em;
  padding: 10px;
  display: inline-block;
}
.sharingLinks li p {
  font-size: 1rem;
}
.sharingLinks li a {
  display: block;
}
.sharingLinks li a.twitterLink i {
  background: #00aced;
}
.sharingLinks li a.facebookLink i {
  background: #3b5998;
}
.sharingLinks li a.linkedinLink i {
  background: #007bb5;
}
.sharingLinks li i {
  font-size: 1.125em;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
}
.sharingLinks .js-copytextarea {
  border-radius: 10px;
  border: 1.5px solid #000000;
  padding: 8px 18px;
  cursor: pointer;
  margin-top: 4px;
}
.isDark .sharingLinks .js-copytextarea {
  border-color: #ffffff;
}
.contentWrap .content .innerContent .error {
  margin-left: 0;
}
.contentWrap .content .innerContent .error li {
  margin-left: 0;
}
.contentWrap .content .innerContent .error li:before {
  display: none;
}
.contentWrap .content .innerContent .sharingLinks {
  margin: 0 auto 20px;
}
.contentWrap .content .innerContent .sharingLinks li:before {
  display: none;
}
.contentWrap .content .innerContent ul.commentsList {
  margin: 0 0 20px;
}
.contentWrap .content .innerContent ul.commentsList li:before {
  display: none;
}
.contentWrap .content .innerContent .adminEvidence {
  margin: 0 0 20px;
  padding: 0 0 30px;
  border-bottom: 1px solid #dee3e5;
}
.contentWrap .content .innerContent .adminEvidence li:before {
  display: none;
}
.contentWrap .content .innerContent .peerAssessedBadges {
  list-style: none;
  margin: 35px 0 20px;
  padding: 20px 0 0;
  border-top: 1px solid #DEE3E5;
}
.contentWrap .content .innerContent .peerAssessedBadges li {
  display: block;
  width: 100%;
}
.contentWrap .content .innerContent .peerAssessedBadges li:before {
  content: none !important;
}
.contentWrap .content .innerContent .peerAssessedBadges li a {
  display: flex;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
  border-bottom: 1px solid #DEE3E5;
  padding: 0 0 20px;
  margin: 0 0 20px;
}
.contentWrap .content .innerContent .peerAssessedBadges li a .imageWrap {
  width: 130px;
}
.contentWrap .content .innerContent .peerAssessedBadges li a .imageWrap img {
  width: 90px;
  height: auto;
}
.contentWrap .content .innerContent .peerAssessedBadges li a .info {
  width: calc(100% - 130px);
}
.contentWrap .content .innerContent .peerAssessedBadges li a .info h4 {
  color: #c65219;
  font-size: 1.125rem;
  margin: 0;
  line-height: 32px;
  font-weight: 700;
}
.contentWrap .content .innerContent .peerAssessedBadges li a .info span {
  color: #272727;
  font-size: 0.875rem;
}
/*
 * Badge Awarded Page (single post)
 */
.badgeAwarded {
  *zoom: 1;
  margin: 40px 0;
  text-align: left;
}
.badgeAwarded:before,
.badgeAwarded:after {
  content: "";
  display: table;
}
.badgeAwarded:after {
  clear: both;
}
.badgeAwarded h4 {
  color: #c65219;
  font-size: 1.125em;
  font-weight: 500;
}
.badgeAwarded span {
  font-size: 1.125em;
  display: block;
  clear: both;
  float: left;
  width: 100%;
  border-top: 1px solid #f1f1f1;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 600;
  padding: 10px 0;
  word-break: break-word;
}
.badgeAwarded span:last-child {
  border-bottom: 1px solid #f1f1f1;
}
/*
 * Full width message
 */
.fullWidthMessage {
  margin: 0 auto;
  width: 100%;
  max-width: 1340px;
  display: block;
  padding: 20px 0 0;
}
@media all and (max-width: 1380px) {
  .fullWidthMessage {
    padding: 0 20px;
  }
}
.fullWidthMessage .wrapper {
  padding: 0;
}
@media all and (max-width: 1100px) {
  .fullWidthMessage .wp-block-columns {
    flex-wrap: wrap !important;
    justify-content: center;
  }
}
select[name="bulk_options"] {
  min-width: 300px;
}
@media all and (max-width: 640px) {
  select[name="bulk_options"] {
    min-width: auto;
  }
}
/*
 * Your account
 */
.accountWrap .contentDetail h2 {
  border-bottom: 1px solid #dee3e5;
  padding-bottom: 20px;
  margin-bottom: 24px;
  font-size: 1.5625rem;
}
@media all and (max-width: 640px), all and (min-width: 640px) and (max-width: 1340px) {
  .accountWrap .contentDetail h2 {
    margin-bottom: 20px;
  }
}
.accountWrap .contentDetail.endorsementsDetail h2 {
  border-bottom: 0;
  margin-bottom: 0;
}
@media all and (max-width: 640px), all and (min-width: 640px) and (max-width: 1340px) {
  .accountWrap .contentDetail.endorsementsDetail h2 {
    margin-bottom: 0;
  }
}
.requireEndorsement {
  margin-bottom: 60px;
}
.requireEndorsement a:hover,
.requireEndorsement a:focus {
  color: #c65219;
}
.requireEndorsement a svg {
  height: 20px;
  width: auto;
  color: #c65219;
  margin-right: 15px;
}
/*
 * Your account icon list
 */
.yourAccountList {
  *zoom: 1;
  display: flex;
  flex-wrap: wrap;
  margin-left: 0 !important;
}
.yourAccountList:before,
.yourAccountList:after {
  content: "";
  display: table;
}
.yourAccountList:after {
  clear: both;
}
.yourAccountList.yourAccountListPeer li {
  flex: 0 0 25%;
  max-width: 25%;
}
@media all and (max-width: 640px) {
  .yourAccountList.yourAccountListPeer li {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.yourAccountList.yourAccountListPeer li:nth-of-type(4n),
.yourAccountList.yourAccountListPeer li:last-child {
  border-right: 0;
}
.yourAccountList.yourAccountListPeer li:nth-of-type(4n + 1) {
  clear: both;
}
.yourAccountList:not(.yourAccountListPeer) li:nth-of-type(3n),
.yourAccountList:not(.yourAccountListPeer) li:last-child {
  border-right: 0;
}
.yourAccountList:not(.yourAccountListPeer) li:nth-of-type(3n + 1) {
  clear: both;
}
.yourAccountList li {
  flex: 0 0 33.33%;
  max-width: 33.33%;
  text-align: center;
  list-style-type: none;
  border-right: 1px solid #dee3e5;
  border-bottom: 1px solid #dee3e5;
  padding: 35px 0;
}
@media all and (max-width: 640px) {
  .yourAccountList li {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 20px 0 0;
    padding: 0 0 20px;
    border: 0;
  }
}
.yourAccountList li:before {
  display: none;
}
.yourAccountList li a,
.yourAccountList li i,
.yourAccountList li img {
  display: block;
}
.yourAccountList li a {
  color: #4d4f53;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 0.875em;
}
.yourAccountList li img {
  margin: 0 auto 20px;
}
.yourAccountList li i {
  font-size: 3.75em;
  margin: 0 0 20px;
}
.yourAccountList .imageWrap {
  padding: 0 5px;
}
.yourAccountList .imageWrap img {
  max-width: 125px;
  width: 100%;
}
/*
 * User submitted evidence
 */
.userSubmittedEvidenceWrap {
  padding: 20px;
  margin: 0 0 40px;
  background: #f7f9fb;
  border-radius: 10px;
}
@media all and (min-width: 640px) and (max-width: 1340px), all and (min-width: 1340px) {
  .userSubmittedEvidenceWrap {
    padding: 42px 44px;
  }
}
.userSubmittedEvidenceWrap.appView {
  background: #fff;
  border: 0;
  padding: 5px;
  margin: 0;
  width: 100%;
}
.userSubmittedEvidenceWrap h2 {
  font-size: 1.8125rem;
  color: #383838;
}
.userSubmittedEvidenceWrap .userSubmittedEvidence {
  margin: 0 0 20px;
}
.userSubmittedEvidenceWrap .userSubmittedEvidence li {
  list-style-type: none;
  position: relative;
}
.userSubmittedEvidenceWrap .userSubmittedEvidence li:before {
  display: none;
}
.userSubmittedEvidenceWrap .userSubmittedEvidence li .deleteThisFile {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  color: #ff0000;
  display: block;
}
.userSubmittedEvidenceWrap .userSubmittedEvidence li textarea {
  width: 100%;
  padding: 5px;
  border: 1px solid #dee3e5;
}
#applyForBadgeForm {
  *zoom: 1;
}
#applyForBadgeForm:before,
#applyForBadgeForm:after {
  content: "";
  display: table;
}
#applyForBadgeForm:after {
  clear: both;
}
#applyForBadgeForm .milestoneButton {
  width: auto;
}
/*
 * Comments
 */
.commentsWrap {
  float: left;
  width: 100%;
  background: #fff;
  *zoom: 1;
  margin: 30px 0 0 0;
  padding: 50px 50px 50px;
}
.commentsWrap:before,
.commentsWrap:after {
  content: "";
  display: table;
}
.commentsWrap:after {
  clear: both;
}
@media all and (max-width: 770px) {
  .commentsWrap {
    padding: 20px;
  }
}
.commentsWrap h1 {
  font-size: 1.5em;
  color: #039290;
}
@media all and (max-width: 640px) {
  .commentsWrap h1 {
    line-height: 1.5;
  }
}
.commentsWrap .commentsList {
  margin: 0 0 20px;
  padding: 0;
  *zoom: 1;
}
.commentsWrap .commentsList:before,
.commentsWrap .commentsList:after {
  content: "";
  display: table;
}
.commentsWrap .commentsList:after {
  clear: both;
}
.commentsWrap .commentsList li {
  float: left;
  width: 100%;
  border-bottom: 1px solid #d0d0d0;
  padding: 25px 0;
}
.commentsWrap .commentsList li:first-child {
  padding-top: 0;
}
.commentsWrap .commentsList li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.commentsWrap .commentsList .meta {
  float: left;
  margin: 10px 0 0;
}
.commentsWrap .addComment textarea {
  min-height: 200px;
}
.addComment {
  *zoom: 1;
}
.addComment:before,
.addComment:after {
  content: "";
  display: table;
}
.addComment:after {
  clear: both;
}
.addComment .button {
  clear: both;
  font-size: 0.9375em;
  padding: 10px 15px;
}
.addComment .row {
  *zoom: 1;
}
.addComment .row:before,
.addComment .row:after {
  content: "";
  display: table;
}
.addComment .row:after {
  clear: both;
}
.addComment .row .inputError {
  border: 1px solid red;
}
.addComment strong {
  width: 100%;
  float: left;
  margin: 0 0 5px;
}
/*
 * Endorsements
 */
.endorsementsWrap {
  float: left;
  width: 100%;
  *zoom: 1;
  padding: 42px 44px;
  margin: 0 0 40px;
  background: #f7f9fb;
  border-radius: 10px;
}
.endorsementsWrap:before,
.endorsementsWrap:after {
  content: "";
  display: table;
}
.endorsementsWrap:after {
  clear: both;
}
@media all and (max-width: 770px) {
  .endorsementsWrap {
    padding: 20px;
  }
}
.endorsementsWrap h1 {
  font-size: 1.5em;
  color: #039290;
}
@media all and (max-width: 640px) {
  .endorsementsWrap h1 {
    line-height: 1.5;
  }
}
.endorsementsWrap h2 {
  font-size: 1.8125rem;
  color: #383838;
}
.endorsementsWrap .endorsementsList {
  margin: 0 0 20px;
  padding: 0;
  *zoom: 1;
}
.endorsementsWrap .endorsementsList:before,
.endorsementsWrap .endorsementsList:after {
  content: "";
  display: table;
}
.endorsementsWrap .endorsementsList:after {
  clear: both;
}
.endorsementsWrap .endorsementsList li {
  float: left;
  width: 100%;
  border-bottom: 1px solid #d0d0d0;
  padding: 25px 0;
}
.endorsementsWrap .endorsementsList li:first-child {
  padding-top: 0;
}
.endorsementsWrap .endorsementsList li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.endorsementsWrap .endorsementsList .meta {
  float: left;
  margin: 10px 0 0;
}
.endorsementsWrap .endorsementsList .meta span {
  display: block;
}
.endorsementsWrap .endorsementsList .meta .author i {
  margin-left: 5px;
  color: #c65219;
}
.endorsementsWrap .addEndorsement textarea {
  min-height: 200px;
}
.endorsementsWrap .addEndorsement .selectWrapper {
  position: relative;
}
.endorsementsWrap .addEndorsement .selectWrapper::before {
  content: "\f0d7";
  position: absolute;
  top: 10px;
  right: 15px;
  font: normal normal normal 16px/1 FontAwesome;
  z-index: 1;
}
.endorsementsWrap .addEndorsement select {
  background: #ffffff;
}
.endorsementsWrap .authLink + .authLink {
  margin-left: 12px;
}
.addEndorsement {
  *zoom: 1;
}
.addEndorsement:before,
.addEndorsement:after {
  content: "";
  display: table;
}
.addEndorsement:after {
  clear: both;
}
.addEndorsement .button {
  clear: both;
  font-size: 0.9375em;
  padding: 10px 15px;
}
.addEndorsement .row {
  *zoom: 1;
}
.addEndorsement .row:before,
.addEndorsement .row:after {
  content: "";
  display: table;
}
.addEndorsement .row:after {
  clear: both;
}
.addEndorsement .row .inputError {
  border: 1px solid red;
}
.addEndorsement strong {
  width: 100%;
  float: left;
  margin: 0 0 5px;
}
.addEndorsement .success {
  margin-top: 15px;
}
/*
 * Issuer Logos
 */
.issuerLogosWrap {
  padding: 75px 0;
  clear: both;
  *zoom: 1;
  background: #dbdbdb;
}
.issuerLogosWrap:before,
.issuerLogosWrap:after {
  content: "";
  display: table;
}
.issuerLogosWrap:after {
  clear: both;
}
.issuerLogosWrap .itemDisplayTitle {
  padding: 0 20px 40px;
}
.issuerLogosWrap .itemDisplayTitle h2 {
  margin: 0;
}
.issuerLogosWrap .issuerLogosLeftArrow,
.issuerLogosWrap .issuerLogosRightArrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.875rem;
  margin-top: -15px;
  cursor: pointer;
}
.issuerLogosWrap .issuerLogosLeftArrow {
  right: 100%;
  margin-right: -10px;
}
.issuerLogosWrap .issuerLogosRightArrow {
  left: 100%;
  margin-left: -10px;
}
.issuerLogosWrap .issuerLogos {
  *zoom: 1;
  padding: 0 10px;
}
.issuerLogosWrap .issuerLogos:before,
.issuerLogosWrap .issuerLogos:after {
  content: "";
  display: table;
}
.issuerLogosWrap .issuerLogos:after {
  clear: both;
}
.issuerLogosWrap .issuerLogos li {
  float: left;
  margin: 0 10px 0;
  text-align: center;
  cursor: pointer;
}
.issuerLogosWrap .issuerLogos li .imageWrap {
  line-height: 180px;
  background: #fff;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
  height: 180px;
}
.issuerLogosWrap .issuerLogos li .badgeDetailLink {
  position: relative;
  top: -50%;
  left: 50%;
  width: 50px;
  height: 50px;
  line-height: 48px;
  margin: -25px 0 0 -25px;
  background: #c65219;
  border-radius: 50%;
  color: #fff;
  font-size: 1.875em;
  text-indent: 2px;
  text-align: center;
  -webkit-transition: background 0.3 ease-in;
  -moz-transition: background 0.3 ease-in;
  -ms-transition: background 0.3 ease-in;
  -o-transition: background 0.3 ease-in;
  transition: background 0.3 ease-in;
}
.issuerLogosWrap .issuerLogos li:hover .badgeDetailLink {
  background: #039290;
}
.issuerLogosWrap .issuerLogos li img {
  max-height: 70px;
  display: inline-block;
}
/*
 * Expired and revoked notifications
 */
.badgeExpired,
.badgeRevoked {
  padding: 5px 15px;
  border-radius: 15px;
  background-color: #ecae28;
  color: #fff;
  display: inline-block;
  margin: 10px 0 20px;
  position: relative;
}
.badgeExpired i,
.badgeRevoked i {
  margin-right: 5px;
}
.badgeExpiredMessage,
.badgeRevokedMessage {
  padding: 10px 15px;
  width: 100%;
  position: absolute;
  top: -52px;
  left: -57px;
  width: calc(100% + 114px);
  background-color: #ecae28;
  color: #fff;
  display: inline-block;
  margin: -10px 0 20px;
  position: relative;
}
.badgeExpiredMessage i,
.badgeRevokedMessage i {
  margin-right: 5px;
}
.badgeRevokedMessage,
.badgeRevoked {
  background: #eb4605;
}
/*
 * High Contrast Styles
 */
/*
 * High Contrast Styles
 */
.highContrast {
  color: #000;
  /*
     * General Button Styles / Text styles
     */
  /*
     * Header
     */
  /*
     * Top Bar
     */
  /*
     * Menu
     */
  /*
     * Out of Focus Background
     */
  /*
     * Cta
     */
  /*
     * Stats Wrap
     */
  /*
     * Homepage Badges
     */
  /*
     * Getting Started with Badges
     */
  /*
     * Footer
     */
  /*
     * Labels etc
     */
  /*
     * Social Links
     */
  /*
     * Members
     */
  /*
     * Sidebar
     */
  /*
     * Content
     */
  /*
     * Contact Page
     */
}
.highContrast .button {
  border-color: #6d6d6d;
  background: #6d6d6d;
}
.highContrast .button:hover {
  background: #6d6d6d;
}
.highContrast .buttonAlt {
  background: #000;
  border-color: #000;
}
.highContrast a {
  color: #fff;
}
.highContrast a:hover {
  color: #fff;
}
.highContrast #header {
  background: #6d6d6d;
}
.highContrast .topBar li a {
  color: #000;
}
.highContrast .topBar li a:hover {
  color: #848484;
}
.highContrast .topBar li a.lowContrastBtn i {
  color: #848484;
}
.highContrast .mainMenuWrapper {
  background: #333333;
}
.highContrast .mainMenu li.current_page_item {
  background: #6d6d6d;
}
.highContrast .mainMenu li.yourAccount i {
  color: #fff;
}
.highContrast .outOfFocusBackground {
  background: #000;
}
.highContrast .callToAction .buttonAlt,
.highContrast .callToAction .button {
  border-color: #000;
  color: #000;
  background: #fff;
}
.highContrast .callToAction .buttonAlt:hover,
.highContrast .callToAction .button:hover {
  color: #000;
  background: #fff;
}
.highContrast .statsWrap .stats ul li a:hover {
  color: #fff;
}
.highContrast .statsWrap .stats ul li a i {
  color: #fff;
}
.highContrast .badgesListingWrap .badgesListing li h2 {
  color: #000;
}
.highContrast .badgesListingWrap .badgesListing li .badgeDetailLink {
  background: #000;
}
.highContrast .badgesListingWrap .badgesListing li .badgeDetailLink:hover {
  background: #000;
}
.highContrast .gettingStartedWithBadges .gettingStarted li a {
  color: #000;
}
.highContrast .gettingStartedWithBadges .gettingStarted li a:hover {
  color: #000;
}
.highContrast .footerDetailsWrap {
  background: #333333;
}
.highContrast .footerDetailsWrap .footerMenuWrap h2 {
  color: #fff;
}
.highContrast .footerDetailsWrap .footerMenuColumn ul li a {
  color: #fff;
}
.highContrast .footerDetailsWrap .footerMenuColumn ul li a:hover {
  color: #fff;
}
.highContrast .footerDetailsWrap .footerMenuColumn ul li a:hover span:before {
  color: #fff;
}
.highContrast .footerWrap {
  background: #6d6d6d;
}
.highContrast .footerWrap .footerFeedbackButton {
  background: #000;
}
.highContrast .row label {
  color: #000;
}
.highContrast .row .text:focus,
.highContrast .row textarea:focus,
.highContrast .row select:focus,
.highContrast #bbpress-forums input[type="text"]:focus,
.highContrast #bbpress-forums textarea:focus,
.highContrast #bbpress-forums .wp-editor-area:focus {
  border-color: #000;
}
.highContrast .row input[type="checkbox"]:checked + label:after,
.highContrast #bbpress-forums fieldset.bbp-form p input[type=checkbox]:checked + label:after {
  color: #000;
}
.highContrast .socialLinks li a.twitterLink i,
.highContrast .socialLinks li a.facebookLink i {
  background: #fff;
  color: #000;
}
.highContrast .accountWrap h2 {
  color: #000;
}
.highContrast .linksSidebar li.current_page_item a {
  color: #000;
}
.highContrast .linksSidebar li a {
  color: #6d6d6d;
}
.highContrast .contentWrap .content .innerContent h1,
.highContrast .contentWrap .content .innerContent h2,
.highContrast .contentWrap .content .innerContent h3,
.highContrast .contentWrap .content .innerContent h4,
.highContrast .contentWrap .content .innerContent h5,
.highContrast .contentWrap .content .innerContent h6 {
  color: #000;
}
.highContrast .contentWrap .content .innerContent ul li:before {
  background: #000;
}
.highContrast .contactDetails a {
  color: #000;
}
/*
 * Manage Applications Styles
 */
.manageApplications {
  padding: 20px;
  border-bottom: 2px solid #d0d0d0;
}
.manageApplications #badgeApplicationsFilter {
  width: 100%;
  margin: 0;
  float: left;
}
.manageApplications .badgeFilter {
  padding: 0;
}
.manageApplications .badgeFilter .sortByWrap {
  *zoom: 1;
  width: 100%;
  margin: 0 0 10px;
  border-bottom: 1px solid #dee3e5;
  padding: 0 0 20px;
}
.manageApplications .badgeFilter .sortByWrap:before,
.manageApplications .badgeFilter .sortByWrap:after {
  content: "";
  display: table;
}
.manageApplications .badgeFilter .sortByWrap:after {
  clear: both;
}
.manageApplications .badgeFilter .sortByWrap label {
  display: none;
}
.manageApplications .badgeFilter .sortByWrap .row {
  width: calc((100% - 120px) / 2);
  margin: 0 10px 0 0;
}
@media all and (max-width: 640px) {
  .manageApplications .badgeFilter .sortByWrap .row {
    width: 100%;
    margin: 0 0 10px;
  }
}
.manageApplications .badgeFilter .sortByWrap .buttonGroup {
  width: auto;
  clear: none;
}
@media all and (max-width: 640px) {
  .manageApplications .badgeFilter .sortByWrap .buttonGroup {
    float: right;
  }
}
.manageApplications .badgeFilter .sortByWrap .button {
  display: inline-block;
  padding: 11px 20px;
  font-size: 1em;
  min-width: 100px;
  margin-top: -6px;
}
@media all and (max-width: 640px) {
  .manageApplications .badgeFilter .sortByWrap .button {
    margin-top: 0;
  }
}
.manageApplications .bulkOptionsWrapper {
  float: left;
  width: 100%;
  border-bottom: 1px solid #dee3e5;
  padding: 0 0 10px;
  text-align: right;
  margin: 0 0 10px;
}
.manageApplications .bulkOptionsWrapper select[name="bulk_options"] {
  padding: 6px;
}
@media all and (max-width: 640px) {
  .manageApplications .bulkOptionsWrapper select[name="bulk_options"] {
    width: 100%;
    margin: 0 0 10px;
    font-size: 1em;
  }
}
.manageApplications .subsubsub {
  *zoom: 1;
  margin: 0 0 20px;
}
.manageApplications .subsubsub:before,
.manageApplications .subsubsub:after {
  content: "";
  display: table;
}
.manageApplications .subsubsub:after {
  clear: both;
}
@media all and (max-width: 640px) {
  .manageApplications .subsubsub {
    font-size: 1em;
  }
}
.manageApplications .subsubsub li {
  float: left;
  margin-right: 10px;
}
.manageApplications .subsubsub li a {
  display: inline-block;
  margin: 0 10px 0 0;
}
.manageApplications .subsubsub li:first-of-type a {
  margin-left: 0;
}
.manageApplications .subsubsub li:before {
  display: none;
}
#badgeApplications {
  float: left;
  width: 100%;
}
.badgeApplicationsTable .badgeTableHead,
.badgeApplicationsTable .badgeTableBody {
  position: relative;
  float: left;
  width: 100%;
  border-bottom: 1px solid #dee3e5;
  margin: 0 0 10px;
}
.badgeApplicationsTable .badgeTableHead > div,
.badgeApplicationsTable .badgeTableBody > div {
  float: left;
  padding: 0 20px 0 0;
  margin: 0 0 10px;
}
.badgeApplicationsTable .badgeTableHead > div strong,
.badgeApplicationsTable .badgeTableBody > div strong {
  display: none;
  font-weight: bold;
}
.badgeApplicationsTable .badgeTableHead .badgeApplied,
.badgeApplicationsTable .badgeTableBody .badgeApplied {
  width: 26%;
  padding-left: 35px;
}
@media (max-width: 1150px) and (min-width: 1001px) {
  .badgeApplicationsTable .badgeTableHead .badgeApplied,
  .badgeApplicationsTable .badgeTableBody .badgeApplied {
    width: 32%;
  }
}
@media (max-width: 1000px) and (min-width: 601px) {
  .badgeApplicationsTable .badgeTableHead .badgeApplied,
  .badgeApplicationsTable .badgeTableBody .badgeApplied {
    width: 54%;
  }
}
@media (max-width: 600px) {
  .badgeApplicationsTable .badgeTableHead .badgeApplied,
  .badgeApplicationsTable .badgeTableBody .badgeApplied {
    width: 100%;
  }
}
.badgeApplicationsTable .badgeTableHead .badgeApplicant,
.badgeApplicationsTable .badgeTableBody .badgeApplicant {
  width: 28%;
  word-break: break-word;
}
@media (max-width: 1150px) and (min-width: 1001px) {
  .badgeApplicationsTable .badgeTableHead .badgeApplicant,
  .badgeApplicationsTable .badgeTableBody .badgeApplicant {
    width: 30%;
  }
}
@media (max-width: 1000px) and (min-width: 601px) {
  .badgeApplicationsTable .badgeTableHead .badgeApplicant,
  .badgeApplicationsTable .badgeTableBody .badgeApplicant {
    width: 46%;
  }
}
@media (max-width: 600px) {
  .badgeApplicationsTable .badgeTableHead .badgeApplicant,
  .badgeApplicationsTable .badgeTableBody .badgeApplicant {
    width: 100%;
    padding-left: 35px;
  }
}
.badgeApplicationsTable .badgeTableHead .badgeDates,
.badgeApplicationsTable .badgeTableBody .badgeDates {
  width: 30%;
}
@media (max-width: 1150px) and (min-width: 1001px) {
  .badgeApplicationsTable .badgeTableHead .badgeDates,
  .badgeApplicationsTable .badgeTableBody .badgeDates {
    width: 38%;
  }
}
@media (max-width: 1000px) {
  .badgeApplicationsTable .badgeTableHead .badgeDates,
  .badgeApplicationsTable .badgeTableBody .badgeDates {
    width: 54%;
    padding-left: 35px;
  }
}
@media (max-width: 600px) {
  .badgeApplicationsTable .badgeTableHead .badgeDates,
  .badgeApplicationsTable .badgeTableBody .badgeDates {
    width: 100%;
  }
}
.badgeApplicationsTable .badgeTableHead .badgeStatus,
.badgeApplicationsTable .badgeTableBody .badgeStatus {
  width: 16%;
}
@media (max-width: 1150px) {
  .badgeApplicationsTable .badgeTableHead .badgeStatus,
  .badgeApplicationsTable .badgeTableBody .badgeStatus {
    width: auto;
    float: right;
    margin: 10px 0;
    padding: 0;
  }
  .badgeApplicationsTable .badgeTableHead .badgeStatus strong,
  .badgeApplicationsTable .badgeTableBody .badgeStatus strong,
  .badgeApplicationsTable .badgeTableHead .badgeStatus div,
  .badgeApplicationsTable .badgeTableBody .badgeStatus div {
    float: left;
    display: block;
    margin: 0 10px 0 0;
  }
}
@media (max-width: 1000px) {
  .badgeApplicationsTable .badgeTableHead .badgeStatus,
  .badgeApplicationsTable .badgeTableBody .badgeStatus {
    width: 46%;
    margin: 0 0 10px;
  }
}
@media (max-width: 600px) {
  .badgeApplicationsTable .badgeTableHead .badgeStatus,
  .badgeApplicationsTable .badgeTableBody .badgeStatus {
    width: 100%;
    padding-left: 35px;
  }
}
.badgeApplicationsTable .badgeTableHead .check-column,
.badgeApplicationsTable .badgeTableBody .check-column {
  width: auto;
  position: absolute;
  padding: 0;
}
.badgeApplicationsTable .badgeTableHead .check-column input,
.badgeApplicationsTable .badgeTableBody .check-column input {
  display: none;
}
.badgeApplicationsTable .badgeTableHead {
  font-weight: bold;
}
@media (max-width: 1150px) {
  .badgeApplicationsTable .badgeTableHead .badgeStatus {
    display: none;
  }
}
@media (max-width: 1000px) {
  .badgeApplicationsTable .badgeTableHead .badgeDates {
    display: none;
  }
}
@media (max-width: 600px) {
  .badgeApplicationsTable .badgeTableHead .badgeApplicant {
    display: none;
  }
}
.greyfilter {
  filter: gray;
  /* IE6-9 */
  webkit-filter: grayscale(1);
  /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1);
  /* Microsoft Edge and Firefox 35+ */
}
/*
 * Custom Forum(bbpress) Styles
 */
@media all and (max-width: 770px) {
  .bbForumContentWrap {
    display: flex;
    flex-direction: column-reverse;
  }
}
@media all and (min-width: 771px) {
  .bbForumContentWrap .wp-block-column:nth-of-type(n+2) {
    padding-left: 20px;
  }
}
@media all and (max-width: 780px) {
  .bbForumContentWrap .wp-block-column:nth-of-type(n+2) {
    padding-left: 0;
  }
}
@media all and (max-width: 770px) {
  .bbForumContentWrap .content {
    margin-bottom: 20px;
  }
}
@media all and (max-width: 640px) {
  .bbForumContentWrap .content {
    margin: 0;
  }
}
@media all and (max-width: 640px) {
  .bbForumContentWrap .content .innerContent {
    border-bottom: 0;
  }
}
#bbpress-forums {
  overflow: visible;
  font-size: 0.875rem;
}
@media all and (max-width: 640px) {
  #bbpress-forums {
    float: left;
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  #bbpress-forums .bbp-body div.bbp-reply-author {
    width: auto;
    padding: 0;
  }
}
#bbpress-forums .bbp-topics,
#bbpress-forums .bbp-forums,
#bbpress-forums .bbp-replies,
#bbpress-forums .bbp-search-results,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
  float: left;
  margin: 0 0 50px;
  width: 100%;
  border: 0;
}
#bbpress-forums .bbp-topics:last-child,
#bbpress-forums .bbp-forums:last-child,
#bbpress-forums .bbp-replies:last-child,
#bbpress-forums .bbp-search-results:last-child,
#bbpress-forums ul.bbp-topics:last-child,
#bbpress-forums ul.bbp-forums:last-child,
#bbpress-forums ul.bbp-replies:last-child,
#bbpress-forums ul.bbp-search-results:last-child {
  margin-bottom: -50px;
}
@media all and (max-width: 770px) {
  #bbpress-forums .bbp-topics,
  #bbpress-forums .bbp-forums,
  #bbpress-forums .bbp-replies,
  #bbpress-forums .bbp-search-results,
  #bbpress-forums ul.bbp-topics,
  #bbpress-forums ul.bbp-forums,
  #bbpress-forums ul.bbp-replies,
  #bbpress-forums ul.bbp-search-results {
    margin: 20px -20px;
    width: calc(100% + 40px);
  }
  #bbpress-forums .bbp-topics:last-child,
  #bbpress-forums .bbp-forums:last-child,
  #bbpress-forums .bbp-replies:last-child,
  #bbpress-forums .bbp-search-results:last-child,
  #bbpress-forums ul.bbp-topics:last-child,
  #bbpress-forums ul.bbp-forums:last-child,
  #bbpress-forums ul.bbp-replies:last-child,
  #bbpress-forums ul.bbp-search-results:last-child {
    margin-bottom: -20px;
  }
}
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
  border: 0;
}
#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
  background: #ffffff;
  padding: 10px 50px;
  font-size: 1.125rem;
  font-weight: 700;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  border-top: none;
}
@media all and (max-width: 770px) {
  #bbpress-forums li.bbp-header,
  #bbpress-forums li.bbp-footer {
    padding-right: 20px;
    padding-left: 20px;
  }
}
#bbpress-forums li.bbp-header div:first-of-type,
#bbpress-forums li.bbp-footer div:first-of-type {
  text-align: left;
}
.isDark #bbpress-forums li.bbp-header,
.isDark #bbpress-forums li.bbp-footer {
  background: #000000;
}
#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic {
  padding: 10px 50px;
}
@media all and (max-width: 770px) {
  #bbpress-forums li.bbp-body ul.forum,
  #bbpress-forums li.bbp-body ul.topic {
    padding-right: 20px;
    padding-left: 20px;
  }
}
#bbpress-forums li.bbp-forum-freshness,
#bbpress-forums li.bbp-topic-freshness {
  text-align: right;
}
#bbpress-forums .bbp-header,
#bbpress-forums .forum,
#bbpress-forums .topic,
#bbpress-forums .bbp-footer,
#bbpress-forums .bbp-reply-revision-log,
#bbpress-forums .bbp-forum-header,
#bbpress-forums .bbp-topic-header,
#bbpress-forums .bbp-reply-header {
  border: 0;
  padding: 10px 50px;
  /* remove list style css as its being applied to forum header
         * remove the code below if you don't believe me
         */
}
#bbpress-forums .bbp-header:before,
#bbpress-forums .forum:before,
#bbpress-forums .topic:before,
#bbpress-forums .bbp-footer:before,
#bbpress-forums .bbp-reply-revision-log:before,
#bbpress-forums .bbp-forum-header:before,
#bbpress-forums .bbp-topic-header:before,
#bbpress-forums .bbp-reply-header:before {
  display: none;
}
#bbpress-forums .bbp-header li:before,
#bbpress-forums .forum li:before,
#bbpress-forums .topic li:before,
#bbpress-forums .bbp-footer li:before,
#bbpress-forums .bbp-reply-revision-log li:before,
#bbpress-forums .bbp-forum-header li:before,
#bbpress-forums .bbp-topic-header li:before,
#bbpress-forums .bbp-reply-header li:before {
  display: none;
}
#bbpress-forums .reply {
  border: 0;
  padding: 10px 50px;
}
#bbpress-forums fieldset.bbp-form {
  padding: 0;
  border: 0;
}
#bbpress-forums fieldset.bbp-form p,
#bbpress-forums fieldset.bbp-form input,
#bbpress-forums fieldset.bbp-form select,
#bbpress-forums fieldset.bbp-form textarea {
  float: left;
  width: 100%;
}
#bbpress-forums div.bbp-the-content-wrapper {
  float: left;
  width: 100%;
}
#bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar {
  padding: 10px 15px;
  margin-bottom: 16px;
}
#bbpress-forums .wp-editor-container {
  float: left;
  width: 100%;
  border: 0;
}
#bbpress-forums .quicktags-toolbar {
  border: 1px solid #ddd;
}
#bbpress-forums div.bbp-the-content-wrapper {
  border: 0;
}
#bbpress-forums textarea,
#bbpress-forums .wp-editor-area {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
#bbpress-forums div.bbp-reply-author .bbp-author-name {
  line-height: 1.2;
}
#bbpress-forums div.bbp-reply-author .bbp-author-role {
  font-style: normal;
}
#bbpress-forums div.bbp-submit-wrapper {
  width: 100%;
}
#bbpress-forums div.bbp-submit-wrapper > a {
  float: right;
  padding: 15px;
}
#bbpress-forums div.bbp-submit-wrapper > a + button {
  float: left;
}
span.bbp-admin-links a {
  color: #c65219;
}
.bbp-forum-header a.bbp-forum-permalink,
.bbp-topic-header a.bbp-topic-permalink,
.bbp-reply-header a.bbp-reply-permalink {
  color: #c65219;
  font-weight: bold;
}
#bbpress-forums p.bbp-topic-meta img.avatar,
#bbpress-forums ul.bbp-reply-revision-log img.avatar,
#bbpress-forums ul.bbp-topic-revision-log img.avatar,
#bbpress-forums div.bbp-template-notice img.avatar,
#bbpress-forums .widget_display_topics img.avatar,
#bbpress-forums .widget_display_replies img.avatar {
  margin: auto;
}
#bbpress-forums div.bbp-forum-author,
#bbpress-forums div.bbp-topic-author,
#bbpress-forums div.bbp-reply-author {
  width: 110px;
}
#bbpress-forums div.bbp-forum-author img.avatar,
#bbpress-forums div.bbp-topic-author img.avatar,
#bbpress-forums div.bbp-reply-author img.avatar {
  border: 1px solid #ddd;
}
#bbpress-forums li.bbp-header .bbp-search-author,
#bbpress-forums li.bbp-footer .bbp-search-author,
#bbpress-forums li.bbp-header .bbp-forum-author,
#bbpress-forums li.bbp-footer .bbp-forum-author,
#bbpress-forums li.bbp-header .bbp-topic-author,
#bbpress-forums li.bbp-footer .bbp-topic-author,
#bbpress-forums li.bbp-header .bbp-reply-author,
#bbpress-forums li.bbp-footer .bbp-reply-author {
  width: 110px;
}
.bbp-breadcrumb-home {
  display: none;
}
.bbp-pagination {
  display: none;
}
ul + .bbp-pagination {
  display: block;
}
.bbp-breadcrumb-sep:first-of-type {
  display: none;
}
#subscription-toggle,
#favorite-toggle {
  float: right;
  color: #e8e8e8;
}
#subscription-toggle .subscription-toggle,
#favorite-toggle .subscription-toggle,
#subscription-toggle .favorite-toggle,
#favorite-toggle .favorite-toggle {
  top: 29.687%;
  right: 0;
  bottom: auto;
  font-size: 16px;
  transform: rotate(-90deg);
  transform-origin: bottom right;
}
#subscription-toggle .subscription-toggle:before,
#favorite-toggle .subscription-toggle:before,
#subscription-toggle .favorite-toggle:before,
#favorite-toggle .favorite-toggle:before {
  content: '\f09e';
  font-family: 'FontAwesome';
  margin-right: 5px;
}
#subscription-toggle .favorite-toggle,
#favorite-toggle .favorite-toggle {
  top: 42.5%;
}
#subscription-toggle .favorite-toggle:before,
#favorite-toggle .favorite-toggle:before {
  content: '\f005';
}
#bbpress-forums div.bbp-topic-content .subscription-toggle,
#bbpress-forums div.bbp-reply-content .subscription-toggle,
#bbpress-forums div.bbp-topic-content .favorite-toggle,
#bbpress-forums div.bbp-reply-content .favorite-toggle {
  top: 29.687%;
  right: 0;
  bottom: auto;
  font-size: 16px;
  transform: rotate(-90deg);
  transform-origin: bottom right;
}
#bbpress-forums div.bbp-topic-content .subscription-toggle:before,
#bbpress-forums div.bbp-reply-content .subscription-toggle:before,
#bbpress-forums div.bbp-topic-content .favorite-toggle:before,
#bbpress-forums div.bbp-reply-content .favorite-toggle:before {
  content: '\f09e';
  font-family: 'FontAwesome';
  margin-right: 5px;
}
#bbpress-forums div.bbp-topic-content .favorite-toggle,
#bbpress-forums div.bbp-reply-content .favorite-toggle {
  top: 42.5%;
}
#bbpress-forums div.bbp-topic-content .favorite-toggle:before,
#bbpress-forums div.bbp-reply-content .favorite-toggle:before {
  content: '\f005';
}
div.bbp-template-notice,
div.indicator-hint {
  *zoom: 1;
  background: #FCF8E3;
  border: 1px solid #FBEED5;
  border-radius: 2px;
  color: #C09853;
}
div.bbp-template-notice:before,
div.indicator-hint:before,
div.bbp-template-notice:after,
div.indicator-hint:after {
  content: "";
  display: table;
}
div.bbp-template-notice:after,
div.indicator-hint:after {
  clear: both;
}
div.bbp-template-notice p,
div.indicator-hint p {
  padding: 11px;
  font-size: 0.875rem;
}
div.bbp-template-notice.error,
div.indicator-hint.error,
div.bbp-template-notice.warning,
div.indicator-hint.warning {
  background: #F2DEDE;
  color: #B94A48;
  border: 1px solid #EED3D7;
}
div.bbp-template-notice.info,
div.indicator-hint.info {
  color: #7c9db5;
}
.bbp-author-avatar {
  display: none;
}
.bbp-reply-ip {
  display: none;
}
.contentDetail .bbp-search-form {
  display: none;
}
.bbp-search-form .button {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  border: 0;
  background: 0;
  font-size: 0.9375em;
  text-decoration: none;
  padding: 15px 43px;
  background: #c65219;
  border-radius: 5px;
  line-height: 1;
  color: #fff;
  font-size: 1.25em;
  font-family: museo, sans-serif;
  -webkit-transition: background 0.5s ease-in, color 0.5s ease-in, border 0.5s ease-in;
  -moz-transition: background 0.5s ease-in, color 0.5s ease-in, border 0.5s ease-in;
  -ms-transition: background 0.5s ease-in, color 0.5s ease-in, border 0.5s ease-in;
  -o-transition: background 0.5s ease-in, color 0.5s ease-in, border 0.5s ease-in;
  transition: background 0.5s ease-in, color 0.5s ease-in, border 0.5s ease-in;
  border: 2px solid #c65219;
  background: #00908e;
  border-radius: 100px;
  border: none;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  padding: 12px 22px;
}
.bbp-search-form .button i {
  padding-left: 0.25em;
}
.bbp-search-form .button i {
  padding-left: 0.25em;
}
.bbp-search-form .button i {
  margin-right: 10px;
  font-size: 18px;
  position: relative;
  top: 2px;
}
.bbp-search-form .button:hover {
  background: #af4916;
  border: 2px solid #af4916;
  color: #fff;
}
.bbp-search-form .button.buttonSmall {
  font-size: 1em;
  padding: 12px 20px;
}
.bbp-search-form .button.buttonLarge {
  font-size: 1.5em;
}
.bbp-search-form .button:hover {
  background: #007775;
  border: none;
  color: #fff;
}
.bbp-search-form input[type="text"] {
  border: 1px solid #e3e3e3;
  border-radius: 10px;
  padding: 10px !important;
  margin-right: 8px;
}
.postTopicButton {
  display: block;
  margin: -30px -30px 30px;
  width: calc(100% + 60px);
}
@media all and (min-width: 641px) and (max-width: 885px), all and (max-width: 640px) {
  .postTopicButton {
    margin: 0 0 30px;
    width: 100%;
  }
}
.linksSidebar .sidebarWidgetWrap {
  float: left;
  margin: 0 -30px 30px;
  padding: 0 0 20px;
  border-bottom: 1px solid #e8e8e8;
  width: calc(100% + 60px);
}
@media all and (min-width: 641px) and (max-width: 885px), all and (max-width: 640px) {
  .linksSidebar .sidebarWidgetWrap {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }
}
.linksSidebar .sidebarWidgetWrap:last-of-type {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.linksSidebar .sidebarWidgetWrap > h4 {
  margin-bottom: 20px;
  color: #039290;
  font-size: 1.25rem;
  font-weight: 300;
  margin: 0 0 40px;
}
.linksSidebar .sidebarWidgetWrap #bbp-search-form > div,
.linksSidebar .sidebarWidgetWrap #searchform > div {
  display: flex;
}
.linksSidebar .sidebarWidgetWrap #bbp-search-form label,
.linksSidebar .sidebarWidgetWrap #searchform label {
  display: none;
}
.linksSidebar .sidebarWidgetWrap #bbp-search-form input[type="text"],
.linksSidebar .sidebarWidgetWrap #searchform input[type="text"] {
  border: 1px solid #e3e3e3;
  border-radius: 10px;
  padding: 10px;
  margin-right: 8px;
}
.linksSidebar .sidebarWidgetWrap #bbp-search-form #searchsubmit,
.linksSidebar .sidebarWidgetWrap #searchform #searchsubmit {
  padding: 7px 20px;
  margin-left: 10px;
  font-size: 0.875rem;
  max-width: 88px;
}
.linksSidebar .sidebarWidgetWrap #bbp-search-form .button,
.linksSidebar .sidebarWidgetWrap #searchform .button,
.linksSidebar .sidebarWidgetWrap #bbp-search-form #searchsubmit,
.linksSidebar .sidebarWidgetWrap #searchform #searchsubmit {
  padding: 7px 20px;
  margin-left: 10px;
  font-size: 0.875rem;
}
.linksSidebar .sidebarWidgetWrap .bbp-logged-in .submit.user-submit {
  display: none;
}
.linksSidebar .sidebarWidgetWrap .bbp-logged-in h4 {
  font-size: 0.875rem;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.linksSidebar .sidebarWidgetWrap .bbp-logged-in h4 a {
  color: #c65219;
}
.linksSidebar .sidebarWidgetWrap .bbp-logged-in .button {
  padding: 0;
  margin: 0;
  background: none;
  border: 0;
  text-align: left;
  font-size: 0.875rem;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.linksSidebar .sidebarWidgetWrap .bbp-logged-in .button:after {
  content: '\f105';
  font-family: 'FontAwesome';
  margin-left: 5px;
}
.linksSidebar .sidebarWidgetWrap li a:after {
  content: '\f105';
  font-family: 'FontAwesome';
  margin-left: 5px;
}
.linksSidebar .sidebarWidgetWrap dl {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-end;
}
.linksSidebar .sidebarWidgetWrap dl dt {
  width: 70%;
}
.linksSidebar .sidebarWidgetWrap dl dd {
  margin: 0;
  width: 30%;
  text-align: right;
}
.linksSidebar .sidebarWidgetWrap .a-stats a {
  color: #fff;
}
.linksSidebar .sidebarWidgetWrap #calendar_wrap th,
.linksSidebar .sidebarWidgetWrap #calendar_wrap td {
  text-align: center;
}
.linksSidebar .sidebarWidgetWrap #calendar_wrap #today {
  background: #c65219;
  color: #fff;
}
.linksSidebar .sidebarWidgetWrap .gallery .gallery-item {
  width: auto;
}
.linksSidebar .sidebarWidgetWrap .gallery .gallery-item .gallery-icon {
  width: auto;
}
.sidebarWidgetWrap input[type="text"] {
  border: 1px solid #e3e3e3;
  border-radius: 10px;
  padding: 10px !important;
  margin-right: 8px;
}
.sidebarWidgetWrap a:hover,
.sidebarWidgetWrap a:focus {
  color: #004289 !important;
}
.sidebarWidgetWrap li {
  flex-direction: column;
}
.isDark .sidebarWidgetWrap a:hover,
.isDark .sidebarWidgetWrap a:focus {
  color: #00908e !important;
}
.sidebarWidgetWrap .pg-activity-freshness {
  font-size: 12px;
}
.isDark .sidebarWidgetWrap .pg-activity-freshness {
  color: #ffffff;
}
.sidebarWidgetWrap li {
  align-items: flex-start !important;
}
.bbp-topic-form,
.bbp-reply-form {
  padding-top: 32px;
}
.bbp-topic-form form:before,
.bbp-reply-form form:before {
  content: 'Post a new topic';
  margin: 0 0 20px;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  color: #039290;
  font-weight: 300;
  line-height: 43px;
  font-size: 1.5em;
}
.bbp-reply-form form:before {
  content: 'Add reply';
}
.align-right {
  position: relative;
  float: right !important;
}
.learningActivitiesRow {
  display: none;
}
.badgeContent .badgeApplicationScreen {
  padding-top: 0;
  color: #676767;
}
.badgeContent .badgeApplicationScreen .content {
  margin-left: 0;
  padding-left: 0;
  padding-top: 40px;
  border-left: none;
  margin-right: 32px;
  padding-right: 40px;
  border-right: 1px solid #f1f1f1;
}
@media all and (max-width: 770px) {
  .badgeContent .badgeApplicationScreen .content {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
  }
}
.badgeContent .badgeApplicationScreen .badgeDetailSidebar {
  float: right;
  padding: 0;
  background: none;
  border: 0;
}
.badgeContent .badgeApplicationScreen .badgeDetailSidebar .imageWrap {
  background: #fff;
  margin: 0;
  padding: 47px 57px;
  border-bottom: 2px solid #d0d0d0;
}
.badgeContent .badgeApplicationScreen .badgeDetailSidebar .applicationDate {
  background: #fff;
  margin: 40px 0 0;
  padding: 0 57px 27px 57px;
}
.badgeContent .badgeApplicationScreen .sidebarEvidenceContainer {
  background: #fff;
  margin: 36px 0 0;
  text-align: left;
}
.badgeContent .badgeApplicationScreen .sidebarEvidenceContainer--mobile {
  display: none;
}
.isDark .badgeContent .badgeApplicationScreen .sidebarEvidenceContainer {
  background-color: #000000;
}
.badgeContent .badgeApplicationScreen .sidebarEvidenceContainer h2 {
  color: #383838;
  font-size: 1.125rem;
  margin: 0 0 35px;
  line-height: 30px;
  font-weight: 500;
}
.isDark .badgeContent .badgeApplicationScreen .sidebarEvidenceContainer h2 {
  color: #fff;
}
.badgeContent .badgeApplicationScreen .sidebarEvidenceContainer .isDark h2 {
  color: #ffffff;
}
.badgeContent .badgeApplicationScreen .sidebarEvidenceContainer p {
  color: #676767;
  margin: 0 0 25px;
}
@media all and (max-width: 770px) {
  .badgeContent .badgeApplicationScreen .sidebarEvidenceContainer {
    padding: 0;
    margin: 20px 0;
  }
  .badgeContent .badgeApplicationScreen .sidebarEvidenceContainer--desktop {
    display: none;
  }
  .badgeContent .badgeApplicationScreen .sidebarEvidenceContainer--mobile {
    display: block;
  }
}
.badgeContent .badgeApplicationScreen .fileUpload .text {
  width: 100%;
  border: 1px solid #d0d0d0;
  padding: 10px 15px;
}
.badgeContent .badgeApplicationScreen .fileUpload #uploadEvidence {
  display: none;
}
.badgeContent .badgeApplicationScreen .fileUpload .button,
.badgeContent .badgeApplicationScreen .fileUpload .buttonAlt {
  width: 100%;
  cursor: pointer;
}
.badgeContent .badgeApplicationScreen .fileUpload .button.disabled,
.badgeContent .badgeApplicationScreen .fileUpload .buttonAlt.disabled {
  opacity: 0.7;
  width: 100%;
}
.badgeContent .badgeApplicationScreen .fileUpload .button.disabled i,
.badgeContent .badgeApplicationScreen .fileUpload .buttonAlt.disabled i {
  margin: 0;
  top: auto;
  padding: 0;
}
.badgeContent .badgeApplicationScreen .fileUpload .buttonAlt {
  border: 2px solid #383838;
  font-size: 1rem;
  line-height: 18px;
  font-weight: 500;
  padding: 10px 20px;
  width: 100%;
  background: #ffffff;
  color: #383838;
  transition: all .3s ease;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.badgeContent .badgeApplicationScreen .fileUpload .buttonAlt svg {
  height: 16px;
  width: auto;
  margin-right: 10px;
}
.badgeContent .badgeApplicationScreen .fileUpload .buttonAlt:hover,
.badgeContent .badgeApplicationScreen .fileUpload .buttonAlt:focus {
  background-color: #000000;
  color: #ffffff !important;
}
.badgeContent .badgeApplicationScreen .error {
  border-radius: 10px;
}
@media all and (max-width: 770px) {
  .badgeContent .contentWrap {
    display: flex;
    flex-direction: column;
  }
}
.applicationDate {
  text-align: left;
  display: block;
  margin: 0 0 20px;
}
.applicationDate h3 {
  color: #c65219;
  font-size: 1.25rem;
  line-height: 28px;
  margin: 0 0 15px;
}
.applicationDate p {
  color: #676767;
  font-size: 0.875rem;
  margin: 0 0 20px;
}
.applicationDate .buttonAlt {
  margin: 0 0 20px;
  display: block;
  width: 100%;
}
.words-count {
  margin: 0 0 50px;
  padding: 10px 0 30px;
  border-bottom: 1px solid #d0d0d0;
}
.words-count p {
  float: right;
}
.logsContainer {
  border: 1px solid #DEE3E5;
  max-height: 524px;
  overflow-y: auto;
  margin: 0 0 48px;
}
.logsContainer ul {
  margin: 0 !important;
}
.logsContainer ul li {
  margin: 0 !important;
}
.logsContainer ul li:last-of-type button {
  border-bottom: none !important;
}
.logsContainer ul li:before {
  display: none;
}
@media all and (max-width: 640px) {
  .logsContainer {
    margin: 0 0 20px;
  }
}
.logsContainer .logsItem {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
.logsContainer .logsItem:last-child {
  border-top: 0;
}
.logsContainer .logsItem .logsItemHeader {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  display: flex;
  align-items: flex-start;
  padding: 15px 30px 15px 10px;
  background: #fff;
  border: 0;
  width: 100%;
  text-align: left;
  border-bottom: 1px solid #DEE3E5;
  outline: none;
  box-shadow: none;
}
.logsContainer .logsItem .logsItemHeader:hover,
.logsContainer .logsItem .logsItemHeader:focus {
  background: #f3f3f3;
}
.isDark .logsContainer .logsItem .logsItemHeader {
  background: #000000;
}
.logsContainer .logsItem .logsItemHeader:after {
  content: '\f107';
  position: absolute;
  top: 18px;
  right: 10px;
  color: #255291;
  font-family: 'FontAwesome';
  transition: transform 0.3s ease-in-out 0s;
  transform: rotate(0deg);
}
.logsContainer .logsItem .logsItemHeader.open {
  background: #f3f3f3;
}
.logsContainer .logsItem .logsItemHeader.open:after {
  transform: rotate(-180deg);
}
.isDark .logsContainer .logsItem .logsItemHeader.open {
  background: #000;
}
.logsContainer .logsItem .logsItemHeader:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.logsContainer .logsItem .logsItemHeader i {
  display: inline-block;
  flex: 0 0 36px;
  margin: 0 15px 0 0;
  width: 36px;
  height: 36px;
  background: #ced9e4;
  border-radius: 36px;
  color: #255291;
  font-size: 14px;
  line-height: 36px;
  text-align: center;
}
.logsContainer .logsItem .logsItemHeader i:before {
  position: relative;
  left: 3px;
}
.logsContainer .logsItem h3 {
  margin: 0 0 -10px;
  color: #185394;
  font-size: 0.875rem;
  font-weight: 400;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  word-break: break-all;
}
.isDark .logsContainer .logsItem h3 {
  color: #007cbd;
}
.logsContainer .logsItem .date {
  font-size: 0.6875rem;
  color: #272727;
}
.isDark .logsContainer .logsItem .date {
  color: #ffffff;
}
.logsContainer .logsItem .logsItemBody {
  padding: 0 7px;
  display: none;
  border-bottom: 1px solid #DEE3E5;
  text-align: left;
}
.logsContainer .logsItem .logsItemObject {
  padding: 8px 7px;
  width: 100%;
}
.logsContainer .logsItem .logsItemObject .imageWrap {
  position: relative;
  display: inline-block;
  padding: 0;
  border: 0;
  cursor: pointer;
}
.logsContainer .logsItem .logsItemObject .imageWrap:hover:before,
.logsContainer .logsItem .logsItemObject .imageWrap:hover:after {
  opacity: 1;
}
.logsContainer .logsItem .logsItemObject .imageWrap:before,
.logsContainer .logsItem .logsItemObject .imageWrap:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.3s ease-in-out 0s;
}
.logsContainer .logsItem .logsItemObject .imageWrap:before {
  background: rgba(0, 0, 0, 0.4);
}
.logsContainer .logsItem .logsItemObject .imageWrap:after {
  content: 'Drag and drop';
  top: 50%;
  left: 50%;
  height: auto;
  color: #fff;
  font-size: 0.625rem;
  transform: translate(-50%, -50%);
}
.logsContainer .logsItem .logsItemObject .imageWrap img {
  position: relative;
  max-height: 84px;
  z-index: 1;
}
.logsContainer .logsItem .logsItemObjectInfo {
  padding: 5px 7px;
  border-top: 1px solid #DEE3E5;
  font-size: 0.75rem;
}
.logsContainer .logsItem .logsItemObjectInfo ul {
  margin: 0;
  padding: 0;
}
.logsContainer .logsItem .logsItemObjectInfo li {
  padding: 5px 0;
}
.logsContainer .logsItem .logsItemObjectInfo i {
  display: inline-block;
  width: 20px;
  font-size: 0.9375rem;
  text-align: center;
  margin-right: 5px;
  color: #DEE3E5;
}
.logsContainer .logsItem .buttonAlt {
  margin: 5px 0;
}
.logsContainer .logsInner .emptyLogs {
  text-align: center;
  padding: 20px 15px;
  font-size: 1.25rem;
  color: #039290;
  font-weight: 600;
}
.logsContainer .emptyLogs {
  color: #000;
  font-weight: 600;
  padding: 15px;
}
.isDark .logsContainer .emptyLogs {
  color: #fff;
}
.scrollPane {
  position: relative;
  height: 100%;
}
.scrollPane .ps-scrollbar-y-rail {
  transform: scaleY(0.99);
}
.evidenceBox {
  float: none;
}
.evidenceBox .checkboxRow label {
  color: #383838;
}
.isDark .evidenceBox .checkboxRow label {
  color: #fff;
}
.evidenceBox .menubar {
  display: flex;
  align-items: center;
  padding: 20px 20px 20px 0;
  background: #ffffff;
  border-bottom: 1px solid #f1f1f1;
}
.evidenceBox .menubar .menubar__button {
  border: 0;
  padding: 3px 6px;
  display: block;
  outline: 0;
  background: transparent;
  color: #383838;
  transition: all .3s ease;
  cursor: pointer;
  position: relative;
}
.evidenceBox .menubar .menubar__button.is-active {
  color: #007cbd;
}
.evidenceBox .menubar .menubar__button:nth-last-child(2) {
  margin-left: auto;
}
.evidenceBox .ProseMirror {
  border: 1px solid #DEE3E5;
  background: #fff;
  padding: 30px;
  min-height: 400px;
  margin: 0 0 20px;
}
.isDark .evidenceBox .ProseMirror {
  background: #000;
  color: #fff;
  border-color: #fff;
}
.evidenceBox .ProseMirror p {
  margin: 0;
}
.evidenceBox .wordsCount {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 52px;
  padding: 0 0 20px;
  border-bottom: 1px solid #DEE3E5;
}
.evidenceBox .wordsCount .buttonAlt,
.evidenceBox .wordsCount p {
  margin: 0;
}
.evidenceBox .wordsCount p {
  color: #676767;
}
.evidenceBox .wordsCount + h2 {
  margin: 0 0 20px;
}
.evidenceBox .wordsCount .buttonAlt {
  display: flex;
  align-items: center;
  border: 1.5px solid #383838;
  background-color: #ffffff;
  color: #383838;
  padding: 8px 15px;
}
.isDark .evidenceBox .wordsCount .buttonAlt {
  background: #000;
}
.evidenceBox .wordsCount .buttonAlt:hover,
.evidenceBox .wordsCount .buttonAlt:focus {
  background-color: #000000;
  color: #ffffff !important;
}
.evidenceBox .wordsCount .buttonAlt.disabled {
  opacity: 0.7;
}
.evidenceBox .wordsCount .buttonAlt.disabled i {
  margin: 0;
  top: auto;
  padding: 0;
}
.evidenceBox .innerText {
  *zoom: 1;
}
.evidenceBox .innerText:before,
.evidenceBox .innerText:after {
  content: "";
  display: table;
}
.evidenceBox .innerText:after {
  clear: both;
}
.evidenceBox .innerText .checkboxRow {
  margin: 0 0 20px;
}
.evidenceBox textarea {
  padding: 14px;
  margin: 0 0 12px;
  width: 100%;
}
.isDark .evidenceBox textarea {
  background: #000;
  border-color: #fff;
  color: #fff;
}
.evidenceBox .errorWrap {
  font-size: 15px;
  margin-top: 30px;
}
.ProseMirror,
.ProseMirror:focus {
  box-shadow: none;
  outline: none;
}
.ProseMirror .editorLogs,
.ProseMirror:focus .editorLogs {
  display: block;
  max-width: 350px;
  margin: 15px auto;
  text-decoration: none;
}
.ProseMirror .editorLogs.notImage,
.ProseMirror:focus .editorLogs.notImage {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ProseMirror .editorLogs.notImage .icon,
.ProseMirror:focus .editorLogs.notImage .icon {
  width: 36px;
  height: 36px;
  background: #ced9e4;
  border-radius: 36px;
  color: #255291;
  font-size: 14px;
  line-height: 36px;
  text-align: center;
  margin-right: 10px;
}
.ProseMirror .editorLogs.notImage p,
.ProseMirror:focus .editorLogs.notImage p {
  width: calc(100% - 46px);
  margin: 0;
}
.ProseMirror .editorLogs:hover,
.ProseMirror:focus .editorLogs:hover {
  opacity: 0.8;
}
.ProseMirror .editorLogs p,
.ProseMirror:focus .editorLogs p {
  color: #185394;
  margin: 10px 0 0;
  line-height: 14px;
}
.ProseMirror .editorLogs p span,
.ProseMirror:focus .editorLogs p span {
  font-size: 10px;
  color: #272727;
  line-height: 12px;
  display: block;
}
.row .note,
.row .newEmail {
  float: left;
  width: 100%;
  font-size: 12px;
  padding: 9px 0;
}
.row .newEmail {
  margin: 0 0 15px;
  font-size: 14px;
  background: #f4f4f4;
  padding: 10px 15px;
  border-left: 4px solid #0f9d58;
}
.row .newEmail code {
  background: #383838;
  color: #fff;
  padding: 5px 10px;
  font-weight: 700;
  font-size: 12px;
  display: inline-block;
  margin-right: 20px;
}
.topLevelAlert {
  padding: 15px 30px;
  margin: 0 0 20px;
}
.accountStatus {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  color: #fff;
  margin: 0 0 30px;
  border-radius: 3px;
  text-align: center;
  padding: 15px;
}
.accountStatus.verified {
  background: #0f9d58;
}
.accountStatus.unverified {
  background: #bb0000;
}
.dataExports {
  display: block;
  margin: 0 0 40px;
}
.dataExports .header,
.dataExports .list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.dataExports .header span,
.dataExports .list span {
  display: block;
}
.dataExports .header .date,
.dataExports .list .date,
.dataExports .header .status,
.dataExports .list .status {
  width: 30%;
  padding: 5px 15px;
}
.dataExports .header .action,
.dataExports .list .action {
  width: 40%;
  padding: 5px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dataExports .header span {
  font-weight: 700;
  color: #000;
  border-bottom: 2px solid #f0f0f0;
}
.dataExports .list {
  border-bottom: 1px solid #f0f0f0;
  padding: 10px 0;
}
.dataExports .list .status {
  font-weight: 700;
}
.dataExports .list .status.request-completed {
  color: #0f9d58;
}
.dataExports .list .status.request-failed {
  color: #bb0000;
}
.dataExports .list .status.request-pending {
  color: #f38148;
}
.exportDataWrap .button {
  width: 200px;
  text-align: center;
}
.exportDataWrap .button.disabled {
  opacity: 0.7;
}
.exportDataWrap .button.disabled i {
  margin: 0;
  padding: 0;
  top: 0;
}
.mtcBlock__issuers__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
@media all and (max-width: 1419px) {
  .mtcBlock__issuers__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media all and (max-width: 1100px) {
  .mtcBlock__issuers__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media all and (max-width: 640px) {
  .mtcBlock__issuers__list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.mtcBlock__issuers__list__item {
  padding: 30px;
  text-align: center;
  border-radius: 10px;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 150px;
}
.mtcBlock__issuers__list__item img {
  height: 60px;
  width: auto;
  display: block;
  margin: 0 auto;
}
.mtcBlock__searchWidget__input {
  border: 1.5px solid #383838;
  border-radius: 10px;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
  height: 40px;
  box-sizing: border-box;
  font-size: 1rem;
  font-weight: 500;
}
.mtcBlock__searchWidget__input svg {
  margin-left: auto;
  height: 18px;
  width: auto;
}
.mtcBlock__searchWidget__input input {
  width: 100%;
  outline: 0;
  box-shadow: none;
  border: 0;
  padding: 10px 0;
  color: #383838;
}
.mtcBlock__searchWidget__button {
  display: flex;
  align-items: center;
  color: #383838;
  height: 40px;
}
.mtcBlock__banner__media {
  position: relative;
  z-index: 10;
}
.mtcBlock__banner__media svg {
  width: 100%;
  height: auto;
}
.mtcBlock__banner__media video {
  width: 100%;
  height: auto;
  min-height: 350px;
}
.mtcBlock__banner__content {
  padding: 20px 0;
}
.mtcBlock__banner__content__title {
  font-size: 2.5rem;
  line-height: 47px;
  margin: 0 0 24px;
  font-weight: 700;
}
.mtcBlock__banner__content__description {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 28px;
  color: #383838;
}
.mtcBlock__banner__content__actions {
  margin: 40px 0 0;
  display: flex;
  align-items: center;
  gap: 14px;
}
@media all and (max-width: 640px) {
  .mtcBlock__banner__content__actions {
    margin: 20px auto;
    justify-content: center;
  }
}
.mtcBlock__banner__content__actions .bannerButton {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 600;
  line-height: 21px;
  border: 1.5px solid #383838;
  outline: 0;
  text-decoration: none;
  background: transparent;
  height: 40px;
  border-radius: 20px;
  padding: 9px 20px;
  box-sizing: border-box;
  color: #383838;
  flex-shrink: 0;
  transition: all .3s ease;
  cursor: pointer;
}
.mtcBlock__banner__content__actions .bannerButton svg {
  height: 18px;
  width: auto;
  margin-right: 10px;
}
.mtcBlock__banner__content__actions .bannerButton a {
  color: inherit;
  text-decoration: none;
}
.mtcBlock__banner__content__actions .bannerButton--watchVideo:hover,
.mtcBlock__banner__content__actions .bannerButton--watchVideo:focus {
  background: #383838;
  color: #fff;
}
.mtcBlock__banner__content__actions .bannerButton--readMore {
  background: #a0c01b;
  border-color: #a0c01b;
  color: #fff;
}
.mtcBlock__banner__content__actions .bannerButton--readMore:hover,
.mtcBlock__banner__content__actions .bannerButton--readMore:focus {
  background: #01d17c;
  border-color: #01d17c;
}
.mtcBlock__banner__content__appStores {
  margin: 100px 0 0;
  display: flex;
  align-items: center;
  gap: 50px;
}
@media all and (max-width: 640px) {
  .mtcBlock__banner__content__appStores {
    margin: 0 auto 30px;
    justify-content: center;
  }
}
.mtcBlock__banner__content__appStores__button {
  display: block;
  cursor: pointer;
}
.mtcBlock__banner__content__appStores__button img {
  height: 32px;
  width: auto;
  display: block;
}
.mtcBlock__banner--mediaRight {
  flex-direction: row-reverse;
}
.mtcBlock__banner--mediaRight .mtcBlock__banner__content {
  padding-right: 30px;
}
@media all and (max-width: 640px) {
  .mtcBlock__banner--mediaRight .mtcBlock__banner__content {
    padding-right: 0;
  }
}
.mtcBlock__banner--mediaLeft {
  flex-direction: row;
}
.mtcBlock__banner--mediaLeft .mtcBlock__banner__content {
  padding-left: 30px;
}
@media all and (max-width: 640px) {
  .mtcBlock__banner--mediaLeft .mtcBlock__banner__content {
    padding-left: 0;
  }
}
.mtcBlock__banner--isCover .mtcBlock__banner__content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 20px;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 1340px;
  margin: 0 auto;
}
.mtcBlock__banner--isNotCover {
  width: 100%;
  max-width: 1340px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media all and (max-width: 640px) {
  .mtcBlock__banner--isNotCover {
    flex-wrap: wrap-reverse;
  }
}
@media all and (max-width: 1419px) {
  .mtcBlock__banner--isNotCover {
    padding: 0 20px;
    justify-content: center;
  }
}
.mtcBlock__banner--isNotCover .mtcBlock__banner__media {
  width: 50%;
  padding: 20px;
}
@media all and (max-width: 640px) {
  .mtcBlock__banner--isNotCover .mtcBlock__banner__media {
    width: 100%;
  }
}
.mtcBlock__banner--isNotCover .mtcBlock__banner__content {
  width: 50%;
  max-width: 590px;
}
@media all and (max-width: 640px) {
  .mtcBlock__banner--isNotCover .mtcBlock__banner__content {
    width: 100%;
    text-align: center;
  }
}
.wp-elements-992dafe32b461225e06fac728fb7c9fa a,
.wp-elements-8bb00cdab061ee2819e9ce0f50399e9e a,
.wp-elements-fc027ffecb29ffe3511df9182a0dc0e4 a {
  color: #ffffff;
}
figure {
  margin: 0 0 1em;
}
.mt-25 {
  margin-top: 25px;
}
.mtcBlock__badgesArchive__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 36px;
}
@media all and (max-width: 640px) {
  .mtcBlock__badgesArchive__header {
    gap: 10px;
  }
}
.mtcBlock__badgesArchive__header__button {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 600;
  line-height: 21px;
  border: 1.5px solid #383838;
  outline: 0;
  text-decoration: none;
  background: transparent;
  height: 40px;
  border-radius: 20px;
  padding: 9px 20px;
  box-sizing: border-box;
  color: #383838;
  flex-shrink: 0;
  transition: all .3s ease;
  cursor: pointer;
}
.mtcBlock__badgesArchive__header__button:hover,
.mtcBlock__badgesArchive__header__button:focus {
  background-color: #000000;
  color: #ffffff;
}
.isDark .mtcBlock__badgesArchive__header__button {
  border-color: #ffffff;
}
.mtcBlock__badgesArchive__header__button a {
  color: inherit !important;
  text-decoration: none;
}
@media all and (max-width: 640px) {
  .mtcBlock__badgesArchive__header__title {
    margin: 0;
    font-size: 1.5rem;
  }
}
.mtcBlock__badgesArchive .badgeFilters {
  display: flex;
  width: 100%;
  margin: 0 0 75px;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media all and (max-width: 640px) {
  .mtcBlock__badgesArchive .badgeFilters {
    margin: 0 0 30px;
  }
}
.mtcBlock__badgesArchive .badgeFilters__search {
  position: relative;
  width: 67%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.mtcBlock__badgesArchive .badgeFilters__search input {
  width: 100%;
}
.mtcBlock__badgesArchive .badgeFilters__search button {
  position: absolute;
  top: 12px;
  right: 8px;
  outline: none;
  border: none;
  background: none;
}
.mtcBlock__badgesArchive .badgeFilters__search button svg {
  height: 16px;
  width: auto;
}
@media all and (max-width: 1100px) {
  .mtcBlock__badgesArchive .badgeFilters__search {
    width: 100%;
  }
}
.mtcBlock__badgesArchive .badgeFilters__search__input {
  border: 0;
  color: #383838;
  padding: 15px;
  outline: 0;
  width: 100%;
  background: #ffffff;
  border-radius: 10px;
  transition: border 0.3s;
  border: 1px solid #383838;
}
.mtcBlock__badgesArchive .badgeFilters__search__input:focus {
  border-color: #e9497c;
}
.mtcBlock__badgesArchive .badgeFilters__search__button {
  border: 0;
  display: flex;
  align-items: center;
  color: #383838;
  padding: 9px 15px;
  outline: 0;
  flex-shrink: 0;
  border-radius: 10px;
  background: #ffffff;
  cursor: pointer;
}
.mtcBlock__badgesArchive .badgeFilters__search__button svg {
  height: 16px;
  width: auto;
}
.mtcBlock__badgesArchive .badgeFilters__select {
  position: relative;
  width: 15%;
  flex-shrink: 0;
}
.mtcBlock__badgesArchive .badgeFilters__select:before {
  position: absolute;
  top: 14px;
  right: 15px;
  font: normal normal normal 16px/1 FontAwesome;
  content: "\f0d7";
}
.mtcBlock__badgesArchive .badgeFilters__select select {
  color: #383838;
  padding: 12px;
  outline: 0;
  flex-shrink: 0;
  border-radius: 10px;
  background: #ffffff;
  cursor: pointer;
  border: 1px solid #383838;
  width: 100%;
  text-align: left;
  transition: border 0.3s;
}
.mtcBlock__badgesArchive .badgeFilters__select select#sortPostsBy {
  font-size: 0.875rem;
  padding: 0;
  background: none;
}
.mtcBlock__badgesArchive .badgeFilters__select select:focus {
  border-color: #e9497c;
}
@media all and (max-width: 1100px) {
  .mtcBlock__badgesArchive .badgeFilters__select {
    width: 47%;
  }
}
.mtcBlock__badgesArchive .badgeFilters__select__button {
  color: #383838;
  padding: 12px;
  outline: 0;
  flex-shrink: 0;
  border-radius: 10px;
  background: #ffffff;
  cursor: pointer;
  border: 1px solid #383838;
  width: 100%;
  text-align: left;
}
.mtcBlock__badgesArchive .badgeFilters__select__list {
  border-radius: 10px;
  background: #ffffff;
  color: #383838;
  top: 100%;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  margin: 5px 0 0;
  box-shadow: 0 2px 10px #0000001a;
  overflow-x: hidden;
}
.mtcBlock__badgesArchive .badgeFilters__select__list__button {
  border: 0;
  padding: 12px;
  outline: 0;
  display: flex;
  align-items: center;
  background: #ffffff;
  cursor: pointer;
  text-align: left;
}
.mtcBlock__badgesArchive .badgeFilters__select__list__button svg {
  height: 16px;
  width: auto;
  margin-right: 10px;
  display: none;
  flex-shrink: 0;
}
.mtcBlock__badgesArchive .badgeFilters__select__list__button--selected {
  font-weight: 500;
  color: #007cbd;
}
.mtcBlock__badgesArchive .badgeFilters__select__list__button--selected svg {
  display: block;
}
.mtcBlock__badgesArchive .badgeFilters__selected {
  width: 100%;
  display: flex;
  margin: 10px 0 0;
  align-items: center;
  gap: 15px;
}
.mtcBlock__badgesArchive .badgeFilters__selected__item {
  display: flex;
  align-items: center;
  color: #ffffff;
  background: #ed6d3f;
  padding: 10px 20px;
  font-size: .75rem;
  border: 0;
  border-radius: 20px;
  transition: all .3s ease;
  font-weight: 500;
  cursor: pointer;
}
.mtcBlock__badgesArchive .badgeFilters__selected__item:hover,
.mtcBlock__badgesArchive .badgeFilters__selected__item:focus {
  opacity: .7;
}
.mtcBlock__badgesArchive .badgeFilters__selected__item svg {
  height: 16px;
  width: auto;
  flex-shrink: 0;
  margin-right: 5px;
}
.mtcBlock__badgesArchive .badgeFilters__selected__item--clearAll {
  background: transparent;
  color: #383838;
  text-decoration: underline;
}
.mtcBlock__badgesArchive .badgeFilters__selected__item--clearAll:hover {
  color: #ed6d3f;
  background: transparent;
}
.mtcBlock__badgesArchive .badgeFilters__selected__item--clearAll svg {
  display: none;
}
.mtcBlock__badgesArchive .badgeFilters__sortBy {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mtcBlock__badgesArchive .badgeFilters__sortBy h6 {
  margin: 0 0 18px;
}
.mtcBlock__badgesArchive .badgeFilters__sortBy__select {
  width: auto;
  margin-bottom: 18px;
  border: 0;
  background: transparent !important;
  padding: 0;
  cursor: pointer;
  border: none !important;
  font-size: 0.875rem;
}
.mtcBlock__badgesArchive .badgeArticles {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
.mtcBlock__badgesArchive .badgeArticles .alert {
  grid-column: auto / span 4;
}
@media all and (max-width: 1419px) {
  .mtcBlock__badgesArchive .badgeArticles {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media all and (max-width: 1100px) {
  .mtcBlock__badgesArchive .badgeArticles {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media all and (max-width: 640px) {
  .mtcBlock__badgesArchive .badgeArticles {
    grid-template-columns: repeat(1, 1fr);
  }
}
.mtcBlock__badgesArchive .badgeArticles__item {
  background: #ffffff;
  border-radius: 10px;
  padding: 30px;
  transition: outline 0.3s;
  outline: 1px solid rgba(0, 0, 0, 0);
}
.mtcBlock__badgesArchive .badgeArticles__item:hover,
.mtcBlock__badgesArchive .badgeArticles__item:focus {
  outline: 1px solid #e9497c;
}
.isDark .mtcBlock__badgesArchive .badgeArticles__item:hover,
.isDark .mtcBlock__badgesArchive .badgeArticles__item:focus {
  outline: 1px solid #fff;
}
.mtcBlock__badgesArchive .badgeArticles__item__image {
  display: block;
  margin: 0 0 28px;
}
.mtcBlock__badgesArchive .badgeArticles__item__image img {
  display: block;
  margin: 0 auto;
  height: 116px;
  width: auto;
}
.mtcBlock__badgesArchive .badgeArticles__item__title {
  margin: 0 0 12px;
}
.mtcBlock__badgesArchive .badgeArticles__item__content {
  font-size: 1rem;
  line-height: 23px;
}
.mtcBlock__badgesArchive .badgeArticles__item--loading {
  background: #ffffff;
  border-radius: 10px;
  padding: 30px;
}
.mtcBlock__badgesArchive .badgeArticles__item--loading .badgeArticles__item__image {
  background: #f4f4f4;
  animation: skeleton 3s infinite ease-in-out;
  width: 116px;
  height: 116px;
  border-radius: 5px;
  margin: 0 auto 28px;
}
.mtcBlock__badgesArchive .badgeArticles__item--loading .badgeArticles__item__title {
  background: #f4f4f4;
  animation: skeleton 3s infinite ease-in-out;
  height: 35px;
  width: 100%;
  border-radius: 3px;
}
.mtcBlock__badgesArchive .badgeArticles__item--loading .badgeArticles__item__content span {
  background: #f4f4f4;
  animation: skeleton 3s infinite ease-in-out;
  display: block;
  height: 23px;
  border-radius: 3px;
  width: 100%;
  margin: 0 0 5px;
}
.mtcBlock__badgesArchive .badgeArticles__item--loading .badgeArticles__item__content span:first-of-type {
  width: 90%;
}
.mtcBlock__badgesArchive .badgeArticles__item--loading .badgeArticles__item__content span:last-of-type {
  width: 80%;
  margin: 0;
}
@keyframes skeleton {
  0% {
    background-color: #1e1f260d;
  }
  50% {
    background-color: #1e1f261a;
  }
  to {
    background-color: #1e1f260d;
  }
}
.mtcBlock__subPosts__list {
  margin: 0 0 30px;
}
.mtcBlock__subPosts__list li:not(.sidebarWidgetWrap) {
  display: flex;
  align-items: center;
  margin: 0 0 10px;
  font-size: 1.125rem;
  line-height: 30px;
  font-weight: 500;
  transition: all .3s ease;
  opacity: 1;
  text-decoration: none;
  color: #383838;
}
.mtcBlock__subPosts__list li:not(.sidebarWidgetWrap).current_page_item a {
  color: #a0c01b;
}
li.sidebarWidgetWrap {
  margin: 0 0 40px 0;
  list-style: none;
}
li.sidebarWidgetWrap a {
  color: #007cbd;
}
.bbp-template-notice {
  float: left;
  width: 100%;
  margin: 40px 0 !important;
}
.mtcBlock__subPosts__list li:last-of-type {
  margin: 0;
}
.mtcBlock__subPosts__list li > a:hover {
  color: #007cbd;
}
.mtcBlock__subPosts__list li > a:focus-visible {
  outline-offset: 3px;
  color: #007cbd;
  outline: 2px solid currentColor;
}
.mtcBlock__subPosts__list li--active,
.mtcBlock__subPosts__list li--active:hover {
  color: #a0c01b;
}
.mtcBlock__subPosts__list li {
  position: relative;
  padding-left: 30px;
}
.mtcBlock__subPosts__list li svg {
  position: absolute;
  top: 4px;
  left: 0;
  height: 20px;
  width: auto;
  margin-right: 15px;
  color: #01d17c;
}
.statsBlockHomepageNew a:hover,
.statsBlockHomepageNew a:focus {
  opacity: 0.7;
}
.statsBlockHomepageNew a:focus {
  outline: 1px solid #fff;
}
@media all and (max-width: 781px) {
  .statsBlockHomepageNew {
    padding-left: 16px !important;
    padding-right: 16px !important;
    text-align: center;
  }
  .statsBlockHomepageNew p,
  .statsBlockHomepageNew .wp-block-column p {
    padding-right: 0 !important;
  }
}
.mtcBlock__searchWidget__input {
  border: 1.5px solid #383838;
  border-radius: 10px;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
  height: 40px;
  box-sizing: border-box;
  font-size: 1rem;
  font-weight: 500;
}
.mtcBlock__searchWidget__input form {
  position: relative;
}
.mtcBlock__searchWidget__input form button {
  position: absolute;
  right: -25px;
  top: -2px;
  background: none;
  outline: none;
  border: none;
}
.mtcBlock__searchWidget__input svg {
  margin-left: auto;
  height: 18px;
  width: auto;
}
.mtcBlock__searchWidget__input input {
  width: 100%;
  outline: 0;
  box-shadow: none;
  border: 0;
  padding: 10px 0;
  color: #383838;
  background: none;
}
.mtcBlock__searchWidget__button {
  display: flex;
  align-items: center;
  color: #383838;
  height: 40px;
}
.headerWrap {
  background: #f7f9fb;
  padding: 45px 0;
}
.headerWrap .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media all and (max-width: 640px) {
  .headerWrap--badge .wrapper {
    position: relative;
    flex-direction: column;
  }
}
.headerWrap .wrapper img {
  width: 175px;
  height: auto;
}
@media all and (max-width: 640px) {
  .headerWrap .wrapper img {
    margin-bottom: 16px;
  }
}
.headerWrap .wrapper .content {
  width: calc(100% - 200px);
}
@media all and (max-width: 640px) {
  .headerWrap .wrapper .content {
    width: calc(100% - 70px);
  }
}
.headerWrap .wrapper .content h4 {
  color: #e9497c;
  margin: 0;
  font-weight: 700;
  font-size: .9375rem;
  line-height: 18px;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
@media all and (max-width: 640px) {
  .headerWrap .wrapper .content h4 a {
    position: absolute;
    right: 20px;
    bottom: calc(100% + 10px);
  }
}
.headerWrap .wrapper .content h4 a {
  display: flex;
  align-items: center;
  color: #00908e;
  font-size: .75rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
.headerWrap .wrapper .content h4 a:hover,
.headerWrap .wrapper .content h4 a:focus {
  color: #00908e;
}
.headerWrap .wrapper .content h4 a svg {
  height: 16px;
  margin-right: 5px;
  width: auto;
}
.headerWrap .wrapper .content h1 {
  margin: 0 0 15px;
}
@media all and (max-width: 640px) {
  .headerWrap .wrapper .content h1 {
    font-size: 1.5rem;
  }
}
.headerWrap .wrapper .content p {
  font-weight: 500;
  font-size: 1.125rem;
  margin: 0;
}
@media all and (max-width: 640px) {
  .headerWrap .wrapper .content p {
    font-size: 14px;
  }
}
.headerWrap .wrapper .content .criteria {
  color: #ed6d3f;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: .875rem;
  margin: 10px 0 0;
}
.headerWrap .wrapper .content .criteria:hover {
  opacity: .7;
}
.headerWrap .wrapper .content .criteria svg {
  height: 14px;
  width: auto;
  margin-right: 5px;
}
.badgeContent .sidebar {
  width: 320px;
  margin: 0;
  padding: 0 0 50px 0;
}
@media all and (max-width: 850px) {
  .badgeContent .sidebar {
    width: 100%;
    margin: 0 0 20px;
    padding: 20px;
    border-right: 0;
    border-bottom: 1px solid #f1f1f1;
    order: 1;
  }
  .badgeContent .sidebar .buttonAlt {
    display: none;
  }
  .badgeContent .sidebar + .content.align-right {
    width: 100%;
  }
}
.badgeContent .sidebar .wp-block-button__link {
  border: 1px solid #00908e;
  font-size: 1rem;
  line-height: 18px;
  font-weight: 500;
  padding: 10px 20px;
  width: 100%;
  margin: 0 0 22px;
  background: #00908e;
  color: #ffffff;
}
.badgeContent .sidebar .wp-block-button__link:hover,
.badgeContent .sidebar .wp-block-button__link:focus {
  background: #00908e;
  border-color: #00908e;
}
.badgeContent .sidebar h4 {
  color: #007cbd;
  font-size: 1rem;
  margin: 0 0 11px;
  line-height: 19px;
  font-weight: 700;
  display: block;
}
.badgeContent .sidebar .badgeIssuer {
  margin: 40px 0;
  text-align: left;
}
.badgeContent .sidebar .badgeIssuer .imageWrap {
  border-radius: 10px;
  padding: 40px;
  margin: 0 0 16px;
  background: #f7f9fb;
}
.badgeContent .sidebar .badgeIssuer .imageWrap img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.badgeContent .sidebar .badgeIssuer p {
  font-size: .875rem;
  line-height: 20px;
  font-weight: 400;
  margin: 0;
}
.badgeContent .sidebar .standard {
  margin: 0 0 20px;
}
.badgeContent .sidebar .standard p {
  font-size: 1rem;
  margin: 0;
  line-height: 23px;
  font-weight: 500;
}
.badgeContent .sidebar .standard a {
  color: #00908e;
}
.badgeContent .sidebar .standard a:hover {
  text-decoration: underline;
}
.badgeContent .content {
  margin-left: 32px;
  padding-left: 40px;
  border-left: 1px solid #f1f1f1;
}
@media all and (max-width: 850px) {
  .badgeContent .content {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
  }
}
a.allBadges {
  color: #33A6A5;
}
.pageTemplate {
  display: flex;
}
@media all and (max-width: 640px) {
  .pageTemplate {
    margin-top: 40px;
  }
}
.mtcBlock__register__registerContent {
  background: #fff;
  padding: 48px 40px;
  border-radius: 10px;
  color: #383838;
}
.mtcBlock__register h2 {
  margin: 0 0 36px;
  font-weight: 700;
  color: #383838;
}
.mtcBlock__register__form {
  margin: 0 0 45px;
}
.mtcBlock__register__form__errors {
  background: #ef4444;
  padding: 10px 15px;
  font-size: .75rem;
  margin: 0 0 20px;
  border-radius: 10px;
  transition: all .3s ease;
  opacity: 1;
  visibility: visible;
}
.mtcBlock__register__form__errors p {
  margin: 0 0 5px;
  color: #ffffff;
  line-height: 16px;
}
.mtcBlock__register__form__errors p a {
  font-weight: 600;
  color: #ffffff;
  text-decoration: underline;
}
.mtcBlock__register__form__errors p:last-of-type {
  margin: 0;
}
.mtcBlock__register__form--row {
  margin: 0 0 22px;
}
.mtcBlock__register__form--row--isCheckbox {
  margin: 0 0 30px;
  position: relative;
}
.mtcBlock__register__form--row--isCheckbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.mtcBlock__register__form--row--isCheckbox input[type=checkbox]:checked + span:before {
  background: #007cbd;
  border-color: #007cbd;
}
.mtcBlock__register__form--row--isCheckbox span {
  position: relative;
  display: flex;
  font-size: .875rem;
  align-items: center;
  cursor: pointer;
}
.mtcBlock__register__form--row--isCheckbox span:before {
  content: "";
  width: 24px;
  height: 24px;
  margin-right: 20px;
  border: 1.5px solid #383838;
  border-radius: 6px;
}
.mtcBlock__register__form--row--hasError input[type=text],
.mtcBlock__register__form--row--hasError input[type=password] {
  border-color: #ef4444;
}
.mtcBlock__register__form--row input[type=text],
.mtcBlock__register__form--row input[type=password] {
  border-radius: 10px;
  display: block;
  width: 100%;
  border: 2px solid #383838;
  font-size: .875rem;
  font-weight: 500;
  padding: 10px 15px;
  max-height: 40px;
  transition: all 0.3s ease;
}
.mtcBlock__register__form--row--error {
  color: #ef4444;
  padding: 5px;
  display: block;
  font-size: .75rem;
}
.mtcBlock__register__form .button {
  background: #00908e;
  border: 0;
  padding: 10px 25px;
  font-weight: 500;
  text-align: center;
  border-radius: 20px;
  color: #fff;
  min-width: 180px;
  font-size: 1rem;
  line-height: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.mtcBlock__register__form .button:hover {
  opacity: .7;
}
.mtcBlock__register__form .button svg {
  height: 20px;
  width: auto;
}
.mtcBlock__register__form .button--isLoading {
  font-size: 0rem;
}
.mtcBlock__register__footerContent {
  font-size: .875rem;
  line-height: 21px;
}
.mtcBlock__register__footerContent strong {
  display: block;
  margin: 0 0 10px;
  font-size: 1rem;
}
.mtcBlock__register__footerContent a {
  color: #ed6d3f;
  text-decoration: none;
  transition: all 0.3s ease;
}
.mtcBlock__register__footerContent a:hover {
  color: #007cbd;
}
.wp-container-1.wp-container-1 > * {
  margin-block-start: 0;
  margin-block-end: 0;
}
.wp-container-1.wp-container-1.wp-container-1.wp-container-1 > * + * {
  margin-block-start: 50px;
  margin-block-end: 0;
}
.wp-container-3.wp-container-3 {
  flex-wrap: nowrap;
}
.mtcBlock__banner__content__actions .bannerButton.white {
  border-color: #ffffff;
  color: #ffffff;
}
.mtcBlock__banner__content__actions .bannerButton.white svg path {
  fill: #ffffff;
}
.mtcBlock__banner__content__actions .bannerButton.white:hover,
.mtcBlock__banner__content__actions .bannerButton.white:focus {
  background: #ffffff;
  color: #383838;
}
.mtcBlock__banner__content__actions .bannerButton.white:hover svg path,
.mtcBlock__banner__content__actions .bannerButton.white:focus svg path {
  fill: #383838;
}
.mtcBlock__login__loginContent,
.mtcBlock__login__registerContent {
  background: #fff;
  padding: 48px 40px;
  border-radius: 10px;
  color: #383838;
}
.mtcBlock__login__registerContent {
  margin: 30px 0;
}
.mtcBlock__login__registerContent .button {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  border: 1.5px solid #383838;
  font-size: 16px;
  font-weight: 600;
  color: #383838;
  transition: all .3s ease;
  background: transparent;
  padding: 9px 20px;
  border-radius: 20px;
  cursor: pointer;
}
.mtcBlock__login__registerContent .button:hover {
  background: #383838;
  color: #ffffff;
}
.mtcBlock__login h2 {
  margin: 0 0 36px;
  font-weight: 700;
  color: #383838;
}
.mtcBlock__login__form {
  margin: 0 0 45px;
}
.mtcBlock__login__form__errors {
  background: #ef4444;
  padding: 10px 15px;
  font-size: .75rem;
  margin: 0 0 20px;
  border-radius: 10px;
  transition: all .3s ease;
  opacity: 1;
  visibility: visible;
}
.mtcBlock__login__form__errors p {
  margin: 0 0 5px;
  color: #ffffff;
  line-height: 16px;
}
.mtcBlock__login__form__errors p a {
  font-weight: 600;
  color: #ffffff;
  text-decoration: underline;
}
.mtcBlock__login__form__errors p:last-of-type {
  margin: 0;
}
.mtcBlock__login__form--row {
  margin: 0 0 22px;
}
.mtcBlock__login__form--row--isCheckbox {
  margin: 0 0 30px;
  position: relative;
}
.mtcBlock__login__form--row--isCheckbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.mtcBlock__login__form--row--isCheckbox input[type=checkbox]:checked + span:before {
  background: #007cbd;
  border-color: #007cbd;
}
.mtcBlock__login__form--row--isCheckbox span {
  position: relative;
  display: flex;
  font-size: .875rem;
  align-items: center;
  cursor: pointer;
}
.mtcBlock__login__form--row--isCheckbox span:before {
  content: "";
  width: 24px;
  height: 24px;
  margin-right: 20px;
  border: 1.5px solid #383838;
  border-radius: 6px;
}
.mtcBlock__login__form--row--hasError input[type=text],
.mtcBlock__login__form--row--hasError input[type=password] {
  border-color: #ef4444;
}
.mtcBlock__login__form--row input[type=text],
.mtcBlock__login__form--row input[type=password] {
  border-radius: 10px;
  display: block;
  width: 100%;
  border: 2px solid #383838;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 15px;
  transition: all 0.3s ease;
}
.mtcBlock__login__form--row--error {
  color: #ef4444;
  padding: 5px;
  display: block;
  font-size: .75rem;
}
.mtcBlock__login__form .button,
.mtcBlock__register__form .button {
  background: #00908e;
  border: 0;
  padding: 10px 25px;
  font-weight: 500;
  text-align: center;
  border-radius: 20px;
  color: #fff;
  min-width: 180px;
  font-size: 1rem;
  line-height: 20px;
  cursor: pointer;
  transition: all .3s ease;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.mtcBlock__login__form .button:hover,
.mtcBlock__register__form .button:hover {
  opacity: .7;
}
.mtcBlock__login__form .button svg {
  height: 20px;
  width: auto;
}
.mtcBlock__login__form .button--isLoading {
  font-size: 0rem;
}
.mtcBlock__login__footerContent {
  font-size: .875rem;
  line-height: 21px;
}
.mtcBlock__login__footerContent strong {
  display: block;
  margin: 0 0 10px;
  font-size: 1rem;
}
.mtcBlock__login__footerContent a {
  color: #ed6d3f;
  text-decoration: none;
  transition: all 0.3s ease;
}
.mtcBlock__login__footerContent a:hover {
  color: #007cbd;
}
.mtcBlock__login__form--row--isCheckbox label {
  color: #383838;
}
.mtcBlock__userAvatar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
@media all and (max-width: 640px) {
  .mtcBlock__userAvatar {
    justify-content: center;
  }
}
.mtcBlock__userAvatar__details {
  text-align: right;
  width: 100%;
}
@media all and (max-width: 640px) {
  .mtcBlock__userAvatar__details {
    width: auto;
  }
}
.mtcBlock__userAvatar__details h6 {
  color: #e9497c;
  font-size: 1rem;
  font-weight: 700;
  line-height: 19px;
  margin: 0 0 4px;
}
.mtcBlock__userAvatar__details p {
  margin: 0;
  color: #383838;
  font-size: .875rem;
  line-height: 16px;
}
.mtcBlock__userAvatar__image {
  position: relative;
  border-radius: 37px;
  background: #ffffff;
  width: 74px;
  height: 74px;
}
.mtcBlock__userAvatar__image img {
  width: 74px;
  max-width: 74px;
  height: 74px;
  border-radius: 37px;
  object-fit: cover;
}
.membersAreaNew__titleLink,
.isDark .membersAreaNew__titleLink {
  color: #007cbd !important;
}
.membersAreaNew__titleLink:hover,
.isDark .membersAreaNew__titleLink:hover,
.membersAreaNew__titleLink:focus,
.isDark .membersAreaNew__titleLink:focus {
  color: #004289 !important;
}
.membersAreaNew .wp-block-column {
  flex-grow: 1;
  min-width: 0;
  overflow-wrap: break-word;
  word-break: break-word;
}
@media (min-width: 782px) {
  .membersAreaNew .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: 0;
    flex-grow: 1;
  }
}
@media all and (min-width: 782px) and (max-width: 1100px) {
  .membersAreaNew .wp-block-columns {
    flex-direction: column;
  }
}
.membersAreaNew .mtcBlock__cta {
  border-radius: 10px;
  cursor: pointer;
  transition: all .3s ease;
  display: flex;
  align-items: center;
  gap: 10px;
}
.membersAreaNew .mtcBlock__cta + .mtcBlock__cta {
  margin-top: 20px;
}
.membersAreaNew .mtcBlock__cta:hover {
  opacity: .7;
}
.membersAreaNew .mtcBlock__cta .mtcBlock__cta:focus-visible {
  outline: 2px solid #007cbd;
  outline-offset: 2px;
}
.membersAreaNew .mtcBlock__cta__media {
  margin-right: 15px;
  min-width: 80px;
}
.membersAreaNew .mtcBlock__cta__media img {
  height: auto;
  width: 80px;
}
.membersAreaNew .mtcBlock__cta__text {
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
}
.membersAreaNew .wp-container-8.wp-container-8 {
  flex-wrap: nowrap;
  gap: 1.5rem 1.5rem;
}
.membersAreaNew__formBlock {
  align-items: center;
  padding: 40px 20px;
  border-radius: 10px;
  background: #f7f9fb;
  margin: 0 0 30px;
}
.isDark .membersAreaNew__formBlock {
  background: #000;
}
@media all and (min-width: 1100px) and (max-width: 1340px) {
  .membersAreaNew .mtcBlock__cta {
    flex-direction: column;
    justify-content: center;
  }
  .membersAreaNew .mtcBlock__cta__media {
    margin-right: 0;
  }
  .membersAreaNew .mtcBlock__cta__text {
    text-align: center;
  }
}
body .is-layout-flex {
  gap: 24px;
}
.mtcBlock__essentialBadges__header {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin: 0 0 24px;
}
@media all and (min-width: 451px) {
  .mtcBlock__essentialBadges__header {
    align-items: center;
  }
}
@media all and (max-width: 450px) {
  .mtcBlock__essentialBadges__header {
    flex-direction: column;
    gap: 12px;
  }
}
.mtcBlock__essentialBadges__header h4 {
  font-size: 1.5625rem;
  font-weight: 700;
  line-height: 29px;
  margin: 0;
}
.mtcBlock__essentialBadges__header p {
  margin-bottom: 0;
  display: flex;
  gap: 5px;
  font-size: .875rem;
  line-height: 16px;
  font-weight: 400;
}
@media all and (min-width: 451px) {
  .mtcBlock__essentialBadges__header p {
    align-items: center;
    margin-left: auto;
  }
}
.mtcBlock__essentialBadges .badgesList__item {
  display: flex;
  align-items: center;
  padding: 40px 20px;
  border-radius: 10px;
  background: #f7f9fb;
  margin: 0 0 30px;
  outline: 1px solid rgba(0, 0, 0, 0);
  transition: outline 0.3s;
}
@media all and (max-width: 450px) {
  .mtcBlock__essentialBadges .badgesList__item {
    flex-direction: column;
    gap: 32px;
  }
}
.mtcBlock__essentialBadges .badgesList__item:hover,
.mtcBlock__essentialBadges .badgesList__item:focus {
  outline: 1px solid #e9497c;
}
.isDark .mtcBlock__essentialBadges .badgesList__item:hover,
.isDark .mtcBlock__essentialBadges .badgesList__item:focus {
  outline: 1px solid #fff;
}
@media all and (min-width: 451px) {
  .mtcBlock__essentialBadges .badgesList__item__image {
    width: 130px;
    margin-right: 40px;
    height: auto;
  }
}
.mtcBlock__essentialBadges .badgesList__item__image img {
  width: 100%;
  height: auto;
}
@media all and (min-width: 451px) {
  .mtcBlock__essentialBadges .badgesList__item__content {
    width: calc(100% - 170px);
  }
}
.mtcBlock__essentialBadges .badgesList__item__title {
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 25px;
  margin: 0 0 10px;
  color: #383838;
  display: block;
}
.mtcBlock__essentialBadges .badgesList__item__title:hover,
.mtcBlock__essentialBadges .badgesList__item__title:focus {
  color: #007cbd !important;
}
.mtcBlock__essentialBadges .badgesList__item__description {
  font-size: 1rem;
  line-height: 23px;
  font-weight: 400;
  margin: 0 0 15px;
  display: block;
}
.mtcBlock__essentialBadges .badgesList__item__button {
  font-size: 1rem;
  font-weight: 500;
  line-height: 20px;
  padding: 6px 20px;
  border-radius: 20px;
  background: #00908e;
  color: #ffffff;
  display: inline-block;
  border: 2px solid #00908e;
  cursor: pointer;
  transition: all 0.3s ease;
}
.mtcBlock__essentialBadges .badgesList__item__button:hover,
.mtcBlock__essentialBadges .badgesList__item__button:focus {
  background-color: rgba(255, 255, 255, 0.0001);
  color: #00908e;
}
.mtcBlock__essentialBadges .badgesList__item__info {
  color: #00908e;
  font-weight: 500;
}
.mtcBlock__essentialBadges .badgesList__item--isLoading .badgesList__item__image {
  background: #f4f4f4;
  animation: skeleton 3s infinite ease-in-out;
  height: 130px;
  border-radius: 5px;
  margin-right: 40px;
}
.mtcBlock__essentialBadges .badgesList__item--isLoading .badgesList__item__title {
  background: #f4f4f4;
  animation: skeleton 3s infinite ease-in-out;
  height: 25px;
  width: 100%;
  border-radius: 3px;
}
.mtcBlock__essentialBadges .badgesList__item--isLoading .badgesList__item__description span {
  background: #f4f4f4;
  animation: skeleton 3s infinite ease-in-out;
  display: block;
  height: 18px;
  border-radius: 3px;
  width: 100%;
  margin: 0 0 5px;
}
.mtcBlock__essentialBadges .badgesList__item--isLoading .badgesList__item__description span:first-of-type {
  width: 90%;
}
.mtcBlock__essentialBadges .badgesList__item--isLoading .badgesList__item__description span:last-of-type {
  width: 80%;
  margin: 0;
}
.mtcBlock__essentialBadges .badgesList__item--isLoading .badgesList__item__button {
  background: #f4f4f4;
  animation: skeleton 3s infinite ease-in-out;
  height: 40px;
  width: 200px;
}
@keyframes skeleton {
  0% {
    background-color: #1e1f260d;
  }
  50% {
    background-color: #1e1f261a;
  }
  to {
    background-color: #1e1f260d;
  }
}
.mtcBlock__myBadges .badgesList__item {
  display: flex;
  align-items: center;
  padding: 40px 20px;
  border-radius: 10px;
  background: #f7f9fb;
  margin: 0 0 30px;
}
@media all and (max-width: 770px) {
  .mtcBlock__myBadges .badgesList__item {
    flex-direction: column;
    padding: 20px;
  }
}
.mtcBlock__myBadges .badgesList__item__image {
  width: 130px;
  margin-right: 40px;
  height: auto;
}
@media all and (max-width: 770px) {
  .mtcBlock__myBadges .badgesList__item__image {
    margin-right: 0;
  }
}
.mtcBlock__myBadges .badgesList__item__image img {
  width: 100%;
  height: auto;
}
.mtcBlock__myBadges .badgesList__item__content {
  width: calc(100% - 170px);
}
@media all and (max-width: 770px) {
  .mtcBlock__myBadges .badgesList__item__content {
    width: 100%;
    margin-top: 24px;
  }
}
.mtcBlock__myBadges .badgesList__item__title {
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 25px;
  margin: 0 0 10px;
  color: #383838;
  display: block;
}
.mtcBlock__myBadges .badgesList__item__title:hover,
.mtcBlock__myBadges .badgesList__item__title:focus {
  color: #007cbd !important;
}
.mtcBlock__myBadges .badgesList__item__description {
  font-size: 1rem;
  line-height: 23px;
  font-weight: 400;
  margin: 0 0 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.mtcBlock__myBadges .badgesList__item__button {
  font-size: .8125rem;
  font-weight: 600;
  line-height: 16px;
  padding: 6px 8px;
  color: #007cbd;
  border-radius: 16px;
  border: 0;
  display: inline-flex;
  align-items: center;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
}
.mtcBlock__myBadges .badgesList__item__button.inactive {
  opacity: 0.5;
}
.mtcBlock__myBadges .badgesList__item__button:hover,
.mtcBlock__myBadges .badgesList__item__button:focus {
  background: #007cbd;
  color: #ffffff;
}
.mtcBlock__myBadges .badgesList__item__button svg {
  height: 18px;
  width: auto;
  margin-right: 10px;
}
.mtcBlock__myBadges .badgesList__item__button--danger {
  color: #ef4444;
  border-color: #ef4444;
}
.mtcBlock__myBadges .badgesList__item__button--danger:hover {
  background: #ef4444;
}
.mtcBlock__myBadges .badgesList__item__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.mtcBlock__myBadges .badgesList__item--isLoading .badgesList__item__image {
  background: #f4f4f4;
  animation: skeleton 3s infinite ease-in-out;
  height: 130px;
  border-radius: 5px;
  margin-right: 40px;
}
.mtcBlock__myBadges .badgesList__item--isLoading .badgesList__item__title {
  background: #f4f4f4;
  animation: skeleton 3s infinite ease-in-out;
  height: 25px;
  width: 100%;
  border-radius: 3px;
}
.mtcBlock__myBadges .badgesList__item--isLoading .badgesList__item__description span {
  background: #f4f4f4;
  animation: skeleton 3s infinite ease-in-out;
  display: block;
  height: 18px;
  border-radius: 3px;
  width: 100%;
  margin: 0 0 5px;
}
.mtcBlock__myBadges .badgesList__item--isLoading .badgesList__item__description span:first-of-type {
  width: 90%;
}
.mtcBlock__myBadges .badgesList__item--isLoading .badgesList__item__description span:last-of-type {
  width: 80%;
  margin: 0;
}
.mtcBlock__myBadges .badgesList__item--isLoading .badgesList__item__button {
  background: #f4f4f4;
  animation: skeleton 3s infinite ease-in-out;
  height: 40px;
  width: 200px;
}
@keyframes skeleton {
  0% {
    background-color: #1e1f260d;
  }
  50% {
    background-color: #1e1f261a;
  }
  to {
    background-color: #1e1f260d;
  }
}
.badgesList__item__content {
  position: relative;
}
.badgesList__item__content .checkboxRow {
  position: absolute;
  top: -20px;
  right: -6px;
  width: auto;
}
.pg-activity-freshness {
  margin-left: 20px;
}
.postTopicButton {
  width: calc(100% - 40px);
  margin: 0 0 40px 0;
}
#bbpress-forums {
  font-size: 1rem;
}
#bbpress-forums .bbp-breadcrumb {
  margin-bottom: 20px;
}
#bbpress-forums .bbp-breadcrumb + .bbp-template-notice.info {
  display: none;
}
#bbpress-forums .bbp-template-notice {
  color: #5A4826;
  margin: 16px 0 !important;
}
#bbpress-forums .bbp-template-notice.error {
  color: #A8433E;
}
#bbpress-forums div.odd,
#bbpress-forums ul.odd {
  background-color: #f7f9fb;
}
.isDark #bbpress-forums div.even,
.isDark #bbpress-forums div.odd,
.isDark #bbpress-forums ul.even,
.isDark #bbpress-forums ul.odd {
  background-color: #000000;
}
#bbpress-forums p,
#bbpress-forums a {
  font-size: 1rem;
  margin-bottom: 32px;
}
#bbpress-forums .bbp-forum-info a,
#bbpress-forums .bbp-forum-topic-count,
#bbpress-forums .bbp-forum-reply-count,
#bbpress-forums .bbp-forum-freshness a {
  font-size: 1.125rem;
}
#bbpress-forums .bbp-forum-content,
#bbpress-forums .bbp-topic-meta {
  font-size: 0.875rem !important;
}
#bbpress-forums a {
  color: #00908e !important;
  text-decoration: none;
  transition: all 0.3s ease !important;
}
#bbpress-forums a:hover,
#bbpress-forums a:focus,
.isDark #bbpress-forums a:hover,
.isDark #bbpress-forums a:focus {
  color: #004289 !important;
}
#bbpress-forums .bbp-pagination-links span,
#bbpress-forums .bbp-pagination-links a {
  font-size: 1rem !important;
  background: none !important;
  border: none !important;
}
#bbpress-forums fieldset.bbp-form input[type="text"],
#bbpress-forums fieldset.bbp-form textarea,
#bbpress-forums fieldset.bbp-form select {
  border: 1px solid #e3e3e3;
  border-radius: 10px;
  padding: 10px !important;
  height: auto;
  font-size: 16px !important;
}
#bbpress-forums .bbp-reply-author {
  font-size: 14px;
}
#bbpress-forums .bbp-reply-author .bbp-author-name {
  font-size: 18px;
}
#bbpress-forums .bbp-admin-links a {
  text-transform: capitalize;
}
@media all and (max-width: 640px) {
  .mtcBlock__banner__content__appStores {
    gap: 0;
  }
  .gettingStartedSvgImage {
    display: none;
  }
}
.homepage__gettingStarted {
  padding: 50px 70px;
}
@media all and (max-width: 640px) {
  .homepage__gettingStarted {
    padding: 0;
  }
}
.loginPage__column--main {
  flex-basis: 60%;
}
.loginPage__column--secondary {
  flex-basis: 40%;
}
.loginPage__img--mobile {
  display: none;
}
@media all and (max-width: 1100px) {
  .loginPage__column--main,
  .loginPage__column--secondary {
    flex-basis: 50%;
  }
}
@media all and (max-width: 782px) {
  .loginPage__img--desktop {
    display: none;
  }
  .loginPage__img--mobile {
    display: block;
  }
}
@media all and (max-width: 770px) {
  .mtcBlock__header {
    text-align: center;
  }
  .mtcBlock__header .mtcBlock__userAvatar {
    flex-direction: column-reverse;
    gap: 16px;
  }
  .mtcBlock__header .mtcBlock__userAvatar__details {
    text-align: center;
  }
}
.isDark .bbp-forum-content ul.sticky,
.isDark .bbp-topics ul.sticky,
.isDark .bbp-topics ul.super-sticky,
.isDark .bbp-topics-front ul.super-sticky {
  background-color: #afaaaa !important;
}
.isDark #bbpress-forums div.bbp-forum-header,
.isDark #bbpress-forums div.bbp-reply-header,
.isDark #bbpress-forums div.bbp-topic-header {
  background: #383838 !important;
}
.isDark .sidebarWidgetWrap input[type="text"] {
  background: #000;
  color: #fff;
  border: 1px solid #fff;
}
.simpleCallToAction .button {
  background: none;
  margin-top: 32px;
  border: 2px solid #000;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  border-radius: 20px;
  color: #000;
  padding: 0.667em 1.333em;
  transition: background 0.3s, color 0.3s;
}
.simpleCallToAction .button:hover {
  background: #000;
  color: #fff;
}
.daysLeft {
  color: #272727;
}