/* ==========================================================================
   Footer (mirrors #footer / .footer-top / .footer-links / .quickcontact)
   ========================================================================== */
#footer { background: var(--tul-footer); padding: 0 0 30px; color: #eee; font-size: 14px; margin-top: 70px; }
#footer .footer-top { background: var(--tul-footer); padding: 60px 0 30px; }
#footer .footer-top .footer-info { margin-bottom: 30px; }
#footer .footer-top .footer-info p { font-size: 13px; line-height: 22px; margin-bottom: 0; color: #eee; }
#footer .footer-top h4 {
	font-family: "Open Sans", sans-serif; font-size: 18px; font-weight: 400; color: #fff;
	text-transform: uppercase; position: relative; padding-bottom: 12px;
}
#footer .footer-top h4::after { content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 30px; background: #666; }
#footer .footer-top .footer-links { margin-bottom: 30px; }
#footer .footer-top .footer-links ul { list-style: none; padding: 0; margin: 0; }
#footer .footer-top .footer-links ul i { padding-right: 8px; color: #ddd; }
#footer .footer-top .footer-links ul li { border-bottom: 1px solid #333; padding: 10px 0; line-height: 1.6; }
#footer .footer-top .footer-links ul li:first-child { padding-top: 0; }
#footer .footer-top .footer-links ul a { color: #eee; }
#footer .footer-top .footer-links ul a:hover { color: var(--tul-magenta); }
#footer .footer-top .footer-links.mt-5 ul li { color: #eee; }

#footer .social-links { margin-top: 14px; }
#footer .social-links a { display: inline-block; margin-right: 8px; }
#footer .social-links .fa { font-size: 26px; color: #c90269; width: 36px; height: 36px; padding: 5px 0; text-align: center; transition: .3s; }
#footer .social-links a:hover .fa { color: #fff; }

.quickcontact .form-group { margin-bottom: 12px; }
.quickcontact p { margin: 0 0 4px; font-size: 13px; color: #bbb; }
.quickcontact .form-control {
	width: 100%; border: 1px solid #333; background: none; color: #fff;
	font-size: 13px; padding: 8px 10px; border-radius: 0;
}
.quickcontact .form-control:focus { border-color: var(--tul-magenta); outline: none; box-shadow: none; background: none; color: #fff; }
.quickcontact .form-control::placeholder { color: #9f9f9f; }
.quickcontact select.form-control option { color: #111; }
.quickcontact .cbtn { margin: 4px 0 0; }

#footer .footer-bottom { border-top: 1px solid #333; }
#footer .copyright { padding-top: 30px; font-size: 12px; color: #c6036c; text-align: center; }
#footer .copyright strong { color: #c6036c; }

/* ==========================================================================
   Back to top (mirrors .back-to-top) + reading progress
   ========================================================================== */
.back-to-top {
	position: fixed; display: none; right: 15px; bottom: 15px; z-index: 11;
	width: 44px; height: 44px; border-radius: 50%; text-align: center; line-height: 44px;
	background: var(--tul-magenta-dk); color: #fff; font-size: 16px; transition: background .5s;
}
.back-to-top.show { display: block; }
.back-to-top:hover { background: var(--tul-purple); color: #fff; }

.reading-progress { position: fixed; top: 0; left: 0; height: 3px; width: 0; background: var(--tul-grad); z-index: 1000; transition: width .1s linear; }