@charset "UTF-8";

/* Base */

/* Primary */

/* Secondary */

/* Containers */

/* Header height */

/* Rich text */

/* Widths */

/* Spacing */

/* Radius */

/* Misc */

/**
  * Libs
  */

/*!
* ress.css • v1.2.2
* MIT License
* github.com/filipelinhares/ress
*/

/* # =================================================================
# Global selectors
# ================================================================= */

html {
  box-sizing: border-box;
  overflow-y: scroll; /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%; /* iOS 8+ */
}

*,
::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
  box-sizing: border-box;
}

/* # =================================================================
# General elements
# ================================================================= */

/* Add the correct display in iOS 4-7.*/

audio:not([controls]) {
  display: none;
  height: 0;
}

hr {
  overflow: visible; /* Show the overflow in Edge and IE */
}

/*
* 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,
main,
menu,
nav,
section,
summary {
  display: block;
}

summary {
  display: list-item; /* Add the correct display in all browsers */
}

small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}

[hidden],
template {
  display: none; /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: 1px dotted; /* Add a bordered underline effect in all browsers */
  text-decoration: none; /* Remove text decoration in Firefox 40+ */
}

a {
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}

a:active,
a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}

b,
strong {
  font-weight: bolder; /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

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

/* Address styling not present in IE 8/9 */

mark {
  background-color: #ff0;
  color: #000;
}

/* https://gist.github.com/unruthless/413930 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* # =================================================================
# Forms
# ================================================================= */

input {
  border-radius: 0;
}

/* Apply cursor pointer to button elements */

button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
}

/* Replace pointer cursor in disabled elements */

[disabled] {
  cursor: default;
}

[type=number] {
  width: auto; /* Firefox 36+ */
}

[type=search] {
  -webkit-appearance: textfield; /* Safari 8+ */
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; /* Safari 8 */
}

textarea {
  overflow: auto; /* Internet Explorer 11+ */
  resize: vertical; /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit; /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold; /* Restore the font weight unset by the previous rule. */
}

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

/* Remove inner padding and border in Firefox 4+ */

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: 0;
  padding: 0;
}

/* Replace focus style removed in the border reset above */

button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

button,
select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */

button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
  color: inherit;
}

/* Style select like a standard input */

select {
     -moz-appearance: none; /* Firefox 36+ */
  -webkit-appearance: none; /* Chrome 41+ */
}

select::-ms-expand {
  display: none; /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor; /* Internet Explorer 11+ */
}

legend {
  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
  display: table; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge and IE */
  white-space: normal; /* Correct the text wrapping in Edge and IE */
}

::-webkit-file-upload-button {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari */
  font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
}

[type=search] {
  -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px; /* Correct the outline style in Safari */
}

/* # =================================================================
# Specify media element style
# ================================================================= */

img {
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
  display: inline-block;
  vertical-align: top;
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */

progress {
  vertical-align: baseline;
}

svg:not(:root) {
  overflow: hidden; /* Internet Explorer 11- */
}

audio,
canvas,
progress,
video {
  display: inline-block; /* Internet Explorer 11+, Windows Phone 8.1+ */
}

/* Responsive media elements so that images and embeds scale with the browser width */

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

/* # =================================================================
# Accessibility
# ================================================================= */

/* Hide content from screens but not screenreaders */

@media screen {
  [hidden~=screen] {
    display: inherit;
  }

  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}

/* Specify the progress cursor of updating elements */

[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */

[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */

[aria-disabled] {
  cursor: default;
}

/* # =================================================================
# Selection
# ================================================================= */

/* Specify text selection background color and omit drop shadow */

::-moz-selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

/**
  * Base
  */

/* Base */

/* Primary */

/* Secondary */

/* Containers */

/* Header height */

/* Rich text */

/* Widths */

/* Spacing */

/* Radius */

/* Misc */

/* Containers */

/* Header height */

/* Rich text */

/* Widths */

/* Spacing */

/* Radius */

/* Misc */

/* Base */

/* Primary */

/* Secondary */

@font-face {
  font-family: "Inter";
  src: url("../../assets/fonts/Inter-VariableFont_opsz,wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: "Inter";
  src: url("../../assets/fonts/Inter-Italic-VariableFont_opsz,wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
}

@font-face {
  font-family: "Libre Baskerville";
  src: url("../../assets/fonts/LibreBaskerville-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Libre Baskerville";
  src: url("../../assets/fonts/LibreBaskerville-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Libre Baskerville";
  src: url("../../assets/fonts/LibreBaskerville-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

* {
  font-family: "Inter", sans-serif;
  font-weight: 400;
}

.heading-display {
  font-size: 5.5rem;
  line-height: 5.5rem;
  font-family: "Libre Baskerville", serif;
  font-weight: 700;
  line-height: 120%;
}

.heading-1 {
  font-size: 4rem;
  line-height: 4rem;
  font-family: "Libre Baskerville", serif;
  font-weight: 700;
  line-height: 120%;
}

.heading-2 {
  font-size: 2.375rem;
  line-height: 2.375rem;
  letter-spacing: -0.38px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 1rem;
}

@media only screen and (min-width: 768px) {
  .heading-2 {
    font-size: 3.125rem;
    line-height: 3.125rem;
    letter-spacing: -0.5px;
  }
}

.heading-3 {
  font-size: 1.875rem;
  line-height: 1.875rem;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  letter-spacing: -0.3px;
  line-height: 120%;
  margin-bottom: 1rem;
}

@media only screen and (min-width: 768px) {
  .heading-3 {
    font-size: 2.875rem;
    line-height: 2.875rem;
    letter-spacing: -0.46px;
  }
}

.heading-4 {
  font-size: 1.625rem;
  line-height: 1.625rem;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  letter-spacing: -0.26px;
  line-height: 140%;
  margin-bottom: 1rem;
}

@media only screen and (min-width: 768px) {
  .heading-4 {
    font-size: 2.375rem;
    line-height: 2.375rem;
    letter-spacing: -0.38px;
  }
}

.heading-5 {
  font-size: 1.375rem;
  line-height: 1.375rem;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  letter-spacing: -0.22px;
  line-height: 120%;
  margin-bottom: 1rem;
}

@media only screen and (min-width: 768px) {
  .heading-5 {
    font-size: 1.75rem;
    line-height: 1.75rem;
    letter-spacing: -0.28px;
  }
}

.heading-6 {
  font-size: 1.125rem;
  line-height: 1.125rem;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  letter-spacing: -0.18px;
  line-height: 140%;
  margin-bottom: 1rem;
}

@media only screen and (min-width: 768px) {
  .heading-6 {
    font-size: 1rem;
    line-height: 1rem;
    letter-spacing: -0.16px;
  }
}

.body-intro {
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-family: "Inter", sans-serif;
  line-height: 150%;
}

.body-default {
  font-size: 1.125rem;
  line-height: 1.125rem;
  font-family: "Inter", sans-serif;
  line-height: 160%;
}

.body-small {
  font-size: 1rem;
  line-height: 1rem;
  font-family: "Inter", sans-serif;
  line-height: 140;
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}

@media only screen and (min-width: 768px) {
  .container {
    max-width: 1440px;
    padding-left: 48px;
    padding-right: 48px;
  }
}

@media only screen and (min-width: 1440px) {
  .container {
    padding-left: 24px;
    padding-right: 24px;
  }
}

.form-checkbox,
.form-radio {
  border: 2px solid #000;
  background-color: #fff;
  border-radius: .5rem;
  width: 2rem;
  height: 2rem;
  outline: 3px solid transparent;
}

.form-checkbox:hover,
.form-radio:hover {
  cursor: pointer;
}

.form-checkbox:focus-visible {
  color: #000;
}

.form-radio {
  position: relative;
}

.form-radio:focus-visible::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 90%;
  left: 0;
  top: 2px;
  box-sizing: border-box;
  border-radius: 50%;
  pointer-events: none;
}

fieldset.form-wrapper {
  border: none;
}

.form-text,
.form-textarea,
.form-email,
.form-tel,
.form-number,
.form-select,
.form-date,
.form-time {
  width: 100%;
  border-radius: .75rem;
  background-color: #fff;
  padding: 1.5rem;
  margin-bottom: .75rem;
  outline: 3px solid transparent;
  min-height: 3rem;
}

.form-text:focus-visible,
.form-textarea:focus-visible,
.form-email:focus-visible,
.form-tel:focus-visible,
.form-number:focus-visible,
.form-select:focus-visible,
.form-date:focus-visible,
.form-time:focus-visible {
  color: #000;
}

.form-item {
  margin-bottom: 1rem;
}

.form-item label,
.form-item .fieldset-legend {
  display: block;
  margin-bottom: 1rem;
}

.form-type-radio,
.form-type-checkbox {
  display: flex;
  align-items: center;
}

.form-type-radio .option,
.form-type-checkbox .option {
  margin-bottom: 0;
  margin-left: .75rem;
}

.form-select {
  background-repeat: no-repeat;
  background-position: right .7rem top 50%;
  background-size: 1.5rem auto;
}

.form-select:hover {
  cursor: pointer;
}

label.form-required::after {
  content: "*";
  padding-left: .25rem;
}

.webform-button--submit {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 3.125rem;
  padding: .75rem 1.25rem;
  transition: all 0s ease-in;
  text-decoration: none;
  border: 2px solid transparent;
  outline: 3px solid transparent;
  color: #fff;
  margin-bottom: .5rem;
}

.webform-button--submit:hover {
  color: #fff;
  transition: all .3s ease-in;
}

.webform-button--submit:focus-visible {
  background-color: #fff;
  color: #000;
  border-radius: 3.125rem;
}

.webform-element-description {
  margin-bottom: 1rem;
}

.webform-element-more,
.webform-element-help {
  display: none;
}

.entity-moderation-form select, .entity-moderation-form input {
  margin-bottom: 0;
}

.messages__wrapper {
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}

@media only screen and (min-width: 768px) {
  .messages__wrapper {
    max-width: 1440px;
    padding-left: 48px;
    padding-right: 48px;
  }
}

@media only screen and (min-width: 1440px) {
  .messages__wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }
}

.messages__wrapper {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.sr-only {
  position: absolute;
  top: auto;
  left: -10000px;
  overflow: hidden;
  width: 1px;
  height: 1px;
  font-size: 1rem;
}

.no-scroll {
  position: relative;
  overflow: hidden;
  max-width: 100vw;
  max-height: 100vh;
}

.uppercase {
  text-transform: uppercase;
}

@media print {
  .noprint {
    display: none;
  }
}

.visually-hidden.focusable {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  text-decoration: none;
  white-space: nowrap;
}

.visually-hidden.focusable:focus-visible {
  position: absolute !important;
  left: 1em;
  top: 1em;
  width: auto;
  height: auto;
  clip: auto;
  overflow: visible;
  white-space: normal;
  margin: 0;
  padding: .5em 1em;
  z-index: 9999;
  color: #000;
  border: 3px solid #f1a0ba;
  outline: 3px solid #181818;
  border-radius: 3.125rem;
}

p, h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
}

h2 {
  font-weight: bold;
  font-size: 2rem;
}

.course-banner .banner-image-container {
  margin-bottom: 1rem;
}

.course-banner .banner-image-container .field {
  display: inline-block;
  border-radius: 20px;
  overflow: hidden;
}

.course-banner h1 .field {
  font-size: 4rem;
  line-height: 4rem;
  font-family: "Libre Baskerville", serif;
  font-weight: 700;
  line-height: 120%;
  font-size: 3.125rem;
  line-height: 3.125rem;
  max-width: 70rem;
  margin: 0 auto 2rem auto;
  line-height: 1.2;
}

.course-banner p.summary {
  font-size: 1.25rem;
  line-height: 1.25rem;
  font-family: "Inter", sans-serif;
  line-height: 150%;
  letter-spacing: -0.2px;
  font-style: normal;
  font-weight: 400;
}

.course-section {
  max-width: 1000px;
  margin-bottom: 2rem;
}

.course-section select {
  max-width: 100%;
}

.start-dates {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}

.start-dates a.button {
  padding: .5rem 1rem;
  border: solid 2px transparent;
  background: none;
}

.start-dates a.button::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin: -3px 7px 0 -5px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='6' fill='%23000000' /%3E%3Ccircle cx='9' cy='9' r='5' fill='%23ffffff' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.start-dates a.button:hover {
  border-color: #adefe8;
}

.start-dates a.button:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='6' fill='%23000000' /%3E%3Ccircle cx='9' cy='9' r='5' fill='%23ffffff' /%3E%3Ccircle cx='9' cy='9' r='4' fill='%23000000' /%3E%3C/svg%3E");
}

.start-dates .active a.button {
  background: #adefe8;
}

.start-dates .active a.button::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='6' fill='%23000000' /%3E%3Ccircle cx='9' cy='9' r='5' fill='%23ffffff' /%3E%3Ccircle cx='9' cy='9' r='4' fill='%23000000' /%3E%3C/svg%3E");
}

a.button {
  display: inline-block;
  padding: .7rem 1.5rem;
  margin: 0 1rem 1rem 0;
  background: #0fed8d;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  border-radius: 1lh;
  border: solid 2px #000;
}

a.button.c2a-secondary {
  background: #000;
  color: #fff;
}

select {
  border: solid 1px #000;
  background: #fff;
  margin-bottom: 10px;
  padding: 8px;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}

table {
  border: solid 1px #000;
  border-collapse: collapse;
  margin-bottom: 10px;
}

table th, table td {
  border: solid 1px #000;
  padding: 8px;
}

table th {
  font-weight: bold;
}

.course-section ul {
  margin: 0 0 1rem 2rem;
}

.course-section li {
  margin: 0 0 1rem 0;
}

.course-section li::marker {
  color: #0713cb;
}

.course-section ul.key-info-row {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px 1rem 0;
}

.course-section ul.key-info-row > li {
  flex-grow: 1;
  background: #fbfaf8;
  padding: 1rem;
  margin: 0 8px 8px 0;
  border-top: solid 3px #0fed8d;
  min-width: 20%;
}

.course-section ul.key-info-row > li h3 {
  font-weight: bold;
}

.course-section ul.flags {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 1rem 0;
}

.course-section ul.flags > li {
  padding: 8px 12px;
  background: #d6f7f3;
  border: solid 2px #32d8c5;
  border-radius: 8px;
  margin: 0 8px 8px 0;
}

@media (max-width: 500px) {
  .course-section ul.key-info-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .course-section ul.key-info-row > li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }

  .course-section ul.key-info-row > li h3, .course-section ul.key-info-row > li div, .course-section ul.key-info-row > li p {
    display: inline-block;
    margin-bottom: 0;
  }

  .course-section ul.key-info-row > li h3 {
    width: 100%;
    max-width: 10rem;
  }

  .course-section ul.key-info-row > li h3::after {
    content: ":";
    margin-right: 1rem;
  }

  .course-section ul.key-info-row > li.customise h3 {
    width: auto;
    max-width: none;
    margin-bottom: 10px;
  }
}

.reveal {
  display: none;
}

.course-rankings .field--name-field-rankings {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  margin-bottom: 2rem;
  gap: 10px;
}

@media (min-width: 500px) {
  .course-rankings .field--name-field-rankings {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 850px) {
  .course-rankings .field--name-field-rankings {
    grid-template-columns: repeat(3, 1fr);
  }
}

.course-rankings .field--name-field-rankings .node--type-ranking {
  height: 100%;
  border-radius: 16px;
  padding: 2px;
  background: #0fed8d;
  background: linear-gradient(45deg, #0fed8d, #a7d936);
}

.course-rankings .field--name-field-rankings .node--type-ranking > .node__content {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fbfaf8;
  padding: 1rem;
  margin: 0;
  border-radius: 14px;
}

.course-rankings .field--name-field-rankings .node--type-ranking > .node__content > .field {
  margin-bottom: 1rem;
}

.course-rankings .field--name-field-rankings .node--type-ranking > .node__content > .field:last-of-type {
  margin-bottom: 0;
}

.course-rankings .field--name-field-rankings .node--type-ranking .field--name-field-logo {
  text-align: center;
}

.course-rankings .field--name-field-rankings .node--type-ranking .field--name-field-ranking-position {
  font-size: 4rem;
  line-height: 4rem;
  font-family: "Libre Baskerville", serif;
  font-weight: 700;
  line-height: 120%;
  font-size: 2.5rem;
  line-height: 2.5rem;
}

.course-rankings .field--name-field-rankings .node--type-ranking .field--name-field-more-information-link {
  margin-top: auto;
}

.course-rankings .field--name-field-rankings .node--type-ranking .field--name-field-more-information-link a::after {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H22M22 12L12 5M22 12L12 19' stroke='%230000ee' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  vertical-align: middle;
  margin: -2px 0 0 5px;
}

.tabs-responsive {
  margin-bottom: 1rem;
}

.tabs-responsive ul.tabs {
  display: flex;
  list-style-type: none;
  margin: 0 0 -2px 0;
}

.tabs-responsive ul.tabs li.tabs-title {
  margin: 0;
}

.tabs-responsive ul.tabs li.tabs-title a {
  display: block;
  position: relative;
  background: #fbfaf8;
  border: solid 2px transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 8px;
  color: #000;
  text-decoration: none;
}

.tabs-responsive ul.tabs li.tabs-title a:hover {
  border-color: #777;
}

.tabs-responsive ul.tabs li.tabs-title a::before {
  content: "";
  display: inline-block;
  width: calc(100% + 4px);
  height: 2px;
  position: absolute;
  bottom: -2px;
  left: -2px;
  background: #000;
}

.tabs-responsive ul.tabs li.tabs-title.is-active a {
  border-color: #000;
}

.tabs-responsive ul.tabs li.tabs-title.is-active a::before {
  width: 100%;
  left: 0;
  background: #fbfaf8;
}

.tabs-responsive .tabs-content {
  background: #fbfaf8;
  padding: 8px;
  margin-bottom: 10px;
  border: solid 2px #000;
  border-radius: 8px;
  border-top-left-radius: 0;
}

.tabs-responsive .tabs-content > .tabs-panel {
  display: none;
}

.tabs-responsive .tabs-content > .tabs-panel.is-active {
  display: block;
}


/*# sourceMappingURL=styles.css.map*/