body {
    font-family: 'Oswald', sans-serif;
    overflow-x: hidden
}
a {
    text-decoration: none;
}

/* ------ Colours ------ */
:root, [data-bs-theme="light"] {
  --bs-primary: #00BBD6;
  --bs-primary-rgb: 0, 187, 214;
  
  --bs-secondary: #F62DAE;
  --bs-secondary-rgb: 246, 45, 174;

  --bs-success: #d1e7dd;
  --bs-success-rgb: 209, 231, 221;

  --bs-danger: #f8d7da;
  --bs-danger-rgb: 248, 215, 218;

  --bs-warning: #fff3cd;
  --bs-warning-rgb: 255, 243, 205;

  --bs-info: #cff4fc;
  --bs-info-rgb: 207, 244, 252;

  --bs-light: #f8f8ff;
  --bs-light-rgb: 248, 248, 255;

  --bs-dark: #0D1321; 
  --bs-dark-rgb: 13, 19, 33;

  --bs-white: #FEFEFF;     
  --bs-white-rgb: 254, 254, 255;
}


/* Marquee/Scrolling text CSS animation */
.marquee-container {
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%; /* Prevents marquee content from expanding the page width */
}

.marquee-text {
  display: inline-block;
  font-family: 'Oswald', sans-serif;
  font-weight: 500; /* Set your preferred custom weight here */
  padding-left: 100%;
  animation: marquee 20s linear infinite;
}

@keyframes marquee {
  0% { transform: translate(0, 0); }
  100% { transform: translate(-100%, 0); }
}

.site-header nav {
    padding: 1rem 0
}

.navbar-nav li a {
    color: var(--bs-dark);
    padding:0 0.5rem 0.4rem;
    border-bottom: 3px solid transparent;
    &:hover {
        color: var(--bs-primary);
        border-bottom: 3px solid var(--bs-secondary);
    }
  }

.navbar-nav li.current-menu-item a {
    color: var(--bs-primary);
    border-bottom: 3px solid var(--bs-secondary);
  }

@media (min-width: 992px) {
  .navbar-nav {
    display: flex;
    flex-direction: row;
  }
  .navbar-nav li {
    margin-right: 1rem;
    list-style: none;
    padding: 0.5rem 0;
  }
  .navbar-nav li a {
    text-decoration: none;
    font-size: 1.5rem;
  }
}

@media (max-width: 991.98px) {
  #mobile-navigation {
        --bs-offcanvas-width: 100vw;
    }
    #mobile-navigation .offcanvas-body {
        display: flex;
        justify-content: center; /* vertical */
    }
    #mobile-navigation .navbar-nav {
        width: 100%;
    }
    .navbar-nav {
    display: flex;
    flex-direction: column;
  }
  .navbar-nav:first-child {
    margin-top: 1rem;
  }
  .navbar-nav li {
    margin: 0.5rem 0;
    list-style: none;
  }
  .navbar-nav li a {
    text-decoration: none;
    font-size: 1.5rem;
  }
}


.retro-layout .v-height {
    height: 240px;
}
.retro-layout .h-entry {
    display: block;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.retro-layout .gradient {
    position: relative;
}
.retro-layout .h-entry.gradient {
    position: relative;
}
.retro-layout .h-entry.mb-30 {
    margin-bottom: 30px;
}
.retro-layout .h-entry.gradient:before {
    z-index: 1;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(18%, transparent), color-stop(99%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8)));
    background: -o-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
}
.retro-layout .h-entry .featured-img {
    position: absolute;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}
.retro-layout .text {
    position: absolute;
    bottom: 0;
    z-index: 10;
    padding: 20px;
    max-width: 350px;
}
.retro-layout .text span {
    color: rgba(255, 255, 255, 0.7);
    font-size: 12px;
    display: block;
    margin-bottom: 5px;
}
.retro-layout .h-entry .date {
    font-size: 15px;
}
.retro-layout .text h2, .retro-layout .text .h2 {
    color: #fff;
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 0;
}
@media (max-width: 767.98px){
.retro-layout .img-5 {
    height: 240px !important;
    margin-bottom: 30px;
    margin-top: 30px;
}
}

.card-hover {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.card-hover .card-body {
    flex: 1;
}

.card-hover .card-img-top {
    width: 100%;
    max-height: 250px;
    aspect-ratio: 1.42 / 1;
    object-fit: cover;
}

footer a {
    color: inherit;
    text-decoration: none;
    border: none;
}