/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .artisfolio-content-infos {
   padding: 1em;
 }
 .artisfolio-content-bottom {
   clear: both;
 }
 .artisfolio-content {
   padding: 15px;
 }
 article.artisfolio {
   width:100%;
   margin: 0;
   padding: 0 15px 0 15px;
 }
 .gallery-horizontal .artisfolio-content-gallery {
   width : 100%;
   padding: 15px 0;
   overflow-x: scroll;
   overflow-y: hidden;
   clear: both;
   white-space: nowrap;
 }
 table.artisfolio {
   height: 100%;
   max-height: 75vh;
   margin: 0;
   padding: 0;
 }
 .artisfolio .gallery-horizontal .img-container {
   padding: 0;
   margin: 0 15px;
   display: inline-block;
 }
 .artisfolio .artisfolio-content-horizontal img {
   height:100%;
   width: auto;
   max-width: none;
   max-height: 75vh;
 }
 .gallery-metro div.artisfolio-content-gallery {
   position : relative;
   margin: auto;
 }
 .artisfolio .gallery-metro .img-container {
   padding: 0;
 }
 .gallery-metro img {
   width: 100%;
   max-width: 100%;
   height: auto;
 }
 .serie-container::after {
   content:"";
   display: block;
   clear: both;
 }
 .artisfolio .gallery-column .img-container {
   padding: 0;
   float:left;
 }
 .artisfolio .gallery-column img.landscape {
   max-width:none;
   height: 100%;
 }
 .artisfolio .gallery-column img.portrait {
   height: auto;
   max-width: 100%;
 }
 .artisfolio .entry-content .img-container a {
   display: block;
   height: 100%;
   width:100%;
   line-height: 0;
 }

 .artisfolio .gallery-masonry .grid-item {
   height:auto;
   padding: 0;
 }
 .artisfolio .img-container {
   position: relative;
   margin : auto ;
   padding: 15px;
   overflow: hidden;
   height: fit-content;
   width: fit-content;
   width: -moz-fit-content;
   width: -webkit-fit-content;
 }
 .artisfolio .img-container .caption-container {
   position: absolute;
   top: 0;
   width: 50%;
   height: 50%;
   margin: 25%;
   overflow: hidden;
   text-align: center;
   background-color: rgba(255, 255, 255, 0.45);
   transition: transform .3s ease .25s;
   transform: scale(0);
 }
 .artisfolio .img-container .caption-container h5 {
   display: block;
   padding: 1em 2em;
   margin: 1em 2em;
   background-color: rgba(255, 255, 255, 0.75);
   border: 1px solid rgba(0, 0, 0, 0.5);
   border-radius: 1em;
 }
 p.artisfolio-caption {
   display: none;
 }
 .artisfolio .img-container img {
   /*filter: blur(1px);*/
 }
 .artisfolio .img-container img.lazyload {
   /*opacity: 0.55;*/
   /*filter: blur(1024px);*/
   /*height: 100%;
   width: 100%;*/
 }
 .artisfolio .img-container img.lazyloaded {
   opacity: 1;
   transition: opacity 1.2s ease-in 0.55s;
   /*filter: blur(1px);*/
 }
 .artisfolio .img-container:hover .caption-container {
   transform: scale(1);
   transform-origin: center;
 }
 .artisfolio td {
   position: relative;
   height: 100%;
 }
 .artisfolio-info-container {
   width: auto;
   padding: 1em 15px 0 15px;
 }
 .project-detail span {
   font-weight: 600;
 }
 .about-project-text {
   margin-top: 1.1em;
 }
 .artisfolio .entry-content .post-navigation {
   clear:both;
 }
 .hoverEffect {
   /*transition: all 1s ease-out;*/
 }
 .archive-post-image {
   text-align: center;
   transition: all 1s ease-out;
 }
 .archive-post-image a {
   height: 0;
   line-height:0;
 }
 .archive-post-content {
   position: absolute;
   width: 80%;
   height: 80%;
   top: 10%;
   left: 10%;
   text-align: center;
   opacity: 0;
   background-color: rgba(255, 255, 255, 0.8);
   transition: all 1s ease-out;
 }
 .archive-post-content .artisfolio-entry-header {
   width: 80%;
   margin-left: 10%;
   padding: 5px;
 }
 .project-label,
 .menu-terms-title {
   font-weight: bold;
 }
 .archive-post-content .artisfolio-entry-content {
   width: 90%;
   margin-left: 5%;
   padding: 5px;
 }
 .hoverEffect:hover .archive-post-content {
   opacity: 1;
 }
 .hoverEffect:hover .archive-post-image {
   opacity: 0.25;
 }
 .artisfolio .entry-content a img {
   box-shadow: none;
 }
 .current-term {
   font-weight: bold;
 }
 .artisfolio-archive-content {
   padding-top: 1.5em;
 }

 @media screen and (max-width : 767px) {
   .artisfolio-content-gallery {
     margin: auto;
   }
   .artisfolio-content .img-container img {
     width: 100%;
   }
   .artisfolio .gallery-masonry .grid-sizer,
   .artisfolio .gallery-masonry .grid-item {
     width: 50%;
   }
 }

 @media screen and (min-width : 768px) and (max-width : 960px) {
   .artisfolio-container,
   .artisfolio-info-container {
     margin: auto;
   }
   .artisfolio-content-medium{
     float: left;

   }
   .artisfolio-content-medium-large {
     width: 66.67%;
   }
   .artisfolio-content-medium{
     width: 33.33%;
   }
   .artisfolio-content-one-third {
     width: 33.33%;
     float: left;
   }
   .artisfolio-metro-content {
     margin:auto;
   }
   .artisfolio-metro-content .img-container {
     float:left;
     width: 33.33%;
   }
   .artisfolio .gallery-masonry .grid-sizer,
   .artisfolio .gallery-masonry .grid-item {
     width: 33%;
   }
 }

 @media screen and (min-width : 961px) {
   .artisfolio-container,
   .artisfolio-info-container {
     margin: auto;
   }
   .artisfolio-content-medium{
     float: left;
   }
   .artisfolio-content-medium-large {
     width: 66.67%;
   }
   .artisfolio-content-medium-small{
     width: 33.33%;
   }
   .artisfolio-content-one-third {
     width: 33.33%;
     float: left;
   }
   .artisfolio-content-inline {
     display: inline-block;
     position: absolute;
     width: 100%;
     height: 100%;
   }
   .artisfolio-metro-content {
     margin:auto;
   }
   .artisfolio-metro-content .img-container {
     float:left;
     width: 33.33%;
   }
   .artisfolio-metro-content .doublesize {
     width : 66.67%;
   }
   .artisfolio .gallery-masonry .grid-sizer,
   .artisfolio .gallery-masonry .grid-item {
     width: 25%;
   }
   .gallery-list .artisfolio-content-gallery {
     max-width: 80%;
     margin:auto;
   }
 }