@import "../../../../livewhale/theme/core/styles/calendar/_variables.less";
@import "../../../../livewhale/theme/core/styles/calendar/_mixins.less";
@import "../../../../livewhale/theme/core/styles/calendar/_button.less";
@import "../../../../livewhale/theme/core/styles/calendar/_layout.less";
@import "../../../../livewhale/theme/core/styles/calendar/_calendar-header.less";
@import "../../../../livewhale/theme/core/styles/calendar/_calendar-list.less";
@import "../../../../livewhale/theme/core/styles/calendar/_calendar-month.less";
@import "../../../../livewhale/theme/core/styles/calendar/_calendar-day.less";
@import "../../../../livewhale/theme/core/styles/calendar/_event-detail.less";
@import "../../../../livewhale/theme/core/styles/calendar/_feed-builder.less";
@import "../../../../livewhale/theme/core/styles/calendar/_map.less";
@import "../../../../livewhale/theme/core/styles/calendar/_online.less";
@import "../../../../livewhale/theme/core/styles/calendar/_timezone.less";
@import "../../../../livewhale/theme/core/styles/calendar/_mini-cal.less";
@import "../../../../livewhale/theme/core/styles/calendar/_selectors.less";
@import "../../../../livewhale/theme/core/styles/calendar/_subscribe.less";
@import "../../../../livewhale/theme/core/styles/calendar/_search.less";
@import "../../../../livewhale/theme/core/styles/calendar/_print.less";
/*      Request ID: d5c71da33a79ce2b98cd30c8656fb9f6_1780082116 (05/29/2026 3:30pm) (failed compilation: /home/soka/soka-dev.lwcal.com/public_html/_ingredients/themes/global/styles/calendar.less, /home/soka/soka-dev.lwcal.com/public_html/livewhale/theme/core/styles/calendar-mobile.less, /home/soka/soka-dev.lwcal.com/public_html/livewhale/theme/core/styles/rsvp.less) (rcy7DcMwDIThVTJALI5k6HGwiFCiIcoyvH0Ep0uVIs0Bf3EfZS0g05e/Z0kYTs7oxUUttB9BOK65F6GV69aQGLUb9YwCo000eCHrl8yaL9Tkm5thzwf9TAsPnHm+Py5FbfhGl6KBBX+1m439Bt8=)      */




// IMPORT CORE STYLESHEETS

// Core styles -- these are needed in most cases





// Calendar views (You may comment out any @imports not needed for your theme)







// Calendar design elements (You may comment out any @imports not needed for your theme)






// 



// OVERRIDE CORE CALENDAR VARIABLES AS NEEDED
// Override core theme colors @highlight1 and @highlight2 for this LWC instance

@highlight1:  #004b87;
@highlight2:  #004851;

#lw_cal ::-webkit-input-placeholder {
  letter-spacing: 0;
}



#lw_cal_events_badge {
  display: none;
}

.lw_cal_view_day, .lw_cal_view_today {
  #lw_cal_events .event, #day-right {
    width: 100%;
  }
}

input.form-control { // search box 
  width: 100%;
  padding: 10px 40px 10px 0;
  border-width: 0 0 1px 0;
  border-bottom: 1px solid #004B87;
  border-radius: 0;
  background-color: #fefdeb;
  font-family: Elza,sans-serif;
  font-size: 16px
}
select.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

input[type="checkbox"],
input[type="radio"] {
  appearance: auto;
  -webkit-appearance: auto;
}

.filter-option label, #lw_cal_online_selector label {
  align-items: start;
  gap: .5rem;
  display: flex;
}

#main-sidebar, .event-details {
  .filter-label, a.btn, #lw_cal_subscribe a, a.button, #event_options a {
    &:focus, &:focus-visible {
      outline-offset: 4px;
    }
  }
}

button.menu__button, li.all a {
    &:focus, &:focus-visible {
    outline-offset: 4px;
  }
}

// soka skip to main content button focus styles
a.skip-link.visually-hidden:focus {
  background-color: #fff;
  padding: 3px 10px;
  position: absolute !important;
  z-index: 10000;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
  color: #000;
}

.information__button {
  &:focus, &:focus-visible {
    outline: auto 5px -webkit-focus-ring-color;
    outline-offset: -8px;
  }
}

/*      Resource ID: 171b5e5e44864782a01ede8b01a (calendar-mobile.less, compiled by lessc, minified by none) (05/29/2026 3:30pm) (A:5700, B:5700, C:33, D:33, F:33, J:33, K:33)      */

.lw_cal {
  position: relative;
}

/*      Resource ID: 24cfc17024ce4fc366ffc696081 (rsvp.less, compiled by lessc, minified by none) (05/29/2026 3:30pm) (A:2643, B:2643, C:2254, D:2254, F:2254, J:2254, K:2254)      */

.lw_rsvp_error {
  display: none;
  background-color: #fee;
  border: #f00 1px solid;
  padding: 16px;
  line-height: 1.6;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: #390909;
}
.lw_rsvp_error ul {
  padding-left: 1.5em;
}
.lw_rsvp_error ul,
.lw_rsvp_error li {
  margin-bottom: 0;
}
h3.lw_rsvp_header {
  background-color: #666;
  font-size: 18px;
  font-weight: 400;
  padding: 8px 12px;
  color: white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.lw_rsvp input[type="text"],
.lw_rsvp textarea {
  border: 1px solid #666;
  padding: 4px 6px;
  background-color: white;
  font-size: 16px;
  width: 200px;
}
.lw_rsvp {
  position: relative;
  margin: 0 auto 1em;
  clear: both;
  width: 100%;
  font-size: 16px;
}
.lw_rsvp * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.lw_rsvp label {
  display: block;
  font-weight: normal;
}
.lw_rsvp div.lw_rsvp_field,
.lw_rsvp div.lw_rsvp_submit_wrapper {
  display: flex;
  gap: 15px;
  align-items: center;
  padding: 8px;
  background: #eee;
  border-top: 1px solid transparent;
  border-bottom: 1px solid #fff;
  border-left: none;
  border-right: none;
}
.lw_rsvp div.lw_rsvp_field_label {
  width: 150px;
  text-align: right;
}
.lw_rsvp div.lw_rsvp_field_input {
  flex: 1;
}
.lw_rsvp input[type=text],
.lw_rsvp textarea {
  width: 100%;
}
.lw_rsvp textarea {
  height: 60px;
}
.lw_rsvp select {
  padding: 6px;
}
.lw_rsvp div.lw_rsvp_submit_wrapper {
  padding-left: 172px;
}
.lw_rsvp div.lw_rsvp_message {
  margin: 1em 0;
}
.lw_rsvp .lw_widget {
  margin-top: 0;
  padding: 0 !important;
}
.lw_rsvp .lw_forms_form {
  display: table;
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}
.lw_rsvp .lw_forms_form fieldset {
  margin: 0;
  padding: 0;
  display: table-row;
  font-size: 14px;
  color: #444;
  font-weight: normal;
  background: #eee;
  border: 0px;
  margin-bottom: 1px;
}
.lw_rsvp .lw_forms_form fieldset > div {
  display: table-cell;
  margin: 0;
  padding: 8px;
}
.lw_rsvp .lw_forms_form .lw_forms_label {
  width: 175px;
  text-align: right;
  padding-right: 12px;
}
.lw_rsvp .lw_forms_form .lw_forms_label > label:after {
  content: ':';
}