html {
  font-size: 14px;
}

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

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

body {
    margin-bottom: 60px;
    font-family: 'Gabarito', sans-serif;
    background: linear-gradient(170deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 49%, rgba(236,236,236,1) 100%);
}

table a:hover {
    color: #003a5e;
}

table a::after {
    content: " \00BB";
}

.bg-dark {
    background-color: #003a5e !important;
}

.logo {
    padding-right: 4px;
}

.nav {
    font-weight: 700;
}

.navbar-brand {
    letter-spacing: 1.5px !important;
    color: #6eb5ed !important;
}
/*Customized Stackable Tables on Results Page*/
.rst {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
    margin-bottom: 2rem;
    background-color: white;
}

    .rst td {
        padding: .8rem;
        border: 1px solid #dad7dd;
    }

    .rst th {
        border: 1px solid #dad7dd;
        padding: .8rem;
        background-color: #f2f2f4;
    }

    .rst thead {
        border-bottom: 3px solid #dad7dd;
    }

    .rst.with-mobile-labels {
        font-size: 1em;
    }

/* Pagination links */
.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
}

/* Style the active/current link */
.pagination a.active {
    background-color: dodgerblue;
    color: white;
}

/* Add a grey background color on mouse-over */
.pagination a:hover:not(.active) {
    background-color: #ddd;
}

@media (max-width: 1199px) {
    .container {
        width: auto;
        padding: 0 3.3em;
    }
}

@media (max-width: 767px) {
    .rst td:nth-of-type(3) {
        border-bottom-width: 20px;
    }

    .rst thead {
        display: none;
    }

    .rst tr,
    .rst th,
    .rst td {
        display: block;
    }

    .rst td {
        border-top: none;
    }

    .rst tr td:first-child {
        border-top: 1px solid #ddd;
        font-weight: bold;
    }

    .rst.with-mobile-labels tr td:first-child {
        font-weight: 300;
    }

    .rst.with-mobile-labels td:before {
        display: inline-block;
        font-weight: bold;
    }
    /*	Extend button in mobile view*/
    .ext-mobile-button {
        width: 100%;
        text-transform: uppercase;
    }


    .rst.with-mobile-labels td:nth-of-type(1):before {
        content: "Address:\a0";
    }

    .rst.with-mobile-labels td:nth-of-type(2):before {
        content: "Event:\a0";
    }

    .rst.with-mobile-labels td:nth-of-type(3):before {
        content: "Status:\a0";
    }
}