/*
Name: H Maintenance Mode CSS
Author: Robbert van Hooij	
Author URI: https://humanify.nl
Description: Stylesheet for maintenance mode
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html, body {
	margin: 0;
	padding: 0;
}

body {
	/*background: *url("../images/arthur-bg.jpg") no-repeat center top;*/
	/*background-size: cover;*/
	/*color: white;*/
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	/*padding: 2em 15px;*/
}

.hmm-body {
	/*width: 100%;*/
	background: #fff;
}

/* - header - */

.hmm-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 60px;
	background: #222;
	color: #E1DDB8;
}

	.hmm-head-wrap {
		width: 100%;
		max-width: 1024px;
		margin: auto;
	 }

	.hmm-head-wrap .hmm-head-left {
		float: left;
		display: block;
	}

		.hmm-head-left a {
			color: #fff;
			font-size: 18px;
			line-height: 1.1;
			margin: 0;
			text-decoration: none;
		}
		
		.hmm-head-left a:focus,
		.hmm-head-left a:hover,
		.hmm-head-left a:active{
			color: #E1DDB8;
		}

	.hmm-head-wrap .hmm-head-right {
		float: right;
		display: block;
	}

		.hmm-head-right a {
			font-size: 16px;
			line-height: 1.5;
			margin: 0;
			padding: 0;
			color: #fff;
			text-decoration: none;
		}
		
		.hmm-head-right a:focus,
		.hmm-head-right a:active,
		.hmm-head-right a:hover {
			color: #E1DDB8;	
			text-decoration: underline;
		}

		
/* - main content */




.hmm-main {
	display: flex;
	margin-top: 60px;
	width: 100%;
	height: 860px;
	/*max-width: 1024px;*/
	background-image: url("https://dalma.eu/wp-content/plugins/h-maintenance-mode/assets/media/h-maintenance_1024x400.jpg");
	background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
}

.hmm-main-wrap {
	margin: auto;
}

.hmm-content {
	color: #fff;
	padding: 4rem;
	border-radius: 2rem;
	background: rgba(17,17,17, 0.8);
}

	.hmm-main p,
	.hmm-main h1,
	.hmm-main h2,
	.hmm-main h3 {
		margin-top: 0;
		text-shadow: 2px 2px 2px #111;
	}
	
	.hmm-main a {
		color: #E1DDB8;
	}
	
	.hmm-main a:hover, 
	.hmm-main a:active {
		color: #fff;
	}


@media screen and (max-width: 768px) {
	.hmm-body {
		max-width: 760px;
	}
}

@media screen and (max-width: 1024px) {

	.hmm-body p,
	.hmm-body h2,
	.hmm-body h3,
	.hmm-body a {
		font-size: 0.85em;
	}

}

	
/* - footer - */   
   
.hmm-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 40px;
	background: #222;
	color: #fff;
}

	.hmm-foot-wrap {
		width: 100%;
		max-width: 1024px;
		margin: auto;
		text-align: center;
	}
	
	.hmm-footer .hmm-foot-wrap p,
	.hmm-footer .hmm-foot-wrap a {
		font-size: 12px;
		line-height: 1.5;
		margin: 0;
		padding: 8px 0 0 0;
		color: #fff;
	}

	.hmm-footer .hmm-foot-wrap a:focus,
	.hmm-footer .hmm-foot-wrap a:active,
	.hmm-footer .hmm-foot-wrap a:hover {
		color: #206697;	
		text-decoration: underline;
	}

/* - PB elements - */

.hmm-main .panel-layout {
	max-width: 1024px;
	margin: auto;
	background: 
}

