22

✏️ Editing: jet-portfolio.css

.jet-portfolio{position:relative}.jet-portfolio__filter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.jet-portfolio__filter-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.jet-portfolio__filter-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.jet-portfolio__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:height 0.5s cubic-bezier(0.33, 0.79, 0.37, 0.97);-o-transition:height 0.5s cubic-bezier(0.33, 0.79, 0.37, 0.97);transition:height 0.5s cubic-bezier(0.33, 0.79, 0.37, 0.97)}.jet-portfolio__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0)}.jet-portfolio__item.item-loaded .jet-portfolio__image-instance{visibility:visible}.jet-portfolio__item.item-loaded .jet-portfolio__content{visibility:visible}.jet-portfolio__item.hidden-status{height:0;visibility:hidden}.layout-type-grid .jet-portfolio__item.hidden-status{display:none}.jet-portfolio__item.hidden-status .jet-portfolio__inner{opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.jet-portfolio__item.visible-status{height:auto;visibility:visible}.jet-portfolio__item.visible-status .jet-portfolio__inner{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.jet-portfolio__inner{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;-ms-flex-item-align:stretch;align-self:stretch;position:relative;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}.jet-portfolio__link{display:block}.jet-portfolio__image{position:relative;line-height:0}.jet-portfolio__image-instance{width:100%;min-height:100px;visibility:hidden}.jet-portfolio__image-loader{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;left:0;top:0;background-color:rgba(84,89,95,0.75);z-index:1}.jet-portfolio__image-loader span{width:30px;height:30px;-webkit-border-radius:50%;border-radius:50%;border-top-color:transparent;border-left-color:transparent;border-right-color:transparent;-webkit-box-shadow:2px 2px 1px #fff;box-shadow:2px 2px 1px #fff;-webkit-animation:jet-portfolio-load-spin 690ms infinite linear;animation:jet-portfolio-load-spin 690ms infinite linear}.jet-portfolio__content{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;visibility:hidden}.jet-portfolio__content-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.jet-portfolio__content-inner:empty{display:none}.jet-portfolio__title{width:100%}.jet-portfolio__desc{width:100%}.jet-portfolio__category{width:100%}.jet-portfolio__cover{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.jet-portfolio__cover .jet-elements-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0)}.jet-portfolio__view-more{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.jet-portfolio__view-more.hidden-status{display:none}.jet-portfolio__view-more-button{cursor:pointer}.jet-portfolio .grid-sizer{width:25%;height:0}.jet-portfolio.layout-type-grid .jet-portfolio__image-instance{-o-object-fit:cover;object-fit:cover}.jet-portfolio.layout-type-justify .jet-portfolio__item,.jet-portfolio.layout-type-justify .grid-sizer{width:25%}.jet-portfolio.layout-type-justify .jet-portfolio__item.justify-size-1-4,.jet-portfolio.layout-type-justify .grid-sizer.justify-size-1-4{width:25%}.jet-portfolio.layout-type-justify .jet-portfolio__item.justify-size-2-4,.jet-portfolio.layout-type-justify .grid-sizer.justify-size-2-4{width:25%}.jet-portfolio.layout-type-justify .jet-portfolio__item.justify-size-3-4,.jet-portfolio.layout-type-justify .grid-sizer.justify-size-3-4{width:50%}.jet-portfolio.layout-type-justify .jet-portfolio__item.justify-size-4-4,.jet-portfolio.layout-type-justify .grid-sizer.justify-size-4-4{width:50%}@media (max-width: 767px){.jet-portfolio.layout-type-justify .jet-portfolio__item.justify-size-1-4,.jet-portfolio.layout-type-justify .grid-sizer.justify-size-1-4{width:100%}.jet-portfolio.layout-type-justify .jet-portfolio__item.justify-size-2-4,.jet-portfolio.layout-type-justify .grid-sizer.justify-size-2-4{width:100%}.jet-portfolio.layout-type-justify .jet-portfolio__item.justify-size-3-4,.jet-portfolio.layout-type-justify .grid-sizer.justify-size-3-4{width:100%}.jet-portfolio.layout-type-justify .jet-portfolio__item.justify-size-4-4,.jet-portfolio.layout-type-justify .grid-sizer.justify-size-4-4{width:100%}}.jet-portfolio.layout-type-justify .jet-portfolio__image-instance{-o-object-fit:cover;object-fit:cover;height:350px}.jet-portfolio.layout-type-list .jet-portfolio__item{width:100%}.jet-portfolio.layout-type-list .jet-portfolio__image-instance{-o-object-fit:cover;object-fit:cover}.jet-portfolio.preset-type-1 .jet-portfolio__item .jet-portfolio__content{position:absolute;left:0;bottom:0;z-index:1;opacity:0;-webkit-transition:opacity 0.4s ease;-o-transition:opacity 0.4s ease;transition:opacity 0.4s ease}.jet-portfolio.preset-type-1 .jet-portfolio__item:hover .jet-portfolio__content{opacity:1}.jet-portfolio.preset-type-2 .jet-portfolio__item .jet-portfolio__cover{z-index:1;opacity:0;-webkit-transition:opacity 0.4s ease;-o-transition:opacity 0.4s ease;transition:opacity 0.4s ease}.jet-portfolio.preset-type-2 .jet-portfolio__item .jet-portfolio__cover .jet-elements-icon{-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);opacity:0;-webkit-transition:all 0.3s ease 0.1s;-o-transition:all 0.3s ease 0.1s;transition:all 0.3s ease 0.1s}.jet-portfolio.preset-type-2 .jet-portfolio__item:hover .jet-portfolio__cover{opacity:1}.jet-portfolio.preset-type-2 .jet-portfolio__item:hover .jet-portfolio__cover .jet-elements-icon{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.jet-portfolio.preset-type-3 .jet-portfolio__item .jet-portfolio__cover{z-index:1;opacity:0;-webkit-transition:opacity 0.4s ease;-o-transition:opacity 0.4s ease;transition:opacity 0.4s ease}.jet-portfolio.preset-type-3 .jet-portfolio__item .jet-portfolio__cover .jet-elements-icon{-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);opacity:0;-webkit-transition:all 0.3s ease 0.1s;-o-transition:all 0.3s ease 0.1s;transition:all 0.3s ease 0.1s}.jet-portfolio.preset-type-3 .jet-portfolio__item:hover .jet-portfolio__cover{opacity:1}.jet-portfolio.preset-type-3 .jet-portfolio__item:hover .jet-portfolio__cover .jet-elements-icon{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.jet-portfolio.preset-type-4 .jet-portfolio__item .jet-portfolio__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;-webkit-transition:opacity 0.4s ease;-o-transition:opacity 0.4s ease;transition:opacity 0.4s ease;pointer-events:none}.jet-portfolio.preset-type-4 .jet-portfolio__item .jet-portfolio__content-inner{width:100%}.jet-portfolio.preset-type-4 .jet-portfolio__item:hover .jet-portfolio__content{opacity:1}.jet-portfolio.preset-type-4 .jet-portfolio__item .trp-edit-mode .jet-portfolio__content{opacity:1;position:relative}.jet-portfolio.layout-type-masonry.layout-desktop-column-1 .jet-portfolio__item,.jet-portfolio.layout-type-grid.layout-desktop-column-1 .jet-portfolio__item{width:100%}.jet-portfolio.layout-type-masonry.layout-desktop-column-2 .jet-portfolio__item,.jet-portfolio.layout-type-grid.layout-desktop-column-2 .jet-portfolio__item{width:50%}.jet-portfolio.layout-type-masonry.layout-desktop-column-3 .jet-portfolio__item,.jet-portfolio.layout-type-grid.layout-desktop-column-3 .jet-portfolio__item{width:33.3333%}.jet-portfolio.layout-type-masonry.layout-desktop-column-4 .jet-portfolio__item,.jet-portfolio.layout-type-grid.layout-desktop-column-4 .jet-portfolio__item{width:25%}.jet-portfolio.layout-type-masonry.layout-desktop-column-5 .jet-portfolio__item,.jet-portfolio.layout-type-grid.layout-desktop-column-5 .jet-portfolio__item{width:20%}.jet-portfolio.layout-type-masonry.layout-desktop-column-6 .jet-portfolio__item,.jet-portfolio.layout-type-grid.layout-desktop-column-6 .jet-portfolio__item{width:16.6666%}@media (max-width: 1024px){.jet-portfolio.layout-type-masonry.layout-tablet-column-1 .jet-portfolio__item,.jet-portfolio.layout-type-grid.layout-tablet-column-1 .jet-portfolio__item{width:100%}.jet-portfolio.layout-type-masonry.layout-tablet-column-2 .jet-portfolio__item,.jet-portfolio.layout-type-grid.layout-tablet-column-2 .jet-portfolio__item{width:50%}.jet-portfolio.layout-type-masonry.layout-tablet-column-3 .jet-portfolio__item,.jet-portfolio.layout-type-grid.layout-tablet-column-3 .jet-portfolio__item{width:33.3333%}.jet-portfolio.layout-type-masonry.layout-tablet-column-4 .jet-portfolio__item,.jet-portfolio.layout-type-grid.layout-tablet-column-4 .jet-portfolio__item{width:25%}.jet-portfolio.layout-type-masonry.layout-tablet-column-5 .jet-portfolio__item,.jet-portfolio.layout-type-grid.layout-tablet-column-5 .jet-portfolio__item{width:20%}.jet-portfolio.layout-type-masonry.layout-tablet-column-6 .jet-portfolio__item,.jet-portfolio.layout-type-grid.layout-tablet-column-6 .jet-portfolio__item{width:16.6666%}}@media (max-width: 767px){.jet-portfolio.layout-type-masonry.layout-mobile-column-1 .jet-portfolio__item,.jet-portfolio.layout-type-grid.layout-mobile-column-1 .jet-portfolio__item{width:100%}.jet-portfolio.layout-type-masonry.layout-mobile-column-2 .jet-portfolio__item,.jet-portfolio.layout-type-grid.layout-mobile-column-2 .jet-portfolio__item{width:50%}.jet-portfolio.layout-type-masonry.layout-mobile-column-3 .jet-portfolio__item,.jet-portfolio.layout-type-grid.layout-mobile-column-3 .jet-portfolio__item{width:33.3333%}.jet-portfolio.layout-type-masonry.layout-mobile-column-4 .jet-portfolio__item,.jet-portfolio.layout-type-grid.layout-mobile-column-4 .jet-portfolio__item{width:25%}.jet-portfolio.layout-type-masonry.layout-mobile-column-5 .jet-portfolio__item,.jet-portfolio.layout-type-grid.layout-mobile-column-5 .jet-portfolio__item{width:20%}.jet-portfolio.layout-type-masonry.layout-mobile-column-6 .jet-portfolio__item,.jet-portfolio.layout-type-grid.layout-mobile-column-6 .jet-portfolio__item{width:16.6666%}}@-webkit-keyframes fade{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}1%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes fade{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}1%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes jet-portfolio-load-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);transform:rotate(360deg)}}@keyframes jet-portfolio-load-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);transform:rotate(360deg)}}

MR SKB