@charset "utf-8";

/* =========================================================
   File: ClothingClub-Footer.css
   ClothingClub.com Footer
   Black Background / White Text / Blue Footer Links
========================================================= */

.jv-footer {
  width: 100%;
  clear: both;
  text-align: center;
  padding: 0;
  margin: 0;
  background: #8a9a20 !important;
  color: #ffffff !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px !important;
  box-sizing: border-box;
}

.jv-footer-inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 24px 16px 18px;
  box-sizing: border-box;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  text-align: center;
  background: #000000 !important;
  color: #ffffff !important;
  font-size: 10px !important;
}

/* ==========================================
   NORMAL FOOTER TEXT
========================================== */

.jv-footer p,
.jv-footer nav,
.jv-footer span,
.jv-footer div {
  color: #ffffff !important;
  font-size: 10px !important;
  box-sizing: border-box;
}

/* ==========================================
   SOCIAL ICON
========================================== */

.jv-footer-social {
  width: 100%;
  text-align: center;
  margin: 0 auto 12px auto;
  padding: 0;
}

.jv-footer-social a,
.jv-footer-social a:link,
.jv-footer-social a:visited,
.jv-footer-social a:hover,
.jv-footer-social a:focus,
.jv-footer-social a:active {
  display: inline-block;
  text-decoration: none !important;
  border: 0;
  background: transparent !important;
}

.jv-footer-social img {
  display: inline-block;
  width: 40px;
  height: auto;
  max-width: 100%;
  border: 0;
  vertical-align: middle;
}

/* ==========================================
   FOOTER LINKS - ALWAYS BLUE
========================================== */

.jv-footer-links {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 14px auto;
  padding: 0;
  color: #ffffff !important;
  font-size: 14px !important;
  line-height: 1.9;
  text-align: center !important;
}

/* Force all text-containing elements inside the section to remain centered */
.jv-footer-links p,
.jv-footer-links div,
.jv-footer-links span,
.jv-footer-links nav,
.jv-footer-links ul,
.jv-footer-links li,
.jv-footer-links a {
  text-align: center !important;
}

/* Center lists and remove default indentation */
.jv-footer-links ul,
.jv-footer-links ol {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  list-style-position: inside;
}

/* Keep footer links centered as inline elements */
.jv-footer-links a {
  display: inline-block;
}

html body footer.jv-footer nav.jv-footer-links a,
html body footer.jv-footer nav.jv-footer-links a:link,
html body footer.jv-footer nav.jv-footer-links a:visited,
html body footer.jv-footer nav.jv-footer-links a:hover,
html body footer.jv-footer nav.jv-footer-links a:focus,
html body footer.jv-footer nav.jv-footer-links a:active {
  display: inline-block;
  margin: 0 4px;
  color: #66ccff !important;
  background: transparent !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* Privacy paragraph link */
html body footer.jv-footer p.jv-footer-privacy a,
html body footer.jv-footer p.jv-footer-privacy a:link,
html body footer.jv-footer p.jv-footer-privacy a:visited,
html body footer.jv-footer p.jv-footer-privacy a:hover,
html body footer.jv-footer p.jv-footer-privacy a:focus,
html body footer.jv-footer p.jv-footer-privacy a:active {
  color: #66ccff !important;
  background: transparent !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}

html body footer.jv-footer nav.jv-footer-links a:hover,
html body footer.jv-footer nav.jv-footer-links a:focus,
html body footer.jv-footer p.jv-footer-privacy a:hover,
html body footer.jv-footer p.jv-footer-privacy a:focus {
  color: #66ccff !important;
  text-decoration: underline !important;
}

/* ==========================================
   COPYRIGHT
========================================== */

.jv-footer-copy {
  width: 100%;
  max-width: 900px;
  margin: 0 auto 12px auto;
  padding: 0;
  color: #ffffff !important;
  font-size: 10px !important;
  line-height: 1.5;
  text-align: center;
}

/* ==========================================
   DISCLOSURE / PRIVACY TEXT
========================================== */

.jv-footer-disclaimer,
.jv-footer-privacy {
  width: 100%;
  max-width: 950px;
  margin: 0 auto 12px auto;
  padding: 0;
  color: #ffffff !important;
  font-size: 10px !important;
  line-height: 1.55;
  text-align: center;
}

/* ==========================================
   SECTION COMPATIBILITY
========================================== */

footer.jv-footer.section-black,
footer.jv-footer.section-light,
footer.jv-footer.section-white,
footer.jv-footer.section-gray,
footer.jv-footer.section-charcoal {
  background: #000000 !important;
  color: #ffffff !important;
  font-size: 10px !important;
}

footer.jv-footer.section-black p,
footer.jv-footer.section-light p,
footer.jv-footer.section-white p,
footer.jv-footer.section-gray p,
footer.jv-footer.section-charcoal p,
footer.jv-footer.section-black span,
footer.jv-footer.section-light span,
footer.jv-footer.section-white span,
footer.jv-footer.section-gray span,
footer.jv-footer.section-charcoal span,
footer.jv-footer.section-black div,
footer.jv-footer.section-light div,
footer.jv-footer.section-white div,
footer.jv-footer.section-gray div,
footer.jv-footer.section-charcoal div,
footer.jv-footer.section-black nav,
footer.jv-footer.section-light nav,
footer.jv-footer.section-white nav,
footer.jv-footer.section-gray nav,
footer.jv-footer.section-charcoal nav {
  color: #ffffff !important;
  font-size: 10px !important;
}

footer.jv-footer.section-black a,
footer.jv-footer.section-light a,
footer.jv-footer.section-white a,
footer.jv-footer.section-gray a,
footer.jv-footer.section-charcoal a,
footer.jv-footer.section-black a:link,
footer.jv-footer.section-light a:link,
footer.jv-footer.section-white a:link,
footer.jv-footer.section-gray a:link,
footer.jv-footer.section-charcoal a:link,
footer.jv-footer.section-black a:visited,
footer.jv-footer.section-light a:visited,
footer.jv-footer.section-white a:visited,
footer.jv-footer.section-gray a:visited,
footer.jv-footer.section-charcoal a:visited,
footer.jv-footer.section-black a:hover,
footer.jv-footer.section-light a:hover,
footer.jv-footer.section-white a:hover,
footer.jv-footer.section-gray a:hover,
footer.jv-footer.section-charcoal a:hover,
footer.jv-footer.section-black a:focus,
footer.jv-footer.section-light a:focus,
footer.jv-footer.section-white a:focus,
footer.jv-footer.section-gray a:focus,
footer.jv-footer.section-charcoal a:focus,
footer.jv-footer.section-black a:active,
footer.jv-footer.section-light a:active,
footer.jv-footer.section-white a:active,
footer.jv-footer.section-gray a:active,
footer.jv-footer.section-charcoal a:active {
  color: #66ccff !important;
  background: transparent !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}

/* ==========================================
   MOBILE
========================================== */

@media screen and (max-width: 640px) {

  .jv-footer-inner {
    padding: 20px 12px 14px;
  }

  .jv-footer-links {
    line-height: 2;
  }

  html body footer.jv-footer nav.jv-footer-links a {
    margin: 0 2px;
  }

  .jv-footer-disclaimer,
  .jv-footer-privacy {
    line-height: 1.45;
  }

}

@media screen and (max-width: 480px) {

  .jv-footer,
  .jv-footer-inner {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    background: #000000 !important;
  }

  .jv-footer-inner {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .jv-footer-links,
  .jv-footer-copy,
  .jv-footer-disclaimer,
  .jv-footer-privacy {
    width: 100% !important;
    max-width: 100% !important;
  }

}

/* ==========================================
   ABSOLUTE FINAL BLUE LINK OVERRIDE
========================================== */

html body footer.jv-footer nav.jv-footer-links a,
html body footer.jv-footer nav.jv-footer-links a:link,
html body footer.jv-footer nav.jv-footer-links a:visited,
html body footer.jv-footer nav.jv-footer-links a:hover,
html body footer.jv-footer nav.jv-footer-links a:focus,
html body footer.jv-footer nav.jv-footer-links a:active,
html body footer.jv-footer p.jv-footer-privacy a,
html body footer.jv-footer p.jv-footer-privacy a:link,
html body footer.jv-footer p.jv-footer-privacy a:visited,
html body footer.jv-footer p.jv-footer-privacy a:hover,
html body footer.jv-footer p.jv-footer-privacy a:focus,
html body footer.jv-footer p.jv-footer-privacy a:active {
  color: #66ccff !important;
  background: transparent !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}

html body footer.jv-footer nav.jv-footer-links a {
  text-decoration: none !important;
}

html body footer.jv-footer nav.jv-footer-links a:hover,
html body footer.jv-footer nav.jv-footer-links a:focus,
html body footer.jv-footer p.jv-footer-privacy a:hover,
html body footer.jv-footer p.jv-footer-privacy a:focus {
  color: #66ccff !important;
  text-decoration: underline !important;
}