/** Category pages and filters styling **/

body.taxonomy { }
body.taxonomy #block-inbali-page-title { padding-top: 100px; }
body.taxonomy #block-inbali-page-title h1 { margin-bottom: 20px; }
body.taxonomy #block-inbali-page-title h1::after { content: none; }

#block-inbali-categorytablemenu,
#block-inbali-categoryseatingmenu,
#block-inbali-categorystoragemenu,
#block-inbali-categorybedroommenu,
#block-inbali-categoryhomewaremenu,
#block-inbali-categoryoutdoormenu { width: 100%; padding-top: 20px; text-align: center; }

ul.category {  }

ul.category a { text-decoration: none; font-family: 'osbold', sans-serif; letter-spacing: 0.15em; text-transform: uppercase; font-size: 10px; cursor: pointer; }
ul.category a:hover { color: #52c0a7; }

ul.category li.parent {  }

ul.category li.parent a { display: inline-block; border-bottom: 1px solid transparent; color: #52c0a7; padding: 0 0 5px 0; margin: 0 0 15px 0;
    background-color: transparent; }
ul.category li.parent a::before { content: '- view all '; }
ul.category li.parent a::after { content: ' -'; }
ul.category li.parent a:hover { border-bottom: 1px solid #52c0a7; background-color: transparent; }
ul.category li.parent a.is-active { border: none; color: #d9d9d9; border-bottom: 1px solid transparent; pointer-events: none; }

ul.category li.parent li a::before,
ul.category li.parent li a::after { content: none; }

ul.category li.parent li { display: inline-block; position: relative; margin: 0 2px 10px 2px; }
ul.category li.parent li a { display: block; position: relative; text-align: center; width: 110px; height: 0; padding-top: 90px; border: none; color: #969390; 
    background-color: transparent; background-position: top center; background-repeat: no-repeat; background-size: 78%; }
ul.category li.parent li a:hover { color: #52c0a7; border: none; }

ul.category li.parent li.dining-tables a { background-image: url('../../icons/icon-dining.png'); }
ul.category li.parent li.coffee-tables a { background-image: url('../../icons/icon-coffee.png'); }
ul.category li.parent li.side-tables a { background-image: url('../../icons/icon-side.png'); }
ul.category li.parent li.desks a { background-image: url('../../icons/icon-desk.png'); }

ul.category li.parent li.loungers a { background-image: url('../../icons/icon-lounger.png'); }
ul.category li.parent li.chairs a { background-image: url('../../icons/icon-chair.png'); }
ul.category li.parent li.sofas a { background-image: url('../../icons/icon-sofa.png'); }
ul.category li.parent li.stools a { background-image: url('../../icons/icon-stool.png'); }
ul.category li.parent li.benches a { background-image: url('../../icons/icon-bench.png'); }

ul.category li.parent li.consoles a { background-image: url('../../icons/icon-console.png'); }
ul.category li.parent li.cabinets a { background-image: url('../../icons/icon-cabinet.png'); }
ul.category li.parent li.sideboards a { background-image: url('../../icons/icon-sideboard.png'); }
ul.category li.parent li.shelving a { background-image: url('../../icons/icon-shelves.png'); }

ul.category li.parent li.beds a { background-image: url('../../icons/icon-beds.png'); }
ul.category li.parent li.bed-linen a { background-image: url('../../icons/icon-sheets.png'); }
ul.category li.parent li.headboards a { background-image: url('../../icons/icon-headboard.png'); }
ul.category li.parent li.bedside-tables a { background-image: url('../../icons/icon-bedside.png'); }
ul.category li.parent li.dressers a { background-image: url('../../icons/icon-dresser.png'); }

ul.category li.parent li.home-décor a { background-image: url('../../icons/icon-homeware.png'); }
ul.category li.parent li.tableware a { background-image: url('../../icons/icon-tableware.png'); }
ul.category li.parent li.mirrors a { background-image: url('../../icons/icon-mirrors.png'); }
ul.category li.parent li.textiles a { background-image: url('../../icons/icon-textiles.png'); }
ul.category li.parent li.lampshades a { background-image: url('../../icons/icon-lampshades.png'); }
ul.category li.parent li.baskets a { background-image: url('../../icons/icon-baskets.png'); }

ul.category li.parent.outdoor li.tables a { background-image: url('../../icons/icon-tables-out.png'); }
ul.category li.parent.outdoor li.seating a { background-image: url('../../icons/icon-chair-out.png'); }
ul.category li.parent.outdoor li.sunbeds a { background-image: url('../../icons/icon-sunbed.png'); }

ul.category li.parent li a.is-active { pointer-events: none; opacity: 0.5; }
ul.category li.parent li a.is-active::after { content: ' '; display: block; position: relative; bottom: -10px; width: 20px; height: 1px; margin: 0 auto; opacity: 0.7;
    background-color: #969390; }

#block-category-menu-block .views-row { display: inline-block; position: relative; margin: 0 2px 10px 2px; }
#block-category-menu-block .views-row a {  }

#block-product-category-block-1 { width: 100%; padding: 10px 0 60px; }

.product-category .view-wrapper { width: 100%; max-width: 1200px; margin: 0 auto; padding: 10px 0 40px; overflow: hidden; }

/** Styles for the facet system to filter results **/

#facet-main { float: left; width: 33%; width: calc(100%/3); }
#facet-key { margin: 0 auto; text-align: center; }
#facet-key span { display: inline-block; font-family: 'sslight', sans-serif; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; text-align: center; padding: 35px 8px 8px 8px; pointer-events: none;
    background-color: transparent; background-image: url('../../images/filter.png'); background-size: 30px; background-repeat: no-repeat; background-position: top center; }
#facet-wrap { padding: 20px 10px; margin: 10px 15px;
    background: #efefef; }

#facet-contain label { text-align: center; font-family: 'ssthin', sans-serif; font-size: 20px; line-height: 32px; }
#facet-contain .bef-links ul { overflow: hidden; margin: 15px 0 30px; }
#facet-contain .bef-links li { float: left; width: 33%; width: calc(100%/3); }
#facet-contain .bef-links li a { display: block; text-align: center; width: 100%; margin: 0 0 15px; text-decoration: none; font-family: 'OSBold', sans-serif; letter-spacing: 2px; text-transform: uppercase; font-size: 10px; color: #283d38; cursor: pointer; }
#facet-contain .bef-links li a::before { display: block; content: ' '; width: 70px; height: 70px; margin: 0 auto 10px; overflow: hidden; border-radius: 35px; border: 3px solid rgba(255, 255, 255, 0.8);
    box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 20%), 0px 2px 4px 0px rgb(0 0 0 / 20%);
    background: transparent; background-size: 100%; background-repeat: no-repeat; background-position: center center;
    transition: box-shadow 0.2s ease; }
#facet-contain .bef-links li a::before:hover {
    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 20%), 0px 6px 8px 0px rgb(0 0 0 / 20%); }

#facet-contain .bef-links li a.suar::before { background-image: url('../../images/f-suar.jpg'); }
#facet-contain .bef-links li a.teak::before { background-image: url('../../images/f-teak.jpg'); }
#facet-contain .bef-links li a.recycled::before { background-image: url('../../images/f-recycled.jpg'); }
#facet-contain .bef-links li a.leather::before { background-image: url('../../images/f-leather.jpg'); }
#facet-contain .bef-links li a.rattan::before { background-image: url('../../images/f-rattan.jpg'); }
#facet-contain .bef-links li a.bamboo::before { background-image: url('../../images/f-bamboo.jpg'); }
#facet-contain .bef-links li a.velvet::before { background-image: url('../../images/f-velvet.jpg'); }

#facet-contain .bef-links li a.any::before { background-image: url('../../images/f-suar.jpg'); }
#facet-contain .bef-links li a.black::before { background-image: url('../../images/f-suar.jpg'); }
#facet-contain .bef-links li a.white::before { background-image: url('../../images/f-suar.jpg'); }
#facet-contain .bef-links li a.white.wash::before { background-image: url('../../images/f-whitewash.jpg'); }
#facet-contain .bef-links li a.natural::before { background-image: url('../../images/f-suar.jpg'); }

#facet-contain span.button { display: block; width: 100%; text-align: center; }
#facet-contain span.button::after { content: none; }
#facet-contain span.button input { border: none; color: #283d38; }

.product-category .view-wrapper .views-row { position: relative; float: left; width: 33%; width: calc(100%/3); margin: 0 0 40px; padding: 0; text-align: center;
    background-color: transparent; }

.product-category .view-wrapper .views-row a { display: block; position: relative; }
.product-category .view-wrapper .views-row a img { display: block; width: 100%; height: auto;
    -webkit-transform: scale(0.97); -moz-transform: scale(0.97); -o-transform: scale(0.97); transform: scale(0.97);
    -webkit-transition: -webkit-transform 0.5s ease; -moz-transition: -moz-transform 0.5s ease; transition: transform 0.5s ease; }
.product-category .view-wrapper .views-row a:hover img { 
    -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.product-category .view-wrapper .views-row a .product-title { display: block; font-family: 'ssthin', sans-serif; font-size: 20px; color: #283d38; text-transform: uppercase; margin-top: 20px; }
.product-category .view-wrapper .views-row a .sub-name { display: block; width: 100%; margin: 5px 0; color: #283d38; font-family: 'sslight', sans-serif; font-size: 10px; text-transform: uppercase; }

.product-category .view-wrapper .views-row .views-field-price__number { font-family: 'osbold', sans-serif; font-size: 13px; }

@media only screen and ( max-width: 849px ) {
    #facet-main { float: none; width: 100%; }
    #facet-wrap { margin: 0; }
    #facet-key { margin: 0 auto 20px; }
    #facet-key span { pointer-events: all; cursor: pointer; }
    #facet-key span:hover { color: #4eac97; }
    
    .product-category .view-wrapper .views-row { width: 50%; }
    
    #block-product-category-block-1 { padding: 0 0 60px; }
    
}