



/* =======================================
    FOOTER-START
  ======================================== */

footer,
.footer-posts > h4 {
  font-size: .7rem;
}

.footer-sticky {
  position: fixed;
  bottom: 0;
  bottom: 0px;
  z-index: -1;
}

#sticky-content {
  background-color: #FFF;
}

.footer-social-link,
.footer-info,
.footer-input-group,
.footer-input > i,
.footer-input > input,
.footer-input > button,
.footer-input-left,
.footer-input-right {
  display: flex;
}

.footer-logo-wrap,
.footer-posts > h4 {
  margin-bottom: 30px;
}

.footer-logo {
  height: 23px;
  width: auto;
}

footer a,
.footer-posts > h4 {
  color: #CCC;
}

footer a:hover {
  color: #BBB;
}

.footer-info,
.footer-social-link {
  flex-direction: row;
}

.footer-info-icon-wrap {
  margin-right: 20px;
}

.footer-info-icon,
.footer-input-icon,
.footer-subscription-btn {
  text-align: center;
}

.footer-info-icon {
  font-size: 1.2rem;
  width: 24px;
  position: relative;
  top: 1px;
}

.footer-info-content > p:first-child, 
.footer-address {
  text-transform: capitalize;
  margin-bottom: 8px;
  font-weight: 700;
}

.footer-info-content > p:first-child,
.footer-input > i,
.footer-input > input,
.footer-input > button,
.footer-input-mid > input {
  line-height: 100%;
}

.footer-address {
  margin-bottom: 5px;
  color: #AAA;
}

.footer-posts > h4 {
  letter-spacing: 1px;
}

.footer-post > p {
  margin-top: 8px;
  color: #999;
}

.footer-post-wrap > .footer-post {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px dashed #AAA;
}

.footer-post-wrap > .footer-post:first-child {
  padding-top: 0px;
  margin-top: 0px;
  border-top: none;
}

.footer-post > a,
.footer-subscription-btn {
  font-weight: 600;
}

.footer-sticky,
.footer-subscription-widget,
.footer-input-group,
.footer-input-mid > input,
.footer-subscription-btn {
  width: 100%;
}

.footer-subscription-widget > p {
  margin-bottom: 20px;
  text-align: justify;
}

.footer-input-group,
.footer-input-left {
  justify-content: center;
}

.footer-input-group,
.footer-social-link {
  flex-wrap: nowrap;
}

.footer-input-group {
  height: 38px;
}

.footer-input > i,
.footer-input > input,
.footer-input > button {
  padding: 5px;
  color: #999;
}

.footer-input > button {
  display: block;
}

.footer-input-left,
.footer-input-right,
.footer-social-link {
  align-items: center;
}

.footer-input-left,
.footer-input-mid > input,
.footer-input-right {
  height: 100%;
}

.footer-input-left {
  background-color: rgba(0, 0, 0, 0.35);
  padding: 0 10px;
  margin-right: 5px;
  flex-grow: 0;
}

.footer-input-icon {
  font-size: .8rem !important;
}

.footer-input-mid {
  flex-grow: 4;
}

.footer-input-mid > input,
.footer-input-right {
  background-color: rgba(0, 0, 0, .2);
}

.footer-input-mid > input,
.footer-subscription-btn {
  border: 0;
}

.footer-input-mid > input {
  padding: 0 10px;
}

.footer-input-mid > input:focus {
  background-color: rgba(0, 0, 0, .3);
  border: 1px solid rgba(0, 0, 0, .3);
}

.footer-input-right,
.footer-social-link {
  justify-content: flex-start;
}

.footer-input-right {
  flex-grow: 1;
}

.footer-subscription-btn {
  height: 30px;
  background-color: #FF6633;
  border-color: #FF6633;
  border-radius: 0.3rem;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  color: #FFF !important;
  padding: 6px 12px;
  transition: all 300ms ease;
  margin: 0 4px;
}

.footer-subscription-btn:hover {
  background-color: #888 !important;
  border-color: #888 !important;
}

.footer-social-link {
  margin: 20px;
}

.footer-small .footer-social-link,
.footer-sticky .footer-social-link {
  margin: 5px;
}

.footer-social-link > p {
  font-size: 70%;
}

.footer-social {
  height: 20px;
  width: 20px;
  border-radius: 0.2rem;
  color: #FFF;
  margin-right: 10px;
}

.footer-small .footer-social-link:last-child > .footer-social,
.footer-sticky .footer-social-link:last-child > .footer-social {
  margin-right: 0;
}

.footer-social .footer-social-icon {
  transition: transform 300ms ease;
}

.footer-social:hover .footer-social-icon {
  transform: rotate(-30deg);
}

.footer-social-fb {
  background-color: #3B5998;
}

.footer-social-rss {
  background-color: #EE802F;
}

.footer-social-twitter {
  background-color: #1DA1F2;
}

.footer-social-gplus {
  background-color: #DD4B39;
}

.footer-social-pinterest {
  background-color: #C8232C;
}

.footer-social-vimeo {
  background-color: #4EBBFF;
}

.footer-social-github {
  background-color: #211F1F;
}

.footer-social-in {
  background-color: #0077B5;
}

@media (min-width: 0px) {
  .footer .footer-social-link-wrap {
    margin-top: 0;
    margin-bottom: 1rem;
  }

  .footer-small .footer-social-link-wrap {
    margin-top: 2rem;
  }

  .footer-social-link {
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .footer .footer-social-link-wrap {
    margin-top: 4rem;
  }

  .footer-social-link {
    margin-left: 20px;
  }
}

/* =======================================
    FOOTER-END
  ======================================== */
