a {
    color: #00b4d8 !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.h7,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #fac748;
}

#header-container {
    background-color: #03045e !important;
    /* background-image: url(../images/pattern.png);
    background-position-y: bottom;
    background-repeat-x: repeat;
    background-repeat-y: no-repeat;
    background-size: 20px; */
}

#language-container a span {
    color: #fac748;
}

/* #language-container a.active span {
    color: #ffffff;
}

#language-container a.active {
    background-color: #fac748 !important;
} */

#search-submit-button {
    background-color: #fac748 !important;
    border-color: #fac748 !important;
    color: #ffffff;
}

#search-submit-button:hover {
    text-decoration: underline;
}

#js-scroll-nav {
    margin: 0 auto;
}

@media (max-width: 576px) {
    #map {
        height: 300px !important;
    }
    .grid-sizer,
    .pool-article {
        width: 100% !important;
    }
    #home-title-container h1 {
        font-size: 1.5rem !important;
        text-align: center;
    }
}

@media screen and (max-width: 960px) {
    /* 5 columns for larger screens */
    .grid-sizer,
    .pool-article {
        width: 100% !important;
    }
}

#map {
    height: 600px;
    width: 900;
    background-color: #03045e;
    border-color: #03045e !important;
}

#header-section .container-fluid {
    padding-top: 1rem !important;
    color: #03045e !important;
}

#header-section .container-fluid h1 {
    color: #fac748 !important;
    text-shadow: -1px 0 black, 0 3px black, 1px 0 black, 0 -1px black;
}

.g-color-primary {
    color: #00b4d8 !important;
}

.g-bg-primary--hover.active,
.g-bg-primary--hover:hover {
    background-color: #fac748 !important;
}

.g-bg-primary--hover:hover span {
    color: #ffffff !important;
}

.u-btn-primary {
    background-color: #00b4d8 !important;
    border-color: #00b4d8 !important;
}

.u-btn-primary:hover,
.u-btn-primary.active {
    background-color: #03045e !important;
    border-color: #03045e !important;
}

.g-bg-primary--hover.active span {
    color: #ffffff;
}

#left-side-intro-content {
    padding-left: 0;
}

#left-side-intro-content div:nth-child(1) {
    z-index: 401;
    background-color: #03045e;
    padding: 55px;
}

.leaflet-top,
.leaflet-bottom {
    z-index: 400 !important;
}

.grid-sizer,
.pool-article {
    width: 32%;
}

.pool-article .g-brd-gray-light-v3 {
    border-color: #00b4d8 !important;
}

.pool-article footer div:nth-child(1) {
    color: #03045e !important;
}

.pool-article i {
    color: #00b4d8 !important;
}
.pool-article .news-comment-container {
    padding: 1.07143rem !important;
}
.pool-article .news-comment-container p {
    color: #03045e !important;
    /* font-weight: bold; */
    font-size: 1.28571rem !important;
    margin: 0;
}

.g-brd-gray-light-v4 {
    border-color: #00b4d8 !important;
}

a.u-go-to-v1 {
    background-color: #fac748 !important;
}

a.u-go-to-v1 i {
    font-size: 24px;
    color: #ffffff;
}

.tab-pane {
    /* height: 232px; */
    overflow-x: auto;
}

.btn-primary {
    background-color: #03045e !important;
    border-color: #03045e !important;
}

.btn-primary:hover {
    text-decoration: underline;
}

#reservation-modal p,
#reservation-modal label {
    color: #000000;
    font-size: 12px;
}

# .g-bg-primary--before::before,
#reservation-modal .g-bg-primary--after::after {
    background-color: #03045e !important;
}

#admin-section .btn-primary {
    background-color: #4fd2c2 !important;
}

#admin-section .btn-primary:hover {
    background-color: #00b4d8 !important;
    text-decoration: none;
}

#admin-section .btn-group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.u-go-to-v1 {
    z-index: 600 !important;
}

.btn-province-filter {
    background-color: #fac748 !important;
    border-color: #fac748 !important;
    color: #ffffff !important;
    font-weight: bold;
}
.btn-province-filter.active {
    text-decoration: underline;
    background-color: #ffb800 !important;
    border-color: #ffb800 !important;
}
.btn-province-filter:hover {
    text-decoration: underline;
    background-color: #ffb800 !important;
    border-color: #ffb800 !important;
}

/* NEW TEMPLATE */
main {
    margin-top: 90px !important;
}
.u-block-hover:hover .g-color-primary--hover,
.g-color-primary--hover:hover {
    color: #ffb800 !important;
}
.g-brd-primary-dark-v1--hover:hover {
    border-color: #ffb800 !important;
    background-color: #ffb800 !important;
}
.g-brd-blue-v3 {
    border-color: #03045e !important;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    border-color: #03045e !important;
}
p {
    color: #000000 !important;
    margin: 0;
}
#language-container a.active {
    color: #ffb800 !important;
    text-decoration: underline;
}

.reservation-btn {
    background-color: #ffb800 !important;
    color: #ffffff !important;
}
.reservation-btn:hover {
    background-color: #f5f5f5 !important;
    color: #212529 !important;
}

#courseFormFilter label {
    color: #00b4d8 !important;
}

#courseFormFilter label:hover {
    cursor: pointer;
    text-decoration: underline;
}
.g-bg-size-cover {
    background-size: contain !important;
    /* background-color: #CCC; */
    background-repeat: no-repeat !important;
    margin: 5px;
}
.blockquote-footer::before {
    content: "";
}

#home-title-container h1 {
    text-shadow: -1px 0 #ffb600, 0 1px #ffb600, 1px 0 #ffb600, 0 -1px #ffb600;
    color: #03045e;
}

#home-title-container span {
    color: #03045e !important;
}