/* /Components/EventStats.razor.rz.scp.css */
/* Specific for statistics*/
.text-big[b-5aen4194x5] {
	font-size: 2em;
}

	.text-big ion-icon[b-5aen4194x5] {
		margin-bottom: -0.15em;
	}

	p[b-5aen4194x5]{
		margin-bottom:0;
	}
/* /Pages/EventPhotoItem.razor.rz.scp.css */
#gallery[b-orl9896me2] {
	max-width: 960px;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 360px;
}

	#gallery ion-spinner[b-orl9896me2] {
		width: 3em;
		height: 3em;
		top: 50%;
		margin-top: -1.5em;
		color: var(--ion-text-color, #fff);
	}


	#gallery ion-button[b-orl9896me2] {
		width: 100%;
		height: 100%;
		margin: 0;
		color: var(--ion-text-color, #fff);
	}


	#gallery .loader[b-orl9896me2], #gallery .error[b-orl9896me2] {
		border: 1px solid black;
		border-radius: 10px;
		position: absolute;
		width: 100%;
		height: 100%;
	}

	#gallery .loader .upload[b-orl9896me2] {
		position:relative;
		top:50%;
		margin-top:-25px;
	}

	#gallery .error .icon[b-orl9896me2] {
		position: relative;
		top: 50%;
		margin-top: -16px;
	}


	#gallery h1[b-orl9896me2] {
		color: #f9e559;
		font-size: 48px;
		font-weight: 100;
		padding: 50px 40px 0px;
		text-transform: uppercase;
	}

	#gallery p[b-orl9896me2] {
		color: white;
		padding: 0 40px;
	}

	#gallery .thumbnail[b-orl9896me2] {
		float: left;
		position: relative;
		width: 15%;
		padding-bottom: 15%;
		margin: 0.83%;
		overflow: hidden;
		border-radius: 10px;
	}
		#gallery .thumbnail.button[b-orl9896me2]{
			cursor:pointer;
		}

		#gallery .thumbnail.button:hover[b-orl9896me2] {
			-webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.4), 0 3px 10px 0 rgba(0,0,0,0.3);
			-moz-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.4), 0 3px 10px 0 rgba(0,0,0,0.3);
			box-shadow: 0 4px 8px 0 rgba(0,0,0,0.4), 0 3px 10px 0 rgba(0,0,0,0.3);
		}

	#gallery .img-container[b-orl9896me2] {
		position: absolute;
		width: 100%;
		height: 100%;
	}

		/*
	#gallery .loader {
		border: 1px solid black;
		border-radius: 10px;
		position: absolute;
		width: 100%;
		height: 100%;
	}*/

		#gallery .img-container img[b-orl9896me2] {
			/*   width: auto;
            max-width: none;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);*/
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		#gallery .img-container:hover .img-caption[b-orl9896me2] {
			top: 0;
			left: 0;
		}

			#gallery .img-container:hover .img-caption .btn-trans[b-orl9896me2] {
				background: rgba(255, 255, 255, 0.4);
				border: 1px solid #f9e559;
			}

	#gallery .img-caption[b-orl9896me2] {
		position: absolute;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.7);
		text-align: center;
	}

	#gallery .table[b-orl9896me2] {
		display: table;
	}

		#gallery .table .table-cell[b-orl9896me2] {
			display: table-cell;
			vertical-align: middle;
			border: 2px solid #f9e559;
		}

	#gallery .btn[b-orl9896me2] {
		border: none;
		font-size: inherit;
		font-weight: 100;
		color: #f9e559;
		display: inline-block;
		text-transform: uppercase;
		position: relative;
		border: 1px solid #f9e559;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

		#gallery .btn[b-orl9896me2]:before {
			content: "";
			position: absolute;
			z-index: -1;
			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
			transition: all 0.3s;
		}

		#gallery .btn[b-orl9896me2]::after {
			line-height: 1;
			position: relative;
			-webkit-font-smoothing: antialiased;
		}

	#gallery .btn-sep[b-orl9896me2] {
		margin: 30px 0px;
	}

	#gallery .btn-p[b-orl9896me2] {
		font-size: 16px;
		padding: 10px 20px;
	}

	#gallery .btn-trans[b-orl9896me2] {
		background: rgba(249, 229, 89, 0);
		color: #f9e559;
	}

		#gallery .btn-trans:hover[b-orl9896me2] {
			background: rgba(255, 255, 255, 0.4);
		}

		#gallery .btn-trans:active[b-orl9896me2] {
			background: rgba(255, 255, 255, 0.4);
		}

@media screen and (max-width: 992px) {
	#gallery .thumbnail[b-orl9896me2] {
		width: 22%;
		padding-bottom: 22%;
		margin: 1.5%;
	}

	#gallery .img-container:hover .img-caption[b-orl9896me2] {
		top: 0;
		left: 0;
	}

	#gallery .img-caption[b-orl9896me2] {
		position: absolute;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.7);
		text-align: center;
	}

		#gallery .img-caption a[b-orl9896me2] {
			color: #f9e559;
		}
}

@media screen and (max-width: 720px) {
	#gallery .thumbnail[b-orl9896me2] {
		width: 29%;
		padding-bottom: 29%;
		margin: 2.16%;
	}
}

@media screen and (max-width: 470px) {
	#gallery .thumbnail[b-orl9896me2] {
		width: 44%;
		padding-bottom: 44%;
		margin: 2.8%;
	}
}