@import url('https://eventnook-font.s3.ap-southeast-1.amazonaws.com/usdec/stylesheet.css');
/* Example usage of the imported font */
body {
font-family: 'Whitney', 'Whitney Book', 'Segoe UI', Roboto, Helvetica, 
Arial, sans-serif !important;
}
#section_navbar .xw-navbar {
background-color: #89BF66 !important;
background: #89BF66  !important;
font-family: 'Whitney Book', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
}
.navbar .nav-link {
font-size: 1.1rem !important;
color: #202D60 !important;}
.btn-nav-register { background: #fff; border-color:#fff !important; color: #89BF66!important;}
.btn-nav-register:hover { background: #b56fa0; border-color: #120463 !important; color: #fff !important;}
.banner-image-wrap .container1080{ max-width: 90% !important;}
.navbar .btn {
font-size: 22px !important;
padding: 8px 18px;}
}
/* full browser width for the content area */
.xw-content-section .container1080 { max-width: 95% !important;}
/* removing padding and marging space between content and footer */
.xw-mainapp.mb-5 { margin-bottom: 0 !important;}
.xw-mainapp > .pb-5 { padding-bottom: 0 !important;}
.xw-masthead .banner-image-wrap { max-height: 95% !important;}
.xw-masthead .container { max-width: 95% !important;} //make banner full width
.banner-image-wrap .container { max-width: 95% !important;}
.xw-content-section .xw-section-inner { padding: 0 !important;}
.xw-content-section .xw-content-section-inner { padding: 0 !important;}
.banner-image-wrap .container,
.banner-image-wrap .container1080 {
max-width: 95% !important;
width: 95% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.xw-content-section .container1080 { max-width: 95% !important;} // make content area full width
/* Remove vertical padding from masthead to eliminate white space */
@media (min-width: 576px) {
.xw-masthead-inner {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
}
.py-sm-5 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/* ticket and form page inner background */
#main_app_inner {
background-color: #FFF4E2 ; 
}
/* ticket and form page outer background */
body.xw-body-ticket-widget #main_app {
background-color: #FFF4E2 !important;
}
/* ticket page inner background */
body.xw-body-ticket-widget #ticket_widget_wrapper {
background-color: #FFF4E2 !important; 
}
/* form page outer colour */
body#xw_body_widget_register_details {
background-color: #FFF4E2!important; 
}
body#xw_body_widget_ticket {
background-color: #FFF4E2 !important;  /* or any color you prefer */
}
/* registration button colour */
body.xw-body-ticket-widget button.btn-register-step1 {
background-color: #89BF66 !important;
background: #89BF66 !important;
color: #ffffff !important;
border-color: #ffffff !important;
}
body.xw-body-ticket-widget button.btn-register-step1:hover {
background-color: #70a74d !important; /* Background turns black */
background: #70a74d !important;
color: #ffffff !important; /* Text turns white */
border-color: #000000 !important;
}
body#xw_body_widget_register_details button#btn_register_complete {
all: unset;
display: inline-block;
padding: 12px 24px;
background-color: #89BF66  !important;
color: #ffffff !important;
border: 1px solid #89BF66  !important;
font-size: 16px;
border-radius: 6px;
cursor: pointer;
text-align: center;
}
body#xw_body_widget_register_details button#btn_register_complete:hover {
background-color: #70a74d !important;
}
.xw-content-section-inner > p:first-child {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.xw-content-section-inner img.img-fluid {
display: block;
margin-bottom: 0 !important;
}
/* Make navbar full-width to align with banner below */
#section_navbar .xw-navbar > .container {
max-width: 95% !important;     /* ✅ Keeps it aligned with banner width */
width: 100% !important;
margin: 0 auto !important;     /* ✅ Centers the content */
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
}
/* Ensure left and right sections align correctly */
#section_navbar .navbar-nav {
display: flex !important;
flex: 1;
}
#section_navbar .navbar-nav li:last-child {
margin-left: auto !important;
}
.event-location span:last-child {
display: none;
}
.accordion-button::after {
filter: brightness(0) invert(1); /* This inverts black to white */
}