
.HdRentEventsWrapper {
    display: block;
    position: relative;
}
.HdOrderCalendarTitle {
    border-bottom: 1px solid #a1a2a3;
    margin-bottom: 10px;
}
.HdOrderCalendarDate span,
.HdOrderCalendarLocation span,
.HdOrderCalendarAdmissionCharge span,
.HdOrderCalendarUrl span {
	display: inline-block;
	width: 180px;
}
.HdOrderCalendarContent {
	padding-top: 10px;
    padding-bottom: 10px;
}
.HdOrderCalendarContent p {
    margin: 0px !important;	
}
.HdEventsLight .HdOrderCalendarContent {
    border-bottom: 0px;
}
.HdOrderCalendarImageLeft {
	display: inline-block;
	float: left;
	width: 200px;
	height: 100%;
}

.HdRentEventsWrapper.HdEventsLight {
	/*display: flex;
	flex-wrap: wrap;*/
	display: inline-block;
	width: 100%;
}
.contentMain .HdRentEventsWrapper.HdEventsLight {
    display: block;
    width: 100%;
    flex-wrap: unset;
}    
.HdOrderCalendarContainer {
	display: flex;
    margin-bottom: 25px;
}
.HdOrderCalendarEvents {
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
}   
.HdOrderCalendarEvents a {
	display: flex;
}
.HdEventsLight .HdOrderCalendarContainer {
	display: inline-block;
	position: relative;
	width: 300px;
	margin-right: 25px;
    min-height: 270px;
    overflow: initial;
    border-bottom: 1px solid #a1a2a3;
    /*float: left;*/
}
.HdRentEventsWrapper .h1Behaviour {
    width: 100%;
    text-align: center;
}
.HdEventsLight .eventImage {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
    opacity: 0.1;
    filter: alpha(opacity=10); /* For IE8 and earlier */
    z-index: -1;
}
.HdEventsLight .HdOrderCalendarContainer.hasImage {
	position: relative;
	background-repeat: no-repeat;
}
.HdEventsLight .HdOrderCalendarContainer.hasImage h2,
.HdEventsLight .HdOrderCalendarContainer.hasImage .h2Behaviour,
.HdEventsLight .HdOrderCalendarContainer.hasImage h3,
.HdEventsLight .HdOrderCalendarContainer.hasImage .h3Behaviour,
.HdEventsLight .HdOrderCalendarContainer.hasImage .admissionChargeBox,
.HdEventsLight .HdOrderCalendarContainer.hasImage .HdRentEventLocation {
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)";
    padding-left: 5px;
}
.HdEventsLight .HdOrderCalendarContainer.hasImage h2,
.HdEventsLight .HdOrderCalendarContainer.hasImage .h2Behaviour {
	padding-top: 5px;
}
.HdEventsLight .HdOrderCalendarContainer.hasImage h3,
.HdEventsLight .HdOrderCalendarContainer.hasImage .h3Behaviour,
.HdEventsLight .HdOrderCalendarContainer h3,
.HdEventsLight .HdOrderCalendarContainer .h3Behaviour {
	font-size: 14px;
    font-weight: normal;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
}
.HdEventsLight .HdOrderCalendarContainer h3,
.HdEventsLight .HdOrderCalendarContainer .h3Behaviour {
	padding-left: 2px !important;
}
.HdEventsLight .HdOrderCalendarContainer.hasImage h3,
.HdEventsLight .HdOrderCalendarContainer.hasImage .h3Behaviour {
	padding-left: 8px !important;
}
.HdEventsLight .HdOrderCalendarContainer .admissionChargeBox {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 8px;
    text-align: center;
    font-size: 0.8em;
    border: 1px solid #a1a2a3;
}
.HdEventsLight .HdOrderCalendarContainer.hasImage .admissionChargeBox h2,
.HdEventsLight .HdOrderCalendarContainer.hasImage .admissionChargeBox .h2Behaviour {
	border: 0px;
}
.HdEventsLight .HdOrderCalendarContainer .admissionChargeBox span { 
    display: block;
    text-align: center;
}

.HdOrderCalendarDate span {
	white-space: nowrap;
}
.HdRentEventsWrapper .HdOrderCalendarContainer.hasImage .HdOrderCalendarDateBox {
    padding-left: 6px;
}
.HdRentEventsWrapper .HdOrderEventsReadmoreIcon {
	display: block;
	position: absolute;
	bottom: 0px;
	text-align: center;
	width: 100%;
	border-top: 1px solid #dadada;
	height: 20px;
	background-color: #FFFFFF;
	cursor: pointer;
}
.HdRentEventsWrapper .HdOrderEventsReadmoreIcon span.icon {
	position: relative;
    float: none;
    top: -7px;
    font-size: 52px;
}
.hdicon-arrow-down::before {
    content: "\e011";
    color: #dadada;
    position: absolute;
    top: 0px;
}

.HdRentEventStarLayer {
	position: absolute;
	left: 50px;
	top: -13px;
	font-size: 20px;
}
.HdRentEventStar {
	--star-color:orange;
	margin:1em auto;
	font-size:3em;
	position: relative;
	display: block;
	width: 0px;
	height: 0px;
	border-right: 1em solid transparent;
	border-bottom: 0.7em solid var(--star-color);
	border-left: 1em solid transparent;
	transform: rotate(35deg);
	opacity: 0.7;
}
.HdRentEventStar:before {
	border-bottom: 0.8em solid var(--star-color);
	border-left: 0.3em solid transparent;
	border-right: 0.3em solid transparent;
	position: absolute;
	height: 0;
	width: 0;
	top: -0.45em;
	left: -0.65em;
	display: block;
	content:"";
	transform: rotate(-35deg);
}
.HdRentEventStar:after {
	position: absolute;
	display: block;
	top: 0.03em;
	left: -1.05em;
	width: 0;
	height: 0;
	border-right: 1em solid transparent;
	border-bottom: 0.7em solid var(--star-color);
	border-left: 1em solid transparent;
	transform: rotate(-70deg);
	content:"";
}
.HdRentEventStarText {
	position: absolute;
	top: 68px;
	width: 50px;
	text-align: center;
	left: 34px;
	font-size: 14px;
	line-height: normal;
}
.starHasCustomText .HdRentEventStarText {
	width: 100%;
	left: auto;	
}
.HdRentEventStarButton {
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.12);
    -moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.12);
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.12);
    background-color: rgb(51, 51, 51);
	color: #FFFFFF;
	padding: 4px 12px;
}
.hasButton .HdRentEventStarLayer {
	top: 5px;	
	right: 0px;
	left: auto;
}


/*.HdOrderCalendarDate {
    font-size: 1.1em;
    border-bottom: 1px solid #EFEFEF;
    margin-bottom: 8px;
}

.HdOrderCalendarTime {
	width: 150px;
	display: inline-block;
	float: left;
}
.HdOrderCalendarContent {
    display: -webkit-box;  
    display: -moz-box;     
    display: -ms-flexbox;  
    display: -webkit-flex;
    display: flex;
	flex-flow: column;
}
.HdOrderCalendarContent:first-child {
    border-top: 0px;
    margin-top: 0px;
}
.HdOrderCalendarContent h2 {
	font-size: 1.2em;
}
.HdOrderCalendarContent div {
    font-style: italic;
}
.HdOrderCalendarLocation {
	font-size: 0.8em;
}*/