/* Widget Grid */
.zoom-instagram-widget__follow-me { margin-top: 15px; text-align: center; }

.zoom-instagram-widget__items { list-style: none; }
.zoom-instagram-widget__item { float: left; position: relative; margin-top: 0 !important;}

.zoom-instagram-widget__items--no-js .zoom-instagram-widget__item { margin-right: 10px; margin-bottom: 10px; }


/* View on Instagram button */
.ig-b- {
    display: inline-block;
}

a.ig-b-v-24 {
   border-color: #3897f0;
   color: #3897f0 !important;
   border-radius: 3px;
   border-style: solid;
   border-width: 1px;
   font-weight: 600 !important;
   outline: none;
   overflow: hidden;
   white-space: nowrap;
   -webkit-appearance: none;
   font-family: sans-serif;
   padding: 5px 15px;
   font-size: 14px;
   transition: all 0.15s ease-in-out;
   -moz-transition: all 0.15s ease-in-out;
   -webkit-transition: all 0.15s ease-in-out;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-decoration: none !important;
}

a.ig-b-v-24:hover {
    background: #3897f0;
    border-color: #3897f0;
    color: #ffffff !important;
}
.zoom-instagram-widget__item .hover-controls{
    opacity: 0;
    z-index: 9;
    margin-top: -15px;
    position: absolute;
    top:40%;
    width: 100%;
    text-align: center;
    transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out;
}
.zoom-instagram-widget__item .hover-controls ~ .zoom-instagram-icon-wrap{
    bottom: 10%;
}

.zoom-instagram-widget__item .hover-layout.small .hover-controls ~ .zoom-instagram-icon-wrap{
    bottom: 6%;
}

.zoom-instagram-widget__item .hover-layout.small .zoom-instagram-icon-wrap{
    bottom: calc(50% - 15px);
}

.zoom-instagram-widget__item .zoom-instagram-icon-wrap{
    bottom: calc(50% - 15px);
    height: 30px;
    width: 100%;
    position: absolute;
    z-index: 9;
    text-align: center;
}
.zoom-instagram-widget__item:hover .hover-controls{
    opacity: 1;
}
.zoom-instagram-widget__item .zoom-instagram-icon-wrap{
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out;
}
.zoom-instagram-widget__item:hover .zoom-instagram-icon-wrap{
    opacity: 1;
}
.zoom-instagram-widget__item .hover-controls .dashicons{
    font-size: 20px;
    width: 20px;
    height: 20px;
    color: #FFFFFF;
    vertical-align: middle;
}
.zoom-instagram-widget__item .hover-controls .counter{
    padding-left: 1px;
    padding-right: 12px;
    font-weight: 500;
    color: #FFFFFF;
    font-size: 14px;
    opacity: .8;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

.zoom-instagram-widget__overlay {
    position: relative;
}

.zoom-instagram-widget__overlay:after {
    position: absolute;
    content:"";
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out;
}

.zoom-instagram-widget__overlay:hover:after  {
    opacity: 0.7;
    background-color: #000000;
}

.zoom-instagram-widget__black:after {
    background-color: #000000;
}

.zoom-svg-instagram-simple {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IgogICAgIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIKICAgICB2aWV3Qm94PSIwIDAgNTAgNTAiCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjsiPiAgICA8cGF0aCBzdHlsZT0ibGluZS1oZWlnaHQ6bm9ybWFsO3RleHQtaW5kZW50OjA7dGV4dC1hbGlnbjpzdGFydDt0ZXh0LWRlY29yYXRpb24tbGluZTpub25lO3RleHQtZGVjb3JhdGlvbi1zdHlsZTpzb2xpZDt0ZXh0LWRlY29yYXRpb24tY29sb3I6IzAwMDt0ZXh0LXRyYW5zZm9ybTpub25lO2Jsb2NrLXByb2dyZXNzaW9uOnRiO2lzb2xhdGlvbjphdXRvO21peC1ibGVuZC1tb2RlOm5vcm1hbCIgZD0iTSAxNiAzIEMgOC44MzI0ODM5IDMgMyA4LjgzMjQ4MzkgMyAxNiBMIDMgMzQgQyAzIDQxLjE2NzUxNiA4LjgzMjQ4MzkgNDcgMTYgNDcgTCAzNCA0NyBDIDQxLjE2NzUxNiA0NyA0NyA0MS4xNjc1MTYgNDcgMzQgTCA0NyAxNiBDIDQ3IDguODMyNDgzOSA0MS4xNjc1MTYgMyAzNCAzIEwgMTYgMyB6IE0gMTYgNSBMIDM0IDUgQyA0MC4wODY0ODQgNSA0NSA5LjkxMzUxNjEgNDUgMTYgTCA0NSAzNCBDIDQ1IDQwLjA4NjQ4NCA0MC4wODY0ODQgNDUgMzQgNDUgTCAxNiA0NSBDIDkuOTEzNTE2MSA0NSA1IDQwLjA4NjQ4NCA1IDM0IEwgNSAxNiBDIDUgOS45MTM1MTYxIDkuOTEzNTE2MSA1IDE2IDUgeiBNIDM3IDExIEEgMiAyIDAgMCAwIDM1IDEzIEEgMiAyIDAgMCAwIDM3IDE1IEEgMiAyIDAgMCAwIDM5IDEzIEEgMiAyIDAgMCAwIDM3IDExIHogTSAyNSAxNCBDIDE4LjkzNjcxMiAxNCAxNCAxOC45MzY3MTIgMTQgMjUgQyAxNCAzMS4wNjMyODggMTguOTM2NzEyIDM2IDI1IDM2IEMgMzEuMDYzMjg4IDM2IDM2IDMxLjA2MzI4OCAzNiAyNSBDIDM2IDE4LjkzNjcxMiAzMS4wNjMyODggMTQgMjUgMTQgeiBNIDI1IDE2IEMgMjkuOTgyNDA3IDE2IDM0IDIwLjAxNzU5MyAzNCAyNSBDIDM0IDI5Ljk4MjQwNyAyOS45ODI0MDcgMzQgMjUgMzQgQyAyMC4wMTc1OTMgMzQgMTYgMjkuOTgyNDA3IDE2IDI1IEMgMTYgMjAuMDE3NTkzIDIwLjAxNzU5MyAxNiAyNSAxNiB6IiBmb250LXdlaWdodD0iNDAwIiBmb250LWZhbWlseT0ic2Fucy1zZXJpZiIgd2hpdGUtc3BhY2U9Im5vcm1hbCIgb3ZlcmZsb3c9InZpc2libGUiPjwvcGF0aD48L3N2Zz4=') 50% 50% no-repeat;
    background-size: 100%;
}

.zoom-svg-instagram-stroke {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url('data:image/svg+xml;base64, ') 50% 50% no-repeat;
    background-size: 100%;
}

.zoom-instagram-widget__item .hover-layout.small .hover-controls .dashicons{
    font-size: 15px;
    width: 15px;
    height: 15px;
}

.zoom-instagram-widget__item .hover-layout.small .zoom-instagram-icon-wrap .zoom-svg-instagram-stroke{
    width: 18px;
    height: 18px;
}

.zoom-instagram-widget__item .hover-layout.small .hover-controls .counter{
    padding-left: 1px;
    padding-right: 4px;
    font-size: 11px;
}

/** Instagram user info **/

.zoom-instagram-widget-user-info {
    display: flex;
    padding: 0 0px 20px;
    /*justify-content: space-between;*/
}

.zoom-instagram-widget-user-info .zoom-instagram-widget-user-info-picture {
    flex: 1;
}

.zoom-instagram-widget-user-info .zoom-instagram-widget-user-info-picture img {
    border-radius: 50%;
}

.zoom-instagram-widget-user-info .zoom-instagram-widget-user-info-meta {
    display: flex;
    flex: 3;
    flex-direction: column;
    margin-left: 15px;
    text-align: left;
}

.zoom-instagram-widget-user-info .zoom-instagram-widget-user-info-about-data {

    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;

}

.zoom-instagram-widget-user-info .zoom-instagram-widget-user-info-stats{
    font-size: 14px;
    line-height: 1.2;
    justify-content: space-between;
    display: flex;
    text-align: center;
}

.zoom-instagram-widget-user-info .zoom-instagram-widget-user-info-follow-button {
    padding: 0px 24px;
    margin-top: 10px;
    background: #3897f0;
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 26px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    text-transform: none;
    border-radius: 3px;
    outline: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    border: none;
    box-shadow: none;
    text-decoration: none !important;
}

.zoom-instagram-widget-user-info .zoom-instagram-widget-user-info-follow-button:hover {
    color: #fff;
    opacity: .8;
    box-shadow: none;
    border: none;
    text-decoration: none;
}

.zoom-instagram-widget-user-info .zoom-instagram-widget-user-info-counts{
    font-weight: 600;
}

.zoom-instagram-widget-user-info .zoom-instagram-widget-user-info-counts-subhead{
    /*color: #999;*/
    opacity: .7;
    font-size: 14px;
}

.zoom-instagram-widget-user-info-grey-color{
    /*color: #b0b0b0;*/
}
.zoom-instagram-widget-user-info-middle-cell{
    padding: 0px 20px;
}

.zoom-instagram-widget-user-info .zoom-instagram-widget-user-info-fullname{
    font-weight: 600;
    font-size: 16px;
}

.zoom-instagram-widget-user-info .zoom-instagram-widget-user-info-names-wrapper{
    padding-right: 20px;
    word-break: break-word;
}
.zoom-instagram-widget-user-info .zoom-instagram-widget-user-info-username{
    font-size: 14px;
    font-weight: 600;
    word-break: break-all;
    opacity: .7;
}

.zoom-instagram-widget-user-info-bio {
    text-align: left;
    font-size: 14px;
    margin: 0 0 15px;
}

.zoom-instagram-widget-user-info .zoom-instagram-widget-user-info-fullname{
    /*color: #262626;*/
}

.zoom-instagram-widget__items .zoom-instagram-widget__item .zoom-instagram-link{
    display: block;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}