/* CSS for Clearance Section */

/* Fix the blank hover image, when mouse goes across the product listing  */

/**/
body.category-clearance div.product-grid__content > ol > li > a > img.product-grid__image {opacity:1!important;}
body.category-clearance div.product-grid__content > ol > li > a > img.product-grid__image.rollover {opacity:0!important;}
/**/

/* product page changes to makes more legible on high zoom */
.product-sidebar-heading>.product-attributes {
 display:none;
}
.product-sidebar-heading .product-name {
    margin-bottom:30px!important;
    font-size: 3rem!important;
}
.attribute-content__popup .popup-filters .option-label {
    font-size: 1.3rem!important;
}
#configurable-product-wrapper > .product-essential > .product-sidebar > .product-attributes__picker > .product-attribute > .attribute-header > .attribute-name, #modular-container > .modular-sidebar > .product-attributes > .product-attribute > .attribute-header > .attribute-name {
    font-size: 100%!important;
}

@media (min-width: 1200px){
.catalog-product-view .button-primary {
    font-size: 1.5rem!important;
    padding: 1.1rem 1.6rem!important;
}
.attribute-selection.attribute-selection__selected .selected-value {
    margin-top: 0.1rem;
  
}
.attribute-selection .selected-value {
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 300;
    display: none;
}
.attribute-selection .selection-text {
    font-size: 1.4rem;
}
}
@media (min-width: 992px){
.product-attribute.list .option-description .option-title {
    font-size: 1.5rem!important;

}
.product-attribute.list .option-description .option-subtitle {
  
    font-size: 1.2rem!important;
 
}
}
#modular-container > .modular-sidebar {
    margin-top:90px!important;
}

body.product-briony > .col-main > .product-wrapper > .product-essential > .modular-container > .modular-units > .modular-heading {
    margin-left:50%;
}
body.product-briony > .col-main > .product-wrapper > .product-essential > .modular-container > .modular-units > p.modular-subtitle {
    margin-left:50%;
}