/***************************
*
file name:		images.css
Theme Name: 	nentrium images defaults
Designed by: 	nentrium graphics
Description:	defaults images on all pages
*
*****************************/

.home_img {
	background-image: url("../images/lion-2210947_640.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.5;
}

.divimg1 {
	float:left;
	display: block;
	margin: auto;
	/* padding:10px; */
	padding-right: 10px;
	width:350px;
	z-index:-0;
}

.divimg-pr10 {
	float:left;
	display: block;
	margin: auto;
	padding-right: 10px;
	width:350px;
	z-index:-0;
}

.divimg-pl10 {
	float:right;
	display: block;
	margin: auto;
	padding-left: 10px;
	width:350px;
	z-index:-0;
}

.img1 {
	display: block;
	padding:0;
	width: -webkit-fill-available;
	z-index:-0;
	margin: auto;
}

.divimg2{
	/* colours div - use this for diagnostics
	background: #fa8; */
	width:350px;
	float:right;
}

.divimgme{
	/* colours div - use this for diagnostics
	background: #fa8; */
	width:25%;
	float:left;
}

.img70 {
	border: 5px solid red;
    vertical-align: middle;
	/* STYLE */
	/* colours div - use this for diagnostics
	*/
	display: block;
	padding:0;
	width:70%;
	z-index:-0;
	margin: auto;
}

.imgme {
	border: 2px solid #666;
	display: block;
	float: right;
	margin: 5px 15px 15px 15px;
	padding:0;
    vertical-align: middle;
	width:80%;
	z-index:-0;
}

div.imgx {
    margin: 5px;
    border: 2px solid #aaa;
	width: 30%;
	padding-top:30px;
}

divx.img:hover {
    border: 2px solid #aaa;
}

div.img img {
    /* 
	width:200;
	height:80;
	*/
	width: 100%;
    height: auto;
}

div.desc {
    padding: 15px;
    text-align: center;
}


/* one of a pair to allow image opancy with out affecting text */
.bgimage {
	position: relative;
	height: 100vh;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* two of a pair to allow image opancy with out affecting text */
.bgimage::before {
	content: "";
	background-image: url('../images/remote-control-932273_640.jpg');
	background-size: cover;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0.75;
}

.bgimage h1 {
	position: relative;
	color: #000;
	font-size: 36px;
	line-height: 0.9;
	text-align: center;
}

.bgimage p {
	position: relative;
	color: #000;
	font-size: 16px;
	line-height: 0.9;
	text-align: center;
}

/*	pagefooter*/

.footer-page-img img{
	/*float:left;
	display: block;*/
	/*border:2px solid black;*/
	height:auto;
	margin: auto;
	/*padding: 1px;*/
	width:88px;
	z-index:-0;
}