@import url(https://fonts.googleapis.com/css?family=Montserrat:500,300);
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
@import url(https://fonts.googleapis.com/css?family=Quicksand:500,300,700);
@import url('https://fonts.googleapis.com/css?family=Quicksand&display=swap');
@import url("navbar.css?v=1586534037");

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.clearfix { clear: both }
.centered {
    position: fixed; /* or absolute */
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
}
.eye-height {
    position: fixed; /* or absolute */
    top: 40%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
}
#mdb-preloader { background-color: #fff; }

.spinner-blue-only {
    border-color: #ed146a !important;
}
.spinner-blue-only.mat-progress-spinner svg path {
    stroke: #ed146a !important;
}
a {
    color: rgba(0,0,0,.5)
}
a:hover, a:active {
    color: #da4873;
    text-decoration: none;
}
h1, h2, h3, h4 {
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    font-style: normal;
}
h1 {
    /* color: #ed146a; */
    font-size: 20px;
}
h2 {
    /* color: #2d386b; */
    font-size: 16px;
}
.qs {
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
}

/* .box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); } */

.fa-fw {
    margin-right: 10px;
}
#splash {
    background-color: white;
    /* padding-top: 3.40rem; */
}
.container-fluid {
    padding: 0px; 
    margin: 0 auto;
    position: relative;

}
#splash > .spacer1 {
    margin: 0 auto;
    height: 0.5em;
    position: relative;
    background-color: #7B787C;
}
#splash > .spacer2 {
    margin: 0 auto;
    height: 0.5em;
    position: relative;
    background-color: #494149;
}
#splashsvg {
    background-repeat:no-repeat;
    width: 100%;
    max-height: 25rem;
    height:auto;
    padding-top: 1rem;
}
.container-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    color: black;
    font-weight: 500;
    font-style: normal;
}
#headshot {
    width: 300px;
    height: 300px;
    object-fit: cover;
    display: block;
    padding: 1rem 1rem 1rem 1rem;
}
thead tr th:first-child,
tbody tr td:first-child {
  width: 3em;
  min-width: 2em;
  max-width: 4em;
  word-break: break-all;
  /* word-wrap: break-word; */
}
table > tbody > tr > td.date {
/* table td .date{ */
    /* height: 60px !important; */
}
.card {
    font-family: 'Montserrat', sans-serif;
    border-radius: 12px;
    margin-top: 1rem;
    font-weight: 500;
    font-style: normal;
    /* background-repeat: repeat; */
    /* background-image: url(/dev/img/diamond_pattern.svg); */

}
.card-title {
    font-weight: 700;

    }
.card-text {
    text-align: justify;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    padding-bottom: 2vh;
}
.hilight { 
    background-color: #f4c7d4;

}
#biomore{
    float: right;
    margin-bottom: 1rem;

}

#level .container {
    display: inline-block;
    margin: 1rem 0rem 1rem 0rem;
}
.level-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    color: black;
    margin-bottom: 1rem;
    font-weight: 500;
    font-style: normal;
    /* text-decoration: underline !important; */
}
#level-abs{
    margin: 0rem 1rem;
    background-color: #e37293;
    border-radius: 12px;
}
#level-abs > .card-title {
    background-color: #e37293;
    color: white;
}
#level-abs > p {
    background-color: #e37293;
    color: white;
}
#level-beg{
    margin: 0rem 1rem;
    background-color: #7b7b7c;
    border-radius: 12px;
}
#level-beg > .card-title {
    background-color: #7b7b7c;
    color: white;
}
#level-beg > p {
    background-color: #7b7b7c;
    color: white;
}
#level-elem{
    margin: 0rem 1rem;
    background-color: #494149;
    border-radius: 12px;
}
#level-elem > .card-title {
    background-color: #494149;
    color: white;
}
#level-elem > p {
    background-color: #494149;
    color: white;
}
#tutulogo {
    max-height: 10rem;
}
.tippy-tooltip.dark-custom-theme {
    background-color: #494149;
    color:white;
}
.fa-shopping-cart, .fa-user {
    font-size: 16px;
    color: rgba(0,0,0,.6)
}