@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Quattrocento:wght@400;700&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "DM Serif Display", serif;
}

body {
	font-family: "Quattrocento", serif;
}

a.nav-link,
a.nav-btn,
button.nav-btn {
	font-family: "DM Serif Display", serif;
	font-size: 1.4em;
}

a:link,
a:active,
a:visited {
	text-decoration: none;
	color: #696969;
}

a:hover {
	color: #000;
}

a.dashboard-link {
	display: flex;
	border: 1px solid #696969;
	background-color: #fff;
	color: #696969;
	height: 100px;
	max-width: 350px;
	justify-content: center;
	align-items: center;
}

a.dashboard-link:hover {
	color: #000;
	background-color: #e6e6e6;
}

section#hero {
  background-image: url("https://www.campbellhousemuseum.ca/wp-content/uploads/2022/03/20220210_103944-scaled.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

section#hero::after {
  content:"";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  z-index: 5;
}

.overlay-text {
	position: relative;
	z-index: 10;
}

.museum-image {
    height: 200px;
    object-fit: cover;
}

.card-button {
	display: flex;
	justify-content: center;
	align-items: end;
}

    .pagination {
        margin-top: 20px;
    }
    .pagination .page-item.active .page-link {
        background-color: #495057;
        border-color: #495057;
		color: #fff;
    }
    .pagination .page-link {
        color: #000;
    }
    .pagination .page-link:hover {
        background-color: #e9ecef;
    }
    #error_message{
        color:red;
      }