/*KRF Home Page styling*/

html {
	background: url('https://kildarelibraries.ie/css/krf/images2026/krf26HomeVertical.svg') no-repeat center center fixed;
	background-size: cover;
	background-color: #001220;
	height: 100%;
}/*background color*/


body, .headerImg, footer {
	color: white;
	background-color: rgba(0,0,0,0);
} /* sets body to transparent */


.group:after {
	  content: "";
	  display: table;
	  clear: both;
}

.headerImg {
	background-image: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

#topBar, header, .footerWrap {
	width: 100%;
}

#topBar .footerSocial i:hover {
	color: #001220;
	text-decoration: none;
}

header {
	padding-top: 1em;
}

.logoTextHighlight {
	color: #009473;
}


.hp-container {
	width: 80%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 100vh;
}

a, a:hover, i, i:hover {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	color: inherit;
}


/* Home Content Area */

.content {
	width: 100%;
}

.homeButtons {
	margin-top: 2rem;
}

.homeButtons div {
	display: inline-block;
	margin-right: 1rem;
}


/* Footer */

footer {
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-top: 1.5rem;
	background-image: none;
	}
	
footer a:hover :not(i) {
	text-decoration: none;
	color: #001220;
	border-bottom: 2px solid #001220;
}
footer .footerSocial {
	font-size: 1.3em;
}

footer .footerSocial i:hover {
	color: #001220;
}


@media (min-width:63em) {

		html {
		background-color: #21201f;
		} /* full size background image on large screens */
}

@media (min-width:43.75em) {	

		html {
		background: url('https://kildarelibraries.ie/css/krf/images2026/krf26HomeHorizontal.svg') no-repeat center center fixed;
		background-size: cover;
		}

		.headerImg {
		margin-bottom: 2rem;
		}
		
		footer {
		background-color: rgba(0,0,0,0);
		margin-top: 2rem;
		}
		
		footer .colophon {
		padding-left: 0;
		}

		footer .footerSocial {
		padding-right: 0;
		}
}