/*
Theme Name: Blank HTML
Description: A minimal theme with no layout so you can write raw HTML in posts/pages.
Author: Nik Rawlinson
Version: 1.0
*/



.container .row .navbar {
	margin-bottom: 2em;
}

.category-header {
  margin-bottom: 2em;
}
.card-title a {
  text-decoration: none;
}

.masonry-grid {
  column-count: 3;
  column-gap: 1.5rem;
}

@media (max-width: 768px) {
  .masonry-grid {
    column-count: 1;
  }
}

.masonry-item {
  break-inside: avoid;
  margin-bottom: 1.5rem;
}

.masonry-grid h5 a {
	text-decoration: none!important;
	border: 0!important;
}

.card-img-top {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.masonry-item a {
	color: black;
	text-decoration: none;
}


h5.card-title, h5.card-title a {
	padding-bottom: 0!important;
	margin-bottom: 0!important;
	text-decoration: none;
	color: black;
}

.navbar-nav .current-menu-item > a,
.navbar-nav .current-menu-ancestor > a {
  background: linear-gradient(to right, #FF1493, #FFD700);
  color: white;
}

nav .navbar {
	text-align: right;
}

.navbar-brand {
  background: linear-gradient(to right, #FFFFFF, #FF1493);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.nav-link.active {
  background: linear-gradient(to right, #FF1493, #C71585);
  color: white !important;
  border-radius: 0.375rem; /* optional for rounded corners */
}
.navbar-brand {
  font-size: 1.75rem; /* adjust as needed */
  line-height: 1;
}


main a, main a:visited, .footerarea a, .footerarea a:visited {
	color: #FF1493!important;
	text-decoration: none;
	border-bottom: 1px dotted #FF1493;
}
main a:hover, .footerarea a:hover {
	border-bottom: 3px solid #FF1493;
}


nav a, nav a:hover, .card a, .card a:hover, .card-title a, .card-title a:hover {
	border: 0px!important;
}

figure a, figure a:hover {
	border: 0px;
}

h1, h2, h3, h4 {
	font-family: "cinemasunday"!important;
}
body h1 {
	font-size: 4em!important;
}
body h2 {
	font-size: 3em!important;
}

body h3 {
	font-size: 2em!important;
}
.fancytext {
	font-family: "cinemasunday"!important;
}

.footerarea {
margin-top: 4em;
background-color: black;
color: white;
padding: 4em 0em;
}

.divider {
    width: 100%;
    height: 20px; /* Adjust to the height of your image */
    background-image: url('pink_divider.png');
    background-repeat: repeat-x;
    background-position: bottom center;
    background-size: auto;
    margin: 1em 0em 2em 0em!important;
}

.pagination {
    display: flex;
    justify-content: center; /* Center the number links */
    gap: 0.5rem;
    margin-top: 2em;
    margin-bottom: 2em;
}

.pagination .prev {
    margin-right: auto; /* Push it to the left */
}

.pagination .next {
    margin-left: auto; /* Push it to the right */
}