@charset "utf-8";

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

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

.cc-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
========================================== */

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

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

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

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

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

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

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

html body footer.cc-footer nav.cc-footer-links a,
html body footer.cc-footer nav.cc-footer-links a:link,
html body footer.cc-footer nav.cc-footer-links a:visited,
html body footer.cc-footer nav.cc-footer-links a:hover,
html body footer.cc-footer nav.cc-footer-links a:focus,
html body footer.cc-footer nav.cc-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.cc-footer p.cc-footer-privacy a,
html body footer.cc-footer p.cc-footer-privacy a:link,
html body footer.cc-footer p.cc-footer-privacy a:visited,
html body footer.cc-footer p.cc-footer-privacy a:hover,
html body footer.cc-footer p.cc-footer-privacy a:focus,
html body footer.cc-footer p.cc-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.cc-footer nav.cc-footer-links a:hover,
html body footer.cc-footer nav.cc-footer-links a:focus,
html body footer.cc-footer p.cc-footer-privacy a:hover,
html body footer.cc-footer p.cc-footer-privacy a:focus {
  color: #66ccff !important;
  text-decoration: underline !important;
}

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

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

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

.cc-footer-disclaimer,
.cc-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.cc-footer.section-black,
footer.cc-footer.section-light,
footer.cc-footer.section-white,
footer.cc-footer.section-gray,
footer.cc-footer.section-charcoal {
  background: #000000 !important;
  color: #ffffff !important;
  font-size: 10px !important;
}

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

footer.cc-footer.section-black a,
footer.cc-footer.section-light a,
footer.cc-footer.section-white a,
footer.cc-footer.section-gray a,
footer.cc-footer.section-charcoal a,
footer.cc-footer.section-black a:link,
footer.cc-footer.section-light a:link,
footer.cc-footer.section-white a:link,
footer.cc-footer.section-gray a:link,
footer.cc-footer.section-charcoal a:link,
footer.cc-footer.section-black a:visited,
footer.cc-footer.section-light a:visited,
footer.cc-footer.section-white a:visited,
footer.cc-footer.section-gray a:visited,
footer.cc-footer.section-charcoal a:visited,
footer.cc-footer.section-black a:hover,
footer.cc-footer.section-light a:hover,
footer.cc-footer.section-white a:hover,
footer.cc-footer.section-gray a:hover,
footer.cc-footer.section-charcoal a:hover,
footer.cc-footer.section-black a:focus,
footer.cc-footer.section-light a:focus,
footer.cc-footer.section-white a:focus,
footer.cc-footer.section-gray a:focus,
footer.cc-footer.section-charcoal a:focus,
footer.cc-footer.section-black a:active,
footer.cc-footer.section-light a:active,
footer.cc-footer.section-white a:active,
footer.cc-footer.section-gray a:active,
footer.cc-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) {

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

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

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

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

}

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

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

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

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

}

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

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

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

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