/* 瘦壳页脚：栅格对齐；site-footer 保持深绿主题（勿盖成浅灰） */
@font-face {
  font-family: "Libre Baskerville";
  src: url("../font/LibreBaskerville.otf");
}

.xy-layout footer.site-footer,
.xy-layout footer.site-footer .container,
.xy-layout footer.site-footer a {
  font-family: "Open Sans", sans-serif, Arial, "microsoft yahei", Helvetica;
}

/* 深绿页脚 — 与 style.css 一致，覆盖旧浅灰规则 */
.xy-layout footer.site-footer {
  margin-top: 0 !important;
  padding: 0 !important;
  color: #c8d4cc !important;
  background: linear-gradient(180deg, #22382d 0%, #1a2b22 100%) !important;
  background-image: linear-gradient(180deg, #22382d 0%, #1a2b22 100%) !important;
  background-color: #1a2b22 !important;
  border-top: 3px solid #248840 !important;
}

.xy-layout footer.site-footer .container {
  max-width: 1170px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .xy-layout footer.site-footer .container { width: 750px; }
}
@media (min-width: 992px) {
  .xy-layout footer.site-footer .container { width: 970px; }
}
@media (min-width: 1200px) {
  .xy-layout footer.site-footer .container { width: 1170px; }
}

.xy-layout footer.site-footer .row {
  margin-left: -15px;
  margin-right: -15px;
}
.xy-layout footer.site-footer .row:before,
.xy-layout footer.site-footer .row:after,
.xy-layout footer.site-footer [class*="col-"]:before,
.xy-layout footer.site-footer [class*="col-"]:after {
  content: " ";
  display: table;
}
.xy-layout footer.site-footer .row:after,
.xy-layout footer.site-footer [class*="col-"]:after {
  clear: both;
}
.xy-layout footer.site-footer [class*="col-"] {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  box-sizing: border-box;
}
.xy-layout footer.site-footer .col-xs-12 { width: 100%; }
@media (min-width: 768px) {
  .xy-layout footer.site-footer .col-sm-5 { width: 41.66666667%; }
  .xy-layout footer.site-footer .col-sm-7 { width: 58.33333333%; }
  .xy-layout footer.site-footer .col-sm-12 { width: 100%; }
}
@media (min-width: 992px) {
  .xy-layout footer.site-footer .col-md-4 { width: 33.33333333%; }
  .xy-layout footer.site-footer .col-md-5 { width: 41.66666667%; }
  .xy-layout footer.site-footer .col-md-7 { width: 58.33333333%; }
  .xy-layout footer.site-footer .col-md-12 { width: 100%; }
}

.xy-layout footer.site-footer .site-footer__brand,
.xy-layout footer.site-footer .footer_menu_first,
.xy-layout footer.site-footer .footer_menu_first a {
  color: #fff !important;
}
.xy-layout footer.site-footer .site-footer__contact-list li,
.xy-layout footer.site-footer .footer_contact,
.xy-layout footer.site-footer .site-footer__copy {
  color: #c8d4cc !important;
}
.xy-layout footer.site-footer .site-footer__contact-list a,
.xy-layout footer.site-footer .footer_sitemap,
.xy-layout footer.site-footer .footer_menu a,
.xy-layout footer.site-footer .site-footer__copy a {
  color: #e8f2eb !important;
  text-decoration: none;
}
.xy-layout footer.site-footer .site-footer__contact-list a:hover,
.xy-layout footer.site-footer .footer_sitemap:hover,
.xy-layout footer.site-footer .footer_sitemap:focus,
.xy-layout footer.site-footer .footer_menu a:hover,
.xy-layout footer.site-footer .site-footer__copy a:hover {
  color: #9ee4b4 !important;
  text-decoration: none;
}
.xy-layout footer.site-footer .site-footer__contact-list .fa,
.xy-layout footer.site-footer .site-footer__social-label {
  color: #6fcf8a !important;
}
.xy-layout footer.site-footer .site-footer__bar {
  background: rgba(0, 0, 0, 0.22) !important;
}
.xy-layout footer.site-footer .footer_menu_first {
  font-family: "Libre Baskerville", serif;
  font-size: 16px;
  margin-bottom: 18px;
}
.xy-layout footer.site-footer .footer_icon img,
.xy-layout footer.site-footer .footer_icon .opacity_img {
  display: inline-block !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 8px 8px 0 !important;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .xy-layout footer.site-footer .col-sm-5,
  .xy-layout footer.site-footer .col-sm-7,
  .xy-layout footer.site-footer .col-md-4,
  .xy-layout footer.site-footer .col-md-5,
  .xy-layout footer.site-footer .col-md-7 {
    width: 100%;
    float: none;
  }
  .xy-layout footer.site-footer .footer_contact { margin-bottom: 30px; }
  .xy-layout footer.site-footer .footer_menu { margin-bottom: 20px; }
  .xy-layout footer.site-footer .footer_menu_first { margin-bottom: 8px; }
}
