@charset "UTF-8";

.imggallery-modal-background
{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000000ee;
}

	.imggallery-modal-background.visible
	{
		display: block;
	}

	.imggallery-modal-background .imggallery-header
	{
		display: block;
		width: 100%;
		height: 80px;
	}

	.imggallery-modal-background .imggallery-header .logo-container
	{
		display: block;
		float: left;
		width: 60px;
		height: 60px;
		margin: 10px;
	}
	
		.imggallery-modal-background .imggallery-header .logo-container > img
		{
			display: block;
			width: 60px;
			height: 60px;
		}
		
		.imggallery-modal-background .imggallery-header .imggallery-close-button
		{
			display: block;
			float: right;
			width: 60px;
			height: 60px;
			margin: 10px;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: 32px;
		}	
		
	.imggallery-modal-background .imggallery-content
	{
		display: block;
		height: calc( 100% - 180px);
	}
	
		.imggallery-modal-background .imggallery-content > img
		{
			display: block;
			width: 100%;
			height: 100%;
			object-fit: contain;
			object-position: center center;
		}
		
	.imggallery-modal-background .imggallery-footer
	{
		display: block;
		position: absolute;
		width: 100%;
		height: 100px;
		bottom: 0px;
	}
	
		.imggallery-modal-background .imggallery-footer .imggallery-prev-button
		{
			display: block;
			position: absolute;
			left: calc( 50% - 70px );
			width: 60px;
			height: 60px;
			margin-top: 20px;
			border-radius: 30px;
			background-color: var(--theme-color);
			background-repeat: no-repeat;
			background-position: center center;
			background-size: 32px;
		}
	
		.imggallery-modal-background .imggallery-footer .imggallery-next-button
		{
			display: block;
			position: absolute;
			left: calc( 50% + 10px );
			width: 60px;
			height: 60px;
			margin-top: 20px;
			border-radius: 30px;
			background-color: var(--theme-color);
			background-repeat: no-repeat;
			background-position: center center;
			background-size: 32px;
		}