/* Used for the FormSubmit contact form*/
.fs_col-md-4 {
  flex: 0 0 auto;
  width: 33.3333333333%;
}
.fs_col-md-6 {
  flex: 0 0 auto;
  width: 50%;
}
.fs_col-md-8 {
  flex: 0 0 auto;
  width: 66.6666666667%;
}
.fs_col-md-12 {
  flex: 1 1 none;
  width: 80%;
  margin-top: 0.5rem;
  margin-left: auto;
  margin-right: auto;
}
.fs_mt-5 {
  margin-top: 3rem !important;
}
.fs_row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) / -2);
  margin-left: calc(var(--bs-gutter-x) / -2);
}
.fs_form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type="file"] {
  overflow: hidden;
}
.form-control[type="file"]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}
.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled,
.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dde0e3;
}
.form-control::-webkit-file-upload-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -webkit-transition: color 0.15s ease-in-out,
    background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #dde0e3;
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-sm::-webkit-file-upload-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}
.form-control-lg::-webkit-file-upload-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}
textarea.form-control {
  min-height: calc(1.5em + 0.75rem + 2px);
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
}
.form-control-color {
  max-width: 3rem;
  height: auto;
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  height: 1.5em;
  border-radius: 0.25rem;
}
.form-control-color::-webkit-color-swatch {
  height: 1.5em;
  border-radius: 0.25rem;
}
.fs_form-label {
  font-size: 0.75rem;
  line-height: 1.75rem;
  font-weight: bold;
}

.fs_form-label-contributor {
  font-size: 0.75rem;
  line-height: 1.75rem;
  font-weight: bold;
}

.fs_form-label-upload {
  margin-bottom: 0.75rem;
  font-size: 0.75rem;
}
.fs_g-3 {
  margin: auto;
  width: 100%;
}

.fs_textarea {
  font-family: inherit;
  font-size: inherit;
}

.fs_form_div {
  margin-top: 1.75rem;
}

.fs_contact_button {
  margin-top: 25px;
  margin-bottom: 25px;
  text-align: center;
}

/*TODO I think there are more of the above that are not used and can therefore be deleted.*/

/* below used for FRCR questions next/previous case buttons */
.left_float {
  float: left;
  margin-bottom: 20px;
}
.right_float {
  float: right;
  margin-bottom: 20px;
}
.center_align {
  display: block;
  margin: 0 auto;
}
/* above used for FRCR questions next/previous case buttons */

/* CUSTOM SITE COLOURS AS DEFINED in mkdocs.yml */

/* Theme colours */
/* 7B3229, FFE9C9, 91D9CA, 49827D, 302F35 */

[data-md-color-scheme="custom_dark"] {
  --md-primary-fg-color:        #D2CCA1; /* BEIGE: header colour */
  --md-primary-bg-color:        #880d1e; /* MAROON:  */

  --md-typeset-a-color:         #009485; /* link colour */
  --md-typeset-color:           #efefef; /* Text colour */
 
  --md-default-fg-color:        #009485; /* Case X title colour */
  --md-default-fg-color--light: #efefef; /* Case X title colour */
  --md-default-bg-color:        #0E131F; /* bg colour of whole page */

  --md-accent-fg-color:         #009485; /* colour on hovering over link */
  --md-accent-bg-color:         #ff0000; /* not sure what this does */

  --md-admonition-bg-color:     #0E131F; /* bg of adminition boxes, including case boxes */
  --md-admonition-fg-color:     #efefef; /* adminition box text */
}

[data-md-color-scheme="custom_dark"] .md-typeset h1 {
  color: #D2CCA1;
  font-weight: bold;
}

[data-md-color-scheme="custom_dark"] .md-typeset h2 {
  color: #D2CCA1;
}

[data-md-color-scheme="custom_light"] {
  --md-primary-fg-color:        #7FC6A4; /* CB */
  --md-primary-bg-color:        #0D1321; /* DB */

  --md-typeset-a-color:         #DCB8CB; /* link colour */
  --md-typeset-color:           #efefef; /* Text colour */
 
  --md-default-fg-color:        #DCB8CB; /* Case X (active) title colour */
  --md-default-fg-color--light: #f4f4f4; /* Case X (non-active) title colour */
  --md-default-bg-color:        #0D1321; /* bg colour of whole page */

  --md-accent-fg-color:         #efefef; /* colour on hovering over link */
  --md-accent-bg-color:         #ffff00; /* not sure what this does */

  --md-admonition-bg-color:     #757780; /* bg of adminition boxes, including case boxes */
  --md-admonition-fg-color:     #131b23; /* adminition box text */
}

[data-md-color-scheme="custom_light"] .md-typeset h1 {
  color: #DCB8CB;
  font-weight: bold;
}

[data-md-color-scheme="custom_light"] .md-typeset h2 {
  color: #DCB8CB;
  font-weight: bold;
}

/* CUSTOM ADMONITION BOXES */

/* set custom admonition icons */

/* Sir Dogfrey Houndsfield */
:root {
  --md-admonition-icon--sdh: url('data:image/svg+xml;charset=utf-8, <svg xmlns="http://www.w3.org/2000/svg" width="102" height="77"><path d="M86 23v-1l-2-1a40 40 0 0 0-16-4l-3-1-1-2-2-3-2-1-2-1-3-1H45l-3 1h-5l-2 1-3 2-1 2a21 21 0 0 0-3 5l-1 2-1 2-1 2a107 107 0 0 0-1 7v5l1 8 1 5v6a33 33 0 0 1-4 11v1l-3 4 1 1 2-2h-1l2-2-2 1 1-1 1-2 2-1v-1l-1 1 1-1v-1l-1 1v-1a30 30 0 0 1 2-4l2-6a146 146 0 0 0-2-9l-1-5a21 21 0 0 1 1-13l2-4v-2c1-2 1-4 3-5l2-3v-1l3-1 1-1h4l4-1h10l5 2 2 1 1 1v1l1 1-2-1h-1l-1-1h-1l1 1h1a22 22 0 0 0 5 3l1 1h2l4 1 5 1 3 1h-1l-1-1h-1l-1 1v2l-1 1h-1l1 1h1v2l3 2 1 1 1 1h1v4l-1 1-1 1-2 3-2 3v1l-3 2-5 1h-1v-1h3v-1l-2-1-1-1v-1l-1-1-1-1v-1l-1-1h-3l-2-1v-1 2l1 2h3l-1 1v6l-1-1-1-1v-3l-1-1-1-1v-2l-1-1h-1l1-1h-3v1l1 1v1l2 2v1h-1v1l-1 1h1l1 3 1 1v1l1 1-1 1 1 1h1v1h-1 1l1 1h2v1h-1v3l-1 2v4l1 1v3l-1-1v2l1 2 2 1-1-1 1-1h1-1v-2h2a211 211 0 0 1 1 2l2 2v-1h-1v-2l1-2 2 2 1 2v-1l-1-3-1-1-1-2v-1l-1-5-2-3v-1l2-2h3l1-1v-1l1-1 1-1 3-1 1-1 2-3 2-2 2-6v-4l1-1v-3l1-2-1-2zM67 58l2 3v7h-1v1l-1-2-1-1h-1 2l-1-1h-1l-1-1-1-2v-3l1-4h1l1-1v1l1 3zm5-8h-1v1h-2v-1l-1 1-1 1-1 1-2-1-2-3-3-3v-1 1l3 3 3 2 1 1h1v-1l1-1 1-1 1 1h1l1-1v-1h1l-1 2zm8-25v1l1 1h-1l-1-1 1-1zm4 10-1 2-1 3-1 2a34 34 0 0 0-2 2v-1l4-6v-2h1zm0-7-3 1-2-2v-1 1l1 1h4zm1-4v1h-1a9 9 0 0 0-2 2v-2h1l1-2h-1v-1h-1 1l2 1v1z"/><path d="m55 62 1-2-1 1 1-1h1v-1l-2 1 1-1h-1v-1c1 0 0 0 0 0h-1 1v-1h-1v-1l1-1h-1l1-1h-1l1-1h-2v-1h1-1v-5h1-1v-2 1-5l1-1-1 1v-2 1-3l-2-5v-1 1l1 6v4h1-1v3l-1-1 1 6v3l1 5a27 27 0 0 1 0 5v1l-1 1-1 2h-2l-1-1-1-1 1-2 1-2v-5l-1-2v-1l-1-2v-1h-1v1l1 1 1 4v3h-4a19 19 0 0 1-9-2l-1-1c-2 0-3-2-3-3l-1-1v-8a49 49 0 0 0-1-6v-3 1l-1 1v-5h-1v1-3l-1 2v3h1v2l1 1v2l1 2v9l1 2v1l1 2 2 2 3 1v1l1 1 2 3 2 2v1-1h-2v-1h-1l1 1v1h-1v-1h-1v1c0 1 0 0 0 0l-1-1h-1l1 1h-1v1l-1-1v1l2 1v1-1h5v1l4 3h2v-2h-1v-2h-1v-2h1v1h1l-1 1h1v1-1h2l1-1 1-1 2-2 2-2 1-1 1-1-2 1zm-11 3a90 90 0 0 1-3-2l-1-2 1 1 1 1v-1l-1-1h1l-2-1h4v2h-1l1 1h-1l2 2h-1zm3 2-1-1v-5l1 1-1 2 1 2v1z"/><path d="m41 15 2 1v1l1 1v1l1 3v3l1 3a89 89 0 0 0 4 13h1v-4l-1-3-1-4V19l1 5 1 5v-3l1-1 1-1 1 1 2 2v-3l1-1h1v1h1l1-1 1-1h2v-3h1v-1h-3v-1h-1v1-1l-2-3-1-1h-2l-1 1-2 1-1 2v-1l1-2 1-1 1-1-2 1-1 2-1 1h-1v-1l-1 5h-1v1a19224 19224 0 0 1 0-1l-1 1v1l-1-2v-2l1-2h-1v2h-1v-2a8 8 0 0 0-2-2v1h-1zm16 3 2 1v1l-1-1-1-1zm1 2-2 2h-3 2l2-1 1-1zm-4 1h2-2zm-4-1 1-1v-1l1-2 1-1h2v1l2 1-1 1v2-1l-4 4 1-3 1-3-1 1-1 1-1 1v3h-1v-3zM37 24v1h1l1 1v2l1 1v2a1625 1625 0 0 1 9 12h-1l1 1v4l1 4v9l-1 2v1h1l2-1v-8l-1-4v-3l-1-6-1-1v-1l-2-2a198 198 0 0 1-4-8l-1-2v-2l1-2-2-2-1-1-1-2 1-2-1-1v1l-1 1-1 3v3zM68 36l-2 1 3 5h1l3 1v-1h-1l-1-2h3l1-1v-1h-1c-2 0-2-1-3-2l1-1-1-1v-1l2 1 1-1h-1v-2l-1-1-1-1v-1l2 1 2 1 1-1h-1v-2a106629 106629 0 0 1-3-1v1h-2l-1-2-1-1c0-1 0-1 0 0l-1 1v4l1 2a16 16 0 0 1 2 2v1l-2 1h-1 1v1zM29 55v-1a94 94 0 0 1 0 6v-1l-1 1a239 239 0 0 1-1 4l-1 3-1 1-1 1h3v1l1-1v1h2v1l-1-3-1 1-1-2v1-2l1-1v-2l1-2v2a135 135 0 0 0 1-5l-1-3z"/><path d="M41 17v1l1 2v2h1l1 2v3l2 5a88 88 0 0 1-2-7v-2l-2-5v-1h-1zM55 32h1l-2-1h1v-1h-1v-1h-1v-1h-2l2 2h-1 1l-1 1 2 2h1v1-2zM26 28h1l2-2 1-1v-2l1-2-1 1-1 1v1l-1 2v-1l-1 2-1 1zM46 19h1v-3l1-2h-1v2l-1 3zM48 73c0-1 0-1 0 0z"/></svg>');
  --md-admonition-icon--case-of-the-month: url("/assets/icons/case-of-the-month.svg");
  --md-admonition-icon--case-of-the-month-answer: url("/assets/icons/case-of-the-month-answer.svg");
}

.md-typeset .admonition.sdh,
.md-typeset details.sdh {
  border-color: rgb(43, 155, 70);
}
.md-typeset .sdh > .admonition-title,
.md-typeset .sdh > summary {
  background-color: rgba(43, 155, 70, 0.1);
}
.md-typeset .sdh > .admonition-title::before,
.md-typeset .sdh > summary::before {
  background-color: rgb(43, 155, 70);
  -webkit-mask-image: var(--md-admonition-icon--sdh);
  mask-image: var(--md-admonition-icon--sdh);
}
/* End: Sir Dogfrey Houndsfield */

/* Case of the month +/- answer */
.md-typeset .admonition.case-of-the-month,
.md-typeset details.case-of-the-month {
  background-color: rgb(0, 0, 0);
  color: #f4f4f4;
  border-color: rgba(127, 198, 164, 1);
}
.md-typeset .case-of-the-month > .admonition-title,
.md-typeset .case-of-the-month > summary {
  background-color: rgba(127, 198, 164, 1);
  color: rgba(13, 19, 33, 1);
}
.md-typeset .case-of-the-month > .admonition-title::before,
.md-typeset .case-of-the-month > summary::before {
  -webkit-mask-image: var(--md-admonition-icon--case-of-the-month);
  mask-image: var(--md-admonition-icon--case-of-the-month);
  background-color: rgba(13, 19, 33, 1);
}

/* Case of the month - answer*/
.md-typeset .admonition.case-of-the-month-answer,
.md-typeset details.case-of-the-month-answer {
  background-color: rgb(0, 0, 0);
  color: #f4f4f4;
  /* border-color: #009485; */
  border-color: rgba(127, 198, 164, 1);

}
.md-typeset .case-of-the-month-answer > .admonition-title,
.md-typeset .case-of-the-month-answer > summary {
  background-color: rgba(127, 198, 164, 1);
  color: rgba(13, 19, 33, 1);
}

.md-typeset .case-of-the-month-answer > .admonition-title::before,
.md-typeset .case-of-the-month-answer > summary::before {
  -webkit-mask-image: var(--md-admonition-icon--case-of-the-month-answer);
  mask-image: var(--md-admonition-icon--case-of-the-month-answer);
  background-color: rgba(13, 19, 33, 1);
}
/* End: Case of the month +/- answer */

/* Figure image caption admonition*/
.md-typeset .admonition.image-box,
.md-typeset details.image-box {
  color: #f4f4f4;
  border-color: rgba(30, 33, 41, 0);
  margin: 0px;
  padding-left: 10px;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
  background-color: black;
  border-top-right-radius: 0.0rem;
  border-top-left-radius: 0.0rem;
  border-bottom-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  /* box-shadow: none; */
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.33); /* White shadow with 50% intensity */
}

.md-typeset .image-box > .admonition-title,
.md-typeset .image-box > summary {
  color: yellow;
  background-color: rgba(30, 33, 41, 0.1);
  margin: 0px;
  padding: 0px;
  border: 0px;
}

.md-typeset .image-box > .admonition-title::before,
.md-typeset .image-box > summary::before {
  color: yellow;
  background-color: rgb(30, 33, 41);
  -webkit-mask-image: var(--md-admonition-icon--image-box);
  mask-image: var(--md-admonition-icon--image-box);
  margin: 0px;
  padding: 0px;
}
/* End: Figure image caption admonition*/

/* This stops the logo disappearing at small screen sizes*/
@media screen and (max-width: 76.234375em) {
  .md-header__button.md-logo {
    display: inline-block;
    object-fit: cover;
  }
}

@media screen and (max-width: 450px) {
  .md-header__button.md-logo img,
  .md-header__button.md-logo svg {
    fill: currentcolor;
    display: block;
    height: 1rem;
    width: auto;
  }
}

@media screen and (max-width: 390px) {
  .md-header__button.md-logo img,
  .md-header__button.md-logo svg {
    fill: currentcolor;
    display: block;
    height: 0.9rem;
    width: auto;
  }
}

@media screen and (max-width: 375px) {
  .md-header__button.md-logo img,
  .md-header__button.md-logo svg {
    fill: currentcolor;
    display: block;
    height: 0.75rem;
    width: auto;
  }
}

/* This removes the placeholder text regarding pressing / to search for smaller screens */
@media screen and (max-width: 959px) {
  .md-search__input::placeholder {
    color: rgba(255, 0, 0, 0);
  }
}

/* Panel styling*/

img[alt="panels-1"] {
  width: auto;
  max-height: 150px;
}

img[alt="panels-2"] {
  width: auto;
  max-height: 150px;
}

img[alt="panels-3"] {
  width: auto;
  max-height: 150px;
}

img[alt="panels-4"] {
  width: auto;
  max-height: 150px;
}

/* Change font */

.md-typeset h1 {
  font-size: 24px;
}

.md-typeset h2 {
  font-size: 20px;
}

.md-typeset {
  font-size: 16px;
}