/*footer styling*/

.bottom-banner{
	position:relative;
	/* top:60px; */
	background:var(--secondary-bg);
	text-align:center;
	padding:1.5rem;
    padding-bottom: 10rem;
	line-height:1.3;
    margin-top:2em;
    content-visibility:auto;
}

.social_icon{
	transition: opacity 0.2s;
	opacity: 0.2;
	width:auto;
	height:auto;
	max-height:2rem;
	margin:0 0.5rem;
}

.social_icon:hover{
	opacity:1;
}

.footer-link{
	color:#BFBFBF;
	font-size:0.9rem;
	text-decoration:none;
	border-radius:0.5em;
	padding:0.25em 0.5em;
}

.footer-link:focus,
.footer-link:hover{
	background-color: rgba(255,255,255,0.1);
}

#donate_link{
    background-color: var(--accent-clr);
    border-radius: 0.3em;
    color:white;
    text-decoration: none;
    padding:0.5em 1em;
    display: inline-block;
    margin:0.5em;
    width:max-content;
    font-size: 0.95em;
    font-family: inherit;
}

@media (max-width: 700px) {
	.bottom-banner{
		padding-bottom:7em;
	}
}