.social_gellary:not(.page-width).socialgrid{padding-left:15px;padding-right:15px}.social_gellary.iconright .hover_content>.d-flex{width:100%;justify-content:space-between}.social_gellary.iconright .hover_content>.d-flex svg{order:1}.social_gellary.iconright .hover_content>.d-flex.social_only{justify-content:start;gap:0}.social_gellary .hover_content.social_icnonly{width:max-content}.hover_content.social_icnonly>.d-flex{gap:0}.social_gellary .post_img{height:100%;width:100%;object-fit:cover}.social_gellary .grid__item>a{width:100%}.hover_content,.hover_content>.d-flex,.hover_content .d-flex~a.link{display:flex;align-items:center}.social_gellary .dummysvg{height:100%}.hover_content{justify-content:space-between;position:absolute;left:15px;right:15px;bottom:15px;background-color:rgba(var(--color-background));padding:16px;border-radius:var(--text-boxes-radius);border:var(--text-boxes-border-width) solid rgba(var(--color-foreground),var(--text-boxes-border-opacity));opacity:0;visibility:hidden;transition:all var(--duration-long) ease;gap:15px}.social_gellary .hover_content.direction_top{top:15px;bottom:auto}.social_gellary .hover_content:not(.direction_top){top:auto}.hover_content a.link,.hover_content a.button{width:32px;height:32px;padding:0;transition:.2s ease}.hover_content a.link:only-child,.hover_content a.button:only-child{width:fit-content}.flex_grow_content a:only-child h6{margin-bottom:0}.flex_grow_content:has(h6:empty) a.soc_title{display:none}.hover_content .d-flex~a.link{justify-content:center}.hover_content .d-flex~a.link svg{width:17px;height:17px}.hover_content a svg{transform:unset!important;opacity:1!important}.hover_content svg,.hover_content a.link,.hover_content a.button{flex-shrink:0}.hover_content .flex_grow_content>*{word-break:break-word}.hover_content p{margin-bottom:0}.social_gellary .gallery_adapt{height:fit-content}.social_gellary .gallery_adapt .post_img{height:auto}.social_gellary .overlay__wrapper:not(.marquee-child):hover .hover_content,.social_gellary .gallery_marquee .overlay__wrapper .grid__item:hover .hover_content{opacity:1;visibility:visible;transition:all var(--duration-long) ease}.social_gellary .dummysvg .placeholder-svg{border-radius:calc(var(--media-radius) - var(--media-border-width))}.hover_content>.d-flex{gap:10px}.social_gellary svg{height:26px;width:26px;fill:rgb(var(--color-button-text))}.social_gellary svg.icon-tiktok{height:20px}.social_gellary .button .icon-instagram{margin-right:5px}.social_icon_wrap{width:60px;height:60px;background-color:rgba(var(--color-button));display:flex;justify-content:center;align-items:center}.overlay__wrapper{position:relative;transition:all var(--duration-long) ease}.content-details{position:absolute;text-align:center;top:50%;left:50%;opacity:0;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;padding:10px;display:flex;background-color:rgba(var(--color-button));border-radius:var(--buttons-radius)}.content-details svg{fill:rgb(var(--color-button-text))}.overlay__wrapper:hover .content-details{top:50%;left:50%;opacity:1}.fadeIn-bottom{top:80%}.overlay__wrapper:hover .content-overlay{opacity:1}.social_gellary .user_details_wrapper .button{margin-top:1.5rem}.social_gellary .social_user_name{margin:0}.social_gellary .top_content__wrapper{gap:25px;display:flex;flex-direction:column}.social_gellary .user_details_wrapper ul,.social_gellary .user_details_wrapper ol{display:inline-block;padding-left:20px}@media screen and (max-width: 1199px){.hover_content{padding:10px}}@media screen and (max-width: 991px){.hover_content{padding:10px;left:10px;right:10px;bottom:10px}.hover_content,.hover_content>.d-flex,.hover_content .d-flex~a.link{flex-wrap:wrap;gap:10px}.social_gellary .wbhomesbtn svg{width:14px}}@media screen and (max-width: 767px){.social_gellary .hover_content .d-flex svg{height:20px;width:20px}.hover_content{padding:6px;left:6px;right:6px;bottom:6px}.hover_content,.hover_content>.d-flex,.hover_content .d-flex~a.link{gap:6px}.hover_content a.link,.hover_content a.button{width:26px;height:26px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/social-gallary.css.map */