/* footer_demo_9.css
   Single source of truth for the site footer.

   footer.php is included by every page, and this file is linked from footer.php - so it
   loads LAST on every page, after style.css / responsive.css / demo9.css / any active
   skin. That is what lets it force one identical footer everywhere.

   Why it has to exist: index.php styles its footer from demo9.css, while every inner page
   styles it from style.css. Those two disagree on 44 footer properties, so the same footer
   markup rendered differently. Below, SECTION 1 replays demo9's footer rules (the index
   look) and SECTION 2 cancels the rules only style.css has, so inner pages stop inheriting
   the old look. SECTION 3 keeps the hand-written tweaks and must stay last.

   Do not reorder the sections. */

/*===================================================================================
    SECTION 1 - demo9 footer rules (the index.php footer look), replayed verbatim
    Source: assets/css/demo9.css. Values are identical to demo9's, so index.php renders
    exactly as before; inner pages now pick these up too.
===================================================================================*/
.ec-footer {
  color: #ffffff;
  background: #222222;
}
.ec-footer .footer-top {
  border-top: 1px solid #3c3c3c;
}
.ec-footer .footer-top .col-sm-12 {
  width: 20%;
}
.ec-footer .footer-top .ec-footer-widget .ec-footer-heading {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #ffffff;
  letter-spacing: 0;
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 7px;
  text-transform: uppercase;
}
.ec-footer .footer-top .ec-footer-widget .ec-footer-heading::before {
  content: "";
  position: absolute;
  top: auto;
  right: 0;
  left: 0;
  height: 1px;
  border-bottom: 1px solid #ed5565;
  bottom: 0;
  width: 53px;
}
.ec-footer .footer-top .ec-footer-widget .s-head {
  display: none;
}
.ec-footer .footer-top .ec-footer-widget .ec-footer-links .ec-footer-link {
  display: block;
  margin: 0;
  line-height: 1.5;
  border: 0;
  padding: 0;
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ec-footer .footer-top .ec-footer-widget .ec-footer-links .ec-footer-link:not(:last-child) {
  margin-bottom: 16px;
}
.ec-footer .footer-top .ec-footer-widget .ec-footer-links .ec-footer-link a {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 16px;
  line-height: 20px;
  padding: 0;
  color: #ffffff;
  margin-bottom: 0;
  display: inline-block;
  position: relative;
  word-break: break-all;
  opacity: 0.4;
  letter-spacing: 0;
  font-weight: 300;
}
.ec-footer .footer-top .ec-footer-widget .ec-footer-links .ec-footer-link a:hover {
  color: #ed5565;
  opacity: 1;
}
.ec-footer .footer-top .ec-footer-contact .ec-footer-widget .ec-footer-links li:first-child {
  -webkit-box-align: self-start;
  -ms-flex-align: self-start;
  align-items: self-start;
}
.ec-footer .footer-top .ec-footer-contact .ec-footer-widget .ec-footer-links li p {
  font-weight: 300;
  opacity: 0.4;
}
.ec-footer .footer-top .ec-footer-contact .ec-footer-widget .ec-footer-links a {
  text-transform: unset;
}
.ec-footer .footer-top .ec-footer-contact .ec-footer-widget .ec-footer-links .ec-footer-link span {
  width: 35px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ec-footer .footer-top .ec-footer-contact .ec-footer-widget .ec-footer-links .ec-footer-link span i {
  opacity: 0.4;
  font-size: 17px;
}
.ec-footer .footer-top .ec-footer-social {
  margin-bottom: 0;
}
.ec-footer .footer-top .ec-footer-social ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ec-footer .footer-top .ec-footer-social .ec-footer-widget .ec-footer-links .ec-footer-link {
  padding-right: 5px;
}
.ec-footer .footer-top .ec-footer-social .ec-footer-widget .ec-footer-links .ec-footer-link:not(:last-child) {
  margin-bottom: 0;
}
.ec-footer .footer-top .ec-footer-social .ec-footer-widget .ec-footer-links .ec-footer-link a {
  text-transform: capitalize;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
}
.ec-footer .footer-top .ec-footer-social .ec-footer-widget .ec-footer-links .ec-footer-link a i {
  font-size: 25px;
  margin-right: 10px;
}
.ec-footer-contact {
  margin-bottom: 30px;
}
.footer-bottom {
  padding: 30px 0;
  border-top: 1px solid #3c3c3c;
}
.footer-bottom .ec-copy {
  color: #ffffff;
  font-size: 13px;
  letter-spacing: 3.2px;
  text-align: center;
  opacity: 0.4;
  font-weight: 300;
}
.footer-bottom .ec-copy a {
  color: #ffffff;
}
.footer-bottom .ec-copy .site-name:hover {
  color: #ed5565;
}
.footer-bottom-payment {
  margin-bottom: 15px;
}
@media only screen and (max-width: 1869px) {
  .ec-footer .footer-top .ec-footer-social .ec-footer-widget .ec-footer-links .ec-footer-link a {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1499px) {
  .ec-footer .footer-top .col-sm-12.ec-footer-cont-social {
    width: 24%;
  }
  .ec-footer .footer-top .col-sm-12 {
    width: 19%;
  }
  .ec-footer .footer-top .ec-footer-widget .ec-footer-links .ec-footer-link {
    font-size: 14px;
  }
  .ec-footer .footer-top .ec-footer-widget .ec-footer-links .ec-footer-link a {
    font-size: 14px;
  }
  .ec-footer .footer-top .ec-footer-widget .ec-footer-links .ec-footer-link:not(:last-child) {
    margin-bottom: 11px;
  }
  .ec-footer .footer-top .ec-footer-widget .ec-footer-heading {
    font-size: 14px;
  }
  .footer-bottom .ec-copy {
    letter-spacing: 1.2px;
  }
}
@media only screen and (max-width: 1199px) {
  .footer-bottom .ec-copy {
    font-size: 14px;
  }
  .footer-bottom-payment {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 992px) {
  .ec-footer-links.ec-footer-dropdown {
    display: block !important;
  }
}
@media only screen and (max-width: 991px) {
  .ec-footer .footer-top .container > .row {
    padding: 0;
  }
  .ec-footer .footer-top .col-sm-12 {
    margin-bottom: 0;
  }
  .ec-footer .footer-top .ec-footer-widget .ec-footer-links .ec-footer-link:not(:last-child) {
    margin-bottom: 15px;
  }
  .ec-footer .footer-top .ec-footer-widget .ec-footer-heading {
    margin-bottom: 15px;
  }
  .ec-footer .footer-top .col-sm-12.col-lg-3 {
    width: 100%;
    margin-bottom: 5px;
  }
  .ec-footer .footer-top .col-sm-12.col-lg-3.ec-footer-contact {
    width: 100%;
    margin-bottom: 5px;
  }
  .ec-footer .footer-top .ec-footer-contact .ec-footer-widget .ec-footer-heading {
    margin-bottom: 15px;
  }
  .ec-footer-contact {
    margin-bottom: 0;
  }
  .ec-footer-links.ec-footer-dropdown {
    display: none;
    padding: 0 0 15px 0;
  }
  .footer-bottom-copy {
    text-align: center;
  }
  .footer-bottom .col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
  }
  .col.footer-bottom-right {
    margin: 15px auto;
  }
  .footer-bottom-payment.d-flex.justify-content-end {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .ec-footer .footer-top .ec-footer-social ul {
    margin-top: 15px;
  }
  .ec-footer .footer-top .ec-footer-widget .s-head {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .ec-footer .footer-top .ec-footer-widget .ec-footer-links .ec-footer-link:not(:last-child) {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 575px) {
  .footer-bottom .container {
    margin-bottom: 55px;
  }
}
@media only screen and (max-width: 479px) {
  .ec-footer .footer-top .ec-footer-widget .ec-footer-links .ec-footer-link a {
    font-size: 14px;
    line-height: 20px;
  }
  .ec-footer .footer-top .ec-footer-widget .ec-footer-links .ec-footer-link {
    font-size: 14px;
  }
  .footer-bottom .ec-copy {
    font-size: 13px;
  }
}

/*===================================================================================
    SECTION 2 - cancel the footer rules that ONLY style.css has
    Each of these is set by style.css (inner pages) but never by demo9.css (index), so
    without an explicit reset it would leak through and keep inner pages looking different.
    Values below are what the element resolves to on index.php.
    Selectors style.css targets but this footer's markup does not use (.footer-bottom-social,
    .ec-footer-logo, .col.footer-bottom-right, .col.text-center.footer-copy, .site-name span)
    are intentionally omitted - they match no element here.
===================================================================================*/
/* style.css hides the contact heading and gives it a border; demo9 shows it borderless.
   margin-bottom: style.css sets 11px (and 0 under 1199px) on this contact-specific
   selector, which outranks demo9's generic 18px. Restate 18px to match index. */
.ec-footer .footer-top .ec-footer-contact .ec-footer-widget .ec-footer-heading {
  border-bottom: none;
  padding-bottom: 7px;
  margin-bottom: 18px;
}
/* style.css paints the copyright site name blue; on index it inherits the copy colour. */
.footer-bottom .ec-copy .site-name {
  color: inherit;
}
/* style.css: width 245px. demo9 leaves it auto. */
.ec-footer .footer-top .ec-footer-contact ul {
  width: auto;
}
/* style.css: color #777 / bold / 6px gap. demo9 sets none of these, so inherit. */
.ec-footer .footer-top .ec-footer-widget .ec-footer-links .ec-footer-link span {
  color: inherit;
  font-weight: inherit;
  padding-right: 0;
}
/* style.css: line-height 1.2 and a 5px indent on the site name. demo9 sets neither, so on
   index .ec-copy inherits body's line-height: 1.625 - hence `inherit`, not `normal`. */
.footer-bottom .ec-copy {
  line-height: inherit;
}
.footer-bottom .ec-copy .site-name {
  padding-left: 0;
}
@media only screen and (max-width: 991px) {
  /* style.css re-adds the border here and pulls the row up by 15px; demo9 does neither.
     margin-bottom is re-asserted at demo9's mobile value so the 18px set above (which is
     later in this file than SECTION 1's rule) does not win below 991px. */
  .ec-footer .footer-top .ec-footer-contact .ec-footer-widget .ec-footer-heading {
    border-bottom: none;
    margin-bottom: 15px;
  }
  .footer-top .row {
    margin-bottom: 0;
  }
}

/*===================================================================================
    SECTION 3 - hand-written tweaks. MUST STAY LAST so they win over SECTION 1.
===================================================================================*/
.ec-footer {
    color: #ffffff;
    background: #222222;
}

.ec-footer .footer-top {
    border-top: 1px solid #3c3c3c;
}

.ec-footer .footer-top .ec-footer-widget .ec-footer-heading {
    color: #ffffff;
    font-weight: 700;
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    letter-spacing: 0;
    text-transform: uppercase;
    padding-bottom: 7px;
    border-bottom: none;
    position: relative;
}

.ec-footer .footer-top .ec-footer-widget .ec-footer-heading::before {
    content: "";
    position: absolute;
    left: 0;
    right: auto;
    bottom: 0;
    height: 1px;
    width: 53px;
    border-bottom: 2px solid #3474d4;
}

.ec-footer .footer-top .ec-footer-contact .ec-footer-widget .ec-footer-heading {
    display: block !important;
}

.ec-footer .footer-top .ec-footer-widget .ec-footer-links .ec-footer-link a,
.ec-footer .footer-top .ec-footer-widget .ec-footer-links .ec-footer-link,
.ec-footer .footer-top .ec-footer-contact p {
    color: #cfcfcf;
    font-family: "Poppins", sans-serif;
}

.ec-footer .footer-top .ec-footer-widget .ec-footer-links .ec-footer-link a {
    font-size: 14px;
}

.ec-footer .footer-top .ec-footer-widget .ec-footer-links .ec-footer-link a:hover {
    color: #3474d4;
}

.ec-footer .footer-top .ec-footer-social ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ec-footer .footer-top .ec-footer-social .ec-footer-widget .ec-footer-links .ec-footer-link {
    padding-right: 5px;
}

.ec-footer .footer-top .ec-footer-social .ec-footer-widget .ec-footer-links .ec-footer-link a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    color: #cfcfcf;
}

.ec-footer .footer-top .ec-footer-social .ec-footer-widget .ec-footer-links .ec-footer-link a i {
    font-size: 25px;
    margin-right: 10px;
}

.ec-footer .footer-bottom {
    border-top: 1px solid #3c3c3c;
}

.ec-footer .footer-bottom .ec-copy,
.ec-footer .footer-bottom .ec-copy a {
    color: #cfcfcf;
}

/* Some per-demo stylesheets (e.g. demo9.css) hard-code footer columns to a fixed
   width: 20% (sized for the old 5-column layout). Now that there are only 3
   columns, override back to a normal even 3-up split on large screens. */
@media (min-width: 992px) {
    .ec-footer .footer-top .col-sm-12.col-lg-4 {
        width: 33.33333333%;
    }
}