.portfolio-entry .wtbx-rollhover-layer {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0; }
.portfolio-entry .post-like {
position: absolute;
top: 15px;
right: 15px;
z-index: 10; }
.portfolio-entry .post-like a {
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
border-radius: 50%;
border-width: 2px;
border-style: solid;
border-color: transparent !important;
background-color: transparent;
text-shadow: none;
opacity: 0;
-webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1); }
.portfolio-entry .post-like a:hover {
opacity: 1;
border-color: rgba(255, 255, 255, 0.1) !important; }
.portfolio-entry .post-like a i {
display: block;
font-size: 16px;
line-height: 26px;
-webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
color: #fff; }
.portfolio-entry .post-like a span {
height: 28px;
line-height: 26px;
font-size: 10px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
color: #fff;
-webkit-transition: opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: opacity 0.3s cubic-bezier(0.2, 0, 0.3, 1); }
.portfolio-entry .post-like a:hover i {
-moz-transform: scale(0.5);
-o-transform: scale(0.5);
-ms-transform: scale(0.5);
-webkit-transform: scale(0.5);
-webkit-transform: -webkit-scale(0.5);
transform: scale(0.5);
opacity: 0; }
.portfolio-entry .post-like a:hover span {
opacity: 1; }
.portfolio-entry .post-like a.loading {
pointer-events: none; }
.portfolio-entry .post-like a.loading i {
opacity: 1;
-o-animation: pulse 0.7s infinite;
-moz-animation: pulse 0.7s infinite;
-webkit-animation: pulse 0.7s infinite;
animation: pulse 0.7s infinite; }
.portfolio-entry .post-like a.loading span {
opacity: 0; }
.portfolio-entry .post-like a.loading i {
-moz-transform: scale3d(1.1, 1.1, 1);
-o-transform: scale3d(1.1, 1.1, 1);
-ms-transform: scale3d(1.1, 1.1, 1);
-webkit-transform: scale3d(1.1, 1.1, 1);
-webkit-transform: -webkit-scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1); }
.portfolio-entry .portfolio-entry-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0; }
.portfolio-entry.hover .portfolio-overlay-idle {
opacity: 0;
visibility: visible;
-webkit-transition: opacity 0.3s ease-in, visibility 0s 0.3s;
-moz-transition: opacity 0.3s ease-in, visibility 0s 0.3s;
-ms-transition: opacity 0.3s ease-in, visibility 0s 0.3s;
-o-transition: opacity 0.3s ease-in, visibility 0s 0.3s;
transition: opacity 0.3s ease-in, visibility 0s 0.3s; }
.portfolio-entry.hover .portfolio-overlay-idle .portfolio-overlay-meta_centered,
.portfolio-entry.hover .portfolio-overlay-idle .portfolio-overlay-meta_aligned-inner {
-moz-transform: translate3d(0, 10px, 0);
-o-transform: translate3d(0, 10px, 0);
-ms-transform: translate3d(0, 10px, 0);
-webkit-transform: translate3d(0, 10px, 0);
-webkit-transform: -webkit-translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
.portfolio-entry.hover .portfolio-overlay-hover {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s ease-out, visibility 0s 0s;
-moz-transition: opacity 0.3s ease-out, visibility 0s 0s;
-ms-transition: opacity 0.3s ease-out, visibility 0s 0s;
-o-transition: opacity 0.3s ease-out, visibility 0s 0s;
transition: opacity 0.3s ease-out, visibility 0s 0s; }
.portfolio-entry.hover .portfolio-overlay-hover .portfolio-overlay-meta_centered,
.portfolio-entry.hover .portfolio-overlay-hover .portfolio-overlay-meta_aligned-inner {
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-webkit-transform: -webkit-translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.portfolio-entry.hover .portfolio-overlay-hover .portfolio-overlay-meta_middle-inner {
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
-webkit-transform: -webkit-scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
.portfolio-entry.hover .portfolio-overlay-hover .portfolio-overlay-meta_middle_inside {
-moz-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-o-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-ms-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1); }
.portfolio-entry.hover .portfolio-overlay-hover .portfolio-overlay-meta_middle_inside .portfolio-overlay-meta_middle_inside-inner {
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
-webkit-transform: -webkit-scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
.portfolio-entry.hover .portfolio-overlay-hover .portfolio-overlay-meta_boxed-inner {
opacity: 1;
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-webkit-transform: -webkit-translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1) 0.2s;
-moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1) 0.2s;
-ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1) 0.2s;
-o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1) 0.2s;
transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1) 0.2s; }
.portfolio-entry.hover .portfolio-overlay-hover .portfolio-overlay-border:before {
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
-webkit-transform: -webkit-scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
box-shadow: inset 0 0 0 6px white; }
.portfolio-entry .portfolio-overlay-idle {
opacity: 1;
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-webkit-transform: -webkit-translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-ms-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out; }
.portfolio-entry .portfolio-overlay-hover {
opacity: 0;
visibility: hidden;
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-webkit-transform: -webkit-translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.3s ease-in, visibility 0s 0.3s;
-moz-transition: opacity 0.3s ease-in, visibility 0s 0.3s;
-ms-transition: opacity 0.3s ease-in, visibility 0s 0.3s;
-o-transition: opacity 0.3s ease-in, visibility 0s 0.3s;
transition: opacity 0.3s ease-in, visibility 0s 0.3s; }
.portfolio-entry .portfolio-overlay-hover .portfolio-overlay-meta_centered,
.portfolio-entry .portfolio-overlay-hover .portfolio-overlay-meta_aligned-inner {
-moz-transform: translate3d(0, 10px, 0);
-o-transform: translate3d(0, 10px, 0);
-ms-transform: translate3d(0, 10px, 0);
-webkit-transform: translate3d(0, 10px, 0);
-webkit-transform: -webkit-translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
.portfolio-entry .portfolio-overlay-empty,
.portfolio-entry .portfolio-overlay-color,
.portfolio-entry .portfolio-overlay-icon {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0; }
.portfolio-entry .portfolio-overlay-empty .portfolio-icon,
.portfolio-entry .portfolio-overlay-color .portfolio-icon,
.portfolio-entry .portfolio-overlay-icon .portfolio-icon {
position: absolute;
top: 50%;
left: 50%;
width: 60px;
height: 60px;
line-height: 60px;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.2);
color: #fff;
text-align: center;
-moz-transform: translate3d(-50%, -50%, 0) scale3d(0.7, 0.7, 1);
-o-transform: translate3d(-50%, -50%, 0) scale3d(0.7, 0.7, 1);
-ms-transform: translate3d(-50%, -50%, 0) scale3d(0.7, 0.7, 1);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(0.7, 0.7, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(0.7, 0.7, 1);
transform: translate3d(-50%, -50%, 0) scale3d(0.7, 0.7, 1);
-webkit-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1); }
.portfolio-entry .portfolio-overlay-empty:hover .portfolio-icon, .portfolio-entry .portfolio-overlay-empty.hover .portfolio-icon,
.portfolio-entry .portfolio-overlay-color:hover .portfolio-icon,
.portfolio-entry .portfolio-overlay-color.hover .portfolio-icon,
.portfolio-entry .portfolio-overlay-icon:hover .portfolio-icon,
.portfolio-entry .portfolio-overlay-icon.hover .portfolio-icon {
-moz-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-o-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-ms-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1); }
.portfolio-entry .portfolio-overlay-empty .portfolio-icon-plus:before, .portfolio-entry .portfolio-overlay-empty .portfolio-icon-plus:after,
.portfolio-entry .portfolio-overlay-color .portfolio-icon-plus:before,
.portfolio-entry .portfolio-overlay-color .portfolio-icon-plus:after,
.portfolio-entry .portfolio-overlay-icon .portfolio-icon-plus:before,
.portfolio-entry .portfolio-overlay-icon .portfolio-icon-plus:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
background-color: #fff;
border-radius: 2px; }
.portfolio-entry .portfolio-overlay-empty .portfolio-icon-plus:before,
.portfolio-entry .portfolio-overlay-color .portfolio-icon-plus:before,
.portfolio-entry .portfolio-overlay-icon .portfolio-icon-plus:before {
width: 2px;
height: 12px; }
.portfolio-entry .portfolio-overlay-empty .portfolio-icon-plus:after,
.portfolio-entry .portfolio-overlay-color .portfolio-icon-plus:after,
.portfolio-entry .portfolio-overlay-icon .portfolio-icon-plus:after {
width: 12px;
height: 2px; }
.portfolio-entry .portfolio-overlay-empty .portfolio-overlay-trigger,
.portfolio-entry .portfolio-overlay-color .portfolio-overlay-trigger,
.portfolio-entry .portfolio-overlay-icon .portfolio-overlay-trigger,
.portfolio-entry .portfolio-overlay-meta_middle .portfolio-overlay-trigger,
.portfolio-entry .portfolio-overlay-meta_middle_inside .portfolio-overlay-trigger,
.portfolio-entry .portfolio-overlay-meta_boxed .portfolio-overlay-trigger,
.portfolio-entry .portfolio-overlay-meta_border .portfolio-overlay-trigger,
.portfolio-entry .portfolio-overlay-meta_centered .portfolio-overlay-trigger,
.portfolio-entry .portfolio-overlay-meta_aligned .portfolio-overlay-trigger {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
cursor: pointer; }
.portfolio-entry .portfolio-overlay-empty i {
display: none; }
.portfolio-entry .portfolio-overlay-icon .portfolio-overlay-link a * {
display: none; }
.portfolio-entry .portfolio-overlay-icon .fa-play {
padding-left: .2em; }
.portfolio-entry .portfolio-overlay-color {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0; }
.portfolio-entry .portfolio-overlay-color i {
display: none; }
.portfolio-entry .meta-link {
-webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1); }
.portfolio-entry .meta-link:hover {
opacity: .7; }
.portfolio-entry .portfolio-overlay-meta_centered,
.portfolio-entry .portfolio-overlay-meta_middle,
.portfolio-entry .portfolio-overlay-meta_middle_inside,
.portfolio-entry .portfolio-overlay-meta_boxed,
.portfolio-entry .portfolio-overlay-meta_border {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: 11;
-webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
display: table;
width: 100%;
height: 100%;
min-height: 100%; }
.portfolio-entry .portfolio-overlay-meta_centered i,
.portfolio-entry .portfolio-overlay-meta_middle i,
.portfolio-entry .portfolio-overlay-meta_middle_inside i,
.portfolio-entry .portfolio-overlay-meta_boxed i,
.portfolio-entry .portfolio-overlay-meta_border i {
display: none; }
.portfolio-entry .portfolio-overlay-meta_centered .portfolio-meta-primary,
.portfolio-entry .portfolio-overlay-meta_middle .portfolio-meta-primary,
.portfolio-entry .portfolio-overlay-meta_middle_inside .portfolio-meta-primary,
.portfolio-entry .portfolio-overlay-meta_boxed .portfolio-meta-primary,
.portfolio-entry .portfolio-overlay-meta_border .portfolio-meta-primary {
font-size: 1.214286em;
font-weight: 600;
line-height: 1.2;
color: #fff;
margin: 0;
text-align: center; }
.portfolio-entry .portfolio-overlay-meta_centered .portfolio-meta-primary *,
.portfolio-entry .portfolio-overlay-meta_middle .portfolio-meta-primary *,
.portfolio-entry .portfolio-overlay-meta_middle_inside .portfolio-meta-primary *,
.portfolio-entry .portfolio-overlay-meta_boxed .portfolio-meta-primary *,
.portfolio-entry .portfolio-overlay-meta_border .portfolio-meta-primary * {
color: #fff; }
.portfolio-entry .portfolio-overlay-meta_centered .portfolio-meta-primary + .portfolio-meta-secondary,
.portfolio-entry .portfolio-overlay-meta_middle .portfolio-meta-primary + .portfolio-meta-secondary,
.portfolio-entry .portfolio-overlay-meta_middle_inside .portfolio-meta-primary + .portfolio-meta-secondary,
.portfolio-entry .portfolio-overlay-meta_boxed .portfolio-meta-primary + .portfolio-meta-secondary,
.portfolio-entry .portfolio-overlay-meta_border .portfolio-meta-primary + .portfolio-meta-secondary {
margin-top: .5em; }
.portfolio-entry .portfolio-overlay-meta_centered .portfolio-meta-secondary,
.portfolio-entry .portfolio-overlay-meta_middle .portfolio-meta-secondary,
.portfolio-entry .portfolio-overlay-meta_middle_inside .portfolio-meta-secondary,
.portfolio-entry .portfolio-overlay-meta_boxed .portfolio-meta-secondary,
.portfolio-entry .portfolio-overlay-meta_border .portfolio-meta-secondary {
font-size: .928571em;
font-weight: 400;
line-height: 1.2;
color: #fff;
margin: 0;
text-align: center; }
.portfolio-entry .portfolio-overlay-meta_centered .portfolio-meta-secondary *,
.portfolio-entry .portfolio-overlay-meta_middle .portfolio-meta-secondary *,
.portfolio-entry .portfolio-overlay-meta_middle_inside .portfolio-meta-secondary *,
.portfolio-entry .portfolio-overlay-meta_boxed .portfolio-meta-secondary *,
.portfolio-entry .portfolio-overlay-meta_border .portfolio-meta-secondary * {
color: #fff; }
.portfolio-entry .portfolio-overlay-meta_centered {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: auto;
background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(30%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4))); background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%); background: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%); }
.portfolio-entry .portfolio-overlay-meta_centered .wtbx-rollhover-layer {
position: relative;
left: auto;
right: auto;
top: auto;
bottom: auto; }
.portfolio-entry .portfolio-overlay-meta_centered .portfolio-overlay-meta_centered-inner {
display: table-cell;
vertical-align: bottom;
padding: 0 1em 10%; }
.portfolio-entry .portfolio-overlay-meta_middle {
top: 50%;
bottom: auto;
height: 100%;
min-height: 100%;
width: 100%;
display: table;
padding: 0;
-moz-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
-webkit-transform: -webkit-translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0); }
.portfolio-entry .portfolio-overlay-meta_middle .portfolio-overlay-meta_middle-inner {
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
display: table-cell;
vertical-align: middle; }
.portfolio-entry .portfolio-overlay-meta_middle_inside {
top: 50%;
left: 50%;
height: calc(100% - 2em);
min-height: calc(100% - 2em);
width: calc(100% - 2em);
display: table;
padding: 0;
-moz-transform: translate3d(-50%, -50%, 0) scale3d(1.1, 1.1, 1);
-o-transform: translate3d(-50%, -50%, 0) scale3d(1.1, 1.1, 1);
-ms-transform: translate3d(-50%, -50%, 0) scale3d(1.1, 1.1, 1);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(1.1, 1.1, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(1.1, 1.1, 1);
transform: translate3d(-50%, -50%, 0) scale3d(1.1, 1.1, 1); }
.portfolio-entry .portfolio-overlay-meta_middle_inside .portfolio-overlay-meta_middle_inside-inner {
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
display: table-cell;
vertical-align: middle;
-moz-transform: scale3d(0.8, 0.8, 1);
-o-transform: scale3d(0.8, 0.8, 1);
-ms-transform: scale3d(0.8, 0.8, 1);
-webkit-transform: scale3d(0.8, 0.8, 1);
-webkit-transform: -webkit-scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1);
-webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1); }
.portfolio-entry .portfolio-overlay-meta_boxed {
position: absolute;
top: 50%;
left: 50%;
height: 100%;
width: 100%;
padding: 0;
-moz-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0); }
.portfolio-entry .portfolio-overlay-meta_boxed .portfolio-overlay-meta_boxed-inner {
position: absolute;
bottom: 2em;
left: 2em;
max-width: calc(100% - 4em);
padding: 1em 2em;
background-color: #fff;
border-radius: 3px;
box-shadow: 0 8px 40px -5px rgba(9, 31, 67, 0.1);
-moz-transform: translate3d(-1em, 0, 0);
-o-transform: translate3d(-1em, 0, 0);
-ms-transform: translate3d(-1em, 0, 0);
-webkit-transform: translate3d(-1em, 0, 0);
-webkit-transform: -webkit-translate3d(-1em, 0, 0);
transform: translate3d(-1em, 0, 0);
opacity: 0;
moz-transform-origin: left bottom;
-o-transform-origin: left bottom;
-ms-transform-origin: left bottom;
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1) 0s;
-moz-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1) 0s;
-ms-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1) 0s;
-o-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1) 0s;
transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1) 0s; }
.portfolio-entry .portfolio-overlay-meta_boxed .portfolio-overlay-meta_boxed-inner .portfolio-meta-primary,
.portfolio-entry .portfolio-overlay-meta_boxed .portfolio-overlay-meta_boxed-inner .portfolio-meta-secondary {
text-align: left; }
.portfolio-entry .portfolio-overlay-meta_boxed .portfolio-overlay-meta_boxed-inner .portfolio-meta-primary {
font-size: 1em; }
.portfolio-entry .portfolio-overlay-meta_boxed .portfolio-overlay-meta_boxed-inner .portfolio-meta-primary + .portfolio-meta-secondary {
margin-top: .2em; }
.portfolio-entry .portfolio-overlay-meta_boxed .portfolio-overlay-meta_boxed-inner .portfolio-meta-secondary {
font-size: .785714em; }
.portfolio-entry .portfolio-overlay-meta_border {
top: 50%;
left: 50%;
height: 100%;
min-height: 100%;
width: 100%;
display: table;
padding: 0;
-moz-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0); }
.portfolio-entry .portfolio-overlay-meta_border .portfolio-overlay-meta_border-inner {
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
display: table-cell;
vertical-align: middle;
-moz-transform: scale3d(0.9, 0.9, 1);
-o-transform: scale3d(0.9, 0.9, 1);
-ms-transform: scale3d(0.9, 0.9, 1);
-webkit-transform: scale3d(0.9, 0.9, 1);
-webkit-transform: -webkit-scale3d(0.9, 0.9, 1);
transform: scale3d(0.9, 0.9, 1);
-webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1); }
.portfolio-entry .portfolio-overlay-meta_border .portfolio-overlay-border {
position: absolute;
top: 2em;
bottom: 2em;
left: 2em;
right: 2em;
z-index: -1; }
.portfolio-entry .portfolio-overlay-meta_border .portfolio-overlay-border:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
-moz-transform: scale3d(1.05, 1.05, 1);
-o-transform: scale3d(1.05, 1.05, 1);
-ms-transform: scale3d(1.05, 1.05, 1);
-webkit-transform: scale3d(1.05, 1.05, 1);
-webkit-transform: -webkit-scale3d(1.05, 1.05, 1);
transform: scale3d(1.05, 1.05, 1);
-webkit-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1); }
.portfolio-entry .portfolio-overlay-meta_aligned {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 11; }
.portfolio-entry .portfolio-overlay-meta_aligned .portfolio-overlay-meta_aligned-inner {
position: relative;
left: auto;
right: auto;
top: auto;
bottom: auto;
width: 100%;
padding: 4em 2em 2em;
-webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1); }
.portfolio-entry .portfolio-overlay-meta_aligned .wtbx-rollhover-layer {
position: relative;
left: auto;
right: auto;
top: auto;
bottom: auto; }
.portfolio-entry .portfolio-overlay-meta_aligned i {
display: none; }
.portfolio-entry .portfolio-overlay-meta_aligned .portfolio-overlay-link {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 20; }
.portfolio-entry .portfolio-overlay-meta_aligned .portfolio-meta-block {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(15%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4))); background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, 0) 100%); background: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0); -webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden; }
.portfolio-entry .portfolio-overlay-meta_aligned .portfolio-meta-primary {
font-size: 1.214286em;
font-weight: 600;
line-height: 1.2;
text-transform: none;
color: #fff;
margin: 0; }
.portfolio-entry .portfolio-overlay-meta_aligned .portfolio-meta-primary * {
color: #fff; }
.portfolio-entry .portfolio-overlay-meta_aligned .portfolio-meta-secondary {
font-size: .928571em;
font-weight: 400;
line-height: 1.5;
text-transform: none;
color: #fff;
margin: 0;
margin-top: .5em; }
.portfolio-entry .portfolio-overlay-meta_aligned .portfolio-meta-secondary * {
color: #fff; }
.portfolio-entry .portfolio-overlay-meta_aligned .portfolio-meta-categories {
text-align: right; }
.portfolio-entry .portfolio-overlay-meta_aligned .portfolio-meta-categories a {
font-size: .785714em;
color: #fff;
display: inline-block;
float: right;
clear: both;
padding: 0 .75em;
line-height: 2em;
border-radius: 4px;
margin: 5px 0 0;
text-transform: uppercase;
font-weight: 600;
white-space: nowrap;
-webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1); }
.portfolio-entry .portfolio-overlay-buttons {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0; }
.portfolio-entry .portfolio-overlay-buttons:hover .portfolio-overlay-buttons-inner {
-moz-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-o-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-ms-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1); }
.portfolio-entry .portfolio-overlay-buttons .portfolio-overlay-buttons-inner {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate3d(-50%, -50%, 0) scale3d(0.9, 0.9, 1);
-o-transform: translate3d(-50%, -50%, 0) scale3d(0.9, 0.9, 1);
-ms-transform: translate3d(-50%, -50%, 0) scale3d(0.9, 0.9, 1);
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(0.9, 0.9, 1);
-webkit-transform: -webkit-translate3d(-50%, -50%, 0) scale3d(0.9, 0.9, 1);
transform: translate3d(-50%, -50%, 0) scale3d(0.9, 0.9, 1);
max-width: 100%;
max-height: 100%;
font-size: 0;
white-space: nowrap;
-webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1); }
.portfolio-entry .portfolio-overlay-buttons .portfolio-overlay-buttons-inner a {
position: relative;
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 50%;
font-size: 15px;
color: #fff;
text-align: center;
margin-right: 5px;
-webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
moz-transform-origin: center center;
-o-transform-origin: center center;
-ms-transform-origin: center center;
-webkit-transform-origin: center center;
transform-origin: center center;
cursor: pointer; }
.portfolio-entry .portfolio-overlay-buttons .portfolio-overlay-buttons-inner a:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 50%;
z-index: -1;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
-moz-transform: scale3d(0.9, 0.9, 1);
-o-transform: scale3d(0.9, 0.9, 1);
-ms-transform: scale3d(0.9, 0.9, 1);
-webkit-transform: scale3d(0.9, 0.9, 1);
-webkit-transform: -webkit-scale3d(0.9, 0.9, 1);
transform: scale3d(0.9, 0.9, 1);
-webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1), box-shadow 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1), box-shadow 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1), box-shadow 0.2s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1), box-shadow 0.2s cubic-bezier(0.2, 0, 0.3, 1);
transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1), box-shadow 0.2s cubic-bezier(0.2, 0, 0.3, 1); }
.portfolio-entry .portfolio-overlay-buttons .portfolio-overlay-buttons-inner a:hover:before {
box-shadow: inset 0 0 0 40px white;
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
-webkit-transform: -webkit-scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
.portfolio-entry .portfolio-overlay-buttons .portfolio-overlay-buttons-inner a:last-child {
margin-right: 0; }
.portfolio-entry .portfolio-overlay-buttons .portfolio-overlay-buttons-inner a i {
line-height: 50px; }
.portfolio-entry.overlay-appear .wtbx-entry-inner .post-like a {
opacity: 0;
-moz-transform: scale(0.7);
-o-transform: scale(0.7);
-ms-transform: scale(0.7);
-webkit-transform: scale(0.7);
-webkit-transform: -webkit-scale(0.7);
transform: scale(0.7); }
.portfolio-entry.overlay-appear .wtbx-entry-inner .portfolio-entry-bg {
opacity: 0;
-webkit-transition: opacity 0.5s ease-in-out, box-shadow 0.7s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out, box-shadow 0.7s ease-in-out;
-ms-transition: opacity 0.5s ease-in-out, box-shadow 0.7s ease-in-out;
-o-transition: opacity 0.5s ease-in-out, box-shadow 0.7s ease-in-out;
transition: opacity 0.5s ease-in-out, box-shadow 0.7s ease-in-out; }
.portfolio-entry.overlay-appear .wtbx-entry-inner .portfolio-entry-content i {
opacity: 0;
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
-ms-transform: scale(1.5);
-webkit-transform: scale(1.5);
-webkit-transform: -webkit-scale(1.5);
transform: scale(1.5);
-webkit-transition: transform 0.4s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: transform 0.4s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: transform 0.4s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: transform 0.4s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.2, 0, 0.3, 1);
transition: transform 0.4s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.2, 0, 0.3, 1); }
.portfolio-entry.overlay-appear .wtbx-entry-inner .portfolio-entry-content .portfolio-meta-primary {
opacity: 0;
-webkit-transition: transform 0.7s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.6s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: transform 0.7s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.6s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: transform 0.7s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.6s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: transform 0.7s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.6s cubic-bezier(0.2, 0, 0.3, 1);
transition: transform 0.7s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.6s cubic-bezier(0.2, 0, 0.3, 1); }
.portfolio-entry.overlay-appear .wtbx-entry-inner .portfolio-entry-content .portfolio-meta-secondary {
opacity: 0;
-webkit-transition: transform 0.4s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: transform 0.4s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: transform 0.4s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: transform 0.4s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.2, 0, 0.3, 1);
transition: transform 0.4s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.2, 0, 0.3, 1); }
.portfolio-entry.overlay-appear .wtbx-entry-inner:hover .post-like a {
opacity: 1;
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
-webkit-transform: -webkit-scale(1);
transform: scale(1); }
.portfolio-entry.overlay-appear .wtbx-entry-inner:hover .portfolio-entry-bg {
opacity: 1;
-webkit-transition: opacity 0.3s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
-moz-transition: opacity 0.3s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
-ms-transition: opacity 0.3s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
-o-transition: opacity 0.3s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
transition: opacity 0.3s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s; }
.portfolio-entry.overlay-appear .wtbx-entry-inner:hover .portfolio-entry-content i {
opacity: 1;
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
-webkit-transform: -webkit-scale(1);
transform: scale(1);
-webkit-transition: transform 0.4s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: transform 0.4s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: transform 0.4s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: transform 0.4s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.2, 0, 0.3, 1);
transition: transform 0.4s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.2, 0, 0.3, 1); }
.portfolio-entry.overlay-appear .wtbx-entry-inner:hover .portfolio-entry-content .portfolio-meta-primary {
opacity: 1;
-moz-transform: translate3d(0, 0, 0) scale(1);
-o-transform: translate3d(0, 0, 0) scale(1);
-ms-transform: translate3d(0, 0, 0) scale(1);
-webkit-transform: translate3d(0, 0, 0) scale(1);
-webkit-transform: -webkit-translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
-webkit-transition: transform 0.5s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: transform 0.5s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: transform 0.5s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: transform 0.5s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.5s cubic-bezier(0.2, 0, 0.3, 1);
transition: transform 0.5s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.5s cubic-bezier(0.2, 0, 0.3, 1); }
.portfolio-entry.overlay-appear .wtbx-entry-inner:hover .portfolio-entry-content .portfolio-meta-secondary {
opacity: 1;
-moz-transform: translate3d(0, 0, 0) scale(1);
-o-transform: translate3d(0, 0, 0) scale(1);
-ms-transform: translate3d(0, 0, 0) scale(1);
-webkit-transform: translate3d(0, 0, 0) scale(1);
-webkit-transform: -webkit-translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
-webkit-transition: transform 0.8s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.8s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: transform 0.8s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.8s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: transform 0.8s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.8s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: transform 0.8s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.8s cubic-bezier(0.2, 0, 0.3, 1);
transition: transform 0.8s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.8s cubic-bezier(0.2, 0, 0.3, 1); }
.portfolio-entry.overlay-disappear .post-like a {
opacity: .4; }
.portfolio-entry.overlay-disappear .portfolio-entry-bg {
opacity: 1;
-webkit-transition: opacity 0.3s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
-moz-transition: opacity 0.3s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
-ms-transition: opacity 0.3s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
-o-transition: opacity 0.3s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
transition: opacity 0.3s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s; }
.portfolio-entry.overlay-disappear .portfolio-entry-content i {
opacity: 1;
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
-webkit-transform: -webkit-scale(1);
transform: scale(1);
-webkit-transition: transform 0.4s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: transform 0.4s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: transform 0.4s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: transform 0.4s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.2, 0, 0.3, 1);
transition: transform 0.4s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.2, 0, 0.3, 1); }
.portfolio-entry.overlay-disappear .portfolio-entry-content .portfolio-meta-primary {
opacity: 1;
-moz-transform: translate3d(0, 0, 0) scale(1);
-o-transform: translate3d(0, 0, 0) scale(1);
-ms-transform: translate3d(0, 0, 0) scale(1);
-webkit-transform: translate3d(0, 0, 0) scale(1);
-webkit-transform: -webkit-translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
-webkit-transition: transform 0.5s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: transform 0.5s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: transform 0.5s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.5s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: transform 0.5s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.5s cubic-bezier(0.2, 0, 0.3, 1);
transition: transform 0.5s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.5s cubic-bezier(0.2, 0, 0.3, 1); }
.portfolio-entry.overlay-disappear .portfolio-entry-content .portfolio-meta-secondary {
opacity: 1;
-moz-transform: translate3d(0, 0, 0) scale(1);
-o-transform: translate3d(0, 0, 0) scale(1);
-ms-transform: translate3d(0, 0, 0) scale(1);
-webkit-transform: translate3d(0, 0, 0) scale(1);
-webkit-transform: -webkit-translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
-webkit-transition: transform 0.8s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.8s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: transform 0.8s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.8s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: transform 0.8s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.8s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: transform 0.8s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.8s cubic-bezier(0.2, 0, 0.3, 1);
transition: transform 0.8s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.8s cubic-bezier(0.2, 0, 0.3, 1); }
.portfolio-entry.overlay-disappear:hover .post-like a {
opacity: 1; }
.portfolio-entry.overlay-disappear:hover .portfolio-entry-bg {
opacity: 0;
-webkit-transition: opacity 0.5s ease-in-out, box-shadow 0.7s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out, box-shadow 0.7s ease-in-out;
-ms-transition: opacity 0.5s ease-in-out, box-shadow 0.7s ease-in-out;
-o-transition: opacity 0.5s ease-in-out, box-shadow 0.7s ease-in-out;
transition: opacity 0.5s ease-in-out, box-shadow 0.7s ease-in-out; }
.portfolio-entry.overlay-disappear:hover .portfolio-entry-content i {
opacity: 0;
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
-ms-transform: scale(1.5);
-webkit-transform: scale(1.5);
-webkit-transform: -webkit-scale(1.5);
transform: scale(1.5);
-webkit-transition: transform 0.4s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: transform 0.4s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: transform 0.4s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: transform 0.4s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.2, 0, 0.3, 1);
transition: transform 0.4s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.2, 0, 0.3, 1); }
.portfolio-entry.overlay-disappear:hover .portfolio-entry-content .portfolio-meta-primary {
opacity: 0;
-webkit-transition: transform 0.7s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.6s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: transform 0.7s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.6s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: transform 0.7s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.6s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: transform 0.7s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.6s cubic-bezier(0.2, 0, 0.3, 1);
transition: transform 0.7s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.6s cubic-bezier(0.2, 0, 0.3, 1); }
.portfolio-entry.overlay-disappear:hover .portfolio-entry-content .portfolio-meta-secondary {
opacity: 0;
-webkit-transition: transform 0.4s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.2, 0, 0.3, 1);
-moz-transition: transform 0.4s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.2, 0, 0.3, 1);
-ms-transition: transform 0.4s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.2, 0, 0.3, 1);
-o-transition: transform 0.4s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.2, 0, 0.3, 1);
transition: transform 0.4s cubic-bezier(0.2, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.2, 0, 0.3, 1); }
body.device-mobile .portfolio-entry.force-overlay-mobile .portfolio-entry-overlay .portfolio-entry-bg {
opacity: 1 !important;
box-shadow: inset 0 0 50px 20px #000 !important; }
body.device-mobile .portfolio-entry.force-overlay-mobile .portfolio-entry-overlay i, body.device-mobile .portfolio-entry.force-overlay-mobile .portfolio-entry-overlay .portfolio-meta-primary, body.device-mobile .portfolio-entry.force-overlay-mobile .portfolio-entry-overlay .portfolio-meta-secondary {
opacity: 1;
-moz-transform: translate3d(0, 0, 0) scale(1) !important;
-o-transform: translate3d(0, 0, 0) scale(1) !important;
-ms-transform: translate3d(0, 0, 0) scale(1) !important;
-webkit-transform: translate3d(0, 0, 0) scale(1) !important;
-webkit-transform: -webkit-translate3d(0, 0, 0) scale(1) !important;
transform: translate3d(0, 0, 0) scale(1) !important; }