:root {
    --lu-color1: 208, 170, 237;
    --lu-color1d: 234, 223, 240;




  --lu-main-color-2: #ffc6c5;

  --lu-turq: 163, 232, 241;


  --mps--pink: #EA5289;

  --mps--pink-rgb: 234,82,137;

  --mps--orange:#FF8130;
  --mps--orange-rgb: 255,129,48;

  --mps--orange-rgb: 255,129,48;

  --mps--yellow: #FFDB02;
  --mps--yellow-rgb: 255,219,2;


    --mps--green: #00B994;
    --mps--green-rgb: 0,185,148;


  

  --mps-royal-blue: 23,66,144;
  --mps-mid-blue: 72,135,199;
  --mps-dark-blue: 36,48,94;

}

html {
  font-size: 12px;
    
}

    
@media screen and (min-width: 1200px) {
  html {
    font-size: 16px;
  }
}


body {
  scroll-behavior: smooth;
  padding: 0;
  margin: 0;
  overflow-x:hidden;
/* background-color: #a3e8f1; */
overflow: hidden;
font-family: 'FSEmeric-Book';font-weight: 100;}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 100;
    font-family: 'FSEmeric-Bold';
letter-spacing: 0.02em;}



/**
 * Bootstrap "Journal code" icon
 * @link https://icons.getbootstrap.com/icons/journal-code/
 */
.bd-heading a::before {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: .25rem;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%25230d6efd' viewBox='0 0 16 16'%3E%3Cpath d='M4 1h8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2h1a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1H2a2 2 0 0 1 2-2z'/%3E%3Cpath d='M2 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H2zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H2zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H2z'/%3E%3Cpath fill-rule='evenodd' d='M8.646 5.646a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L10.293 8 8.646 6.354a.5.5 0 0 1 0-.708zm-1.292 0a.5.5 0 0 0-.708 0l-2 2a.5.5 0 0 0 0 .708l2 2a.5.5 0 0 0 .708-.708L5.707 8l1.647-1.646a.5.5 0 0 0 0-.708z'/%3E%3C/svg%3E");
  background-size: 1em;
  
  
}


.bg-salmon {
  background-color: var(--lu-main-color-2) !important;
  
}


.bg-pink {
  background-color: var(--mps--pink) !important;
}

.bg-orange {
  background-color: var(--mps--orange) !important;
}


.bg-yellow {
  background-color: var(--mps--yellow) !important;
}


.bg-green {
  background-color: var(--mps--green) !important;
}

/* stylelint-disable-next-line selector-max-universal */
.bd-heading + div > * + * {
  margin-top: 3rem;
}

.bd-cheatsheet .bd-heading {
  margin-top: 0;
}



.bd-cheatsheet .bd-heading h3 {
  padding-left: 1rem;
padding-top: 0.5rem;background-color: #eee;padding-bottom:  0.5rem;border-radius: 0 0rem 0rem 1rem;height: 3rem;padding: 0rem 1rem 0rem 1rem;display: flex;flex-direction: column;justify-content: center;margin: 0rem 0 0 0;font-size: 1.6rem;font-weight: 100;}


@media (min-width: 768px) {
.bd-cheatsheet .bd-heading h3 {
  align-items: flex-end;
  margin-left: -2rem;}
border-radius: 0 0rem 0rem 2rem;
}


/* Table of contents */
.bd-aside a {
  padding: .1875rem .5rem;
  margin-top: .125rem;
  margin-left: .3125rem;
  color: rgba(0, 0, 0, .65);
  text-decoration: none;
}

.bd-aside a:hover,
.bd-aside a:focus {
  color: rgba(0, 0, 0, .85);
  background-color: rgba(121, 82, 179, .1);
}

.bd-aside .active {
  font-weight: 600;
  color: rgba(0, 0, 0, .85);
}

.bd-aside .btn {
  padding: .25rem .5rem;
  font-weight: 600;
  color: rgba(0, 0, 0, .65);
  border: 0;
}

.bd-aside .btn:hover,
.bd-aside .btn:focus {
  color: rgba(0, 0, 0, .85);
  background-color: rgba(121, 82, 179, .1);
}

.bd-aside .btn:focus {
  box-shadow: 0 0 0 1px rgba(121, 82, 179, .7);
}

.bd-aside .btn::before {
  width: 1.25em;
  line-height: 0;
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
  transition: transform .35s ease;

  /* rtl:raw:
  transform: rotate(180deg) translateX(-2px);
  */
  transform-origin: .5em 50%;
}

.bd-aside .btn[aria-expanded="true"]::before {
  transform: rotate(90deg)/* rtl:ignore */;
}


/* Examples */
.scrollspy-example {
  position: relative;
  height: 200px;
  margin-top: .5rem;
  overflow: auto;
}

[id="modal"] .bd-example .btn,
[id="buttons"] .bd-example .btn,
[id="tooltips"] .bd-example .btn,
[id="popovers"] .bd-example .btn,
[id="dropdowns"] .bd-example .btn-group,
[id="dropdowns"] .bd-example .dropdown,
[id="dropdowns"] .bd-example .dropup,
[id="dropdowns"] .bd-example .dropend,
[id="dropdowns"] .bd-example .dropstart {
  margin: 0 1rem 1rem 0;
}


  .bd-cheatsheet section > h2 {
  height: 5rem;margin-bottom: 1rem;display: inherit;
    gap: inherit;
    grid-template-columns: 1fr 4fr;
    grid-column: 1 / span 3;
    grid-template-rows: auto;padding-left: 2rem;
    box-shadow: 0 .5rem 0.5rem rgba(0,0,0,.05)!important;
  }


.bd-cheatsheet2 article {
box-shadow: 0 .5rem 0.5rem rgba(0,0,0,.05)!important;
}


.article-content {
/* border-radius: 0rem 0 0 2rem; */
/* background-color: #fff; *//* margin-top: -0.75rem; *//* padding-top: 6rem !important; *//* padding: 0 3rem 0rem 2rem; */margin-bottom: 0rem;
/* margin-left: 2rem; */

height:  100%;position: relative;z-index: 1;}



.article-content:before {
  content: '';
  /* background-color: red; */
  top:0;
  left: 0;
  width: 100%;
  height: calc(100% - 6rem);
  position: absolute;
border-radius: 0rem 0 0 8rem;background-color: rgba(var(--lu-main-color), 0.25);z-index: -1;}


.article-content:after {
  content: '';
  position: absolute;
  top:0;
  left: 2rem;
  height: 100%;
  right: 0;
  background-color: #fff;
  

z-index: -1;
}





.intro-block {
  border-radius: 0rem 0 0 4rem !important;
background-color: var(--lu-main-color-2);
  
  
  /* background-color: hsl(5, 100%, 88%); */
  
  /* margin-top: -0.75rem; *//* padding-top: 6rem !important; */padding: 4rem;margin-bottom: 0rem;margin-right: 0rem;margin-bottom: 0rem;padding: 0.5rem 1rem 2rem 2rem;color: #fff;position: sticky;top: 8rem;z-index: 1;box-sizing: border-box;/* background-color: #FF8130; */margin-left: -2rem;box-shadow: 0 .25rem 1rem rgba(0,0,0,0.125)!important;background-color: #fff;}


#home .intro-block {

}


/*
.membership .section-back {
  background-color: var(--mps--pink) !important;
}
.career .section-back {
  background-color: var(--mps--orange) !important;
}
.training .section-back {
  background-color: var(--mps--yellow) !important;
}
.response .section-back {
  background-color: var(--mps--green) !important;
}
*/

@media (min-width: 768px) {
  .intro-block {
    top: 9rem;
  }
}


.intro-block h1 {
font-size: 3.5rem;font-style: italic;
    font-weight: 400;
    line-height: 1.2;/* color: #fff; */}

.intro-block h2 {
  font-size: 1.5rem;
  
font-weight: 100;font-family: 'FSEmeric-Book';}


#home .intro-block h2 {
  color: rgba(var(--mps-royal-blue),1);
}


.intro-block p {
  
font-size: 1.25rem;
    font-weight: 300;margin-top: 1rem;
    margin-bottom: 1rem;}

.bd-cheatsheet {
  /* padding-top: 4rem; */
}

/* Layout */
@media (min-width: 768px) {
  body {
    /* display: grid; */
    /* grid-column-gap: 0rem; */
    /* grid-template-columns: 1fr 4fr 1fr; */
    /* grid-template-rows: auto; */
  }
}
  .bd-header {
    position: fixed;
    top: 0;
    /* rtl:begin:ignore */
    right: 0;
    left: 0;
    /* rtl:end:ignore */
    z-index: 1030;
    grid-column: 1 / span 3;
  }

@media (min-width: 768px) {
  .bd-aside,
  .bd-cheatsheet {
    /*padding-top: 4rem;*/
  }
}

  /**
   * 1. Too bad only Firefox supports subgrids ATM
   */
  .bd-cheatsheet,
  .bd-cheatsheet section,
  .bd-cheatsheet article {
    display: inherit; /* 1 */
    gap: inherit; /* 1 */
    grid-template-columns: 1fr 4fr;
    grid-column: 1 / span 3;
    grid-template-rows: auto;
  }

  .bd-aside {
    grid-area: 1 / 3;
    scroll-margin-top: 4rem;
  }

  .bd-cheatsheet section > h2 {
    background-color: rgba(254, 248, 244,0.95);
  }

.bd-cheatsheet section {
  /* min-height: calc(100vh - 10rem); */
}

  .bd-cheatsheet section,
  .bd-cheatsheet section > h2 {
    top: 5rem;
    scroll-margin-top: 5rem;
  }


  .bd-cheatsheet section > h2::before {
    position: absolute;
    /* rtl:begin:ignore */
    top: 0;
    right: 0;
    bottom: -2rem;
    left: 0;
    /* rtl:end:ignore */
    z-index: -1;
    content: "";
    /* background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) calc(100% - 3rem), rgba(255, 255, 255, .01)); */
  }

  .bd-cheatsheet article,
  .bd-cheatsheet .bd-heading {
    top: 9rem;
    scroll-margin-top: 9rem;
  }

  .bd-cheatsheet .bd-heading {
    z-index: 1;
  }







.bd-cheatsheet section, .bd-cheatsheet article {
  /* margin-bottom: 10rem; */
/* position: relative; */}


.bd-cheatsheet section {
  /* margin-bottom: 10rem; */
  /* padding-top: 1rem; */
  position: relative;
  transition: opacity 2s cubic-bezier(0.15, 0.8, 0.3, 1);
  opacity: 0;
  }

.site-loaded .bd-cheatsheet section {
opacity: 1;
}

.bd-cheatsheet article {/* background-color: rgba(163, 232, 241, 0.25); *//* background-color: rgba(var(--lu-main-color), 0.25); */margin-bottom: 5rem;border-radius: 0 0 0 8rem;/* min-height: 100vh; */margin-top: 0rem;/* height: calc(100vh - 9rem); */}



.bd-cheatsheet article:before {
  
  
}

@media (min-width: 768px) {
.bd-cheatsheet article {
  /* margin-left: 2rem; */
/* margin-left: 2rem; */height: calc(100vh - 8rem);/* margin-bottom:  0; */}
}

.top-heading {
  /* background-color: rgba(254, 248, 244,0.9); */
  /* background-color: rgba(var(--lu-main-color), 0.8); */

  background-color: rgba(36,48,94,0.9);
  color: #fff;
  top: 5rem;
    scroll-margin-top: 4rem;
  box-shadow: 0 .5rem 0.5rem rgba(0,0,0,.05)!important;

  height: 4rem;
    margin-bottom: 1rem;
    grid-column: inherit;
padding-bottom: 0;/* padding-top: 1rem; */margin-bottom: 0;position: sticky;z-index: 1020;border-radius: 0 0 0rem 0;display: flex;flex-direction: column;justify-content: center;/* align-items: center; */box-shadow: 0 .25rem 0.5rem rgba(0,0,0,0.25)!important;}


.top-heading .icon {
  /* float:right; */
margin-left: auto;/* margin-top: 1.2rem; */}



.membership .top-heading .icon {
  /* color: var(--mps--pink) !important; */
}
.career .top-heading .icon {
  /* color: var(--mps--orange) !important; */
}
.training .top-heading .icon {
  /* color: var(--mps--yellow) !important; */
}
.response .top-heading .icon {
  color: var(--mps--green) !important;
/* font-size: 1rem; */}








.top-heading h2 {
  padding-left: 2rem;

  margin-bottom: 0;font-size: 1.6rem;font-weight: 100;padding-right: 1rem;

display: flex;align-items: center;font-family: 'FSEmeric-Book';position: relative;height: 100%;}



#home .top-heading h2 {
  padding-right: 0;
    margin: auto;
    padding-left: 0;
}


.top-heading h2 .dropdown {
  margin-left: auto;
position: absolute;top:  100%;margin-top:  0;right: 0rem;font-size: 2.8rem;height: 2em;width: 2em;/* background-color: #ccc; */margin-top: -1em;}



.top-heading h2 .dropdown .icon {
  
font-size: inherit;position: absolute;/* cursor: progress; */right: 0;top: 0;margin-top: 0;/* display: none; */background-color: rgba(255,255,255,1);}

.top-heading h2 .dropdown-toggle::after {
    display: none;

}

@media (max-width: 767px) {

  .top-heading h2 .dropdown .icon {
border-top-right-radius: 0;border-bottom-right-radius: 0;border-right: none;
  }

}



#main-nav .nav-item {
  border-left: solid 1px #ddd;
}




.navbar-toggler {
    padding: 0.25rem;
    font-size: 3rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    transition: box-shadow .15s ease-in-out;
    background-color: #ccc;
    width: 1em;
    height: 1em;
    box-sizing: border-box;
    position: relative;
    background-color: rgba(var(--lu-main-color),1);
    transition: all 1s cubic-bezier(0.15, 0.8, 0.3, 1);
}






.top-heading .navbar-toggler {margin-left: -1.5rem;margin-right: 0.5rem;background-color: rgb(255 255 255 / 0.25);}


.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 0.1rem rgba(var(--lu-main-color),1);
  box-shadow: 0 0 0 0;
  background-color: rgba(var(--lu-main-color),1);
}


.navbar-toggler-icon {
    display: block;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
  position: absolute;
top: 0;left: 0;}

.navbar-toggler-icon i {
position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;}




.nav-link {
    padding: 0.5rem 1rem;
    color: #154996;
}



.input-group-text,
.input-group-text,
.btn,
.form-control,
.form-select {
  border: 1px solid rgba(var(--lu-color1), 1);
  border-radius: 0.25rem;
min-height: 3rem;border-color: rgba(var(--lu-main-color), 1);}


.input-group-text {
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: rgba(var(--lu-color1), 0.25);
    color: rgba(var(--lu-color1), 1);
min-width: 3rem;text-align: center;display: flex;align-items: flex-start;flex-direction: column;justify-content: center;background-color: rgba(var(--lu-main-color), 0.2);color: rgba(var(--lu-main-color), 1);font-family: 'FSEmeric-Bold';}



.input-group-text2 {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    /* border-left: none; */
  margin-left: -1px;
border-left-color: rgba(var(--lu-color1d), 1);border-left-width: 1px;border-left-color: rgba(var(--lu-main-color), 1);}


.form-control {
  display: flex;
    flex-direction: column;
    justify-content: center;
}

.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    /* border-right: none; */
border-right-color: rgba(var(--lu-color1d), 1);border-right-width: 1px;border-right-color: rgba(var(--lu-main-color), 1);}
  
.btn {
    color: rgba(var(--lu-color1),1);
    padding: 0 1.4em;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    /* line-height: 3em; */
    border-radius: 1.5em;
    background-color: #fff;
  box-shadow: 0 .125rem 0.5rem rgba(0,0,0,.1);
box-sizing: border-box;min-width: 3rem;min-height: 3rem;display: flex;justify-content: center;align-items: center;text-align: center;border-color: rgba(var(--lu-main-color), 1);color: rgba(var(--lu-main-color), 1);line-height: 1.2;background-color: rgba(255,255,255,0.9);font-family: 'FSEmeric-Bold';box-shadow: 0 .075rem 0.5rem rgba(0,0,0,.35)!important;}

.btn[type="submit"] i {
  margin-left: auto;
  font-size: 1.5em;
  margin-right: -0.5em;
}


.btn-inline {
  display: inline-flex;
margin: 0;}
.btn.icon {
  padding: 0;
  font-size: 1.2rem;
  border-width: 0.3rem;
  border-color: rgba(var(--lu-main-color),0.25);
  /* float: left; */
  /* font-size: 0; */
  width: 2em;
  height: 2em;
  /* margin-top: 2rem; */
  box-shadow: 0 .1rem 0.25rem rgba(0,0,0,.25)!important;
  /* color: #000; */
  }



.btn.icon2 i {
  width: 1em;
  height: 1em;
}


.input-group .btn.icon {
  border-width: 1px;
  border-color: rgba(var(--lu-main-color), 1);
box-shadow: none !important;}

.btn svg {
  /* position:absolute; */
font-size: 1em;height: 1em;width: 1em;
  fill: currentColor;
}


.btn:not(.icon) .bi {
  /* margin: 0 0.5em; */
}

.btn.icon .bi2 {
  position: absolute;
width:  2em;height: 2em;}



.btn.icon2 .bi::before {
    /* display: inline-flex; */
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* vertical-align: -0em; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
/* flex-direction: column; *//* justify-content: center; */position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);/* width: 2em; *//* height: 2em; */font-size: 1.4em;}





.btn .bi2 {
  font-size: 1.6em;
  width: 1em;
  height: 1em;
  /*background-color: #ccc;*/
  position: absolute;
  fill: currentColor;
}


.btn span {
  width: 1em;
  height: 1em;
font-size: 1rem;display: inline-block;}


.input-group .btn {
    position: relative;
    z-index: 2;
  background-color: rgba(var(--lu-main-color), 0.25);
}

.form-control2 + button {
  margin-left: -0.25rem; 
border-radius: 0 100px 100px 0;}



.form-label {
    margin-bottom: 0.125rem;
  font-size: 1rem;
  color: #aaa;
  whitespace: nowrap;
width:  100%;}

.form-check-label {
  
white-space: nowrap;margin-right: 0.5rem;}

[type="submit"] {
  background-color: rgba(var(--lu-color1), 1);
  color: #fff;
  font-size: 1.2rem;
  width: 100%;
  background-color: rgba(var(--mps-royal-blue), 1);
  border-color: rgba(var(--mps-dark-blue), 1);
  height: 4rem;
  border-radius: 2rem;
  margin-top: 1rem;
}




.form-control.is-valid, .was-validated .form-control:valid {
    border-color: rgba(var(--lu-color1), 1);
    background-color: rgba(var(--lu-color1), 1);
    color: #fff;
background-image: none;padding-right: 0.75rem;}


.valid-feedback {
    text-align: left;
  font-size: 0.75rem;
    color: rgba(var(--lu-color1), 1);
}

.invalid-feedback {
    text-align: left;
  font-size: 0.75rem;
    color: rgba(220, 53, 69, 0.5);
}

.is-valid~.valid-feedback, .is-valid~.valid-tooltip, .was-validated :valid~.valid-feedback, .was-validated :valid~.valid-tooltip {
}



.form-control.is-invalid, .was-validated .form-control:invalid {
    padding-right: calc(1.5em + 0.75rem);
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e);
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}



.form-control.is-invalid, .was-validated .form-control:invalid,
.form-select.is-invalid, .was-validated .form-select:invalid,
.form-check-input.is-invalid, .was-validated .form-check-input:invalid {
    border-color: rgba(220, 53, 69, 0.5);
}

textarea.form-control {
    min-height: calc(1.5em + (4.75rem + 2px));
}


.accordion-button {
  color: rgba(var(--lu-color1), 1);
background-color: rgba(var(--lu-color1), 0.075);font-size: 1rem;font-weight: 100;color: rgba(var(--lu-main-color), 1);font-weight: normal;
  padding: 0.5rem 1rem 0.1rem 1rem;
color: rgba(var(--lu-main-color), 1);font-family: 'FSEmeric-Book';}

.accordion-item.card-open .accordion-button,
.accordion-button:not(.collapsed) {
    color: #fff !important;
    background-color: rgba(var(--lu-color1), 1) !important;
    box-shadow: none !important;
font-weight: normal !important;


background-color: rgba(var(--lu-main-color), 1) !important;

font-size: 1.4rem !important;

padding: 0.75rem 1rem 0.75rem 1rem;
text-shadow: 0 0px black;}

.accordion-button {
  /* background-color: rgba(var(--mps--orange-rgb), 0.025) !important; */
  /* color: rgba(var(--mps--orange-rgb), 1) !important; */
}

#career .accordion-item.card-open .accordion-button,
#career .accordion-button:not(.collapsed) {
  /* background-color: rgba(var(--mps--orange-rgb), 1) !important; */
font-family: 'FSEmeric-Bold';}
.accordion {
  /* FONT-VARIANT: JIS83; */overflow: hidden;
border-radius: 0.5rem 0 0 0.5rem;/* border-radius: calc(0.5rem + 0px); *//* box-shadow: 0rem 0rem 3rem rgba(0,0,0,0.1)!important; */box-shadow: 0 0rem 2rem rgba(0,0,0,.15)!important;}

.accordion-item {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
  /* border-color: rgba(var(--lu-color1), 1); */

  border-color: rgba(var(--lu-main-color), 1);
flex-shrink: 1!important;position: relative;box-shadow: 0 -.25rem 0.5rem rgba(0,0,0,0.125)!important;}

.accordion-item.card-open {
  flex-shrink: 0!important;
  flex-grow: 1!important;
}

.accordion-item.card-open .accordion-collapse {
  display: block !important;
}

.accordion-collapse {
  
position: relative;/* height: 100%; */}

.accordion-item:first-of-type {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: calc(0.5rem - 1px);
    border-top-right-radius: calc(0.5rem - 1px);
font-weight: normal;}
.accordion-item.card-flush:first-of-type .accordion-button {
    border-top-right-radius: 0 !important;
}

 


.accordion-item:last-of-type {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: calc(0.5rem - 1px);
    border-bottom-left-radius: calc(0.5rem - 1px);
}

.accordion-item.card-open:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.accordion-item:last-of-type .accordion-button {
  padding-bottom: 0.5rem;
}

.accordion-item.card-open:last-of-type .accordion-button {
  padding-bottom: 0.75rem;
}



.accordion-body {
    padding: 1.25rem 1.25rem;
  font-size: 1rem;
}

.card-open .accordion-collapse {
  position: absolute;
  top: 3rem;
  left: 0;
  width: 100%;
  /* height: 100%; */
bottom: 0;overflow: hidden;}

.accordion-body img {
  max-width: 100%;
}

.accordion-item.card-open .accordion-button::after,
.accordion-button:not(.collapsed)::after {
    background-image: url(img/arrow-down-w.svg) !important;
  transform: rotate(-180deg) !important;
}


.accordion-button::after {
    background-image: url(img/arrow-down.svg);
}

.accordion-button.no-caret::after {
  display: none;
}





.accordion-collapse.collapse.show {
  height: 100%;
}















.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: rgba(var(--lu-color1), 0.75);
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 1rem;
overflow: hidden;
  border-color: rgba(var(--lu-color1), 1);
background-color: #fff;

  border-color: rgba(var(--lu-main-color), 1);

}

.card-flush {
  border-right: none !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}


.card-header:first-child {
    border-radius: calc(1rem - 1px) calc(1rem - 1px) 0 0;
}



.card-footer:last-child {
    border-radius: 0 0 calc(1rem - 1px) calc(1rem - 1px);
}

.card.card-flush .card-footer:last-child,
.card.card-flush .card-header:first-child,
.card.card-flush .card-img, .card-img-top {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.card.card-flush2 .card-body {
  padding-right: 0;
}


.card-img, .card-img-top {
    border-top-left-radius: calc(1rem - 1px);
    border-top-right-radius: calc(1rem - 1px);
}


.card-header {
    padding: 1rem 1rem;
    margin-bottom: 0;
    background-color: rgba(var(--lu-color1), 0.75);
    border-bottom: 1px solid rgba(var(--lu-color1), 1);
  border-bottom: none;
color: #fff;
    background-color: rgba(var(--lu-main-color), 1);



  
  font-size: 1.2rem;font-weight: 200;}

.card-footer {
    padding: 0.5rem 1rem;
    background-color: rgba(255,255,255,.15);
    border-top: 1px solid rgba(var(--lu-color1), 1);
  border-top: none;
color: rgba(var(--lu-main-color), 1);

    background-color: rgba(var(--lu-main-color), 0.25);
}



.card-title {
    margin-bottom: 0.5rem;
font-weight: 100;font-size: 2rem;}















.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: 1;
    transition: opacity .15s ease;
}





.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
  font-size: 0.5rem;
    width: 4rem;
    height: 1em;
    padding: 0;
    margin-right: 0.3rem;
    margin-left: 0.3rem;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 1rem solid transparent;
    border-bottom: 1rem solid transparent;
    border-top: none;
    border-bottom: none;
    opacity: .25;
    transition: opacity .6s ease;
  border-radius: 0.5em;
}

.carousel-indicators [data-bs-target].active {
    opacity: 1;
  background-color: #ffc6c5;
}








.carousel-item {
  background: #ccc;
}


.carousel-item::before {
  padding-top: 100%;
}


@media (min-width: 376px) {
.carousel-item::before {
  padding-top: 33.333%;
}
}









.tab-content {
  border: solid 1px rgba(var(--lu-color1), 1);
  border-radius: 0 0 1rem 1rem;
  margin-top: -1px;
}


.tab-content>.tab-pane {
  padding: 1rem;
}

.nav-tabs .nav-link {
    margin-bottom: 0px;
    background-color: #eee;
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    margin-right: 0.5rem;
  color: #aaa;
}



.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #fff;
  margin-bottom: -2px;
    background-color: rgba(var(--lu-main-color), 1);
    /* border-color: rgba(var(--lu-color1), 1) rgba(var(--lu-color1), 1) #fff; */
border: none;}






.alert-primary {
    color: #666;
    background-color: rgba(163, 232, 241, 0.25);
    border-color: rgba(163, 232, 241, 1);
}



.alert-dismissible .btn-close {
    position: absolute;
    top: 50%;
    right: 0.5rem;
    z-index: 2;
    padding: 0.5rem;
/* background-color: red; */transform: translateY(-50%);font-size: 1.4rem;}









.modal-dialog {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0rem auto!important;
    padding: 0 2rem;
    /* pointer-events: auto; */
    }





.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 1rem;
    outline: 0;
  border-color: rgba(var(--lu-main-color), 1);
box-shadow: 0 0rem 3rem rgba(0,0,0,.3)!important;
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(1rem - 1px);
    border-top-right-radius: calc(1rem - 1px);
    background-color: rgba(var(--lu-main-color), 1);
  color: #fff;
}



.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: rgba(var(--lu-main-color), 1);
}


.modal-backdrop.show {
    opacity: .75;
}




.input-row {
  margin-bottom: 1rem;
}



.form-check {
    min-height: 1.5rem;
    padding-left: 0em;
    margin-bottom: 0.125rem;
  /* position: relative; */
height: 2rem;display: flex;/* justify-content: center; *//* flex-direction: column; */align-items: center;}


.form-check-inline {
  display: inline-flex
;margin-right: 0.25rem;}


.form-check-input {
  font-size: 1.6em;
    width: 1em;
    height: 1em;
    margin-top: 0.25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 0.3rem solid rgba(0,0,0,.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}


.form-check-input {
    background-color: #fff;
    border-color: rgba(163, 232, 241, 1);
/* position: absolute; *//* top: 50%; */margin: 0;}


.form-check .form-check-input {
    float: none;
    margin-left: 0em;
margin-right: 0.5rem;flex-shrink: 0;}


.form-check-input:checked {
    background-color: rgba(163, 232, 241, 1);
    border-color: rgba(163, 232, 241, 1);
border-width: 0;}


.form-check-input:checked[type=radio] {
    background-image: none;
}






.navbar-brand img {
    height: 2.8rem;
}




.button-card::before {
    /* display: block; */
    /* content: ""; */
}


.button-card::before {
  /* padding-top: 25%; */
}




footer.footer {
  height: 6rem;
  background-color: var(--lu-main-color-2);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 0rem 2.5rem 0 0 !important;
  background-color: rgba(255,255,255,.95);
  box-shadow: 0.25rem -0.125rem 1rem rgba(0,0,0,0.1)!important;
  /* background-color: #f6f6f6; */
  /* background-color: rgba(var(--lu-main-color), 0.05); */
  opacity: 0;
  transition: opacity 1s cubic-bezier(0.15, 0.8, 0.3, 1);
  }


.site-loaded footer.footer {
  opacity: 1;
}

@media (max-width: 767px) {

footer.footer {
  position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}
}



footer.footer .container {
  
justify-content: flex-end;/* justify-content: space-evenly; */padding: 0 2rem 0 1rem;flex-direction: row!important;align-items: center!important;display: flex!important;}


footer.footer .container .icon {
  
font-size: 2rem;position: relative; width:  2em;height:  2em;/* margin-right: 0.75rem; *//* box-shadow: 0 .125rem 0.25rem rgba(0,0,0,.5)!important; */}



.menu-item-holder {
  position: relative;
  
margin-left: 0.75rem;}


footer.footer .container2 .icon.membership::before {
  content: 'Membership';
}

footer.footer .container2 .icon.career::before {
  /* content: 'Career'; */
}

footer.footer .container2 .icon.training::before {
  content: 'Training';
}
footer.footer .container2 .icon.response::before {
  content: 'Response';
}

footer.footer .container .icon#home-button {
  margin-right: auto;
}


footer.footer .container .icon i {

/* width: 0.5em; *//* height: 0.5em; *//* position: absolute; */}



.icon.training2 i:before {
    content: "\f461" !important;
}



.button-card {
  border-color: rgba(0,0,0,0.1) !important;
border-radius: 2rem 0 0 2rem;box-shadow: 0 0 1rem rgba(0,0,0,.15)!important;color:  #fff;overflow: hidden;border-right: none;position: relative;
    width: 100%;height: 100%;}

.button-card h2 {
  font-size: 1.6rem;
  font-family: 'FSEmeric-Book';
  /* word-spacing: 0.4em; */
  position: absolute;
  top: 33%;
  transform: translateY(-50%);
  left:  1rem;
  margin-bottom: 0em;
  }
.button-card .icon {
  font-size: 2.25rem;
position: absolute;top: 50%;transform: translateY(-50%);right: 1rem;}

.button-card .button-description {
  position: absolute;
  top: 55%;
  font-size: 1rem;
  
font-weight: 200;width: 75%;line-height: 1.2;padding-left: 1rem;height: 3rem;margin-bottom: 0;padding-bottom: 0;display: flex;flex-direction: column;justify-content: flex-start;}


.Practitioner .button-card .button-description {
font-size: 1rem;}


.article-inner {
  
  height: 100%;
display: flex;flex-direction: column;position: relative;}


.article-inner-bottom {
  height: 100%;
display: flex;flex-direction: column;justify-content: center;padding: 2rem 0 2rem 2rem;position: relative;/* border-top: solid 1px #eee; */}



.article-inner-bottom2:before {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  background-color: #eee;
  height: 1px;

}
.card-body {
    flex: 1 1 auto;
    padding: 1.5rem 1.5rem;
}

.article-inner-top.card-body {
  padding-bottom: 0;
}

.icon.membership2  i:before {
  content: "\f461" !important;
}

.icon.career2  i:before {
  content: "\f0f9" !important;
}

.icon.training2  i:before {
  content: "\f7e6" !important;
}

.icon.response2  i:before {
  content: "\f0f9" !important;
}






.chat-button {
  padding: 0.75rem 1rem;
  border-radius: 1rem;
  margin-top: 0.75rem;
border-color: rgba(var(--mps-dark-blue),1);

font-weight: 100;position: relative;


border-color: rgba(var(--lu-main-color),1);

font-family: 'FSEmeric-Book';box-shadow: none !important;}


.chat-button.chat-them i {
  /* position:absolute; */
  /* left: 1.5rem; */
  /* top: 0.45rem; */

font-size: 1rem;/* transform: translateX(-50%); */



margin-left: 0.2em;}



.chat-button svg {
  width: 2rem;
  height: 2rem;
}


.chat-button.chat-them {
  margin-right: 5rem;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  text-align: left;
  background-color: rgba(var(--lu-main-color), 0.77);
  color: #fff;
align-self: flex-start;

background-color: rgba(var(--mps-royal-blue),1);

  padding: 1rem 0.75rem 0.75rem 3rem;

  background-color: rgba(var(--lu-main-color),1);
  color: rgba(var(--mps-royal-blue),1);
}


.chat-button.chat-me {
  text-align: right;
  margin-left: 5rem;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-color: rgba(var(--lu-main-color), 0.125);
align-self: flex-end;
  background-color: rgba(var(--mps-royal-blue),0.02);

color: rgba(var(--mps-royal-blue),1)
;/* padding-right: 3.5rem; */
  
}


#career-list tr.action {
  color: #aaa;
color: rgba(var(--lu-main-color), 1);}


#career-list tr {
  background-color: rgba(var(--lu-main-color), 0.1);
}

#career-list {
  border-color: rgba(var(--lu-main-color), 1);
}


#career-list tr.done {
  /*background-color: var(--mps--green) !important;*/
  background-color: rgba(var(--mps--green-rgb),0.1) !important;
  
  color: rgba(var(--mps--green-rgb),1);
}



#career-list .list-thumb {
  background-color: #ccc;
display: block;width: 100%;margin: 0 !important;}



.table#career-list>:not(caption)>*>* {
    padding: 1rem 1.25rem;
    box-shadow: none;
    vertical-align: middle;
    font-size: 1.4em;
    }







.compare-pill {
  color: #ccc;
  background-color: #eee;
  margin: 0.05rem;
  font-size: 1em;
  max-width: 12rem;
  text-align: left;
  overflow: hidden;
  transition: background-color 1s cubic-bezier(0.15, 0.8, 0.3, 1);
  }
.compare-1,
.compare-2,
.compare-3 {
  color: #aaa;
}

.chairsyde-pill {
    color: #FFF;
    background-color: transparent;
    margin: 0.05rem 0.5rem 0.05rem 0.05rem;
    font-size: 1em;
    max-width: 12rem;
    text-align: left;
    overflow: hidden;
border: solid 1px #fff;padding: 0.5em 1em;}


.chairsyde-pill.highlight {
    background-color: #ff426e;
border-color:#ff426e;}



.compare-1 .compare-1 {
  background-color: #743f96;
  color: #fff
}

.compare-2 .compare-2 {
  background-color: #8dadd1;
  color: #fff
}


.compare-3 .compare-3 {
  background-color: #d9e7f1;
  color: #000;
}


.nav-shadow {box-shadow: inset 0 .25rem 1rem rgba(0,0,0,.5)!important;position: absolute;top: -3rem;left: -3rem;right: -3rem;bottom: 0;/* background-color: #f6f6f6; */z-index: 0;}

.scroll-bar-container {background-color: #eee;position: absolute;right: 0.1rem;width: 1em;/* height: 100%; */border-radius: 0.5em;font-size: 0.5rem;transform: translateX(-50%);top: 0.5rem;bottom: 0.5rem;background-color: rgba(var(--lu-main-color), 0.2);z-index: 1000;}

.scroll-bar-thumb {font-size: inherit;width: 100%;border-radius: inherit;background-color: #ccc;height: 6rem;background-color: rgba(var(--lu-main-color), 1);}

.divider {width: 100%;height: 1px;background-color: #ccc;margin-bottom: 1rem;display: block;position: relative;/* content: ''; *//* font-size: 33px; */flex-shrink: 0;}

.article-inner-footer.card-body {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgba(255,255,255,0.95);
  
  

}




#career-list i {
  font-size: 1.4rem;
/* color: #444; */}








.accordion-header {
    margin-bottom: 0;
    position: relative;
    z-index: 1;
/* box-shadow: 0rem 0.25rem 1rem rgba(0,0,0,0.2)!important; */}


.card-open .accordion-header {
box-shadow: 0rem 0.25rem 1rem rgba(0,0,0,0.2)!important;
}

.accordion-footer {position: absolute;bottom: 0;height: 3rem;background-color: rgba(var(--lu-main-color), 0.5) !important;width: 100%;border-radius: 0;display: flex;flex-direction: column;justify-content: center;padding: 0 1rem;}








.quix-box-holder {
  position:relative;
}

.quix-box + .quix-box {
  
/* margin-bottom: 2rem; */padding-top: 2rem;}


.quix-box-spacer {
  height: 2rem;
  width: 100%;
  position: relative;
}


.quix-box {
  opacity: 0.5;
  pointer-events: none;
}

.quix-box.ready {
  opacity: 1;
  pointer-events: auto;
}

.quix-box .card {
  background-color: rgba(var(--lu-main-color), 0.7) !important;
  /* text-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 100%); */
  /* color: #fff; */
  box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
  overflow:hidden;
  border-radius: 2rem;
  box-sizing: border-box;
  /* background-color: rgba(255,255,255, 0.125) !important; */
  /* height: calc(100vh - 30rem); */
  }


.answers {
  opacity: 0;
  transition: opacity 1s cubic-bezier(0.15, 0.8, 0.3, 1);
}

.answered-question .answers {
  opacity: 1;
}


#quiz-end .card {
  height: 5rem !important;
  border-radius: 10rem;
  
}


#restart-quiz {
  color: #000;
}


#restart-quiz svg {
  font-size: 2rem;
}




.quix-box h1 {
  font-size: 1.8rem;
font-weight: 100;padding: 1rem 1rem 0 1rem;font-family: 'FSEmeric-Book';/* color: rgba(var(--lu-main-color), 1); */}
.quix-box::before, .quix-box .card::before {
    /* display: block; */
    padding-top: 150% !important;
    /* content: ""; */
}


.quix-box .card .card-footer {
    color: #fff;
    background-color: rgba(255,255,255, 0.5);
    /* color: rgba(var(--lu-main-color), 1); */
    color: #000;
    position: absolute;
    bottom: 0;
    width:  100%;
    }


.quix-box.disabled-question .card .card-footer ul {
  opacity: 0.25;
  pointer-events: none;
}

.quix-box .card .card-header {
    color: #fff;
    /* background-color: rgba(255,255,255, 1); */
background-color: rgba(var(--lu-main-color), 1);font-size: 2rem;font-family: 'FSEmeric-Book';}

.quix-box .card h2 {

line-height: 1.3;font-weight: 300;font-family: 'FSEmeric-Book';}


.choose {
  height: 4rem;
  border-radius: 2.5rem;
  margin: 0.25rem 0;
  position: relative;
  text-align: left;justify-content: flex-start;padding-left: 4.5rem;color: #000;

}


.question.selected-question .choose {
  opacity: 0.45;
}

.question .choose.selected {
  opacity: 1;
  background-color: rgba(255,255,255);
  color: #000;
  border-color: rgba(var(--lu-main-color), 1);
}

.question.answered-question .choose {
  pointer-events: none;
}


.question.answered-question .choose.selected {
  opacity: 0.45;
  background-color: #ffb500;
}

.question.answered-question .choose[data-answer="correct"] {
  opacity: 1;
  background-color: #c6ff00;
}



.question.disabled-question .choose {
  /* opacity: 1; */
}

.choose.wrong {
  opacity: 0.45;
}


/*
.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
    color: #000;
    background-color: #fff;
    opacity: 1;
    border-color: rgba(var(--lu-main-color), 1);
}

*/







.choose .btn {
 position: absolute;
  left:0.5rem;
  top: 50%;
  transform: translateY(-50%);
}


b, strong {
    font-weight: 100;
font-family: 'FSEmeric-Bold';}





.home-button-holder {
  display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
  align-items: stretch;
gap: 1rem;}


.home-button-holder>* {
  flex-grow: 1;
}




.membership .section-back,
.button-card.membership-block,
.membership .article-content-block-header {
  background-color: rgba(var(--mps-royal-blue),1) !important;
  color: #fff;
}

.practice .section-back,
.button-card.practice-block,
.practice .article-content-block-header {
  background-color: rgba(var(--mps-mid-blue),1) !important;
color: #fff;}

.career .section-back,
.button-card.career-block,
.career .article-content-block-header {
  background-color: var(--mps--pink) !important;
  color: #fff;
}

.training .section-back,
.button-card.training-block,
.training .article-content-block-header {
  background-color: var(--mps--orange) !important;
  color: #fff;
}

.button-card.training-block-1 {
  background-color: rgba(var(--lu-main-color),0.55) !important;  
}
.button-card.training-block-2 {
  background-color: rgba(var(--lu-main-color),0.7) !important;  
}
.button-card.training-block-3 {
  background-color: rgba(var(--lu-main-color),0.85) !important;  
}
.button-card.training-block-4 {
  background-color: rgba(var(--lu-main-color),1) !important;  
}

.rewards .section-back,
.button-card.rewards-block,
.rewards .article-content-block-header {
  background-color: var(--mps--yellow) !important;
  color: #000;
}


.response .section-back,
.button-card.response-block,
.response .article-content-block-header {
  background-color: var(--mps--green) !important;
  color: #fff;
}


.menu-item-holder.membership,
.icon.membership {
  color: rgba(var(--mps-royal-blue),1);
}

.menu-item-holder.practice,
.icon.practice {
  color: rgba(var(--mps-mid-blue),1);
}



.menu-item-holder.career,
.icon.career {
  color: var(--mps--pink);
}


.menu-item-holder.training,
.icon.training {
  color: var(--mps--orange);
}

.menu-item-holder.rewards,
.icon.rewards {
  color: var(--mps--yellow);
}

.menu-item-holder.response,
.icon.response {
  color: var(--mps--green);
}





.practice {
  
}

div.app-type {/* margin-left: auto; */padding-right: 1.5rem;font-size: 2.4rem;font-family: 'FSEmeric-Bold';/* color: rgba(var(--mps-mid-blue),1) !important; */color: rgba(var(--lu-main-color), 1);/* display: none; */position: relative;}



div.app-type svg {
  position: absolute;
  top: 0.5rem;
  left: 100%;
  font-size: 3rem;
  width: 1em;
  height: 1em;
  transform: translate(-50%, -50%);
  margin-left: -1rem;
}

.article-content-block {
  
/* overflow: hidden; */
    /* border-radius: 0.5rem 0 0 0.5rem; *//* box-shadow: 0 0rem 2rem rgba(0,0,0,.15)!important; */flex-direction: column!important;height: 100%!important;display: flex!important;justify-content: center;/* border: 1px solid rgba(0,0,0,.125); */
    /* border-color: rgba(var(--lu-color1), 1); */
    border-color: rgba(var(--lu-main-color), 1);border-right:  none;/* padding-left: 2rem; */z-index: 1;}

.content-block-body {
  
flex-grow: 1;overflow: auto;}





.article-content-block-header {
    margin-bottom: 0;
    position: relative;
    z-index: 1;
    font-size: 1.4rem;
    padding: 1rem;
    /* border-top-left-radius: calc(0.5rem - 10px); */
    /* background-color: red; */
    /* background-color: rgba(var(--lu-main-color), 1) !important; */
    color: #fff;
    /* margin-left: -2rem; */
    /* background-color: rgba(var(--mps-royal-blue),1); */
    padding: 1rem 8rem 1rem 4.125rem;
    border-radius: 0rem 0 0 4rem !important;
    /* margin-bottom: 1rem; */
    font-size: 1.2rem;
    font-weight: 100;
    font-family: 'FSEmeric-Book';
    background-color: #fff;
    box-shadow: 0.25rem 0.125rem 1rem rgba(0,0,0,0.1)!important;
    color: rgba(var(--mps-royal-blue),1);
    line-height: 1.4;
    }







.content-block-holder.active-block .content-block-header-2 {
    margin-bottom: 0;
    position: relative;
    z-index: 1;
    font-size: 1.4rem;
    padding: 1rem;
    /* border-top-left-radius: calc(0.5rem - 10px); */
    /* background-color: red; */
    background-color: rgba(var(--lu-main-color), 1) !important;
    /* color: #fff; */
}


.article-content-block-body {
  flex-grow: 1;
  overflow: hidden;
  /* margin-left: 2rem; */
  /* margin-bottom: 2rem; */
  padding-top: 1rem;
  padding-left: 3.5rem;
  padding-bottom: 7rem;
  display: flex;
  flex-direction: column;
  }


@media (min-width: 768px) {
.article-content-block-body-full {
  padding-bottom: 0rem !important;
margin-bottom: -1rem !important;}
}



.article-content-block-footer {
    margin-bottom: 0;
    position: relative;
    z-index: 1;
    /* padding: 1rem; */
    /* border-top-left-radius: calc(0.5rem - 10px); */
    /* background-color: red; */
    /* background-color: rgba(var(--lu-main-color), 0.5) !important; */
    /* color: #000; */
height: 4rem;}




.content-block2,
.content-block {
  
  overflow: hidden;
  flex-direction: column!important;
  height: 100%!important;
  display: flex!important;
  justify-content: center;
position: relative;}

.content-block2 h4 {
  padding: 1rem 2rem;
border-bottom: solid 1px rgba(var(--lu-main-color), 1);font-size: 1.2rem;margin-bottom: 0;position: relative;z-index: 100;box-shadow: 0rem 0.25rem 0.5rem rgba(0,0,0,0.1)!important;}



.content-block2 h3 {

}


.content-block-holder {
  flex-grow: 1;
  /* height: 100%; */
  overflow: hidden;
  height: 3.5rem;
  transition: height 1s cubic-bezier(0.15, 0.8, 0.3, 1);
  position: relative;
  box-shadow: 0rem 0.25rem 1rem rgba(0,0,0,0.2)!important;
  border-top: solid 1px rgba(var(--lu-main-color), 0.5);
  z-index: 1;
  /* margin-bottom: -0.5rem; */
  display: flex;
  flex-direction: column;
}

.content-block-holder:last-of-type {
  /* margin-bottom: 0; */
  height: 3.5rem;
}

.content-block-holder.active-block {
  height: 100%;
}

.content-block {
  
    border-radius: 0.5rem 0 0 0.5rem;
  box-shadow: 0 0rem 1rem rgba(0,0,0,.1)!important;
  flex-direction: column!important;
  /* border: 1px solid rgba(0,0,0,.125); */
    /* border-color: rgba(var(--lu-color1), 1); */
    border-color: rgba(var(--lu-main-color), 1);
  border-right:  none;
}



.content-block-body {
  flex-grow: 1;
  overflow: hidden;
  /* padding: 1rem; */
  /* background-color: #fff; */
  position: relative;
  /* height: 100%; */
}

.content-block-holder .content-block-body {
  /* display: none; */
}

.content-block-holder.active-block .content-block-body {
  display: block;
}


.content-block-body-padding {
  padding: 2rem 2rem 0rem 2rem;
}


.content-block-inner {
  
background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    /* border-color: rgba(var(--lu-color1), 1); */
    border-color: rgba(var(--lu-main-color), 1);
    /* flex-shrink: 1!important; */
    position: relative;
    box-shadow: 0 -.25rem 0.5rem rgba(0,0,0,0.125)!important;border-right: none !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;flex-shrink: 0!important;
    flex-grow: 1!important;}




.content-block-header {
    margin-bottom: 0;
    position: relative;
    z-index: 1;
    font-size: 1.2rem;
    padding: 1rem 1rem 1rem 1.5rem;
    /* border-top-left-radius: calc(0.5rem - 10px); */
    /* background-color: red; */
    background-color: rgba(var(--lu-main-color), 1) !important;
    color: #fff;
    border-radius: 0.5rem 0 0 0;
    color: #000;
    }


@media (min-width: 768px) {
.content-block-header {
    margin-bottom: 0;
    position: relative;
    z-index: 1;
  font-size: 1.6rem;
padding: 1rem 1rem 1rem 2rem;/* border-top-left-radius: calc(0.5rem - 10px); *//* background-color: red; */background-color: rgba(var(--lu-main-color), 1) !important;color: #fff;border-radius: 0.5rem 0 0 0;color: #000;}


}
.content-block .content-block-header {
  box-shadow: 0rem 0.25rem 1rem rgba(0,0,0,0.2)!important;
  border-top-left-radius: calc(0.5rem - 1px);
  border-top-left-radius: 0;
}


.content-block-header {
    margin-bottom: 0;
    position: relative;
    z-index: 1;
    font-size: 1.2rem;
    padding: 1rem 1rem 1rem 1.5rem;
    /* border-top-left-radius: calc(0.5rem - 10px); */
    /* background-color: red; */
    background-color: rgba(var(--lu-main-color), 1) !important;
    color: #fff;
    border-radius: 0.5rem 0 0 0;
    color: #000;
    }





.content-block-header-2 {
    margin-bottom: 0;
    position: relative;
    z-index: 1;
    font-size: 1.2rem;
    padding: 0 1rem 0 1rem;
    position: relative;
    background-color: #fff;
    color: rgba(var(--lu-main-color), 1);
    /* box-shadow: 0rem 0.25rem 1rem rgba(0,0,0,0.2)!important; */
    /* border-top: solid 1px rgba(var(--lu-main-color), 0.5); */
    /* margin-top: -1px; */
    margin-bottom: -0.25rem;
    color: #000;
    font-family: 'FSEmeric-Book';
    height: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all 0.6s cubic-bezier(0.15, 0.8, 0.3, 1);
    flex-shrink: 0;
    }


.content-block-header-2:before {
    content: "";
  position: absolute;
  display: block;
  
  background-color: rgba(var(--lu-main-color), 0.125);
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.content-block-header-222::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}

.content-block-header-2::after {
  content: "";
  position: absolute;
  right: 1rem;
  top: 50%;
    background-image: url(img/arrow-down.svg);
  transform: translateY(-50%) rotate(-90deg);
font-size: 1.2rem;width: 1em;height: 1em;}



.content-block-holder.active-block .content-block-header-2::after {
  display: none;
}

.content-block-header-2:last-of-type {
  /* padding-bottom: 0.5rem; */
  /* margin-bottom: 0; */
  }


.content-block-footer {
    margin-bottom: 0;
    position: relative;
    z-index: 1;
padding: 0.25rem 1rem;/* border-top-left-radius: calc(0.5rem - 10px); *//* background-color: red; */background-color: rgba(var(--lu-main-color), 0.5) !important;color: #000;box-shadow: 0rem 0.125rem 1rem rgba(0,0,0,0.2)!important;}






.training-block-12,
.training-block-22,
.training-block-32,
.training-block-42 {
  background-color: rgba(var(--lu-main-color), 1);
}

.training-block-12 {
  background-color: rgba(var(--mps--orange-rgb), 0.4);
}

.training-block-22 {
  background-color: rgba(var(--mps--orange-rgb), 0.6);
}
.training-block-32 {
  background-color: rgba(var(--mps--orange-rgb), 0.8);
}
.training-block-42 {
  background-color: rgba(var(--mps--orange-rgb), 1);
}


.training-block-12 svg,
.training-block-22 svg,
.training-block-32 svg,
.training-block-42 svg {
  fill: rgba(var(--mps--orange-rgb), 1);
}



.Student .training-block-22,
.Student .training-block-32,
.Student .training-block-42 {
  background-color: rgba(var(--lu-main-color), 0.125);
}

.Student .training-block-12 .button-card-inner .icon > * {
  fill: rgba(var(--mps--orange-rgb), 1);
}

.Student .training-block-22 .button-card-inner .icon > *,
.Student .training-block-32 .button-card-inner .icon > *,
.Student .training-block-42 .button-card-inner .icon > * {
  opacity: 1;
  
}


.Student .training-block-22 .text-white,
.Student .training-block-32 .text-white,
.Student .training-block-42 .text-white {
  color: rgba(var(--lu-main-color), 1) !important;
}

@media (max-width: 767px) {
footer.footer .container .icon .icon-text {
  
  position: absolute;
  left: 50%;
  top: -0.75rem;
  font-size: 0.6rem;
  transform: translate(-50%, -50%)
;font-family: 'FSEmeric-Book';color: inherit;display: block;width: 150%;}


  .menu-item-holder .icon-text {
  position: absolute;
  z-index: 1;
font-size: 0.7rem;top: -0.4rem;left:  50%;transform: translate(-50%, -50%);width:  100%;align-items: center;text-align: center;}

#main-nav .app-type {
  /* display: flex; */
margin-left: auto;}

  
}



#search-box {
  display: none;
}


@media (min-width: 768px) {


  html {
  font-size: 12px;
    
}


  footer.footer .container .icon .icon-text {
  
  font-size: 0.6rem;
  font-family: 'FSEmeric-Book';
    color: inherit;
    display: inline-block;
  }


  
  

  

  
  .top-heading h2 {
    text-align: center;
  font-size: 2.6rem;
  height: 100%;padding-top: 0;padding-bottom: 0;padding-left: 16rem;}
  
  
  .top-heading {
  height: 5rem;
}





  
  .article-content {
    
  /* margin-left: 10rem; */}

.article-content-block-body {
  
padding-left: 20rem;padding-right: 0rem;padding-bottom: 2rem;}

  .article-content-block-header {
    margin-left: 16rem;
  font-size: 1.4rem;/* border-radius: 0rem 0 0 3rem !important; */}
  



  .article-content:after {
    left: 18rem;
}


  .article-content:before {
    height: calc(100% - 2rem);
}


  footer.footer {
  height: 5rem;
  
  display: flex;
flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 0 !important;
    background-color: rgba(255,255,255,1);
    box-shadow: none;
    position: fixed;
    top: 0;z-index: 10000;
    width: auto;right: 0;}


footer.footer .container .icon#home-button {
    display: none;
}

  .top-heading h2 .dropdown {


  font-size: 3.25rem;right: auto;left: 1.5rem;}
  
.top-heading h2 .dropdown2 {
    margin-left: -1rem;
  order: -1;
  margin-right: 1rem;
  top: calc(100% + 0.7rem);
  transform: translateY(-50%);
/* box-sizing: border-box; */}

  .top-heading .icon {
    
font-size: 2.3rem;}



  .menu-item-holder {
    
display: flex;align-items: center;margin-left: 0.75rem;margin-right: 0.75rem;margin-right: 0.25rem;}



    .menu-item-holder .icon-text {
    /* margin-right: 0.5em; */font-size: 1.2rem;margin-left: 0.5em;order: 2;}


  footer.footer .container .icon {
    font-size: 1.2rem;
}


  footer.footer .container .input-group {
    margin-left: 0.5rem;
  }



  div.app-type {
    margin-right: auto;
  /* border-left:  solid 1px #ccc; *//* padding-left: 0.5em; *//* margin-left: 0.25rem; */font-size: 1.8rem;}



  .navbar-brand img {
    height: 3rem;
}


  .bd-cheatsheet section {
    /* margin-bottom: 11rem; */
    /* padding-top: 0rem; */
/* padding-top: 2rem; */}

  .bd-cheatsheet section {
    /* top: 5rem; */
    /* scroll-margin-top: 5rem; */
  }

  .bd-cheatsheet section, .bd-cheatsheet section > h2 {
    /* top: 5rem; */
    /* scroll-margin-top: 5rem; */
}


  .bd-cheatsheet article, .bd-cheatsheet .bd-heading {
    top: 8rem;
    scroll-margin-top: 8rem;
}

  #search-box {
  display: flex;
}
  
  
}







.side-menu {
  position: absolute;
  top: 11rem;
  left: 0.75rem;
width: 19rem;}

.side-menu > * {
  margin-top: 0 !important;
  margin-bottom: 0.75rem !important;
}



@media (max-width: 767px) {
  .side-menu {
    display: none;
  }

}



.side-menu .selected > img, .side-menu svg {
  width: 3rem;
  height: 3rem;
background-color: rgba(var(--lu-main-color), 1);padding: 0.5rem;margin-right: 0.5rem;border-radius: 0.5rem;}


.side-menu .selected svg {
  

background-color: #fff;}


.side-menu p {
  
align-self: center;font-size: 0.9rem;}

.side-menu .selected {
  background-color: #fff;
width: 100%;position: relative;z-index: 100;}


.side-menu .selected p {


font-size: 1rem;}






.nav-tabs-2 {
  /* border-bottom: solid 1px #ccc; */
justify-content: space-between;gap:  0;flex-wrap: nowrap;position: sticky;top: 0;z-index: 1000;background-color: rgba(var(--lu-main-color), 1);overflow: hidden;border-radius: 1rem 0rem 0 0;height: 5rem;}



.nav-tabs-2 .nav-link,
.nav-tabs-3 .nav-link{
    padding: 1rem 0.75rem;
margin: 0;color: rgba(0,0,0,0.5);text-align: center;/* height: 100%; */line-height: 1.2;display: flex;flex-direction: column;justify-content: center;height: 100%;}

.nav-tabs-2 .active .nav-link {
  color: rgba(0,0,0,1);
color:  #fff;/* font-size: 1.2rem; *//* line-height: 3rem; */}



.nav-tabs-3 .active .nav-link {
  color: rgba(0,0,0,1);
  color:  #fff;/* font-size: 1.2rem; *//* line-height: 3rem; */
flex-direction: row;}



.nav-item {
  margin: 0;
  background-color: rgba(var(--lu-main-color), 1);
}

.nav-tabs-2 .nav-item,
.nav-tabs-3 .nav-item {
  flex-grow: 1;

border-left: solid 1px #fff;}


.nav-tabs-2 .nav-item:first-child,
.nav-tabs-3 .nav-item:first-child {

border-left: none;/* border-top-left-radius: 1rem; */}

.nav-tabs-2 .nav-item:last-child {

/* border-top-right-radius: 1rem; */}

.nav-tabs-2 .nav-item.active,
.nav-tabs-3 .nav-item.active {
  background-color: #fff;
/* border-radius: 1rem 1rem 0 0; */background-color: rgba(var(--mps-mid-blue),1);/* margin-bottom: -1rem; *//* height: 3rem; *//* margin-bottom: 5px; */}

.nav-tabs-3 .nav-item.active {
background-color: rgba(var(--mps-mid-blue),0.75);
}

.nav-tabs-3 .nav-item {
  opacity: 0.5;
  
}

.nav-tabs-3 .nav-item.active {
  opacity: 1;
  
/* flex-shrink: 0; *//* flex-grow: 1; */}

.nav-tabs-3 {
  /* border-bottom: solid 1px #ccc; */
justify-content: space-between;gap:  0;flex-wrap: nowrap;position: sticky;top: 0;z-index: 1000;background-color: rgba(var(--lu-main-color), 0.75);overflow: hidden;/* border-radius: 1rem 0rem 0 0; */border-top: solid 1rem rgba(var(--mps-mid-blue),1);/* margin-top: 1px; */border-bottom: solid 1rem rgba(var(--mps-mid-blue),0.75);}



.nav-tabs-4 {
  
flex-direction: column;width: 15rem;flex-shrink: 0;}

.nav-tabs-5 {
  
flex-direction: column;width: 13rem;flex-shrink: 0;}


.practice-box {
  border-top: solid 1rem rgba(var(--mps-mid-blue),1);
  /* height: 100%; */
}

.practice-box .nav-item {
  background-color: rgba(var(--mps-mid-blue),1);
  border-top: solid 1px #fff;
}

.practice-box .nav-item > * {
  color: #fff;
}

#exampleModalDefault2 .modal-dialog {


  /* background-image: url(img/PHONE-CONTENT-2.jpg) !important; */

  background-size: contain;
  
/* background-color: #fff; */padding: 9.6rem 1.3rem 14.7rem 1.3rem;opacity: 1;/* box-shadow: 0rem 0rem 1rem rgba(0,0,0,0.5)!important; */}


#exampleModalDefault2 .card-header {
  padding: 0 1.5rem;
  height: 4.4rem;
display: flex;align-items: center;justify-content: flex-start;text-align: left;background-color: #fff;}



#exampleModalDefault2 .header-logo-image {
  /* position: absolute; */
  /* top:0; */
  
height: 3rem;margin-right: auto;width: auto;}




#exampleModalDefault2 div.app-type-2 {
    /* margin-left: auto; */
    padding-right: 0.5rem;
    font-size: 2rem;
    font-family: 'FSEmeric-Bold';
    /* color: rgba(var(--mps-mid-blue),1) !important; */
    color: rgba(var(--lu-main-color), 1);
    /* display: none; */
color: rgba(var(--mps-royal-blue),1) !important;}



#exampleModalDefault2 .card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: rgba(var(--lu-color1), 0.75);
    background-clip: border-box;
    border: none;
    border-radius: 1rem;
    overflow: hidden;
    border-color: rgba(var(--lu-color1), 1);
    background-color: #fff;
    border-color: rgba(var(--lu-main-color), 1);
background-color: rgba(var(--lu-main-color), 1);box-shadow: 0rem 0rem 2rem rgba(0,0,0,0.3)!important;}



#exampleModalDefault2 .card-footer {
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  height: 5rem;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  }




#exampleModalDefault2 .barcode {
  height: 5rem;
}



#exampleModalDefault2 .card-title {
    margin-bottom: 0.5rem;
    font-weight: 100;
    font-size: 1.6rem;
}




.train-button {
  font-size: 1.2rem;
  width: 100%;
  padding: 0 0.5em 0 1em;
  margin: 1em 0;
color: #000;color: #000;background-color: rgba(var(--lu-main-color), 1);}


.train-button small {
  
display: inline-block;margin-left: 0.5em;opacity: 0.25;/* margin-left: auto; */}


.content-block2 .train-button {
  width: auto;
  
/* font-size: 2rem; */}

.intro-sub {
  margin-bottom: 0;
  margin-top: 0.5rem;
  font-family: 'FSEmeric-Book';
  font-size: 1.2rem;
  padding-right: 6rem;
}




.progress {
  
font-size: 1rem;height: 3.5rem;background-color: rgba(var(--lu-main-color), 0.5);height: 100%;/* background-color: rgba(36,48,94,0.2); */}

@media (min-width: 768px) {
.progress {
  
font-size: 1.4rem;
}
}



.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: right;
    white-space: nowrap;
    background-color: rgba(var(--lu-main-color), 1);
    transition: width .6s ease;
    padding-right: 1rem;
padding-left: 1rem;/* height: 100%; */background-color: rgba(36,48,94,1);}






.reward-image {
  /* background-color: rgba(var(--mps--yellow-rgb), 1); */
  
font-size: 2rem;}


@media (min-width: 768px) {
.reward-image {
  
  
font-size: 3rem;}
}


.content-block2 h5 {
  
font-size: 1.4rem;font-family: 'FSEmeric-Book';margin: 0;background-color: #e9ecef;height: 100%;display: flex;flex-direction: column;justify-content: center;padding-left: 0.5rem;
  
  padding-left: 0rem;
  
    padding-bottom: 0.5rem;}


@media (min-width: 768px) {
  .content-block2 h5 {
    padding-top: 0.5rem;
    padding-left: 1rem;
  }

}


#rewards .content-block2 h5 {
  background-color: transparent;
}

#training .content-block2 h5 {
  background-color: transparent;
}


@media (min-width: 768px) {

#rewards .content-block2 h5 {
  background-color: rgba(var(--mps--yellow-rgb), 0.2);
}
#rewards .content-block2 .claimed h5 {
  background-color: rgba(var(--mps--yellow-rgb), 0.4);
}
#training .content-block2 h5 {
  background-color: rgba(var(--mps--orange-rgb), 0.2);
}

  #training .content-block2 .claimed h5 {
  background-color: rgba(var(--mps--orange-rgb), 0.4);
}

  

}

.reward-image img {
  width: 100%;
  height: 100%;
border-radius: .25rem;/* padding: 0 0 0 1rem; */}




.progress-text {
  
font-size: 1rem;line-height: 1.2;}



@media (min-width: 768px) {
.progress-text {
  margin: 0.5rem 0;
font-size: 1.4rem;}


}



.list-group-item {
    border-color: rgba(var(--mps--yellow-rgb), 0.75);
}

.points {
  

  
  color: rgba(0,0,0, 1);
  
  font-size: 1.6rem;/* margin-left: 0.25rem; */border-radius: 0.25rem;}



#rewards .points {
  background-color: rgba(var(--mps--yellow-rgb), 0.25);
}
#training .points {
  background-color: rgba(var(--mps--orange-rgb), 0.25);
}







#rewards .claimed .points, #rewards .claimed .progress-bar {
  
background-color: rgba(var(--mps--yellow-rgb), 0.6) !important;
/* color: rgba(0,0,0, 1); */}

#training2 .content-block2 .claimed h5, #training .claimed .points, #training .claimed .progress-bar {
  
background-color: rgba(var(--mps--orange-rgb), 0.6) !important;
/* color: rgba(0,0,0, 1); */}





.claimed .points {
  
font-size: 1.8rem;}


@media (min-width: 768px) {

  #rewards .content-block2 .claimed h5 {
    background-color: rgba(var(--mps--yellow-rgb), 0.6) !important;
  }
.claimed .points {
  
font-size: 2rem;}

}

.content-block2 .claimed h5 {
  
font-size: 1.6rem;/* padding-left: 1rem; *//* padding-top: 0.5rem; *//* padding-bottom: 0.5rem; */border-radius: 0.25rem;}


@media (min-width: 768px) {
.content-block2 .claimed h5 {
  
font-size: 1.8rem;
}
}



.content-block2 h3 {
  margin: 0;
font-size: 1.4rem;line-height: 1.5rem;}


.claimed .progress-bar {
  
font-size: 1rem;text-align: left;color: #000;/* padding-left: 1rem; */}

#rewards .claimed .progress-bar {
  /* background-color: rgba(var(--mps--yellow-rgb), 1) !important; */
background-color: rgba(36,48,94,1) !important;color: #fff;}

#training .claimed .progress-bar {
  background-color: rgba(var(--mps--orange-rgb), 1) !important;
}

@media (min-width: 768px) {
.claimed .progress-bar {
  
font-size: 1.6rem;
}
}










.mps-icon {
  font-size: 2rem !important;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  background-color: #fff;
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
  background-image: url(img/logo-mps-oval-01.svg) !important;
background-repeat: no-repeat;background-position: center;background-size: 80%;}





.larger-menu {
  font-size: 1.25rem;
/* flex-shrink: 0; *//* flex-grow: 1; */
position:relative;width:  100%;}

.larger-menu .nav-link {
  text-align: left;
flex-direction: row;justify-content: flex-start;align-items: center;/* color: rgba(0,0,0,0.25); *//* padding-left: 2rem; */}

.menu-no {
  
font-size: 2rem;color: #fff;/* float: left; *//* position: absolute; */
/* left: 1rem; *//* float: left; */display: inline-block;margin-right: 0.25em;opacity: 0.5;}



.active .menu-no {
  opacity: 1;
}



#calendar th {
  width: 18%;
}


#calendar th:first-child {
  width: auto;
background-color: aliceblue;/* font-weight: 400; */font-family: 'FSEmeric-Bold';}


#calendar thead th {
font-family: 'FSEmeric-Bold';
/* font-size: 1.4rem; */background-color: aliceblue;}

.pagination-lg {
  
font-size: 2rem;}

.pagination-lg .page-item {
  /* height: 2em; */
}


.pagination-lg .page-item:first-child,
.pagination-lg .page-item:last-child {
  width: 2em;

}

.pagination-lg .page-link {
  height: 3em !important;
  padding: 0;
  box-sizing:border-box;
  height: 100%;
  display: block;
}






.gs-c-promo {/* display: flex; *//* flex-direction: row-reverse; */}




.gs-c-promo-image {
  width: 50%;
/* flex-shrink: 0; */margin-right: 1rem;/* order: 1; */;float: left;}


.gs-c-promo-image img {
  width: 100%;
}




.gs-c-promo-body {
  order: 0;
}




.gs-o-list-inline {
  display: none;
}




.gs-c-promo-heading {
  text-decoration:none;
  color: #ccc;
  font-weight: 100;
}


.gs-c-promo-heading__title {
  font-weight: 100;
  font-size: 1.4rem;
line-height: 1.2;
}


#calendar span {
  display: flex;
  
}

#calendar th,
#calendar td {
  /* padding: 1rem; */
}

#calendar td {
  font-size: 1.1rem;
background-color: #f6f6f6;color: #d6d6d6;}



.available {/* background-color: #49fb35 !important; */
           
           color: #fff;background-color: #fff !important;color: #000 !important;}







.image-holder {
  
height: 100%;/* background-image: url(img/chairsyde-1.jpg); */background-repeat: no-repeat;background-size: cover;background-position: center bottom;position: relative;}





.image-holder-top {
  
color: #fff;position: absolute;width:  100%;padding: 1rem 1.5rem;font-size: 1rem;}




.image-holder-top table th {
  padding-right: 2rem
}



.debit-card {
    width: 100%;
    height: 180px;
    padding: 20px;
    background-color: #0093E9;
    background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
    position: relative;
    border-radius: 5px;
    box-shadow: 3px 3px 5px #0000001a;
    transition: all 0.3s ease-in;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    opacity: 0.35;
}

.debit-card.selected {
  opacity: 1;
}

.card-2 {
    background-color: #21D4FD;
    background-image: linear-gradient(116deg, #21D4FD 0%, #B721FF 100%);
}


.debit-card input[type="radio"] {
    appearance: none;
    width: 20px;
    height: 20px;
    background-color: rgb(255 255 255 / 0.125);
    position: relative;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
  border: solid 1px #fff;
}

.debit-card.selected input[type="radio"] {
    background-color: rgb(255 255 255 / 0.85);
}

.debit-card .input {
  margin-left:auto
}

.debit-card .visa {
    width: 50px;
    height: 20px;
    object-fit: fill;
}


.debit-card .master {
    width: 5rem;
    height: 50px;
    object-fit: fill;
}


.debit-card + .debit-card {
  margin-top: 1rem;
}








#spider-holder {
  width: 100%;
  position: relative;
  
}


#spider-holder img {
  width: 100%;
  height: auto;
  /* clip: rect(0px,60px,200px,0px); */
  position: absolute;
  top: 0;
  left:0;
  opacity: 0;
  transition: opacity 1s cubic-bezier(0.15, 0.8, 0.3, 1);
}

#spider-holder img#base {
  position: relative;
  opacity: 1;
}


.compare-1 #spider-1 {
  opacity: 1;
}

.compare-2 #spider-2 {
  opacity: 1;
}

.compare-3 #spider-3 {
  opacity: 1;
}

#mental-modal,
#wallet-modal {
  pointer-events: auto;
  text-decoration: none;
}
#wallet-modal {
  font-size: 1.4rem;
  height: 4rem;
  padding-right: 0.5rem;
}


#mental-modal svg {
  position: absolute;
  top: calc(0.5rem - 1px);
  right: calc(0.5rem - 1px);
}


svg.external-link {
  width: 1em !important;
  height: 1em !important;
  font-size: 3rem !important;
  padding: 0.2rem !important;
  margin-left: auto;
}




#mental-modal-box {
  background: #ccc;
  background-image: url(img/togetherall.png);
  background-size: 100% auto;
  background-position: top;
  background-repeat: no-repeat;
}




#wallet-modal-box {
  background: #ccc;
  background-image: url(img/wallet.jpg);
  background-size: 100% auto;
  background-position: top;
  background-repeat: no-repeat;
}