/*-------------------------------*/
/*      Events-Calendar.html     */
/*-------------------------------*/

  .ba-em-calendar-tabs-wrap .nav-tabs>li>a{
    border: 1px solid var(--color-brown);
    background-color: var(--color-cream);
	  font-family: 'Heading';
	font-size: 1.56rem;
    text-transform: uppercase;
	  text-decoration: none;
	  padding:0.9rem 5.3rem;
  }

.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: 1px solid var(--color-brown);
    background-color: var(--color-brown);
  }

  /* override calendar buttons  */
.ba-em-main-calendar .fc-button-group .fc-button{margin-left:1px;}
.ba-em-main-calendar .fc-left{height:4rem;}


	/*.btn*/
  .ba-em-main-calendar .fc-button { 
    border-radius: 0;
	box-shadow: none;
	  font-family: 'Heading';
	  font-size: 1.12rem;
  }

	/*.btn-default*/
 .ba-em-main-calendar .fc-button-primary{ 
    color:white;
    border-color:var(--color-light-brown);
    background: var(--color-light-brown);
  }

	/*.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:var(--color-brown);
    background: var(--color-brown);
    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: var(--color-brown);
    border-color: var(--color-brown);
    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: var(--color-black);
  }

  .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: var(--color-hover);
  }

.fc-toolbar h2{color:inherit;}

.ba-em-calendar-filter{width:18%;}
.ba-em-main-calendar .fc-left{flex-basis:18%;}

/* 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: var(--color-beige);
  }

.fc-view-container{background: #fff;}


.ba-em-main-calendar .fc-day-header{
    background: var(--color-beige);
    color: var(--color-brown);
	font-family: 'Heading';
	font-size: 1.12rem;
	font-weight: 400;
  }

 /* calendar day */
  .ba-em-main-calendar .fc-day-number{
	font-size: 1.25rem;
    font-weight: 300;
  }

.ba-em-main-calendar .fc-other-month .fc-day-number{
	color:var(--color-beige);
  }
.fc-day-top.fc-other-month{opacity: 1;}

.ba-em-main-calendar td.fc-today {
      color: var(--color-light-brown); 
	background-color: var(--color-cream);
  }
  
 /* calendar event*/
  .ba-em-main-calendar .fc-event{
    border-radius: 0px;
  }

  .ba-em-main-calendar .fc-title{
    font-weight: 300;
    color: var(--color-black);
  }

  /* override qTip tooltip */
  .qtip-default{
    background-color: #fff;
    border: 1px solid #fff;
    color:var(--color-black);
	  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.14);
  }

/*.tooltip-content{display: block!important;}*/

/*-------------------------------*/
/*      Events-Listing.html      */
/*-------------------------------*/

.ba-em-group-title .sep{
    background-color: var(--color-blue);
  }

.ba-em-events-listing .ba-em-date{
    background-color: var(--color-cream);
	border:4px solid var(--color-blue);
	padding:1rem 1.5rem;
	margin-left:3rem;
	margin-right:3rem;
  }
.ba-em-events-listing .ba-em-image-block img + .ba-em-date{
	margin-left:3rem;
	margin-right:3rem;}

.ba-em-events-listing .ba-em-image-block img{border:4px solid var(--color-brown);}

 .ba-em-events-listing .ba-em-month{
    font-size: 1.12rem;
    font-weight: 400;
    text-transform: uppercase;
	 font-family: 'Heading';
    color: var(--color-light-brown);
  }

.ba-em-events-listing .ba-em-day{
    font-size: 4rem;
    color: var(--color-blue);
    line-height: 1;
    font-weight: bold;
  }

 .ba-em-events-listing .ba-em-time{
    color: var(--color-brown);
  }

 .ba-em-tags-listing a{
    background-color: transparent;
	 margin-right:1rem;
	 padding:0; font-size: 1rem; font-family: 'Heading'; text-decoration: none; color:var(--color-light-brown);
  }
  .ba-em-tags-listing a:hover, .ba-em-tags-listing a:focus{
    background-color: transparent;
    color: var(--color-blue);
	  text-decoration: underline;
  }

 .ba-em-tags-listing .ba-em-tag-group1{background-color: #ffefc6}
  .ba-em-tags-listing .ba-em-tag-group2{background-color: #c6ffd8}
  .ba-em-tags-listing .ba-em-tag-group3{background-color: #fdd7ff}
  .ba-em-tags-listing .ba-em-tag-group4{background-color: #d3eeff}

.ba-em-item-past-event{opacity: 0.6;}

  .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;
    
  }

  /* small calendar */

.ba-em-small-calendar{
    /*border: 1px solid var(--color-beige);
	background: #fff;*/
  }

  .ba-em-small-calendar .date-picker-wrapper{
    border: none;
    background: none;
    box-shadow: none;
    color: var(--color-black);
    border-bottom: 1px solid var(--color-beige);
  }

 .ba-em-small-calendar .date-picker-wrapper .month-wrapper{
    border-radius: 0;
    border: none;
	 padding:0;
  }

  .ba-em-small-calendar .date-picker-wrapper .month-element{
    font-size: 1.125rem;
    color: var(--color-black);
    font-weight: 400;
    text-transform: capitalize;
	  font-family: 'Heading';
  }
.ba-em-small-calendar .date-picker-wrapper .footer{padding-top:0;}

 .ba-em-small-calendar .date-picker-wrapper table .caption .next,
  .ba-em-small-calendar .date-picker-wrapper table .caption .prev {
    font-size: 1rem;
    color: var(--color-black);
    background: none;
  }
  .date-picker-wrapper table .caption .next:hover,
  .date-picker-wrapper table .caption .prev:hover{
    color: var(--color-hover);
    background: none;
  }

  .ba-em-small-calendar .date-picker-wrapper .month-wrapper table .week-name{
    background-color: var(--color-beige);
    color: var(--color-brown);
    font-size: 0.87rem;
    font-weight: 300;
    text-transform: capitalize;
  }
.ba-em-small-calendar .date-picker-wrapper .month-wrapper table .week-name th{font-weight: 300;}

  .ba-em-small-calendar  .date-picker-wrapper .month-wrapper table .day{
    font-size: 0.87rem;
    font-weight: 300;
	  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: var(--color-beige);
  }
/* current */
  .ba-em-small-calendar .date-picker-wrapper .month-wrapper table .day.real-today{
    color: var(--color-light-brown);
    background:var(--color-cream);
  }
/* hover */
  .ba-em-small-calendar .date-picker-wrapper .month-wrapper table .day.toMonth.hovering{
    background-color:inherit;
    color: var(--color-black);
	  border:1px solid var(--color-light-brown);
  }
  .ba-em-small-calendar .date-picker-wrapper .month-wrapper table .day.real-today.hovering{
    background-color: var(--color-cream);
    color: var(--color-light-brown);
  }
/* selected */
  .date-picker-wrapper .first-date-selected, .date-picker-wrapper .last-date-selected{
    background-color:var(--color-brown)!important;
    color: #fff!important;
  }

 .ba-em-events-filter{
    border: 1px solid var(--color-beige);
	 background: var(--color-cream);
  }
.ba-em-events-filter .group-label{font-weight: 700; text-transform: uppercase;}

  .ba-em-icon-input [class*='fa'] {
    color: var(--color-light-brown);
	  padding:1.4rem 1.2rem;
  }

.ba-em-group-title h2{font-size: 1.12rem; color:#fff; background: var(--color-blue); margin:0; padding:0.23rem 1.4rem;}

/*-------------------------------*/
/*      Events-details.html      */
/*-------------------------------*/

/* event info */
.ba-em-info-title{
    font-weight: bold;
    color: var(--color-light-brown);
    text-transform: uppercase;
	  line-height: 1.2;
    margin-bottom: 0.25rem;
  }

.ba-em-info-text{font-weight: 300;}

.ba-em-info-text a{ font-weight:300;}

.ba-em-social-link{font-weight:300;}

.ba-em-social-link .fab{
	width:auto; height:auto;
	font-size: 1.5rem;
  }

  .ba-em-event-image figcaption {
    background-color: rgba(255,255,255,0.8);
  }
.ba-event-details-slider .slick-arrow{border:0; font-size: 1.9rem; margin-top:-1.09rem; width:2.37rem; height:3.5rem; background-color: var(--color-blue); color:#fff;}
.ba-event-details-slider .slick-prev{left:0;}
.ba-event-details-slider .slick-next{right:0;}

/* registration */
.ba-em-registration-section .decor{background: url("/web/assets/img/decor-flowers-logo-v.svg") no-repeat right center / contain; right:calc(50vw - var(--container)/2 + var(--container)*0.6666); width:7.125rem; position: absolute; top:0; bottom:0;}

  /* history-nav */
.ba-em-event-nav{background-color: transparent}  
.ba-em-event-nav .inner-wrap{padding-top:var(--padding-normal); padding-bottom:var(--padding-normal)}
.ba-em-event-nav .item .post-title{font-family: 'Heading';}
.ba-em-event-nav .item.prev{padding-right:2rem;}
.ba-em-event-nav .item.next{padding-left:2rem;}
.ba-em-event-nav .item+.item{border-left:0;}
.ba-em-event-nav .item+.item:before{content:''; background: url("/web/assets/img/decor-star-single.svg") no-repeat center / contain; width:2rem; height:3rem; top:50%; margin-top:-1.5rem; left:-1rem; display: block; position: absolute;}

.ba-em-event-nav .item.prev a::before, .ba-em-event-nav .item.next a::after {font-size: 2rem; top:-0.81rem;}

.alert-event-full {padding: 0.5rem 1rem; background-color: #FFEDEF; border-color: #FF9292; color: #FF3737; }

.ba-event-place{display: inline-flex; flex-direction: column; align-items: stretch; color:var(--color-brown);}
.ba-event-place span{padding:0.5rem 0; border-top:1px solid var(--color-brown);}
.ba-event-place span+span{border-bottom:1px solid var(--color-brown);}

/*-------------------------------*/
/*           Responsive          */
/*-------------------------------*/

@media (max-width: 1199px) {
	
	.ba-em-events-listing .ba-em-date, .ba-em-events-listing .ba-em-image-block img + .ba-em-date{margin-left:2rem; margin-right:2rem;}

}

@media (max-width: 991px) {
	.ba-em-small-calendar .date-picker-wrapper .month-wrapper{
      border:1px solid var(--color-light-grey);
      box-shadow: 0 2px 6px 0 rgba(125, 125, 125, 0.13);
    }
	.ba-event-details-slider{padding-bottom:1rem;}
	.ba-event-details-slider .slick-dots{bottom:0;}
	.ba-em-event-image figcaption {padding:0.5rem 1rem;}
	
	.ba-em-calendar-filter{width:100%;}
	.ba-em-main-calendar .fc-left{flex-basis: auto;}
	
	.ba-em-event-nav .item.prev a::before, .ba-em-event-nav .item.next a::after {top:-0.5rem;}
}

@media (max-width: 767px) {
	.ba-em-calendar-tabs-wrap .nav-tabs > li > a{padding-left:1rem; padding-right:1rem;}
	
	.ba-em-events-listing .ba-em-date, .ba-em-events-listing .ba-em-image-block img + .ba-em-date{margin-left:1rem; margin-right:1rem;}
	
	.ba-em-registration-section .decor{display: none;}

}

@media (max-width: 566px) {
	.ba-em-event-nav .item+.item{border-left:none; border-top: 1px solid var(--color-light-grey);}
	
	.ba-em-event-nav .item.prev{padding-right:0;}
.ba-em-event-nav .item.next{padding-left:0;}
	
	.ba-em-event-nav .item+.item:before{display: none;}
	
	.ba-em-event-nav > .container > .inner-wrap {
	padding-top: var(--padding-normal);
	padding-bottom: var(--padding-normal);
}
	
	
}
