.ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=all] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=all] .ti-platform:before, .ti-lightbox .ti-widget-card[data-source=all] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=all] .ti-platform:before { display: block; content: ""; background-size: contain; background-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=all] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=all] .ti-platform:before { mask-image: url("https://cdn.trustindex.io/assets/platform/Trustindex/icon-feed.svg"); -webkit-mask-image: url("https://cdn.trustindex.io/assets/platform/Trustindex/icon-feed.svg"); } .ti-lightbox .ti-widget-card[data-source=all] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=all] .ti-platform:before { mask-image: url("https://cdn.trustindex.io/assets/platform/Trustindex/icon-feed.svg"); -webkit-mask-image: url("https://cdn.trustindex.io/assets/platform/Trustindex/icon-feed.svg"); } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=Instagram] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=Instagram] .ti-platform:before, .ti-lightbox .ti-widget-card[data-source=Instagram] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=Instagram] .ti-platform:before { display: block; content: ""; background-size: contain; background-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=Instagram] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=Instagram] .ti-platform:before { mask-image: url("https://cdn.trustindex.io/assets/platform/Instagram/icon-feed.svg"); -webkit-mask-image: url("https://cdn.trustindex.io/assets/platform/Instagram/icon-feed.svg"); } .ti-lightbox .ti-widget-card[data-source=Instagram] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=Instagram] .ti-platform:before { mask-image: url("https://cdn.trustindex.io/assets/platform/Instagram/icon-feed.svg"); -webkit-mask-image: url("https://cdn.trustindex.io/assets/platform/Instagram/icon-feed.svg"); } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=Twitter] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=Twitter] .ti-platform:before, .ti-lightbox .ti-widget-card[data-source=Twitter] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=Twitter] .ti-platform:before { display: block; content: ""; background-size: contain; background-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=Twitter] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=Twitter] .ti-platform:before { mask-image: url("https://cdn.trustindex.io/assets/platform/Twitter/icon-feed.svg"); -webkit-mask-image: url("https://cdn.trustindex.io/assets/platform/Twitter/icon-feed.svg"); } .ti-lightbox .ti-widget-card[data-source=Twitter] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=Twitter] .ti-platform:before { mask-image: url("https://cdn.trustindex.io/assets/platform/Twitter/icon-feed.svg"); -webkit-mask-image: url("https://cdn.trustindex.io/assets/platform/Twitter/icon-feed.svg"); } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=Facebook] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=Facebook] .ti-platform:before, .ti-lightbox .ti-widget-card[data-source=Facebook] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=Facebook] .ti-platform:before { display: block; content: ""; background-size: contain; background-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=Facebook] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=Facebook] .ti-platform:before { mask-image: url("https://cdn.trustindex.io/assets/platform/Facebook/icon-feed.svg"); -webkit-mask-image: url("https://cdn.trustindex.io/assets/platform/Facebook/icon-feed.svg"); } .ti-lightbox .ti-widget-card[data-source=Facebook] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=Facebook] .ti-platform:before { mask-image: url("https://cdn.trustindex.io/assets/platform/Facebook/icon-feed.svg"); -webkit-mask-image: url("https://cdn.trustindex.io/assets/platform/Facebook/icon-feed.svg"); } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=Tiktok] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=Tiktok] .ti-platform:before, .ti-lightbox .ti-widget-card[data-source=Tiktok] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=Tiktok] .ti-platform:before { display: block; content: ""; background-size: contain; background-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=Tiktok] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=Tiktok] .ti-platform:before { mask-image: url("https://cdn.trustindex.io/assets/platform/Tiktok/icon-feed.svg"); -webkit-mask-image: url("https://cdn.trustindex.io/assets/platform/Tiktok/icon-feed.svg"); } .ti-lightbox .ti-widget-card[data-source=Tiktok] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=Tiktok] .ti-platform:before { mask-image: url("https://cdn.trustindex.io/assets/platform/Tiktok/icon-feed.svg"); -webkit-mask-image: url("https://cdn.trustindex.io/assets/platform/Tiktok/icon-feed.svg"); } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=Pinterest] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=Pinterest] .ti-platform:before, .ti-lightbox .ti-widget-card[data-source=Pinterest] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=Pinterest] .ti-platform:before { display: block; content: ""; background-size: contain; background-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=Pinterest] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=Pinterest] .ti-platform:before { mask-image: url("https://cdn.trustindex.io/assets/platform/Pinterest/icon-feed.svg"); -webkit-mask-image: url("https://cdn.trustindex.io/assets/platform/Pinterest/icon-feed.svg"); } .ti-lightbox .ti-widget-card[data-source=Pinterest] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=Pinterest] .ti-platform:before { mask-image: url("https://cdn.trustindex.io/assets/platform/Pinterest/icon-feed.svg"); -webkit-mask-image: url("https://cdn.trustindex.io/assets/platform/Pinterest/icon-feed.svg"); } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=Youtube] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=Youtube] .ti-platform:before, .ti-lightbox .ti-widget-card[data-source=Youtube] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=Youtube] .ti-platform:before { display: block; content: ""; background-size: contain; background-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=Youtube] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=Youtube] .ti-platform:before { mask-image: url("https://cdn.trustindex.io/assets/platform/Youtube/icon-feed.svg"); -webkit-mask-image: url("https://cdn.trustindex.io/assets/platform/Youtube/icon-feed.svg"); } .ti-lightbox .ti-widget-card[data-source=Youtube] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=Youtube] .ti-platform:before { mask-image: url("https://cdn.trustindex.io/assets/platform/Youtube/icon-feed.svg"); -webkit-mask-image: url("https://cdn.trustindex.io/assets/platform/Youtube/icon-feed.svg"); } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=Google] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=Google] .ti-platform:before, .ti-lightbox .ti-widget-card[data-source=Google] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=Google] .ti-platform:before { display: block; content: ""; background-size: contain; background-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=Google] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=Google] .ti-platform:before { mask-image: url("https://cdn.trustindex.io/assets/platform/Google/icon-feed.svg"); -webkit-mask-image: url("https://cdn.trustindex.io/assets/platform/Google/icon-feed.svg"); } .ti-lightbox .ti-widget-card[data-source=Google] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=Google] .ti-platform:before { mask-image: url("https://cdn.trustindex.io/assets/platform/Google/icon-feed.svg"); -webkit-mask-image: url("https://cdn.trustindex.io/assets/platform/Google/icon-feed.svg"); } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=Vimeo] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=Vimeo] .ti-platform:before, .ti-lightbox .ti-widget-card[data-source=Vimeo] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=Vimeo] .ti-platform:before { display: block; content: ""; background-size: contain; background-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=Vimeo] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=Vimeo] .ti-platform:before { mask-image: url("https://cdn.trustindex.io/assets/platform/Vimeo/icon-feed.svg"); -webkit-mask-image: url("https://cdn.trustindex.io/assets/platform/Vimeo/icon-feed.svg"); } .ti-lightbox .ti-widget-card[data-source=Vimeo] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=Vimeo] .ti-platform:before { mask-image: url("https://cdn.trustindex.io/assets/platform/Vimeo/icon-feed.svg"); -webkit-mask-image: url("https://cdn.trustindex.io/assets/platform/Vimeo/icon-feed.svg"); } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=Linkedin] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=Linkedin] .ti-platform:before, .ti-lightbox .ti-widget-card[data-source=Linkedin] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=Linkedin] .ti-platform:before { display: block; content: ""; background-size: contain; background-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .ti-widget[data-wkey="feed-instagram"] .ti-widget-card[data-source=Linkedin] .ti-platform:before, .ti-widget[data-wkey="feed-instagram"] .ti-btn-dropdown-item[data-source=Linkedin] .ti-platform:before { mask-image: url("https://cdn.trustindex.io/assets/platform/Linkedin/icon-feed.svg"); -webkit-mask-image: url("https://cdn.trustindex.io/assets/platform/Linkedin/icon-feed.svg"); } .ti-lightbox .ti-widget-card[data-source=Linkedin] .ti-platform:before, .ti-lightbox .ti-btn-dropdown-item[data-source=Linkedin] .ti-platform:before { mask-image: url("https://cdn.trustindex.io/assets/platform/Linkedin/icon-feed.svg"); -webkit-mask-image: url("https://cdn.trustindex.io/assets/platform/Linkedin/icon-feed.svg"); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-card-header, .ti-lightbox .ti-card-header { position: relative; z-index: unset; padding-left: 16px; padding-right: 16px; display: flex !important; align-items: center; font-size: 14px; color: #000000; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-card-header .ti-profile-image, .ti-lightbox .ti-card-header .ti-profile-image { margin-right: calc(16px / 2); border-radius: 50%; border: 2px solid white; margin-left: -2px; width: 36px; min-width: 36px; height: 36px; overflow: hidden; box-sizing: content-box !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-card-header .ti-profile-image img, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-card-header .ti-profile-image .ti-profile-image-sprite, .ti-lightbox .ti-card-header .ti-profile-image img, .ti-lightbox .ti-card-header .ti-profile-image .ti-profile-image-sprite { object-fit: cover; width: 100%; height: 100%; display: inline-block; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-card-header .ti-profile-image .ti-profile-image-sprite, .ti-lightbox .ti-card-header .ti-profile-image .ti-profile-image-sprite { float: left; background: white; background-repeat: no-repeat; box-sizing: inherit !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-card-header .ti-post-title, .ti-lightbox .ti-card-header .ti-post-title { font-size: 14px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-card-header .ti-name, .ti-lightbox .ti-card-header .ti-name { font-weight: bold; font-size: 14px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-card-header .ti-sub, .ti-lightbox .ti-card-header .ti-sub { color: #65676b; font-size: 11px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-card-header .ti-platform, .ti-lightbox .ti-card-header .ti-platform { margin-left: auto; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-card-header .ti-platform:before, .ti-lightbox .ti-card-header .ti-platform:before { width: 20px; height: 20px; background-color: #1b74e4; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card, .ti-lightbox .ti-widget-card { background-color: #ffffff; border-style: solid; border-width: 0px; border-color: #e3e4e7; border-radius: 8px; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.09); overflow: hidden; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-reposted, .ti-lightbox .ti-widget-card .ti-reposted { padding: 16px; color: #65676b; font-size: 12px; display: flex; align-items: center; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-reposted:before, .ti-lightbox .ti-widget-card .ti-reposted:before { content: ""; display: inline-block; width: 15px; height: 15px; margin-right: 5px; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: #65676b; mask-image: url(https://cdn.trustindex.io/assets/icon/feed/facebook-share-icon.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/icon/feed/facebook-share-icon.svg); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body, .ti-lightbox .ti-widget-card .ti-card-body { display: flex; flex-direction: column; position: relative; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media { width: 100%; padding-bottom: 100%; position: relative; overflow: hidden; border-radius: 0px; cursor: pointer; user-select: none; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-post-date, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-post-date { display: none; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media img, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media video, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media iframe, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media img, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media video, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media iframe { width: 100%; max-width: 100%; height: 100%; max-height: 100%; object-fit: cover; transform: scale(1); transition: all 0.3s; position: absolute; display: block; border-radius: inherit; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media img[data-embed-media], .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media video, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media img[data-embed-media], .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media video { object-fit: contain; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-media-control[data-action=play], .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-media-control[data-action=play] { pointer-events: none; position: absolute; display: block; top: 50%; left: 50%; border-style: solid; border-width: 35px 0px 35px 70px; border-color: transparent transparent transparent #f1f1f1; transform: translate(-50%, -50%); filter: drop-shadow(0 0 20px #000000); opacity: 0.5; transition: all 300ms ease-in-out; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media img[data-embed-media].ti-iframe-loading, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media img[data-embed-media].ti-iframe-loading { filter: blur(5px); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media iframe, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media iframe { opacity: 0; filter: blur(5px); transition: 0.5s; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media iframe ~ .ti-media-control[data-action=play], .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media iframe ~ .ti-media-control[data-action=play] { opacity: 0; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media iframe.ti-iframe-loaded, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media iframe.ti-iframe-loaded { opacity: 1; filter: blur(0px); } @media (min-width: 600px) { .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media:not(.ti-lightbox .ti-card-media):hover > img, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media:not(.ti-lightbox .ti-card-media):hover [data-behaviour=slide] .ti-slider-item:first-child img, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media:not(.ti-lightbox .ti-card-media):hover .ti-card-grid img, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media:not(.ti-lightbox .ti-card-media):hover > img, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media:not(.ti-lightbox .ti-card-media):hover [data-behaviour=slide] .ti-slider-item:first-child img, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media:not(.ti-lightbox .ti-card-media):hover .ti-card-grid img { transform: scale(1.1); } } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-has-more, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-has-more { position: absolute; background-color: rgba(0, 0, 0, 0.4); color: #ffffff; font-size: 2em; top: 0; left: 0; bottom: 0; right: 0; display: flex; align-items: center; justify-content: center; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-has-more:before, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-has-more:before { content: "+"; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-card-slider, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-card-slider { display: flex; flex-wrap: nowrap; height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-card-slider .ti-slider-item, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-card-slider .ti-slider-item { flex: 0 0 auto; width: 100%; height: 100%; display: flex; justify-content: center; position: relative; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-nav-dots, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-nav-dots { position: absolute; bottom: 0px; padding-bottom: 10px; width: 100%; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-nav-dots .ti-dot, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-nav-dots .ti-dot { width: 3px; height: 3px; box-sizing: border-box; background-color: #ffffff; opacity: 0.5; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-nav-dots .ti-dot.ti-active, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-nav-dots .ti-dot.ti-active { opacity: 1; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-media-icon, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-media-icon { visibility: visible; opacity: 1; position: absolute; top: 16px; right: 16px; display: block; z-index: 3; transition: 0.3s; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-media-icon:before, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-media-icon:before { content: ""; display: block; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; width: 20px; height: 20px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-media-icon.ti-videos-icon:before, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-media-icon.ti-videos-icon:before { mask-image: url(https://cdn.trustindex.io/assets/icon/feed/videos-f-icon.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/icon/feed/videos-f-icon.svg); background-color: #ffffff; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-media-icon.ti-photos-icon:before, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-media-icon.ti-photos-icon:before { mask-image: url(https://cdn.trustindex.io/assets/icon/feed/photos-f-icon.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/icon/feed/photos-f-icon.svg); background-color: #ffffff; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media:hover .ti-media-icon, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media:hover .ti-post-date, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media:hover .ti-media-icon, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media:hover .ti-post-date { visibility: hidden; opacity: 0; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-image-counter, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-image-counter { position: absolute; bottom: -60px; left: 10px; padding: 10px 15px; font-weight: 600; border-radius: 4px; background-color: rgba(0, 0, 0, 0.2); color: #fff; transition: all 300ms ease-out; font-size: 13px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-nav-arrow, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-nav-arrow { max-width: 120px; left: 50%; margin-left: -60px; visibility: hidden; opacity: 0; top: inherit; bottom: calc(16px + 20px + 5px); margin-top: 0px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-nav-arrow div, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-nav-arrow div { width: 20px; height: 20px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-nav-dots, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-nav-dots { visibility: hidden; opacity: 0; transition: all 0.2s ease-in-out; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-nav-dots .ti-dots, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-nav-dots .ti-dots { width: 3px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media.ti-grid-type, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media.ti-grid-type { position: relative; padding-bottom: 0; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media.ti-grid-type img, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media.ti-grid-type img { width: 100%; height: 100% !important; object-fit: cover !important; display: block; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-card-grid, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-card-grid { width: 100%; height: 100%; gap: 2px; display: flex; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-card-grid .ti-grid-col, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-card-grid .ti-grid-col { flex: 1 0 0%; width: 100%; max-width: 100%; display: flex; flex-direction: column; gap: 2px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-card-grid .ti-grid-col .ti-grid-item, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-card-grid .ti-grid-col .ti-grid-item { flex: 1 0 0%; width: 100%; max-width: 100%; position: relative; overflow: hidden; padding-bottom: 100%; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-card-grid .ti-grid-col .ti-grid-item:only-child, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-card-grid .ti-grid-col .ti-grid-item:only-child { padding-bottom: 200%; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media .ti-card-grid .ti-grid-col img, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-card-grid .ti-grid-col img { max-width: 100%; position: absolute !important; transform: scale(1); transition: all 0.3s; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-date, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-date { font-size: 11px; color: #65676b; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content { padding: 16px; text-align: left; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta { display: flex; align-items: center; color: #000000; gap: 20px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-meta-actions, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-meta-actions { display: none; margin-left: auto; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-meta-actions > div:not(:last-child), .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-meta-actions > div:not(:last-child) { margin-right: 15px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-meta-actions a, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-meta-actions a { font-size: 13px; color: #65676b; text-decoration: none; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-meta-actions a:hover, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-meta-actions a:hover { color: #1b74e4; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-likes, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-comments, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-repost, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-likes, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-comments, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-repost { display: flex; align-items: center; font-weight: normal; font-size: 15px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-likes:before, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-comments:before, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-repost:before, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-likes:before, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-comments:before, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-repost:before { content: ""; display: block; width: 20px; height: 20px; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: #ffffff; margin-right: 5px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-likes:before, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-likes:before { mask-image: url(https://cdn.trustindex.io/assets/icon/feed/like-e-icon.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/icon/feed/like-e-icon.svg); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-comments:before, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-comments:before { mask-image: url(https://cdn.trustindex.io/assets/icon/feed/comment-e-icon.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/icon/feed/comment-e-icon.svg); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-repost:before, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-repost:before { mask-image: url(https://cdn.trustindex.io/assets/icon/feed/facebook-share-icon.svg); -webkit-mask-image: url(https://cdn.trustindex.io/assets/icon/feed/facebook-share-icon.svg); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-date, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-date { margin-left: auto; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-comments .ti-comment:not(:last-child), .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-comments .ti-comment:not(:last-child) { margin-bottom: 15px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-comments .ti-comment .ti-commenter-name, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-comments .ti-comment .ti-commenter-name { font-weight: bold; display: inline; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-comments .ti-comment .ti-commenter-name a, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-comments .ti-comment .ti-commenter-name a { color: #000000; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-comments .ti-comment .ti-commment-text, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-comments .ti-comment .ti-commment-text { display: inline; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-comments .ti-commment-date, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-comments .ti-commment-date { color: #65676b; font-size: 12px; margin-left: 4px; display: inline; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-poster-name, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-poster-name { font-weight: bold; display: inline; margin-right: 5px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-poster-name a, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-poster-name a { color: #000000; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-post-text, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-text { font-size: 14px; overflow-wrap: break-word; white-space: break-spaces; display: -webkit-box !important; -webkit-box-orient: vertical !important; overflow: hidden; color: #000000; transition: height 0.5s; -webkit-line-clamp: 4; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-post-text a, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-text a { color: #1b74e4; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-post-text a:hover, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-text a:hover { text-decoration: underline; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-readmore, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-readmore { font-size: 14px; padding-top: 5px; display: block; color: #65676b; opacity: 0.5; cursor: pointer; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card .ti-card-body .ti-post-content .ti-readmore:hover, .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-readmore:hover { opacity: 1; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=square] .ti-card-body .ti-card-media:not(.ti-grid-type), .ti-lightbox .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=square] .ti-card-body .ti-card-media:not(.ti-grid-type) { padding-bottom: 100%; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=landscape] .ti-card-body .ti-card-media:not(.ti-grid-type), .ti-lightbox .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=landscape] .ti-card-body .ti-card-media:not(.ti-grid-type) { padding-bottom: 56.25% !important; /* (100% / 16 * 9) */ } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=landscape] .ti-card-body .ti-card-media.ti-grid-type .ti-grid-item, .ti-lightbox .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=landscape] .ti-card-body .ti-card-media.ti-grid-type .ti-grid-item { padding-bottom: 56.25% !important; /* (100% / 16 * 9) */ } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=original] .ti-card-body .ti-card-media, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=original] .ti-card-body .ti-card-media.ti-grid-type .ti-grid-item, .ti-lightbox .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=original] .ti-card-body .ti-card-media, .ti-lightbox .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=original] .ti-card-body .ti-card-media.ti-grid-type .ti-grid-item { padding-bottom: unset; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=original] .ti-card-body .ti-card-media .ti-card-slider, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=original] .ti-card-body .ti-card-media img, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=original] .ti-card-body .ti-card-media.ti-grid-type .ti-grid-item .ti-card-slider, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=original] .ti-card-body .ti-card-media.ti-grid-type .ti-grid-item img, .ti-lightbox .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=original] .ti-card-body .ti-card-media .ti-card-slider, .ti-lightbox .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=original] .ti-card-body .ti-card-media img, .ti-lightbox .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=original] .ti-card-body .ti-card-media.ti-grid-type .ti-grid-item .ti-card-slider, .ti-lightbox .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=original] .ti-card-body .ti-card-media.ti-grid-type .ti-grid-item img { position: relative !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-click=none] .ti-widget-card .ti-card-body .ti-card-media:hover, .ti-lightbox[data-click=none] .ti-widget-card .ti-card-body .ti-card-media:hover { cursor: auto; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-click=none] .ti-widget-card .ti-card-body .ti-card-media:hover .ti-media-icon, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-click=none] .ti-widget-card .ti-card-body .ti-card-media:hover .ti-post-date, .ti-lightbox[data-click=none] .ti-widget-card .ti-card-body .ti-card-media:hover .ti-media-icon, .ti-lightbox[data-click=none] .ti-widget-card .ti-card-body .ti-card-media:hover .ti-post-date { visibility: visible; opacity: 1; } .ti-lightbox .ti-card-header { padding-left: 20px; padding-right: 20px; color: #000000; } .ti-lightbox .ti-card-header .ti-profile-image { margin-right: calc(20px / 2); width: 36px; min-width: 36px; height: 36px; } .ti-lightbox .ti-card-header .ti-post-title { font-size: 14px; } .ti-lightbox .ti-card-header .ti-name { font-size: 14px; } .ti-lightbox .ti-card-header .ti-sub { color: #555555; } .ti-lightbox .ti-card-header .ti-platform::before { background-color: #000000; } .ti-lightbox .ti-widget-card { background-color: #ffffff; border-width: 0px; border-color: #ffffff; border-radius: 8px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1); } .ti-lightbox .ti-widget-card .ti-reposted { padding: 20px; color: #555555; } .ti-lightbox .ti-widget-card .ti-reposted:before { background-color: #555555; } .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media { border-radius: 0px; } .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-media-icon { top: 20px; right: 20px; } .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media .ti-nav-arrow { bottom: calc(20px + 20px + 5px); } .ti-lightbox .ti-widget-card .ti-card-body .ti-post-date { color: #555555; } .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content { padding: 20px; } .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta { color: #000000; } .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-meta-actions a { color: #555555; } .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-meta .ti-post-meta-actions a:hover { color: #000000; } .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-comments .ti-comment .ti-commment-date { color: #555555; } .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-text { font-size: 14px; color: #000000; -webkit-line-clamp: 4; } .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-post-text a { color: #000000; } .ti-lightbox .ti-widget-card .ti-card-body .ti-post-content .ti-readmore { font-size: 14px; color: #555555; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"] { border: none !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body { display: flex; flex-direction: column; overflow: hidden; position: relative; height: 100%; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-card-media { height: 100%; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body::before { content: ""; position: absolute; top: calc(100% - 50px - 40px); left: 0; right: 0; background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4) calc((50px + 40px) / 2)); height: calc(100% + 50px + 40px); z-index: 1; pointer-events: none; transition: all 0.3s ease-in-out; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content { color: #ffffff; position: absolute; z-index: 1; left: 0px; right: 0px; bottom: 0px; display: flex; flex-wrap: wrap; align-content: start; transition: all 0.2s ease-in-out; transform: translateY(calc(100% - 50px - 16px)); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-card-header { color: #ffffff; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-post-likes:before, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-post-comments:before, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-post-repost:before { background-color: #ffffff; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-post-meta, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-card-header { flex: 0 0 100%; width: 100%; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-card-header { padding-bottom: 16px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-card-header .ti-sub .ti-date { color: rgba(255, 255, 255, 0.7); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-card-header .ti-profile-image, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-card-header .ti-profile-image:not([style*=display]) + .ti-profile-details { margin-bottom: calc(36px - (50px - 16px)); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-post-meta { align-items: center; color: #ffffff; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-post-meta > * { margin-bottom: calc(16px); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-post-text { color: #ffffff; width: 100%; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-post-text br { display: none; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-post-text a { color: #ffffff; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-post-text a:hover { text-decoration: underline; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-post-text .ti-poster-name a { color: inherit; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-readmore { display: none !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content *:not(a, .ti-readmore) { pointer-events: none; } @media (min-width: 600px) { .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body:hover:before { top: calc(-50px - 15px); background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.7) calc((50px + 40px) / 2)); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body:hover .ti-post-content { transform: translateY(0px); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body:hover .ti-card-grid img { transform: scale(1.1); } } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-header { padding: 0; padding-bottom: 15px; height: 50px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-header .ti-platform::before { background-color: #ffffff; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"][data-media-type=slider] .ti-card-media .ti-nav-arrow { display: none; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"][data-media-type=slider] .ti-card-media .ti-nav-dots { z-index: 1; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"][data-media-type=no-media] .ti-card-header .ti-platform::before { background-color: #1b74e4; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"][data-media-type=no-media] .ti-post-content { display: block !important; opacity: 1; color: #000000; position: relative; background-color: #ffffff; transform: translateY(0px); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"][data-media-type=no-media] .ti-post-content .ti-post-meta { color: inherit; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"][data-media-type=no-media] .ti-post-content .ti-post-meta .ti-post-likes:before, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"][data-media-type=no-media] .ti-post-content .ti-post-meta .ti-post-comments:before, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"][data-media-type=no-media] .ti-post-content .ti-post-meta .ti-post-repost:before { background-color: #000000; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"][data-media-type=no-media] .ti-post-content .ti-post-text { color: inherit; } @media (min-width: 600px) { .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"]:hover .ti-card-media > img, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"]:hover [data-behaviour=slide] .ti-slider-item:first-child img, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"]:hover .ti-card-grid img { transform: scale(1.1); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="1"]:hover .ti-media-icon { visibility: hidden; opacity: 0; } } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="2"] { border: none !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-body { display: flex; flex-direction: column; overflow: hidden; position: relative; height: 100%; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-body .ti-card-media { height: 100%; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-body .ti-post-content { color: #ffffff; position: absolute; z-index: 1; left: 0px; height: 100%; bottom: 0px; width: 100%; display: flex; flex-wrap: wrap; align-content: space-around; transition: all 0.2s ease-in-out; opacity: 0; pointer-events: none; transform: translateY(20px); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-body .ti-post-content .ti-post-likes:before, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-body .ti-post-content .ti-post-comments:before, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-body .ti-post-content .ti-post-repost:before { background-color: #ffffff; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-body .ti-post-content .ti-post-likes:first-child:after, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-body .ti-post-content .ti-post-likes[style*="display: none"] + :not([style*="display: none"]):after, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-body .ti-post-content .ti-post-comments:first-child:after, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-body .ti-post-content .ti-post-comments[style*="display: none"] + :not([style*="display: none"]):after, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-body .ti-post-content .ti-post-repost:first-child:after, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-body .ti-post-content .ti-post-repost[style*="display: none"] + :not([style*="display: none"]):after { content: ""; background-color: rgba(0, 0, 0, 0.6); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-body .ti-post-content .ti-post-meta { flex: 0 0 100%; width: 100%; justify-content: center; align-items: center; color: #ffffff; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-body .ti-post-content .ti-post-meta .ti-post-date { position: absolute; bottom: 16px; left: 16px; z-index: 2; color: #ffffff; opacity: 0.7; font-size: 12px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-body .ti-post-content .ti-post-text { display: none !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-body .ti-post-content .ti-readmore { display: none; } @media (min-width: 600px) { .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-body:hover .ti-post-content { opacity: 1; transform: translateY(0px); } } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-header { display: none !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="2"][data-media-type=no-media] .ti-post-content { display: block !important; opacity: 1; color: #000000; position: relative; background-color: #ffffff; transform: translateY(0px); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="2"][data-media-type=no-media] .ti-post-content .ti-post-meta { color: inherit; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="2"][data-media-type=no-media] .ti-post-content .ti-post-meta .ti-post-likes:before, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="2"][data-media-type=no-media] .ti-post-content .ti-post-meta .ti-post-comments:before, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="2"][data-media-type=no-media] .ti-post-content .ti-post-meta .ti-post-repost:before { background-color: #000000; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="2"][data-media-type=no-media] .ti-post-content .ti-post-text { display: -webkit-box; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="2"][data-media-type=no-media] .ti-post-content .ti-readmore { display: block; } @media (min-width: 600px) { .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="2"]:hover .ti-card-media > img, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="2"]:hover [data-behaviour=slide] .ti-slider-item:first-child img, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="2"]:hover .ti-card-grid img { transform: scale(1.1); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="2"]:hover .ti-media-icon { visibility: hidden; opacity: 0; } } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="3"] .ti-card-body .ti-post-meta > * { margin-bottom: calc(16px - 5px); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="3"] .ti-card-body .ti-post-meta .ti-post-likes:before, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="3"] .ti-card-body .ti-post-meta .ti-post-comments:before, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="3"] .ti-card-body .ti-post-meta .ti-post-repost:before { background-color: #000000; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="3"] .ti-card-header { padding-top: 16px; padding-bottom: 16px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="3"] .ti-card-header .ti-post-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: break-spaces; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="3"] .ti-post-content { padding: 0; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="3"] .ti-post-content > * { padding-left: 16px; padding-right: 16px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="3"] .ti-post-content > *:last-child:not(.ti-post-meta) { padding-bottom: 16px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="3"][data-card-align=top] .ti-card-body, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="3"][data-card-align=bottom] .ti-card-body, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="3"][data-card-align=left] .ti-card-body, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="3"][data-card-align=right] .ti-card-body { display: flex; justify-content: start; height: 100%; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="3"][data-card-align=top] .ti-card-body { flex-direction: column; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="3"][data-card-align=bottom] .ti-card-body { flex-direction: column-reverse; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="3"][data-card-align=bottom] .ti-card-body .ti-card-media { margin-top: auto; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="3"][data-card-align=left] .ti-card-media, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="3"][data-card-align=right] .ti-card-media { padding-bottom: unset; flex-basis: 40%; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="3"][data-card-align=left] .ti-card-media img, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="3"][data-card-align=right] .ti-card-media img { height: 100% !important; object-fit: cover !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="3"][data-card-align=left] .ti-post-content, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="3"][data-card-align=right] .ti-post-content { flex-basis: 60%; min-width: 0; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="3"][data-card-align=left] .ti-card-body { flex-direction: row; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="3"][data-card-align=right] .ti-card-body { flex-direction: row-reverse; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="4"] .ti-card-body { padding-top: 60px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="4"] .ti-card-body .ti-post-content { padding-top: 0; padding-bottom: 0; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="4"] .ti-card-body .ti-post-content > *:last-child:not(.ti-post-meta) { padding-bottom: 16px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="4"] .ti-card-body .ti-reposted { padding-bottom: 0; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="4"] .ti-card-body .ti-card-header { position: absolute; top: 0; left: 0; background-color: #ffffff; width: 100%; height: 60px; z-index: 2; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="4"] .ti-card-body .ti-post-meta { padding-top: 0; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="4"] .ti-card-body .ti-post-meta > * { padding-top: 16px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="4"] .ti-card-body .ti-post-meta:last-child > * { padding-bottom: 16px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="4"] .ti-card-body .ti-post-meta .ti-post-likes:before, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="4"] .ti-card-body .ti-post-meta .ti-post-comments:before, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="4"] .ti-card-body .ti-post-meta .ti-post-repost:before { background-color: #000000; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="4"] .ti-card-body .ti-post-meta .ti-post-date { display: none !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-card[data-card-type="4"] .ti-card-body .ti-post-text { margin-top: calc(16px - 5px); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-header { position: relative; display: block; z-index: unset; padding-left: 16px; padding-right: 16px; margin-left: -16px; margin-right: -16px; background-color: rgb(255, 255, 255); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-header[data-header-switch=true] .ti-profile-details .ti-name { position: relative; padding-right: calc(15px * 1.8); cursor: pointer; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-header[data-header-switch=true] .ti-profile-details .ti-name::after { content: ""; border-bottom: 2px solid; border-right: 2px solid; display: block; width: calc(15px / 2); height: calc(15px / 2); margin: -5px 10px; position: absolute; top: 50%; right: 0; transform: rotate(45deg); transition: all 0.2s ease; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-header[data-header-switch=true] .ti-profile-details .ti-name.ti-active::after { transform: rotate(-135deg); margin-top: -2.5px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header { max-width: 767px; margin: auto; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile { height: 50px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image { width: 50px; height: 50px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite { background-size: 50px auto !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="1"] { background-position-y: -50px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="2"] { background-position-y: -100px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="3"] { background-position-y: -150px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="4"] { background-position-y: -200px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="5"] { background-position-y: -250px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="6"] { background-position-y: -300px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="7"] { background-position-y: -350px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="8"] { background-position-y: -400px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="9"] { background-position-y: -450px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="10"] { background-position-y: -500px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="11"] { background-position-y: -550px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="12"] { background-position-y: -600px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="13"] { background-position-y: -650px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="14"] { background-position-y: -700px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="15"] { background-position-y: -750px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="16"] { background-position-y: -800px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="17"] { background-position-y: -850px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="18"] { background-position-y: -900px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="19"] { background-position-y: -950px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="20"] { background-position-y: -1000px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-details .ti-name { font-weight: bold; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=xs] header .ti-widget-header { max-width: 376px; margin: auto; font-size: calc(15px * 0.7); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile { height: 50px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image { width: 50px; height: 50px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite { background-size: 50px auto !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="1"] { background-position-y: -50px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="2"] { background-position-y: -100px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="3"] { background-position-y: -150px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="4"] { background-position-y: -200px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="5"] { background-position-y: -250px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="6"] { background-position-y: -300px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="7"] { background-position-y: -350px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="8"] { background-position-y: -400px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="9"] { background-position-y: -450px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="10"] { background-position-y: -500px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="11"] { background-position-y: -550px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="12"] { background-position-y: -600px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="13"] { background-position-y: -650px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="14"] { background-position-y: -700px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="15"] { background-position-y: -750px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="16"] { background-position-y: -800px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="17"] { background-position-y: -850px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="18"] { background-position-y: -900px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="19"] { background-position-y: -950px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="20"] { background-position-y: -1000px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-details .ti-name { font-weight: bold; font-size: calc(15px * 0.9); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-details .ti-name .ti-full-name, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-details .ti-name .ti-username { white-space: break-spaces; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-details .ti-name .ti-username { word-break: break-word; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-details[data-show-username=true][data-show-full-name=true] .ti-username { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-header-numbers { font-size: calc(15px * 0.8); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-source=all] .ti-header .ti-widget-header[data-id=summary] .ti-header-btn i.ti-icon, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-header .ti-widget-header[data-source=all] .ti-header-btn i.ti-icon { mask-image: url("https://cdn.trustindex.io/assets/platform/all/icon-feed.svg"); -webkit-mask-image: url("https://cdn.trustindex.io/assets/platform/all/icon-feed.svg"); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-source=Instagram] .ti-header .ti-widget-header[data-id=summary] .ti-header-btn i.ti-icon, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-header .ti-widget-header[data-source=Instagram] .ti-header-btn i.ti-icon { mask-image: url("https://cdn.trustindex.io/assets/platform/Instagram/icon-feed.svg"); -webkit-mask-image: url("https://cdn.trustindex.io/assets/platform/Instagram/icon-feed.svg"); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-source=Twitter] .ti-header .ti-widget-header[data-id=summary] .ti-header-btn i.ti-icon, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-header .ti-widget-header[data-source=Twitter] .ti-header-btn i.ti-icon { mask-image: url("https://cdn.trustindex.io/assets/platform/Twitter/icon-feed.svg"); -webkit-mask-image: url("https://cdn.trustindex.io/assets/platform/Twitter/icon-feed.svg"); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-source=Facebook] .ti-header .ti-widget-header[data-id=summary] .ti-header-btn i.ti-icon, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-header .ti-widget-header[data-source=Facebook] .ti-header-btn i.ti-icon { mask-image: url("https://cdn.trustindex.io/assets/platform/Facebook/icon-feed.svg"); -webkit-mask-image: url("https://cdn.trustindex.io/assets/platform/Facebook/icon-feed.svg"); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-source=Tiktok] .ti-header .ti-widget-header[data-id=summary] .ti-header-btn i.ti-icon, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-header .ti-widget-header[data-source=Tiktok] .ti-header-btn i.ti-icon { mask-image: url("https://cdn.trustindex.io/assets/platform/Tiktok/icon-feed.svg"); -webkit-mask-image: url("https://cdn.trustindex.io/assets/platform/Tiktok/icon-feed.svg"); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-source=Pinterest] .ti-header .ti-widget-header[data-id=summary] .ti-header-btn i.ti-icon, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-header .ti-widget-header[data-source=Pinterest] .ti-header-btn i.ti-icon { mask-image: url("https://cdn.trustindex.io/assets/platform/Pinterest/icon-feed.svg"); -webkit-mask-image: url("https://cdn.trustindex.io/assets/platform/Pinterest/icon-feed.svg"); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-source=Youtube] .ti-header .ti-widget-header[data-id=summary] .ti-header-btn i.ti-icon, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-header .ti-widget-header[data-source=Youtube] .ti-header-btn i.ti-icon { mask-image: url("https://cdn.trustindex.io/assets/platform/Youtube/icon-feed.svg"); -webkit-mask-image: url("https://cdn.trustindex.io/assets/platform/Youtube/icon-feed.svg"); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-source=Google] .ti-header .ti-widget-header[data-id=summary] .ti-header-btn i.ti-icon, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-header .ti-widget-header[data-source=Google] .ti-header-btn i.ti-icon { mask-image: url("https://cdn.trustindex.io/assets/platform/Google/icon-feed.svg"); -webkit-mask-image: url("https://cdn.trustindex.io/assets/platform/Google/icon-feed.svg"); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-source=Vimeo] .ti-header .ti-widget-header[data-id=summary] .ti-header-btn i.ti-icon, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-header .ti-widget-header[data-source=Vimeo] .ti-header-btn i.ti-icon { mask-image: url("https://cdn.trustindex.io/assets/platform/Vimeo/icon-feed.svg"); -webkit-mask-image: url("https://cdn.trustindex.io/assets/platform/Vimeo/icon-feed.svg"); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-source=Linkedin] .ti-header .ti-widget-header[data-id=summary] .ti-header-btn i.ti-icon, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-header .ti-widget-header[data-source=Linkedin] .ti-header-btn i.ti-icon { mask-image: url("https://cdn.trustindex.io/assets/platform/Linkedin/icon-feed.svg"); -webkit-mask-image: url("https://cdn.trustindex.io/assets/platform/Linkedin/icon-feed.svg"); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-source*=","] .ti-header .ti-widget-header[data-id=summary] .ti-header-btn i.ti-icon { display: none; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-header { padding-top: 16px; padding-bottom: 16px; padding-left: 0px; padding-right: 0px; flex-wrap: nowrap; align-items: center; font-size: 15px; gap: 10px 15px; color: #000000; display: none; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-header.ti-active { display: flex; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-header .ti-header-btn { flex: 0 0 auto; width: auto; max-width: none; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-header .ti-header-btn .ti-btn { display: flex; align-items: center; text-decoration: none; background-color: #1b74e4; color: #ffffff; border-radius: 5px; font-size: 14px; padding: 8px 15px; transition: all 0.2s ease-in-out; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-header .ti-header-btn .ti-btn:hover { background-color: #1868cd; outline-width: 3px; outline-style: solid; outline-color: rgba(27, 116, 228, 0.5); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-header .ti-header-btn .ti-btn i.ti-icon { display: block; width: 20px; height: 20px; margin-right: 8px; background-image: none; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: #ffffff; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-profile { display: flex; flex-direction: column; flex-wrap: wrap; height: 75px; align-content: start; align-items: start; justify-content: center; flex-basis: 0; max-width: 100%; flex-grow: 1; min-width: 0; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-profile .ti-profile-image { margin-top: -3px; margin-right: 15px; width: 75px; height: 75px; border-radius: 50%; border: solid 3px #ffffff; box-sizing: content-box !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite { background-size: 75px auto !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="1"] { background-position-y: -75px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="2"] { background-position-y: -150px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="3"] { background-position-y: -225px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="4"] { background-position-y: -300px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="5"] { background-position-y: -375px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="6"] { background-position-y: -450px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="7"] { background-position-y: -525px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="8"] { background-position-y: -600px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="9"] { background-position-y: -675px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="10"] { background-position-y: -750px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="11"] { background-position-y: -825px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="12"] { background-position-y: -900px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="13"] { background-position-y: -975px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="14"] { background-position-y: -1050px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="15"] { background-position-y: -1125px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="16"] { background-position-y: -1200px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="17"] { background-position-y: -1275px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="18"] { background-position-y: -1350px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="19"] { background-position-y: -1425px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="20"] { background-position-y: -1500px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-profile .ti-profile-image img, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite { object-fit: cover; width: 100%; height: 100%; display: inline-block; border-radius: inherit; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite { float: left; background: white; background-repeat: no-repeat; box-sizing: inherit !important; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-profile .ti-profile-details { padding: 0px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-profile .ti-profile-details .ti-name { font-weight: bold; font-size: 15px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-profile .ti-profile-details .ti-sub { color: #65676b; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-header-numbers { display: flex; gap: 20px 15px; color: #65676b; font-size: calc(15px * 0.9); text-overflow: ellipsis; overflow: hidden; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-header-numbers .ti-number { display: inline; max-width: 100%; flex: 0 0 auto; width: auto; gap: 20px 10px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-header-numbers .ti-number div { display: inline; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-header-numbers .ti-number div:first-child { margin-right: 3px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-header-numbers .ti-number div.ti-value { font-weight: bold; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-btn-dropdown { display: none; position: absolute; background-color: #ffffff; border-radius: 5px; margin-top: 5px; z-index: 4; box-shadow: 0px 2px 11px 0px rgba(0, 0, 0, 0.5); transition: all 0.3s; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-btn-dropdown.ti-active { display: block; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-btn-dropdown:before { content: ""; position: absolute; top: -7px; border: 7px solid transparent; border-top-width: 0; border-bottom-color: #ffffff; z-index: 4; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-btn-dropdown .ti-btn-dropdown-item { display: flex; align-items: center; padding: 14px 17px; padding-left: 24px; text-decoration: none !important; line-height: 1; font-size: 13px !important; transition: background-color 0.2s ease-in-out; white-space: nowrap; position: relative; color: #000000; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-btn-dropdown .ti-btn-dropdown-item .ti-platform::before { width: 17px; height: 17px; background-color: #000000; margin-right: 5px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-btn-dropdown .ti-btn-dropdown-item:not(:last-child) { border-bottom: solid 1px #eeeeee; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-btn-dropdown .ti-btn-dropdown-item:first-child { border-top-right-radius: 5px; border-top-left-radius: 5px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-btn-dropdown .ti-btn-dropdown-item:last-child { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-btn-dropdown .ti-btn-dropdown-item:hover { background-color: #f3f3f3; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-header[data-source=Instagram] .ti-profile-image { position: relative; border: 0; transform: scale(0.9036144578); margin-top: -2px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-header[data-source=Instagram] .ti-profile-image img, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-header[data-source=Instagram] .ti-profile-image .ti-profile-image-sprite { position: relative; box-sizing: inherit; border: 2px solid white; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-header[data-source=Instagram] .ti-profile-image:before { content: ""; position: absolute; display: flex; align-items: center; justify-content: center; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%); border-radius: inherit; height: calc(100% + 2px * 4); width: calc(100% + 2px * 4); top: -2px; left: -2px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-width=md] header[data-header-type="1"] .ti-widget-header { max-width: 991px; margin: auto; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-width=sm] header[data-header-type="1"].ti-header .ti-widget-header .ti-profile { min-width: 0px; height: calc(50px + 12px); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-width=sm] header[data-header-type="1"].ti-header .ti-widget-header .ti-profile .ti-number { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-width=sm] header[data-header-type="1"].ti-header .ti-widget-header .ti-profile .ti-number div { display: inline; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-width=xs] header[data-header-type="1"].ti-header .ti-widget-header .ti-profile { height: calc(50px + 12px); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-width=xs] header[data-header-type="1"].ti-header .ti-widget-header .ti-profile .ti-profile-details { max-width: 100%; overflow: hidden; text-overflow: ellipsis; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-width=xs] header[data-header-type="1"].ti-header .ti-widget-header .ti-profile .ti-profile-details .ti-name { line-height: 1.4; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-width=xs] header[data-header-type="1"].ti-header .ti-widget-header .ti-profile .ti-profile-details .ti-name * { white-space: nowrap; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-width=xs] header[data-header-type="1"].ti-header .ti-widget-header .ti-profile .ti-profile-image:not([style*=display]) ~ div.ti-profile-details, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-width=xs] header[data-header-type="1"].ti-header .ti-widget-header .ti-profile .ti-profile-image:not([style*=display]) ~ div.ti-header-numbers { max-width: calc(100% - 50px - 15px); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-width=xs] header[data-header-type="1"].ti-header .ti-widget-header .ti-profile .ti-profile-image:not([style*=display]) ~ div.ti-header-numbers { flex-wrap: wrap; height: 15px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background] header[data-header-type="1"] .ti-profile { height: calc(75px + 12px); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background] header[data-header-type="1"] .ti-profile .ti-header-numbers { display: inline-flex; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background] header[data-header-type="1"] .ti-btn-dropdown[data-id=link-tree] { right: 0; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background] header[data-header-type="1"] .ti-btn-dropdown[data-id=link-tree]:before { right: 10px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background] header[data-header-type="1"] .ti-btn-dropdown[data-id=profile-switch] { left: 0; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background] header[data-header-type="1"] .ti-btn-dropdown[data-id=profile-switch]:before { left: 10px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=lg] header[data-header-type="2"] .ti-widget-header .ti-profile, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=sm] header[data-header-type="2"] .ti-widget-header .ti-profile, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social][data-widget-width=xs] header[data-header-type="2"] .ti-widget-header .ti-profile { height: auto; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] header[data-header-type="2"] .ti-widget-header { flex-direction: column; text-align: center; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] header[data-header-type="2"] .ti-widget-header .ti-profile { flex-wrap: nowrap; align-items: center; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] header[data-header-type="2"] .ti-widget-header .ti-profile-image, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] header[data-header-type="2"] .ti-widget-header .ti-profile { text-align: center; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] header[data-header-type="2"] .ti-widget-header .ti-profile-image { margin-right: 0px; margin-bottom: 10px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] header[data-header-type="2"] .ti-widget-header .ti-profile-details { display: flex; flex-direction: column; align-items: center; padding-right: 0px; margin-bottom: 10px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] header[data-header-type="2"] .ti-widget-header .ti-header-btn { margin-bottom: 10px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] header[data-header-type="2"] .ti-btn-dropdown[data-id=link-tree], .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] header[data-header-type="2"] .ti-btn-dropdown[data-id=profile-switch] { left: 50%; transform: translateX(-50%); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] header[data-header-type="2"] .ti-btn-dropdown[data-id=link-tree]:before, .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] header[data-header-type="2"] .ti-btn-dropdown[data-id=profile-switch]:before { left: 50%; transform: translateX(-50%); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] header[data-header-type="2"] .ti-btn-dropdown[data-id=profile-switch] { bottom: 12%; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background] header[data-header-type="3"] .ti-widget-header { width: auto; justify-content: center; column-gap: 0; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background] header[data-header-type="3"] .ti-widget-header .ti-profile { flex-direction: row; align-items: center; align-content: center; flex-basis: unset; flex-grow: unset; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background] header[data-header-type="3"] .ti-widget-header .ti-profile .ti-name * { max-width: 250px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background] header[data-header-type="3"] .ti-widget-header .ti-profile .ti-header-numbers { margin-left: 35px; margin-right: 35px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background] header[data-header-type="3"] .ti-widget-header .ti-profile .ti-header-numbers .ti-number .ti-value { font-size: 15px; color: #000000; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background] header[data-header-type="3"] .ti-widget-header .ti-profile .ti-profile-details[data-show-username=true][data-show-full-name=true] + .ti-header-numbers .ti-number div { display: block; text-align: center; margin-right: 0; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background] header[data-header-type="3"] .ti-btn-dropdown[data-id=link-tree] { right: 10%; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background] header[data-header-type="3"] .ti-btn-dropdown[data-id=link-tree]:before { left: calc(10% + 10px); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background] header[data-header-type="3"] .ti-btn-dropdown[data-id=profile-switch] { left: 10%; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background] header[data-header-type="3"] .ti-btn-dropdown[data-id=profile-switch]:before { right: calc(10% + 10px); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-width=xs] header[data-header-type="3"] .ti-widget-header { flex-wrap: wrap; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-width=xs] header[data-header-type="3"] .ti-widget-header .ti-profile { width: 100%; height: auto; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-width=xs] header[data-header-type="3"] .ti-widget-header .ti-profile .ti-name { font-size: 15px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-width=xs] header[data-header-type="3"] .ti-widget-header .ti-profile .ti-name * { max-width: 200px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-width=xs] header[data-header-type="3"] .ti-widget-header .ti-header-numbers { width: 100%; justify-content: center; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-width=xs] header[data-header-type="3"] .ti-widget-header .ti-header-numbers .ti-number { margin-top: 6px; font-size: calc(15px * 0.9); } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-width=xs] header[data-header-type="3"] .ti-widget-header .ti-header-numbers .ti-number .ti-value { font-size: 15px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-width=xs] header[data-header-type="3"] .ti-widget-header .ti-header-btn { margin-top: 6px; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] { display: block; margin-top: 1px; margin-bottom: 1px; background-color: #f0f2f5; padding-top: 0px; padding-left: 16px; padding-bottom: 16px; padding-right: 16px; border-width: 1px; border-color: #dbdde0; border-style: solid; border-radius: 8px; line-height: 1.4; user-select: none; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] header { background-color: transparent; border: none; margin: 0px; padding: 0px; box-shadow: none; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social]::before { content: ""; } .ti-widget[data-wkey="feed-instagram"][data-style=separated-background][data-widget-type=social] .ti-widget-body { overflow: hidden; padding-left: 3px; padding-right: 3px; margin-left: -3px; margin-right: -3px; padding-top: -3px; } .ti-widget[data-wkey="feed-instagram"][data-col="1"] .ti-layout-item { flex: 0 0 calc(100% / 1); width: calc(100% / 1); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="1"] .ti-grid-sizer { flex: 0 0 calc(100% / 1); width: calc(100% / 1); } .ti-widget[data-wkey="feed-instagram"][data-col="2"] .ti-layout-item { flex: 0 0 calc(100% / 2); width: calc(100% / 2); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="2"] .ti-grid-sizer { flex: 0 0 calc(100% / 2); width: calc(100% / 2); } .ti-widget[data-wkey="feed-instagram"][data-col="3"] .ti-layout-item { flex: 0 0 calc(100% / 3); width: calc(100% / 3); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="3"] .ti-grid-sizer { flex: 0 0 calc(100% / 3); width: calc(100% / 3); } .ti-widget[data-wkey="feed-instagram"][data-col="4"] .ti-layout-item { flex: 0 0 calc(100% / 4); width: calc(100% / 4); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="4"] .ti-grid-sizer { flex: 0 0 calc(100% / 4); width: calc(100% / 4); } .ti-widget[data-wkey="feed-instagram"][data-col="5"] .ti-layout-item { flex: 0 0 calc(100% / 5); width: calc(100% / 5); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="5"] .ti-grid-sizer { flex: 0 0 calc(100% / 5); width: calc(100% / 5); } .ti-widget[data-wkey="feed-instagram"][data-col="6"] .ti-layout-item { flex: 0 0 calc(100% / 6); width: calc(100% / 6); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="6"] .ti-grid-sizer { flex: 0 0 calc(100% / 6); width: calc(100% / 6); } .ti-widget[data-wkey="feed-instagram"][data-col="7"] .ti-layout-item { flex: 0 0 calc(100% / 7); width: calc(100% / 7); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="7"] .ti-grid-sizer { flex: 0 0 calc(100% / 7); width: calc(100% / 7); } .ti-widget[data-wkey="feed-instagram"][data-col="8"] .ti-layout-item { flex: 0 0 calc(100% / 8); width: calc(100% / 8); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="8"] .ti-grid-sizer { flex: 0 0 calc(100% / 8); width: calc(100% / 8); } .ti-widget[data-wkey="feed-instagram"][data-col="9"] .ti-layout-item { flex: 0 0 calc(100% / 9); width: calc(100% / 9); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="9"] .ti-grid-sizer { flex: 0 0 calc(100% / 9); width: calc(100% / 9); } .ti-widget[data-wkey="feed-instagram"][data-col="10"] .ti-layout-item { flex: 0 0 calc(100% / 10); width: calc(100% / 10); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="10"] .ti-grid-sizer { flex: 0 0 calc(100% / 10); width: calc(100% / 10); } .ti-widget[data-wkey="feed-instagram"][data-col="11"] .ti-layout-item { flex: 0 0 calc(100% / 11); width: calc(100% / 11); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="11"] .ti-grid-sizer { flex: 0 0 calc(100% / 11); width: calc(100% / 11); } .ti-widget[data-wkey="feed-instagram"][data-col="12"] .ti-layout-item { flex: 0 0 calc(100% / 12); width: calc(100% / 12); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="12"] .ti-grid-sizer { flex: 0 0 calc(100% / 12); width: calc(100% / 12); } .ti-widget[data-wkey="feed-instagram"][data-col="13"] .ti-layout-item { flex: 0 0 calc(100% / 13); width: calc(100% / 13); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="13"] .ti-grid-sizer { flex: 0 0 calc(100% / 13); width: calc(100% / 13); } .ti-widget[data-wkey="feed-instagram"][data-col="14"] .ti-layout-item { flex: 0 0 calc(100% / 14); width: calc(100% / 14); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="14"] .ti-grid-sizer { flex: 0 0 calc(100% / 14); width: calc(100% / 14); } .ti-widget[data-wkey="feed-instagram"][data-col="15"] .ti-layout-item { flex: 0 0 calc(100% / 15); width: calc(100% / 15); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="15"] .ti-grid-sizer { flex: 0 0 calc(100% / 15); width: calc(100% / 15); } .ti-widget[data-wkey="feed-instagram"][data-col="16"] .ti-layout-item { flex: 0 0 calc(100% / 16); width: calc(100% / 16); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="16"] .ti-grid-sizer { flex: 0 0 calc(100% / 16); width: calc(100% / 16); } .ti-widget[data-wkey="feed-instagram"][data-col="17"] .ti-layout-item { flex: 0 0 calc(100% / 17); width: calc(100% / 17); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="17"] .ti-grid-sizer { flex: 0 0 calc(100% / 17); width: calc(100% / 17); } .ti-widget[data-wkey="feed-instagram"][data-col="18"] .ti-layout-item { flex: 0 0 calc(100% / 18); width: calc(100% / 18); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="18"] .ti-grid-sizer { flex: 0 0 calc(100% / 18); width: calc(100% / 18); } .ti-widget[data-wkey="feed-instagram"][data-col="19"] .ti-layout-item { flex: 0 0 calc(100% / 19); width: calc(100% / 19); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="19"] .ti-grid-sizer { flex: 0 0 calc(100% / 19); width: calc(100% / 19); } .ti-widget[data-wkey="feed-instagram"][data-col="20"] .ti-layout-item { flex: 0 0 calc(100% / 20); width: calc(100% / 20); height: fit-content; } .ti-widget[data-wkey="feed-instagram"][data-col="20"] .ti-grid-sizer { flex: 0 0 calc(100% / 20); width: calc(100% / 20); } .ti-widget, .ti-lightbox { /* scroll */ /* Track */ /* Handle */ /* Handle on hover */ } .ti-widget[data-wkey="feed-instagram"] div, .ti-widget[data-wkey="feed-instagram"] span, .ti-widget[data-wkey="feed-instagram"] applet, .ti-widget[data-wkey="feed-instagram"] object, .ti-widget[data-wkey="feed-instagram"] iframe, .ti-widget[data-wkey="feed-instagram"] h1, .ti-widget[data-wkey="feed-instagram"] h2, .ti-widget[data-wkey="feed-instagram"] h3, .ti-widget[data-wkey="feed-instagram"] h4, .ti-widget[data-wkey="feed-instagram"] h5, .ti-widget[data-wkey="feed-instagram"] h6, .ti-widget[data-wkey="feed-instagram"] p, .ti-widget[data-wkey="feed-instagram"] blockquote, .ti-widget[data-wkey="feed-instagram"] pre, .ti-widget[data-wkey="feed-instagram"] a, .ti-widget[data-wkey="feed-instagram"] abbr, .ti-widget[data-wkey="feed-instagram"] acronym, .ti-widget[data-wkey="feed-instagram"] address, .ti-widget[data-wkey="feed-instagram"] big, .ti-widget[data-wkey="feed-instagram"] cite, .ti-widget[data-wkey="feed-instagram"] code, .ti-widget[data-wkey="feed-instagram"] del, .ti-widget[data-wkey="feed-instagram"] dfn, .ti-widget[data-wkey="feed-instagram"] em, .ti-widget[data-wkey="feed-instagram"] img, .ti-widget[data-wkey="feed-instagram"] ins, .ti-widget[data-wkey="feed-instagram"] kbd, .ti-widget[data-wkey="feed-instagram"] q, .ti-widget[data-wkey="feed-instagram"] s, .ti-widget[data-wkey="feed-instagram"] samp, .ti-widget[data-wkey="feed-instagram"] small, .ti-widget[data-wkey="feed-instagram"] strike, .ti-widget[data-wkey="feed-instagram"] strong, .ti-widget[data-wkey="feed-instagram"] sub, .ti-widget[data-wkey="feed-instagram"] sup, .ti-widget[data-wkey="feed-instagram"] tt, .ti-widget[data-wkey="feed-instagram"] var, .ti-widget[data-wkey="feed-instagram"] b, .ti-widget[data-wkey="feed-instagram"] u, .ti-widget[data-wkey="feed-instagram"] i, .ti-widget[data-wkey="feed-instagram"] center, .ti-widget[data-wkey="feed-instagram"] dl, .ti-widget[data-wkey="feed-instagram"] dt, .ti-widget[data-wkey="feed-instagram"] dd, .ti-widget[data-wkey="feed-instagram"] ol, .ti-widget[data-wkey="feed-instagram"] ul, .ti-widget[data-wkey="feed-instagram"] li, .ti-widget[data-wkey="feed-instagram"] fieldset, .ti-widget[data-wkey="feed-instagram"] form, .ti-widget[data-wkey="feed-instagram"] label, .ti-widget[data-wkey="feed-instagram"] legend, .ti-widget[data-wkey="feed-instagram"] table, .ti-widget[data-wkey="feed-instagram"] caption, .ti-widget[data-wkey="feed-instagram"] tbody, .ti-widget[data-wkey="feed-instagram"] tfoot, .ti-widget[data-wkey="feed-instagram"] thead, .ti-widget[data-wkey="feed-instagram"] tr, .ti-widget[data-wkey="feed-instagram"] th, .ti-widget[data-wkey="feed-instagram"] td, .ti-widget[data-wkey="feed-instagram"] article, .ti-widget[data-wkey="feed-instagram"] aside, .ti-widget[data-wkey="feed-instagram"] canvas, .ti-widget[data-wkey="feed-instagram"] details, .ti-widget[data-wkey="feed-instagram"] embed, .ti-widget[data-wkey="feed-instagram"] figure, .ti-widget[data-wkey="feed-instagram"] figcaption, .ti-widget[data-wkey="feed-instagram"] footer, .ti-widget[data-wkey="feed-instagram"] header, .ti-widget[data-wkey="feed-instagram"] hgroup, .ti-widget[data-wkey="feed-instagram"] main, .ti-widget[data-wkey="feed-instagram"] menu, .ti-widget[data-wkey="feed-instagram"] nav, .ti-widget[data-wkey="feed-instagram"] output, .ti-widget[data-wkey="feed-instagram"] ruby, .ti-widget[data-wkey="feed-instagram"] section, .ti-widget[data-wkey="feed-instagram"] summary, .ti-widget[data-wkey="feed-instagram"] time, .ti-widget[data-wkey="feed-instagram"] mark, .ti-widget[data-wkey="feed-instagram"] audio, .ti-widget[data-wkey="feed-instagram"] video, .ti-lightbox div, .ti-lightbox span, .ti-lightbox applet, .ti-lightbox object, .ti-lightbox iframe, .ti-lightbox h1, .ti-lightbox h2, .ti-lightbox h3, .ti-lightbox h4, .ti-lightbox h5, .ti-lightbox h6, .ti-lightbox p, .ti-lightbox blockquote, .ti-lightbox pre, .ti-lightbox a, .ti-lightbox abbr, .ti-lightbox acronym, .ti-lightbox address, .ti-lightbox big, .ti-lightbox cite, .ti-lightbox code, .ti-lightbox del, .ti-lightbox dfn, .ti-lightbox em, .ti-lightbox img, .ti-lightbox ins, .ti-lightbox kbd, .ti-lightbox q, .ti-lightbox s, .ti-lightbox samp, .ti-lightbox small, .ti-lightbox strike, .ti-lightbox strong, .ti-lightbox sub, .ti-lightbox sup, .ti-lightbox tt, .ti-lightbox var, .ti-lightbox b, .ti-lightbox u, .ti-lightbox i, .ti-lightbox center, .ti-lightbox dl, .ti-lightbox dt, .ti-lightbox dd, .ti-lightbox ol, .ti-lightbox ul, .ti-lightbox li, .ti-lightbox fieldset, .ti-lightbox form, .ti-lightbox label, .ti-lightbox legend, .ti-lightbox table, .ti-lightbox caption, .ti-lightbox tbody, .ti-lightbox tfoot, .ti-lightbox thead, .ti-lightbox tr, .ti-lightbox th, .ti-lightbox td, .ti-lightbox article, .ti-lightbox aside, .ti-lightbox canvas, .ti-lightbox details, .ti-lightbox embed, .ti-lightbox figure, .ti-lightbox figcaption, .ti-lightbox footer, .ti-lightbox header, .ti-lightbox hgroup, .ti-lightbox main, .ti-lightbox menu, .ti-lightbox nav, .ti-lightbox output, .ti-lightbox ruby, .ti-lightbox section, .ti-lightbox summary, .ti-lightbox time, .ti-lightbox mark, .ti-lightbox audio, .ti-lightbox video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } .ti-widget[data-wkey="feed-instagram"] *, .ti-lightbox * { box-sizing: border-box; font-family: sans-serif !important; } .ti-widget[data-wkey="feed-instagram"] a, .ti-lightbox a { text-decoration: none; } .ti-widget[data-wkey="feed-instagram"] div[class*=" ti-"], .ti-widget[data-wkey="feed-instagram"] div[class^=ti-], .ti-widget[data-wkey="feed-instagram"] main[class*=" ti-"], .ti-widget[data-wkey="feed-instagram"] main[class^=ti-], .ti-widget[data-wkey="feed-instagram"] section[class*=" ti-"], .ti-widget[data-wkey="feed-instagram"] section[class^=ti-], .ti-widget[data-wkey="feed-instagram"] article[class*=" ti-"], .ti-widget[data-wkey="feed-instagram"] article[class^=ti-], .ti-widget[data-wkey="feed-instagram"] header[class*=" ti-"], .ti-widget[data-wkey="feed-instagram"] header[class^=ti-], .ti-widget[data-wkey="feed-instagram"] footer[class*=" ti-"], .ti-widget[data-wkey="feed-instagram"] footer[class^=ti-], .ti-widget[data-wkey="feed-instagram"] iframe[class*=" ti-"], .ti-widget[data-wkey="feed-instagram"] iframe[class^=ti-], .ti-lightbox div[class*=" ti-"], .ti-lightbox div[class^=ti-], .ti-lightbox main[class*=" ti-"], .ti-lightbox main[class^=ti-], .ti-lightbox section[class*=" ti-"], .ti-lightbox section[class^=ti-], .ti-lightbox article[class*=" ti-"], .ti-lightbox article[class^=ti-], .ti-lightbox header[class*=" ti-"], .ti-lightbox header[class^=ti-], .ti-lightbox footer[class*=" ti-"], .ti-lightbox footer[class^=ti-], .ti-lightbox iframe[class*=" ti-"], .ti-lightbox iframe[class^=ti-] { display: block; } .ti-widget[data-wkey="feed-instagram"] span[class*=" ti-"], .ti-widget[data-wkey="feed-instagram"] span[class^=ti-], .ti-widget[data-wkey="feed-instagram"] a[class*=" ti-"], .ti-widget[data-wkey="feed-instagram"] a[class^=ti-], .ti-widget[data-wkey="feed-instagram"] img[class*=" ti-"], .ti-widget[data-wkey="feed-instagram"] img[class^=ti-], .ti-lightbox span[class*=" ti-"], .ti-lightbox span[class^=ti-], .ti-lightbox a[class*=" ti-"], .ti-lightbox a[class^=ti-], .ti-lightbox img[class*=" ti-"], .ti-lightbox img[class^=ti-] { display: inline; } .ti-widget[data-wkey="feed-instagram"] ::-webkit-scrollbar, .ti-lightbox ::-webkit-scrollbar { width: 5px; height: 5px; border-radius: 3px; } .ti-widget[data-wkey="feed-instagram"] ::-webkit-scrollbar-track, .ti-lightbox ::-webkit-scrollbar-track { background: rgba(85, 85, 85, 0.1); } .ti-widget[data-wkey="feed-instagram"] ::-webkit-scrollbar-thumb, .ti-lightbox ::-webkit-scrollbar-thumb { background: rgba(85, 85, 85, 0.6); } .ti-widget[data-wkey="feed-instagram"] ::-webkit-scrollbar-thumb:hover, .ti-lightbox ::-webkit-scrollbar-thumb:hover { background: #555555; } .ti-widget[data-wkey="feed-instagram"] .ti-layout-container, .ti-lightbox .ti-layout-container { display: flex !important; flex-wrap: nowrap; margin-left: calc(-1 * 16px / 2); margin-right: calc(-1 * 16px / 2); margin-top: calc(16px / 2); } .ti-widget[data-wkey="feed-instagram"] .ti-layout-container .ti-widget-layout, .ti-lightbox .ti-layout-container .ti-widget-layout { display: flex; flex-wrap: wrap; min-width: 100%; position: relative; } .ti-widget[data-wkey="feed-instagram"] .ti-layout-container .ti-widget-layout .ti-layout-item, .ti-lightbox .ti-layout-container .ti-widget-layout .ti-layout-item { padding: calc(16px / 2); max-width: 100%; } .ti-widget[data-wkey="feed-instagram"] .ti-profile-details, .ti-lightbox .ti-profile-details { white-space: nowrap; overflow: hidden; padding-right: 20px; line-height: 1.5; } .ti-widget[data-wkey="feed-instagram"] .ti-profile-details .ti-name *, .ti-lightbox .ti-profile-details .ti-name * { text-overflow: ellipsis; overflow: hidden; } .ti-widget[data-wkey="feed-instagram"] .ti-profile-details[data-show-username=true][data-show-full-name=true] .ti-name .ti-username, .ti-lightbox .ti-profile-details[data-show-username=true][data-show-full-name=true] .ti-name .ti-username { font-weight: normal; color: #65676b; font-size: calc(15px * 0.9); } .ti-widget[data-wkey="feed-instagram"] .ti-profile-details[data-show-username=true][data-show-full-name=true] .ti-name .ti-username::before, .ti-lightbox .ti-profile-details[data-show-username=true][data-show-full-name=true] .ti-name .ti-username::before { content: "@"; } .ti-lightbox .ti-layout-container { margin-left: calc(-1 * 14px / 2) !important; margin-right: calc(-1 * 14px / 2) !important; margin-top: calc(14px / 2) !important; } .ti-lightbox .ti-layout-container .ti-widget-layout .ti-layout-item { padding: calc(14px / 2); } .ti-lightbox .ti-profile-details[data-show-username=true][data-show-full-name=true] .ti-name .ti-username { color: #828282; font-size: calc(15px * 0.9); } .ti-widget[data-wkey="feed-instagram"][data-layout=grid] .ti-layout-container { flex-wrap: wrap; } .ti-widget[data-wkey="feed-instagram"][data-layout=grid] .ti-layout-container .ti-widget-card { height: 100%; } .ti-widget[data-wkey="feed-instagram"][data-layout=list] .ti-header { width: 100%; max-width: 800px; margin-left: auto !important; margin-right: auto !important; padding-left: calc(16px / 2) !important; padding-right: calc(16px / 2) !important; } .ti-widget[data-wkey="feed-instagram"][data-layout=list][data-widget-width=sm] .ti-header, .ti-widget[data-wkey="feed-instagram"][data-layout=list][data-widget-width=xs] .ti-header { padding-left: 0px !important; padding-right: 0px !important; } .ti-widget[data-wkey="feed-instagram"][data-layout=list] .ti-widget-layout { display: block; } .ti-widget[data-wkey="feed-instagram"][data-layout=list] .ti-widget-layout .ti-layout-item { width: 100%; max-width: 800px; margin-left: auto; margin-right: auto; } .ti-widget[data-wkey="feed-instagram"][data-layout=masonry] .ti-layout-container { display: block; } .ti-widget[data-wkey="feed-instagram"][data-layout=masonry] .ti-layout-container .ti-widget-layout { display: block; position: relative; } .ti-widget[data-wkey="feed-instagram"][data-layout=masonry] .ti-layout-container .ti-widget-layout .ti-layout-item { transition: 0.25s; } .ti-widget[data-wkey="feed-instagram"][data-layout=masonry] .ti-layout-container .ti-widget-layout .ti-layout-item img { height: auto; } .ti-widget[data-wkey="feed-instagram"][data-layout=slider] .ti-layout-container .ti-widget-layout { align-items: stretch; } .ti-widget[data-wkey="feed-instagram"][data-layout=slider] .ti-layout-container .ti-widget-layout .ti-layout-item { height: auto; } .ti-widget[data-wkey="feed-instagram"][data-layout=slider] .ti-layout-container .ti-widget-layout .ti-layout-item .ti-widget-card { height: 100%; } .ti-lightbox { text-align: left !important; z-index: 9999999; height: 100%; position: fixed; left: 0; right: 0; bottom: 0; top: 0; max-width: 100%; width: 100%; transition: all 300ms ease-out; background-color: rgba(0, 0, 0, 0.6); display: flex; color: #333; align-items: center !important; justify-content: center; flex-wrap: wrap; user-select: none; line-height: 1.6 !important; } .ti-lightbox .ti-profile-details { line-height: 1.6 !important; } .ti-lightbox a { color: #00376b; } .ti-lightbox .ti-lightbox-inner { max-height: calc(100vh - 160px); height: 100%; max-width: 1200px; width: 95%; } @media (max-width: 600px) { .ti-lightbox .ti-lightbox-inner { max-height: 100%; height: 100%; width: 100%; } } .ti-lightbox .ti-lightbox-close { position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; z-index: 1; border-radius: 50px; cursor: pointer; display: flex !important; justify-content: center; align-items: center; } @media (max-width: 600px) { .ti-lightbox .ti-lightbox-close:active { background-color: rgba(255, 255, 255, 0.2); } } @media (min-width: 600px) { .ti-lightbox .ti-lightbox-close:hover { background-color: rgba(255, 255, 255, 0.2); } } .ti-lightbox .ti-lightbox-close:before, .ti-lightbox .ti-lightbox-close:after { width: 60%; height: 3px; background-color: #fff; position: absolute; content: ""; } .ti-lightbox .ti-lightbox-close:before { transform: rotate(45deg); } .ti-lightbox .ti-lightbox-close:after { transform: rotate(-45deg); } .ti-lightbox .ti-widget-card { overflow: hidden; border-radius: 4px !important; border-width: 0px !important; } .ti-lightbox[data-lightbox-type=carousel] .ti-widget-card { height: 100%; border: none; border: none; border-radius: 5px; position: relative; } .ti-lightbox[data-lightbox-type=carousel] .ti-card-body { background-color: #fff !important; position: relative; height: 400px; flex-direction: row; border-radius: 4px; display: flex; flex-direction: row; justify-content: flex-start; color: #000000; height: 100%; } @media (max-width: 767px) { .ti-lightbox[data-lightbox-type=carousel] .ti-card-body { flex-direction: column; width: 100%; height: 100%; } } .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-card-media { flex: 1 1 auto; align-items: center; background-color: transparent; display: flex; height: 100%; justify-content: center; width: 100%; position: relative; background-color: #000000; overflow: hidden; padding-bottom: 0px; } @media (max-width: 767px) { .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-card-media { flex: 0 0 60%; width: 100%; } } .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-card-media .ti-card-slider { display: flex; flex-wrap: nowrap; height: 100%; } .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-card-media .ti-card-slider .ti-slider-item img, .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-card-media .ti-card-slider .ti-slider-item video { max-height: 100%; max-width: 100%; box-sizing: content-box; -o-object-fit: contain; object-fit: contain; position: unset; height: auto; width: auto; } .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-card-media .ti-nav-dots { position: absolute; bottom: 0px; padding-bottom: 10px; visibility: visible; opacity: 1; } .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-card-media .ti-nav-dots .ti-dot { width: 6px; height: 6px; background-color: #ffffff; opacity: 0.5; } .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-card-media .ti-nav-dots .ti-dot.ti-active { opacity: 1; } .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-card-media .ti-nav-arrow { max-width: 100%; margin-left: 0px; left: inherit; top: 50%; margin-top: -10px; visibility: visible; opacity: 1; } .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-card-media img { object-fit: contain; } .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-post-content { flex: 0 0 auto; height: 100%; width: 300px; overflow: auto; padding: 0px; display: flex; flex-direction: column; font-size: 14px; color: #000000; } .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-post-content .ti-card-header { padding-top: 20px; } .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-post-content .ti-card-header .ti-post-title { white-space: break-spaces; } .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-post-content .ti-post-scrollpane { font-size: inherit; flex: 0 1 100%; overflow-x: hidden; overflow: auto; padding: 20px; } .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-post-content .ti-post-text { font-size: inherit; padding-bottom: 20px; display: block !important; overflow: visible; color: #000000; } @media (max-width: 767px) { .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-post-content { flex: 0 0 40%; width: 100%; } } .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-post-content .ti-post-meta { font-size: inherit; margin-bottom: 20px; } .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-post-content .ti-post-meta .ti-post-likes, .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-post-content .ti-post-meta .ti-post-comments, .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-post-content .ti-post-meta .ti-post-repost { font-size: inherit; color: #000000; } .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-post-content .ti-post-meta .ti-post-likes:before, .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-post-content .ti-post-meta .ti-post-comments:before, .ti-lightbox[data-lightbox-type=carousel] .ti-card-body .ti-post-content .ti-post-meta .ti-post-repost:before { background-color: #000000; } .ti-lightbox[data-lightbox-type=carousel] .ti-profile-details .ti-name, .ti-lightbox[data-lightbox-type=carousel] .ti-profile-details .ti-date { color: #333 !important; } .ti-lightbox[data-lightbox-type=carousel] .ti-nav-arrow { visibility: visible; opacity: 1; } .ti-lightbox[data-lightbox-type=media] .ti-lightbox-inner { max-width: 900px; } .ti-lightbox[data-lightbox-type=media] .ti-widget-card { height: 100%; border: none; border-radius: 5px; position: relative; } .ti-lightbox[data-lightbox-type=media] .ti-card-body { position: relative; height: 100%; width: 100%; } .ti-lightbox[data-lightbox-type=media] .ti-card-body .ti-card-media { align-items: center; background-color: transparent; display: flex; height: 100%; justify-content: center; width: 100%; position: relative; background-color: #000000; overflow: hidden; padding-bottom: 0px; } .ti-lightbox[data-lightbox-type=media] .ti-card-body .ti-card-media .ti-card-slider { display: flex; flex-wrap: nowrap; height: 100%; } .ti-lightbox[data-lightbox-type=media] .ti-card-body .ti-card-media img, .ti-lightbox[data-lightbox-type=media] .ti-card-body .ti-card-media video { max-height: 100%; max-width: 100%; box-sizing: content-box; -o-object-fit: contain; object-fit: contain; position: unset; height: 100%; width: 100%; } .ti-lightbox[data-lightbox-type=media] .ti-card-body .ti-card-media .ti-nav-dots, .ti-lightbox[data-lightbox-type=media] .ti-card-body .ti-card-media .ti-nav-arrow { display: none; } .ti-lightbox[data-lightbox-type=media] .ti-card-body .ti-post-content { display: none; } .ti-lightbox[data-lightbox-type=media] .ti-nav-arrow { visibility: visible; opacity: 1; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner { width: 100%; padding-left: 20%; padding-right: 20%; padding-top: 10px; padding-bottom: 10px; overflow: hidden; overflow-y: auto; max-height: 100%; height: 100%; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; /* Firefox */ } @media (min-width: 1200px) { .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner { padding-left: 330px; padding-right: 330px; } } @media (max-width: 600px) { .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner { padding-left: 5%; padding-right: 5%; } } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner::-webkit-scrollbar { display: none; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header { padding: 15px; margin-bottom: 10px; color: #000000; background-color: #ffffff; width: 100%; max-width: 100%; border-radius: 4px; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image { width: 50px; height: 50px; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite { background-size: 50px auto !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="1"] { background-position-y: -50px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="2"] { background-position-y: -100px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="3"] { background-position-y: -150px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="4"] { background-position-y: -200px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="5"] { background-position-y: -250px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="6"] { background-position-y: -300px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="7"] { background-position-y: -350px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="8"] { background-position-y: -400px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="9"] { background-position-y: -450px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="10"] { background-position-y: -500px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="11"] { background-position-y: -550px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="12"] { background-position-y: -600px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="13"] { background-position-y: -650px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="14"] { background-position-y: -700px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="15"] { background-position-y: -750px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="16"] { background-position-y: -800px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="17"] { background-position-y: -850px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="18"] { background-position-y: -900px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="19"] { background-position-y: -950px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-image .ti-profile-image-sprite[data-background-position="20"] { background-position-y: -1000px !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-details .ti-name { font-weight: bold; font-size: calc(15px * 1); } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-header .ti-profile-details .ti-sub { font-size: calc(15px * 0.9); } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-layout div.ti-layout-item { padding: 0px 5px 10px 5px; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-layout .ti-layout-item { flex: 0 0 100%; width: 100%; padding-bottom: 10px; padding-top: 10px; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card { background-color: #ffffff; width: 100%; max-width: 540px; } @media (max-width: 600px) { .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card { max-width: 100%; } } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-card-header { display: flex; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-media-icon { display: none; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-card-media { padding-bottom: unset; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-card-media .ti-card-slider { position: relative !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-card-media img, .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-card-media video { height: auto !important; object-fit: contain !important; align-self: flex-start !important; position: relative !important; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-card-media iframe { top: 0; left: 0; right: 0; bottom: 0; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-comments { margin-top: 15px; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-nav-dots { position: absolute; bottom: 0px; padding-bottom: 10px; visibility: visible; opacity: 1; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-nav-dots .ti-dot { width: 6px; height: 6px; background-color: #ffffff; opacity: 0.5; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-nav-dots .ti-dot.ti-active { opacity: 1; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-nav-arrow { max-width: 100%; margin-left: 0px; left: inherit; top: 50%; margin-top: -10px; visibility: visible; opacity: 1; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-card-body .ti-post-content { padding: 15px; font-size: 14px; display: block; padding: 0; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-card-body .ti-post-content .ti-post-scrollpane > * { padding-left: 20px; padding-right: 20px; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-card-body .ti-post-content .ti-post-scrollpane > *:last-child:not(.ti-post-meta) { padding-bottom: 20px; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-card-body .ti-post-content .ti-card-header { padding-top: 20px; padding-bottom: 20px; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-card-body .ti-post-content .ti-card-header .ti-post-title { white-space: break-spaces; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-card-body .ti-post-content .ti-post-likes { font-size: inherit; margin-bottom: calc(20px - 5px); } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-card-body .ti-post-content .ti-post-likes:before { background-color: #000000; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-widget-card .ti-card-body .ti-post-content .ti-post-text { font-size: inherit; display: unset; -webkit-box-orient: unset; display: block !important; overflow: unset; color: #000000; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-lightbox-footer-btn { margin: 20px 0px; display: flex; justify-content: center; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner .ti-lightbox-footer-btn .ti-btn { display: inline-block; align-items: center; text-decoration: none; background-color: #efefef; color: #000000; border-radius: 4px; font-size: 14px; padding: 8px 15px; transition: all 0.2s ease-in-out; } .ti-lightbox[data-lightbox-type=scroller] > .ti-nav-arrow { display: none; } @media (max-width: 600px) { .ti-lightbox[data-lightbox-type=scroller] .ti-header-btn { margin-right: 50px; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-close { top: 32px; right: 22px; background-color: #ffffff; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-close:before, .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-close:after { background-color: #000000; } .ti-lightbox[data-lightbox-type=scroller] .ti-lightbox-inner { margin-top: 104px; } } .ti-widget[data-wkey="feed-instagram"] .ti-widget-body, .ti-lightbox .ti-widget-body { position: relative; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow, .ti-lightbox .ti-nav-arrow { position: absolute; pointer-events: none; top: 50%; left: 0; z-index: 2; display: flex; flex-wrap: wrap; flex: 0 0 100%; width: 100%; transition: all 0.2s ease-in-out; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-prev, .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-next, .ti-lightbox .ti-nav-arrow .ti-arrow-prev, .ti-lightbox .ti-nav-arrow .ti-arrow-next { pointer-events: auto; display: flex; align-items: center; border-radius: 50%; background-color: rgba(255, 255, 255, 0.7); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); font-size: 0; outline-width: 0; border-width: 0; } @media (max-width: 600px) { .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-prev:active, .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-next:active, .ti-lightbox .ti-nav-arrow .ti-arrow-prev:active, .ti-lightbox .ti-nav-arrow .ti-arrow-next:active { background-color: white; transform: scale(0.95); } } @media (min-width: 600px) { .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-prev:hover, .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-next:hover, .ti-lightbox .ti-nav-arrow .ti-arrow-prev:hover, .ti-lightbox .ti-nav-arrow .ti-arrow-next:hover { background-color: white; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-prev:active, .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-next:active, .ti-lightbox .ti-nav-arrow .ti-arrow-prev:active, .ti-lightbox .ti-nav-arrow .ti-arrow-next:active { transform: scale(0.95); } } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-prev:before, .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-next:before, .ti-lightbox .ti-nav-arrow .ti-arrow-prev:before, .ti-lightbox .ti-nav-arrow .ti-arrow-next:before { width: 25%; height: 25%; display: block; content: ""; transform-origin: center center; margin: auto; position: relative; border-top: solid 3px #000000; border-left: solid 3px #000000; box-sizing: content-box; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-prev:hover, .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-next:hover, .ti-lightbox .ti-nav-arrow .ti-arrow-prev:hover, .ti-lightbox .ti-nav-arrow .ti-arrow-next:hover { cursor: pointer; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-next, .ti-lightbox .ti-nav-arrow .ti-arrow-next { margin-left: auto; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-next:before, .ti-lightbox .ti-nav-arrow .ti-arrow-next:before { transform: rotate(135deg); left: -5%; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-prev:before, .ti-lightbox .ti-nav-arrow .ti-arrow-prev:before { transform: rotate(-45deg); left: 5%; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow:not(.ti-widget-card .ti-nav-arrow, .ti-lightbox .ti-nav-arrow), .ti-lightbox .ti-nav-arrow:not(.ti-widget-card .ti-nav-arrow, .ti-lightbox .ti-nav-arrow) { display: none; } .ti-lightbox .ti-nav-arrow { margin-top: calc(-1 * 45px / 2); } .ti-lightbox .ti-nav-arrow .ti-arrow-prev, .ti-lightbox .ti-nav-arrow .ti-arrow-next { width: 45px !important; height: 45px !important; background-color: rgba(255, 255, 255, 0.7); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); } @media (max-width: 600px) { .ti-lightbox .ti-nav-arrow .ti-arrow-prev:active, .ti-lightbox .ti-nav-arrow .ti-arrow-next:active { background-color: white; transform: scale(0.95); } } @media (min-width: 600px) { .ti-lightbox .ti-nav-arrow .ti-arrow-prev:hover, .ti-lightbox .ti-nav-arrow .ti-arrow-next:hover { background-color: white; } .ti-lightbox .ti-nav-arrow .ti-arrow-prev:active, .ti-lightbox .ti-nav-arrow .ti-arrow-next:active { transform: scale(0.95); } } .ti-lightbox .ti-nav-arrow .ti-arrow-prev:before, .ti-lightbox .ti-nav-arrow .ti-arrow-next:before { border-top-color: #000000 !important; border-left-color: #000000 !important; } .ti-lightbox .ti-nav-arrow .ti-arrow-next { margin-right: 20px; } .ti-lightbox .ti-nav-arrow .ti-arrow-prev { margin-left: 20px; } .ti-lightbox > .ti-nav-arrow[data-arrow-type="1"] .ti-arrow-prev, .ti-lightbox > .ti-nav-arrow[data-arrow-type="1"] .ti-arrow-next { width: calc(25px * 1.75); height: calc(25px * 1.75); } .ti-widget[data-wkey="feed-instagram"] .ti-nav-loadmore { display: flex; justify-content: center; margin-top: 20px; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-loadmore .ti-btn { cursor: pointer; display: flex; align-items: center; text-decoration: none; background-color: #ffffff; color: #000000; border-radius: 4px; font-size: 14px; padding: 8px 15px; border: none; transition: all 0.2s ease-in-out; outline-color: rgba(255, 255, 255, 0.5); } .ti-widget[data-wkey="feed-instagram"] .ti-nav-loadmore .ti-btn:hover { background-color: #f2f2f2; outline-width: 3px; outline-style: solid; } .ti-preview-box { color: #000000; background-color: #ffffff; }