@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

:hover{}

.catering:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(255,255,255,.8);/* THIS IS WHAT EVER OVERLAY COLOUR YOU WANT */
}


.venue:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.6);/* THIS IS WHAT EVER OVERLAY COLOUR YOU WANT */
}


.venue-tab:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.65);/* THIS IS WHAT EVER OVERLAY COLOUR YOU WANT */
    top: 0;
    left: 0;

}

.venue-tab:hover::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.92);/* THIS IS WHAT EVER OVERLAY COLOUR YOU WANT */
    top: 0;
    left: 0;
}

.venue-tab img{
	position: relative;
	z-index: 2;
}

.venue-tab .venue-info{
	width: auto !important;
	max-width: 100% !important;
	position: relative;
	z-index: 2;
}


.event-tab:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.4);
	top: 0;
    left: 0;
}



.event-tab:hover::before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.9);
	top: 0;
    left: 0;
}


.event-tab .arrow{
	position: relative;
	z-index: 2;
}

.event-tab .event-info{
	width: auto !important;
	max-width: 100% !important;
	position: relative;
	z-index: 2;
}


.about-tab:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.4);/* THIS IS WHAT EVER OVERLAY COLOUR YOU WANT */
    top: 0;
    left: 0;
}



.testamonial{
	content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.8);/* THIS IS WHAT EVER OVERLAY COLOUR YOU WANT */
    top: 0;
    left: 0;
    
	}
}