/* =====================================================================
footer.css — styles needed to render footer.html / footer.php
---------------------------------------------------------------------
Extracted from the site's full stylesheet. Only rules that the
footer markup actually uses are kept — none of the header, card,
button, or hero-section CSS from the original page is included.
TWO EXTERNAL DEPENDENCIES the footer still needs (load these too,
they are NOT part of this file):
The first draws the fa-facebook-square / fa-linkedin-square /
fa-pinterest-square / fa-twitter / fa-stop icons. The second loads
the Roboto weights (300/400/500/600/700) the footer text relies on.
===================================================================== */
/* ---- base element reset (affects the h3/h5/p/a tags in the footer) ---- */
* { box-sizing: border-box; }
div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, figcaption, textarea, input {
font: inherit;
}
a { font-style: normal; font-weight: 100; cursor: pointer; }
a, a:hover { text-decoration: none; }
a.mbr-iconfont:hover { text-decoration: none; }
b, strong { font-weight: 400; }
h1, h2, h3, h4, h5, h6, .display-3, .display-4 {
line-height: 1;
word-break: break-word;
word-wrap: break-word;
}
h1, h3, p { padding: 10px 0; margin-bottom: 15px; }
p, blockquote { color: #15181b; letter-spacing: .5px; line-height: 1.7; }
section { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }
/* ---- typography helpers used in the footer ---- */
body { font-family: 'Roboto'; font-style: normal; line-height: 1.5; }
.mbr-text { font-style: normal; line-height: 1.8; }
.mbr-white { color: #fff; }
.mbr-bold { font-weight: 700; }
.align-left { text-align: left; }
.align-center { text-align: center; }
.display-3 { font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 100; }
.display-4 { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 100; }
.display-8 { font-family: 'Roboto', serif; font-size: 12px; font-weight: 100; }
@media (max-width: 767px) {
.align-center { text-align: center; }
.align-left { text-align: left; }
}
@media (max-width: 768px) {
.display-3 { font-size: 15px; line-height: 1.6em; }
.display-4 { font-size: 14px; line-height: 1.6em; }
}
/* ---- grid: .container / .mbr-row / .mbr-col-* used by the footer ---- */
.container {
padding-right: 15px; padding-left: 15px;
width: 100%; margin-right: auto; margin-left: auto;
}
@media (max-width: 767px) { .container { max-width: 540px; } }
@media (min-width: 768px) { .container { max-width: 720px; } }
@media (min-width: 992px) { .container { max-width: 960px; } }
@media (min-width: 1200px) { .container { max-width: 1140px; } }
@media (min-width: 1500px) { .container { max-width: 1370px; } }
.mbr-row {
display: flex; flex-wrap: wrap;
margin-right: -15px; margin-left: -15px;
}
@media (max-width: 767px) {
.mbr-col-sm-12 { flex: 0 0 100%; max-width: 100%; padding-right: 15px; padding-left: 15px; }
.mbr-row { margin: 0; }
}
@media (min-width: 768px) {
.mbr-col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333%; padding-right: 15px; padding-left: 15px; }
.mbr-col-md-12 { flex: 0 0 100%; max-width: 100%; padding-right: 15px; padding-left: 15px; }
}
@media (min-width: 992px) {
.mbr-col-lg-4 { flex: 0 0 33.33%; max-width: 33.33%; padding-right: 15px; padding-left: 15px; }
.mbr-col-lg-12 { flex: 0 0 100%; max-width: 100%; padding-right: 15px; padding-left: 15px; }
}
/* ---- footer5 section (address / links / contacts columns) ---- */
.cid-qPmsHBwetm {
padding-top: 2rem; padding-bottom: 2rem;
background-color: rgba(0,131,196,1);
}
.cid-qPmsHBwetm a { color: #fff; }
.cid-qPmsHBwetm a:hover { color: #46004c; }
.cid-qPmsHBwetm .group-title { color: #fff; margin-bottom: 0; text-align: left; }
.cid-qPmsHBwetm .items { padding-right: 30px; padding-left: 15px; padding-bottom: 30px; }
.cid-qPmsHBwetm .list-item { display: flex; padding-top: 5px; padding-bottom: 5px; }
.cid-qPmsHBwetm .mbr-iconfont { padding-right: 1rem; font-size: .4rem; color: #7fd62d; margin: auto; }
.cid-qPmsHBwetm h5 { margin: 0; width: 100%; }
.cid-qPmsHBwetm .text { text-align: left; color: #fff; }
/* ---- social icon row inside footer5 ---- */
.cid-qP6watzyEo { margin-top: -15px; }
.cid-qP6watzyEo .icons-list {
flex-direction: row; display: flex; align-items: center;
flex-wrap: wrap; margin-left: -16px;
}
.cid-qP6watzyEo .wrapper { text-align: center; }
.cid-qP6watzyEo a {
height: 1rem; width: 1rem; display: flex; align-items: center;
justify-content: center; transition: all .3s; background-color: transparent;
background-image: none; font-size: 1.2rem; padding: 1rem;
margin: 1px 10px 0 0; color: #fff;
}
/* ---- footer1 section (copyright bar) ---- */
.cid-qP5rNUjSv1 { padding-top: 0; padding-bottom: 0; background-color: #222; }
.cid-qP5rNUjSv1 p { margin: 0; font-weight: 400; }
.cid-qP5rNUjSv1 .footerLink { font-weight: 600; }
/* ---- scroll-to-top button ---- */
#scrollToTopBtn {
position: fixed; bottom: 20px; right: 20px;
background-color: #007bff; color: #fff; border: none;
padding: 8px 14px; font-size: 16px; cursor: pointer;
display: none; border-radius: 50%;
}
#scrollToTopBtn:hover { background-color: #0056b3; }
#scrollToTopBtn::before { content: "\2191"; } /* up arrow */