.arlo#arlo .arlo-categories ul.arlo-category-list li a {
    font-family: europa, sans-serif;
    color: #fff;
    background: #19aab3;
    text-decoration: none;
}
#arlo-filter-region{
background-color: #fff !important;
  float: right !important;
    border: 1px solid #D9E4F1 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #7D898C !important;
    cursor: pointer !important;
    display: table !important;
    font-family: europa, sans-serif !important;
    font-size: 18px!important;
    font-weight: 700 !important;
    max-width: 100% !important;
    outline: none !important;
    padding: 17px 40px 16px 20px !important;
    position: relative !important;
    /* width: 100%; */
    z-index: 3 !important;
}
.cs-detail-page  .arlo-hero-container img {
    max-height: 400px;
    object-fit: cover;
    width: 100%;
}
.cs-detail-page .arlo-event-template-summary-and-al * {
    color: #fff;
    opacity: 1!important;
}
.arlo.cs-detail-page{
  background-color:#fff;
}
.cs-detail-page .cs-inner-wrap {
    padding: 40px;
    background-color: #fff;
  max-width: 770px;
  margin:0 auto;
}
.cs-detail-page .cs-inner-wrap  .arlo-links {
    margin: 0!important;
}
.arlo#arlo  .cs-inner-wrap  h3,.arlo#arlo  .cs-inner-wrap  .h3 {
    color:#ff4f01;
    font-family: europa, sans-serif;
    font-size: 30px;
        text-transform: capitalize;
    font-weight: 500;
    line-height: 40px;
    margin: 15px 0 0 0;
}
.arlo#arlo  .cs-inner-wrap p,
.arlo#arlo  .cs-inner-wrap ul{
  margin-bottom:15px;
}
.arlo#arlo  .cs-inner-wrap .arlo-links a {
    background-color: #FF4F00;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-family: europa, sans-serif;
    font-size: 18px;
    font-weight: 700;
    height: 60px;
    margin-bottom: 0;
    outline: none;
    transition: 0.7s; 
      line-height: 45px;
    text-decoration: none;
}
 .cs-detail-page .arlo-event-template-summary-and-al{ width: 100%;
    background-color: #17bdc7!important;
    min-height: 130px;
    padding-left: 30px;
    padding-right: 30px;
   position: relative!important;
}
.arlo#arlo .arlo-hero-container .arlo-event-template-summary-and-al .arlo-advertised-duration,
.arlo#arlo .arlo-hero-container .arlo-event-template-summary-and-al .arlo-advertised-price{
    font-size: 18px;
    font-weight: 700;
}
.entry-content div#arlo .scheduled-dates a.arlo-register.is-in-viewport {
    background-color: #ee5425!important;
  	text-decoration:none;
}
h2.cs-hide-title{
  display:none;
}
@media(max-width:767px){
 .cs-detail-page .arlo-event-template-summary-and-al{ width: 100%;
    background-color: #17bdc7!important;
    min-height: 130px;
    padding-left: 30px;
    padding-right: 30px;
   position: relative!important;
}
  .cs-detail-page .arlo-event-template-summary-and-al * {
    color: #ffffff; 
}
  .cs-detail-page .cs-inner-wrap{
    padding: 20px;
 }
  .arlo#arlo .cs-inner-wrap p, .arlo#arlo .cs-inner-wrap ul{
    font-size:15px;
}
}

body.arlo_event-template-default  .arlo-region-selector {
    padding: 40px;
    background-color: #fff;
    max-width: 770px;
    margin: 0 auto !important;
    display: block;
    width: 100%;
}
body.arlo_event-template-default  select#arlo-filter-region {
    border: 1px solid #D9E4F1 !important;
    border-radius: 0;
    color: #7D898C !important;
    caret-color: #FF4F00 !important;
    font-family: europa, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    height: 60px;
    padding: 18px 40px 18px 22px !important; 
    margin: 30px auto -40px !important;
    display: block !important;
    min-width: unset !important;
    width: 370px;
    max-width: 100% !important;
    float: unset !important;
}
.cs-region-selector{
	display:none !important;
}
ul#region-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
ul#region-buttons a {
    font-family: europa, sans-serif;
    color: #fff !important;
    background-color: #19aab3 !important;
    text-decoration: none !important;
    -webkit-box-shadow: -1px 1px 3px 0px rgba(121, 129, 135, 0.3);
    box-shadow: -1px 1px 3px 0px rgba(121, 129, 135, 0.3);
    border: none;
    outline: 0;
    padding: 9px 12px;
    line-height: normal;
    font-size: 14px;
    font-weight: normal;
    vertical-align: middle;
    min-height: 38px;
    cursor: pointer;
    text-align: center;
}
ul#region-buttons a.region-button.selected {
    background-color: #ea512f !important;
}
body.page-id-30800 .arlo#arlo .arlo-region-selector .arlo-filter-region,
body.page-id-22304 .arlo#arlo .arlo-region-selector .arlo-filter-region{
	height: auto !important;
      border-radius: 3px !important; 
    border: none !important;
    padding: 10px !important;
    color: #6d5cae !important;
    -webkit-box-shadow: -1px 1px 3px 0px rgba(121, 129, 135, 0.3) !important;
    box-shadow: -1px 1px 3px 0px rgba(121, 129, 135, 0.3) !important;
    font-size: 14px !important;
    line-height: 20px !important;
}
.upcoming-events-cs {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}
.upcoming-events-cs .arlo-region-selector {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 0;
    height: 0;
    overflow: hidden;
}
@media(max-width:767px){
  body.arlo_event-template-default  .arlo-region-selector{
  	padding:20px;
  }
  .arlo#arlo.arlo-sm .arlo-filter-region{
  	margin-bottom:0 !important
  }
}

.arlo-event-registration a.button.arlo-register::before {
    content: "Book Now";
    color: #fff !important; 
}
.arlo-template-events-list .event-container div.mobile-expanded-visible div.arlo-event-registration a.button.arlo-register:hover{
    color: transparent !important; 
}
.arlo-event-registration a.button.arlo-register {
    max-width: 100px;
    color: transparent !important; 
}
.card-back .arlo-event-registration a.button.arlo-register::before {
    content: "Book Now";
    color: #eb5130 !important;
}
p.arlo-no-results{
    background-color: #ee5425 !important;
    color: white;
    font-size: 1.5em;
    padding: 20px !important;
    /* border-radius: 8px; */
    text-align: center;
    margin: 20px 0 !important;
    font-weight: bold;
}