/****************************/
/*  QUALITY STORY - OUTDOOR */
/****************************/

/*! QoL RULES YOU PROBABLY WON'T NEED FOR LAUNCH **/
[id="categoryHeader"],
.grid-subcategories,
.bloom-reach-wrapper,
#breadcrumbs {
  display: none;
}

html.mobile-site {
  line-height: 1.5;
}
/*! END QoL RULES **/

/*! STAGE SETTING RULES **/
[id="sideBox"] {
  display: none;
}

.wrapper > [id="sideBox"] ~ [id="mainContent"] {
  width: 100% !important;
}
/*! END STAGE SETTING RULES **/

/*! GENERAL OVERWRITES/RULES **/

.overlay-component.boxed-component {
  padding: 25px;
}

.overlay-component.boxed-component.dark-box {
  background-color: rgba(0,0,0,0.5);
}

.overlay-component.boxed-component h1 {
  letter-spacing: 12px;
}



.screen-xs .headline-component {
  font-size: 2em !important;
  font-family: "benton-sans","Source Sans Pro","Helvetica Neue","Helvetica","Arial",sans-serif;
}

.screen-sm-up .headline-component {
  font-size: 2em;
}

.screen-md-up .headline-component {
  font-size: 3em;
}

.module-hero .headline-component {
  font-weight: 300;
}

/*.screen-sm.screen-sm-up .module-hero .overlay-component.boxed-component .headline-component {
  font-size: 1.6em;
}

.screen-sm.screen-sm-up .module-hero .overlay-component.boxed-component h1 {
  font-size: 1em;
}*/

.screen-sm-up .module-hero .overlay-component.boxed-component .headline-component {
  margin-top: 25px;
  margin-bottom: 25px;
  font-size: 3em;
}

.module-hero .overlay-component.boxed-component span {
  font-size: 1.3125em;
}

.module-hero .overlay-component.boxed-component span {
  cursor: pointer;
}

.module-hero .overlay-component.boxed-component span:before,
.module-footer-banner span:before {
  content: '';
  background: url('/wcsstore/images/Cinmar/interface/icons/play_16_white.svg');
  width:16px;
  height:16px;
  margin-right: 10px;
  display:inline-block;
}

.screen-xs .overlay-component.boxed-component span:before {
  background: url('/wcsstore/images/Cinmar/interface/icons/play_16_black.svg');
  margin-bottom: -2px;
}

.overlay-component.boxed-component.full-height {
  height: 100%;
}

.screen-sm-up .wrapper.centered-wrapper {
  top: 50%;
  transform: translateY(-50%);
}

hr.quality-hr {
  margin-top: 15px;
  margin-bottom: 15px;
  border: none;
  border-top: 0.5px solid #7F7773;  
  width: 45%;
  margin-left: auto;
  margin-right: auto;
}

#category [class*="module-"]:not(:first-of-type) {
  margin-top: 35px;
}

.grid-item > a > img:not(:last-of-type) {
  margin-bottom: 10px;
}

.grid-item > a > span {
  font-weight: normal;
}

.screen-xs .grid-item {
  margin-top: 15px;
}

.desktop-site .grid-item:nth-child(4) {
  clear: both;
}

.grid-item:nth-child(n+4) {
  margin-top: 15px;
}

.grid-shop-all-overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  background-clip:content-box;
  padding-left: 7.5px;
  padding-right: 7.5px;
}

.grid-shop-all-overlay span.btn {
  font-size: 1.5714em;
}

.price-block > span {
  display: block;
}

.price-block .was-price {
  text-decoration:line-through;
}

.price-block .was-price + .now-price {
  font-weight: bold;
}

.desktop-site #cboxOverlay {
  background-color: #FFF;
  visibility: visible !important;
}

.screen-xs .module-hero .overlay-component,
.screen-xs .module-textimage .overlay-component,
.screen-xs .module-full-overlay .overlay-component,
.screen-xs .module-explore-others .overlay-component {
  position: relative;
  background-color: transparent !important;
}

.screen-xs .overlay-component {
  color: #000;
}

.screen-xs .module-grid .centered-wrapper {
  top: 50%;
  transform: translateY(-50%);
}

.screen-xs .grid-shop-all-overlay {
  padding-left:10px;
  padding-right:10px;
}

.c-page-header h1 {
  display: none;
}

/*.module-grid {
  display: none;
}*/

/*! END GENERAL OVERWRITES/RULES **/

/*! MODULE RULES **/

.module-textimage .headline-component,
.module-full-overlay .headline-component {
  font-size: 2.3125em;
  font-weight: 700;
  text-transform: capitalize;
}

.module-textimage p,
.module-full-overlay p {
  font-size: 1.3125em;
  padding-left: 15px;
  padding-right: 15px;
}

.module-explore-others .overlay-component {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

.module-explore-others .overlay-component h2 {
  margin-bottom: 25px;
  font-weight: 300;
}

.screen-xs .module-explore-others .overlay-component h2 {
  font-size: 2em;
}

.module-footer-banner {
  margin-bottom: -15px;
  overflow: hidden;
}

.module-footer-banner .banner-row {
  background-color: #56514E;
  color: #FFF;
  text-align: center;
  padding: 22px;
}

.module-footer-banner .banner-row p,
.module-footer-banner .banner-row span {
  font-size: 1.5em;
}

.module-footer-banner .banner-row span {
  cursor: pointer;
}

/*! IPAD STYLING **/
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape) { 
  .desktop-site .overlay-component.boxed-component {
    max-width: 40vw;
  }
  .module-textimage p,
  .module-full-overlay p {
    font-size: 1em;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait) { 
  .desktop-site .overlay-component.boxed-component {
    max-width: 45vw;
  }
  .module-textimage p,
  .module-full-overlay p {
    font-size: 0.75em;
    padding-left: 15px;
    padding-right: 15px;
  }
  .module-hero .headline-component {
    font-size: 2em !important;
  }
}