.mk-p-grid { position: relative; display: inline-block; width: 100%; vertical-align: top; }
.mk-p-grid.mk-p-masonry-on .mk-grid-inner { visibility: hidden; }
.mk-p-grid.mk-p-masonry-on .mk-grid-inner.mk--masonry-init { visibility: visible; }
.mk-p-grid.mk-p-masonry-on .mk-grid-masonry-sizer { width: 100%; padding: 0; margin: 0; }
.mk-p-grid.mk-p-masonry-on .mk-grid-masonry-gutter { width: 0; padding: 0; margin: 0; }

/* ---------------------------------------------------------------------------------------------------------------------- */
.grid-item { display: flex; align-items: center; }
.mk-portfolio-modern .mk-portfolio-wrap { position: relative; transition: all 0.3s ease-in-out; }
.mk-portfolio-modern .mk-portfolio-content { position: relative; padding:35px; overflow: hidden; display:flex; align-items:center; }

.mk-portfolio-modern .content-position--over .mk-portfolio-content,
.mk-portfolio-modern .content-position--hover-over .mk-portfolio-content {  position: absolute; z-index: 1;  left:0; right:0; bottom:0; }

.mk-portfolio-modern .mk-portfolio-content-holder { display:flex; justify-content: space-between;  width:100%; }

.mk-portfolio-t-align-left .mk-portfolio-modern .mk-portfolio-content { justify-content: flex-start; }
.mk-portfolio-t-align-center .mk-portfolio-modern .mk-portfolio-content { justify-content: center; }
.mk-portfolio-t-align-right .mk-portfolio-modern .mk-portfolio-content { justify-content: flex-end; }
.mk-portfolio-modern .mk-portfolio-image a.mk-post-grid-image { width: 100%; transform: scale(1); transition: transform 1.4s cubic-bezier(.25, .1, .14, .91); transform-origin: center; position: relative; display: block; }
.mk-portfolio-modern .mk-portfolio-image { overflow: hidden; position: relative; transition: all 0.3s ease-in-out; }
.mk-portfolio-modern.mk-parallax-scroll-on a.mk-post-grid-image { transform: scale(1.22); }
.mk-portfolio-modern .mk-portfolio-subtitle span { display: inline-block; margin: 0 8px; }

.mk-portfolio-modern .content-position--hover-over .mk-portfolio-content { bottom:-100%; transition: all 0.6s ease-in-out; }
.mk-portfolio-modern .mk-grid-item:hover .content-position--hover-over .mk-portfolio-content { bottom:0;  transition: all 0.4s cubic-bezier(.25, .1, .14, .91); }

/*Hover Image Animation*/
.mk-portfolio-image-zoom-yes .mk-portfolio-wrap .mk-portfolio-image img { margin-top: 0; transform: scale(1.0); transition: all .5s cubic-bezier(.785, .135, .15, .860) 0ms; }
.mk-portfolio-image-zoom-yes .mk-portfolio-wrap:hover .mk-portfolio-image img { transform: scale(1.1); }
.mk-items--packery .mk-portfolio-wrap { width: 100%; height: 100%; }
.mk-items--packery .mk-packery-bg-img { height: 100%; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; }
.mk-items--packery .mk-packery-bg-img img { width: 100%; height: 100%; visibility: hidden; display: block; opacity: 0; }
.mk-items--packery a.mk-post-grid-image { width: 100%; height: 100%; display: block; }
.mk-portfolio-modern .mk-portfolio-image img { transform: scale(1); transition: all .8s cubic-bezier(.25, .46, .45, .94); -o-transition: all .8s cubic-bezier(.25, .46, .45, .94); -webkit-transition: all .8s cubic-bezier(.25, .46, .45, .94); }
.mk-portfolio-modern .mk-portfolio-content .mk-portfolio-title { font-size: 19px; line-height: 24px; text-transform: uppercase; }
.mk-portfolio-modern .mk-portfolio-content .mk-portfolio-subtitle { font-size: calc(var(--body-font-size) - 2px); font-weight: var(--swm-headings-font-weight); font-family: var(--swm-headings-font-family); }

/*Icon*/
.mk-portfolio-modern .mk-portfolio-link-icon-box { position: relative; display: block; }
.mk-portfolio-modern a.mk-portfolio-link-icon { display:flex; justify-content:center; align-items:center;  width: 34px; height: 34px; border-radius:100%; }
.mk-portfolio-modern a.mk-portfolio-link-icon:before { font-size: 16px; transition: all 0.3s ease-in-out; transform: rotate(-45deg);  }
.mk-portfolio-modern .mk-portfolio-wrap .mk-portfolio-link-icon:hover:before { transform: rotate(0deg); }

/* Style */
.mk-portfolio-modern .mk-portfolio-content .mk-portfolio-title,
.mk-portfolio-modern .mk-portfolio-content .mk-portfolio-title a { color: var(--swm-color-headings); }
.mk-portfolio-modern .mk-portfolio-content .mk-portfolio-title a:hover { color: var(--swm-color-headings); }
.mk-portfolio-modern .mk-portfolio-content .mk-portfolio-subtitle { color: var(--swm-color-text); }
.mk-portfolio-modern a.mk-portfolio-link-icon { color: var(--swm-color-dark-1); }
.mk-portfolio-modern .mk-portfolio-image img { width: 100%; }
.mk-portfolio-modern.mk-p-masonry-on .mk-portfolio-image img { width: auto; }

.join-items-yes .mk-portfolio-modern .mk-grid-item { margin:0 -1px -1px 0; }