/*-------------------------------*/
/*      Events-Calendar.html     */
/*-------------------------------*/

.ba-em-calendar-tabs-wrap .nav-tabs{ border: 1px solid #56A8C4; border-radius:1.5rem; background-color: #fff;}

.ba-em-calendar-tabs-wrap .nav-tabs>li>a{
	  font-family: "franklin-gothic-compressed",sans-serif; font-weight: 600;
    border:0;
    background-color: transparent;
	font-size: 1.5rem;
    text-transform: uppercase;
	  text-decoration: none;
	  color:#56A8C4;
	  height:3rem;
	padding:0.55rem 2rem 0.45rem 2rem;
	border-radius:1.5rem;
	  
  }

.ba-em-calendar-tabs-wrap .nav-tabs>li.active>a, .ba-em-calendar-tabs-wrap .nav-tabs>li.active>a:hover, .ba-em-calendar-tabs-wrap.nav-tabs>li.active>a:focus{
    color: #fff;
    border: 0;
    background-color: #56A8C4;
  }
.ba-em-calendar-tabs-wrap .nav-tabs>li>a:hover, .ba-em-calendar-tabs-wrap.nav-tabs>li>a:focus{background-color:#FDBE3E; color:#fff;}

  /* override calendar buttons  */

	/*.btn*/
  .ba-em-main-calendar .fc-button { 
    border-radius: 0.5rem;
	box-shadow: none;
	font-family: "franklin-gothic-compressed",sans-serif; font-weight: 600;
	  font-size: 1.25rem;
	  text-transform: uppercase;
	  padding: 0.35rem 1rem 0.2rem 1rem;
  }

	/*.btn-default*/
 .ba-em-main-calendar .fc-button-primary{ 
    color:#56A8C4;
    border-color:#56A8C4;
    background: #fff;
  }

	/*.btn-default:hover*/
.ba-em-main-calendar .fc-button-primary:not(:disabled):hover, .ba-em-main-calendar .fc-button-primary:not(:disabled):focus{ 
    color:white;
    border-color:#56A8C4;
    background: #FDBE3E;
    box-shadow: none;
  }

/*.btn-default:active*/
 .ba-em-main-calendar .fc-button-primary:not(:disabled):active, .ba-em-main-calendar .fc-button-primary:not(:disabled).fc-button-active{ 
    color: #fff;
    background-color: #56A8C4;
    border-color: #56A8C4;
    box-shadow: none;
  }

 /* next-prev buttons  */
  .ba-em-main-calendar .fc-prev-button, .ba-em-main-calendar .fc-next-button{
    background: none;
    border: none;
    color: #3D7893;
	  padding:0;
  }

  .ba-em-main-calendar .fc-prev-button:not(:disabled):hover, .ba-em-main-calendar .fc-prev-button:not(:disabled):focus, .ba-em-main-calendar .fc-next-button:not(:disabled):hover, .ba-em-main-calendar .fc-next-button:not(:disabled):focus{
    background: none;
    border: none;
    color: #FDBE3E;
  }

.fc-toolbar h2{font-size: 2.12rem; padding-top:0.5rem;}

.fc-button-group > .fc-button:not(:last-child){border-radius:0.5rem;}
.fc-button-group > .fc-button:not(:first-child){border-radius:0.5rem; margin-left:2px;}

/* calendar week header */
  .ba-em-main-calendar th,
  .ba-em-main-calendar td,
  .ba-em-main-calendar thead,
  .ba-em-main-calendar tbody,
  .ba-em-main-calendar .fc-divider,
  .ba-em-main-calendar .fc-row,
  .ba-em-main-calendar .fc-content,
  .ba-em-main-calendar .fc-popover,
  .ba-em-main-calendar .fc-list-view,
  .ba-em-main-calendar .fc-list-heading td {
    border-color: #E3E3E3;
  }

.ba-em-main-calendar .fc-day-header{
    background: #F4F4F4;
    color: #727272;
	font-size: 1.125rem;
	font-family: "franklin-gothic-compressed",sans-serif; 
	font-weight: 400;
  }

 /* calendar day */
  .ba-em-main-calendar .fc-day-number{
	font-size: 1.125rem;
	  font-family:"franklin-gothic-compressed",sans-serif; 
	font-weight: 400;
  }

.ba-em-main-calendar td.fc-today {
      color:inherit; 
	background-color: rgba(86, 168, 196, 0.2);
  }
  
 /* calendar event*/
  .ba-em-main-calendar .fc-event{
    border-radius: 0px;
  }

  .ba-em-main-calendar .fc-title{
    color: #54565C;
	  font-family: "franklin-gothic-compressed",sans-serif; font-weight: 400; font-size: 1.125rem; line-height: 1.2;
  }
.ba-em-main-calendar .fc-day-grid-event{padding-top:0.2rem;}


  /* override qTip tooltip */
  .qtip-default{
    background-color: #F4F4F4;
    border: 1px solid #F4F4F4;
    color:#54565C;
  }

/*-------------------------------*/
/*      Events-Listing.html      */
/*-------------------------------*/

.ba-em-group-title .sep{
    background-color: #B5B5B5;
  }

.ba-em-events-listing .ba-em-date{
    background-color: #F4F4F4; border-top-left-radius: 1.5rem; margin-right:0; margin-left:5rem; margin-top:1.6rem;
	padding-left:1rem; padding-right:1rem; padding-top:0.95rem; padding-bottom:1.3rem;
  }
.ba-em-events-listing .ba-em-image-block{width:33%;}
.ba-em-events-listing .ba-em-image-block img + .ba-em-date{margin-right:0; margin-left:5rem; margin-top:-5rem;}
.ba-em-events-listing .ba-em-image-block img{border-top-right-radius: 3rem;}

 .ba-em-events-listing .ba-em-month{
	 font-family: "franklin-gothic-compressed",sans-serif; font-weight: 600;
    font-size: 1.5rem;
    text-transform: uppercase;
    color: #54565C;
  }

.ba-em-events-listing .ba-em-day{
	font-family: "franklin-gothic-compressed",sans-serif; font-weight: 600;
    font-size: 4rem;
    color: #56A8C4;
    line-height: 1;
	margin-top:-0.25rem;
  }

 .ba-em-events-listing .ba-em-time{
    color: #727272;
	 font-family: "franklin-gothic-compressed",sans-serif; font-weight: 400;
	 letter-spacing: 1px;
  }

 .ba-em-tags-listing a{
    color: #000;
    background-color: #f6f7ff;
    border-radius: 0.5rem;
	 font-family: "franklin-gothic-compressed",sans-serif; font-weight: 400;
	 text-decoration: none;
	 letter-spacing: 1px;
	 padding:0.3rem 0.5rem 0.2rem 0.5rem;
  }
  .ba-em-tags-listing a:hover, .ba-em-tags-listing a:focus{
    background-color: #FDBE3E!important;
	  color:#000;
  }

 .ba-em-tags-listing .ba-em-tag-group1{background-color: rgba(86, 168, 196, 0.2);}
  .ba-em-tags-listing .ba-em-tag-group2{background-color:rgba(232, 133, 151, 0.2)}
  .ba-em-tags-listing .ba-em-tag-group3{background-color: rgba(253, 190, 62, 0.2)}
  .ba-em-tags-listing .ba-em-tag-group4{background-color:rgba(86, 168, 196, 0.2)}

	.ba-em-item-past-event{opacity: 0.4;}
	.fc-event-container .ba-em-item-past-event { filter: grayscale(100%);}

  .ba-em-item-past-event .ba-em-time,
  .ba-em-item-past-event .ba-em-month,
  .ba-em-item-past-event .ba-em-day {
    /*text-decoration: line-through;*/
    /*color: #727272;*/
  }

  /* small calendar */

.ba-em-small-calendar{
    border: 1px solid #E3E3E3; border-radius:0.5rem;
  }

  .ba-em-small-calendar .date-picker-wrapper{
    border: none;
    background: none;
    box-shadow: none;
    color: #303030;
  }

 .ba-em-link-wrapper+.date-picker-wrapper{
    border-bottom: 1px solid #E3E3E3;
 }

 .ba-em-small-calendar .date-picker-wrapper .month-wrapper{
    border-radius: 0.5rem;
    border: none;
  }

  .ba-em-small-calendar .date-picker-wrapper .month-element{
    font-size: 1.125rem;
    color: #54565C;
    text-transform: uppercase;
	  font-family: "franklin-gothic-compressed",sans-serif; font-weight: 600;
	  padding-top:0.4rem;
  }

 .ba-em-small-calendar .date-picker-wrapper table .caption .next,
  .ba-em-small-calendar .date-picker-wrapper table .caption .prev {
    font-size: 1rem;
    color: #54565C;
    background: none;
  }
  .date-picker-wrapper table .caption .next:hover,
  .date-picker-wrapper table .caption .prev:hover{
    color: #FDBE3E;
    background: none;
  }

.date-picker-wrapper .month-wrapper{padding:0;}

  .ba-em-small-calendar .date-picker-wrapper .month-wrapper table .week-name{
    background-color: #f4f4f4;
    color: #727272;
    font-size: 1rem;
   font-family: "franklin-gothic-compressed",sans-serif; font-weight: 400;
    text-transform: capitalize;
  }

  .ba-em-small-calendar  .date-picker-wrapper .month-wrapper table .day{
    font-size: 1rem;
     font-family: "franklin-gothic-compressed",sans-serif; font-weight: 400;
	  color:#54565C;
	  border:1px solid transparent;
  }

 .ba-em-small-calendar .date-picker-wrapper .month-wrapper table div.day.lastMonth,
  .ba-em-small-calendar .date-picker-wrapper .month-wrapper table div.day.nextMonth{
    color: #B5B5B5;
  }
/* current */
  .ba-em-small-calendar .date-picker-wrapper .month-wrapper table .day.real-today{
    color:inherit;
    background:rgba(86, 168, 196, 0.2);
  }
/* hover */
  .ba-em-small-calendar .date-picker-wrapper .month-wrapper table .day.toMonth.hovering{
    background-color: transparent;
    color: inherit;
	  border-color:#FDBE3E;
  }
  .ba-em-small-calendar .date-picker-wrapper .month-wrapper table .day.real-today.hovering{
    background-color: #f6f7ff;
    color: #f00;
  }
/* selected */
  .ba-em-small-calendar .date-picker-wrapper .first-date-selected, .date-picker-wrapper .last-date-selected{
    background-color: #56A8C4!important;
    color: #fff!important;
  }

 .ba-em-events-filter{
    border: 1px solid #E3E3E3;
	 border-radius:0.5rem;
  }

  .ba-em-icon-input .fa {
    color: #727272;
  }
	
.ba-em-small-calendar .date-picker-wrapper .footer{padding-top:0;}

  .ba-em-small-calendar .ba-em-link-wrapper{
    font-size: 0.875rem;
  }

.ba-em-events-listing .ba-em-item .event-price{font-family: "franklin-gothic-compressed",sans-serif;}

/*-------------------------------*/
/*      Events-details.html      */
/*-------------------------------*/

/* event info */
.ba-em-info-title{
	font-size: 1.125rem;
    color: #B5B5B5;
    text-transform: uppercase;
	  line-height: 1.2;
    margin-bottom: 0.25rem;
	font-family: "franklin-gothic-compressed",sans-serif; font-weight: 400;
	letter-spacing: 1px;
  }

.ba-em-info-text{font-weight: normal;}

.ba-em-info-text a{ font-weight:normal;}

.ba-em-social-link{font-weight: normal; text-decoration: none;}

.ba-em-social-link .link-text{text-decoration: underline;}
.ba-em-social-link:hover .link-text, .ba-em-social-link:focus .link-text{text-decoration: none;}

.ba-em-social-link .fa{
    background-color: transparent;
    color: inherit;
	font-size: 1.5rem;
	width:auto;
	height:auto;
	margin-right:1rem;
  }

.event-details-slider .item{margin-bottom:5rem;}
.event-details-slider .item:only-child { margin-bottom: 1.5rem; }
.event-details-slider .slick-arrow{bottom:0;}
.event-details-slider .slick-next{right:0;}
.event-details-slider .slick-prev{left:auto; right:3.5rem;}
.event-details-slider .slick-dots{bottom:1.5rem; right:8rem;}

.ba-em-event-image{width:100%;}
.ba-em-event-image img{border-top-left-radius: 7rem;}  
.ba-em-event-image figcaption {
	position: absolute;
	right:0;
	bottom:-1.5rem;
	left:40%;
    background-color: #F4F4F4;
	  border-top-left-radius: 1.5rem;
	margin:0;
  }

/* registration */
  .ba-em-registration-section{
    background-color: #f7f7f8;
  }

  /* history-nav */
.ba-em-event-nav{}  
.ba-em-event-nav .inner-wrap{background-color: #fff; border-radius:7rem; padding:2.6rem 6rem;}

.ba-em-event-nav .item+.item{border-left: 1px solid #E3E3E3;}
.ba-em-event-nav .item .small{color:#B5B5B5; font-family: "franklin-gothic-compressed",sans-serif; font-weight: 400; font-size: 1rem; letter-spacing:1px;}

.ba-em-event-nav .item.prev a::before, .ba-em-event-nav .item.next a::after {margin-top:-2.1rem;}

.ba-em-event-nav .item a:hover, .ba-em-event-nav .item a:focus{color:#FDBE3E;}

.ba-em-event-nav .item.prev{padding-right:2rem;}
.ba-em-event-nav .item.next{padding-left:2rem;}

.alert-event-full {padding: 0.6rem 1rem 0.4rem 1rem; background-color: #FFEDEF; border-color: #FF9292; color: #FF3737; }

/* update mar-2024 */
.ba-em-events-listing{display: flex; flex-wrap:wrap; align-items: flex-start; gap:3rem 1.88rem;}
.ba-em-events-listing .ba-em-item{width:calc((100% - 1.88rem*2)/3); flex-direction: column; margin:0;}
.ba-em-events-listing .ba-em-item a:not(.area-link){z-index:5;}
.ba-em-events-listing .ba-em-image-block{max-width:none; width:100%; aspect-ratio:1.894/1;}
.ba-em-events-listing .ba-em-image-block img{object-fit: cover; width:100%; height:100%;}
.ba-em-events-listing .ba-em-item .ba-em-image-block:after{content:''; border-top-right-radius:3rem; background: rgba(48,48,48,0); position: absolute; top:0; right:0; bottom:0; left:0; transition:background 0.2s ease;}
.ba-em-events-listing .ba-em-item:hover .ba-em-image-block:after{background: rgba(48,48,48,0.3);}
.ba-em-events-listing .ba-em-content-block{padding-top:1.5rem;}
.ba-em-events-listing .ba-em-tags-listing{margin-bottom:1rem;}
.ba-em-events-listing .ba-em-item .event-title{text-transform: uppercase; transition:color 0.2s ease;}
.ba-em-events-listing .ba-em-item:hover .event-title{color:#3D7893;}

.ba-em-events-listing .featured-event{align-self: stretch;}
.ba-em-events-listing .featured-event .ba-em-content-block{flex-grow:1; padding:1.5rem; border:1px solid #E3E3E3; border-bottom-right-radius: 3rem;}

.ba-em-events-listing .featured-orange .ba-em-content-block{border-color:rgba(253,190,62,0.4); background: rgba(250,226,131,0.2);}
.ba-em-events-listing .featured-zinnwaldite .ba-em-content-block{border-color:rgba(235,190,175,0.4); background: rgba(235,190,175,0.2);}
.ba-em-events-listing .featured-neptune .ba-em-content-block{border-color:rgba(128,196,189,0.4); background: rgba(128,196,189,0.2);}

.ba-em-events-listing .ba-em-group-title{width:100%; margin:0;}
.ba-em-events-listing .ba-em-group-title h2{margin:0 2.5rem;}

.ba-em-events-filter{border:0; padding:0;}
.ba-em-events-filter .inner-wrap{display: flex; align-items: center; gap:1.5rem 1.88rem;}
.ba-em-events-filter .form-group{margin:0; flex-basis: 0; flex-grow:1; min-width: 0; }
.ba-em-events-filter .form-footer{flex:none;}
.ba-em-events-filter .date-range-control{flex:none;}
.ba-em-events-filter .date-range-control .input-wrap{width: 9.5rem;}	

.fg-flex{display: flex; align-items: center;}
.fg-flex > label{margin-bottom:0; margin-right:1.5rem; }
.fg-flex > .input-wrap{flex-grow:1; margin-right:1.5rem;}
.fg-flex > div:last-child{flex-grow:0 ;margin-right:0;}
.fg-flex .input-label {white-space:nowrap;}

/*-------------------------------*/
/*           Responsive          */
/*-------------------------------*/
@media (max-width: 1332px) {
	.ba-em-events-filter .inner-wrap{gap:1.5rem;}
}

@media (max-width: 1199px) {
	.ba-em-events-listing{gap:3rem 1rem;}
	.ba-em-events-listing .ba-em-item{width:calc((100% - 1rem*2)/3);}
	.ba-em-events-listing .featured-event .ba-em-content-block{padding-left:1rem; padding-right:1rem;}
	
	.ba-em-events-filter .inner-wrap{flex-wrap:wrap;}
	.ba-em-events-filter .form-group{flex-basis:40%;}
	.ba-em-events-filter .date-range-control{flex-grow:1;}
	.ba-em-events-filter .date-range-control .input-wrap{width:auto; flex-grow:1;}	
	.ba-em-events-filter .form-footer{flex:none;}
}

@media (max-width: 991px) {
	.ba-em-small-calendar .date-picker-wrapper .month-wrapper{
      border:1px solid #edeef0;
      box-shadow: 0 2px 6px 0 rgba(125, 125, 125, 0.13);
    }
	.ba-em-icon-input .form-control{border-color:#B5B5B5;}
	
	.ba-em-events-listing .ba-em-item{width:calc((100% - 1rem)/2);}
	
	
}

@media (max-width: 767px) {
	/*.ba-em-events-listing .ba-em-image-block img + .ba-em-date, .ba-em-events-listing .ba-em-date{margin-left:3rem;}*/
	
	.ba-em-event-image img{border-top-left-radius: 5rem;}
	.ba-em-event-nav .inner-wrap{border-radius:5rem; padding:2.5rem 4rem;}
	.ba-em-event-nav .item.prev{padding-right:1rem;}
	.ba-em-event-nav .item.next{padding-left:1rem;}
	
	.event-details-slider .slick-dots{right:0; bottom:0;}
	.event-details-slider .item{margin-bottom:2rem;}
	.event-details-slider .item:only-child { margin-bottom: 0; }
	.ba-em-event-image figcaption{left:30%;}
	
	.ba-em-events-filter .form-group{flex-basis:100%;}
	.ba-em-events-filter .form-footer{justify-content: flex-start;}
}

@media (max-width: 566px) {
	.ba-em-event-nav .item+.item{border-left:none; border-top: 1px solid #edeef0;}
	
	.ba-em-event-nav .item{padding:1rem;}
	
	.ba-em-calendar-tabs-wrap .nav-tabs{flex-direction: column;}
	
	.ba-em-event-image img{border-top-left-radius: 3rem;}
	.ba-em-event-nav .inner-wrap{border-radius:3rem;}
	
	.ba-em-event-image figcaption{position: relative; bottom:0; left:0; margin-top:0; margin-left:0; border-radius: 0;}
	.event-details-slider .item{display: block;}
	.event-details-slider .slick-track{display: block; height:auto;}
	.event-details-slider .slick-list{height:auto;}

	.fg-flex > label{margin-right:0.25rem;}
	.fg-flex > .input-wrap{margin-right:0.25rem;}
/*	.fg-flex > div:last-child{flex-grow:1;}*/	
	.ba-em-events-listing .ba-em-item{width:100%;}
	.ba-em-events-listing .ba-em-image-block{margin-bottom:0;}
}
