/******************************************************************************* Category Top - Default */
.category-image { border: 0 none; margin-bottom: 15px; padding: 0; }

.category-description { margin-bottom: 15px; }

.catalog-category-view .category-view > h1 { margin-bottom: 15px; }

/******************************************************************************* Top Block */
.top-block-container { margin-bottom: 25px; width: 100%; }

.top-block-container.has-img-bg .top-block { width: 100%; position: relative; z-index: 0; }

.top-block-container.has-img-bg .description-container { height: 279px; overflow: hidden; width: 100%; position: relative; }

.top-block-container.has-img-bg .description-block { background-color: rgba(255, 255, 255, 0.6); border-radius: 3px; border-top-right-radius: 0; }

.top-block-container.has-img-bg .description-block * { color: #535454 !important; }

.top-block-container.has-img-bg .description-block { -webkit-transition-duration: 0.7s; transition-duration: 0.7s; -webkit-transition-property: all; transition-property: all; }

.top-block-container.has-img-bg .description-block { height: 249px; margin: 15px 1.35%; min-width: 500px; padding: 20px 10px 0; position: absolute; width: 31.623%; left: 0; top: 0; }

@media screen and (max-width: 770px) { .top-block-container.has-img-bg .description-block { padding-top: 10px; width: 50%; min-width: 320px; } }

@media screen and (max-width: 480px) { .top-block-container.has-img-bg .description-block { padding-top: 5px; min-width: initial; width: 97.5%; }
  .top-block-container.has-img-bg .description-block:after { display: none; } }

.top-block-container.has-img-bg .description-block:after { border-top: 249px solid rgba(255, 255, 255, 0.6); border-right: 52px solid transparent; content: ''; width: 52px; position: absolute; top: 0; bottom: 0; right: -52px; }

.top-block-container.has-img-bg .description-block.right-side { top: 0; right: 0; left: auto; }

.top-block-container.has-img-bg .description-block.right-side:after { display: none; }

.top-block-container.has-img-bg .description-block .expandable-content-container { height: 100%; max-height: 135px; overflow: hidden; padding: 10px 20px 0; }

@media screen and (max-width: 770px) { .top-block-container.has-img-bg .description-block .expandable-content-container { padding: 5px 5px 0; } }

@media screen and (max-width: 480px) { .top-block-container.has-img-bg .description-block .expandable-content-container { max-height: 160px; padding: 20px 5px 0; } }

.top-block-container.has-img-bg .description-block .expandable-content-container h1 { font-size: 24px; margin-bottom: 15px; }

@media screen and (max-width: 770px) { .top-block-container.has-img-bg .description-block .expandable-content-container h1 { font-size: 20px; margin-bottom: 10px; } }

@media screen and (max-width: 480px) { .top-block-container.has-img-bg .description-block .expandable-content-container h1 { font-size: 18px; margin-bottom: 8px; } }

.top-block-container.has-img-bg .description-block .expandable-content-container p { font-size: 15px; letter-spacing: -.05em; }

.top-block-container.has-img-bg .description-block .expandable-horiz-btn { margin: 30px 20px 0; }

@media screen and (max-width: 770px) { .top-block-container.has-img-bg .description-block .expandable-horiz-btn { margin: 30px 5px 0; } }

@media screen and (max-width: 480px) { .top-block-container.has-img-bg .description-block .expandable-horiz-btn { margin: 30px 5px 0; } }

.top-block-container.has-img-bg .description-block .expandable-horiz-btn a { color: #535454; display: none; font-size: 14px; letter-spacing: .12em; text-transform: uppercase; }

.top-block-container.has-img-bg .description-block .expandable-horiz-btn a:hover { color: #26c7cd !important; }

.top-block-container.has-img-bg .description-block .expandable-horiz-btn a.readmore:after { content: '\25B6'; padding-left: 5px; }

.top-block-container.has-img-bg .description-block.right-side .expandable-horiz-btn a.readmore:after { content: ''; padding: 0; }

.top-block-container.has-img-bg .description-block.right-side .expandable-horiz-btn a.readmore:before { content: '\25C0'; padding-right: 5px; }

.top-block-container.has-img-bg.open .description-block { background-color: rgba(255, 255, 255, 0.85); border-radius: 0; width: 97.4%; }

.top-block-container.has-img-bg.open .description-block:after { display: none; }

.top-block-container.has-img-bg.open .description-block .expandable-content-container { max-height: 180px; min-height: 180px; overflow-y: auto; }

.top-block-container.has-img-bg.open .description-block .expandable-horiz-btn { margin-top: 15px; }

.top-block-container.has-img-bg.open .description-block .expandable-horiz-btn a:hover { color: #f18e2c; }

.top-block-container.has-img-bg.open .description-block .expandable-horiz-btn a.readmore { display: none !important; }

.top-block-container.has-img-bg.open .description-block .expandable-horiz-btn a.readless { display: inline; }

.top-block-container.has-img-bg.open .description-block .expandable-horiz-btn a.readless:before { content: '\25C0'; padding-right: 5px; }

.top-block-container.has-img-bg.open .description-block.right-side .expandable-horiz-btn a.readless:after { content: '\25B6'; padding-left: 5px; }

.top-block-container.has-img-bg.open .description-block.right-side .expandable-horiz-btn a.readless:before { content: ''; padding: 0; }

@media screen and (max-width: 480px) { .top-block-container.has-img-bg .top-block { background-position: 80% center; }
  .top-block-container.has-img-bg.open .description-container { height: auto; }
  .top-block-container.has-img-bg.open .description-block { height: auto; padding: 20px 10px 0; position: relative; width: 97.4%; }
  .top-block-container.has-img-bg.open .description-block .expandable-content-container { max-height: none; }
  .top-block-container.has-img-bg.open .description-block .expandable-horiz-btn { margin: 0; padding: 0 5px 30px; } }

.catalog-category-view .category-products > .toolbar:first-child { margin-top: 5px; }

/******************************************************************************* Products Grid */
.products-grid .item { border: 1px solid #e5e5e5; overflow: hidden; }

/******************************************************************************* Products Grid - Product Image */
.products-grid .product-image { border: 0; }

.products-grid .catalog-image-carousel { height: 0; padding-bottom: 79.76%; position: relative; }

.products-grid .catalog-image-carousel img { position: absolute; left: 0; top: 0; display: none; }

.products-grid .catalog-image-carousel img:first-child { display: block; }

.products-grid .catalog-image-carousel img[class^='product-collection-image-'] { display: block; }

.no-touch .products-grid .product-image:hover { border: 0; }

/******************************************************************************* Products Grid - Product Label attribute (Sale, New, Best Seller, etc) */
.product-label-attribute { height: 100%; width: 100%; position: absolute; top: 0; left: 0; }

.product-label-attribute .category-label { background-repeat: no-repeat; background-position: right center; background-size: 100% 100%; color: #fff; font-family: "Lato", Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: .115em; line-height: normal; max-width: 90%; padding: 3px; text-transform: uppercase; z-index: 2; position: absolute; }

.product-label-attribute .category-label[data-position*='T'] { top: 2px; }

.product-label-attribute .category-label[data-position*='B'] { bottom: 9px; }

.product-label-attribute .category-label[data-position*='L'] { padding-left: 8px; padding-right: 12px; text-align: left; left: -1px; }

.product-label-attribute .category-label[data-position*='R'] { padding-left: 12px; padding-right: 8px; text-align: right; right: 0; }

.product-label-attribute .category-label[data-position*='M'] { margin: auto; top: 0; bottom: 0; }

.product-label-attribute .category-label[data-position*='C'] { margin: auto; text-align: center; left: 0; right: 0; }

@media screen and (max-width: 600px) { .product-label-attribute .category-label { display: none; } }

/******************************************************************************* Products Grid - Product Info */
.products-grid .product-info { min-height: 139px; padding: 10px; }

.products-grid .product-brand { font-size: 16px; margin: 0 -10px; }

.products-grid .product-name { margin-bottom: 0; }

.products-grid .product-name a { color: #6f6e69; font-weight: 700; letter-spacing: .1em; }

.products-grid .price-box { font-size: 18px; font-weight: 700; letter-spacing: .1em; margin-bottom: 0; }

.products-grid .price-box .price { color: #656666; }

.products-grid .price-box .minimal-price-link { text-decoration: none; }

.products-grid .price-box .minimal-price-link .label { color: #000; font-size: 14px; }

/******************************************************************************* Products Grid - Swatches */
.products-grid .configurable-swatch-list { margin-top: 5px; }

.products-grid .configurable-swatch-list .hover .swatch-link, .products-grid .configurable-swatch-list .selected .swatch-link, .products-grid .swatch-link:hover { border-color: #999; }

/******************************************************************************* Products Grid - Button / Short description */
.products-grid .actions { border-top: 1px solid #e5e5e5; background-color: #f5f4f0; min-height: auto; padding: 15px 15px 12px; position: relative; }

.products-grid .actions .btn-cart { margin-bottom: 10px; padding: 7px 15px; }

.products-grid .short-description { font-size: 14px; height: 60px; overflow: hidden; }

.products-grid .short-description p:last-of-type { margin-bottom: 0; }

.products-grid .short-description .product-description-link { display: none; margin-left: 5px; text-decoration: underline; }

/******************************************************************************* Products Grid - Promo Messages */
.products-grid .promotional-message { font-size: 14px; line-height: 1.2; }

.products-grid .promotional-message.one { margin: 0 0 10px; }

.products-grid .promotional-message.two { margin: 6px 0 0; }

.products-grid .promotional-message.three { margin: 0 0 8px; }

/******************************************************************************* Layered Navigation */
.block-layered-nav .block-title { margin-bottom: 10px; }

.block-layered-nav .amshopby-more { margin-top: -7px; padding: 5px 25px 7px; text-transform: lowercase; }

.block-layered-nav .no-display-current, .block-layered-nav .no-display { display: none; }

.block-layered-nav .current .no-display-current, .block-layered-nav dd.current td.no-display { display: block; }

/******************************************************************************* SEO Block */
.category-bottom-container { background-color: #f2f2ed; padding: 20px; }

.category-bottom-container > .bg-white-block { background: white; margin: -40px -20px 30px; padding: 30px 20px 10px; }

.category-bottom-text { padding: 10px 30px; }

@media screen and (max-width: 770px) { .category-bottom-text { padding: 0; } }

.category-bottom-text .category-bottom-title { color: #535454; font-size: 20px; font-weight: 700; margin-bottom: 15px; }

.category-bottom-links { background-color: #e2e0d8; margin: -20px; margin-top: 0; padding: 30px 20px; }

@media screen and (max-width: 770px) { .category-bottom-links { padding: 0; padding-top: 20px; } }

.category-bottom-links .column { display: inline-block; vertical-align: top; padding: 0 30px; }

@media screen and (max-width: 770px) { .category-bottom-links .column { padding: 0 25px; } }

.category-bottom-links .bottom-list-title { font-size: 16px; font-weight: 700; margin-bottom: 15px; }

.category-bottom-links .bottom-list { list-style: none; margin-bottom: 35px; }

.category-bottom-links .bottom-list li { margin-left: 0; margin-bottom: 20px; }

@media screen and (max-width: 770px) { .category-bottom-links .bottom-list li { margin-bottom: 15px; } }

.category-bottom-links .bottom-list a { border-bottom: 2px solid #2dafb4; color: #535454; font-size: 14px; }

/******************************************************************************* SEO Block - existing */
.bacategoryProductContent { padding: 10px 30px; }

.baCategoryHead { color: #535454; font-size: 20px; font-weight: 700; letter-spacing: .1em; margin-bottom: 20px; text-transform: uppercase; }

/******************************************************************************* Amasty Ajax Overlay */
div.amshopby-overlay { background-color: #FFFFFF; height: 100%; left: 0; opacity: 0.5; position: fixed; top: 0; width: 100%; z-index: 555; }

div.amshopby-ajax-loader { background: url("../images/catalog-ajax-loader.gif") 50% 50% no-repeat transparent; display: block; height: 200px; left: 50%; margin: -100px 0 0 -75px; position: fixed; top: 40%; width: 200px; z-index: 555; }
