/* Add here all your CSS customizations */

.hero-animated {
    background: url(../images/pattern1.png);
    background-repeat: repeat;
    background-size: contain;
    background-position: bottom;
    box-sizing: border-box;
    -webkit-animation: slide 20s linear infinite;
}

@-webkit-keyframes slide {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -400px 0;
    }
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem #ffc107;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(217, 20, 32);
}

.pattern-side {
	position: absolute;
    right: 0;
    bottom: 0;
}

.pagination .page-link:hover:not(.next):not(.prev) {
    color: #ffffff;
    border: 1px solid #d4a339;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #184d47;
    border-color: #d4a339;
    border-width: initial;
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(195, 155, 58);
}

#header .header-nav-main nav> ul> li> a:hover {
    color: #6c757d !important;
}

.footer-pattern-right {
    position: absolute;
    right: 0;
    bottom: 0;
}

.footer-pattern-left {
    position: absolute;
    left: 0;
    bottom: 0;
}