/* reckless-400 */
@font-face {
    font-family: Reckless;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
    src: local(''), url("../fonts/reckless/Reckless-Regular.woff2") format("woff2"), url("../fonts/reckless/Reckless-Regular.woff") format("woff"), url("../fonts/reckless/Reckless-Regular.ttf") format("truetype");
}

/* subset Inter */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local(''), url("../fonts/inter-subset/inter-light-latin-subset.woff2?v=3.19") format("woff2"), url("../fonts/inter-subset/inter-light-latin-subset.woff?v=3.19") format("woff"), url("../fonts/inter-subset/inter-light-latin-subset.ttf?v=3.19") format("truetype");
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local(''), url("../fonts/inter-subset/inter-regular-latin-subset.woff2?v=3.19") format("woff2"), url("../fonts/inter-subset/inter-regular-latin-subset.woff?v=3.19") format("woff"), url("../fonts/inter-subset/inter-regular-latin-subset.ttf?v=3.19") format("truetype");
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local(''), url("../fonts/inter-subset/inter-semibold-latin-subset.woff2?v=3.19") format("woff2"), url("../fonts/inter-subset/inter-semibold-latin-subset.woff?v=3.19") format("woff"), url("../fonts/inter-subset/inter-semibold-latin-subset.ttf?v=3.19") format("truetype");
}

body {
    font-family: 'Inter', Arial, sans-serif;
}
h1,
h2,
h3 {
    color:#042e53;
    font-family: 'Reckless', "Times New Roman", serif !important;
}
h4,
h5,
h6 {
    color: #042e53;
    font-family: 'Inter', Arial, sans-serif;
}
img {
    max-width: 100%;
}
ul {
  list-style:none;
  margin: 0;
  padding: 0;
}
.form-control {
  font-size: 16px;
}
.badge {
    background-color: #337ab7;
    color: #fff;
}
.close {
    font-size: 28px;
}
/* Elements =================================================== */
#mt-header {
    background-color: #fff;
    box-shadow: 0px 1px 8px rgb(0 0 0 / 10%);
    height: 72px;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 1030;
    width: 100%;
}

#mt-header-body {
    height: 72px;
    padding-bottom: 20px;
    padding-top: 20px;
    padding-left: 24px;
    padding-right: 24px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width:768px) {
    #mt-header-body {
        padding-left: 40px;
        padding-right: 40px;
    }
}
@media only screen and (min-width: 1280px) {
    #mt-header-body {
        padding-left: 15px;
        padding-right: 15px;
        max-width: 1230px;
    }
}

#mt-header-body a {
    color: #042e53;
}

#header-logo {
    max-width: 165px;
    min-width: 114px;
    width: 35vw;
}
#header-logo svg {
    width: 100%;
    vertical-align: middle;
}
@media only screen and (min-width: 768px) {
    #mt-header-body {
        height: 88px;
    }
    #mt-header {
        height:88px;
    }
}
#menu-list {
    font-weight: bold;
}

@media (max-width: 767px) {
    #menu-dropdown.dropdown-menu {
        font-size: 20px;
    }
}
#mt-body {
    margin-top: 73px;
}
@media only screen and (min-width: 768px) {
    #mt-body {
        margin-top:89px;
    }
}
#mt-body > .container-fluid:first-child {
    padding-bottom: 40px;
}
#app-content {
    background-color: #F8F8F8;
    border-bottom: 1px solid #E8E8E8;
    border-top: 1px solid #E8E8E8;
    padding-bottom: 40px;
}
#footer {
    margin:36px auto;
}
#footer-container ul {
    padding-bottom:1em;
}
#mt-footer-buttons {
    background: rgba(0, 0, 0,0.5);
    box-shadow: 1px 1px 0 0 rgba(0,0,0,.25);
    left:0;
    padding:10px;
    position:fixed;
    bottom:0;
    z-index:1020;
    width:100%;
}
#copyright {
    padding-top:18px;
}
#copyright br {
    display:block;
}
#slide-buttons .btn {
    display:none;
}
#slide-buttons.init #btnNext, #slide-buttons.next #btnNext {
    display:inline-block;
}
#slide-buttons.next #btnBack, #slide-buttons.submit #btnBack {
    display:inline-block;
}
#slide-buttons.submit #btnSubmit {
    display:inline-block;
}
.alert-default {
    color: inherit;
    background-color: #eee;
    border-color: #eee;
}
.bg-none {
  color: #000;
  background-color: #fff;
}
.btn-fb {
    color: #fff;
    background-color: #3a5795;
    border-color: #274E9F;
}
.btn-fb:hover,
.btn-fb:focus,
.btn-fb:active,
.btn-fb.active {
  color: #fff;
  background-color: #3a5795;
  border-color: #274E9F;
}
.btn-google {
    background-color: #fff;
    border-color: #888;
    box-shadow: 1px 1px 1px grey;
    color: #444;
    font-family: 'Roboto', sans-serif;
}
.btn-google span.icon-google {
    background: url('/content/img/3rd/g-normal.png') transparent 50% no-repeat;
    display: inline-block;
    margin-right:12px;
    vertical-align: middle;
    width: 18px;
    height: 18px;
}
.btn-mt {
  color: #fff;
  background-color: #e16e2d;
  border-color: #EB8310;
}
.btn-mt:hover,
.btn-mt:focus,
.btn-mt:active,
.btn-mt.active
{
  color: #fff;
  background-color: #EB8310;
  border-color: #B7660D;
}
.btn-mt-yellow {
  color: #333;
  background-color: #FFD400;
  border-color: #ECC200;
}
.btn-mt-yellow:hover,
.btn-mt-yellow:focus,
.btn-mt-yellow:active,
.btn-mt-yellow.active
{
  color: #333;
  background-color: #ECC200;
  border-color: #ECC200;
}
.btn-tw {
  color: #fff;
  background-color: #04ACEE;
  border-color: #04ACEE;
}
.btn-tw:hover,
.btn-tw:focus,
.btn-tw:active,
.btn-tw.active {
  color: #fff;
  background-color: #04ACEE;
  border-color: #04ACEE;
}
.btn-responsive-block {
  display: block;
  width: 100%;
}
.btn-responsive-block + .btn-responsive-block {
  margin-top: 5px;
}
@media (min-width: 768px) {
    .btn-responsive-block {
        display: inline-block;
        width: auto;
    }
    .btn-responsive-block.pull-left {
      margin-right: 5px;
    }
    .btn-responsive-block.pull-right {
      margin-left: 5px;
    }
    .btn-responsive-block + .btn-responsive-block {
      margin-top: 0;
    }
}

.btn.btn-primary {
    background-color: #042e53;
    border: 0 solid;
    box-shadow: none;
}
.btn.btn-primary:hover {
    background-color: #072137;
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
}
.btn-secondary:focus, .btn-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.cal-date-selected {
    background-color: #5cb85c;
    color: #ffffff;
}
ul.checklist li {
  padding-left: 1.2em;
}
ul.checklist li:before {
  content: "\f00c";
  font-family: "FontAwesome";
  display: inline-block;
  width: 1.2em;
  margin-left: -1.2em;
}
.dropdown-menu.dropdown-menu-buttons > li:not(.divider) {
    padding: 5px 20px 0 20px;
}
.dropdown-menu.dropdown-menu-buttons > li > a {
    padding: 6px 12px;
    color: #fff;
}
.fc-event.fc-event-available {
    background-color: #5cb85c;
    border: 1px solid #5cb85c;
}
.fc-event.fc-event-booked {
    background-color: #3a87ad;
    border: 1px solid #3a87ad;
}
.fc-event:hover, .fc-day:hover {cursor:pointer;}
.fc-day.fc-past:hover {cursor:default;}
.fc-unthemed .fc-past{background-color:#F8F8F8;}
.h-tight {
    margin-bottom:0;
    margin-top:0;
}
.horizontal-divider {
  font-size:20px;
  position: relative;
  top: 0;
  left: 0;
  margin: 1em 0;
  width: 100%;
  height: 1em;
  padding: 0;
  line-height: 1;
  text-align:center;
}
.horizontal-divider:before,
.horizontal-divider:after {    
  position: absolute;
  top: 50%;
  content: " ";
  z-index: 3;
  width: 45%;
  height: 0; 
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}
.horizontal-divider:before {
  left: 0;
}
.horizontal-divider:after {
  left: auto;
  right: 0;
}
.halfpad-bottom {
    padding-bottom:18px;
}
.nav-justified-sm > li {
  display: table-cell;
  float: none;
  width: 1%;
}
.nav-justified-sm > li > a {
  margin-bottom: 0;
  text-align: center;
}
.nav-justified-sm > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
.pad-bottom {
    padding-bottom:36px;
}
.halfpad-top {
    padding-top:18px;
}
.pad-top {
    padding-top:36px;
}
.row.pg-entitylist-row {
    padding:16px 0;
}
@media (min-width: 768px) {
    .row.pg-entitylist-row > div {
        display: inline-block !important;
        height: 100%;
        vertical-align: middle;
        float: none;
    }
}
.pg-header {
    /*  background-color: #59C5C7; */
    /*  padding: 18px; */
    background-color: #042e53;
    background-image: none;
    padding: 6px 18px;
    margin: 0 -15px 18px -15px;
    text-align: center;
}
@media (min-width: 768px) {
    .pg-header {
        margin: 0 0 18px 0;
        padding: 18px;
        text-align: left;
    }
}
.pg-header h2 {
    color:#fff;
    margin:0 0 6px 0;
}
.pg-header h4 {
    color: #e16e2d;
    margin:0 0 5px 0;
}
.pg-header-alert {
    color: #a94442;
    background-color: #f2dede;
}
.pg-header-alert > div > div {
    padding: 6px 0;
}
@media (min-width: 768px) {
    .pg-header-alert > div > div {
        padding: 18px 0;
    }
}
@media (max-width: 767px) {
    .panel-xs-noborder {
        border:0;
    }
    .panel-xs-noborder > .panel-body {
        padding: 0;
    }
}
textarea.placeholder {
    color: #8e8e8e;
    height: 190px;
}
@media (min-width: 1024px) {
    textarea.placeholder {
        height:auto;
    }
}
.margin-bottom {
    margin-bottom: 15px;
}
.margin-bottom-tiny {
    margin-bottom: 5px;
}
.round5 {
    border-radius:5px;
    overflow:hidden;
}
ul.tabs-slide {
    border-bottom: 1px solid #d7dfbf;
    display: inline-block;
    list-style-type: none;
    margin: 0;
}
ul.tabs-slide::after {
    clear: both;
}
ul.tabs-slide::after, ul.tabs-slide::before {
    content: ' ';
    display: table;
}
ul.tabs-slide li {
    float:left;
}
ul.tabs-slide li a {
    display: inline-block;
    padding: 5px 10px;
    text-decoration:none;
}
ul.tabs-slide li a.active {
    border-bottom: 3px solid #337ab7;
}
.thumbnail-sm {
    max-height: 160px;
    max-width: 160px;
}
.text-mt {
    color:#e16e2d;
}
.text-default {
  font-size: 14px;
  color: #333;
}
.text-highlight {
    background-color:#FFF9D4;
    color:#000;
}
ul.readable {
  list-style:initial;
  padding-bottom:10px;
  padding-left: 18px;
}
ul.readable ul.readable {
    padding-bottom: 0;
}
/* Queries =================================================== */
    @media (max-width: 479px) {
        .hidden-tiny {
            display: none !important;
        }
    }

    @media only screen and (min-width: 768px) {
        #copyright {
            padding-top: 0;
        }
        #copyright br {
            display: none;
        }

        .pg-header {
            margin: 0 0 18px 0;
            text-align: left;
        }
    }

    @media (min-width:768px) {
        .container-fluid {
            padding-left: 40px;
            padding-right: 40px;
        }
    }

    @media only screen and (min-width: 1280px) {
        .container-fluid {
            padding-left: 15px;
            padding-right: 15px;
            max-width: 1230px;
        }
    }

/* V3 Overrides */

.number-accessory {
    background-color: #e16e2d;
    border-radius: 500px;
    font-size: 12px;
    font-weight: 600;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    width: 1.5em;
    height: 1.5em;
    text-decoration: none;
}

.cluster {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
    align-items: center;
}


#mt-header-body .button {
    font-size: 14px;
    height: 32px;
}
@media (min-width:700px) {
    #mt-header-body .button {
        font-size: 16px;
        height: 48px;
    }
}

@media (max-width:699.9px) {
    #mt-header-body .button.button-clear {
        padding: 0 12px;
        font-size: 13px;
    }
}

#mt-header-body .button.button-link {
    padding: 0 2px;
}
@media screen and (min-width:400px) {
    #mt-header-body .button.button-link {
        padding: 0 8px;
    }
}

#mt-header-body .button.tasks {
    --this-text-decoration-hover: none;
    --this-gap-size: 4px;
}

.button {
    --this-background-color-hover: #d75913;
    --this-text-color: #fff;
    --this-text-decoration: none;
    --this-text-decoration-hover: none;
    --this-border: 0 solid;
    --this-border-hover: 0 solid;
    --this-shadow: none;
    --this-shadow-hover: none;
    --this-gap-size: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--this-gap-size);
    height: 3rem;
    border-radius: 500px;
    border: var(--this-border);
    color: var(--this-text-color);
    font-size: 16px;
    line-height: 16px;
    overflow: hidden;
    font-weight: 600;
    padding: 0 18px;
    vertical-align: middle;
    white-space: nowrap;
    background-color: var(--this-background-color);
    text-decoration: var(--this-text-decoration);
    text-decoration-thickness: 2px;
    box-shadow: var(--this-shadow);
    transition: border 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out;
    cursor: pointer;
}
.button:hover {
    background-color: var(--this-background-color-hover);
    text-decoration: var(--this-text-decoration-hover);
    border: var(--this-border-hover);
    box-shadow: var(--this-shadow-hover);
}
.button > img + * {
    margin-inline-start: 8px;
}


.button.button-clear {
    --this-background-color: transparent;
    --this-background-color-hover: transparent;
    --this-text-color: #042e53;
    --this-border: solid 0.0625rem rgba(48, 54, 95, 0.25);;
    --this-border-hover: solid 0.0625rem rgba(48, 54, 95, 0.5);
    --this-shadow: inset 0 0 0 0.0625rem rgba(48, 54, 95, 0);
    --this-shadow-hover: inset 0 0 0 0.0625rem rgba(48, 54, 95, 0.50);
}

.button.button-link {
    --this-background-color: transparent;
    --this-background-color-hover: transparent;
    --this-text-color: var(--brand-blue);
    --this-text-decoration-hover: underline;
    border-radius: 0;
}

.divider {
    border-top: 1px solid #D9D9D9;
    margin-top: 4px;
    margin-bottom: 4px;
}

.site-header__menu {
    display: flex;
    flex-direction: column;
    position: absolute;
    box-shadow: 0 0 0 1px #000;
    background-color: #fff;
    font-size: 16px;
    top: -20px;
    right: -24px;
    padding: 24px;
    padding-top: 20px;
    border-radius: 20px;
    box-shadow: 0px 42px 17px rgba(58, 42, 19, 0.01), 0px 24px 14px rgba(58, 42, 19, 0.03), 0px 11px 11px rgba(58, 42, 19, 0.05), 0px 3px 6px rgba(58, 42, 19, 0.06), 0px 0px 0px rgba(58, 42, 19, 0.06);
    max-width: 256px;
    width: 75vw;
    max-height: 100vh;
    overflow-y: scroll;
}

.site-header__menu > :first-child {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

#mt-header-body .site-header__menu .button.button-link {
    padding-left: 0;
    height: 40px;
}


.user-avatar {
    --this-avatar-size: 52px;
    --this-avatar-background-color: #042e53;
    --this-avatar-text-color: white;
    --this-avatar-image-border: none;
    width: var(--this-avatar-size);
    height: var(--this-avatar-size);
    border-radius: 500px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.user-avatar > span:first-child {
    display: block;
}
.user-avatar span {
    display: none;
    color: var(--this-avatar-text-color);
    font-weight: 600;
    font-size: calc(var(--this-avatar-size)/3);
    background-color: var(--this-avatar-background-color);
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    padding-top: 1em;
    line-height: 1em;
    text-transform: uppercase;
}

#mt-header-body .circle-avatar {
    height: 48px;
    width: auto;
}
@media screen and (min-width:600px) {
    #mt-header-body .circle-avatar {
        height: 48px;
    }
}

.site-header__name {
    margin: 0 0 16px;
    font-family: "Inter",Arial,sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
}

.js [data-expand-hide-default]:not([data-expanded]) {
    display: none;
}

.js [data-expand-show-default][data-expanded] {
    display: none;
}

.js [data-reveal-hide-default]:not([data-revealed]) {
    display: none;
}

.js [data-reveal-trigger-clicked] {
    display: none;
}


@media screen and (max-width:600px) {
    .expanding-section-mobile {
        padding: var(--space);
        padding-left: 0;
        border-top: 1px solid #C4C4C4;
        margin-bottom: 0;
    }
    .expanding-section-mobile:last-of-type {
        border-bottom: 1px solid #C4C4C4;
    }
    .expanding-section-mobile > :first-child {
        width: 100%;
        position: relative;
    }
    .expanding-section-mobile > :first-child:after {
        position: absolute;
    }
    .expanding-section-mobile > :last-child > *:first-child {
        padding-top: var(--space-s);
    }
    .expanding-section-mobile > :last-child > *:last-child {
        padding-bottom: 0;
    }
}

.expanding-section-mobile[data-expandable] >:first-child:after {
    content: "";
    background-image: url(../img/glyph/plus.svg);
    height: 1.25rem;
    width: 1.25rem;
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform 0.2s ease-in-out;
    right: calc(var(--space)* -1);
}
.expanding-section-mobile[data-expandable] > :first-child:after > :last-child {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.4s ease-in-out, max-height 0.2s ease-in-out;
}

.expanding-section-mobile[data-expandable][data-expanded],
body:not(.using-mouse) .expanding-section-mobile[data-expandable]:focus,
body:not(.using-mouse) .expanding-section-mobile[data-expandable]:focus-within >:first-child:after {
    transform: rotateZ(135deg);
}

.expanding-section-mobile[data-expandable][data-expanded],
body:not(.using-mouse) .expanding-section-mobile[data-expandable]:focus,
body:not(.using-mouse) .expanding-section-mobile[data-expandable]:focus-within > :last-child {
    opacity: 1;
    max-height: 1500px;
}




.site-footer {
    background-color: #042e53;
    color: #fff;
    font-size:16px;
    padding-top: 40px;
    padding-bottom: 40px;
    font-weight: 600;
    line-height: 1.2;
}
.site-footer-center {
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
    max-width:1328px;
}

@media only screen and (min-width: 600px) {
    .site-footer-center {
        padding-left: 48px;
        padding-right: 48px;
    }
}

@media only screen and (min-width: 768px) {
    .site-footer-center {
        padding-left: 64px;
        padding-right: 64px;
    }
}

.site-footer a {
   color: #fff;
 }
.site-footer__menu {
    height: 176px;
    display: flex;
    flex-flow: column wrap;
    flex-shrink: 1;
    font-weight: 400;
}
.site-footer__menu li {
    margin-bottom: 16px;
    margin-right: 16px;
}
@media screen and (min-width: 600px) {
    .site-footer__menu {
        font-weight: 600;
        height: 112px;
    }
}

.site-footer__article-link {
    font-size: clamp(17.6px, calc(17.25px + 0.24vw), 20px);
    flex-shrink: 999;
    margin-bottom: 64px;
    position: relative;
    min-width: 29.5%;
}

.site-footer__icons {
    display: flex;
}
.site-footer__icons * {
    margin-right: 8px;
}

.site-footer__icons .invisible-button {
    display: flex;
    border-radius: 500px;
    margin-right: 16px;
    box-shadow: 0 0 0 10px rgba(200, 200, 200, 0.0);
    background-color: rgba(200, 200, 200, 0.0);
    transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.site-footer__icons .invisible-button svg {
    vertical-align: middle;
    display: block;
    margin: 0;
}

.site-footer__icons .invisible-button:hover {
    box-shadow: 0 0 0 10px rgba(200, 200, 200, 0.2);
    background-color: rgba(200, 200, 200, 0.2);
}


.site-footer__menu-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    align-items: flex-start;
}
.site-footer__menu-wrapper > :first-child {
    flex-grow: 1;
}
.site-footer__menu-wrapper > :last-child {
    flex-basis: 0;
    flex-grow: 999;
    min-inline-size: 66%;
}

.site-footer__menu-wrapper-inner {
    display: flex;
    flex-wrap: wrap;
}
.site-footer__menu-wrapper-inner > :first-child {
    flex-grow: 999;
    min-inline-size: 70%;
    margin-bottom: 24px;
}
.site-footer__menu-wrapper-inner > :last-child {
    flex-basis: 208px;
}

.site-footer__copyright {
    font-weight: 400;
    font-size: 14px;
    margin-top: 32px;
}
.site-footer__copyright span {
    display: inline-block;
}

@media screen and (min-width: 600px) {
    .site-footer__copyright {
        text-align: center;
        --measure: 100vw;
        margin-top: 64px;
        font-size: 16px;
    }
    .site-footer__copyright span {
        display: block;
    }
}