input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000000;
  opacity: 1; /* Firefox */
}

input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000000;
}

input::-ms-input-placeholder { /* Microsoft Edge */
  color: #000000;
}

.inner-wrapper {
  padding-top: 0px!important;
}

body.list-location-page {
  background: #F1F2F2!important;
}

.hide-event{
  pointer-events: none;
  opacity: 0.35;
}
.status_box.success{
  display:none; 
}
.lumify_tooltip_blue
{
  background-color: #FF6652;
  color:#ffffff;
  margin-left: 5px;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 50%;
  cursor: pointer;
  font-style: initial!important;
}

.lumify_tooltip_blue:hover
{
  background-color: #ffffff;
  color:#FF6652;
}

.lumify_tooltip_grey
{
  background-color: #ffffff;
  color:#00b2e0;
  margin-left: 5px;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 50%;
  cursor: pointer;
  font-style: initial!important;
}
.fancybox-overlay{
  background: rgba(0, 0, 0, 0.65);
  z-index: 99999;
}

.fancybox-skin-revert{
  background: white!important;
  padding: 7px !important;
}
.fancybox-wrap{
  z-index: 999999;
}

.studioInfo .nav-tabs > li.directions a:after, .studioInfo .nav li.directions a:hover:after, .studioInfo .nav li.directions a:focus:after{
  left: 65%!important;
}

.howitwork_video a {
    margin-left: 0!important;
    margin-right: 0!important;
    width: 100%!important;
}

#howitwork_video  {
  margin: 0 auto;
    text-align: center;
}  

#howitwork_video video {
  width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
    outline:none;
}

#virtualInfo .info_left img{
  width: 425px !important;
  height: 400px !important;
    margin-top: 30px;
    margin-bottom: 30px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: table;
    float: none;
    border: none;
    width: 85%;
}

.virtual_desc {
  width: 90%;
  margin-bottom: 25px!important;
}

.virtual_desc h3 {
  margin-left: -2px;
}

.artist-virtual li img {
  object-fit: cover;
    border-radius: 50%;
    height: auto;
    width: 95%;
}

.artist-virtual li {
    background: #fff!important;
}

.studioInfo .bx-wrapper .bx-next, .studioInfo .bx-wrapper .bx-prev {
  z-index: 1!important;
}

.studioInfo {
  background: #333333!important;
  margin: 40px auto!important;
  z-index: 3;
}

.studioInfo .nav-tabs > li.active a:after, .studioInfo .nav li a:hover:after, .studioInfo .nav li a:focus:after {
  background: none!important;
}

.studioInfo .nav-tabs > li.active a {
    border-bottom: 6px solid #00D5C2!important;
    color: #FFFFFF!important;
    background-color: #333333!important;
    width: 100%!important;
}

.studioInfo .nav-tabs > li a {
  color: #FFFFFF!important;
  padding-left: 0px!important;
  padding-right: 0px!important;
  font-family: 'Frontage Bold'!important;
}

.info_right h3 {
  color: #FFFFFF!important;
  margin-left: -3px;
}

.parking_direction_section > p {
  font-family: 'Poppins';
  color: #FFFFFF!important;
  font-size: 16px!important;
  font-style: normal!important;
  font-weight: 300!important;
  line-height: normal!important;
}

.studioInfo .bx-wrapper .bx-prev:before, .studioInfo .bx-wrapper .bx-next:before {
  color: #FFFFFF!important;
  border: 4px solid #FFFFFF!important;
} 

.artist-name {
  color: #FFFFFF!important;
}

.artist-description {
    color: #FFFFFF;
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 200;
    line-height: 133.3%;
    margin-top: 10px;
    display: inline-block;
    height: auto;
    white-space: unset;
    width: 100%;
}

.studioArtistSlider li {
  background: #333333!important;
}

#applycodevalue::placeholder {
  font-size: 12px!important;
}

.muse-instudio-party-payment-header {
    width: 100%;
    display: inline-block;
    height: 392px;
    position: relative;
    background-size: cover;
}

.muse-instudio-party-payment-header-secondary {
    width: 100%;
    display: inline-block;
    height: 615px;
    overflow: hidden;
    position: relative;
    background-size: cover;
}

.page-header-overlay {
  position: absolute;
    transition: all 0.5s ease;
    opacity: .5;
    background-color: #000;
    width: 100%;
    height: 100%;
    top: 0;
}

.page-header-breadcrumbs {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 133.4%;
  letter-spacing: 0.05em;
  text-decoration-line: none;
  color: #FFFFFF;
  z-index: 2;
  position: absolute;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  left: 0;
  right: 0;
  display: inline-block;
  padding: 30px 0px 0px 0px
}

.page-header-breadcrumbs a {
  font-family: 'Poppins';
  font-style: normal;
  font-size: 17px;
  text-decoration-line: none;
  color: #FFFFFF!important;
  text-align: left;
  width: 130px;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 0.9px;
}

.page-header-breadcrumbs span {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  line-height: 24px;
  letter-spacing: 0.05em;
  text-decoration-line: none;
  color: #FFFFFF!important;
  text-align: left;
  width: 25px;
}

.page-header-text {
  font-family: 'Frontage Bold'!important;
  font-style: normal;
  font-size: 70px;
  align-items: center;
  text-align: center;
  margin: 0 auto;
  display: inline-block;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.15em;
  margin-top: 10px;
}

.page-header-details {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 133.4%;
  letter-spacing: 0.05em;
  text-decoration-line: none;
  margin: 0 auto;
  text-align: center;
  width: 80%;
}

.page-header-details .location-address-text a {
  color: #333333!important;
}

.page-header-details .location-address {
  position: relative;
  cursor: pointer;
  display: flex;
  margin: 0 auto;
  text-decoration: none;
  align-items: center;
  width: 45%;
  justify-content: center;
}

.page-header-details .location-address a {
  color: #2a64a9!important;
  text-decoration: none;
  font-family: Poppins;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 133.4%; /* 21.344px */
  letter-spacing: 0.8px;
  text-decoration-line: underline;
  text-align: left;
  width: 80% !important;
}

.page-header-details .location-address:before {
    content: '\f041';
    color: #2a64a9!important;
    font-family: FONTAWESOME;
    font-size: 38px;
    margin-right: 10px;
    align-items: center;
    display: inline-flex;
}

.page-header-details .contact-email {
  position: relative;
  cursor: pointer;
  display: flex;
  margin: 0 auto;
  align-items: center;
  width: 25%;
}

.page-header-details .contact-email a {
  color: #2a64a9!important;
  text-decoration: none;
  display: contents;
  text-decoration: none;
  font-family: Poppins;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 133.4%; /* 21.344px */
  letter-spacing: 0.8px;
}

.page-header-details .contact-email:before {
    content: '\f0e0';
    color: #2a64a9!important;
    font-family: FONTAWESOME;
    font-size: 32px;
    margin-right: 10px;
    align-items: center;
    display: inline-flex;
}

.page-header-details .contact-phone {
  position: relative;
  cursor: pointer;
  display: flex;
  margin: 0 auto;
  text-decoration: none;
  align-items: center;
  width: 30%;
}  

.page-header-details .contact-phone a {
  color: #2a64a9!important;
  text-decoration: none;
  display: contents;
  font-family: Poppins;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 133.4%; /* 21.344px */
  letter-spacing: 0.8px;
}

.page-header-details .contact-phone:before {
    content: '\f095';
    color: #2a64a9;
    font-family: FONTAWESOME;
    margin-top: 5px;
    font-size: 32px;
    margin-right: 10px;
    align-items: center;
    display: inline-flex;
}
  
.page-header-content {
  margin: 0 auto;
  width: 80%;
}  

.page-header-content span {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  text-align: center;
  letter-spacing: 0.05em;
  color: #333333;
}

.page-header-content a {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  text-align: center;
  letter-spacing: 0.05em;
  color: #0076DB;
  text-decoration: underline;
  display: block;
  width: 100% !important;
  margin: 0 auto;
  cursor: pointer;
  padding-top: 5px;
}

.studio_info_text {
  padding: 10px 0px;
}

.studioInfo {
    display: block!important;
}

.studio_info_mobile {
  background: #333333 !important;
  margin: 40px 2.5% !important;
  z-index: 3;
  display: none;
}

.studio_info_text img {
  width: auto!important;
  padding: 0!important;
  margin: 0px 20px 0px 0px!important;
  vertical-align: top!important;
}

.studio_info_text_parking img {
  width: 28px!important;
  height: 28px!important;
}

.page-header-content-instagram-1 {
  width: 100%;
  padding-bottom: 10px;
} 

.page-header-content-instagram-1 a {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  text-align: left;
  letter-spacing: 0.05em;
  color: #00D5C2;
  text-decoration: underline;
  display: block;
  width: 100% !important;
  margin: 0 auto;
  cursor: pointer;
  padding-top: 5px;
}

.read_more_artist {
  width: 150px!important;
}

.page-header-breadcrumbs-outer {
  background-color: #F2F2F2;
  width: 70%;
  border-radius: 22px;
  max-width: 1140px;
  height: 100%;
  text-align: center;
  margin: 0 auto;
  display: grid;
  align-items: center;
  z-index: 1;
  position: relative;
  padding: 30px 0px;
  visibility: hidden;
}

.upcoming_events {
  font-family: 'Frontage Bold'!important;
  font-style: normal;
  text-align: center;
  color: #333333;
  width: 100%!important;
  max-width: 1140px!important;
  display: block!important;
  margin: 0 auto!important;
  font-size: 40px;
  font-weight: 400;
  line-height: 133.4%; /* 42.688px */
  text-transform: uppercase;
  padding-top: 30px;
  letter-spacing: -0.15em !important;
}

.new_session_filters_container {
  margin: 0 auto;
  width: 100%;
  max-width: 1140px;
  text-align: center;
  padding: 20px 0px 40px 0px;
}

.filter_by {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  font-size: 23px;
  line-height: 133.4%;
  align-items: center;
  letter-spacing: 1.2px;
  color: #333333;
  float: left;
}

.switch_calendar {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  font-size: 23px;
  letter-spacing: 1.2px;
  line-height: 133.4%;
  align-items: center;
  color: #333333;
  float: right;
  display: none;
}

div#calendar_list.selected {
  clear: both!important;
  max-width: 1140px!important;
  width: 100%!important;
  padding-top: 0px!important;
}

.calendar-location-page .on-off-button {
  width: 100px!important;
  float: left!important;
}

.on-off-button {
  width: 100px!important;
  float: left!important;
}

body, .grey-bg-container, .grey-bg-container .full-width-section {
    background: #F1F2F2 !important;
}

body {
    background: #F1F2F2 !important;
}

#calendar {
  background: rgba(0,0,0,.08) !important;
  margin-top: 50px!important;
}

.private-party-details {
    width: 100%;
    display: inline-block;
    height: 526px;
    overflow: hidden;
    position: relative;
    background-size: cover;
    margin-top: 40px!important;
    background-image: url(https://www.musepaintbar.com/wp-content/uploads/2023/08/private-event-banner.png);
}
.private-party-overlay {
  position: absolute;
  transition: all 0.3s ease;
  opacity: .3;
  background-color: #000;
  width: 100%;
  height: 100%;
  top: 0;
}

.private-party-text {
  font-family: 'Frontage-Regular';
  font-style: normal;
  font-weight: bold;
  font-size: 45px;
  line-height: 133.4%;
  align-items: center;
  text-align: center;
  color: #FFFFFF;
  z-index: 2;
  position: absolute;
  width: 100%;
  margin: 0 auto;
  top: 0%;
  bottom: 0%;
  left: 0;
  right: 0;
  display: grid;
}

.private-party-button-details {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 133.4%;
  letter-spacing: 0.05em;
  color: #FFFFFF;
  z-index: 2;
  position: absolute;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  top: 65%;
  bottom: 0%;
  left: 0;
  right: 0;
  display: inline-block;
}

.private-party-book {
  background: #FF6652;
  border-radius: 5px;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 10px 30px;
  cursor: pointer;
}

.private-party-book a {
  color: #FFFFFF!important;
}

.private-party-book a:hover {
  text-decoration: none!important;
}

.private-party-learn {
  background: #00D5C2;
  border: 2px solid #00D5C2;
  box-sizing: border-box;
  border-radius: 5px;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 10px 30px;
  margin-left: 25px;
  cursor: pointer;
}

.private-party-learn a {
  color: #FFFFFF!important;
}

.private-party-learn a:hover {
  text-decoration: none!important;
}

.calendar_filter_sec {
  max-width: 1140px!important;
  display: block!important;
  margin: 0 auto!important;
  margin-top: 10px!important;
}

.list_view_filter {
  width: 100%!important;
  margin: 0 auto!important;
}

#location-cat {
  width: 20%;
}

#event-cat {
  width: 22%;
}

#day-of-week {
  width: 24%;
}

#location-cat .event-filter-action {
  display: none;
  height: 300px;
}

#event-dates-button-container {
  text-align: left;
  font-family: 'Poppins';
  cursor: pointer;
}

#cat-drop-down-container {
  text-align: left;
  font-family: 'Poppins';
}

#day-of-week-button-container {
  text-align: left;
  font-family: 'Poppins';
}

.filter-mobile-view {
  position: initial!important;
  border: none!important;
  text-align: left;
  max-width: 1140px;
  margin: 0 auto;
}

div.calendar_filter_sec div.events-list-search {
  margin: 0 auto!important;
  display: block!important;
}

.events-list-search {
  display: grid!important;
  margin: 0 auto!important;
  text-align: center!important;
}

.date-picker-wrapper .month-element {
  font-family: 'Poppins'!important;
  font-weight: 500!important;
}

.date-picker-wrapper .month-wrapper table .day {
  font-family: 'Poppins'!important;
  font-weight: 300!important;
}

.date-picker-wrapper .month-wrapper table td, .date-picker-wrapper .month-wrapper table th {
  font-family: 'Poppins'!important;
  font-weight: 300!important;
}

.filter_down_arrow {
  margin-top: 9px;
  display: inline-block;
  float: right;
  cursor: pointer;
}

.filter_down_arrow_rotate {
    transform:rotate(-180deg);
    -webkit-transform:rotate(-180deg);
    -moz-transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    -o-transform:rotate(-180deg)
} 

.new-filter-cls {
  display: block;
}

.new-filter-mobile-cls, .new-filter-mobile-ul-cls {
  display: none;
}

.new-filter-cls span {
  font-family: "Poppins";
  padding: 10px 15px!important;
  margin-left: 15px !important;
  border: 2px solid #333333 !important;
  font-size: 24px;
  font-weight: 300;
  float: left;
  border-radius: 5px !important;
  line-height: 25px;
  cursor: pointer;
} 

.new-filter-mobile-cls {
  display: none;
  margin: 0px!important;
  padding: 0!important;
  width: 100%!important;
}

.new-filter-mobile-button-cls {
  margin-top: 25px!important;
  margin-bottom: 0px!important;
  padding: 15px 25px 15px 10px!important;
  display: inline-block!important;
  width: 100.5%!important;
  background: #FFFFFF!important;
  color: #333333!important;
  border: 2px solid #333333!important;
  font-size: 17px!important;
  font-family: 'Poppins'!important;
  font-weight: 300!important;
  text-align: left!important;
}

.new-filter-mobile-ul-cls {
  width: 98%!important;
  background: #FFFFFF!important;
  color: #333333!important;
  border: 2px solid #333333!important;
  font-size: 17px!important;
  font-family: 'Poppins'!important;
  font-weight: 300!important;
  text-align: left!important;
}

.new-filter-mobile-ul-cls li {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 5px;
    display: block;
}    

.shortcut-active {
  background-color: #333333 !important;
  color: #FFFFFF!important;
}

.filter_down_arrow img {
  margin-left: 15px;
  margin-top: 2px;
}

div.calendar_filter_sec .search-element-container.expanded div.event-button-container, div.calendar_filter_sec .search-element-container.addFilter div.event-button-container {
  color: #54505e!important;
}

div.calendar_filter_sec div.search-element-container.expanded, div.calendar_filter_sec div.search-element-container.addFilter, div.calendar_filter_sec .expanded div.event-button-container:hover, div.calendar_filter_sec .addFilter div.event-button-container:hover, .shotcut_tag_name li.active:hover {
  background: #FFFFFF!important;
}

.check-box-wrap {
  vertical-align: middle;
  margin-right: 5px;
}

.checkbox-sqaure {
  position: absolute; 
  top: 1px;
}

.parking_desc a {
  color: #FFFFFF!important;
}

.shortcut_filter_sec {
  display: inline-block!important;
}

a#copy_link_button{
    background: #dbdbdb;
    height: 30px;
    display: block;
    padding: 5px 10px;
    float: left;
    color: #3c3d41;
    text-decoration: none;
    line-height: 30px;
    text-align: center;
    width: 73px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    float: left;
    font-family: lato-regular;
    font-size: 13px;
}
a#copy_link_button:hover {
    background: #ccc;
}
div#calendar_list.selected div.events-list-container{
  width: 100%;
}
a#copy_link_button.linkedCopied {
    width: 80px;
    background: green;
    color: #fff;
}

.copyUrlParent {
  text-align: center;
  margin: 0 auto;
  display: -webkit-inline-box;
}

.input-group span {
  font-family: 'Poppins';
}

#right.new-checkout {
  padding: 0px!important;
  box-sizing: initial!important;
  width: 100%!important;
  border-radius: initial!important;
  box-shadow: none!important;
  margin: 0 auto!important;
  float: none!important;
  display: flex;
  margin-top: 10px!important;
  background: #F1F2F2!important;
}

#myformedit {
    display: inline-block!important;
    width: 100%!important;
    max-width: 1140px;
    margin: 0 auto!important;
    background: #FFFFFF;
}

#right .productbox {
    margin-top: 0px!important;
    position: relative;
    display: inline-flex!important;
    background: #FFFFFF;
    border: none!important;
    box-shadow: none!important;
    padding: 34px;
}

.image-fancybox a.edit-page-fancybox {
  display: none;
}

.no_of_painter {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 133.4%;
  align-items: center;
  color: #000000;
  margin-right: 12px!important; /* REDESIGN: was 30px (gap now sits outside the pill) */
}

/* REDESIGN: painter stepper is now a single bordered control.
   Border/radius moved to .select-content; children are borderless. */
.select-content {
  display: inline-flex;
  align-items: center;
  background: none;
  border: none;
  border-radius: 0;
  overflow: visible;
  height: auto;
  vertical-align: middle;
}

/* the bordered pill wraps ONLY the stepper, not the "# of painters:" label */
.painter-control {
  display: inline-flex;
  align-items: center;
  background: #FFFFFF;
  border: 1px solid #333333;
  border-radius: 8px;
  overflow: hidden;
  height: 38px;
}

.input_painter {
  background: #FFFFFF;
  border: none!important;
  border-radius: 0!important;
  width: 40px!important;
  height: 36px!important;
  margin: 0!important;
  padding: 0!important;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 17px!important;
  line-height: 110%!important;
  text-align: center;
  color: #000000!important;
  -moz-appearance: textfield;
}

.input_painter::-webkit-outer-spin-button,
.input_painter::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.painter_minus,.painter_plus{
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 1;
  text-align: center;
  color: #333333;
  background: #FFFFFF;
  border: none;
  border-radius: 0;
  width: 40px;
  height: 36px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

.painter_minus:hover,.painter_plus:hover {
  background: #FFFFFF;
}

.price-text:before {
  display: none!important;
}

.price-text  {
  font-family: 'Poppins'!important;
  font-style: normal!important;
  font-weight: 400!important;
  font-size: 28px!important;
  line-height: 133.4%!important;
  align-items: center!important;
  letter-spacing: 0.05em!important;
  color: #333333!important;
  float: right;
}

span.price-text.salesPriceTag {
  color: #FF6652!important;
}

span.price-text.salesPriceExist:after {
  top: 45%!important;
  width: 50px!important;
  border: 1px solid #333333!important;
  background: #333333!important;
}

.term_condition a, .privacy-policy-agree a, .fancybox-media, .ada_accom a {
  color: #0076DB!important;
}

.book-now-btn-latest input, .book-now-btn-latest h3 {
    background: #00D5C2;
    text-align: center;
    width: 65%;
    margin-top: 20px!important;
    display: inline-block;
    transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -ms-transition: all ease 0.2s;
    border: 1px solid #00D5C2;
    line-height: 42px!important;
    font-family: 'Poppins'!important;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    align-items: center;
    letter-spacing: 1px;
    color: #333333;
    padding: 5px;
    border-radius: 5px;
}

/* REDESIGN: primary CTA colour + uppercase. Declared here (rather than editing
   the input's value attr) so JOIN WAITLIST stays consistent and any GTM trigger
   keyed on the "Book Now" value keeps firing. */
input.bookNowInput,
input.joinWaitlistButton,
.book-now-btn-latest input.bookNowInput,
.book-now-btn-latest input.joinWaitlistButton {
  background: #0091F1!important;
  border: none!important;
  border-radius: 5px!important;
  color: #FFFFFF!important;
  font-family: 'Poppins'!important;
  font-style: normal!important;
  font-size: 16px!important;
  font-weight: 500!important;
  letter-spacing: 0.08em!important;
  /* letter-spacing adds a trailing space after the last glyph, which shifts the
     visible text left of centre; text-indent cancels it out */
  text-indent: 0.08em!important;
  text-transform: uppercase!important;
  text-align: center!important;
  width: 100%!important;
  max-width: 340px;
  height: 46px!important;
  /* inherited padding is what breaks vertical centring on a submit input */
  padding: 0!important;
  line-height: normal!important;
  cursor: pointer;
  transition: background 0.2s ease;
}

input.bookNowInput:hover,
input.joinWaitlistButton:hover,
.book-now-btn-latest input.bookNowInput:hover,
.book-now-btn-latest input.joinWaitlistButton:hover {
  background: #007ACC!important;
}

input.bookNowInput:focus-visible,
input.joinWaitlistButton:focus-visible,
.book-now-btn-latest input.bookNowInput:focus-visible,
.book-now-btn-latest input.joinWaitlistButton:focus-visible {
  outline: 2px solid #0091F1;
  outline-offset: 2px;
}

input.joinWaitlistButton {
  margin-top: 20px!important;
}

.seat-msg {
  font-family: 'Poppins'!important;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 133.4%;
  align-items: center;
  text-align: left;
  letter-spacing: 1px;
  color: #FF6652;
}

#right .productbox .productimg {
    width: 45%!important;
    height: auto;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    margin: 0 auto;
}

#right .productbox .productimg img {
  margin-left: 10px;
  box-shadow:none!important;
}

.edit-page-fancybox {
  width: 100%!important;
  height: auto!important;
  margin: 0 auto;
  color: #333333!important;
}

#right .productbox .details {
  width: 65%!important;
  padding-left: 40px!important;
  padding-bottom: 20px!important;
  margin: 15px 15px 15px 35px!important;
}

.image-fancybox {
  margin-bottom: 10px;
}

.checout-painting-details {
  display: inline-block;
  width: 100%;
}

.right-col-div {
  width: 70%!important;
  margin: 0 auto!important;
  display: block!important;
  padding: 25px!important;
  box-sizing: border-box!important;
  background: #FFFFFF!important;
  border: 1px solid #B3B3B3!important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25)!important;
  border-radius: 5px!important;
  margin-top: 20px!important;
}

.imp-notice-customers {
  font-size: 13px;
  font-family: 'Poppins';
  color: #FF0000!important;
  display: inline-block;
  clear: both;
  width: 45%;
  padding: 15px 18px;
  float: left!important;
  border-right: 1px solid #B3B3BB!important;
}

/* .imp-notice {
  border-left: 1px solid #B3B3BB;
} */

.imp-notice .kitchen, .imp-notice .covid-protocol, .imp-notice>p {
  font-family: 'Poppins'!important;
}

.imp-notice .studio_welcome:before {
  top: 65%!important;
}

.imp-notice .kitchen, .imp-notice .covid-protocol {
      padding-left: 30px;
      position: relative;
}

.imp-notice .kitchen, .imp-notice .covid-protocol, .imp-notice .studio_welcome, .imp-notice .arrival_time {
  margin-bottom: 13px!important;
}

.imp-notice-customers .text-red {
    font-family: Frontage-Regular;
    color: red;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: -2px;
    font-size: 14px;
    margin-bottom: 18px;
}

.right-col-div, .imp-notice {
   height: auto!important;
   min-height: auto!important;
   width: 100%;
   display: inline-block;
}

/* REDESIGN: the IMPORTANT box is mobile-only (per the mobile comp); desktop
   carries the same information inline in the hero instead. */
.info-for-customers-mobile {
  display: none;
}

.mobile-only-note {
  display: none!important;
}

.info-for-customers {
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  max-width: 1140px;
  margin: 0 auto;
  width: 100%;
  margin-top: 40px!important;
  margin-bottom: 40px!important;
  padding: 40px 0px;
}

.price-show-mobile {
  display: none!important;
}

.price-show-desktop {
  display: inline-block!important;
    float: right;
}

.info-for-customers-title {
  font-family: Frontage Bold;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 0.05em;
  color: #333333;
  text-align: center;
  padding: 0px 10px 20px 0px;
}

.info-for-customers-validid {
  font-family: 'Poppins'!important;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: normal;
  align-items: center;
  letter-spacing: 0.8px;
  color: #333333;
  text-align: center;
  padding: 20px;
}

.info-for-customers .kitchen, .info-for-customers .arrival_time, .info-for-customers .studio_welcome, .info-for-customers .location_event  {
  display: inline-block;
    width: 30%;
    padding: 11px;
    text-align: center;
    font-family: 'Poppins'!important;
    margin-left: 5px!important;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: normal;
  align-items: center;
  letter-spacing: 0.8px;
  color: #333333;
  vertical-align: top;
}

.info-for-customers p img { 
  float: none!important;
    margin: 0!important;
    width: 25px!important;
}

/* REDESIGN: FAQ accordions restyled to match the PP landing page treatment.
   Header uses flex (old float/rotate hacks removed); icon swaps class in JS. */
.info-for-event {
  max-width: 1140px;
  margin: 0 auto;
  width: 100%;
  margin-bottom: 10px!important;
}

/* separate the accordion stack from the hero card above it */
.info-for-event.info-for-event-v1 {
  margin-top: 30px!important;
}

.info-for-event-title {
  box-sizing: border-box;
  background: #FFFFFF;
  border: 1px solid #D9D9D9;
  border-radius: 5px;
  font-family: 'Poppins'!important;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #333333;
  padding: 14px 25px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: background 0.15s ease, color 0.15s ease;
}

.info-for-event-title .fa {
  float: none!important;
  font-size: 26px!important;
  display: block!important;
  margin: 0!important;
  line-height: 1!important;
  transition: transform 0.15s ease;
}

/* chevron points up when the panel is open */
.info-for-event-title .location-arrow-rorate {
  transform: rotate(180deg)!important;
}

.info-for-event-title-active {
  color: #FFFFFF!important;
  background: #333333!important;
  border: 1px solid #333333!important;
  border-radius: 5px 5px 0 0;
}

.info-for-event-details {
  box-sizing: border-box;
  background: #FFFFFF;
  border: 1px solid #D9D9D9;
  border-top: none;
  border-radius: 0 0 5px 5px;
  font-family: 'Poppins'!important;
  font-style: normal;
  font-weight: 300;
  font-size: 15px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #333333;
  padding: 20px 25px;
  display: none;
}

.info-for-event-details b {
  font-family: 'Poppins'!important;
  font-weight: 500;
  font-size: 16px !important;
}

/* REDESIGN: lists inside the accordion inherit the panel's typography.
   Declared explicitly because a global li rule was overriding the inherited
   font family and size. */
.info-for-event-details ul,
.info-for-event-details ol,
.info-for-event-details li {
  font-family: 'Poppins'!important;
  font-style: normal!important;
  font-weight: 300!important;
  font-size: 15px!important;
  line-height: 26px!important;
  letter-spacing: 0.01em!important;
  color: #333333!important;
  text-transform: none!important;
}

.info-for-event-details ul {
  display: block!important;
  list-style: disc outside!important;
  margin: 6px 0 6px 0!important;
  padding-left: 20px!important;
}

.info-for-event-details li {
  display: list-item!important;
  list-style: disc outside!important;
  margin: 0 0 8px 0!important;
  padding: 0!important;
  width: auto!important;
  background: none!important;
}

.event_title_text {
  font-family: 'Poppins'!important;
  font-style: normal!important;
  font-weight: 300!important;
  font-size: 30px!important;
  line-height: 133.4%!important;
  align-items: center!important;
  color: #333333!important;
  margin-bottom: 10px!important;
}

.paint-ins span {
  font-family: 'Poppins'!important;
  font-size: 16px!important;
}

.event-box-info-session-type {
  background: #00D5C2!important;
  border-radius: 5px!important;
  color: #FFFFFF!important;
}

.details-text, .paint-ins, .avil {
  font-family: 'Poppins'!important;
}

/* REDESIGN: Frontage -> Poppins. The -4.5px tracking and -8px left margin were
   Frontage-specific corrections and must not carry over. */
.details p.edit-event-date {
  font-family: 'Poppins'!important;
  font-size: 30px!important;
  font-weight: 500;
  text-align: left;
  text-transform: uppercase;
  color: #333333;
  line-height: normal !important;
  letter-spacing: 0.02em;
  margin: 0px 0px 15px 0px;
}

/* REDESIGN: Bar Open time + notices relocated out of the removed Important block */
.bar-open-time {
  font-family: 'Poppins'!important;
  font-size: 15px;
  font-weight: 300;
  line-height: 133.4%;
  color: #333333;
  margin: 10px 0 14px 0;
}

.hero-alcohol-note,
.hero-offsite-address {
  font-family: 'Poppins'!important;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.5;
  color: #333333;
  margin: 8px 0 0 0;
  clear: both;
}

/* rendered below the CTA, so it needs to clear the floated price */
.hero-alcohol-note {
  margin-top: 14px;
  display: block;
  width: 100%;
}

.hero-alcohol-note strong {
  font-family: 'Poppins'!important;
  font-weight: 500;
}

.back-button {
  position: initial!important;
  margin-bottom: 0px!important;
  margin-top: 20px!important;
  margin-left: 50px!important;
}

.details-text {
  font-size: 16px !important;
  font-weight: 300!important;
  line-height: 133.4%!important; 
  text-align: justify!important;
}

.row {
  margin: 0 auto!important;
  display: grid!important;
}

#location-cat .check-box-wrap {
  display: none;
}

.fixed-right-location-select-main {
  position: fixed;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
  box-sizing: border-box !important;
  display: block;
  direction: ltr !important;
  background: #dfdadafa;
  width: 0px;
  z-index: 999999;
  display: none;
}

.fixed-right-location-selector-outer {
  position: absolute;
  right: -5%;
  top: 35%;
  background: #dfdadafa;
  width: 100%;
  margin: 0 auto;
}  

.fixed-right-location-selector {
    background: #FFFFFF!important;
    border: 1px solid #ef5f4b!important;
    box-sizing: border-box!important;
    border-radius: 5px!important;
    height: 35px!important;
    text-align: center;
    margin: 0 auto;
    font-family: 'Poppins';
} 

.fixed-right-location-option-main {
  border-radius: 3px 0 0 3px;
  transform: translateX(2px);
  font-size: 13px;
  position: relative;
  right: 40px;
  border: none;
  outline: none;
  padding: 12px 14px 12px 12px;
  cursor: pointer;
  white-space: nowrap;
  background-color: #FF6652;
  transition: transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
  opacity: 0.96;
  width: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}  

.fixed-right-location-option-inner {
  overflow-wrap: normal !important;
  word-break: normal !important;
  word-wrap: normal !important;
  white-space: nowrap !important;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  cursor: pointer;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-lr;
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  color: #ffffff !important;
  color: var(--hjFeedbackAccentTextColor, #fff) !important;
  font-family: 'Poppins';
}

div#calendar_list div.event-box-container {
    background: #FFFFFF!important;
    border: 1px solid #D9D9D9!important;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%)!important;
    border-radius: 0px!important;
    transition: none!important;
    -webkit-transition: none!important;
    width: 265px!important;
    margin: 20px 15px 0px 0px!important;
}   

div#calendar_list div.event-box-image {
  padding: 0px!important;
} 

.event-box-image img {
  width: 265px!important;
  height: 265px!important;
}

.event-box-image-container {
  padding: 10px 0px 0px 0px!important;
}

div#calendar_list div.event-box-day {
  padding: 12px 1px 0!important;
}

div#calendar_list .event-box-info-header {
  color: #333!important;
  min-height: 40px!important;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.4%; /* 21.344px */
  letter-spacing: 0.8px;
  align-items: center!important;
}

div#calendar_list span.event-box-info-session-type, div#calendar_list span.event-box-info-price {
  font-family: 'Poppins'!important;
  font-style: normal!important;
  font-weight: 400!important;
  font-size: 24px!important;
  line-height: 133.4%!important;
  align-items: center!important;
  letter-spacing: 1.2px!important;
  color: #333333!important;
  margin-top: 2px!important;
}

div#calendar_list div.event-box-info {
  background: #FFFFFF!important;
  height: 90px!important;
  padding: 8px 10px!important;
  position: relative;
}

div#calendar_list .event-box-btn {
  font-family: 'Frontage Bold'!important;
  font-style: normal!important;
  font-weight: 400!important;
  font-size: 40px!important;
  line-height: 133.4%!important;
  text-align: center!important;
  letter-spacing: -0.15em!important;
  color: #333!important;
  background: none!important;
  border: 0px!important;
}

#show-more-events-container {
  margin-top: 50px!important;
}

#show-more-events img {
  margin-top: 10px!important;
}

div#calendar_list div.event-box-info-title {
  background: #FFFFFF!important;
  height: 90px!important;
}

.event_list_special_character, .event-box-info-session-type  {
  display: none!important;
}

div#calendar_list span.event-box-info-price.event-box-sales-info-price {
  font-family: 'Poppins'!important;
  font-style: normal!important;
  font-weight: 400!important;
  font-size: 24px!important;
  line-height: 133.4%!important;
  letter-spacing: 0.05em!important;
  color: #FF6652!important;
  background: none!important;
  margin-top: 0px!important;
  padding: 0px!important;
}

.event_price_tag {
  width: 35px;
  margin: 0;
  padding: 0;
}

.event_price_tag_session {
    width: 45px;
    margin-top: -5px!important;
    margin-left: -10px!important;
}

.food_menu_cls {
  background: #FFFFFF;
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
  margin-top: 30px;
}

.food_menu_cls_img {
  background: #FFFFFF;
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
  margin-top: 30px;
}

span.event-box-info-price.salesPriceExist:before {
  width: 40px!important;
}

.price-text.salesPriceExistNew {
  padding-left: 5px !important;
  color: #AAAAAA !important;
  text-decoration: line-through !important;
  font-family: 'Poppins' !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 28px !important;
  line-height: 133.4% !important;
  letter-spacing: 1.2px !important;
}

.salesPriceExistNew {
  padding-left: 5px !important;
  color: #AAAAAA !important;
  text-decoration: line-through !important;
  font-family: 'Poppins' !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 24px !important;
  line-height: 133.4% !important;
  letter-spacing: 1.2px !important;
}

.food_menu_cls_title {
  padding: 0px 0px 30px 0px;
  text-align: center;
  display: block;
  align-items: center;
  color: #333;
  font-family: 'Frontage Bold'!important;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.4%; /* 42.688px */
  letter-spacing: -0.15em !important;
  text-transform: uppercase;
}

.tab-content {
  margin-top: 20px!important;
  padding-bottom: 20px!important;
}

.food_menu_cls p {
  font-family: 'Poppins'!important;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: normal;%;
  align-items: center;
  text-align: center;
  letter-spacing: 0.9px;
  color: #000;
  padding: 0px 20px 20px 20px;
  width: 80%;
  margin: 0 auto;
}

.food_menu_cls a {
  font-family: 'Poppins'!important;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 133.4%;
  align-items: center;
  text-align: center;
  letter-spacing: 0.05em;
  text-decoration-line: underline;
  color: #0076DB;
  display: block;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 30px;
  margin-top: 20px;
}

.stay_inspired_cls {
  background: #FFFFFF;
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
  padding-top: 30px;
}

.stay_inspired_title {
  font-family: 'Frontage Bold'!important;
  font-style: normal !important;
  font-size: 40px !important;
  line-height: 40px !important;
  font-weight: 400 !important;
  letter-spacing: -0.15em !important;
  text-align: center !important;
  text-transform: uppercase !important;
  display: block;
}

.stay_inspired_cls p {
  font-family: 'Poppins'!important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 50px !important;
  text-align: center !important;
}

.stay_inspired_cls #email_newsletter {
    background: #FCFCFC !important;
    border: 1px solid #AAAAAA !important;
    box-sizing: border-box !important;
    border-radius: 5px 0px 0px 5px !important;
    width: 25% !important;
    text-align: left !important;
    color: #333 !important;
    height: 50px !important;
    font-size: 16px;
    font-family: 'Poppins';
}

.stay_inspired_cls #submit_newsletter {
    background: #00D5C2;
    border-radius: 0px 5px 5px 0px;
    border: none;
    padding: 7px;
    font-family: 'Poppins'!important;
    font-style: normal;
    font-size: 20px;
    font-weight: 500 !important;
    line-height: 19px;
    align-items: center;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #333333;
    vertical-align: top;
    cursor: pointer;
    height: 50px;
    width: 160px;
    margin-left: -5px;
}

.stay_inspired_cls .email_submitted_success {
    font-family: Poppins !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    text-align: center !important;
    letter-spacing: 0.8px !important;
    color: #00D5C2!important;
}

div#calendar_list div.event-box-container:hover {
    transform: none!important;
    -webkit-transform: none!important;
    -moz-transform: scale(1.05)!important;
    -ms-transform: scale(1.05)!important;
}

div#calendar_list div.sold-out-box {
    font-family: 'Poppins'!important;
    text-transform: capitalize!important;
    left: 0!important;
    bottom: 0!important;
    top: auto!important;
    transform: none!important;
    -webkit-transform: none!important;
    -moz-transform: none!important;
    -ms-transform: none!important;
    letter-spacing: unset!important;
    display: inline-flex;
}

div#calendar_list div.sold-out-box span {
  display: block;
    margin: 0 auto;
    padding: 5px 5px 5px 5px;
    border-radius: inherit!important;
    background: rgba(83, 79, 95, 0.5);
    width: 100%;
    font-family: 'Poppins'!important;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 133.4%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
}

div#calendar_list div.promo-text-cls {
    font-family: 'Poppins'!important;
    text-transform: capitalize!important;
    left: 0!important;
    bottom: 0!important;
    top: auto!important;
    transform: none!important;
    -webkit-transform: none!important;
    -moz-transform: none!important;
    -ms-transform: none!important;
    letter-spacing: unset!important;
    display: inline-flex;
    position: absolute!important;
    width: 100%!important;
}

div#calendar_list div.promo-text-cls span {
  display: block;
  margin: 0 auto;
  padding: 5px 5px 5px 5px;
  border-radius: inherit!important;
  background: rgba(83, 79, 95, 0.5);
  width: 100%;
  font-family: 'Poppins'!important;
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 133.4%;
  letter-spacing: 1.1px;
  text-transform: uppercase;
  color: #FFFFFF;
}

.hours_title {
    font-family: Frontage Bold!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-size: 24px!important;
    line-height: 133.4%!important;
    align-items: center!important;
    margin-left: -5px!important;
    margin-bottom: 10px!important;
    margin-top: 5px;
    letter-spacing: -3.3px!important;
    display: inline-block;
    color: #FFFFFF!important;
}

.parking_direction_section h3, .parking_direction_section h2 {
  font-family: Frontage Bold!important;
  font-style: normal!important;
  font-weight: 400!important;
  font-size: 28px!important;
  line-height: 133.4%!important;
  align-items: center!important;
  letter-spacing: -4.2px!important;
  margin-left: -5px!important;
  margin-bottom: 15px;
  margin-top: 15px;
  color: #FFFFFF!important;
}

.parking_desc ul {
  margin: 0!important;
  margin-top: 5px!important;
  margin-bottom: 30px!important;
}

.parking_desc li {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  font-family: Poppins!important;
  color: #FFFFFF!important;
}

.parking_desc li label {
  font-family: 'Poppins'!important;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 133.4%;
  color: #FFFFFF;
  float: left;
}  

.parking_desc li span {
  font-family: 'Poppins'!important;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 133.4%;
  float: right;
  color: #FFFFFF;
}

.important_notices {
    font-size: 14px;
    font-family: 'Poppins';
    padding-top: 15px;
    display: block;
    font-weight: 300;
    text-align: left;
}

.wdn-text-hidden {
  font-size: 0;
  width: 1px;
  height: 1px;
  display: inline-block;
  overflow: hidden;
  position: absolute!important;
  border: 0!important;
  padding: 0!important;
  margin: 0!important;
  clip: rect(1px,1px,1px,1px);
}

.event_bookmark {
  position: absolute;
  bottom: 12px;
  right: 15px;
}

.event-box-day-info b, .event-box-day-mobile-info b {
  display: inline-block;
}

@media (min-width: 1024px) {
   .parallax_effect {
      width: 100%!important;
      display: inline-block!important;
      height: 515px!important;
      overflow: hidden!important;
      position: relative!important;
      background-attachment: fixed!important;
      background-position: top!important;
      background-repeat: no-repeat!important;
      background-size: cover!important;
  }

  .list_view_filter {
    display: flex !important;
    flex-direction: row!important;
    flex-wrap: wrap!important;
    justify-content: center!important;
    align-items: center!important;
  }
}

@media (max-width: 1221px) {
  .studioInfo .nav-tabs > li a {
    font-size: 28px!important;
  }

  .page-header-details {
    width: 100%;
    display: inline-block !important;
  }

  .page-header-details .location-address {
    position: relative;
    cursor: pointer;
    display: block;
    margin: 0 auto;
    width: 90%;
    font-size: 18px;
  }

  .page-header-details .contact-email {
    position: relative;
    cursor: pointer;
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    margin-top: 20px;
    font-size: 18px;
  }

  .page-header-details .contact-phone {
    position: relative;
    cursor: pointer;
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    margin-top: 20px;
    font-size: 18px;
  }

  .page-header-details .location-address:before {
    position: initial!important;
    margin-right: 10px;
    vertical-align: middle;
    display: inline;
    font-size: 30px;
  }

  .page-header-details .contact-email:before {
    position: initial!important;
    margin-right: 10px;
    vertical-align: middle;
    display: inline;
    font-size: 22px;
  }

  .page-header-details .contact-phone:before {
    position: initial!important;
    margin-right: 10px;
    vertical-align: middle;
    display: inline;
    font-size: 22px;
  }
}

@media (max-width: 1180px)  {

  #right .productbox {
    border: none!important;
    box-shadow: none!important;
  }

  .row {
    margin-left: 20px!important;
    margin-right: 20px!important;
  }

  .muse-instudio-party-payment-header-edit, .muse-instudio-party-payment-header {
    margin-top: 20px !important;
    margin-bottom: 10px !important;
  }  

  .new-filter-cls span {
        padding: 10px 8px !important;
  }

  #right .productbox {
    max-width: 1140px!important;
    padding: 0px!important;
  }

  #right .productbox .details {
    margin-left: 5px!important;
  }

  .info-for-event {
    padding: 0px!important;
  }

  #myform .CommerceCheckoutPage-content-2B3AO {
      margin: 0px 20px;
  }

  .list_view_filter {
    width: 95%!important;
    margin: 0 2.5%!important;
  }

  .studioInfo, .food_menu_cls {
    width: 95%!important;
    margin: 40 2.5%!important;
  }

  div#calendar_list .event-box-btn {
    font-size: 24px!important;
  }

  .new-footer-cls .footer-menu-1 a, .new-footer-cls .footer-menu-2 a {
    font-size: 16px !important;
  }
}

@media (max-width: 1023px) {

  .page-header-text, .page-header-text-secondary {
    font-size: 45px;
  }

  .event_title_text .price-text, .details-text, .paint-ins {
    display: block!important;
    margin-top: 10px!important;
  }

  .center-block-content.right-aside-section #myformedit .productbox .details {
    margin-top: 20px!important;
  }

  #myformedit {
    width: 100%!important;
  }

  .right-col-div {
      width: 90%!important;
      margin: 0 auto!important;
      float: none;
  }

  .imp-notice-customers {
    float: left;
  }

  .productimg p.edit-event-date {
    text-align: center!important;
  }
  .edit-page-fancybox {
    margin: 0 auto!important;
  }

  .info-for-event {
    padding: 0px;
  }

  .info-for-customers .kitchen, .info-for-customers .arrival_time, .info-for-customers .studio_welcome, .info-for-customers .location_event {
    width: 29%;
  }
} 

@media (max-width: 980px) {
  .studioInfo .nav-tabs > li a {
    font-size: 24px!important;
  }

  .event_title_text .price-text, .details-text, .paint-ins {
    display: block!important;
    margin-top: 10px!important;
    vertical-align: middle;
  }

  .filter_down_arrow {
      margin-top: 12px; 
  }

  .row {
    margin-left: 20px!important;
    margin-right: 20px!important;
    margin-bottom: -20px!important;
  }

  .info-for-event-title {
    padding: 14px 18px;
    font-size: 13px;
  }

  .info-for-event-details {
    padding: 18px;
  }

  .muse-instudio-party-payment-header {
    background-image: url("https://www.musepaintbar.com/events/assets/images/location-banner-mobile.webp")!important;
    height: 300px;
  }

  .parking_desc li {
    width: 90%;
    margin-left: 0px;
  }

  .hours_title {
    margin-left: -5px !important;
  }

  .info_right {
    width: 100%;
  }

  .info_left {
    width: 100%;
  }

  .page-header-breadcrumbs {
    width: auto!important;
  }
} 

@media (min-width: 841px) and (max-width: 890px)  {
  .list-location-page .mobileHeaderStructure {
      display: inline-block; 
      position: fixed; 
      top: 0; 
      background: #fff; 
      z-index: 99; 
      left: 0; 
      padding: 20px 0 10px; 
      width: 100%; 
      box-sizing: border-box; 
      border-bottom: 1px solid #ddd
  }
  .list-location-page .date-picker-wrapper .drp_top-bar .clearBtn, .list-location-page .date-picker-wrapper .drp_top-bar .desktop-btn.apply-btn{
      display: none
  }
  .list-location-page .date-picker-wrapper.no-shortcuts {
    padding-top: 125px
  }
  .list-location-page .selectedDateSec{
    display: inline-block; 
    width: 100%; 
    margin-top: 18px
  }
  .list-location-page .selectedDateSec input[type=text]{
    background: 0 0;
    border: none; 
    border-bottom: 1px solid transparent; 
    box-shadow: none; 
    outline: 0; 
    display: inline-block; 
    max-width: 28%; 
    font-size: 18px; 
    font-weight: 700; 
    padding-left: 10px; 
    padding-right: 10px; 
    text-align: center; 
    border-radius: 0; 
    vertical-align: middle
  }
  .list-location-page .selectedDateSec input[type=text].startDateSelected{
    border-color: #3c3d41
  }
  .list-location-page .selectedDateSec span{
    display: inline-block; 
    width: 10%; 
    font-size: 30px; 
    color: #3c3d41; 
    margin-right: 0; 
    text-align: center; 
    vertical-align: text-bottom
  }
  .list-location-page .datePickerHeader{
    display: inline-block; 
    width: 100%; 
    padding: 0 20px; 
    box-sizing: border-box
  }
}

@media (min-width: 769px){
  .social-media-icons {
    margin-left: 15px!important;
  }
}

@media (max-width: 890px){
  .website_link {
    margin-left: 15px!important;
  }

  .no_of_painter {
    margin-right: 5px!important;
    font-size: 18px!important;
  }

  .info-for-customers .kitchen, .info-for-customers .arrival_time, .info-for-customers .studio_welcome, .info-for-customers .location_event {
    width: 27%!important;
  }

  .price-text {
    font-size: 28px!important;
  }

  .list-location-page div.calendar_filter_sec div.search-element-container {
    display: inline-block!important;
  }

  .new_session_filters_container {
    width: 100%!important;
  }

  .list-location-page .filter-mobile-view {
    padding: 0px!important;
    margin: 0px!important;
    margin-bottom: 20px!important;
    display: flex!important;
  }

  .list-location-page div.calendar_filter_sec div.event-button-container {
    letter-spacing: .5px;
  }

  .list-location-page div.calendar_filter_sec span.cat-drop-down-item, .list-location-page div.calendar_filter_sec span.cat-drop-down-location {
    max-width: 100%;
  }

  .open-studio-css span {
    font-size: 20px!important;
    display: block!important;
  }

  .event_bookmark {
    right: 10px;
  }
}

@media (max-width: 767px) {

  .new-filter-cls {
    display: none!important;
  }

  .filter_down_arrow img {
    margin-right: 10px;
    margin-top: 2px;
  }

  .new-filter-mobile-cls .dropdown .caret {
    display: none!important;
  }

  .new-filter-mobile-cls button img {
    float: right!important;
    margin-right: -12px!important;
    margin-top: 4px!important;
  }

  .new-filter-mobile-cls.open button img {
    transform: rotate(180deg);
  }

  .new-filter-mobile-cls button {
    outline: none!important;
  }

  .new-filter-mobile-cls {
    display: inline-block;
    outline: none!important;
  }

  .new-filter-mobile-ul-cls a {
    padding-left: 10px!important;
    padding-bottom: 10px!important;
    padding-right: 0px!important;
    padding-top: 0px!important;
  }

  .new-filter-mobile-ul-cls .shortcut-active {
    background-color: #FFFFFF !important;
    color: #333333!important;
  }

  div.calendar_filter_sec div.event-button-container {
    font-size: 17px!important;
  }

  .list-location-page div.calendar_filter_sec div.event-button-container {
    margin-left: 10px!important;
  }

  .page-header-breadcrumbs-outer {
    width: 80%;
  }

  .page-header-details {
    display: block!important;
    margin-top: 20px;
  }

  .studioInfo {
    display: none!important;
  }

  .studio_info_mobile {
    display: block!important;
  }

  .parking_desc {
    margin-top: 10px;
    padding: 0px 20px;
  }

  .parking_direction_section h3, .parking_direction_section h2 {
    margin-top: 20px;
  }

  .studio_info_text {
    padding: 5px 0px;
  }

  .hours_title {
    margin-top:20px!important;
  }

  .parking_desc li label {
    font-size: 16px;
  }

  .studio_info_mobile .parking_desc li {
    margin-bottom: 10px;
  }

  .parking_desc ul {
    margin-bottom: 0px !important;
  }

  .studio_info_mobile .studio_tour_head {
    border-bottom: 6px solid #00D5C2 !important;
    color: #FFFFFF !important;
    font-family: 'Frontage Bold' !important;
    font-size: 24px !important;
    letter-spacing: -0.15em !important;
    margin-top: 20px;
    display: inline-block;
    margin-left: 15px;
    margin-bottom: 10px;
  }

  .virtual_tour_data {
    padding: 2% 0% 2% 2%;
  }

  .page-header-content-instagram-1 a {
    margin-bottom: 20px !important;
  }

  .parking_direction_section {
      padding: 0px 20px;
  }

  #myformedit {
    padding: 0px!important;
  }

  .checkbox-sqaure {
    top: -8px;
  }

  .check-box-wrap {
    vertical-align: sub;
  }

  .center-block-content.right-aside-section #myformedit .productbox .details {
    margin-top: 20px!important;
  }

  #myformedit {
    width: 100%!important;
  }

  .btnnoofpainter {
    margin-top: 20px;
  }

  /* REDESIGN: mobile follows the mobile comp - IMPORTANT box shown, inline
     hero notes hidden. */
  .info-for-customers-mobile {
    display: block;
    margin-top: 0px!important;
    margin-bottom: 0px!important;
    padding: 25px 0px;
    background: #F5F5F5;
    border: none;
    box-shadow: none;
  }

  .desktop-only-note {
    display: none!important;
  }

  .mobile-only-note {
    display: block!important;
  }

  .info-for-customers-mobile .kitchen,
  .info-for-customers-mobile .arrival_time,
  .info-for-customers-mobile .studio_welcome,
  .info-for-customers-mobile .location_event {
    display: block!important;
    width: 100%!important;
    margin: 0 0 6px 0!important;
    padding: 4px 15px!important;
    text-align: center!important;
  }

  .info-for-customers-mobile .info-for-customers-validid {
    padding: 12px 20px 0 20px;
    text-align: center;
  }

  /* REDESIGN: mobile matches the design - price sits on the same row as the
     painter stepper, not on its own line under the title. Flex rather than
     float, so a sale price (two values) cannot overflow a narrow viewport. */
  .price-show-mobile {
    display: none!important;
  }

  /* REDESIGN: stack the image full-width for the whole <=767px band.
     .productbox is a FLEX container (nowrap), so the image and details are
     forced side-by-side and width:100% on the image just gets flex-shrunk.
     Switching the container to column stacking is the actual fix. */
  #right .productbox {
    display: flex!important;
    flex-direction: column!important;
  }

  #right .productbox .productimg {
    width: 100%!important;
    float: none!important;
    display: block!important;
    text-align: center;
    margin: 0 auto 0px auto!important;
  }

  #right .productbox .productimg img {
    margin-left: 0!important;
    max-width: 100%;
    height: auto;
  }

  /* REDESIGN: on mobile the image stacks above, so the details block takes
     the full card width. The base rule's 65% is a desktop layout (it shares
     the row with the image column) and was leaving a dead third of the card
     on the right - which is also what kept forcing the price to wrap. */
  #right .productbox .details {
    width: auto!important;
    padding-left: 20px!important;
    padding-right: 20px!important;
    margin: 15px 0 15px 0!important;
    box-sizing: border-box!important;
  }

  /* REDESIGN: deterministic 2-column grid - stepper left, price right,
     CTA spans the full width below. No wrap heuristics. */
  .btnnoofpainter {
    display: grid!important;
    grid-template-columns: auto 1fr;
    align-items: center;
    column-gap: 10px;
    row-gap: 14px;
    padding-right: 5px;
    box-sizing: border-box;
  }

  .select-content {
    grid-column: 1;
    gap: 8px;
    min-width: 0;
    /* style.css declares a bare .select-content and #right-prefixed rules
       for this tree; pin the properties that control row layout */
    display: inline-flex!important;
    width: auto!important;
    max-width: none!important;
    float: none!important;
  }

  .no_of_painter {
    margin-right: 0!important;
  }

  .price-show-desktop {
    grid-column: 2;
    justify-self: end;
    display: inline-flex!important;
    float: none!important;
    align-items: baseline;
    gap: 6px;
    margin: 0!important;
    width: auto!important;
  }

  .price-show-desktop .price-text,
  #right .productbox .details .price-show-desktop .price-text {
    display: inline!important;
    float: none!important;
    width: auto!important;
    padding: 0!important;
    margin: 0!important;
  }

  .price-show-desktop .price-text {
    float: none!important;
    font-size: 22px!important;
    letter-spacing: 0.02em!important;
    white-space: nowrap;
  }

  .book-now-btn-latest {
    grid-column: 1 / -1;
    margin-top: 0!important;
  }

  .right-col-div {
    width: 90%!important;   
  }

  .productimg p.edit-event-date {
    text-align: center!important;
    font-size: 15px!important;
  }

  .edit-page-fancybox {
    margin: 0 auto!important;
  }

  .center-block-content #myformedit .booknow1 {
    width: calc(100% - 60px) !important;
  }

  /* .new-footer-cls .footer-menu-column {
    margin-bottom: 50px!important;
  } */

  #event-dates {
    width: 100%;
  }

  div.calendar_filter_sec div.search-element-container {
    padding: 10px 0px;
  }

  .info_right {
    width: 100!important%;
  }

  .studio_info_text img {
    width: 28px !important;
    height: 28px !important;
  }

  span.price-text.salesPriceTag {
      padding-left: 0px;
  }

  body.list-location-page {
    background: #FFFFFF!important;
  }

  body, .grey-bg-container, .grey-bg-container .full-width-section {
      background: #FFFFFF !important;
  }

  body {
      background: #FFFFFF !important;
  }

  #right.new-checkout {
    background: #FFFFFF !important;
  }
}   

@media (max-width: 640px) {

  .private-party-text {
    font-size: 35px!important;
  }

  .stay_inspired_cls p {
    line-height: 30px !important;
    padding: 15px 30px;
  }

  .private-party-book {
    width: 65%;
    display: inline-block;
    font-size: 18px;
  }

  .private-party-learn {
    width: 65%;
    display: inline-block;
    margin-top: 25px;
    margin-left: 0px!important;
    font-size: 18px;
  }

  .private-party-details {
    background-position: center;
  }

  .page-header-text, .page-header-text-secondary {
    font-size: 32px;
  }

  #location-cat {
    width: 85%;
    margin-right: 0px!important;
  }

  #event-cat {
    width: 85%;
    margin-right: 0px!important;
    margin-top: 15px!important;
  }

  #day-of-week {
    width: 85%;
    margin-right: 0px!important;
    margin-top: 10px!important;
  }

  .event-box-day-info b, .event-box-day-mobile-info b {
    display: none;
  }

  .upcoming_events {
    font-size: 35px;
  }

  div#calendar_list div#show-more-events-container {
      margin-bottom: 0px!important;
  }

  .global-locations-dropdown-inner span, .global-locations-dropdown-inner span ul li a {
      font-size: 18px!important;
  }

  .global-locations-dropdown-inner span .fa-angle-down {
      line-height: 18px;
      font-size: 30px;
  }

  div#calendar_list div.event-box-container {
      width: 175px!important;
      margin-right: 10px!important;
  }

  .event-box-image img {
      width: 175px!important;
      height: 175px!important;
  }

  div#calendar_list span.event-box-info-session-type, div#calendar_list span.event-box-info-price, div#calendar_list span.event-box-info-price.event-box-sales-info-price {
      font-size: 18px!important;
      margin-top: 5px!important;
  }

  .salesPriceExistNew {
    font-size: 18px!important;
    vertical-align: middle;
    margin-top: 4px;
    display: inline-block;
  }

  .price-show-mobile .salesPriceExistNew {
    font-size: 28px!important;
    vertical-align: middle!important;
    margin-top: 0px!important;
    display: inline-block!important;
  }

  .event_price_tag {
      width: 30px;
      margin-left: -10px;
  }

  div#calendar_list div.promo-text-cls span {
    font-size: 15px;
  }
      
  div#calendar_list div.sold-out-box span {
      font-size: 16px;
  }   

  div#calendar_list span.event-box-day-mobile-info {
      font-size: 15px!important;
      line-height: 22px!important;
      text-align: center!important;
  }

  #right .productbox {
    display: inline-block!important;
  }

  #right .productbox .details {
    padding-left: 10px!important;
    padding-bottom: 20px!important;
    margin: 0px!important;
  }

  .info-for-customers .kitchen, .info-for-customers .arrival_time, .info-for-customers .studio_welcome, .info-for-customers .location_event {
      width: 90%!important;
      text-align: left;
      margin: 10px!important;
  }

  .info-for-customers-validid, .event_title_text {
    text-align: left;
    font-size: 16px!important;
  }

  .price-show-mobile, .checout-painting-details {
      float: left;
      text-align: left;
  }

  .details-text {
      width: 95%!important;
      text-align: left!important;
    }

  .details p.edit-event-date {
    font-size: 20px!important;
    margin: 0px 0px 15px 0px; /* REDESIGN: was -3px (Frontage bearing) */
  }

  #right .productbox .productimg {
    width: 100%!important;
    margin-bottom: 50px;
  }

  #right .productbox .productimg img {
    margin-left: 0px;
  }

  div#calendar_list .event-box-btn, .food_menu_cls_title, .stay_inspired_title, .parking_direction_section h3, .parking_direction_section h2 {
    font-size: 24px!important;
  }

  .food_menu_cls p {
    width: 90%;
  }

  .studioInfo .nav-tabs > li a {
    font-size: 18px!important;
  }

  .info_right {
    width: 100%!important;
  }

  .page-header-breadcrumbs-outer {
    padding: 20px 20px;
  }

  .page-header-content {
    width: 95%;
  }

  .page-header-details .location-address a, .page-header-details .contact-phone a, .page-header-details .contact-email a {
    font-size: 16px!important;
    text-align: center!important;
  }

  .page-header-details .location-address:before {
      vertical-align: super;
  }

  .page-header-details .location-address a {
      display: inline-block;
  }
}

@media (min-width: 500px) and (max-width: 639px) {
  .productimg p.edit-event-date, .event_title_text, .details-text, .paint-ins, .imp-notice-customers, .imp-notice .kitchen, .imp-notice .covid-protocol, .imp-notice>p {
    font-size: 12px!important;
  }

  #right.new-checkout {
    margin-top: 0px!important;
  }

  .imp-notice .covid-protocol {
    margin-bottom: 0px!important;
  }

  .imp-notice {
    padding-bottom: 0px;
  }

  .right-col-div {
    padding: 5px!important;
  }

  .center-block-content.right-aside-section #myformedit .productbox .details {
    margin-top: -5px!important;
  }

  .imp-notice {
    width: 46%!important;
  }
}  

@media  (max-width: 499px) {

  input.bookNowInput,
  .book-now-btn-latest input.bookNowInput,
  input.joinWaitlistButton,
  .book-now-btn-latest input.joinWaitlistButton {
    max-width: 100%!important;
  }

  #right.new-checkout {
    width: 100%!important;
    display: inline-block!important;
  }

  .center-block-content.right-aside-section #myformedit .productbox .details {
    width: 100%!important;
    text-align: center!important;
  }

  #right .productbox .productimg {
    width: 100%!important;
    margin-bottom: 0px;
  }

  .imp-notice {
    width: 90%!important;
    border: none!important;
  }

  .imp-notice-customers {
    border: none!important;
    width: 90%!important;
    margin-right: 0px!important;
  }

  .PromoCodeInput-applyButton-1UE7U {
    width: 20%!important;
  }
}  

@media (max-width: 449px) {
  #location-cat {
    width: 95%;
  }

  #event-cat {
    width: 95%;
  }

  #day-of-week {
    width: 95%;
  }

  .upcoming_events {
    font-size: 28px;
  }

  .private-party-book, .private-party-learn {
    padding: 10px 10px;
  }

  .studioInfo .bx-wrapper .bx-next {
    right: -45px;
  }

  .studioInfo .bx-wrapper .bx-prev {
    left: -45px;
  }

  .book-now-btn-latest input, .book-now-btn-latest h3
  {
    width: 80%;
  }

  .book-now-btn-latest {
    text-align: center;
  }

  input.bookNowInput, input.joinWaitlistButton, .book-now-btn-latest input.bookNowInput, .book-now-btn-latest input.joinWaitlistButton {
    max-width: 100%!important;
  }
}  


@media (max-width: 480px) {
  .list_view_filter {
    width: 88%!important;
    margin: 0px 5%!important;
  }

  .stay_inspired_cls #email_newsletter {
      width: 90%!important;
      border-radius: 5px 5px 5px 5px!important;
  }

  .stay_inspired_cls #submit_newsletter {
      border-radius: 5px 5px 5px 5px!important;
      margin-top: 20px!important;
  }

  div#calendar_list .event-box-container:nth-child(even) {
    margin-right: 0px!important;
  }
}

@media (max-width: 385px) {
  div#calendar_list div.event-box-container {
      width: 265px!important;
      margin-right: 0px!important;
  }

  .event-box-day-info b, .event-box-day-mobile-info b {
    display: inline-block;
  }

  .event-box-image img {
      width: 265px!important;
      height: 265px!important;
  }

  div#calendar_list span.event-box-day-mobile-info {
      font-size: 14px!important;
      line-height: 22px!important;
      text-align: center!important;
  }

  .page-header-text, .page-header-text-secondary {
      font-size: 28px;
  }
}

@media (min-width: 767px) {
  .booknow1.book-now-btn input, .booknow1.book-now-btn>a {
    width: 60%!important;
  }
}