@charset "UTF-8";
@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css');
/*!
 * Promusement Party Rental - Bootstrap 5.3.3 Overrides
 * Base layer: only custom overrides on top of BS5
 */
@import url('https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Montserrat:wght@400;600;700;800&family=Lato:ital,wght@0,400;0,700;1,400&display=swap');

:root {
  --primary: #1abc9c;
  --secondary: #2c3e50;
  --accent: #ff13ad;
  --bs-font-sans-serif: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

a { color: #1abc9c; }
a:hover { color: #117964; }

.page-section { padding: 6rem 0; }
.page-section .page-section-heading { font-size: 2.25rem; line-height: 2rem; }
@media (min-width: 992px) {
  .page-section .page-section-heading { font-size: 3rem; line-height: 2.5rem; }
}

.btn-xl { padding: 1rem 1.75rem; font-size: 1.25rem; }
.btn-social { border-radius: 100%; display: inline-flex; width: 3.25rem; height: 3.25rem; font-size: 1.25rem; justify-content: center; align-items: center; }

#mainNav { padding-top: 0.5rem; padding-bottom: 0.5rem; font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-weight: 700; background-color: rgba(44, 62, 80, 0.95); }
#mainNav .navbar-brand { color: #fff; }
#mainNav .navbar-nav { margin-top: 1rem; }
#mainNav .navbar-nav li.nav-item a.nav-link { color: #fff; }
#mainNav .navbar-nav li.nav-item a.nav-link:hover { color: #1abc9c; }
#mainNav .navbar-toggler { font-size: 80%; padding: 0.8rem; }

@media (min-width: 992px) {
  #mainNav { padding-top: 0.5rem; padding-bottom: 0.5rem; transition: padding-top 0.3s, padding-bottom 0.3s, background-color 0.4s; }
  #mainNav .navbar-brand { font-size: 0.75rem; transition: font-size 0.3s; }
  #mainNav .navbar-nav { margin-top: 0; }
  #mainNav.navbar-shrink { padding-top: 0.3rem; padding-bottom: 0.3rem; }
  #mainNav.navbar-shrink .navbar-brand { font-size: 1.5em; }
}

.footer { padding-top: 5rem; padding-bottom: 5rem; background: var(--gradient-dark); color: #fff; }
.copyright { background-color: #1a252f; }