File "el-instagram.min.css"

Full Path: /home/ycoalition/public_html/blog/wp-content/themes/woodmart/css/parts/el-instagram.min.css
File size: 3.58 KB
MIME-type: text/plain
Charset: utf-8

.instagram-widget{position:relative}.instagram-widget.instagram-with-error.loading{animation:wd-SemiFadeOut .4s infinite alternate linear}.instagram-widget .instagram-content{display:flex;align-items:center;justify-content:center}.instagram-widget .instagram-content-inner{z-index:5;padding:30px;max-width:300px;width:100%;border-radius:var(--wd-brd-radius);background:var(--bgcolor-white);box-shadow:0 0 12px rgba(0,0,0,0.22)}.instagram-widget .clear{position:relative;z-index:1;margin-top:10px;margin-bottom:0}.instagram-widget .clear a{color:var(--color-gray-800);font-weight:600;font-size:14px}.instagram-widget .clear a:hover{color:var(--wd-primary-color)}.instagram-widget .clear a:before{margin-inline-end:5px;vertical-align:middle;font-weight:400;content:"\f163";font-family:"woodmart-font"}.instagram-picture{padding-right:0;padding-left:0}.instagram-picture img{width:100%;height:100%;object-position:50% 50%;object-fit:cover}.instagram-picture .wrapp-picture{position:relative;overflow:hidden;border-radius:var(--wd-brd-radius);text-align:center}.browser-Safari .instagram-picture .wrapp-picture{transform:translate3d(0, 0, 0)}.instagram-picture .wrapp-picture:after,.instagram-picture .wrapp-picture :is(a,img){position:absolute;top:0;right:0;bottom:0;left:0}.instagram-picture .wrapp-picture a{z-index:4}.instagram-picture .wrapp-picture:before{content:"";display:block;padding-bottom:100%}.instagram-picture .wrapp-picture:after{content:"";z-index:1;background-color:rgba(0,0,0,0.4);opacity:0;transition:opacity .3s ease}.instagram-picture .hover-mask{position:absolute;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;flex-direction:row;justify-content:space-between;padding:20px 15px;background:linear-gradient(transparent 0%, rgba(0,0,0,0.65) 100%);opacity:0;transition:transform .3s ease, opacity .3s ease;transform:translateY(100%)}.instagram-picture .hover-mask>span{flex:0 0 50%;overflow:hidden;padding-right:5px;padding-left:5px;max-width:50%;width:50%;color:#fff;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:18px;line-height:1}.instagram-picture .hover-mask>span span{vertical-align:middle}.instagram-picture .hover-mask>span:before{display:inline-block;margin-inline-end:5px;font-weight:400;font-size:20px;vertical-align:middle;font-family:"woodmart-font"}.instagram-picture .hover-mask .instagram-likes{text-align:start}.instagram-picture .hover-mask .instagram-likes:before{content:"\f106"}.instagram-picture .hover-mask .instagram-comments{text-align:end}.instagram-picture .hover-mask .instagram-comments:before{content:"\f103"}.instagram-picture:hover .hover-mask{opacity:1;transform:translateY(0)}.instagram-picture:hover .wrapp-picture:after{opacity:1}.instagram-rounded .wrapp-picture{border-radius:50%}.instagram-rounded .hover-mask{top:0;justify-content:center;background:transparent;transform:translateY(20px)}.instagram-rounded .hover-mask>span{flex-basis:auto;padding-right:15px;padding-left:15px;max-width:none;width:auto;text-align:center}.woodmart-instagram .hover-mask{display:none}@keyframes wd-SemiFadeOut{from{opacity:1}to{opacity:.6}}.wd-product-instagram{margin-bottom:35px;padding-top:40px;border-top:1px solid var(--brdcolor-gray-300)}.wd-product-instagram .product-instagram-intro{font-size:16px}.wd-product-instagram .product-instagram-intro span{color:var(--color-gray-800);font-weight:600}@media (max-width: 1024px){.instagram-widget .hover-mask{display:none}}@media (max-width: 768.98px){.wd-product-instagram{padding-top:25px}}@media (min-width: 577px) and (max-width: 768.98px){.instagram-picture.col-6{flex:0 0 33.333333%;max-width:33.333333%}}