/*
Theme Name: Genesis Block HTLC
Version: 1.0
Description: A child theme of Genesis Block Theme
Author: htlceastondev
Template: genesis-block-theme
*/

@import url("../genesis-block-theme/style.css");


.utility-bar {
	background-color:#344361;
	min-height:50px;
	padding-left:100px;
	padding-right:100px;
	padding-top:15px;
	color:white;
}
.utility-bar a{
	color:white;
}
.locators{
	float:left;
	list-style:none;
	margin-left:10px;
	background-color:#344361;
	font-family: "Montserrat", Sans-serif;
    font-size: 14px;
    font-weight: 300;
}
ul.locators li{
	display:inline;
	padding-left:20px;
	text-decoration:none;
}

ul.locators i{
	padding:5px;
	color:ffffff;
}
.social-icons{
	float:right;
	list-style:none;
	margin-right:10px;
	margin-top:-3px;
}
ul.social-icons li{
	display:inline;
	padding:5px;
}


#masthead.site-header {
	background-color: white;
	border-bottom:solid;
	border-bottom-color:white;
}
.site-identity{
	padding-top:10px;
	margin-top:-20px;
}
.site-identity img.custom-logo {
	width:140px;
	margin-left:-55px;
}

img.custom-logo{
	margin-top:-10px;
	margin-left:-55px;
}

.drawer-wrap{

}

.top-navigation{
	height:40px;
}

.mobile-navigation{
		background-image:url("/wp-content/uploads/2022/11/HTLC-LOGO-FINAL-20220517-larger-type-REVERSED-LORES-4.png");
		background-size: 140px;
		background-repeat: no-repeat;
		padding-top:10px;
	height:60px;
	background-origin:content-box;
}


.menu-toggle{
		background:none;
}
.menu-cta {
	background-color:orange;
}
button.menu-toggle{
	background-color:none;
	padding:0px;
	text-align:right;
	width:50%;
	float:right;
	margin-top:10px;
}




.article-area{
	padding-left:30px;
	padding-right:30px;
	text-align:center;

}

.article-content{
	display:inline-block;
	text-align:left;
	max-width:1200px;
	width:80%;
}


/* FOOTER CSS */

.htlc-footer{
	background-color:#344361;
	width:100%;
	min-height:300px;
}

.htlc-footer .left-content {
	float:left;
	width:40%;
	padding:60px;
	background-color:ffffff;
	color:#ffffffa6;
	font-size:14px;
	font-family:sans-serif;
	margin-left:0px;
}

.htlc-footer .container{
	width:100%;
	margin:0px;
	padding:0px;
}



.footer-social-icons{
	text-align:right;
	list-style:none;
	margin-top:20px;
	margin-right:10px;
	margin-left:0px;
}

.social-rule-line{
	display:none;
}

.footer-social{
	margin-left:60px;
	margin-right:60px;
}

.footer-social .fa-brands {
	color:white;
}


ul.footer-social-icons li{
	display:inline;
	padding:5px;
}

.footer-navigation{
	float:left;
	width:60%;
	margin:0px;
}

ul.footer-util-menu > li{
	float:left;
	padding-top:60px;
	padding-right:15px;
	width:33%;
	color:#ffffffa6;
	font-size:14px;
	font-family:sans-serif;
	margin:0px;
}

.footer-navigation .menu-item-has-children > a{
	color:white;
	font-family:serif;
	font-size:20px;
	font-weight:bold;
}

.footer-navigation .sub-menu {
	min-width: 20em;
}

.footer-navigation .sub-menu a:visited{
	color: #ffffffa6;
}
.footer-navigation .sub-menu a:active{
	color: #ffffffa6;
}
.footer-navigation .sub-menu a:link{
	color: #ffffffa6;
}
.footer-navigation .sub-menu a:hover{
	color: white;
}



.footer-util-menu ul {
	list-style-type:none;
	display:inline-block;
}

.footer-util-menu li {
	list-style-type:none;
	display:inline-block;
	width:100%;
}

.footer-social-icons{
		text-align:center;
		display:none;
	}


.bottom-bar {
	text-align:right;
	width:100%;
}
.footer-elca-logo{
	padding:10px;
	margin-right:100px;
}


.featured-image {
	display:none;
}


/* PAGE TEMPLATE STYLING */

.page{
	width:100%;
	margin:0px;
	padding:0px;
}


.page-hero {
	width:100%;
	display: inline-block;
	position:relative;

}

.page-hero img{
	z-index:300;
	width:100%;
	height:auto;
	max-height:400px;
	object-fit:cover;
	display: inline-block;
	position:relative;
	filter:brightness(80%);
	-webkit-box-shadow:0px 5px 15px #cccccc;
 	-moz-box-shadow:0px 5px 15px #cccccc;
	-box-shadow:0px 5px 15px #cccccc;
	margin-bottom: 20px;
}

.page-hero h1{
	z-index:400;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	color:white;
	text-shadow: 2px 2px 4px #000000;
}

.center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}


@media only screen and (max-width: 970px){

}

@media only screen and (max-width:1000px) {
	.locators{display:none;}
	img.custom-logo{display:none;}
	.social-icons{
		float:left;
		margin-left; 10px;
		display:none;
	}
	
	.site-title-wrap{
		display:none;
	}
	.utility-bar{
		padding-left:10px;
		display:none;
	}
	img.custom-logo {
		position:relative;
		top:-40px;
	}
	.site-identity{
		display:none;
	}
	#masthead.site-header {
		background-color: #344361;
		border-bottom:solid;
		border-bottom-color:white;
		border-bottom-width:1px;
		height:80px;
	}
	.footer-navigation{
		margin-left:20px;
		width:100%;
	}
	.htlc-footer .left-content{
		padding-bottom:10px;
		padding-top:10px;
		margin-top:0px;
		margin-bottom:0px;
		width:100%;
		margin-left:20px;
		margin-right:20px;
	}
	.footer-social-icons{
		text-align:center;
		display:block;
	}
	.social-rule-line{
		display:block;
	}
	
}

a.custom-logo-link{
	width:150px;

}
.site-title-wrap{
	max-width:150px;
}
.top-navigation-right{
	max-width:85%
}