@charset "UTF-8";
/*
 Featured events
 */


.eventsfeatured-- .header+.wrapper{
 margin-top: 20px	
}
.eventsfeatured-- .box.calender-details{
 display: flex;
 align-items: flex-start
}
.eventsfeatured-- .calender{
 position: relative; 
 flex: 0 0 74px;
 max-width: 74px;
 text-align: center
}
.eventsfeatured-- .calender a{
 position: relative;	
 padding: 10px
}
.eventsfeatured-- .calender a, 
.eventsfeatured-- .calender span{
 display: block
}
.eventsfeatured-- .calender+.details{
 padding-left: 24px;
 flex: 0 1 auto;
 max-width: auto;
}

@media ( max-width: 767px ){
	
 .eventsfeatured-- .item+.item{
  margin-top: 20px	
 }
 
}

@media ( min-width: 768px ){

 .eventsfeatured--.multiple-items .wrapper{
  display: flex;
  margin-left: -10px;
  margin-right: -10px
 }
 .eventsfeatured--.multiple-items .wrapper .item{
  padding-left: 10px;
  padding-right: 10px
 }
 .eventsfeatured-- .multiple-items.items-x2 .wrapper .item{
  flex: 0 0 50%;
  max-width: 50%;
 }
 .eventsfeatured-- .multiple-items.items-x3 .wrapper .item{
  flex: 0 0 33.3333%;
  max-width: 33.3333%
 }

}

/*
 Basic theme styles (featured events)
 */

.eventsfeatured-- .header{
 font-size: 1.25rem;
 font-weight: 700
}
.eventsfeatured-- .calender{
 background-color: #444;
 line-height: 1.3em
}
.eventsfeatured-- .calender,
.eventsfeatured-- .calender a{
 color: #FFF
}
.eventsfeatured-- .calender a{
 
 text-decoration: none
}
.eventsfeatured-- .calender span{
 font-size: 0.6875rem
}
.eventsfeatured-- .calender span.day{
 font-size: 1.375rem
}
.eventsfeatured-- .calender span.arrow{
 width: 30px; 
 height: 30px; 
 top: 50%;
 right: -15px;
 margin-top: -15px;
 border-radius: 15px;
 background-color: #f4f4f4
}
.eventsfeatured-- .calender span.arrow:before{
 width: 8px; 
 height: 8px; 
 top: 50%; 
 left: 50%; 
 margin-top: -4px;
 margin-left: -4px;
 border-color: #444
}



/*
 Events calendar
 */

.events-calendar--{
 margin-top: 50px; 
 padding-bottom: 50px
}

.page-events a.btn{ display: inline-block; margin-top: 30px; text-decoration: none }
.page-events .wys a.btn:hover{ text-decoration: none } 

.event-flag-colour{ display: inline-block; width: 50px; height: 50px; margin-left: 20px }


.events-toolbar{ background-color: #EBEBEB; padding: 14px 20px; margin-bottom: 50px }
.events-toolbar ul{ display: table; margin-left: auto; margin-right: auto } .events-toolbar ul li{ display: table-cell; }
.events-toolbar ul ul li+li{ padding-left: 20px }

.events-toolbar ul li.events-options{ padding-left: 15px; }

.events-toolbar p.tp-show{ display: block; margin-bottom: 20px; text-align: center }
.events-toolbar .tp-hide{ display: none }

@media ( min-width: 992px ){
 .events-toolbar p.tp-show{ display: none }       
 .events-toolbar ul{ display: table; margin-left: 0; margin-right: 0 } 
 .events-toolbar .tp-hide{ display: table-cell }
}

/* Select */

.events-toolbar .events-date-picker select{
 padding-top: 7px; padding-bottom: 7px; padding-left: 7px;    
}

.events-toolbar .events-date-picker select{
 background-image: linear-gradient(45deg, transparent 50%, #C0C0C0 50%), linear-gradient(135deg, #C0C0C0 50%, transparent 50%)
}
.events-toolbar .events-date-picker select:focus{
 background-image: linear-gradient( 45deg, transparent 50%,  #C0C0C0 50% ), linear-gradient( 135deg,  #C0C0C0 50%, transparent 50% )
}
.events-toolbar .events-date-picker select:-moz-focusring{
 color: transparent; text-shadow: 0 0 0 #000;
}

.page-events .page-panel.page-heading{ padding-top: 50px; }



/*---------------------------------Events Calendar--------------------------------------*/


.events-calendar ul{
 margin: 0; padding: 0; list-style-type: none;
}
.events-calendar.view-by-month ul, .events-calendar.view-by-week ul{
 display: table; width: 100%;
}


/* 

 The Calendar
 Months

 */

.events-calendar div.day > a b, .events-calendar span b{
 font-weight: normal;
}
  
.events-calendar div.day > a, .events-calendar span[class*="event-color-"]{
 
}

/*----------------------------------------------------------------------------------------------*/

.events-calendar.view-by-month ul li.prev-month,
.events-calendar.view-by-month ul li.next-month {
 background: #f8f8f8;
}
.events-calendar.view-by-month ul li div.day .run,
.events-calendar.view-by-week ul li div.day .run {
 height: 40px;
}

.events-calendar.view-by-month ul.events-calendar-header,
.events-calendar.view-by-week ul.events-calendar-header {
 margin-bottom: 10px;
}
.events-calendar.view-by-month ul.events-calendar-header li,
.events-calendar.view-by-week ul.events-calendar-header li {
 text-align: center;
}
.events-calendar.view-by-month ul li,
.events-calendar.view-by-week ul li{
 display: table-cell;
 width: 14.28571438%;
}


@media ( max-width: 991px ) {
 .events-calendar.view-by-month ul li.prev-month,
 .events-calendar.view-by-week ul li.prev-month,
 .events-calendar.view-by-month ul li.next-month,
 .events-calendar.view-by-week ul li.next-month{
  display: none;
 }
}
.events-calendar.view-by-month ul li div.day,
.events-calendar.view-by-week ul li div.day{
 display: block; min-height: 131px;
}
.events-calendar.view-by-month ul li div.day span,
.events-calendar.view-by-month ul li div.day a,
.events-calendar.view-by-week ul li div.day span,
.events-calendar.view-by-week ul li div.day a{
 display: block; text-decoration: none; outline: 0;
}



@media ( min-width: 992px ){

 .events-calendar.view-by-month ul li div.day span.title.mobile,
 .events-calendar.view-by-week ul li div.day span.title.mobile,
 .events-calendar.view-by-month ul li div.day span.title.mobile+span.more,
 .events-calendar.view-by-week ul li div.day span.title.mobile+span.more{
  display: none;       
 }
 
}

.events-calendar.view-by-month ul li div.day>span p,
.events-calendar.view-by-week ul li div.day>span p {
 display: none;
}
.events-calendar.view-by-month ul li div.day span.run,
.events-calendar.view-by-week ul li div.day span.run {
 height: 40px;
}
.events-calendar.view-by-month ul li div.day>span,
.events-calendar.view-by-month ul li div.day a,
.events-calendar.view-by-week ul li div.day>span,
.events-calendar.view-by-week ul li div.day a {
 padding: 5px;
}
.events-calendar.view-by-month ul li div.day span.more,
.events-calendar.view-by-week ul li div.day span.more {
 text-align: right;
}
.events-calendar.view-by-month ul:not(.events-calendar-header) li,
.events-calendar.view-by-week ul:not(.events-calendar-header) li {
 border-right: solid #C0C0C0 1px;
}
.events-calendar.view-by-month ul:not(.events-calendar-header) {
 border-top: solid #C0C0C0 1px;
 border-left: solid #C0C0C0 1px;
}
.events-calendar.view-by-month ul:not(.events-calendar-header):last-child {
 border-bottom: solid #C0C0C0 1px;
}
.events-calendar.view-by-month ul:not(.events-calendar-header) li a,
.events-calendar.view-by-month ul:not(.events-calendar-header) li span.shim{
 height: 95px;
}
.events-calendar.view-by-month ul:not(.events-calendar-header) li span.run {
 height: 40px;
}
.events-calendar.view-by-month ul:not(.events-calendar-header) li a,
.events-calendar.view-by-month ul:not(.events-calendar-header) li span.shim{
 font-size: 0.75rem;
}
.events-calendar.view-by-month ul:not(.events-calendar-header) li a span:first-child {
 height: 70px;
}
.events-calendar.view-by-month ul:not(.events-calendar-header) li span.title {
 display: block;
 font-size: 0.8125rem;
 max-height: 60px;
 overflow: hidden;
}
.events-calendar.view-by-week ul:not(.events-calendar-header) {
 border-top: solid #C0C0C0 1px;
 border-left: solid #C0C0C0 1px;
 border-bottom: solid #C0C0C0 1px;
}
.events-calendar.view-by-week ul:not(.events-calendar-header) li a {
 font-size: 0.75rem;
}
.events-calendar.view-by-week ul:not(.events-calendar-header) li a b {
 display: block;
 font-size: 0.8125rem;
 max-height: 40px;
 overflow: hidden;
}
.events-calendar.view-by-day ul li+li,
.events-calendar.view-by-upcoming ul li+li {
 margin-top: 20px;
}
.events-calendar.view-by-day .events-days .day a,
.events-calendar.view-by-upcoming .events-days .day a {
 display: block;
 padding: 5px;
 min-height: 100px;
 text-decoration: none;
 outline: 0;
 font-size: 0.75rem;
}
.events-calendar.view-by-day .events-days .day a b,
.events-calendar.view-by-upcoming .events-days .day a b {
 display: block;
 font-size: 0.8125rem;
}
.events-calendar.view-by-day .events-days .day a span.event-snippet,
.events-calendar.view-by-upcoming .events-days .day a span.event-snippet {
 display: block;
 margin-top: 14px;
 padding-right: 14px;
}

.events-calendar.view-by-event:after {
 display: table;
 content: '';
 clear: both;
}
.events-calendar.view-by-event .event-image {
 float: left;
 width: 41.66666667%;
}
.events-calendar.view-by-event .event-image+.event-content {
 float: left;
 width: 58.33333333%;
 padding-left: 40px;
}








/*---------------------------------Titles-----------------------------------------------*/

.date-title-box {
 text-align: center;
 margin-bottom: 30px;
 border: 1px solid #C0C0C0;
}
p.date-title {
 display: inline-block;
 text-align: center;
 background-color: #f1f1f1;
 color: #77787b;
 font-size: 1.375rem;
 padding: 12px 20px;
 text-transform: uppercase;
 letter-spacing: 2px;
 width: 100%;
}

.event-content h1{}

.general-title .events-days h6 {
 float: left;
 margin-bottom: 7px;
 text-align: left;
 padding-left: 10px;
}

.general-title .events-days .event-content {
 padding: 0 20px;
 text-align: left;
}
.general-title .events-days .event-content a {
 color: #C0C0C0;
 font-size: 1rem;
}
.general-title .events-days{
 padding-bottom: 20px;
}
.general-title .events-days hr:first-child {
 display: none;
}
.general-title .events-days .event-content a span {
 color: #53A1D7 !important;
}
.general-title span.event-venue {
 display: block;
 text-align: right;
 padding-right: 20px;
 font-weight: bold;
}
.general-title span.event-startend-time {
 display: block;
 text-align: right;
 padding-right: 20px;
 font-weight: bold;
}
.general-title span.event-image {
 display: block;
 text-align: right;
 padding-right: 20px;
}
.general-title span.event-image img{
 display: block;
 width: 100%;
 height: auto; 
}

span.event-venue + span.event-startend-time{
 margin-top: 6px;     
}
span.event-venue + span.event-image,
span.event-startend-time + span.event-image{
 margin-top: 20px;
}

@media ( max-width: 991px ) {
 

 .events-calendar.view-by-month ul.events-calendar-header,
 .events-calendar.view-by-week ul.events-calendar-header {
  display: none;
 }
 .events-calendar.view-by-month ul li,
 .events-calendar.view-by-week ul li {
  display: block;
  width: 100%;
 }
 .events-calendar.view-by-month ul li div.day,
 .events-calendar.view-by-week ul li div.day {
  display: block;
  min-height: 80px;
 }
 .events-calendar.view-by-month ul li div.day span:first-child,
 .events-calendar.view-by-week ul li div.day span:first-child{
  padding-top: 8px;
  padding-bottom: 8px;
 }
 .events-calendar.view-by-month ul li div.day span:first-child p,
 .events-calendar.view-by-week ul li div.day span:first-child p{
  display: inline;
  padding-left: 10px;
 }
 .events-calendar.view-by-month ul li:empty,
 .events-calendar.view-by-week ul li:empty{
  display: none;
 }
 .events-calendar.view-by-month ul:not(.events-calendar-header){
  border-top: 0;
  border-right: solid #C0C0C0 1px;
 }
 .events-calendar.view-by-month ul:not(.events-calendar-header) li{
  border-top: solid #C0C0C0 1px;
  border-right: 0;
 }
 .events-calendar.view-by-month ul:not(.events-calendar-header) li a{
  height: auto;
 }
 .events-calendar.view-by-month ul:not(.events-calendar-header) li span.run{
  height: 60px;
 }
 .events-calendar.view-by-month ul:not(.events-calendar-header) li span.run.run-and-hide{
   display: none;
 }
 .events-calendar.view-by-month ul:not(.events-calendar-header) li a{}
 .events-calendar.view-by-month ul:not(.events-calendar-header) li a span{
  margin-bottom: 10px;
 }
 .events-calendar.view-by-month ul:not(.events-calendar-header) li a b{
  max-height: auto;
  overflow: visible;
 }
 .events-calendar.view-by-week ul:not(.events-calendar-header){
  border-bottom: 0;
 }
 .events-calendar.view-by-week ul:not(.events-calendar-header) li{
  border-bottom: solid #C0C0C0 1px;
 }
 
}

.page-events .page-title h1{ text-align: left; margin:10px 0; }