/*
#instafeed-gallery-feed a img{
	width:15%;
} 

*/
/*
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');
body {
  font-family: 'Lato', "Helvetica", Arial, sans-serif;
}
*/
/* remove bootstrap gutter*/
.row.no-gutter {
  padding-right: 10%;
  padding-left: 10%;
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  
  margin-left: 0;
  margin-right: 0;
  
  float:left;
  
}
.ma-2col{

}
.ma-3col{

}
.ma-4col{
	width:25%;
}
.ma-5col{
	width:20%;
}
.ma-6col{

}
.ma-2col, .ma-3col, .ma-4col, .ma-5col, .ma-6col{
	position: relative;
}

.ma-3col:before, .ma-3col:before, .ma-4col:before, .ma-5col:before, .ma-6col:before{
	content: "";
	display: block;
	padding-top: 100%; 	/* ratio of 1:1*/

}
.ma-2col a, .ma-3col a, .ma-4col a, .ma-5col a, .ma-6col a{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding:2%;
	overflow: hidden;
}
/* the good stuff */
body {
}

.img-featured-container {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.img-featured-container img {
  width: 100%;
  max-width: 100%;
  height: 100%!important;
  max-height: 100%;
  object-fit:cover;
/*   padding: 10px; */
}

.img-featured-container .img-backdrop {
  background: linear-gradient(135deg, rgba(38, 163, 255, 0.85), rgba(83, 201, 179, 0.85));
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: all 0.3s ease;
}

.img-featured-container:hover > .img-backdrop {
  opacity: 1;
}

/* center text horizontally and vertically on image hover */
.img-featured-container .description-container {
  color: #fff;
  font-size: 16px;
  line-height: 1.2;
  padding: 0 30px;
  text-align: center;
  line-height: 20px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-style: preserve-3d;
  z-index: 2;
  opacity: 0;
  transition: all .2s ease;
}

.img-featured-container .description-container .fa-instagram {
  font-size: 40px;
}

.img-featured-container .description-container p {
  font-weight: 300;
  margin-bottom: 0;
}

.img-featured-container:hover .description-container {
  opacity: 1;
}

.img-featured-container .description-container .caption {
  display: block;
  margin-bottom: 10px;
}

.img-featured-container .description-container .likes,
.img-featured-container .description-container .comments {
  margin: 0 5px;
  width: 55px;
  height: 46px;
  display: inline-block;
  line-height: 41px;
  text-align: center;
}

.img-featured-container .description-container .likes, .img-featured-container .description-container .comments{
	background-image: url(/modules/mod_mailva_social_feed/theme/default/icons/social-icons-instagram.svg);
	background-size: 120px;
}
.img-featured-container .description-container .likes{
	background-position: -65px 0;
}
.img-featured-container .description-container .comments{
	background-position: 0 0;
}

/* load more button */
.inst-buttons .btn {
	height:45px;
	border-radius: 22px;
  color: #fff;
  background: #3dd585;
  font-size: 16px;
  padding: 2px;
  border: none;
  margin:3px;
  transition: all 0.4s ease;
  cursor: pointer;
}
.inst-buttons .btn:hover{
	background: #43eb93;
}
span.inst_icon{
	width:28px;
	height: 28px;
	display: block;
	position: relative;
	top: 6px;
   left: 10px;
	float: left;
	background-image: url(/modules/mod_mailva_social_feed/theme/default/icons/social-icons-instagram.svg);
   background-repeat: no-repeat;
   background-size:100px;
   
}
#btn-instafeed-load span.inst_icon {
	background-position: 0 -43px;
}		
#btn-follow-inst span.inst_icon {
	background-position: -52px -43px;
}
span.inst_text{
	line-height: 40px;
	padding: 0 40px 0 20px;
}
/* follow us button */
.share{
  position absolute
  top 50%
  left 50%
  transform translate(-50%, -50%)
}
.getshare 
  input[type="checkbox"]{
	    display none
	 }
  
.getshare-counter{
  background linear-gradient(#6D96B5,#3F729B)
  color white
  cursor pointer
  line-height 24px
  display block
  border-radius 3px
  padding 0 5px 0px 25px
  font-size 14px
  font-weight 600
  &:before
    content''
    width 14px
    height 100%
    display block
    position absolute
    background url('http://andreasstorm.com/lib/instagram.svg') no-repeat center center
    background-size 14px
    left 5px
}

.inst-buttons{
	width: 100%;
	margin: 20px auto;
	position: relative;
	float: left;
	text-align: center;
}

/* media queries  */
/*
@media screen and (min-width:768px) {
  .img-featured-container .description-container .caption {
    display: block;
  }
  */
}