@import url("https://use.typekit.net/ksl5erb.css");
@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Raleway:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900");
@import "../../../../livewhale/theme/core/styles/calendar-mobile.less";


/*      Request ID: e54965f94be2a49f7d5652fefa65f55e_1766080439 (02/06/2026 1:16pm) (minifier disabled) (rYzbCYAwDABXcQBtRpK0hjaYBzSF4vY+ZvDn4D7uoLkSnNjlw2aehZLMgpKKK8w5YWernQ4mGwGjkVJAFc8oEOOSxxTZUpSIdYF/hp75zSjiBg==)      */



:root {
  --bs-border-color: #8c8c8c !important;
}

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

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Archivo Black", sans-serif;
  font-weight: 900;
}

body {
  margin: 0;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

#lw_cal .row {
  align-items: flex-start;
}

#lw_cal_header {
  padding: 24px 0;
}

.group-calendar-header {
  padding: 12px;
  background-color: #f5f5f5;
  margin-bottom: 24px;
}
.group-calendar-header a {
  color: #353a3d;
  float: right;
}

.featured-event {
  display: none;
}
body[class*=lw_cal_view] .featured-event {
  display: flex;
}
body.lw_cal_event_detail .featured-event {
  display: none;
}

#day-view {
  display: flex;
  align-items: self-start;
  margin-bottom: 60px;
}
#day-view #day-left {
  display: none;
}
.lw_cal_view_today #day-view #day-left {
  display: block;
}
#day-view #day-right {
  padding-left: 12px;
  width: 100%;
}

@media only screen and (max-width: 579px), only screen and (min-width: 580px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .lw_cal_view_today #day-view #day-left {
    display: none;
  }
  .lw_cal_view_today #day-view #day-right {
    padding-left: 0;
  }
  #lw_cal_search_form {
    margin-bottom: 1rem;
  }
  #lw_cal_view_selector {
    position: sticky;
    top: 0;
    background: #fff;
    height: 36px;
    z-index: 5;
  }
  #lw_page #lw_cal_view_selector {
    top: 40px;
  }
  #lw_cal_header {
    position: sticky;
    top: 36px;
    background: #fff;
    z-index: 5;
  }
  #lw_page #lw_cal_header {
    top: 76px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1299px), only screen and (min-width: 1300px) {
  .calendar-content {
    align-items: flex-start;
  }
  .calendar-content #main-sidebar {
    position: sticky;
    top: 60px;
  }
  #day-left {
    position: sticky;
    top: 60px;
  }
  #lw_page #day-left {
    top: 120px;
  }
  #day-left {
    width: 200px;
  }
}
#main-sidebar {
  margin-top: 0.75em;
  padding-top: 2px;
}

#lw_cal > h1 {
  font-size: 48px;
}
#lw_cal .calendar-group {
  color: #c03;
  font-weight: bold;
}

.button,
.btn {
  display: inline-block;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease;
}
.button:hover,
.btn:hover {
  text-decoration: none;
  background-color: #252525;
  color: #fff;
}
@media (max-width: 768px) {
  .button,
  .btn {
    font-size: 16px;
  }
}
@media (max-width: 550px) {
  .button,
  .btn {
    font-size: 14px;
  }
}
.button.large,
.btn.large {
  display: inline-block;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease;
}
.button.large:hover,
.btn.large:hover {
  text-decoration: none;
  background-color: #252525;
  color: #fff;
}
@media (max-width: 768px) {
  .button.large,
  .btn.large {
    font-size: 16px;
  }
}
@media (max-width: 550px) {
  .button.large,
  .btn.large {
    font-size: 14px;
  }
}
.button.large,
.btn.large {
  display: block;
  margin: 15px 0;
  padding: 10px 24px;
  border-radius: 24px;
  text-transform: uppercase;
  letter-spacing: 0.75px;
  text-decoration: none;
  background-color: white !important;
  color: #252525 !important;
  border: 2px solid #252525 !important;
  font-size: 14px;
}
.button.large:hover,
.btn.large:hover {
  text-decoration: none;
  background-color: #252525 !important;
  color: #fff !important;
}
.button.small,
.btn.small {
  display: inline-block;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease;
}
.button.small:hover,
.btn.small:hover {
  text-decoration: none;
  background-color: #252525;
  color: #fff;
}
@media (max-width: 768px) {
  .button.small,
  .btn.small {
    font-size: 16px;
  }
}
@media (max-width: 550px) {
  .button.small,
  .btn.small {
    font-size: 14px;
  }
}
.button.small,
.btn.small {
  background-color: #252525;
  color: #fff;
  padding: 10px 15px;
  border-radius: 0;
  font-size: 14px;
}

#lw_cal_subscribe {
  all: unset;
}
#lw_cal_subscribe > a,
#lw_cal_subscribe + a {
  display: inline-block;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease;
}
#lw_cal_subscribe > a:hover,
#lw_cal_subscribe + a:hover {
  text-decoration: none;
  background-color: #252525;
  color: #fff;
}
@media (max-width: 768px) {
  #lw_cal_subscribe > a,
  #lw_cal_subscribe + a {
    font-size: 16px;
  }
}
@media (max-width: 550px) {
  #lw_cal_subscribe > a,
  #lw_cal_subscribe + a {
    font-size: 14px;
  }
}
#lw_cal_subscribe > a,
#lw_cal_subscribe + a {
  display: block;
  margin: 15px 0;
  padding: 10px 24px;
  border-radius: 24px;
  text-transform: uppercase;
  letter-spacing: 0.75px;
  text-decoration: none;
  background-color: white !important;
  color: #252525 !important;
  border: 2px solid #252525 !important;
  font-size: 14px;
}
#lw_cal_subscribe > a:hover,
#lw_cal_subscribe + a:hover {
  text-decoration: none;
  background-color: #252525 !important;
  color: #fff !important;
}

#lw_cal_view_selector li a {
  font-weight: 400;
  font-size: 16px;
}

#lw_cal_search_form {
  display: flex;
}
#lw_cal_search_form button {
  padding: 0.45rem;
}

#lw_mini_cal {
  margin: 12px 0 24px;
}
#lw_mini_cal h3 {
  font-size: 18px;
  color: #c03;
}
@media only screen and (min-width: 992px) and (max-width: 1299px) {
  #lw_mini_cal h3 {
    font-size: 14px;
  }
}
#lw_mini_cal h3 a {
  color: #252525;
}
#lw_mini_cal h3 a:hover {
  color: #c03;
}
#lw_mini_cal td.today {
  background-color: #252525 !important;
}
#lw_mini_cal td.today a {
  color: white !important;
}
#lw_mini_cal td.selected, #lw_mini_cal td.selected.active {
  background-color: #f5f5f5;
}
#lw_mini_cal td.selected a, #lw_mini_cal td.selected.active a {
  color: black;
}
#lw_mini_cal td.selected a, #lw_mini_cal td.has_items a {
  font-weight: bold;
}
#lw_mini_cal th,
#lw_mini_cal td {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
}
#lw_mini_cal a {
  text-decoration: none;
}

#lw_cal_header h2 {
  font-family: "Archivo Black", sans-serif;
  font-size: 2.5em;
  line-height: 1.25em;
  font-weight: 400;
  color: #252525;
}
#lw_cal_header #lw_cal_scroll_links {
  top: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1299px) {
  #lw_cal_header h2 {
    font-size: 1.75em;
  }
  #lw_cal_header #lw_cal_date_selector {
    top: 21px;
  }
  #lw_cal_header #lw_cal_scroll_links {
    top: 15px;
  }
}
@media only screen and (max-width: 579px), only screen and (min-width: 580px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  #lw_cal_header h2 {
    font-size: 1.25em;
    padding-left: 12px;
  }
  #lw_cal_header #lw_cal_scroll_links {
    top: 10px;
  }
  #lw_cal_header #lw_cal_scroll_links .lw-icon-2x {
    font-size: 1.5em;
  }
  #lw_cal_header #lw_cal_showing {
    padding-left: 12px;
  }
}

#lw_cal_date_selector form select {
  max-width: 180px;
}

#lw_cal_scroll_links {
  top: 20px;
}

form.filter {
  position: relative;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  background: #FFFFFF;
  box-sizing: border-box;
}
form.filter fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

.filter-label {
  display: inline-block;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease;
}
.filter-label:hover {
  text-decoration: none;
  background-color: #252525;
  color: #fff;
}
@media (max-width: 768px) {
  .filter-label {
    font-size: 16px;
  }
}
@media (max-width: 550px) {
  .filter-label {
    font-size: 14px;
  }
}
.filter-label {
  background-color: #252525;
  color: #fff;
  padding: 10px 15px;
  border-radius: 0;
  font-size: 14px;
  display: block;
}
.filter-label .filter-icon {
  position: absolute;
  right: 12px;
  top: 0;
  font-size: 1.8em;
  transition: transform 0.2s;
}
.is-active .filter-label .filter-icon {
  transform: rotate(180deg);
  top: 3px;
}

.filter-dropdown {
  background-color: #fff;
  display: none;
  border: 1px solid #ced4da;
  border-radius: 0 0 3px 3px;
  padding: 16px;
  z-index: 15;
  box-sizing: border-box;
  max-height: 400px;
  overflow: hidden;
  overflow-y: auto;
}
.filter-dropdown ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.filter-option {
  margin-bottom: 0px;
}
.filter-option label {
  cursor: pointer;
  display: flex;
  align-items: baseline;
}
.filter-option label:hover {
  text-decoration: underline;
}
.filter-option input {
  margin-right: 8px;
}

.lwc-event-widget .lwc-featured-event .lwc-event-title a {
  color: #252525;
}
.lwc-event-widget .lwc-featured-event .lwc-event-title a:hover {
  color: #c03;
}

#lw_cal_events {
  padding: 0;
}
#lw_cal_events h3, #lw_cal_events .lw_cal_event_list > h4 {
  font-family: "Archivo Black", sans-serif;
  font-weight: 400;
  padding: 6px 12px;
  margin-bottom: 24px;
  background-color: #c03;
  color: #fff;
  border: none !important;
}
#lw_cal_events h3:after, #lw_cal_events .lw_cal_event_list > h4:after {
  content: "";
}
#lw_cal_events .lw_cal_event_list {
  padding-left: 0;
}

.event-label {
  padding: 5px 9px 4px;
  border-radius: 2px;
  background-color: #f5f5f5;
  color: #353a3d;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 1;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}
.event-label::before {
  background-image: url("/live/resource/image/_ingredients/themes/global/images/icons/globe.png");
  background-size: contain;
  height: 17px;
  width: 16px;
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.event {
  margin-bottom: 36px;
  padding: 1.5rem 0.75rem;
  line-height: 1.4;
  background-color: #f5f5f5;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
@media (max-width: 550px) {
  .event {
    flex-wrap: wrap;
  }
}
.event:first-child {
  margin-top: 0;
}
.event p {
  margin: 0 0 16px;
}

.cal_date {
  min-width: 50px;
  border: 1px solid black;
  text-align: center;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 10px;
  left: 10px;
}
.cal_date [class*=day] {
  font-weight: 400;
  font-size: 36px;
  background-color: #fff;
  color: #000;
  font-family: "Archivo Black", sans-serif;
  line-height: 1.2;
  font-size: 24px;
  padding: 2px 8px;
}
.cal_date [class*=month] {
  font-weight: 700;
  padding: 2px;
  text-align: center;
  text-transform: uppercase;
  background: #252525;
  color: white;
  font-size: 13px;
  letter-spacing: 1px;
  font-family: "Roboto", sans-serif;
}

.event-left {
  flex: 0 0 200px;
}
.featured-event .event-left {
  flex: 0 0 300px;
}
.event-left {
  margin: 0 0.75rem;
  position: relative;
}
@media only screen and (min-width: 580px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .event-left {
    flex: 0 0 150px;
    height: auto;
  }
}
@media only screen and (max-width: 579px) {
  .event-left {
    display: none;
  }
}
.event-left .event-label {
  z-index: 1;
  position: absolute;
  left: 15px;
  bottom: 15px;
}
.event-left img {
  display: block;
  max-width: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  height: auto;
  background-color: #d2d5d7;
}
.event-left .thumbnail {
  display: block;
}
.event-left .thumbnail a {
  display: block;
}
.event-left .thumbnail:hover img {
  -webkit-filter: brightness(0.85);
  filter: brightness(0.85);
}

.event-right {
  display: flex;
  margin: 0 0.75rem;
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
}

.event-header {
  font-size: 13px;
  font-weight: normal;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #666;
  margin-bottom: 0.5em;
}

.event-title {
  margin: 0 0 24px;
  color: #252525;
  font-family: "Archivo Black", sans-serif;
  font-weight: 400;
  font-size: 32px;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.1;
}
.event-title a {
  color: inherit;
  font-weight: inherit;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
.event-title a:hover {
  text-decoration: none;
  opacity: 0.7;
}
@media (max-width: 992px) {
  .event-title {
    font-size: 26px;
  }
}
@media (max-width: 768px) {
  .event-title {
    font-size: 22px;
  }
}
@media (max-width: 550px) {
  .event-title {
    font-size: 20px;
  }
}

.event-summary {
  margin-bottom: 8px;
}
.event-summary br {
  display: none;
}
.event-summary h1, .event-summary h2, .event-summary h3, .event-summary h4, .event-summary h5 {
  font-size: 1.4rem;
}

.event-info {
  font-size: 14px;
}
.event-info div {
  padding-left: 32px;
  margin-bottom: 6px;
}
.event-info div svg, .event-info div [class^=fa] {
  margin-left: -32px;
  width: 16px;
  margin-right: 8px;
}

.lw_cal_event_view #lw_cal_events {
  padding: 12px;
}

#lw_cal .event-details {
  display: flex;
}
#lw_cal .event-details #lw_cal_event_leftcol {
  min-width: 270px;
}
#lw_cal .event-details #lw_cal_event_leftcol > * {
  margin-bottom: 2em;
}
#lw_cal .event-details #lw_cal_event_leftcol .event-more-info h3 {
  padding: 4px 10px;
  margin-bottom: 20px;
  font-size: 1.175em;
}
@media only screen and (max-width: 579px), only screen and (min-width: 580px) and (max-width: 767px) {
  #lw_cal .event-details {
    flex-direction: column;
  }
  #lw_cal .event-details #lw_cal_event_leftcol {
    order: 2;
    width: auto;
    display: flex;
    flex-direction: column;
    min-width: 270px;
  }
  #lw_cal .event-details #lw_cal_event_leftcol .lw_cal_event_detail_map {
    order: 1;
  }
  #lw_cal .event-details #lw_cal_event_leftcol .lw_cal_event_detail_map .lw_responsive_iframe_wrapper {
    height: 250px;
    padding-top: 50%;
  }
  #lw_cal .event-details #lw_cal_event_leftcol .event-more-info {
    order: 2;
  }
  #lw_cal .event-details #lw_cal_event_leftcol picture {
    order: 3;
    text-align: center;
  }
  #lw_cal .event-details #lw_cal_event_rightcol {
    order: 1;
  }
}
#lw_cal .event-details .lw_widget_saveandshare {
  display: flex;
}

.lwc_submit_form {
  line-height: 1.5;
}
.lwc_submit_form > fieldset {
  padding: 1rem 2rem;
  border-radius: 0.5rem;
  background: #eee;
  margin: 1rem 0 2rem;
}
.lwc_submit_form .field {
  margin-bottom: 1.5rem;
}
.lwc_submit_form .field + .field {
  padding-top: 1rem;
  border-top: 1px dotted #ccc;
}
.lwc_submit_form h6,
.lwc_submit_form .h6 {
  color: #252525;
  font-weight: normal;
}
.lwc_submit_form legend {
  float: none;
  background-color: #c03;
  color: white;
  padding: 2px 8px;
  width: auto;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1.8;
}
.lwc_submit_form input[type=text]:not([name*=_time]),
.lwc_submit_form textarea {
  width: 100%;
}
.lwc_submit_form small {
  margin-bottom: 0.25rem;
  display: inline-block;
}
.lwc_submit_form .upload-image .lw_uploader {
  position: relative;
}
.lwc_submit_form .upload-image .lw_uploader ul {
  padding: 0;
  list-style: none;
}
.lwc_submit_form .upload-image .image-caption {
  display: none;
}
.lwc_submit_form .upload-image:has(.lw_uploader_complete) .lw_uploader_browse {
  display: none;
}
.lwc_submit_form .upload-image:has(.lw_uploader_complete) .image-caption {
  display: block;
}
.lwc_submit_form .categories ul {
  width: 48%;
  float: left;
  list-style-type: none;
  padding-left: 0;
}
.lwc_submit_form .categories ul li {
  padding: 0 0 0.5em 0.5em;
}
.lwc_submit_form .categories input {
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.lwc_submit_form .event-setting {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.lwc_submit_form .event-setting ul {
  width: auto;
  float: none;
  display: inline;
  list-style-type: none;
  padding-left: 0;
}
.lwc_submit_form .event-setting ul li {
  padding: 0.5em 1em 0.5em 0;
  display: inline-block;
}
.lwc_submit_form .event-setting input {
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.lwc_submit_form input.lw_time {
  margin-left: 0;
}
.lwc_submit_form .lw_online_fields {
  display: none;
  border: 0 solid #ccc;
  border-width: 0 1px 1px 1px;
  padding: 10px 14px 0;
  margin-top: -1rem;
  margin-bottom: 1rem;
}
.lwc_submit_form .lw_online > label {
  display: block;
  padding: 5px 8px;
  cursor: pointer;
  border: 1px solid #ccc;
  margin: 0;
}
.lwc_submit_form .event-types li {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}
.lwc_submit_form .event-types li input {
  top: 1px;
}
.lwc_submit_form button[type=submit] {
  background-color: #252525;
  border-color: #252525;
  color: white;
}
.lwc_submit_form button[type=submit]:hover {
  background-color: #c03;
  border-color: #c03;
}

#ui-datepicker-div {
  width: 250px;
}

/* -------------------------------------------------------------------------- */
/*                             _accessibility.scss                            */
/* -------------------------------------------------------------------------- */
#main-sidebar #lw_mini_cal td.active:focus-visible,
#main-sidebar .filter-label:focus-visible,
#main-sidebar #lw_cal_subscribe a:focus-visible,
#main-sidebar a:focus-visible {
  outline-offset: 4px;
}

#lw_cal_view_selector a:focus-visible {
  outline-offset: 4px;
}

.event .thumbnail a {
  outline-offset: 3px;
}

#lw_cal_event_leftcol a.lw_join_online {
  outline-offset: 3px;
}

#lw_cal_event_rightcol {
  overflow: visible;
}
#lw_cal_event_rightcol #event_options a:focus-visible {
  outline-offset: 4px;
}

/*# sourceMappingURL=b56a2098a4e7106711a50203fa9b31b0.21057a0f.map */
/* -------------------------------------------------------------------------- */
/*                                 mobile.less                                */
/* -------------------------------------------------------------------------- */



// update based on calendar.less @highlight1
// OVERRIDE CORE CALENDAR VARIABLES AS NEEDED
// Override core theme colors @highlight1 and @highlight2 for this LWC instance

@highlight1:  #252525;
@highlight2:  #c03;


// use standard bootstrap breakpoints
@screen-xs-max: 479px;
@screen-sm-max: 767px;
@screen-md-max: 991px;
@screen-lg-max: 1199px;

@media screen and (max-width: @screen-md-max) {
   #lw_cal_date_selector {
        display: none;
    }
    #lw_cal_subscribe {
        padding: 0;
    }
    #lw_cal_search_form input {
        // width: 300px;
    }
}

@media screen and (max-width: @screen-lg-max) {
  #lw_cal_view_selector .all a .m  {
    display: none;
  }

  #lw_cal_header h5 {
    font-size: 2.15em;
    margin: 5px 10px 0px 10px;
  }
}

@media screen and (max-width: @screen-md-max) {
    .mobileViewSelector();
    .mobilePaymentsTable();
    .mobileMonthViewGrid();

    #lw_cal_events {
        padding: 0;
    }

    #lw_cal_header {
        padding-left: 0;
        border-bottom: none;
        margin-bottom: 0;
        h5 {
            font-size: 1.5em;
        }
    }

    .lw_cal_search_wrapper {
        padding: 12px;
        margin-top: 10px;
        background-color: #eee;
        .border-radius(2px);

    }

    #lw_cal_search_form {
        margin: 0;
        display: flex;
    }

    // LWC toolbar
    li#lw_calendar_manage_images {
        display: none;
    }
    #lw_toolbar.lw_element .lw_block > a {
        padding: 5px !important;
        #lw_toolbar.lw_element .lw_block > a span {
            margin: 0 !important;
        }
    }

    // individual item styles
    .text-right {
        float: left;
    }

    #lw_cal_scroll_links {
        top: 18px;
    }

    .lw_cal_tz_abbrv,
    .lw_user_time {
        display: none;
    }

    #lw_cal_location_map {
        width: 200px;
        z-index: 200;
    }

    #lw_page {
        margin-top: 60px;
    }

    #lw_cal_day_leftcol {
        display: none;
    }

    #lw_cal_day_rightcol,
    #lw_cal_event_leftcol {
        padding: 0;
        border: none;
        min-height: 0;
    }

    #lw_cal_event_rightcol {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .lw_cal_month_view #lw_cal_events td {
        height: 60px;
    }

    #lw_cal_events .lw_cal_show_day {
        font-size: 10px;
        display: block;
        width: 100%;
        clear: both;
    }

    .lw_cal_month_view #lw_cal_events .lw_cal_event_list .lw_cal_event {
        width: 3px;
        height: 3px;
        padding: 1px;
        margin: 6px 6px 2px 0;
        background-color: @highlight1;
    }

    #lw_mini_cal {
        th, 
        td>a {
            font-size: 0.75rem;
        }

        td {
            padding: 0.25rem;
        }
    }

    form.lw_payments_charge td {
        width: 100% !important;

        label {
            text-align: left;
        }
    }
}

@media screen and (max-width: @screen-xs-max) {
    body.calendar {
        .m,
        span.fa-search,
        header.title {
            display: none;
        }
    }

    #lw_cal_search_form {
        display: block;
        input {
            width: 100%;
        }
    }

    #lw_cal_view_selector li a {
        font-size: .75em;
    }

    #lw_cal_header {
        padding: 0;
        padding-bottom: 20px;
    }

    #lw_cal_scroll_links {
        top:5px;
    }

    #lw_cal_this_day {
        clear: left;
        width: 100%;
        padding-top: 10px;
    }
}

@media screen and (min-width: @screen-md-max) {
    #lw_cal_view_selector {
        border-bottom: 1px solid @highlight1;
        margin-bottom: 1em;
    }

    #main-content {
        &>.group-calendar-header {
            margin-top: 1em;
        }
        
        &>#lw_cal_view_selector {
            margin-top: 0.75em;
        }
    }
}

@media screen and (max-width: @screen-md-max) {
    #main-sidebar {
        #main-sidebar-collapse {
            button {
                width: 100%;
                border: none;
                position: relative;
            }
        }

        .sidebar-content {
            display: none;
            margin-top: 1rem;
            padding: 0 1rem 1rem 1rem;
        }
    }
}