@import url('https://fonts.googleapis.com/css?family=Courgette|Bebas+Neue|Roboto:wght@400;700;900&display=swap');

:root {
    --grey-light: #eee;
    --green: #057d3e;
    --green-dark: #00652F;
    --blue: #022983;
    --blue-dark: #012169;

    --shadow: 0 6px 20px rgba(0,0,0,0.15);
}

.mtb-2 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.mr-6{
    margin-right: 6px;
}

body {
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
}

form .form-group label:not(.form-check-label){
    /*font-weight: 700;*/
    margin-bottom: 0;
}

form h3 {
    background: var(--green);
    padding: 0.5rem;
    text-align: center;
    font-size: 22px;
    color: white;
    margin-top: 1rem;
}

.form-group table {
    width: 100%;
}

.form-group th {
    text-align: center;
    font-weight: 400;
}

input.form-check-inline-text {
    height: 36px;
    width: 36px;
    padding: 6px;
    margin-right: 12px;
}

.postal-code-input {
    text-transform: uppercase;
}

input.form-control.form-control-inline {
    display: inline;
    width: auto;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.prescription {
    border: 2px solid var(--green);
    padding: 1rem;
    margin-bottom: 1rem;
}

.prescription label, .prescription th {
    font-family: 'Courgette', cursive;
}

table.likert .form-check-input {
    position: relative;
    margin-top: 0;
    margin-left: 0;
}

table.likert td:not(:first-child) {
    text-align: center;
}

table.likert td{
    padding: 0.5rem 0.25rem;
}

table.likert th {
    padding: 0 0.25rem 0.5rem 0.25rem;
}


table.likert tr:nth-child(even) td{
    background-color: var(--grey-light);
}

div.alert p:last-child, div.alert div.form-group {
    padding-bottom: 0;
    margin-bottom: 0;
}

/* Headings */
h1, h2, h3, h4, h5, h6, .navbar-brand {
    font-family: 'Bebas+Neue', apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 700;
    color: var(--color-primary);
    z-index: 8;
}

h2 {
    margin-top: 4rem;
    font-weight: 700;
}

h3 {
    font-size: 1.5rem;
}

/* Bootstrap Overrides */
/* Buttons */
.btn-primary, .btn-primary:visited, 
.button, .button:visited {
    background: var(--green);
    color: white;
    text-decoration: none;
}

.btn-primary:hover, .btn-primary:visited:hover, .btn-primary:active, .btn-primary:focus, .button:active:focus, 
.button:hover, .button:visited:hover, .button:active, .button:focus, .button:active:focus {
    background: var(--green-dark);
    color: white;
    text-decoration: none;
}

body{
  display:flex;
  flex-direction:column;
  min-height:100vh;
}

.main {
    flex: 1;
}