/*
Theme Name: Riddim And Poetry
Theme URI: https://riddimandpoetry.com/
Author: Kumar
Author URI: https://lskumar.com/
Description: Custom theme for Riddim And Poetry - Hip Hop Culture Hub
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: riddimandpoetry
Tags: hip-hop, culture, music, modern, responsive
*/

/* Add your custom styles below */


/* Custom CSS Variables */
:root {
    --primary-gold: #f5ab1f;
    --primary-gold-dark: #c48919;
    --dark-bg: #1a1a1a;
    --dark-secondary: #222222;
}

/* Gradient Text Classes */
.gradient-text {
    background: linear-gradient(90deg, rgba(245,171,31,1) 0%, rgba(247,188,76,1) 49%, rgba(253,238,210,1) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.gradient-text-white {
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(249,205,121,1) 49%, rgba(255,255,255,1) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

/* Background Classes */
.hero-bg {
    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%), url('./assets/images/4.jpg') 50% 50% / cover;
}

.events-bg {
    background: radial-gradient(50% 50% at -24% -22%, rgba(255,187,0,1) 0%, rgba(26,26,26,1) 100%);
}

.layout-bg {
    background: radial-gradient(50% 50% at 106% -5%, rgba(255,187,0,1) 0%, rgba(26,26,26,1) 100%);
}

.stories-bg {
    background: radial-gradient(50% 50% at 109% -19%, rgba(255,187,0,1) 0%, rgba(26,26,26,1) 100%);
}

.main-content-bg {
    background: radial-gradient(50% 50% at 106% -5%, rgba(255,187,0,1) 0%, rgba(26,26,26,1) 100%);
}

.logo-section-bg {
    background: radial-gradient(50% 50% at 82% -116%, rgba(255,187,0,1) 12%, rgba(34,34,34,1) 85%);
}

.future-vision-bg {
    background: linear-gradient(0deg, rgba(0,0,0,0.2) 100%, rgba(0,0,0,0.2) 100%), url('./assets/images/5.jpg') 50% 50% / cover;
}

.stay-connected-bg {
    background: radial-gradient(50% 50% at -37% 154%, rgba(255,187,0,1) 12%, rgba(34,34,34,1) 85%);
}

.card-events-bg {
    background: linear-gradient(0deg, rgba(0,0,0,0.85) 28%, rgba(0,0,0,0) 55%), url('./assets/images/4.jpg') 50% 50% / cover;
}

.card-membership-bg {
    background: linear-gradient(0deg, rgba(0,0,0,0.85) 28%, rgba(0,0,0,0) 55%), url('./assets/images/1.jpg') 50% 50% / cover;
}

.card-rentals-bg {
    background: linear-gradient(0deg, rgba(0,0,0,0.85) 28%, rgba(0,0,0,0) 55%), url('./assets/images/2.jpg') 50% 50% / cover;
}

.card-merchandise-bg {
    background: linear-gradient(0deg, rgba(0,0,0,0.85) 28%, rgba(0,0,0,0) 55%), url('./assets/images/3.jpg') 50% 50% / cover;
}

.backdrop-blur {
    backdrop-filter: blur(20.05px);
    -webkit-backdrop-filter: blur(20.05px);
}

.text-shadow {
    text-shadow: 0px 8px 8px -4px rgba(0,0,0,0.08);
}

/* Blog Template Specific Styles */
.prose {
    color: #ffffff;
}

.prose h1{
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.prose h2{
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.prose h3{
    font-size: 1.75rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

.prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 {
    color: #ffffff;
    font-weight: bold;
}

.prose p {
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.7;
    margin-bottom: 1.5rem;
}

.prose a {
    color: var(--primary-gold);
    text-decoration: none;
}

.prose a:hover {
    color: var(--primary-gold-dark);
    text-decoration: underline;
}

.prose blockquote {
    border-left: 4px solid var(--primary-gold);
    padding-left: 1rem;
    margin: 2rem 0;
    font-style: italic;
    color: rgba(255, 255, 255, 0.7);
}

.prose ul, .prose ol {
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 1.5rem;
}

.prose li {
    margin-bottom: 0.5rem;
}

.prose code {
    background: rgba(255, 255, 255, 0.1);
    padding: 0.2rem 0.4rem;
    border-radius: 0.25rem;
    color: var(--primary-gold);
}

.prose pre {
    background: rgba(0, 0, 0, 0.3);
    padding: 1rem;
    border-radius: 0.5rem;
    overflow-x: auto;
    margin: 1.5rem 0;
}

.prose pre code {
    background: none;
    padding: 0;
    color: #ffffff;
}

/* Pagination Styles */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    margin-top: 3rem;
}

.pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    text-decoration: none;
    border-radius: 0.5rem;
    transition: all 0.3s ease;
}

.pagination .page-numbers:hover,
.pagination .page-numbers.current {
    background: var(--primary-gold);
    color: var(--dark-bg);
}

.pagination .prev,
.pagination .next {
    padding: 0 1rem;
    width: auto;
}

/* Responsive Design */
@media (max-width: 768px) {
    .prose {
        font-size: 1rem;
    }
    
    .prose h1 {
        font-size: 1.75rem;
    }
    
    .prose h2 {
        font-size: 1.5rem;
    }
    
    .prose h3 {
        font-size: 1.25rem;
    }
    
    .pagination {
        flex-wrap: wrap;
    }
    
    .pagination .page-numbers {
        width: 2rem;
        height: 2rem;
        font-size: 0.875rem;
    }
}

/* Contact Form 7 Styles */
.wpcf7-form {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.wpcf7-form label {
    color: rgba(255, 255, 255, 0.5);
    font-size: 1rem;
    margin-bottom: 0.5rem;
    display: block;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
    width: 100%;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0.75rem;
    border-radius: 0.5rem;
    color: #ffffff;
    font-size: 1rem;
    transition: all 0.3s ease;
}

.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form input[type="tel"]:focus,
.wpcf7-form textarea:focus {
    outline: none;
    border-color: var(--primary-gold);
    background: rgba(255, 255, 255, 0.15);
}

.wpcf7-form input[type="text"]::placeholder,
.wpcf7-form input[type="email"]::placeholder,
.wpcf7-form input[type="tel"]::placeholder,
.wpcf7-form textarea::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.wpcf7-form textarea {
    min-height: 120px;
    resize: vertical;
}

.wpcf7-form input[type="submit"] {
    background: var(--primary-gold);
    color: var(--dark-bg);
    border: 1px solid var(--primary-gold-dark);
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    align-self: flex-start;
}

.wpcf7-form input[type="submit"]:hover {
    background: rgba(245, 171, 31, 0.9);
    transform: translateY(-1px);
}

.wpcf7-form input[type="submit"]:active {
    transform: translateY(0);
}

.wpcf7-response-output {
    margin: 1rem 0;
    padding: 1rem;
    border-radius: 0.5rem;
    font-weight: 500;
}

.wpcf7-response-output.wpcf7-mail-sent-ok {
    background: rgba(34, 197, 94, 0.1);
    border: 1px solid rgba(34, 197, 94, 0.3);
    color: #22c55e;
}

.wpcf7-response-output.wpcf7-validation-errors {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    color: #ef4444;
}

.wpcf7-response-output.wpcf7-spam-blocked {
    background: rgba(245, 158, 11, 0.1);
    border: 1px solid rgba(245, 158, 11, 0.3);
    color: #f59e0b;
}

.wpcf7-response-output.wpcf7-mail-sent-ng {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    color: #ef4444;
}

.wpcf7-not-valid-tip {
    color: #ef4444;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

.wpcf7-form-control-wrap {
    position: relative;
}

.wpcf7-form-control-wrap .wpcf7-not-valid {
    border-color: #ef4444 !important;
}

.wpcf7-form-control-wrap .wpcf7-not-valid:focus {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

/* Responsive Contact Form */
@media (max-width: 768px) {
    .wpcf7-form {
        gap: 1rem;
    }
    
    .wpcf7-form input[type="submit"] {
        width: 100%;
        align-self: stretch;
    }
    
    .wpcf7-response-output {
        font-size: 0.875rem;
        padding: 0.75rem;
    }
}

/* Comments Form Styling */
.comments-area {
    margin-top: 3rem;
}

.comment-form {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 1rem;
    padding: 2rem;
    margin-top: 2rem;
}

.comment-form h3 {
    color: #ffffff;
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

.comment-form label {
    color: #ffffff;
    font-weight: 500;
    margin-bottom: 0.5rem;
    display: block;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 0.75rem;
    padding: 0.75rem 1rem;
    color: #ffffff;
    width: 100%;
    transition: all 0.3s ease;
}

.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form input[type="url"]:focus,
.comment-form textarea:focus {
    outline: none;
    border-color: var(--primary-gold);
    box-shadow: 0 0 0 3px rgba(245, 171, 31, 0.1);
}

.comment-form input[type="text"]::placeholder,
.comment-form input[type="email"]::placeholder,
.comment-form input[type="url"]::placeholder,
.comment-form textarea::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.comment-form input[type="submit"] {
    background: var(--primary-gold);
    color: var(--dark-bg);
    border: none;
    border-radius: 0.75rem;
    padding: 0.75rem 2rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    cursor: pointer;
    transition: all 0.3s ease;
}

.comment-form input[type="submit"]:hover {
    background: var(--primary-gold-dark);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(245, 171, 31, 0.3);
}

.comment-form input[type="submit"]:active {
    transform: translateY(0);
}

/* Comment list styling */
.comment-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.comment-list .children {
    list-style: none;
    padding-left: 2rem;
    margin-top: 1.5rem;
}

.comment-list .children .comment {
    border-left: 3px solid var(--primary-gold);
    padding-left: 1.5rem;
    margin-left: -1.5rem;
}

.comment-body {
    background: rgba(255, 255, 255, 0.03);
    border-radius: 1rem;
    padding: 1.5rem;
    margin-bottom: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.comment-author {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.comment-author .avatar {
    border-radius: 50%;
    border: 2px solid var(--primary-gold);
}

.comment-author .fn {
    font-weight: 600;
    color: #ffffff;
    font-style: normal;
}

.comment-author .says {
    color: rgba(255, 255, 255, 0.6);
    font-style: italic;
}

.comment-metadata {
    margin-bottom: 1rem;
}

.comment-metadata a {
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    font-size: 0.875rem;
}

.comment-metadata a:hover {
    color: var(--primary-gold);
}

.comment-content {
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.6;
}

.comment-content p {
    margin-bottom: 1rem;
}

.comment-content p:last-child {
    margin-bottom: 0;
}

.comment-respond {
    margin-top: 2rem;
}

.reply {
    margin-top: 1rem;
}

.reply a {
    color: var(--primary-gold);
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.5rem 1rem;
    background: rgba(245, 171, 31, 0.1);
    border-radius: 0.5rem;
    transition: all 0.3s ease;
}

.reply a:hover {
    background: rgba(245, 171, 31, 0.2);
    color: var(--primary-gold);
}

.comment-awaiting-moderation {
    color: var(--primary-gold);
    font-style: italic;
    font-size: 0.875rem;
    margin-top: 0.5rem;
}

.edit-link {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.875rem;
}

.edit-link a {
    color: var(--primary-gold);
    text-decoration: none;
}

.edit-link a:hover {
    text-decoration: underline;
}

/* Comment navigation */
.comment-navigation {
    margin-top: 2rem;
}

.comment-navigation .nav-previous,
.comment-navigation .nav-next {
    display: inline-block;
}

.comment-navigation .nav-previous {
    float: left;
}

.comment-navigation .nav-next {
    float: right;
}

.comment-navigation::after {
    content: "";
    display: table;
    clear: both;
}

/* Responsive comment adjustments */
@media (max-width: 768px) {
    .comment-list .children {
        padding-left: 1rem;
    }
    
    .comment-author {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .comment-form .grid {
        grid-template-columns: 1fr;
    }
    
    .comment-navigation .nav-previous,
    .comment-navigation .nav-next {
        float: none;
        display: block;
        margin-bottom: 1rem;
    }
} 


/* Membership Page */
:root {
        --section-heading-2-font-family: "Manrope", Helvetica;
        --section-heading-2-font-size: 64px;
        --section-heading-2-font-style: normal;
        --section-heading-2-font-weight: 700;
        --section-heading-2-letter-spacing: -1.92px;
        --section-heading-2-line-height: 72px;
        --text-large-light-font-family: "Manrope", Helvetica;
        --text-large-light-font-size: 20px;
        --text-large-light-font-style: normal;
        --text-large-light-font-weight: 300;
        --text-large-light-letter-spacing: 0px;
        --text-large-light-line-height: 150%;
        --text-large-semi-bold-font-family: "Manrope", Helvetica;
        --text-large-semi-bold-font-size: 20px;
        --text-large-semi-bold-font-style: normal;
        --text-large-semi-bold-font-weight: 600;
        --text-large-semi-bold-letter-spacing: 0px;
        --text-large-semi-bold-line-height: 150%;
        --text-medium-normal-font-family: "Roboto", Helvetica;
        --text-medium-normal-font-size: 18px;
        --text-medium-normal-font-style: normal;
        --text-medium-normal-font-weight: 400;
        --text-medium-normal-letter-spacing: 0px;
        --text-medium-normal-line-height: 150%;
        --text-regular-normal-font-family: "Manrope", Helvetica;
        --text-regular-normal-font-size: 16px;
        --text-regular-normal-font-style: normal;
        --text-regular-normal-font-weight: 400;
        --text-regular-normal-letter-spacing: 0px;
        --text-regular-normal-line-height: 150%;
        --text-regular-semi-bold-font-family: "Manrope", Helvetica;
        --text-regular-semi-bold-font-size: 16px;
        --text-regular-semi-bold-font-style: normal;
        --text-regular-semi-bold-font-weight: 600;
        --text-regular-semi-bold-letter-spacing: 0px;
        --text-regular-semi-bold-line-height: 150%;
        --text-tiny-normal-font-family: "Manrope", Helvetica;
        --text-tiny-normal-font-size: 12px;
        --text-tiny-normal-font-style: normal;
        --text-tiny-normal-font-weight: 400;
        --text-tiny-normal-letter-spacing: 0px;
        --text-tiny-normal-line-height: 150%;
      }

      .font-section-heading-2 {
        font-family: var(--section-heading-2-font-family);
        font-size: var(--section-heading-2-font-size);
        font-weight: var(--section-heading-2-font-weight);
        letter-spacing: var(--section-heading-2-letter-spacing);
        line-height: var(--section-heading-2-line-height);
        font-style: var(--section-heading-2-font-style);
      }

      .font-text-large-light {
        font-family: var(--text-large-light-font-family);
        font-size: var(--text-large-light-font-size);
        font-weight: var(--text-large-light-font-weight);
        letter-spacing: var(--text-large-light-letter-spacing);
        line-height: var(--text-large-light-line-height);
        font-style: var(--text-large-light-font-style);
      }

      .font-text-large-semi-bold {
        font-family: var(--text-large-semi-bold-font-family);
        font-size: var(--text-large-semi-bold-font-size);
        font-weight: var(--text-large-semi-bold-font-weight);
        letter-spacing: var(--text-large-semi-bold-letter-spacing);
        line-height: var(--text-large-semi-bold-line-height);
        font-style: var(--text-large-semi-bold-font-style);
      }

      .font-text-medium-normal {
        font-family: var(--text-medium-normal-font-family);
        font-size: var(--text-medium-normal-font-size);
        font-weight: var(--text-medium-normal-font-weight);
        letter-spacing: var(--text-medium-normal-letter-spacing);
        line-height: var(--text-medium-normal-line-height);
        font-style: var(--text-medium-normal-font-style);
      }

      .font-text-regular-normal {
        font-family: var(--text-regular-normal-font-family);
        font-size: var(--text-regular-normal-font-size);
        font-weight: var(--text-regular-normal-font-weight);
        letter-spacing: var(--text-regular-normal-letter-spacing);
        line-height: var(--text-regular-normal-line-height);
        font-style: var(--text-regular-normal-font-style);
      }

      .font-text-regular-semi-bold {
        font-family: var(--text-regular-semi-bold-font-family);
        font-size: var(--text-regular-semi-bold-font-size);
        font-weight: var(--text-regular-semi-bold-font-weight);
        letter-spacing: var(--text-regular-semi-bold-letter-spacing);
        line-height: var(--text-regular-semi-bold-line-height);
        font-style: var(--text-regular-semi-bold-font-style);
      }

      .font-text-tiny-normal {
        font-family: var(--text-tiny-normal-font-family);
        font-size: var(--text-tiny-normal-font-size);
        font-weight: var(--text-tiny-normal-font-weight);
        letter-spacing: var(--text-tiny-normal-letter-spacing);
        line-height: var(--text-tiny-normal-line-height);
        font-style: var(--text-tiny-normal-font-style);
      }

      /* Custom button hover effects */
      .btn-primary {
        transition: all 0.2s ease-in-out;
      }

      .btn-primary:hover {
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(245, 171, 31, 0.3);
      }

      /* Custom checkbox styles */
      .custom-checkbox {
        appearance: none;
        width: 20px;
        height: 20px;
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 4px;
        background: rgba(255, 255, 255, 0.1);
        position: relative;
        cursor: pointer;
      }

      .custom-checkbox:checked {
        background: #f5ab1f;
        border-color: #c48919;
      }

      .custom-checkbox:checked::after {
        content: '✓';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #0d0c0c;
        font-size: 12px;
        font-weight: bold;
      }

      /* Responsive font sizes */
      @media (max-width: 768px) {
        .font-section-heading-2 {
          font-size: 48px;
          line-height: 56px;
        }
      }

      @media (max-width: 640px) {
        .font-section-heading-2 {
          font-size: 36px;
          line-height: 44px;
        }
      }

/*ABOUT US PAGE*/

      :root {
        --section-heading-2-font-family: "Manrope", Helvetica;
        --section-heading-2-font-size: 64px;
        --section-heading-2-font-style: normal;
        --section-heading-2-font-weight: 700;
        --section-heading-2-letter-spacing: -1.92px;
        --section-heading-2-line-height: 72px;
        --text-large-medium-font-family: "Manrope", Helvetica;
        --text-large-medium-font-size: 20px;
        --text-large-medium-font-style: normal;
        --text-large-medium-font-weight: 500;
        --text-large-medium-letter-spacing: 0px;
        --text-large-medium-line-height: 150%;
        --text-large-normal-font-family: "Manrope", Helvetica;
        --text-large-normal-font-size: 20px;
        --text-large-normal-font-style: normal;
        --text-large-normal-font-weight: 400;
        --text-large-normal-letter-spacing: 0px;
        --text-large-normal-line-height: 150%;
        --text-large-semi-bold-font-family: "Manrope", Helvetica;
        --text-large-semi-bold-font-size: 20px;
        --text-large-semi-bold-font-style: normal;
        --text-large-semi-bold-font-weight: 600;
        --text-large-semi-bold-letter-spacing: 0px;
        --text-large-semi-bold-line-height: 150%;
        --text-medium-normal-font-family: "Manrope", Helvetica;
        --text-medium-normal-font-size: 18px;
        --text-medium-normal-font-style: normal;
        --text-medium-normal-font-weight: 400;
        --text-medium-normal-letter-spacing: 0px;
        --text-medium-normal-line-height: 150%;
        --text-regular-semi-bold-font-family: "Manrope", Helvetica;
        --text-regular-semi-bold-font-size: 16px;
        --text-regular-semi-bold-font-style: normal;
        --text-regular-semi-bold-font-weight: 600;
        --text-regular-semi-bold-letter-spacing: 0px;
        --text-regular-semi-bold-line-height: 150%;
        --text-small-normal-font-family: "Manrope", Helvetica;
        --text-small-normal-font-size: 14px;
        --text-small-normal-font-style: normal;
        --text-small-normal-font-weight: 400;
        --text-small-normal-letter-spacing: 0px;
        --text-small-normal-line-height: 150%;
      }

      body {
        font-family: "Manrope", sans-serif;
        margin: 0;
        padding: 0;
      }

      .gradient-text {
        background: linear-gradient(90deg, rgba(245,171,31,1) 0%, rgba(247,188,76,1) 49%, rgba(253,238,210,1) 100%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
      }

      .section-heading-2 {
        font-family: var(--section-heading-2-font-family);
        font-size: var(--section-heading-2-font-size);
        font-weight: var(--section-heading-2-font-weight);
        letter-spacing: var(--section-heading-2-letter-spacing);
        line-height: var(--section-heading-2-line-height);
      }

      .text-large-medium {
        font-family: var(--text-large-medium-font-family);
        font-size: var(--text-large-medium-font-size);
        font-weight: var(--text-large-medium-font-weight);
        letter-spacing: var(--text-large-medium-letter-spacing);
        line-height: var(--text-large-medium-line-height);
      }

      .text-large-normal {
        font-family: var(--text-large-normal-font-family);
        font-size: var(--text-large-normal-font-size);
        font-weight: var(--text-large-normal-font-weight);
        letter-spacing: var(--text-large-normal-letter-spacing);
        line-height: var(--text-large-normal-line-height);
      }

      .text-large-semi-bold {
        font-family: var(--text-large-semi-bold-font-family);
        font-size: var(--text-large-semi-bold-font-size);
        font-weight: var(--text-large-semi-bold-font-weight);
        letter-spacing: var(--text-large-semi-bold-letter-spacing);
        line-height: var(--text-large-semi-bold-line-height);
      }

      .text-medium-normal {
        font-family: var(--text-medium-normal-font-family);
        font-size: var(--text-medium-normal-font-size);
        font-weight: var(--text-medium-normal-font-weight);
        letter-spacing: var(--text-medium-normal-letter-spacing);
        line-height: var(--text-medium-normal-line-height);
      }

      .text-regular-semi-bold {
        font-family: var(--text-regular-semi-bold-font-family);
        font-size: var(--text-regular-semi-bold-font-size);
        font-weight: var(--text-regular-semi-bold-font-weight);
        letter-spacing: var(--text-regular-semi-bold-letter-spacing);
        line-height: var(--text-regular-semi-bold-line-height);
      }

      .text-small-normal {
        font-family: var(--text-small-normal-font-family);
        font-size: var(--text-small-normal-font-size);
        font-weight: var(--text-small-normal-font-weight);
        letter-spacing: var(--text-small-normal-letter-spacing);
        line-height: var(--text-small-normal-line-height);
      }

      .bg-radial-gradient-1 {
        background: radial-gradient(50% 50% at 106% -5%, rgba(255,187,0,1) 0%, rgba(13,13,13,1) 100%);
      }

      .bg-radial-gradient-2 {
        background: radial-gradient(50% 50% at 106% -5%, rgba(255,187,0,1) 12%, rgba(13,13,13,1) 85%);
      }

      .btn-primary {
        background-color: #f5ab1f;
        border: 1px solid #c48919;
        transition: background-color 0.2s ease;
      }

      .btn-primary:hover {
        background-color: #e09c18;
      }

      /* Responsive adjustments */
      @media (max-width: 1200px) {
        .container-1200 {
          max-width: 100%;
          padding: 0 2rem;
        }
      }

      @media (max-width: 768px) {
        .section-heading-2 {
          font-size: 48px;
          line-height: 56px;
        }
        
        .flex-responsive {
          flex-direction: column;
        }
        
        .team-grid {
          flex-direction: column;
          gap: 2rem;
        }
        
        .mission-content {
          padding-left: 0 !important;
          padding-right: 0 !important;
          margin-top: 2rem;
        }
      }

      /* Sponsors Page */
       :root {
        --section-heading-2-font-family: "Manrope", Helvetica;
        --section-heading-2-font-size: 64px;
        --section-heading-2-font-style: normal;
        --section-heading-2-font-weight: 700;
        --section-heading-2-letter-spacing: -1.92px;
        --section-heading-2-line-height: 72px;
        --section-heading-mobile-font-family: "Manrope", Helvetica;
        --section-heading-mobile-font-size: 48px;
        --section-heading-mobile-font-style: normal;
        --section-heading-mobile-font-weight: 700;
        --section-heading-mobile-letter-spacing: -1.44px;
        --section-heading-mobile-line-height: 48px;
        --text-large-medium-font-family: "Manrope", Helvetica;
        --text-large-medium-font-size: 20px;
        --text-large-medium-font-style: normal;
        --text-large-medium-font-weight: 500;
        --text-large-medium-letter-spacing: 0px;
        --text-large-medium-line-height: 150%;
        --text-medium-normal-font-family: "Manrope", Helvetica;
        --text-medium-normal-font-size: 18px;
        --text-medium-normal-font-style: normal;
        --text-medium-normal-font-weight: 400;
        --text-medium-normal-letter-spacing: 0px;
        --text-medium-normal-line-height: 150%;
        --text-regular-semi-bold-font-family: "Manrope", Helvetica;
        --text-regular-semi-bold-font-size: 16px;
        --text-regular-semi-bold-font-style: normal;
        --text-regular-semi-bold-font-weight: 600;
        --text-regular-semi-bold-letter-spacing: 0px;
        --text-regular-semi-bold-line-height: 150%;
      }

      .font-section-heading-2 {
        font-family: var(--section-heading-2-font-family);
        font-size: var(--section-heading-2-font-size);
        font-style: var(--section-heading-2-font-style);
        font-weight: var(--section-heading-2-font-weight);
        letter-spacing: var(--section-heading-2-letter-spacing);
        line-height: var(--section-heading-2-line-height);
      }

      .font-section-heading-mobile {
        font-family: var(--section-heading-mobile-font-family);
        font-size: var(--section-heading-mobile-font-size);
        font-style: var(--section-heading-mobile-font-style);
        font-weight: var(--section-heading-mobile-font-weight);
        letter-spacing: var(--section-heading-mobile-letter-spacing);
        line-height: var(--section-heading-mobile-line-height);
      }

      .font-text-large-medium {
        font-family: var(--text-large-medium-font-family);
        font-size: var(--text-large-medium-font-size);
        font-style: var(--text-large-medium-font-style);
        font-weight: var(--text-large-medium-font-weight);
        letter-spacing: var(--text-large-medium-letter-spacing);
        line-height: var(--text-large-medium-line-height);
      }

      .font-text-medium-normal {
        font-family: var(--text-medium-normal-font-family);
        font-size: var(--text-medium-normal-font-size);
        font-style: var(--text-medium-normal-font-style);
        font-weight: var(--text-medium-normal-font-weight);
        letter-spacing: var(--text-medium-normal-letter-spacing);
        line-height: var(--text-medium-normal-line-height);
      }

      .font-text-regular-semi-bold {
        font-family: var(--text-regular-semi-bold-font-family);
        font-size: var(--text-regular-semi-bold-font-size);
        font-style: var(--text-regular-semi-bold-font-style);
        font-weight: var(--text-regular-semi-bold-font-weight);
        letter-spacing: var(--text-regular-semi-bold-letter-spacing);
        line-height: var(--text-regular-semi-bold-line-height);
      }

      .gradient-text {
        background: linear-gradient(90deg, rgba(245,171,31,1) 0%, rgba(247,188,76,1) 49%, rgba(253,238,210,1) 100%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
      }

      .intro-bg {
        background: radial-gradient(50% 50% at 82% -5%, rgba(255,187,0,1) 12%, rgba(13,13,13,1) 85%);
      }

      .section-bg {
        background: radial-gradient(50% 50% at 106% -5%, rgba(255,187,0,1) 0%, rgba(13,13,13,1) 100%);
      }

      .btn-primary {
        background-color: #f5ab1f;
        border: 1px solid #c48919;
        transition: background-color 0.2s ease;
      }

      .btn-primary:hover {
        background-color: #e09c18;
      }


/*FURTURE*/
  
      :root {
        --heading-h5-font-family: "Manrope", Helvetica;
        --heading-h5-font-size: 24px;
        --heading-h5-font-style: normal;
        --heading-h5-font-weight: 700;
        --heading-h5-letter-spacing: -0.48px;
        --heading-h5-line-height: 140%;
        --heading-h6-font-family: "Roboto", Helvetica;
        --heading-h6-font-size: 20px;
        --heading-h6-font-style: normal;
        --heading-h6-font-weight: 700;
        --heading-h6-letter-spacing: 0px;
        --heading-h6-line-height: 140%;
        --section-heading-2-font-family: "Manrope", Helvetica;
        --section-heading-2-font-size: 64px;
        --section-heading-2-font-style: normal;
        --section-heading-2-font-weight: 700;
        --section-heading-2-letter-spacing: -1.92px;
        --section-heading-2-line-height: 72px;
        --section-heading-font-family: "Manrope", Helvetica;
        --section-heading-font-size: 96px;
        --section-heading-font-style: normal;
        --section-heading-font-weight: 700;
        --section-heading-letter-spacing: -4.8px;
        --section-heading-line-height: 96px;
        --section-heading-mobile-font-family: "Manrope", Helvetica;
        --section-heading-mobile-font-size: 48px;
        --section-heading-mobile-font-style: normal;
        --section-heading-mobile-font-weight: 700;
        --section-heading-mobile-letter-spacing: -1.44px;
        --section-heading-mobile-line-height: 48px;
        --text-large-bold-font-family: "Manrope", Helvetica;
        --text-large-bold-font-size: 20px;
        --text-large-bold-font-style: normal;
        --text-large-bold-font-weight: 700;
        --text-large-bold-letter-spacing: 0px;
        --text-large-bold-line-height: 150%;
        --text-large-medium-font-family: "Manrope", Helvetica;
        --text-large-medium-font-size: 20px;
        --text-large-medium-font-style: normal;
        --text-large-medium-font-weight: 500;
        --text-large-medium-letter-spacing: 0px;
        --text-large-medium-line-height: 150%;
        --text-large-normal-font-family: "Manrope", Helvetica;
        --text-large-normal-font-size: 20px;
        --text-large-normal-font-style: normal;
        --text-large-normal-font-weight: 400;
        --text-large-normal-letter-spacing: 0px;
        --text-large-normal-line-height: 150%;
        --text-medium-medium-font-family: "Manrope", Helvetica;
        --text-medium-medium-font-size: 18px;
        --text-medium-medium-font-style: normal;
        --text-medium-medium-font-weight: 500;
        --text-medium-medium-letter-spacing: 0px;
        --text-medium-medium-line-height: 150%;
        --text-medium-normal-font-family: "Manrope", Helvetica;
        --text-medium-normal-font-size: 18px;
        --text-medium-normal-font-style: normal;
        --text-medium-normal-font-weight: 400;
        --text-medium-normal-letter-spacing: 0px;
        --text-medium-normal-line-height: 150%;
        --text-regular-normal-font-family: "Manrope", Helvetica;
        --text-regular-normal-font-size: 16px;
        --text-regular-normal-font-style: normal;
        --text-regular-normal-font-weight: 400;
        --text-regular-normal-letter-spacing: 0px;
        --text-regular-normal-line-height: 150%;
        --text-regular-semi-bold-font-family: "Manrope", Helvetica;
        --text-regular-semi-bold-font-size: 16px;
        --text-regular-semi-bold-font-style: normal;
        --text-regular-semi-bold-font-weight: 600;
        --text-regular-semi-bold-letter-spacing: 0px;
        --text-regular-semi-bold-line-height: 150%;
        --text-small-normal-font-family: "Manrope", Helvetica;
        --text-small-normal-font-size: 14px;
        --text-small-normal-font-style: normal;
        --text-small-normal-font-weight: 400;
        --text-small-normal-letter-spacing: 0px;
        --text-small-normal-line-height: 150%;
      }

      .font-section-heading {
        font-family: var(--section-heading-font-family);
        font-size: var(--section-heading-font-size);
        font-weight: var(--section-heading-font-weight);
        letter-spacing: var(--section-heading-letter-spacing);
        line-height: var(--section-heading-line-height);
        font-style: var(--section-heading-font-style);
      }

      .font-section-heading-2 {
        font-family: var(--section-heading-2-font-family);
        font-size: var(--section-heading-2-font-size);
        font-weight: var(--section-heading-2-font-weight);
        letter-spacing: var(--section-heading-2-letter-spacing);
        line-height: var(--section-heading-2-line-height);
        font-style: var(--section-heading-2-font-style);
      }

      .font-section-heading-mobile {
        font-family: var(--section-heading-mobile-font-family);
        font-size: var(--section-heading-mobile-font-size);
        font-weight: var(--section-heading-mobile-font-weight);
        letter-spacing: var(--section-heading-mobile-letter-spacing);
        line-height: var(--section-heading-mobile-line-height);
        font-style: var(--section-heading-mobile-font-style);
      }

      .font-heading-h5 {
        font-family: var(--heading-h5-font-family);
        font-size: var(--heading-h5-font-size);
        font-weight: var(--heading-h5-font-weight);
        letter-spacing: var(--heading-h5-letter-spacing);
        line-height: var(--heading-h5-line-height);
        font-style: var(--heading-h5-font-style);
      }

      .font-heading-h6 {
        font-family: var(--heading-h6-font-family);
        font-size: var(--heading-h6-font-size);
        font-weight: var(--heading-h6-font-weight);
        letter-spacing: var(--heading-h6-letter-spacing);
        line-height: var(--heading-h6-line-height);
        font-style: var(--heading-h6-font-style);
      }

      .font-text-large-normal {
        font-family: var(--text-large-normal-font-family);
        font-size: var(--text-large-normal-font-size);
        font-weight: var(--text-large-normal-font-weight);
        letter-spacing: var(--text-large-normal-letter-spacing);
        line-height: var(--text-large-normal-line-height);
        font-style: var(--text-large-normal-font-style);
      }

      .font-text-large-medium {
        font-family: var(--text-large-medium-font-family);
        font-size: var(--text-large-medium-font-size);
        font-weight: var(--text-large-medium-font-weight);
        letter-spacing: var(--text-large-medium-letter-spacing);
        line-height: var(--text-large-medium-line-height);
        font-style: var(--text-large-medium-font-style);
      }

      .font-text-large-bold {
        font-family: var(--text-large-bold-font-family);
        font-size: var(--text-large-bold-font-size);
        font-weight: var(--text-large-bold-font-weight);
        letter-spacing: var(--text-large-bold-letter-spacing);
        line-height: var(--text-large-bold-line-height);
        font-style: var(--text-large-bold-font-style);
      }

      .font-text-medium-normal {
        font-family: var(--text-medium-normal-font-family);
        font-size: var(--text-medium-normal-font-size);
        font-weight: var(--text-medium-normal-font-weight);
        letter-spacing: var(--text-medium-normal-letter-spacing);
        line-height: var(--text-medium-normal-line-height);
        font-style: var(--text-medium-normal-font-style);
      }

      .font-text-medium-medium {
        font-family: var(--text-medium-medium-font-family);
        font-size: var(--text-medium-medium-font-size);
        font-weight: var(--text-medium-medium-font-weight);
        letter-spacing: var(--text-medium-medium-letter-spacing);
        line-height: var(--text-medium-medium-line-height);
        font-style: var(--text-medium-medium-font-style);
      }

      .font-text-regular-normal {
        font-family: var(--text-regular-normal-font-family);
        font-size: var(--text-regular-normal-font-size);
        font-weight: var(--text-regular-normal-font-weight);
        letter-spacing: var(--text-regular-normal-letter-spacing);
        line-height: var(--text-regular-normal-line-height);
        font-style: var(--text-regular-normal-font-style);
      }

      .font-text-regular-semi-bold {
        font-family: var(--text-regular-semi-bold-font-family);
        font-size: var(--text-regular-semi-bold-font-size);
        font-weight: var(--text-regular-semi-bold-font-weight);
        letter-spacing: var(--text-regular-semi-bold-letter-spacing);
        line-height: var(--text-regular-semi-bold-line-height);
        font-style: var(--text-regular-semi-bold-font-style);
      }

      .font-text-small-normal {
        font-family: var(--text-small-normal-font-family);
        font-size: var(--text-small-normal-font-size);
        font-weight: var(--text-small-normal-font-weight);
        letter-spacing: var(--text-small-normal-letter-spacing);
        line-height: var(--text-small-normal-line-height);
        font-style: var(--text-small-normal-font-style);
      }

      .bg-gradient-radial-1 {
        background: radial-gradient(50% 50% at 106% -5%, rgba(255,187,0,1) 0%, rgba(13,13,13,1) 100%);
      }

      .bg-gradient-radial-2 {
        background: radial-gradient(50% 50% at -16% -33%, rgba(255,187,0,1) 0%, rgba(13,13,13,1) 100%);
      }

      .bg-hero {
        background: linear-gradient(0deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.2) 100%), url('<?php echo $hero_image; ?>') 50% 50% / cover;
      }

      .bg-lightbox {
        background: linear-gradient(0deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 100%), url('./public/placeholder-lightbox.png') 50% 50% / cover;
      }

      /* Responsive font sizes */
      @media (max-width: 768px) {
        .font-section-heading {
          font-size: 48px;
          line-height: 48px;
          letter-spacing: -1.44px;
        }
        
        .font-section-heading-2 {
          font-size: 32px;
          line-height: 36px;
          letter-spacing: -0.96px;
        }
      }

      /* Button hover effects */
      .btn-primary {
        transition: all 0.2s ease-in-out;
      }

      .btn-primary:hover {
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(245, 171, 31, 0.3);
      }

      /* Smooth scrolling */
      html {
        scroll-behavior: smooth;
      }

      .wpcf7-response-output{
        color: #ffffff;
      }

/* ======================================================
   RAP SITE-WIDE NAV — applies to ALL page templates
   ====================================================== */
/* ===== RAP UNIVERSAL NAV v2 ===== */
#site-nav{position:fixed;top:0;left:0;right:0;z-index:9000;display:flex;align-items:center;padding:0 56px!important;height:76px!important;background:rgba(8,8,8,.97);border-bottom:1px solid rgba(212,160,23,.18);backdrop-filter:blur(14px);gap:0;box-sizing:border-box;}

/* Logo */
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;margin-right:0;}
.nav-logo-img{height:38px;width:auto;display:block;}

/* Social icons */
.nav-social{display:flex;align-items:center;gap:14px;margin-left:0;flex-shrink:0;}
.nav-social a{display:flex;align-items:center;justify-content:center;width:22px;height:22px;opacity:.55;transition:opacity .2s;}
.nav-social a:hover{opacity:1;}
.nav-social svg{width:15px;height:15px;fill:#F5F0E8;}

/* Hamburger */
.nav-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;margin-left:auto;flex-shrink:0;}
.nav-hamburger span{display:block;width:22px;height:2px;background:#F5F0E8;border-radius:2px;transition:transform .25s,opacity .25s;}
#site-nav.nav-open .nav-hamburger span:nth-child(1){transform:translateY(7px) rotate(45deg);}
#site-nav.nav-open .nav-hamburger span:nth-child(2){opacity:0;}
#site-nav.nav-open .nav-hamburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* Nav links */
.nav-links{display:flex;align-items:center;list-style:none;margin:0 0 0 auto;padding:0;gap:0;flex-shrink:0;}
.nav-links>li>a{display:block;padding:8px 13px;font-family:'Space Mono',monospace;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(245,240,232,.75);text-decoration:none;transition:color .2s;white-space:nowrap;}
.nav-links>li>a:hover{color:#D4A017;}
.nav-links>li.has-drop{position:relative;}
.nav-links>li.has-drop>a::after{content:' ▾';font-size:.5rem;opacity:.6;vertical-align:middle;}

/* Dropdown */
.nav-drop{display:none;position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);min-width:260px;background:#0d0d0d;border:1px solid rgba(212,160,23,.28);border-radius:6px;list-style:none;padding:6px;z-index:9001;box-shadow:0 24px 64px rgba(0,0,0,.75);}
.nav-drop::before{content:'';position:absolute;top:-6px;left:50%;width:10px;height:10px;background:#0d0d0d;border-left:1px solid rgba(212,160,23,.28);border-top:1px solid rgba(212,160,23,.28);transform:translateX(-50%) rotate(45deg);}
.nav-links>li.has-drop.open .nav-drop{display:block;}
.nav-drop li a{display:flex;flex-direction:column;padding:12px 16px;text-decoration:none;border-radius:4px;transition:background .18s;}
.nav-drop li a:hover{background:rgba(212,160,23,.08);}
.nav-drop li a strong{display:block;font-family:'Space Mono',monospace;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:#F0C040;font-weight:700;margin-bottom:4px;}
.nav-drop li a span{display:block;font-size:.72rem;color:rgba(245,240,232,.4);font-family:sans-serif;font-weight:400;letter-spacing:.01em;}

/* Book button */
.nav-book-wrap{margin-left:12px;}
.nav-book{display:inline-flex;align-items:center;font-family:'Space Mono',monospace;font-size:.56rem;letter-spacing:.13em;text-transform:uppercase;color:#080808 !important;background:#D4A017;padding:10px 18px;text-decoration:none !important;border-radius:2px;white-space:nowrap;transition:background .2s;flex-shrink:0;}
.nav-book:hover{background:#F0C040;}

/* Mobile */
@media(max-width:960px){
  #site-nav{padding:0 20px;}
  .nav-social{display:none;}
  .nav-links{display:none;}
  .nav-hamburger{display:flex;}
  #site-nav.nav-open .nav-social{display:flex;position:fixed;bottom:24px;left:0;right:0;justify-content:center;gap:20px;padding:0 20px;}
  #site-nav.nav-open .nav-links{display:flex;flex-direction:column;align-items:flex-start;position:fixed;top:76px;left:0;right:0;bottom:0;background:rgba(8,8,8,.99);padding:28px 28px 80px;gap:0;overflow-y:auto;z-index:8999;}
  #site-nav.nav-open .nav-links>li{width:100%;border-bottom:1px solid rgba(212,160,23,.08);}
  #site-nav.nav-open .nav-links>li>a{padding:16px 0;font-size:.65rem;}
  #site-nav.nav-open .nav-links>li.has-drop>a::after{display:none;}
  #site-nav.nav-open .nav-drop{display:block;position:static;transform:none;background:transparent;border:none;box-shadow:none;padding:0 0 8px 16px;}
  #site-nav.nav-open .nav-drop::before{display:none;}
  #site-nav.nav-open .nav-drop li a{padding:10px 0;}
  #site-nav.nav-open .nav-book-wrap{margin:0;padding-top:8px;}
  #site-nav.nav-open .nav-book{display:block;text-align:center;padding:16px;border-radius:3px;width:100%;box-sizing:border-box;}
}
.nav-right{display:flex!important;align-items:center!important;gap:16px!important;flex-shrink:0!important;margin-left:auto!important;}


/* WPForms theme match - added 2026-06-12 (mirror of CF7 styles) */
.wpforms-form{
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
.wpforms-form label{
    color: rgba(255, 255, 255, 0.5);
    font-size: 1rem;
    margin-bottom: 0.5rem;
    display: block;
}
.wpforms-form input[type="text"], .wpforms-form input[type="email"], .wpforms-form input[type="tel"], .wpforms-form textarea{
    width: 100%;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0.75rem;
    border-radius: 0.5rem;
    color: #ffffff;
    font-size: 1rem;
    transition: all 0.3s ease;
}
.wpforms-form input[type="text"]:focus, .wpforms-form input[type="email"]:focus, .wpforms-form input[type="tel"]:focus, .wpforms-form textarea:focus{
    outline: none;
    border-color: var(--primary-gold);
    background: rgba(255, 255, 255, 0.15);
}
.wpforms-form input[type="text"]::placeholder, .wpforms-form input[type="email"]::placeholder, .wpforms-form input[type="tel"]::placeholder, .wpforms-form textarea::placeholder{
    color: rgba(255, 255, 255, 0.4);
}
.wpforms-form textarea{
    min-height: 120px;
    resize: vertical;
}
.wpforms-form button[type=submit]{
    background: var(--primary-gold);
    color: var(--dark-bg);
    border: 1px solid var(--primary-gold-dark);
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    align-self: flex-start;
}
.wpforms-form button[type=submit]:hover{
    background: rgba(245, 171, 31, 0.9);
    transform: translateY(-1px);
}
.wpforms-form button[type=submit]:active{
    transform: translateY(0);
}
.wpforms-field{
    position: relative;
}
.wpforms-form{
        gap: 1rem;
    }
.wpforms-form button[type=submit]{
        width: 100%;
        align-self: stretch;
    }
.wpforms-form .wpforms-field{margin-bottom:18px;}
.wpforms-form .wpforms-field input[type=text],.wpforms-form .wpforms-field input[type=email],.wpforms-form .wpforms-field input[type=tel],.wpforms-form .wpforms-field select,.wpforms-form .wpforms-field textarea{max-width:100%;width:100%;box-sizing:border-box;}
.wpforms-form .wpforms-field select{appearance:none;-webkit-appearance:none;}
.wpforms-form button[type=submit]{cursor:pointer;border:none;}
.wpforms-form .wpforms-field-description,.wpforms-form .wpforms-field-sublabel{color:rgba(255,255,255,.45);font-size:12px;}
.wpforms-form em.wpforms-error{color:#e66a6a;font-size:12px;font-style:normal;display:block;margin-top:6px;}
.wpforms-confirmation-container-full{background:rgba(80,160,80,.12);border:1px solid rgba(80,160,80,.4);color:#fff;padding:18px 22px;border-radius:6px;}


/* WPForms modern vars - match site theme */
.wpforms-container, .wpforms-container-full {
  --wpforms-field-background-color: rgba(255,255,255,.04);
  --wpforms-field-border-color: rgba(212,160,23,.25);
  --wpforms-field-border-color-hover: rgba(212,160,23,.6);
  --wpforms-field-text-color: #ffffff;
  --wpforms-field-menu-color: #1a1a1a;
  --wpforms-label-color: #ffffff;
  --wpforms-label-sublabel-color: rgba(255,255,255,.5);
  --wpforms-label-error-color: #e66a6a;
  --wpforms-button-background-color: #d4a017;
  --wpforms-button-background-color-hover: #e0b13a;
  --wpforms-button-text-color: #111111;
  --wpforms-field-border-radius: 4px;
  --wpforms-button-border-radius: 4px;
  --wpforms-field-size-input-height: 48px;
}
.wpforms-container .wpforms-form input[type=text],
.wpforms-container .wpforms-form input[type=email],
.wpforms-container .wpforms-form input[type=tel],
.wpforms-container .wpforms-form select,
.wpforms-container .wpforms-form textarea {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(212,160,23,.25) !important;
  color: #fff !important;
  width: 100% !important;
  max-width: 100% !important;
}
.wpforms-container .wpforms-form select option { background:#1a1a1a; color:#fff; }
.wpforms-container .wpforms-form .wpforms-field-label { color:#fff; text-transform:uppercase; letter-spacing:.1em; font-size:12px; font-weight:600; }
.wpforms-container .wpforms-form button[type=submit] {
  background:#d4a017 !important; color:#111 !important; border:none !important;
  text-transform:uppercase; letter-spacing:.12em; font-weight:700; padding:14px 36px; cursor:pointer;
}
.wpforms-container .wpforms-form button[type=submit]:hover { background:#e0b13a !important; }