body {
    /* Sets site-wide font face */
    /* Font link in global-head.blade.php */
    /*font-family: 'Open Sans', sans-serif;*/

    font-family: 'Montserrat', 'Open Sans', sans-serif;
    background-color: #595959;
    color: white;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}

a {
    color: #5a7ddb;
}

a:hover {
    color: #4d6cc1;
}

.cursor-pointer {
    cursor: pointer;
}

.container-banner {
    /* Adds padding to the bottom of a banner image container-fluid */
    /* Intended to be used on the first element on a page */
    padding-bottom: 3rem;
}

.bg-black {
    background-color: #000!important;
}

.bg-dark {
    background-color: #2d2d2d!important;
}

.bg-darker {
    background-color: #171717!important;
}

.bg-aqua {
    background-color: #54BBBA;
}

.font-size-80p {
    font-size: 80%;
}

.font-small {
    font-size: 0.8rem;
}
.font-smaller {
    font-size: 0.75rem;
}

.bg-img {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.a-ratio-16x9 {
    width: 100%;
    padding-top: 56.25%;
    position: relative;
}

.a-ratio-16x10 {
    width: 100%;
    padding-top: 62.5%;
    position: relative;
}

.a-ratio-4x3 {
    width: 100%;
    padding-top: 75%;
    position: relative;
}

a.noDecoration {
    text-decoration:none!important;
    color: black;
}
a.noDecoration:hover {
    color: grey!important;
}

.no-link {
    text-decoration: none!important;
}

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-item:hover>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #00ffff;
    /*font-weight:bold;*/
}

.admin-body {
    padding-top:56px;
    background-color: white;
    color: inherit;
}

.sticky {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 56px;
}

.mt-2rem {
    margin-top: 2.5rem;
}

.mb-2rem {
    margin-bottom: 2.5rem;
}

.border-3 {
    border-width: 3px!important;
}
button.navbar-toggler:focus {
    outline: none;
}

.bar1, .bar2, .bar3 {
    width: 40px;
    height: 8px;
    background-color: #fff;
    margin: 8px 0;
    transition: 0.4s;
    /*border-radius: 3px;*/
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-12x, 10px);
    transform: rotate(-45deg) translate(-12px, 10px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-12px, -10px);
    transform: rotate(45deg) translate(-12px, -10px);
}

#nav-container.active {
    background-color: rgba(84,187,186,0.5);
}

.navbar-nav .nav-item {
    text-align: right;
    text-transform: uppercase;
    font-weight: bold;
}
.navbar-nav .nav-item .nav-link {
    color: white;
    cursor: pointer;
    font-weight: 400;
}

@media (max-width: 767px) {
    #nav-container.active {
        background-color: rgba(84,187,186,1);
    }
}