@charset "UTF-8";
/**
*** least.js 2
*** Author: Kamil Czujowski - @kamilczujowski
*** Version: 2.2
*** Made with ¦	in Hamburg, Germany.
*** http://kamilczujowski.de
**/
/* @group Import */
/**
*** least.js 2
*** Author: Kamil Czujowski - @kamilczujowski
*** Version: 2.2.0
*** Made with ¦	in Hamburg, Germany.
*** http://kamilczujowski.de
**/
/* @group BASE */




img {
  border: 0;
}

/* @end */
/**
*** least.js 2
*** Author: Kamil Czujowski - @kamilczujowski
*** Version: 2.2.0
*** Made with ¦ in Hamburg, Germany.
*** http://kamilczujowski.de
**/
/* @group Mixins */
/* @end */
/**
*** least.js 2
*** Author: Kamil Czujowski - @kamilczujowski
*** Version: 2.2.0
*** Made with ¦	in Hamburg, Germany.
*** http://kamilczujowski.de
**/
/* @group Options */
/* @group Master */
/* enable (true) or disable (false) thumbnails title text */
/* enable (true) or disable (false) thumbnails border */
/* @end */
/* @group Vars: Colors */
/* @end */
/* @group Gallery-Fullscreen */
/* default size for fullscreen preview  */
/* @end */
/* @group Gallery-Thumbails */
/* default "width" size for thumbnails */
/* default "height" size for thumbnails */
/* @end */
/* @end */
/**
*** least.js 2
*** Author: Kamil Czujowski - @kamilczujowski
*** Version: 2.2.0
*** Made with ¦ in Hamburg, Germany.
*** http://kamilczujowski.de
**/
/* @group Gallery */
#least {
  min-width: 100%;
  width: 100%;
  padding: 0;
  margin: 0 0 30px 0;
  position: relative;
  text-align: center;
  /* @group Fullimage */
  /* @end */
  /* @group Smallimages */
}
#least .least-preview {
  background-color: whitesmoke;
  border-bottom: 2px solid;
  border-color: #f1f0f0;
  padding: 50px;
  margin-bottom: 30px;
  display: none;
  /* important for Slide-Down Effect */
}
#least .least-preview img {
	width: 50%;
    display: block;
    float: left;
    padding-right: 20px;
}
#least .least-preview .close {
  background-size: 100%;
  /*background-image: url("images/close.png");*/
  width: 30px;
  height: 30px;
  display: block;
  cursor: pointer;
  position: absolute;
	top: 15px;
	right: 25px;
}
#least .least-preview .close:after{
	position: absolute;
	content: "\e680";
	font-size: 30px;
	font-family: 'Pe-icon-7-stroke';
}
#least .least-preview article {
	text-align: left;
    position: relative;
	top: 0;
    font-family: 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: 400;
    width: 50%;
    float: right;
    padding: 0 50px;
	margin: 0;
}
.least-preview h2{
	margin-top: 0;
    margin-bottom: 30px;
    font-size: 32px;
	line-height: 1;
}
.least-preview .post-more-link{
	background-color: transparent;
	padding: 0;
	margin-top: 15px;
}
#least .least-preview article .fr_info {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}
#least .fr_info h4{
	font-size: 21px;
	margin-bottom: 5px !important;
}
#least .post-more-link{
	display: flex;
    font-size: 16px;
    font-weight: 400;
    text-transform: unset;
}
#least .least-preview article strong {
  font-weight: 800;
}
#least .least-gallery {
  font-size: 0;
}
#least .least-gallery li {
	position: relative;
	vertical-align: top;
	display: inline-block;
	margin: 0 10px 10px 0;
	width: calc(100%/4 - 10px);
  /* @end */
}
#least .least-gallery li a {
	position: relative;
	display: block;
	text-decoration: none;
	width: 240px;
	height: 150px;  
	width: 100%;
	height: auto;
	-webkit-transition-property: outline-color;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-property: outline-color;
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-in-out;
	-ms-transition-property: outline-color;
	-ms-transition-duration: 0.3s;
	-ms-transition-timing-function: ease-in-out;
	-o-transition-property: outline-color;
	-o-transition-duration: 0.3s;
	-o-transition-timing-function: ease-in-out;
	transition-property: all;
	transition-duration: 0.3s;
	transition-timing-function: ease-in-out;
	-webkit-backface-visibility: hidden;
	outline-color: white;
	overflow: hidden;
}
#least .least-gallery li a img {
  width: 240px;
  /* Default width: 240px: to edit go to assets/options */
  height: 150px;
  /* Default height: 150px: to edit go to assets/options */
	width: 100%;
    height: auto;
}
#least .least-gallery li a.active {
    transform: scale(1.1);
    z-index: 5;
    box-shadow: 0 0 15px #aaa;
}
#least .least-gallery li a.load:after {
  content: url("../img/loading.svg");
  position: absolute;
  top: 50%;
  left: 20px;
  right: 20px;
  z-index: 2;
  overflow: hidden;
  margin: -20px 0 0 0;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: white;
  text-shadow: 1px 1px 1px #666666;
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 30px;
  line-height: 30px;
  font-weight: 800;
}
#least .least-gallery li a:before{
	opacity: 0;
    transition: all 0.5s ease;
    position: absolute;
    top: 0;
    left: 0;
    content: attr(data-subtitle);
    z-index: 2;
    overflow: hidden;
    color: white;
    font-size: 10px;
    line-height: 350px;
    font-weight: 200;
    width: 100%;
    height: 100%;
    background: black;
    background: rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
    letter-spacing: 0.02rem;
}
#least .least-gallery li a:after{
	opacity: 0;
	transition: all 0.5s ease;
	content: attr(title);
    position: absolute;
    top: 50%;
    left: 20px;
    right: 20px;
    z-index: 2;
    overflow: hidden;
    margin: -36px 0 0 0;
   /* border-bottom: 1px solid;
     border-color: rgba(255,255,255,0.5); */
    text-align: center;
    color: white;
    font-size: 25px;
    line-height: 50px;
	font-family: Roboto;
    letter-spacing: 0.5px;
}
#least .least-gallery li a:hover:before, #least .least-gallery li a:hover:after {   
	opacity: 1;
}
#least .least-gallery li a:hover:after {
	
}

/* end */
/* @end group */

/*# sourceMappingURL=least.min.css.map */

@media only screen and ( max-width: 768px ) {
	#least .least-preview article .fr_info{
		display: none;
	}
	#least .least-gallery li a:before{
		line-height: 220px;
	}
	#least .post-more-link {
		display: flex;
	}
}
@media only screen and ( max-width: 520px ) {
	#least .least-gallery li{
		width: calc(100%/2 - 10px);
	}
	#least .least-preview img, #least .least-preview article{
		width: 100%;
		float: none;
	}
	#least .least-preview img{
		margin-bottom: 30px;
	}
	#least .least-preview article{
		padding: 0;
	}
}