@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Reggae+One&display=swap');

a {
    text-decoration: none;
    color: #994b7f;
}

a:hover {
    color: #60365e;
}

.card:hover{
    /*transform: scale(1.05);*/
    box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06); !important;
}

.pagination > li > a
{
    background-color: white;
    color: #37474f;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover
{
    color: #37474f;
    background-color: #eee;
    border-color: #ddd;
    box-shadow: 0 0 0 0.2rem rgba(180, 180, 180, 0.5);
}

.pagination > .active > a
{
    color: white;
    background-color: #37474f !Important;
    border: solid 1px #37474f !Important;
}

.pagination > .active > a:hover
{
    background-color: #37474f !Important;
    border: solid 1px #37474f;
}

.uncolored_img {
    filter: grayscale(100%);
    opacity: 0.1;
}

.wrap_images img {
    width: 100%;
    height: 270px;
    object-fit: cover;
}



.navbar-brand {
    color: white;
    font-family: 'Open Sans', sans-serif;
    font-weight: bolder;
    transition: 0.7s;
}

#navbarDropdownMenuLink {
    color: white;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}
#navbarDropdownMenuLink:hover {
    color: #004d40;
}

.custom_tag {
    background-color: #994b7f;
    outline: none;
    color: #fff;
}

.custom_btn_back {
    background-color: #78909c;
    outline: none;
    color: #fff;
}
.custom_btn_back:hover {
    background-color: #37474f;
    color: #fff;
}
.custom_btn_back:active,
.custom_btn_back:focus {
    color: #fff;
    box-shadow: 0 0 0 0.2rem rgba(168, 168, 168, 0.5);
}

.custom_tag:hover {
    background-color: #60365e;
    color: #fff;
}
.custom_tag:active,
.custom_tag:focus,
.custom_btn_back:active,
.custom_btn_back:focus
{
    color: #fff;
    box-shadow: 0 0 0 0.2rem rgba(153, 75, 127, 0.5);
}

.dropdown-item:active,
.dropdown-item:focus
{
    background-color: #60365e;
    color: #fff;
}


/*pagination*/
@media (max-width: 635px) {
    #pagination_big
    {
        display: none;
    }
}
@media (min-width: 635px) {
    #pagination_small
    {
        display: none;
    }
}