@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
body{font-family: 'Lato', sans-serif;line-height: 1.4em;}
*{font-family: 'Lato', sans-serif;}
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/*OPTION-1*/
.WhatsOnHeading{font-weight: 400;text-transform: none;margin: 0;margin-bottom: 80px;}
.EventsList .MonthList{list-style-type: none;margin: 0;padding: 5px 10px;display: inline-block;border: 5px solid #a24b1a;border-radius: 5px;overflow: hidden;max-height: 42px;padding-right: 40px;font-size: 16px;position: absolute;top: 55px;background: #fff;z-index: 1;}
.EventsList .MonthList.active{max-height: none;}
.EventsList .MonthList:before{content: "Filter by Month";display: block;margin-top: -1px;font-weight: 700;font-size: 18px;margin-bottom: 5px;cursor: pointer;}
.EventsList .MonthList:after{content:"➔";position:absolute;right: 4px;top: 4px;background: #a24b1a;width: 24px;line-height:24px;height: 24px;text-align: center;border-radius: 50%;color: #fff;transform: rotate(90deg);cursor: pointer;}
.EventsList .MonthList li{margin-right: -30px;border-top: 1px solid #ddd;}
.EventsList .MonthList li a{color:#000;cursor: pointer;}
.EventsList .MonthList li a:hover{color:#a24b1a;}

/*Added by Amit for Category List*/
.EventsList .CategoryList{list-style-type: none;margin: 0;padding: 5px 10px;display: inline-block;border: 5px solid #a24b1a;border-radius: 5px;overflow: hidden;max-height: 42px;padding-right: 40px;font-size: 16px;position: absolute;right: 0;top: 9px;background: #fff;z-index: 1;}
.EventsList .CategoryList.active{max-height: none;}
.EventsList .CategoryList:before{content: "Filter by Category";display: block;margin-top: -1px;font-weight: 700;font-size: 18px;margin-bottom: 5px;cursor: pointer;}
.EventsList .CategoryList:after{content:"➔";position:absolute;right: 4px;top: 4px;background: #a24b1a;width: 24px;line-height:24px;height: 24px;text-align: center;border-radius: 50%;color: #fff;transform: rotate(90deg);cursor: pointer;}
.EventsList .CategoryList li{margin-right: -30px;border-top: 1px solid #ddd;}
.EventsList .CategoryList li a{color:#000;cursor: pointer;}
.EventsList .CategoryList li a:hover,.EventsList .CategoryList li a.Selected{color:#a24b1a;}
/*End added by Amit for Category List*/

.EventsList .Events{}
.EventsList .Events>.Event{border-bottom: 1px solid #ddd;padding-bottom: 25px;margin-bottom:25px;display: flex;width: 100%;align-items: normal;}
.EventsList .Events>.Event:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0;}
.EventsList .Events>.Event:last-child:after{display:none;}
.EventsList .Events .Event_Image{width: 315px;}
.EventsList .Events .Event_Image img{width:315px; height:auto;}
.EventsList .Events .Event_Text{padding-left: 15px;position: relative;padding-bottom:50px;}
.EventsList .Events .Event_Text .Event_Name{color: #000;font-size: 22px;font-weight: 700;display: inline-block;margin-bottom:40px;line-height: 25px;min-height: 50px;}
/*
.EventsList .Events .Event_Text .Event_Name{color: #000;font-size: 22px;font-weight: 700;display: inline-block;line-height: 25px;}
*/
.EventsList .Events .Event_Text>span{display:block;}
.EventsList .Events .Event_Text .Event_Dates {position: absolute;top: 51px;font-weight: 700;overflow: hidden;max-width: 500px;text-overflow: ellipsis;
white-space: nowrap;}
/*
.EventsList .Events .Event_Text .Event_Dates {position: initial;top: 33px;font-weight: 700;overflow: hidden;max-width: 500px;text-overflow: ellipsis;
    white-space: nowrap;}
*/

.EventsList .Events .Event_Text .More_Info{display: inline-block;font-size: 18px;border: 3px solid #a24b1a;color: #000;padding: 6px 15px;border-radius: 5px;line-height: 25px;font-family: 'Lato', sans-serif;font-weight: 700;position: absolute;bottom: 0;white-space: nowrap;}
.EventsList .Events .Event_Text .More_Info:hover{background:#a24b1a;color:#fff;}

/*OPTION-2*/
/*.EventsList{padding:0 10px;}
.EventsList .Events{margin-left: -10px;margin-right: -10px;display: flex;-webkit-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap;align-items: normal;flex-wrap: wrap;}
.EventsList .Events>.Event{border: 0;padding: 0 10px;width:25%;display:block;}
.EventsList .Events>.Event:nth-of-type(4n):after{content:"";border-bottom: 1px solid #ddd;position: absolute;right: 0;width: 100%;}
.EventsList .Events .Event_Image{width: 100%;}
.EventsList .Events .Event_Image img{width:100%; height:auto;}
.EventsList .Events .Event_Text{text-align: center;width: 100%;padding-left: 0;min-height:250px;padding-top: 10px;padding-bottom: 110px;margin-bottom:25px;}
.EventsList .Events .Event_Text .Event_Name{font-size: 20px;margin-bottom: 10px;}
.EventsList .Events .Event_Text>span{display:block;line-height: 24px;position: absolute;width: 100%;left: 0;bottom: 60px;font-weight:700;}
.EventsList .Events .Event_Text>span br:first-child{display:none;}
.EventsList .Events .Event_Text .Event_Dates{position: static;}
.EventsList .Events .Event_Text .More_Info{left:0;font-size: 15px;width: 100%;}*/
/**/

.EventDetails{position: relative;}
.EventDetails .DetailsContainer:before{content:"What's On";font-weight: 400;font-size:34px;display:block;margin-bottom:30px;}
.backButtonInEventDetailsTop{position: absolute;right: 0;}
.backButtonInEventDetailsTop .Button,
.backButtonInEventDetailsBottom .Button{background: #fff;color: #a24b1a;padding-left: 36px;}
.backButtonInEventDetailsTop .Button:hover,
.backButtonInEventDetailsBottom .Button:hover{background: #a24b1a;color: #fff;}
.backButtonInEventDetailsTop .Button:before,
.backButtonInEventDetailsBottom .Button:before{content:"➔";position: absolute;left: 8px;background: #a24b1a;width: 24px;line-height:24px;height: 24px;text-align: center;border-radius: 50%;color: #fff;transform: rotate(180deg);cursor: pointer;}
.EventDetails h1,.EventDetails h2,.EventDetails h3{color:#000;}
.EventDetails #ctl00_ContentPlaceHolder_WikiTextControl{position: relative;}
.EventDetails #ctl00_ContentPlaceHolder_WikiTextControl h1{height:210px;background:#F8F8F8;padding-left: 340px;padding-top: 20px;text-transform: none;font-size: 30px;margin: 0;}
.EventDetails #ctl00_ContentPlaceHolder_WikiTextControl img{position: absolute;left: 0;top: 0;width: 315px;height: 210px;object-fit: none;object-position: center;}
.EventDetails #ctl00_ContentPlaceHolder_WikiTextControl>span{}
.EventDetails #ctl00_ContentPlaceHolder_WikiTextControl>span br{line-height: 10px;}
.EventDetails .DatesAndTimesHeading{position: absolute;left: 340px;top: 160px;margin: 0;font-size: 20px;text-transform: none;}
.EventDetails .EventDates{position: absolute;left: 340px;top: 190px;display: flex;}
.EventDetails .EventDates select{display:inline-block;border: 3px solid #a24b1a;font-size: 18px;height: 40px;font-weight: 700;width: auto;margin-right: 15px;border-radius: 4px;}
.EventDates .BookNowButton{border: 3px solid #a24b1a;background: #a24b1a;color: #fff;padding: 5px 15px;line-height: 20px;height: 40px;border-radius: 4px;margin-top: 0;}
.EventDates .BookNowButton:hover,.EventDates .BookNowButton:focus{color: #a24b1a;background: #fff;}
.EventDetails .DateInstructions{display:none;}
.EventDetails .MonthList{display:none;}


@media (max-width: 900px){
/*vertical design Event List*/	
.EventsList{padding:0 10px;}
.EventsList .Events{margin-left: -10px;margin-right: -10px;display: flex;-webkit-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap;align-items: normal;flex-wrap: wrap;}
.EventsList .Events>.Event{border: 0;padding: 0 10px;width:25%;display:block;}
.EventsList .Events>.Event:nth-of-type(4n):after{content:"";border-bottom: 1px solid #ddd;position: absolute;right: 0;width: 100%;}
.EventsList .Events .Event_Image{width: 100%;}
.EventsList .Events .Event_Image img{width:100%; height:auto;}
.EventsList .Events .Event_Text{text-align: center;width: 100%;padding-left: 0;min-height:250px;padding-top: 10px;padding-bottom: 110px;margin-bottom:25px;}
.EventsList .Events .Event_Text .Event_Name{font-size: 20px;margin-bottom: 10px;}
.EventsList .Events .Event_Text>span{display:block;line-height: 24px;position: absolute;width: 100%;left: 0;bottom: 60px;font-weight:700;}
.EventsList .Events .Event_Text>span br:first-child{display:none;}
.EventsList .Events .Event_Text>span.Event_Description{overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp:3;
line-clamp: 3;-webkit-box-orient: vertical;line-height: 20px;}	
.EventsList .Events .Event_Text .Event_Dates{position: static;}
.EventsList .Events .Event_Text .More_Info{left:0;font-size: 15px;width: 100%;}
/**/	
.EventsList .Events>.Event{width:33.33%;}
.EventsList .Events>.Event:nth-of-type(4n):after{display:none;}
.EventsList .Events>.Event:nth-of-type(3n):after{content:"";border-bottom: 1px solid #ddd;position: absolute;right: 0;width: 100%;}	
}
@media (max-width: 700px){
.WhatsOnHeading{margin-bottom: 115px;}
.EventsList .CategoryList{right: auto;left: 10px;top: 54px;z-index: 2;}
.EventsList .MonthList{top: 104px;}	
	
.EventsList .Events>.Event{width:50%;}
.EventDetails #ctl00_ContentPlaceHolder_WikiTextControl h1 {height: auto;padding: 15px;}
.EventDetails #ctl00_ContentPlaceHolder_WikiTextControl img {position: static;width: 100%;height: auto;object-fit: unset;}
.EventDetails .DatesAndTimesHeading {position: static;margin-top:15px;}
.EventDetails .EventDates {position: static;display:block;}
.EventDetails .EventDates select {display: block;}	
.EventsList .Events>.Event:nth-of-type(3n):after{display:none;}		
}
@media (max-width: 500px){
.EventsList .Events>.Event{width:100%;border-bottom: 1px solid #ddd;}
.EventsList .Events .Event_Text{min-height:190px;}
}