.jet-woo-taxonomy-tiles {
display: -ms-grid;
display: grid;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
}
.jet-woo-taxonomy-tiles--layout-2-1-2 .jet-woo-taxonomy-item:nth-child(1) {
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-column: 1/2;
grid-row: 1/2;
}
.jet-woo-taxonomy-tiles--layout-2-1-2 .jet-woo-taxonomy-item:nth-child(2) {
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
grid-column: 1/2;
grid-row: 2/3;
}
.jet-woo-taxonomy-tiles--layout-2-1-2 .jet-woo-taxonomy-item:nth-child(3) {
-ms-grid-column: 2;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 2;
grid-column: 2/3;
grid-row: 1/3;
}
.jet-woo-taxonomy-tiles--layout-2-1-2 .jet-woo-taxonomy-item:nth-child(4) {
-ms-grid-column: 3;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-column: 3/4;
grid-row: 1/2;
}
.jet-woo-taxonomy-tiles--layout-2-1-2 .jet-woo-taxonomy-item:nth-child(5) {
-ms-grid-column: 3;
-ms-grid-column-span: 1;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
grid-column: 3/4;
grid-row: 2/3;
}
.jet-woo-taxonomy-tiles--layout-1-1-2-h .jet-woo-taxonomy-item:nth-child(1) {
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 2;
grid-column: 1/2;
grid-row: 1/3;
}
.jet-woo-taxonomy-tiles--layout-1-1-2-h .jet-woo-taxonomy-item:nth-child(2) {
-ms-grid-column: 2;
-ms-grid-column-span: 2;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-column: 2/4;
grid-row: 1/2;
}
.jet-woo-taxonomy-tiles--layout-1-1-2-h .jet-woo-taxonomy-item:nth-child(3) {
-ms-grid-column: 2;
-ms-grid-column-span: 1;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
grid-column: 2/3;
grid-row: 2/3;
}
.jet-woo-taxonomy-tiles--layout-1-1-2-h .jet-woo-taxonomy-item:nth-child(4) {
-ms-grid-column: 3;
-ms-grid-column-span: 1;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
grid-column: 3/4;
grid-row: 2/3;
}
.jet-woo-taxonomy-tiles--layout-1-1-2-v .jet-woo-taxonomy-item:nth-child(1) {
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 2;
grid-column: 1/2;
grid-row: 1/3;
}
.jet-woo-taxonomy-tiles--layout-1-1-2-v .jet-woo-taxonomy-item:nth-child(2) {
-ms-grid-column: 2;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 2;
grid-column: 2/3;
grid-row: 1/3;
}
.jet-woo-taxonomy-tiles--layout-1-1-2-v .jet-woo-taxonomy-item:nth-child(3) {
-ms-grid-column: 3;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-column: 3/4;
grid-row: 1/2;
}
.jet-woo-taxonomy-tiles--layout-1-1-2-v .jet-woo-taxonomy-item:nth-child(4) {
-ms-grid-column: 3;
-ms-grid-column-span: 1;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
grid-column: 3/4;
grid-row: 2/3;
}
.jet-woo-taxonomy-tiles--layout-1-2 .jet-woo-taxonomy-item:nth-child(1) {
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 2;
grid-column: 1/2;
grid-row: 1/3;
}
.jet-woo-taxonomy-tiles--layout-1-2 .jet-woo-taxonomy-item:nth-child(2) {
-ms-grid-column: 2;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-column: 2/3;
grid-row: 1/2;
}
.jet-woo-taxonomy-tiles--layout-1-2 .jet-woo-taxonomy-item:nth-child(3) {
-ms-grid-column: 2;
-ms-grid-column-span: 1;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
grid-column: 2/3;
grid-row: 2/3;
}
.jet-woo-taxonomy-tiles--layout-2-3-v .jet-woo-taxonomy-item:nth-child(1) {
-ms-grid-column: 1;
-ms-grid-column-span: 3;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-column: 1/4;
grid-row: 1/2;
}
.jet-woo-taxonomy-tiles--layout-2-3-v .jet-woo-taxonomy-item:nth-child(2) {
-ms-grid-column: 4;
-ms-grid-column-span: 3;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-column: 4/7;
grid-row: 1/2;
}
.jet-woo-taxonomy-tiles--layout-2-3-v .jet-woo-taxonomy-item:nth-child(3) {
-ms-grid-column: 1;
-ms-grid-column-span: 2;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
grid-column: 1/3;
grid-row: 2/3;
}
.jet-woo-taxonomy-tiles--layout-2-3-v .jet-woo-taxonomy-item:nth-child(4) {
-ms-grid-column: 3;
-ms-grid-column-span: 2;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
grid-column: 3/5;
grid-row: 2/3;
}
.jet-woo-taxonomy-tiles--layout-2-3-v .jet-woo-taxonomy-item:nth-child(5) {
-ms-grid-column: 5;
-ms-grid-column-span: 2;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
grid-column: 5/7;
grid-row: 2/3;
}
.jet-woo-taxonomy-tiles--layout-1-2-2 .jet-woo-taxonomy-item:nth-child(1) {
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 2;
grid-column: 1/2;
grid-row: 1/3;
}
.jet-woo-taxonomy-tiles--layout-1-2-2 .jet-woo-taxonomy-item:nth-child(2) {
-ms-grid-column: 2;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-column: 2/3;
grid-row: 1/2;
}
.jet-woo-taxonomy-tiles--layout-1-2-2 .jet-woo-taxonomy-item:nth-child(3) {
-ms-grid-column: 3;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-column: 3/4;
grid-row: 1/2;
}
.jet-woo-taxonomy-tiles--layout-1-2-2 .jet-woo-taxonomy-item:nth-child(4) {
-ms-grid-column: 2;
-ms-grid-column-span: 1;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
grid-column: 2/3;
grid-row: 2/3;
}
.jet-woo-taxonomy-tiles--layout-1-2-2 .jet-woo-taxonomy-item:nth-child(5) {
-ms-grid-column: 3;
-ms-grid-column-span: 1;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
grid-column: 3/4;
grid-row: 2/3;
}
.jet-woo-taxonomy-tiles--layout-2-1-2 {
grid-template-columns: 1fr 30% 1fr;
-ms-grid-columns: 1fr 30% 1fr;
grid-template-rows: 1fr 1fr;
-ms-grid-rows: 1fr 1fr;
}
@media (max-width: 1024px) {
.jet-woo-taxonomy-tiles--layout-2-1-2 {
grid-template-columns: 1fr 1fr !important;
grid-template-rows: 1fr 1fr 1fr;
-ms-grid-columns: 1fr 1fr !important;
-ms-grid-rows: 1fr 1fr 1fr;
}
.jet-woo-taxonomy-tiles--layout-2-1-2 .jet-woo-taxonomy-item:nth-child(1) {
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-column: 1/2;
grid-row: 1/2;
}
.jet-woo-taxonomy-tiles--layout-2-1-2 .jet-woo-taxonomy-item:nth-child(2) {
-ms-grid-column: 2;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-column: 2/3;
grid-row: 1/2;
}
.jet-woo-taxonomy-tiles--layout-2-1-2 .jet-woo-taxonomy-item:nth-child(3) {
-ms-grid-column: 1;
-ms-grid-column-span: 2;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
grid-column: 1/3;
grid-row: 2/3;
}
.jet-woo-taxonomy-tiles--layout-2-1-2 .jet-woo-taxonomy-item:nth-child(4) {
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
grid-column: 1/2;
grid-row: 3/4;
}
.jet-woo-taxonomy-tiles--layout-2-1-2 .jet-woo-taxonomy-item:nth-child(5) {
-ms-grid-column: 2;
-ms-grid-column-span: 1;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
grid-column: 2/3;
grid-row: 3/4;
}
}
@media (max-width: 767px) {
.jet-woo-taxonomy-tiles--layout-2-1-2 {
grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
}
}
.jet-woo-taxonomy-tiles--layout-1-1-2-h {
grid-template-columns: 50% 1fr 1fr;
grid-template-rows: 1fr 1fr;
-ms-grid-columns: 50% 1fr 1fr;
-ms-grid-rows: 1fr 1fr;
}
@media (max-width: 1024px) {
.jet-woo-taxonomy-tiles--layout-1-1-2-h {
grid-template-columns: 1fr 1fr !important;
grid-template-rows: 1fr 1fr 1fr;
-ms-grid-columns: 1fr 1fr !important;
-ms-grid-rows: 1fr 1fr 1fr;
}
.jet-woo-taxonomy-tiles--layout-1-1-2-h .jet-woo-taxonomy-item:nth-child(1) {
-ms-grid-column: 1;
-ms-grid-column-span: 2;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-column: 1/3;
grid-row: 1/2;
}
.jet-woo-taxonomy-tiles--layout-1-1-2-h .jet-woo-taxonomy-item:nth-child(2) {
-ms-grid-column: 1;
-ms-grid-column-span: 2;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
grid-column: 1/3;
grid-row: 2/3;
}
.jet-woo-taxonomy-tiles--layout-1-1-2-h .jet-woo-taxonomy-item:nth-child(3) {
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
grid-column: 1/2;
grid-row: 3/4;
}
.jet-woo-taxonomy-tiles--layout-1-1-2-h .jet-woo-taxonomy-item:nth-child(4) {
-ms-grid-column: 2;
-ms-grid-column-span: 1;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
grid-column: 2/3;
grid-row: 3/4;
}
}
@media (max-width: 767px) {
.jet-woo-taxonomy-tiles--layout-1-1-2-h {
grid-template-rows: 1fr 1fr 1fr 1fr;
}
}
.jet-woo-taxonomy-tiles--layout-1-1-2-v {
grid-template-columns: 50% 1fr 1fr;
grid-template-rows: 1fr 1fr;
-ms-grid-columns: 50% 1fr 1fr;
-ms-grid-rows: 1fr 1fr;
}
@media (max-width: 1024px) {
.jet-woo-taxonomy-tiles--layout-1-1-2-v {
grid-template-columns: 1fr 1fr !important;
grid-template-rows: 1fr 1fr 1fr;
-ms-grid-columns: 1fr 1fr !important;
-ms-grid-rows: 1fr 1fr 1fr;
}
.jet-woo-taxonomy-tiles--layout-1-1-2-v .jet-woo-taxonomy-item:nth-child(1) {
-ms-grid-column: 1;
-ms-grid-column-span: 2;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-column: 1/3;
grid-row: 1/2;
}
.jet-woo-taxonomy-tiles--layout-1-1-2-v .jet-woo-taxonomy-item:nth-child(2) {
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 2;
-ms-grid-row-span: 2;
grid-column: 1/2;
grid-row: 2/4;
}
.jet-woo-taxonomy-tiles--layout-1-1-2-v .jet-woo-taxonomy-item:nth-child(3) {
-ms-grid-column: 2;
-ms-grid-column-span: 1;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
grid-column: 2/3;
grid-row: 2/3;
}
.jet-woo-taxonomy-tiles--layout-1-1-2-v .jet-woo-taxonomy-item:nth-child(4) {
-ms-grid-column: 2;
-ms-grid-column-span: 1;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
grid-column: 2/3;
grid-row: 3/4;
}
}
@media (max-width: 767px) {
.jet-woo-taxonomy-tiles--layout-1-1-2-v {
grid-template-rows: 1fr 1fr 1fr 1fr;
}
}
.jet-woo-taxonomy-tiles--layout-1-2 {
grid-template-columns: 50% 1fr;
grid-template-rows: 1fr 1fr;
-ms-grid-columns: 50% 1fr;
-ms-grid-rows: 1fr 1fr;
}
@media (max-width: 767px) {
.jet-woo-taxonomy-tiles--layout-1-2 {
grid-template-rows: 1fr 1fr 1fr;
}
}
.jet-woo-taxonomy-tiles--layout-2-3-v {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
-ms-grid-rows: 1fr 1fr;
}
@media (max-width: 767px) {
.jet-woo-taxonomy-tiles--layout-2-3-v {
grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
}
}
.jet-woo-taxonomy-tiles--layout-1-2-2 {
grid-template-columns: 50% 1fr 1fr;
grid-template-rows: 1fr 1fr;
-ms-grid-columns: 50% 1fr 1fr;
-ms-grid-rows: 1fr 1fr;
}
@media (max-width: 1024px) {
.jet-woo-taxonomy-tiles--layout-1-2-2 {
grid-template-columns: 1fr 1fr !important;
grid-template-rows: 1fr 1fr 1fr;
-ms-grid-columns: 1fr 1fr !important;
-ms-grid-rows: 1fr 1fr 1fr;
}
.jet-woo-taxonomy-tiles--layout-1-2-2 .jet-woo-taxonomy-item:nth-child(1) {
-ms-grid-column: 1;
-ms-grid-column-span: 2;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-column: 1/3;
grid-row: 1/2;
}
.jet-woo-taxonomy-tiles--layout-1-2-2 .jet-woo-taxonomy-item:nth-child(2) {
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
grid-column: 1/2;
grid-row: 2/3;
}
.jet-woo-taxonomy-tiles--layout-1-2-2 .jet-woo-taxonomy-item:nth-child(3) {
-ms-grid-column: 2;
-ms-grid-column-span: 1;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
grid-column: 2/3;
grid-row: 2/3;
}
.jet-woo-taxonomy-tiles--layout-1-2-2 .jet-woo-taxonomy-item:nth-child(4) {
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
grid-column: 1/2;
grid-row: 3/4;
}
.jet-woo-taxonomy-tiles--layout-1-2-2 .jet-woo-taxonomy-item:nth-child(5) {
-ms-grid-column: 2;
-ms-grid-column-span: 1;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
grid-column: 2/3;
grid-row: 3/4;
}
}
@media (max-width: 767px) {
.jet-woo-taxonomy-tiles--layout-1-2-2 {
grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
}
}
.jet-woo-taxonomy-tiles--layout-2-x {
grid-template-columns: repeat(2, 1fr);
-ms-grid-columns: 1fr 1fr;
}
.jet-woo-taxonomy-tiles--layout-3-x {
grid-template-columns: repeat(3, 1fr);
-ms-grid-columns: 1fr 1fr 1fr;
}
.jet-woo-taxonomy-tiles--layout-4-x {
grid-template-columns: repeat(4, 1fr);
-ms-grid-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 1024px) {
.jet-woo-taxonomy-tiles--layout-4-x {
grid-template-columns: repeat(2, 1fr);
-ms-grid-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.jet-woo-taxonomy-tiles--layout-4-x {
grid-template-rows: 1fr 1fr 1fr 1fr;
}
}
@media (max-width: 767px) {
.jet-woo-taxonomy-tiles {
grid-template-columns: 1fr !important;
-ms-grid-columns: 1fr !important;
}
.jet-woo-taxonomy-tiles .jet-woo-taxonomy-item:nth-child(1) {
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-column: 1/2;
grid-row: 1/2;
}
.jet-woo-taxonomy-tiles .jet-woo-taxonomy-item:nth-child(2) {
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
grid-column: 1/2;
grid-row: 2/3;
}
.jet-woo-taxonomy-tiles .jet-woo-taxonomy-item:nth-child(3) {
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
grid-column: 1/2;
grid-row: 3/4;
}
.jet-woo-taxonomy-tiles .jet-woo-taxonomy-item:nth-child(4) {
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 4;
-ms-grid-row-span: 1;
grid-column: 1/2;
grid-row: 4/5;
}
.jet-woo-taxonomy-tiles .jet-woo-taxonomy-item:nth-child(5) {
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 5;
-ms-grid-row-span: 1;
grid-column: 1/2;
grid-row: 5/6;
}
.jet-woo-taxonomy-tiles .jet-woo-taxonomy-item:nth-child(6) {
-ms-grid-column: 1;
-ms-grid-column-span: 1;
-ms-grid-row: 6;
-ms-grid-row-span: 1;
grid-column: 1/2;
grid-row: 6/7;
}
}
.jet-woo-taxonomy-tiles.jet-woo-taxonomy-tiles-count--out-of-content .jet-woo-taxonomy-item__box-count {
position: absolute;
}
.jet-woo-taxonomy-tiles.jet-woo-taxonomy-tiles-count--out-of-content.jet-woo-taxonomy-tiles-count--top-right .jet-woo-taxonomy-item__box-count {
top: 0;
right: 0;
}
.jet-woo-taxonomy-tiles.jet-woo-taxonomy-tiles-count--out-of-content.jet-woo-taxonomy-tiles-count--top-left .jet-woo-taxonomy-item__box-count {
top: 0;
left: 0;
}
.jet-woo-taxonomy-tiles.jet-woo-taxonomy-tiles-count--out-of-content.jet-woo-taxonomy-tiles-count--bottom-right .jet-woo-taxonomy-item__box-count {
bottom: 0;
right: 0;
}
.jet-woo-taxonomy-tiles.jet-woo-taxonomy-tiles-count--out-of-content.jet-woo-taxonomy-tiles-count--bottom-left .jet-woo-taxonomy-item__box-count {
bottom: 0;
left: 0;
}
.jet-woo-taxonomy-item__box {
height: 100%;
background-size: cover;
position: relative;
padding: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
overflow: hidden;
background-position: center;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.jet-woo-taxonomy-item__box::before {
position: absolute;
z-index: 0;
left: 0;
top: 0;
right: 0;
bottom: 0;
content: "";
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.jet-woo-taxonomy-item__box-link {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
}
.jet-woo-taxonomy-item__box-content {
width: 100%;
z-index: 1;
}
.jet-woo-taxonomy-item__box-inner {
display: inline-block;
}