/*
 Theme Name:   HGPortal
 Theme URI:    https://generatepress.com
 Description:  GeneratePress child theme
 Author:       ~~~~
 Author URI:   ~~~~
 Template:     generatepress
 Version:      0.1
*/


html {
//	-webkit-box-sizing: border-box;
//	        box-sizing: border-box;
	//scroll-behavior: smooth;
}



/**-----------------------------------
	# Fade in anim for masonry
--------------------------------------**/


/** syntax: animation: name duration timing-function delay iteration-count direction fill-mode play-state; **/

/* proj item 1 */
.vp-portfolio__item-wrap.post-1174.portfolio.type-portfolio.status-publish.format-standard.hentry.vp-portfolio__item-uid-b78e4f5a {

animation: slideRight 2.5s ease-in-out;
 /* -webkit-animation: fadeIn 10s;
  -moz-animation: fadeIn 10s;
  -o-animation: fadeIn 10s;
  -ms-animation: fadeIn 10s; */

}

/* proj item 2 */
.vp-portfolio__item-wrap.post-596.vp-portfolio__item-uid-84ae032e {

animation: slideLeft 2.25s ease-in-out;

  /* animation: fadeIn 10s
  -webkit-animation: fadeIn 10s;
  -moz-animation: fadeIn 10s;
  -o-animation: fadeIn 10s;
  -ms-animation: fadeIn 10s; */
}

.vp-portfolio__item-wrap.post-263.portfolio.type-portfolio.status-publish.format-gallery.has-post-thumbnail.hentry.portfolio_category-art.portfolio_category-logo.vp-portfolio__item-uid-7613fdeb {
}

/* proj item 3 */
.vp-portfolio__item-wrap.post-263.vp-portfolio__item-uid-7613fdeb {

animation: slideLeft 2.75s ease-in-out;

  /* animation: fadeIn 10s
  -webkit-animation: fadeIn 10s;
  -moz-animation: fadeIn 10s;
  -o-animation: fadeIn 10s;
  -ms-animation: fadeIn 10s; */
}



@keyframes fadeIn {
  0% {opacity:0; left:-1000;}
  100% {opacity:1; left:0;}
}
@keyframes slideLeft {
  0% {opacity:0; transform: translateX(200%);}
  100% {opacity:1; transform: translateX(0%);}
}
@keyframes slideRight {
  0% {opacity:0; transform: translateX(-200%);}
  100% {opacity:1; transform: translateX(0%);}
}
@keyframes slideTop {
  0% {opacity:0; transform: translateY(-200%);}
  100% {opacity:1; transform: translateY(0%);}
}
@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}