.floneinsta-instragram {
overflow: hidden;
text-align: center;
position: relative;
}
.floneinsta-instragram ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
list-style: outside none none;
margin: 0;
padding: 0;
}
.floneinsta-instragram ul li {
float: left;
margin-bottom: 10px;
padding: 0 5px;
width: 25%;
text-align: center;
line-height: 0;
position: relative;
}
.floneinsta-widgets
.floneinsta-instragram
ul.flone-instagram-instagram-list
li {
margin-top: 0;
}
.floneinsta-widgets .floneinsta-instragram ul li {
border: none !important;
}
.floneinsta-widgets .floneinsta-instragram.floneinsta-column-1 ul li {
width: 100%;
}
.floneinsta-widgets .floneinsta-instragram.floneinsta-column-2 ul li {
width: 50%;
}
.floneinsta-widgets .floneinsta-instragram.floneinsta-column-3 ul li {
width: 33.333%;
}
.floneinsta-widgets .floneinsta-instragram.floneinsta-column-4 ul li {
width: 25%;
}
.floneinsta-widgets .floneinsta-instragram.floneinsta-column-5 ul li {
width: 20%;
}
.floneinsta-widgets .floneinsta-instragram.floneinsta-column-6 ul li {
width: 16.666%;
}
.floneinstagram_single_item {
position: relative;
overflow: hidden;
}
.floneinstagram_single_item a {
display: block;
}
.floneinsta-instragram ul li .instagram-clip {
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center;
z-index: 3;
height: 100%;
transition: 0.4s ease-in-out;
opacity: 0;
}
.floneinsta-instragram ul li:hover .instagram-clip {
opacity: 1;
}
.floneinsta-instragram ul li .instagram-clip::before {
background-color: rgba(0, 0, 0, 0.7);
bottom: 10px;
content: "";
left: 10px;
position: absolute;
right: 10px;
top: 10px;
z-index: -1;
}
.instagram-like-comment {
background: rgba(255, 64, 95, 0.9) none repeat scroll 0 0;
display: flex;
justify-content: center;
padding: 7px 0;
position: absolute;
top: -50px;
transition: all 0.15s ease-in-out 0s;
width: 100%;
}
.floneinsta-style-1 .instagram-like-comment {
background: transparent;
}
.instagram-like-comment span {
margin: 0 5px;
}
.instagram-like-comment span i {
margin-right: 5px;
}
.floneinsta-instragram ul li:hover .instagram-like-comment {
top: 0;
}
.floneinsta-instragram.floneinsta-style-1 ul li:hover .instagram-like-comment {
top: 15px;
}
.floneinsta-instragram.floneinsta-comment-middle
ul
li:hover
.instagram-like-comment {
top: 50%;
}
.floneinsta-comment-middle .instagram-like-comment {
top: 50%;
transform: translateY(-50%);
}
.floneinsta-comment-bottom .instagram-like-comment {
top: auto;
bottom: -50px;
}
.floneinsta-instragram.floneinsta-comment-bottom
ul
li:hover
.instagram-like-comment {
top: auto;
bottom: 0;
}
.floneinsta-instragram ul li .instagram-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
.floneinsta-instragram ul li .instagram-btn img {
display: inline-block;
}
a.instagram_follow_btn {
background: #a749ff none repeat scroll 0 0;
border: 0 none;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 500;
margin-top: 20px;
text-decoration: none;
transition: all 0.4s ease-in-out 0s;
}
a.instagram_follow_btn.top {
margin-bottom: 20px;
margin-top: 0;
}
a.instagram_follow_btn.middle {
left: 50%;
margin: 0;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
}
.floneinsta-widgets a.instagram_follow_btn.middle {
width: 80%;
}
a.instagram_follow_btn i {
background: #a749ff none repeat scroll 0 0;
font-size: 16px;
height: 42px;
line-height: 42px;
text-align: center;
width: 42px;
}
a.instagram_follow_btn:hover,
a.instagram_follow_btn:focus {
color: #fff;
}
a.instagram_follow_btn span {
font-family: "Montserrat", sans-serif;
font-weight: 600;
padding: 0 16px;
color: #fff;
}
.floneinsta-style-2 ul li a img {
transition: 0.4s;
}
.floneinsta-style-2 ul li:hover a img {
opacity: 0.8;
transform: scale3d(1.1, 1.1, 1);
} .floneinsta-instragram {
text-align: center;
}
.floneinsta-instragram ul.flone-instagram-instagram-list {
padding: 0;
margin: 0;
list-style: none;
margin: 0 -5px;
}
.floneinsta-instragram ul.flone-instagram-instagram-list li {
float: left;
width: 25%;
padding: 0 5px;
margin-bottom: 10px;
overflow: hidden;
position: relative;
margin-left: 0;
margin-right: 0;
}
.floneinsta-instragram ul.flone-instagram-instagram-list li img {
width: 100%;
}
.floneinsta-instragram ul.flone-instagram-instagram-list li a {
text-decoration: none;
}
.flonefeedinstagram-column-1
.floneinsta-instragram
ul.flone-instagram-instagram-list
li {
width: 100%;
}
.flonefeedinstagram-column-2
.floneinsta-instragram
ul.flone-instagram-instagram-list
li {
width: 50%;
}
.flonefeedinstagram-column-3
.floneinsta-instragram
ul.flone-instagram-instagram-list
li {
width: 33.33%;
}
.flonefeedinstagram-column-5
.floneinsta-instragram
ul.flone-instagram-instagram-list
li {
width: 20%;
}
.flonefeedinstagram-column-6
.floneinsta-instragram
ul.flone-instagram-instagram-list
li {
width: 16.66%;
}
.floneinsta-instragram
ul.flone-instagram-instagram-list
li
.instagram-clip
.flone-instagram-content
.instagram-btn
a {
display: inline-block;
}
.floneinsta-instragram ul.flone-instagram-instagram-list li > a {
display: block;
position: relative;
}
.floneinsta-instragram
ul.flone-instagram-instagram-list
li
.instagram-clip
.flone-instagram-content
.zoom_icon {
display: inline-block;
} @media (max-width: 767px) { .flonefeedinstagram-column-mobile-1
.floneinsta-instragram
ul.flone-instagram-instagram-list
li {
width: 100%;
}
.flonefeedinstagram-column-mobile-2
.floneinsta-instragram
ul.flone-instagram-instagram-list
li {
width: 50%;
}
.flonefeedinstagram-column-mobile-3
.floneinsta-instragram
ul.flone-instagram-instagram-list
li {
width: 33.33%;
}
.flonefeedinstagram-column-mobile-4
.floneinsta-instragram
ul.flone-instagram-instagram-list
li {
width: 25%;
}
.flonefeedinstagram-column-mobile-5
.floneinsta-instragram
ul.flone-instagram-instagram-list
li {
width: 20%;
}
.flonefeedinstagram-column-mobile-6
.floneinsta-instragram
ul.flone-instagram-instagram-list
li {
width: 16.66%;
}
} @media (min-width: 768px) and (max-width: 991px) { .flonefeedinstagram-column-tablet-1
.floneinsta-instragram
ul.flone-instagram-instagram-list
li {
width: 100%;
}
.flonefeedinstagram-column-tablet-2
.floneinsta-instragram
ul.flone-instagram-instagram-list
li {
width: 50%;
}
.flonefeedinstagram-column-tablet-3
.floneinsta-instragram
ul.flone-instagram-instagram-list
li {
width: 33.33%;
}
.flonefeedinstagram-column-tablet-4
.floneinsta-instragram
ul.flone-instagram-instagram-list
li {
width: 25%;
}
.flonefeedinstagram-column-tablet-5
.floneinsta-instragram
ul.flone-instagram-instagram-list
li {
width: 20%;
}
.flonefeedinstagram-column-tablet-6
.floneinsta-instragram
ul.flone-instagram-instagram-list
li {
width: 16.66%;
}
}
button.flone-instagram-carosul-next.slick-arrow {
right: -0;
}
button.flone-instagram-carosul-prev.slick-arrow {
left: 0;
}
.floneinsta-instragram .slick-slider button.slick-arrow {
position: absolute;
top: 50%;
z-index: 99;
margin-top: -30px;
width: 40px;
height: 50px;
line-height: 50px;
padding: 0;
}
.floneinsta-instragram ul.flone-instagram-instagram-list ul.slick-dots li {
width: auto;
height: auto;
}
.floneinsta-instragram
ul.flone-instagram-instagram-list
ul.slick-dots
li
button {
height: auto;
width: auto;
}
.floneinsta-instragram ul.flone-instagram-instagram-list ul.slick-dots {
align-items: center;
justify-content: center;
}
.floneinsta-instragram .slick-slider button.slick-arrow:before {
display: none;
}