/*
Theme Name: Fabulous Events
Author: Digital Edenz
Description: Custom Fabulous Events homepage with retained React animations, WordPress content fields, native blog, pages and gallery blocks.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: fabulous-events
License: GPL-2.0-or-later
*/
.fe-page {
    padding: 160px 24px 80px;
    min-height: 70vh;
    background: #f5f0e9;
    color: #27121b
}

.fe-page-inner {
    max-width: 1120px;
    margin: auto
}

.fe-page h1 {
    font-size: clamp(36px, 6vw, 70px);
    line-height: 1.1;
    margin: 0 0 32px
}

.fe-page h2 {
    font-size: 28px;
    margin: 24px 0 14px
}

.fe-prose {
    max-width: 850px;
    font-size: 18px;
    line-height: 1.8
}

.fe-prose p,
.fe-prose ul,
.fe-prose ol {
    margin: 0 0 20px
}

.fe-prose ul {
    list-style: disc;
    padding-left: 24px
}

.fe-prose ol {
    list-style: decimal;
    padding-left: 24px
}

.fe-page a {
    text-decoration: underline
}

.fe-featured {
    max-width: 100%;
    height: auto;
    border-radius: 18px;
    margin: 0 0 30px
}

.fe-post-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(290px, 100%), 1fr));
    gap: 24px
}

.fe-post-card {
    background: white;
    border-radius: 18px;
    padding: 22px
}

.fe-post-card img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    border-radius: 12px
}

.admin-bar #fe-header header,
.admin-bar #site-root header {
    top: 32px
}

@media(max-width:782px) {

    .admin-bar #fe-header header,
    .admin-bar #site-root header {
        top: 46px
    }

    .fe-page {
        padding-top: 125px
    }
}

#fe-header {
    position: relative;
    z-index: 50
}

#fe-header header {
    background: #241018 !important
}
/* Mobile navbar position */
@media (max-width: 782px) {
  #fe-header header,
  #site-root header {
    position: fixed;
    top: 0 !important;
    left: 0;
    right: 0;
    width: 100%;
  }

  /* Visible WordPress admin toolbar */
  body.admin-bar #fe-header header,
  body.admin-bar #site-root header {
    top: 46px !important;
  }
}

/* WordPress toolbar scrolls away on small screens */
@media (max-width: 600px) {
  #wpadminbar {
    position: fixed !important;
  }
}