.elementor-kit-242154{--e-global-color-primary:#F05A28;--e-global-color-secondary:#FFCD00;--e-global-color-text:#3F3F3F;--e-global-color-accent:#90278E;--e-global-color-5d2ef64:#FFFFFF;--e-global-color-21b42aa:#FCEE1D;--e-global-color-319d3a4:#F05A28;--e-global-color-5e366aa:#E5B922;--e-global-color-776eaae:#9E1F63;--e-global-color-e96338f:#000000;--e-global-color-71eb27e:#FFFFFF;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-size:16px;--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"trajan-pro-3";--e-global-typography-secondary-font-size:18px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Alex Brush";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:500;color:var( --e-global-color-e96338f );font-family:"Montserrat", Sans-serif;font-size:18px;line-height:1.4em;}.elementor-kit-242154 button,.elementor-kit-242154 input[type="button"],.elementor-kit-242154 input[type="submit"],.elementor-kit-242154 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Montserrat", Sans-serif;font-size:1em;font-weight:600;text-decoration:none;color:var( --e-global-color-71eb27e );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-71eb27e );border-radius:0px 0px 0px 0px;}.elementor-kit-242154 button:hover,.elementor-kit-242154 button:focus,.elementor-kit-242154 input[type="button"]:hover,.elementor-kit-242154 input[type="button"]:focus,.elementor-kit-242154 input[type="submit"]:hover,.elementor-kit-242154 input[type="submit"]:focus,.elementor-kit-242154 .elementor-button:hover,.elementor-kit-242154 .elementor-button:focus{background-color:var( --e-global-color-71eb27e );color:var( --e-global-color-primary );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );}.elementor-kit-242154 e-page-transition{background-color:#FFBC7D;}.elementor-kit-242154 a{color:var( --e-global-color-primary );font-family:"Montserrat", Sans-serif;text-decoration:none;}.elementor-kit-242154 h1{font-family:"trajan-pro-3", Sans-serif;font-size:3em;}.elementor-kit-242154 h2{color:var( --e-global-color-e96338f );font-family:"trajan-pro-3", Sans-serif;font-size:2em;font-weight:400;}.elementor-kit-242154 h3{color:var( --e-global-color-e96338f );font-family:"trajan-pro-3", Sans-serif;font-size:1.5em;}.elementor-kit-242154 h4{color:var( --e-global-color-text );font-family:"Montserrat", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;--container-default-padding-top:0px;--container-default-padding-right:50px;--container-default-padding-bottom:0px;--container-default-padding-left:50px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//*
* All Menu Scoped Styles
* Contains definitions for #ctamenu and #seasons.
*/
/* ------------------------------------------------------------- */
/* CTA Menu Styles (ID #ctamenu) */
/* ------------------------------------------------------------- */
/* 1. Stack + left-align for menu item links (inside ctamenu) */
#ctamenu .elementor-nav-menu .menu-item > a {
/* IMPORTANT: These are critical for stacking the link and description */
display: flex !important;
flex-direction: column !important;
align-items: flex-start;
text-align: left;
transition: background-color 0.3s ease; /* smoother hover */
}
/* 2. Description Styling (default state) (inside ctamenu) */
#ctamenu .elementor-nav-menu .menu-item-description {
display: block;
/* Original spacing: 20px top margin keeps the description separate from the main link text */
margin: 20px 0px 0px 5px;
font-size: 0.5em;
color: #fff; /* default white */
font-family: "Montserrat", sans-serif;
transition: color 0.3s ease; /* smooth color change */
}
/* 3. Hover background + description color (inside ctamenu) */
#ctamenu .elementor-nav-menu .menu-item > a:hover {
background-color: #fff; /* adjust as needed */
}
#ctamenu .elementor-nav-menu .menu-item > a:hover .menu-item-description {
color: #f05a28; /* description hover color */
}
/* 4. Focus/active states (inside ctamenu) */
#ctamenu .elementor-nav-menu .menu-item > a:focus,
#ctamenu .elementor-nav-menu .menu-item.current-menu-item > a {
background-color: #fff;
}
/* ------------------------------------------------------------- */
/* SEASONS Menu Styles (ID #seasons) - INLINE Title/Date Display */
/* ------------------------------------------------------------- */
/* 5. Inline + Font Weight for main link (Title = 700) */
#seasons .elementor-nav-menu .menu-item > a {
/* CHANGE: Use flex-row to keep content side-by-side */
display: flex !important;
flex-direction: row !important; /* Changed from column to row */
flex-wrap: wrap; /* Allow wrapping only if necessary for small screens */
/* Set Title Font Weight (applies to the main link text) */
font-weight: 700;
/* Center items vertically */
align-items: center;
text-align: left;
}
/* 6. Description Styling (Date/Subtitle = 300) */
#seasons .elementor-nav-menu .menu-item-description {
/* CHANGE: Set to inline-block so it sits next to the title text */
display: inline-block !important;
/* Add margin to separate the Title from the Date */
margin: 0 0 0 8px; /* 8px left margin for separation */
/* Set Date Font Weight */
font-weight: 400;
font-size: 1em;
color: inherit;
line-height: 1;
}
/* ------------------------------------------------------------- */
/* FOOTER STYLES (Retained Original Code) */
/* ------------------------------------------------------------- */
/* Footer menu (Elementor Section with CSS ID = footermenu) */
#footermenu {
width: 100%;
z-index: 9998;
box-sizing: border-box;
}
/* Fixed/floating state (uses measured natural height so it never “grows”) */
#footermenu.is-fixed {
position: fixed;
left: 0; right: 0; bottom: 0;
height: var(--footermenu-natural-h, auto); /* locked to natural height */
transform: translateY(100%); /* fully hidden by default */
transition: transform 0.28s ease; /* smooth slide */
will-change: transform;
overflow: hidden; /* blocks margin bleed */
}
/* Visible while scrolling down */
#footermenu.is-fixed.is-visible {
transform: translateY(0);
}
/* Return to normal flow when static */
#footermenu.is-static {
position: static;
height: auto;
transform: none;
}
/* Spacer to avoid layout jump when menu is fixed */
#footermenu-spacer { height: 0 !important; }
/* Optional sentinel (used if we enable “act normal at very bottom”) */
#bottom-sentinel { width: 1px; height: 1px; }
@media (prefers-reduced-motion: reduce) {
#footermenu.is-fixed { transition: none; }
}
body {
overflow-x: hidden !important;
}
/* --- ACTIVE STATE COLOR ENFORCEMENT --- */
/* 1. Force the active color for the main menu item link text (Title) */
/* The main link text is a direct child of the tag. */
#ctamenu .elementor-nav-menu .menu-item.current-menu-item > a {
/* Assuming Elementor sets the active color here, if it doesn't,
set it explicitly: color: #your_active_title_color !important; */
color: inherit; /* This often ensures Elementor's style is used for the link */
}
/* 2. Set the active color for the Description */
/* The description needs its own color applied when the menu item is active. */
#ctamenu .elementor-nav-menu .menu-item.current-menu-item .menu-item-description {
/* Use the color you want for the active description.
This will override the default color: #fff set in section 2. */
color: #f05a28 !important; /* Use your desired active description color here */
}
/* Optional: If the focus state is also an issue */
#ctamenu .elementor-nav-menu .menu-item > a:focus .menu-item-description {
color: #f05a28 !important; /* Match active color, or use a focus color */
}
.alex-brush-style {
font-family: 'Alex Brush', cursive; /* Use the exact font name, plus a fallback */
/* Add any other styles if needed, like size or color: */
/* font-size: 1.5em; */
/* color: #FF0000; */
}
/* MemberWorks links and buttons */
/* CSS to override default MembershipWorks (SF) styles
and set the primary color to hex #f15b2d (a vibrant orange).
The !important tag is used for increased specificity to ensure
these styles override the plugin's default inline or stylesheet rules.
*/
/* 1. Targeting the main "Register!" button (SFfpybtn) */
.SFfpybtn.SFbig {
/* Set the background and border to the desired color */
background-color: #f15b2d !important;
border-color: #f15b2d !important;
/* Ensure the text is visible on the new background */
color: #ffffff !important;
/* Remove box shadow to ensure consistent look */
box-shadow: none !important;
}
/* 2. Styling the hover state for the main button */
.SFfpybtn.SFbig:hover {
/* Use a slightly darker shade for a visual effect on hover: #d84b24 */
background-color:#f15b2d !important;
color: #ffffff !important;
border-color: #f15b2d !important;
}
/* 3. Targeting the "Sign In" text links */
/* These are tags with role="button" inside the SFevtpne container */
#SFevtpne a[role="button"] {
/* Set the text color to the desired orange */
background-color:#f15b2d !important;
color: #ffffff !important;
text-decoration: none !important; /* Optional: ensures no default underline */
border: none !important;
}
/* 4. Styling the hover state for the "Sign In" links */
#SFevtpne a[role="button"]:hover {
/* Use the slightly darker shade for hover and add underline for clarity */
background-color:#f15b2d !important;
color: #ffffff !important;
text-decoration: underline !important;
}
/* Re-setting the background for buttons (if the above .elementor-kit-242154 was too broad) */
.SF button {
background-color: transparent;
}
/* Ensure the main button stays the correct color */
.SFfpybtn.SFbig, .SFfpybtn.SFbig:hover {
background-color:#f15b2d !important;
color: #ffffff !important;
}
#SFevtinfmnu a{color:#f15b2d !important;}
#SFevtlsttop a{color:#f15b2d !important;}
.wp-caption-text {padding:15px;}
button .frm_button_submit{text-align:center;}/* End custom CSS */