@CHARSET "ISO-8859-1";

.common-row {
	display: flex;
  	flex-wrap: wrap;
  	
  	display: -ms-flexbox;
  	-ms-flex-wrap: wrap;
}

.common-column-1 {
	flex: 1%;
	 -ms-flex: 1%;
}

.common-column-10 {
	flex: 10%;
	 -ms-flex: 10%;
}

.common-column-25 {
	flex: 25%;
	 -ms-flex: 25%;
}

.common-column-35 {
	flex: 35%;
	 -ms-flex: 35%;
}
.common-column-40 {
	flex: 40%;
	 -ms-flex: 40%;
}

.common-column-50 {
	flex: 50%;
	 -ms-flex: 50%;
}

.common-column-75 {
	flex: 75%;
	 -ms-flex: 75%;
}

	.noDisplay {
		display: none;
	}

/* ============================================== */
.common-container-venue-item-description {
	/* white-space: nowrap; 
	width: 600px; 
	overflow: hidden;
    text-overflow: "...";  */


	white-space: normal; 
	overflow: hidden;
   
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4; 
}

/* ============================================== */
.common-container-event-item, .common-container-venue-item {
	margin: auto;
	margin-top: 4px;
	padding: 8px;
}

.common-container-event-item-image, .common-container-venue-item-image {
	float: left; 
	margin-left: 50px;
}

.common-container-event-item-image img, .common-container-venue-item-image img{
	max-width: 250px; 
	/*max-height: 250px;*/
}

.common-container-event-item-image-medium img, .common-container-venue-item-image-medium img{
	max-width: 550px; 
	/*max-height: 550px*/
}

.common-container-event-item-image-bigger img, .common-container-venue-item-image-bigger img{
	max-width: 500px; 
	/*max-height: 500px*/
}

.venueImageDiv{
	width: 250px; 
	margin: auto;
}

.common-container-event-item-details {
	
}

.common-container-event-item-icon, .common-container-venue-item-icon {
	margin-left: 2px;
	margin-right: 2px;
	cursor: default;
}

.common-container-event-text-date {

}

.common-container-event-buttons, .common-container-venue-buttons {
	margin: auto;
	margin-bottom: 8px;
	margin-top: 8px;
}



/* ============================================== */

.form-all-width {
	width:100%; 
}

.mainContent{
	margin: 0 auto;
}

.templateFooter{
	background-color: #576067;
	padding-bottom:75px;
}

.footerLink{
	text-decoration:none;
	font-size:15px;
	font-family:times;
	color:#FFF;
}

.publicLayout-wrapper{
	max-width: 1260px;
	min-width: 800px;
	margin: 0 auto;
}
.publicTopBar {
	max-width: 1260px;
	min-width: 450px;
	/* margin-top: 10px; */
}
.publicLayout-main{
	background: white;
}

/* Extra Large Screens (desktops and TVs) */
@media (min-width: 1700px) {
	.publicLayout-wrapper{
		min-width: 1000px;
	}
	.mainContent {
		max-width: 1650px;
	}
}
/* Large Screens (desktops and laptops) */
@media (max-width: 1699px) and (min-width: 1200px) {
	.mainContent {
		max-width: 1150px;
	}
}
/* Medium Screens (desktops and laptops) */
@media (max-width: 1199px) and (min-width: 950px) {
	.mainContent {
		max-width: 900px;
	}
    .common-container-event-buttons > .ui-button {
    	height: fit-content;
    }
}
/* Small Screens (laptops and tablets) */
@media (max-width: 949px) and (min-width: 750px) {
	.publicLayout-wrapper{
		min-width: 700px;
	}
	.mainContent {
		//max-width: 650px;
		min-width: 500px;
	}
    .common-container-event-buttons > .ui-button {
    	height: fit-content;
    }
}
/* Small Screens (laptops and tablets) */
@media (max-width: 749px) and (min-width: 450px) {
	.publicLayout-wrapper{
		min-width: 550px;
	}
	.mainContent {
		min-width: 400px;
	}
	.timerMssg{
        font-size:14px !important;
    }
    .common-container-event-buttons > .ui-button {
    	height: fit-content;
    }
}

/* Mobile Devices */
@media (max-width: 449px) {
	.publicLayout-wrapper{
		min-width: 250px;
	}
	.mainContent {
		min-width: 225px;
	}
	.timerMssg{
        font-size:12px !important;
    }
    .common-container-event-buttons > .ui-button {
    	height: fit-content;
    }
}

.buttonContainer {
	border:0 !important; 
	background:transparent !important; 
	padding:0; 
	margin:0; 
	display:block; 
}
.buttonContainerLeft {
	float:left;
}
.buttonContainer button{
	min-width: 95px;
}
.cancelButton{
	margin-right:25px !important;
}

.timerMssg{
	text-align:center;
	font-size:18px;
}

.screenStaticMssg {
	background:LightYellow; 
	width: 100%; 
	padding: 10px;
}

.ui-sticky-ghost{
	height:0px !important;
}
.imageblur {
	height:200px; 
	width:300px; 
	overflow: hidden;
	display:inline-block;
}
.imageblur > img {
	height:200px !important;
	width: 300px !important;
	filter: blur(8px); 
	scale: 1.1;
}
.defaultEventImage {
	margin: auto;
 	display: block;
}
.dateOnImageDiv {
  	width: 150px;
  	position: relative;
  	top: -121px;
  	display: block;
}
.dateOnImage {
  	font-weight: bolder;
  	padding: 5px 4px;
  	background: white;
  	border-bottom-right-radius: 8px;
  	opacity: 0.8;
}
.bottom-image-mssg {
	background:#E10000;
  	color: white;
  	text-align: center;
  	font-size: 12px;
	font-weight: bolder;
	position: relative;
}