:root {
    --clr-prim-blue: #0d6efd;
}

html {
  font-size: 14px;
  user-select: none;
}

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

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.flex{
    display: flex;
}

.v-center{
    align-items: center;
}

.h-center{
    justify-content: center;
}

.img-wrapper{
    margin: 0 auto;
    width: 40vh;
}

.mar-0a{
    margin: 0 auto;
}

.role-badge{
    font-size: 0.6rem;
    outline: 0.1rem solid red;
    border-radius: 0.25rem;
    padding: 0.25rem;
    margin: 0 0.25rem 0 0.25rem;
}

a:hover,
a:focus-within{
    color: var(--clr-prim-blue) !important;
    transition: 250ms ease-in-out;
}

.ptr-lock{
    cursor: not-allowed;
}

.ptr-click{
    cursor: pointer;
}

.pad-top-8{
    padding-top: 0.8rem;
}

.pad-top-4{
    padding-top: 0.4rem;
}

.min-w-9{
    min-width: 9rem;
}

.min-w-5{
    min-width:5rem;
}

.select-text{
    user-select: text;
}

.no-deco{
    text-decoration: none;
}

.small-text{
    font-size: 0.5rem;
}

.text-card-lg{
    font-size: 5.5rem;
}

.text-card-md{
    font-size: 3rem;
}

.text-card-sm{
    font-size: 1.5rem;
}

.text-gray-800 {
    color: rgb(150, 143, 132);
}

.fill-gray {
    fill: rgb(150, 143, 132);
}

.tmp-svg{
    padding: 2.5rem;
    box-sizing: border-box;
}

.scale-hover > div{
    transition: 250ms ease-in-out;
}

.scale-hover > div:hover,
.scale-hover > div:focus-within{
    transform: scale(1.05);
}

.nav-pills > li {
    transition: 250ms ease-in-out;
}

.nav-pills > li:hover,
.nav-pills > li:focus-within{
    transform: scale(1.05);
}

.fc-timegrid-event-harness:hover{
    cursor: pointer;
}

.tmp{
    transition: 250ms ease-in-out;
}

.font-mono{
    font-family: 'Cascadia Mono';
}

.card-img-wrapper{
    width: 40%;
    height: 20rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}

.card-img-wrapper > img,
.card-img-wrapper > svg{
    border-radius: 0.7rem;
    overflow: hidden;
}

.card-img-wrapper > img{
    height: 100%;
    width: auto;
}

.card-text-wrapper{
    width: 60%;
    padding-right: 1rem;
}