html {
  font-size: 14px;
}

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

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

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

body {
  margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

/* Double Shift Customisations 
    Primary
    Monavate Yellow: #dfff00
    Bold Black:      #202133
    Off White:       #f9f8f5
    Background Grey: #ebeff9

    Secondary
    Dove Grey:       #7b869e
    Soft Grey:       #dfebee
    Aqua:            #47ecd1

*/

body {
    color: #202133;
    background-color: #ebeff9;
}

.img-logo {
    width: 8rem;
    margin-right: 2rem;
}

.tag {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 1rem;
    padding-right: 1rem;
}

.img-small-logo {
    width: 2rem;
    margin-right: 1rem;
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
}

.footer-link-monavate-copy {
    color: #202133;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
}

.btn-monavate-dark {
    color: #f9f8f5;
    background-color: #202133;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
}
    .btn-monavate-dark:hover {
        color: #202133;
        background-color: #dfff00;
    }

    .btn-monavate-dark:focus {
        box-shadow: 0 0 0 0.1rem #ebeff9;
        box-shadow: 0 0 0 0.25rem #dfff00;
    }

.btn-monavate-light {
    color: #202133;
    background-color: #dfff00;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
}

    .btn-monavate-light:hover {
        color: #f9f8f5;
        background-color: #202133
    }

    .btn-monavate-light:focus {
        box-shadow: 0 0 0 0.1rem #ebeff9;
        box-shadow: 0 0 0 0.25rem #202133;
    }

.monavate-header {
    color: #dfff00 !important;
    background-color: #202133 !important;
}

    .monavate-header .link-monavate {
        color: #dfff00 !important;
        background-color: #202133 !important;
    }

.form-control-monavate {
    border: 1px solid #7b869e;
}

    .form-control-monavate:focus {
        box-shadow: 0.25rem 0.25rem #202133;
    }

.link-monavate, .link-monavate a {
    color: #202133;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
}
    .link-monavate:hover, .link-monavate a:hover {
        color: #7b869e;
        text-decoration: underline;
    }

.accordion-button.collapsed::after {
    background: url("/img/plus.svg");
    background-size: 1.5rem;
}

.accordion-button:not(.collapsed)::after {
    background: url("/img/dash.svg");
    background-size: 1.5rem;
}

.contactus-logo-bg-light {
    background-color: #ebeff9;
    display: flex;
}

.contactus-logo-bg-dark {
    color: #f9f8f5;
    background-color: #202133;
    display: flex;
}

.card-highlighted {
    background: radial-gradient(circle farthest-corner at 30% 20%, #dfff00 0%, #47ecd1 100%);
}