/* Footer Styles
================================================== */

/* Dark theme footer */
#footer {
	background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
	border-top: 4px solid #FFC21F;
	color: rgba(255,255,255,0.8);
	padding-left: 20px;
	padding-right: 20px;
}

#footer svg .st0 {
	fill: #fff;
}

/* Logo */
#footer .footer-logo {
	max-width: 280px;
	margin-bottom: 25px;
}

/* About text */
#footer .footer-about {
	font-size: 15px;
	line-height: 1.8;
	color: rgba(255,255,255,0.7);
}

/* Section headings */
#footer .footer-heading {
	font-size: 22px;
	margin-bottom: 20px;
	color: #FFC21F;
}

/* Explore links */
#footer .footer-links {
	width: 100%;
}

#footer .footer-links li a {
	color: rgba(255,255,255,0.8);
}

#footer .footer-links li a:hover {
	color: #FFC21F;
}

#footer .footer-links li::before {
	color: #FFC21F;
}

/* Contact section */
#footer .footer-phone {
	font-size: 22px;
	font-weight: 300;
	margin-bottom: 10px;
}

#footer .footer-phone a,
#footer .footer-email a {
	color: #FFC21F;
}

#footer .footer-phone a:hover,
#footer .footer-email a:hover {
	color: #fff;
}

#footer .footer-phone i,
#footer .footer-email i {
	margin-right: 10px;
	color: rgba(255,255,255,0.6);
}

#footer .footer-email {
	font-size: 18px;
	font-weight: 300;
}

/* Copyright section */
#footer .footer-copyright-row {
	margin-top: 40px;
}

#footer .copyrights {
	border-top: 1px solid rgba(255,255,255,0.1);
	padding-top: 20px;
	color: rgba(255,255,255,0.6);
}

#footer .copyrights a {
	color: #FFC21F;
}

#footer .copyrights a:hover {
	color: #fff;
}

/* Mobile responsive */
@media (max-width: 767px) {
	#footer .row > div {
		margin-bottom: 30px;
	}

	#footer .footer-logo {
		max-width: 220px;
		margin-bottom: 20px;
	}

	#footer .footer-about,
	#footer .footer-heading,
	#footer .footer-links,
	#footer .footer-phone,
	#footer .footer-email {
		text-align: left;
	}

	#footer .footer-links {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	#footer .footer-links li {
		padding-left: 0;
	}

	#footer .footer-links li::before {
		display: none;
	}

	#footer .copyrights {
		text-align: left;
		font-size: 13px;
	}

	#footer .footer-copyright-row {
		margin-top: 10px;
	}
}