/* ------------------------
   JESSICA LONDON Brand Styles
   ------------------------ */
   
/* ------------------------
   IMPORTANT - THIS IS A SAVE AS FROM WOMAN WITHIN
   ------------------------ */   
   

/* Colors */
.bg-pink {
  background: #ff009c;
}
.bg-black {
  background: #000;
}
.bg-white {
  background: #FFF;
}
.bg-grey {
  background: #dddddd;
}
.bg-dark-grey {
  background: #7f7f7f;
}
.bg-yellow {
  background: #ffcb05;
}
.level-1 > li a.bg-red-clearance:hover,
.bg-red-clearance {
  background: #bd000d;
}
.bg-clearance-red {
  background-color:#d30000;
}
.bg-sitewide-red {
  background-color:#ad1e20;
}
.bg-pink-opacity {
  background: rgba(255, 0, 156, .7);
}
.bg-black-opacity {
  background: rgba(0, 0, 0, .7);
}
.bg-white-opacity {
  background: rgba(255, 255, 255, .7);
}

.pink {
  color: #ed008c;
}
.black {
  color: #000;
}
.white {
  color: #FFF;
}
.grey {
  color: #dddddd;
}
.red {
  color: #ff0000;
}
.red-offers-page {
  color:#bb2f31;
}
.red-sitewide {
  color:#ad1e20;
}
@media screen and (max-width: 767px) { 
  .mobile-black {
    color: #000;
  }
  .mobile-white {
    color: #FFF;
  }
  .mobile-bg-black {
    background: #000;
  }
} 


/* Border Colors */
.border-pink {
  border-color: #ff009c;
}
.border-black {
  border-color: #000;
}
.border-white {
  border-color: #FFF;
}
.border-grey {
  border-color: #f4f4f4;
}
.border-dark-grey {
  border-color: #7f7f7f;
}


/* Fonts */
.didot-regular{
font-family:'Didot W01 Headline';
}
.didot-bold{
font-family:'Didot W01 Bold';
}
.didot-italic{
font-family:'Didot W01 Bold Italic';
}
.didot-bold-italic{
font-family:'Didot W01 Italic';
}
.didot-roaman{
font-family:'Didot W01 Roman';
}

.futura-book {
    font-family: "Futura LT W01 Book", sans-serif;
}
.futura-light {
    font-family: "Futura LT W01 Light", sans-serif;
}
.futura-med {
    font-family: "Futura LT W01 Medium", sans-serif;
}

.futura-heavy {
  font-family: "Futura LT W01 Heavy", sans-serif;
}
.futura-bold {
  font-family: "Futura LT W01 Bold", sans-serif;
}

.hurme-light {
    font-family: "Hurme Geometric Sans_1 W01 Lt", sans-serif;
}
.hurme-regular {
    font-family: "Hurme Geometric Sans_1 W01 Rg", sans-serif;
}
.hurme-black {
    font-family: "Hurme Geometric Sans_1 W01 Blk", sans-serif;
}
.hurme-semibold { 
    font-family: "Hurme Geometric Sans_1 W01 SmB", sans-serif;
}
.hurme-bold {
    font-family: "Hurme Geometric Sans_1 W01 Bol", sans-serif;
}

.helvetica-med-roman {
  font-family:    "Helvetica Neue LT W05_55 Roman", sans-serif;
}
.avenir-regular {
    font-family: "AvenirNextLTW01-Regular", sans-serif;
}
.avenir-medium {
    font-family: "AvenirNextLTW01-Medium", sans-serif;
}
.avenir-medium-bold {
  font-family: "AvenirNextLTW01-Medium", sans-serif;
  font-weight: bold;
}
.avenir-bold {
    font-family: "Avenir Next LT W01 Bold", sans-serif;
}

.quickpen-regular {
    font-family: "Quickpen W00 Regular", sans-serif;
}
.quickpen-bold {
    font-family: "Quickpen W00 Bold", sans-serif;
}

.baskerville-reg {
    font-family: "Baskerville MT W01 Regular", serif;
}
.baskerville-italic {
    font-family: "Baskerville MT W01 Italic", serif;
}
.baskerville-semibold-italic {
    font-family: "Baskerville MT W01 Semibold It", serif;
}

.work-sans {
    font-family: "Work Sans", sans-serif;
}
.lora {
    font-family: "Lora", serif;
}


/* Buttons */
.cta-btn {
  border-radius: 0px;
  padding: 20px 30px;
  display: inline-block;
}
@media screen and (max-width: 767px) { 
  .mobile-cta-btn {
    border-radius: 5px;
    padding: 15px 45px;
    display: inline-block;
  }
}


/* Arrows */
.arrow-right-pink {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #ff009c;
}
.arrow-right-red {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #c61e2d;
}


/* Carousel Nav Dots */
.nav-dots {
  background-color: #FFF;
  border: 1px solid #7f7f7f;
}
.slick-active .nav-dots {
  background-color: #7f7f7f;
}


/* ------------------
   Modules and Assets
   ------------------ */

/* Offers LP and DD */
.module-promo-content {
  /* min-height: 250px;
  height: 245px; /* IE Fix */
}

.module-promo-content-all-text .text-overlay.width100 {
  width:100%;
}
.module-promo-content-all-text {
  padding-top:55%;
}

.module-offers-dd {
  max-width: 290px;
  height: 162px; /* IE Fix */
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) { 
  .module-promo-content .text-overlay.width55 {
    width:55%;
  }
  .module-promo-content .text-overlay.width50 {
    width:50%;
  }
}

/* Category Banner */ 
.module-category-banner {
  min-height: 140px;
  height: 135px;  /* IE Fix */
}
@media screen and (max-width: 767px) { 
  .module-category-banner {
    min-height: 105px;
    height: 95px;  /* IE Fix */
  }
}

/* Mega Menu */
.module-mega-menu {
  max-width: 195px;
}
.module-mega-menu-all-text{
  min-width:195px; min-height:275px;
}

.mm-no-image {
  min-height: 375px;
  height: 370px;  /* IE Fix */
}
.menu-category .module-mega-menu {
  text-transform:none;
}
.level-2 .module-mega-menu a:hover{
  color:#000;
}



/* Category Banner */
.slot-grid-header{
  width:100%;
}
#wrapper .content-banner-breadcrumb {
    position: relative;
}
.standard-contentslot {
height: auto!important;
}


/* used for % off's */
.pct-off, .pct-off-sitewide {
  letter-spacing:-.05em;
  line-height:.8;
}
.fs-pct {
  font-size:68%;
  line-height:.8;
}
.fs-off {
  font-size:28%;
  line-height:.8;
}
.fs-dlr {
  font-size:50%;
  line-height:50%;
  top:-.7em;
}
.pct-off-sitewide {
  letter-spacing:-.09em;
  line-height:.75;
}
.pct-off-sitewide ~ div {
  margin-left:-.05em;
}
.pct-off-sitewide ~ div .fs-pct {
  font-size:45%;
}
.pct-off-sitewide ~ div .fs-off {
  font-size:18%;
}

@media screen and (max-width: 767px) { 
  .pct-off-mobile {
    display:block;
    letter-spacing:-.05em;
    line-height:.8;
  }
  .fs-pct-mobile {
    display:block;
    font-size:68%;
    line-height:.8;
  }
  .fs-off-mobile {
    display:block;
    font-size:28%;
    line-height:.8;
  }
}

/* asterisk positioning, include line-height-1 on parent container */
sup, .cents {
  font-size:50%;
  top: -0.7em;
}
.asterisk {
  font-size: 50%;
  position: relative;
  top: -0.7em;
  line-height: 0;
  vertical-align: baseline;
}