.woof_redraw_zone label.woof_section_tab_label {
display: block;
padding: 6px 12px;
margin-right: 0.2rem;
cursor: pointer;
background: #fff;
border: 2px solid #ccc;
margin-bottom: 2px;
font-weight: normal;
transition: background ease 0.2s;
width: 100%;
float: left;
}
.woof_redraw_zone .woof_section_tab {
width: 100%;
padding: 3px;
background: #fff;
height: 1px;
overflow: hidden;
opacity: 0;
transition: all 0.5s ease-in-out;
}
.woof_redraw_zone input[name="woof_section_tabs"] {
display: none;
}
.woof_redraw_zone input[name="woof_section_tabs"]:checked + label.woof_section_tab_label {
font-weight: bold;
}
label.woof_section_tab_label span{
transition: transform .5s ease-in-out;
display: inline-block;
float: right;
font-weight: bolder;
}
.woof_redraw_zone input[name="woof_section_tabs"]:checked + label.woof_section_tab_label span{
transform: rotate(45deg);
}
.woof_redraw_zone input[name="woof_section_tabs"]:checked + label.woof_section_tab_label + .woof_section_tab {
height: auto;
opacity: 1;
transition: all 0.5s ease-in-out;
overflow: inherit;
}.irs {
position: relative;
display: block;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 12px;
font-family: Arial, sans-serif;
}
.irs-line {
position: relative;
display: block;
overflow: hidden;
outline: none !important;
}
.irs-bar {
position: absolute;
display: block;
left: 0;
width: 0;
}
.irs-shadow {
position: absolute;
display: none;
left: 0;
width: 0;
}
.irs-handle {
position: absolute;
display: block;
box-sizing: border-box;
cursor: default;
z-index: 1;
}
.irs-handle.type_last {
z-index: 2;
}
.irs-min,
.irs-max {
position: absolute;
display: block;
cursor: default;
}
.irs-min {
left: 0;
}
.irs-max {
right: 0;
}
.irs-from,
.irs-to,
.irs-single {
position: absolute;
display: block;
top: 0;
left: 0;
cursor: default;
white-space: nowrap;
}
.irs-grid {
position: absolute;
display: none;
bottom: 0;
left: 0;
width: 100%;
height: 20px;
}
.irs-with-grid .irs-grid {
display: block;
}
.irs-grid-pol {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 8px;
background: #000;
}
.irs-grid-pol.small {
height: 4px;
}
.irs-grid-text {
position: absolute;
bottom: 0;
left: 0;
white-space: nowrap;
text-align: center;
font-size: 9px;
line-height: 9px;
padding: 0 3px;
color: #000;
}
.irs-disable-mask {
position: absolute;
display: block;
top: 0;
left: -1%;
width: 102%;
height: 100%;
cursor: default;
background: rgba(0, 0, 0, 0);
z-index: 2;
}
.lt-ie9 .irs-disable-mask {
background: #000;
filter: alpha(opacity=0);
cursor: not-allowed;
}
.irs-disabled {
opacity: 0.4;
}
.irs-hidden-input {
position: absolute !important;
display: block !important;
top: 0 !important;
left: 0 !important;
width: 0 !important;
height: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden;
outline: none !important;
z-index: -9999 !important;
background: none !important;
border-style: solid !important;
border-color: transparent !important;
}
.irs--flat {
height: 40px;
}
.irs--flat.irs-with-grid {
height: 60px;
}
.irs--flat .irs-line {
top: 25px;
height: 12px;
background-color: #e1e4e9;
border-radius: 4px;
}
.irs--flat .irs-bar {
top: 25px;
height: 12px;
background-color: #ed5565;
}
.irs--flat .irs-bar--single {
border-radius: 4px 0 0 4px;
}
.irs--flat .irs-shadow {
height: 1px;
bottom: 16px;
background-color: #e1e4e9;
}
.irs--flat .irs-handle {
top: 22px;
width: 16px;
height: 18px;
background-color: transparent;
}
.irs--flat .irs-handle > i:first-child {
position: absolute;
display: block;
top: 0;
left: 50%;
width: 2px;
height: 100%;
margin-left: -1px;
background-color: #da4453;
}
.irs--flat .irs-handle.state_hover > i:first-child,
.irs--flat .irs-handle:hover > i:first-child {
background-color: #a43540;
}
.irs--flat .irs-min,
.irs--flat .irs-max {
top: 0;
padding: 1px 3px;
color: #999;
font-size: 10px;
line-height: 1.333;
text-shadow: none;
background-color: #e1e4e9;
border-radius: 4px;
}
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
color: white;
font-size: 10px;
line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
background-color: #ed5565;
border-radius: 4px;
}
.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #ed5565;
}
.irs--flat .irs-grid-pol {
background-color: #e1e4e9;
}
.irs--flat .irs-grid-text {
color: #999;
}
.irs--big {
height: 55px;
}
.irs--big.irs-with-grid {
height: 70px;
}
.irs--big .irs-line {
top: 33px;
height: 12px;
background-color: white;
background: linear-gradient(to bottom, #ddd -50%, white 150%);
border: 1px solid #ccc;
border-radius: 12px;
}
.irs--big .irs-bar {
top: 33px;
height: 12px;
background-color: #92bce0;
border: 1px solid #428bca;
background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);
box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5);
}
.irs--big .irs-bar--single {
border-radius: 12px 0 0 12px;
}
.irs--big .irs-shadow {
height: 1px;
bottom: 16px;
background-color: rgba(66, 139, 202, 0.5);
}
.irs--big .irs-handle {
top: 25px;
width: 30px;
height: 30px;
border: 1px solid rgba(0, 0, 0, 0.3);
background-color: #cbcfd5;
background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white;
border-radius: 30px;
}
.irs--big .irs-handle.state_hover,
.irs--big .irs-handle:hover {
border-color: rgba(0, 0, 0, 0.45);
background-color: #939ba7;
background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%);
}
.irs--big .irs-min,
.irs--big .irs-max {
top: 0;
padding: 1px 5px;
color: white;
text-shadow: none;
background-color: #9f9f9f;
border-radius: 3px;
}
.irs--big .irs-from,
.irs--big .irs-to,
.irs--big .irs-single {
color: white;
text-shadow: none;
padding: 1px 5px;
background-color: #428bca;
background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
border-radius: 3px;
}
.irs--big .irs-grid-pol {
background-color: #428bca;
}
.irs--big .irs-grid-text {
color: #428bca;
}
.irs--modern {
height: 55px;
}
.irs--modern.irs-with-grid {
height: 55px;
}
.irs--modern .irs-line {
top: 25px;
height: 5px;
background-color: #d1d6e0;
background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);
border: 1px solid #a3adc1;
border-bottom-width: 0;
border-radius: 5px;
}
.irs--modern .irs-bar {
top: 25px;
height: 5px;
background: #20b426;
background: linear-gradient(to bottom, #20b426 0%, #18891d 100%);
}
.irs--modern .irs-bar--single {
border-radius: 5px 0 0 5px;
}
.irs--modern .irs-shadow {
height: 1px;
bottom: 21px;
background-color: rgba(209, 214, 224, 0.5);
}
.irs--modern .irs-handle {
top: 37px;
width: 12px;
height: 13px;
border: 1px solid #a3adc1;
border-top-width: 0;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
border-radius: 0 0 3px 3px;
}
.irs--modern .irs-handle > i:nth-child(1) {
position: absolute;
display: block;
top: -4px;
left: 1px;
width: 6px;
height: 6px;
border: 1px solid #a3adc1;
background: white;
transform: rotate(45deg);
}
.irs--modern .irs-handle > i:nth-child(2) {
position: absolute;
display: block;
box-sizing: border-box;
top: 0;
left: 0;
width: 10px;
height: 12px;
background: #e9e6e6;
background: linear-gradient(to bottom, white 0%, #e9e6e6 100%);
border-radius: 0 0 3px 3px;
}
.irs--modern .irs-handle > i:nth-child(3) {
position: absolute;
display: block;
box-sizing: border-box;
top: 3px;
left: 3px;
width: 4px;
height: 5px;
border-left: 1px solid #a3adc1;
border-right: 1px solid #a3adc1;
}
.irs--modern .irs-handle.state_hover,
.irs--modern .irs-handle:hover {
border-color: #7685a2;
background: #c3c7cd;
background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%);
}
.irs--modern .irs-handle.state_hover > i:nth-child(1),
.irs--modern .irs-handle:hover > i:nth-child(1) {
border-color: #7685a2;
}
.irs--modern .irs-handle.state_hover > i:nth-child(3),
.irs--modern .irs-handle:hover > i:nth-child(3) {
border-color: #48536a;
}
.irs--modern .irs-min,
.irs--modern .irs-max {
top: 0;
font-size: 10px;
line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
color: white;
background-color: #d1d6e0;
border-radius: 5px;
}
.irs--modern .irs-from,
.irs--modern .irs-to,
.irs--modern .irs-single {
font-size: 10px;
line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
background-color: #20b426;
color: white;
border-radius: 5px;
}
.irs--modern .irs-from:before,
.irs--modern .irs-to:before,
.irs--modern .irs-single:before {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #20b426;
}
.irs--modern .irs-grid {
height: 25px;
}
.irs--modern .irs-grid-pol {
background-color: #dedede;
}
.irs--modern .irs-grid-text {
color: silver;
font-size: 13px;
}
.irs--sharp {
height: 50px;
font-size: 12px;
line-height: 1;
}
.irs--sharp.irs-with-grid {
height: 57px;
}
.irs--sharp .irs-line {
top: 30px;
height: 2px;
background-color: black;
border-radius: 2px;
}
.irs--sharp .irs-bar {
top: 30px;
height: 2px;
background-color: #ee22fa;
}
.irs--sharp .irs-bar--single {
border-radius: 2px 0 0 2px;
}
.irs--sharp .irs-shadow {
height: 1px;
bottom: 21px;
background-color: rgba(0, 0, 0, 0.5);
}
.irs--sharp .irs-handle {
top: 25px;
width: 10px;
height: 10px;
background-color: #a804b2;
}
.irs--sharp .irs-handle > i:first-child {
position: absolute;
display: block;
top: 100%;
left: 0;
width: 0;
height: 0;
border: 5px solid transparent;
border-top-color: #a804b2;
}
.irs--sharp .irs-handle.state_hover,
.irs--sharp .irs-handle:hover {
background-color: black;
}
.irs--sharp .irs-handle.state_hover > i:first-child,
.irs--sharp .irs-handle:hover > i:first-child {
border-top-color: black;
}
.irs--sharp .irs-min,
.irs--sharp .irs-max {
color: white;
font-size: 14px;
line-height: 1;
top: 0;
padding: 3px 4px;
opacity: 0.4;
background-color: #a804b2;
border-radius: 2px;
}
.irs--sharp .irs-from,
.irs--sharp .irs-to,
.irs--sharp .irs-single {
font-size: 14px;
line-height: 1;
text-shadow: none;
padding: 3px 4px;
background-color: #a804b2;
color: white;
border-radius: 2px;
}
.irs--sharp .irs-from:before,
.irs--sharp .irs-to:before,
.irs--sharp .irs-single:before {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #a804b2;
}
.irs--sharp .irs-grid {
height: 25px;
}
.irs--sharp .irs-grid-pol {
background-color: #dedede;
}
.irs--sharp .irs-grid-text {
color: silver;
font-size: 13px;
}
.irs--round {
height: 50px;
}
.irs--round.irs-with-grid {
height: 65px;
}
.irs--round .irs-line {
top: 36px;
height: 4px;
background-color: #dee4ec;
border-radius: 4px;
}
.irs--round .irs-bar {
top: 36px;
height: 4px;
background-color: #006cfa;
}
.irs--round .irs-bar--single {
border-radius: 4px 0 0 4px;
}
.irs--round .irs-shadow {
height: 4px;
bottom: 21px;
background-color: rgba(222, 228, 236, 0.5);
}
.irs--round .irs-handle {
top: 26px;
width: 24px;
height: 24px;
border: 4px solid #006cfa;
background-color: white;
border-radius: 24px;
box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
}
.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
background-color: #f0f6ff;
}
.irs--round .irs-min,
.irs--round .irs-max {
color: #333;
font-size: 14px;
line-height: 1;
top: 0;
padding: 3px 5px;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 4px;
}
.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
font-size: 14px;
line-height: 1;
text-shadow: none;
padding: 3px 5px;
background-color: #006cfa;
color: white;
border-radius: 4px;
}
.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #006cfa;
}
.irs--round .irs-grid {
height: 25px;
}
.irs--round .irs-grid-pol {
background-color: #dedede;
}
.irs--round .irs-grid-text {
color: silver;
font-size: 13px;
}
.irs--square {
height: 50px;
}
.irs--square.irs-with-grid {
height: 60px;
}
.irs--square .irs-line {
top: 31px;
height: 4px;
background-color: #dedede;
}
.irs--square .irs-bar {
top: 31px;
height: 4px;
background-color: black;
}
.irs--square .irs-shadow {
height: 2px;
bottom: 21px;
background-color: #dedede;
}
.irs--square .irs-handle {
top: 25px;
width: 16px;
height: 16px;
border: 3px solid black;
background-color: white;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.irs--square .irs-handle.state_hover,
.irs--square .irs-handle:hover {
background-color: #f0f6ff;
}
.irs--square .irs-min,
.irs--square .irs-max {
color: #333;
font-size: 14px;
line-height: 1;
top: 0;
padding: 3px 5px;
background-color: rgba(0, 0, 0, 0.1);
}
.irs--square .irs-from,
.irs--square .irs-to,
.irs--square .irs-single {
font-size: 14px;
line-height: 1;
text-shadow: none;
padding: 3px 5px;
background-color: black;
color: white;
}
.irs--square .irs-grid {
height: 25px;
}
.irs--square .irs-grid-pol {
background-color: #dedede;
}
.irs--square .irs-grid-text {
color: silver;
font-size: 11px;
}.tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px}.tooltipster-sidetip.tooltipster-noir .tooltipster-box{border-radius:0;border:3px solid #000;background:#fff}.tooltipster-sidetip.tooltipster-noir .tooltipster-content{color:#000}.tooltipster-sidetip.tooltipster-noir .tooltipster-arrow{height:11px;margin-left:-11px;width:22px}.tooltipster-sidetip.tooltipster-noir.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow{height:22px;margin-left:0;margin-top:-11px;width:11px}.tooltipster-sidetip.tooltipster-noir .tooltipster-arrow-background{border:11px solid transparent}.tooltipster-sidetip.tooltipster-noir.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#fff;top:4px}.tooltipster-sidetip.tooltipster-noir.tooltipster-left .tooltipster-arrow-background{border-left-color:#fff;left:-4px}.tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow-background{border-right-color:#fff;left:4px}.tooltipster-sidetip.tooltipster-noir.tooltipster-top .tooltipster-arrow-background{border-top-color:#fff;top:-4px}.tooltipster-sidetip.tooltipster-noir .tooltipster-arrow-border{border-width:11px}.tooltipster-sidetip.tooltipster-noir.tooltipster-bottom .tooltipster-arrow-uncropped{top:-11px}.tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow-uncropped{left:-11px}.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=custom-style][data-widget-type=social] .ti-card-header, .ti-lightbox .ti-card-header { position: relative; z-index: unset; padding-left: 20px; padding-right: 20px; display: flex !important; align-items: center; font-size: 14px; color: #000000; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-card-header .ti-profile-image, .ti-lightbox .ti-card-header .ti-profile-image { margin-right: calc(20px / 2); border-radius: 50%; 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=custom-style][data-widget-type=social] .ti-card-header .ti-profile-image img, .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][data-widget-type=social] .ti-card-header .ti-post-title, .ti-lightbox .ti-card-header .ti-post-title { font-size: 14px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-card-header .ti-name, .ti-lightbox .ti-card-header .ti-name { font-weight: 600; font-size: 14px; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-card-header .ti-sub, .ti-lightbox .ti-card-header .ti-sub { color: #555555; font-size: 11px; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][data-widget-type=social] .ti-card-header .ti-platform:before, .ti-lightbox .ti-card-header .ti-platform:before { width: 20px; height: 20px; background-color: #000000; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-widget-card, .ti-lightbox .ti-widget-card { background-color: #ffffff; border-style: solid; border-width: 1px; border-color: #dedede; border-radius: 12px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1); overflow: hidden; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-widget-card .ti-reposted, .ti-lightbox .ti-widget-card .ti-reposted { padding: 20px; color: #555555; font-size: 12px; display: flex; align-items: center; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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: #555555; 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=custom-style][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=custom-style][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=custom-style][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media:after, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media:after { display: block; content: ""; width: 100%; height: 8px; position: absolute; bottom: -8px; z-index: 10; transition: bottom 0.3s ease-in-out; background: #0095f6; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media img, .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media video, .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media:not(.ti-lightbox .ti-card-media):hover:after, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media:not(.ti-lightbox .ti-card-media):hover:after { bottom: 0px; } } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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: 20px; right: 20px; display: block; z-index: 3; transition: 0.3s; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media:not(.ti-lightbox-inner .ti-card-media) .ti-nav-arrow, .ti-lightbox .ti-widget-card .ti-card-body .ti-card-media:not(.ti-lightbox-inner .ti-card-media) .ti-nav-arrow { width: calc(100% - 80px); height: 50%; top: 50%; left: 40px; right: 40px; visibility: hidden; opacity: 0; z-index: 3; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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: #555555; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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: 20px; text-align: left; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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: #555555; text-decoration: none; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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: #0064D1; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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: 600; display: inline; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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: #555555; font-size: 12px; margin-left: 4px; display: inline; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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: 600; display: inline; margin-right: 5px; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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: #0064D1; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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: #555555; opacity: 0.5; cursor: pointer; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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-widget[data-wkey="feed-instagram"][data-style=custom-style][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:not(.ti-grid-type), .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; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=landscape2] .ti-card-body .ti-card-media:not(.ti-grid-type), .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=landscape2] .ti-card-body .ti-card-media.ti-grid-type .ti-grid-item, .ti-lightbox .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=landscape2] .ti-card-body .ti-card-media:not(.ti-grid-type), .ti-lightbox .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=landscape2] .ti-card-body .ti-card-media.ti-grid-type .ti-grid-item { padding-bottom: 52.35% !important; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=portrait] .ti-card-body .ti-card-media:not(.ti-grid-type), .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=portrait] .ti-card-body .ti-card-media.ti-grid-type .ti-grid-item, .ti-lightbox .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=portrait] .ti-card-body .ti-card-media:not(.ti-grid-type), .ti-lightbox .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=portrait] .ti-card-body .ti-card-media.ti-grid-type .ti-grid-item { padding-bottom: 125% !important; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=portrait2] .ti-card-body .ti-card-media:not(.ti-grid-type), .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=portrait2] .ti-card-body .ti-card-media.ti-grid-type .ti-grid-item, .ti-lightbox .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=portrait2] .ti-card-body .ti-card-media:not(.ti-grid-type), .ti-lightbox .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=portrait2] .ti-card-body .ti-card-media.ti-grid-type .ti-grid-item { padding-bottom: 133.33% !important; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=reels] .ti-card-body .ti-card-media:not(.ti-grid-type), .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=reels] .ti-card-body .ti-card-media.ti-grid-type .ti-grid-item, .ti-lightbox .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=reels] .ti-card-body .ti-card-media:not(.ti-grid-type), .ti-lightbox .ti-widget-card:not(.ti-lightbox *)[data-card-ratio=reels] .ti-card-body .ti-card-media.ti-grid-type .ti-grid-item { padding-bottom: 177.78% !important; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][data-widget-type=social] .ti-widget-card[data-source=Instagram] .ti-card-body .ti-card-media:after { background: linear-gradient(90deg, #F9CE34 0%, #EE2A7B 16.6%, #6228D7 33.3%, #F9CE34 50%, #EE2A7B 66.6%, #6228D7 83.3%, #F9CE34 100%); background-size: 400% 100%; animation: moveGradient 20s ease-in-out infinite alternate; } @keyframes moveGradient { 0% { background-position: 0% 0%; } 100% { background-position: 100% 0%; } } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-layout-container { align-items: flex-start; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-widget-card[data-card-type="1"] { border: none !important; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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.5) 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=custom-style][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.3s ease-in-out; transform: translateY(calc(100% - 50px - 20px)); } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-card-header .ti-profile-image { border: 2px solid white; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-card-header { padding-bottom: 20px; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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 - 20px)); } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body .ti-post-content .ti-post-meta > * { margin-bottom: calc(20px); } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][data-widget-type=social] .ti-widget-card[data-card-type="1"] .ti-card-body:hover:before { top: calc(-50px - 15px); backdrop-filter: blur(4px); } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][data-widget-type=social] .ti-widget-card[data-card-type="1"][data-media-type=no-media] .ti-card-header .ti-platform::before { background-color: #000000; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][data-widget-type=social] .ti-widget-card[data-card-type="1"]:hover .ti-card-media > img, .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][data-widget-type=social] .ti-layout-container { align-items: flex-start; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-widget-card[data-card-type="2"] { border: none !important; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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%; } @media (min-width: 600px) { .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-widget-card[data-card-type="2"] .ti-card-body:hover:before { backdrop-filter: blur(4px); } } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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: 20px; left: 20px; z-index: 2; color: #ffffff; opacity: 0.7; font-size: 12px; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][data-widget-type=social] .ti-widget-card[data-card-type="2"]:hover .ti-card-media > img, .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][data-widget-type=social] .ti-widget-card[data-card-type="3"] .ti-card-body .ti-post-meta > * { margin-bottom: calc(20px - 5px); } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][data-widget-type=social] .ti-widget-card[data-card-type="3"] .ti-card-header { padding-top: 20px; padding-bottom: 20px; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-widget-card[data-card-type="3"] .ti-card-header .ti-profile-image { border: 1px solid #dedede; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][data-widget-type=social] .ti-widget-card[data-card-type="3"] .ti-post-content { padding: 0; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-widget-card[data-card-type="3"] .ti-post-content > * { padding-left: 20px; padding-right: 20px; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-widget-card[data-card-type="3"] .ti-post-content > *:last-child:not(.ti-post-meta) { padding-bottom: 20px; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][data-widget-type=social] .ti-widget-card[data-card-type="4"] .ti-card-body { padding-top: 65px; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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: 20px; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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: 65px; z-index: 2; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-widget-card[data-card-type="4"] .ti-card-body .ti-card-header .ti-profile-image { border: 1px solid #dedede; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][data-widget-type=social] .ti-widget-card[data-card-type="4"] .ti-card-body .ti-post-meta > * { padding-top: 20px; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-widget-card[data-card-type="4"] .ti-card-body .ti-post-meta:last-child > * { padding-bottom: 20px; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][data-widget-type=social] .ti-widget-card[data-card-type="4"] .ti-card-body .ti-post-text { margin-top: calc(20px - 5px); } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-header { position: relative; display: block; z-index: unset; padding-left: 0px; padding-right: 0px; margin-left: 0px; margin-right: 0px; background-color: rgba(0, 0, 0, 0); } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][data-widget-type=social][data-widget-width=sm] .ti-header .ti-widget-header .ti-profile-details .ti-name { font-weight: 600; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile { height: 50px; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][data-widget-type=social][data-widget-width=xs] header .ti-widget-header .ti-profile-details .ti-name { font-weight: 600; font-size: calc(15px * 0.9); } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][data-widget-type=social] .ti-widget-header { padding-top: 10px; padding-bottom: 20px; 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=custom-style][data-widget-type=social] .ti-widget-header.ti-active { display: flex; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][data-widget-type=social] .ti-widget-header .ti-header-btn .ti-btn { display: flex; align-items: center; text-decoration: none; background-color: #0095f6; color: #ffffff; border-radius: 8px; font-size: 14px; padding: 8px 15px; transition: all 0.2s ease-in-out; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-widget-header .ti-header-btn .ti-btn:hover { background-color: #0086dd; outline-width: 3px; outline-style: solid; outline-color: rgba(0, 149, 246, 0.5); } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][data-widget-type=social] .ti-profile { display: flex; flex-direction: column; flex-wrap: wrap; height: 55px; 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=custom-style][data-widget-type=social] .ti-profile .ti-profile-image { margin-top: -3px; margin-right: 15px; width: 55px; height: 55px; border-radius: 50%; border: solid 3px #ffffff; box-sizing: content-box !important; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite { background-size: 55px auto !important; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="1"] { background-position-y: -55px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="2"] { background-position-y: -110px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="3"] { background-position-y: -165px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="4"] { background-position-y: -220px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="5"] { background-position-y: -275px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="6"] { background-position-y: -330px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="7"] { background-position-y: -385px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="8"] { background-position-y: -440px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="9"] { background-position-y: -495px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="10"] { background-position-y: -550px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="11"] { background-position-y: -605px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="12"] { background-position-y: -660px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="13"] { background-position-y: -715px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="14"] { background-position-y: -770px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="15"] { background-position-y: -825px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="16"] { background-position-y: -880px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="17"] { background-position-y: -935px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="18"] { background-position-y: -990px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="19"] { background-position-y: -1045px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-profile .ti-profile-image .ti-profile-image-sprite[data-background-position="20"] { background-position-y: -1100px !important; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-profile .ti-profile-image img, .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][data-widget-type=social] .ti-profile .ti-profile-details { padding: 0px; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-profile .ti-profile-details .ti-name { font-weight: 600; font-size: 15px; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-profile .ti-profile-details .ti-sub { color: #828282; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-header-numbers { display: flex; gap: 20px 15px; color: #828282; font-size: calc(15px * 0.9); text-overflow: ellipsis; overflow: hidden; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][data-widget-type=social] .ti-header-numbers .ti-number div { display: inline; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-header-numbers .ti-number div:first-child { margin-right: 3px; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-header-numbers .ti-number div.ti-value { font-weight: 600; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-btn-dropdown { display: none; position: absolute; background-color: #ffffff; border-radius: 8px; 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=custom-style][data-widget-type=social] .ti-btn-dropdown.ti-active { display: block; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][data-widget-type=social] .ti-btn-dropdown .ti-btn-dropdown-item:first-child { border-top-right-radius: 8px; border-top-left-radius: 8px; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-btn-dropdown .ti-btn-dropdown-item:last-child { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-btn-dropdown .ti-btn-dropdown-item:hover { background-color: #f3f3f3; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-widget-header[data-source=Instagram] .ti-profile-image { position: relative; border: 0; transform: scale(0.873015873); margin-top: -2px; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-widget-header[data-source=Instagram] .ti-profile-image img, .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style] header[data-header-type="1"] .ti-profile { height: calc(55px + 12px); } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style] header[data-header-type="1"] .ti-profile .ti-header-numbers { display: inline-flex; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style] header[data-header-type="1"] .ti-btn-dropdown[data-id=link-tree] { right: 0; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style] header[data-header-type="1"] .ti-btn-dropdown[data-id=link-tree]:before { right: 10px; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style] header[data-header-type="1"] .ti-btn-dropdown[data-id=profile-switch] { left: 0; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style] header[data-header-type="1"] .ti-btn-dropdown[data-id=profile-switch]:before { left: 10px; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][data-widget-type=social] header[data-header-type="2"] .ti-widget-header .ti-profile-image, .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][data-widget-type=social] header[data-header-type="2"] .ti-btn-dropdown[data-id=link-tree], .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style] header[data-header-type="3"] .ti-widget-header { width: auto; justify-content: center; column-gap: 0; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style] 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=custom-style] header[data-header-type="3"] .ti-widget-header .ti-profile .ti-name * { max-width: 250px; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style] 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=custom-style] 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=custom-style] 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=custom-style] header[data-header-type="3"] .ti-btn-dropdown[data-id=link-tree] { right: calc(50% - 350px); } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style] 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=custom-style] header[data-header-type="3"] .ti-btn-dropdown[data-id=profile-switch] { left: calc(50% - 350px); } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style] 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=custom-style][data-widget-width=xs] header[data-header-type="3"] .ti-widget-header { flex-wrap: wrap; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][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=custom-style][data-widget-type=social] { display: block; width: 100%; margin-top: 0px; margin-bottom: 40px; background-color: transparent; padding-top: 0px; padding-left: 0px; padding-bottom: 0px; padding-right: 0px; border-width: 0px; border-color: #000000; border-style: solid; border-radius: 0px; line-height: 1.4; user-select: none; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][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=custom-style][data-widget-type=social]::before { content: ""; } .ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-widget-body { overflow: hidden; } .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 {    } .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: "Poppins", sans-serif !important; font-weight: 400; } .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 * 15px / 2); margin-right: calc(-1 * 15px / 2); margin-top: calc(15px / 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; flex-direction: row; gap: unset; 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(15px / 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: #828282; 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(15px / 2) !important; padding-right: calc(15px / 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: 3; border-radius: 50px; cursor: pointer; display: flex !important; justify-content: center; align-items: center; } @media (max-width: 600px) { .ti-lightbox .ti-lightbox-close { background-color: rgba(255, 255, 255, 0.2); } .ti-lightbox .ti-lightbox-close:active { background-color: rgba(255, 255, 255, 0.4); } } @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: 8px !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: 0; 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; scrollbar-width: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; } @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: 600; 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: 0; 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: 0; left: 0; z-index: 2; display: flex; flex-wrap: wrap; align-items: center; flex: 0 0 100%; width: 100%; height: 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 { position: relative; pointer-events: auto; font-size: 0; height: 80%; display: flex; align-items: center; } .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 { content: ""; display: block; position: relative; border-radius: 50%; background-color: rgba(255, 255, 255, 0.7); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); outline-width: 0; border-width: 0; } @media (max-width: 600px) { .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-prev:active:before, .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-next:active:before, .ti-lightbox .ti-nav-arrow .ti-arrow-prev:active:before, .ti-lightbox .ti-nav-arrow .ti-arrow-next:active:before { background-color: white; transform: scale(0.95); } } @media (min-width: 600px) { .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-prev:hover:before, .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-next:hover:before, .ti-lightbox .ti-nav-arrow .ti-arrow-prev:hover:before, .ti-lightbox .ti-nav-arrow .ti-arrow-next:hover:before { background-color: white; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-prev:active:before, .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-next:active:before, .ti-lightbox .ti-nav-arrow .ti-arrow-prev:active:before, .ti-lightbox .ti-nav-arrow .ti-arrow-next:active:before { transform: scale(0.95); } } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-prev:after, .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-next:after, .ti-lightbox .ti-nav-arrow .ti-arrow-prev:after, .ti-lightbox .ti-nav-arrow .ti-arrow-next:after { display: block; content: ""; transform-origin: center center; position: absolute; 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:after, .ti-lightbox .ti-nav-arrow .ti-arrow-next:after { transform: rotate(135deg); } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow .ti-arrow-prev:after, .ti-lightbox .ti-nav-arrow .ti-arrow-prev:after { transform: rotate(-45deg); } .ti-lightbox .ti-nav-arrow .ti-arrow-prev:before, .ti-lightbox .ti-nav-arrow .ti-arrow-next:before { width: 30px !important; height: 30px !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:before, .ti-lightbox .ti-nav-arrow .ti-arrow-next:active:before { background-color: white; transform: scale(0.95); } } @media (min-width: 600px) { .ti-lightbox .ti-nav-arrow .ti-arrow-prev:hover:before, .ti-lightbox .ti-nav-arrow .ti-arrow-next:hover:before { background-color: white; } .ti-lightbox .ti-nav-arrow .ti-arrow-prev:active:before, .ti-lightbox .ti-nav-arrow .ti-arrow-next:active:before { transform: scale(0.95); } } .ti-lightbox .ti-nav-arrow .ti-arrow-prev:after, .ti-lightbox .ti-nav-arrow .ti-arrow-next:after { width: 7.5px !important; height: 7.5px !important; border-top-color: #000000 !important; border-left-color: #000000 !important; } .ti-lightbox .ti-nav-arrow .ti-arrow-next { padding-right: 20px; } .ti-lightbox .ti-nav-arrow .ti-arrow-next:after { left: 7.5px; } .ti-lightbox .ti-nav-arrow .ti-arrow-prev { padding-left: 20px; } .ti-lightbox .ti-nav-arrow .ti-arrow-prev:after { right: 7.5px; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="1"] .ti-arrow-prev:before, .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="1"] .ti-arrow-next:before { width: 30px !important; height: 30px !important; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="1"] .ti-arrow-prev:after, .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="1"] .ti-arrow-next:after { width: 7.5px; height: 7.5px; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="1"] .ti-arrow-next { padding-right: 20px; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="1"] .ti-arrow-next:after { left: 8.5px; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="1"] .ti-arrow-prev { padding-left: 20px; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="1"] .ti-arrow-prev:after { right: 8.5px; } .ti-lightbox > .ti-nav-arrow[data-arrow-type="1"] .ti-arrow-prev:after, .ti-lightbox > .ti-nav-arrow[data-arrow-type="1"] .ti-arrow-next:after { width: calc(30px * 1.75); height: calc(30px * 1.75); } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="2"] .ti-arrow-prev:before, .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="2"] .ti-arrow-next:before { width: 45px !important; height: 45px !important; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="2"] .ti-arrow-prev:after, .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="2"] .ti-arrow-next:after { width: 11.25px; height: 11.25px; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="2"] .ti-arrow-next { padding-right: 20px; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="2"] .ti-arrow-next:after { left: 13.25px; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="2"] .ti-arrow-prev { padding-left: 20px; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="2"] .ti-arrow-prev:after { right: 13.25px; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="3"] .ti-arrow-prev:before, .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="3"] .ti-arrow-next:before { width: calc(60px / 2) !important; height: 60px !important; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="3"] .ti-arrow-prev:after, .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="3"] .ti-arrow-next:after { width: 9px; height: 9px; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="3"] .ti-arrow-next:before { border-top-left-radius: 60px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 60px; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="3"] .ti-arrow-next:after { right: 9px; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="3"] .ti-arrow-prev:before { border-top-left-radius: 0; border-top-right-radius: 60px; border-bottom-right-radius: 60px; border-bottom-left-radius: 0; } .ti-widget[data-wkey="feed-instagram"] .ti-nav-arrow[data-arrow-type="3"] .ti-arrow-prev:after { right: 9px; } .ti-widget[data-wkey="feed-instagram"] .ti-card-media .ti-nav-arrow[data-arrow-type="3"] { width: 100% !important; left: 0 !important; right: 0 !important; } .ti-widget[data-wkey="feed-instagram"] .ti-card-media .ti-nav-arrow[data-arrow-type="3"] .ti-arrow-prev:before, .ti-widget[data-wkey="feed-instagram"] .ti-card-media .ti-nav-arrow[data-arrow-type="3"] .ti-arrow-next:before { height: calc(60px / 2) !important; } .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: #efefef; color: #000000; border-radius: 4px; font-size: 14px; padding: 8px 15px; border: none; transition: all 0.2s ease-in-out; outline-color: rgba(239, 239, 239, 0.5); } .ti-widget[data-wkey="feed-instagram"] .ti-nav-loadmore .ti-btn:hover { background-color: #e2e2e2; outline-width: 3px; outline-style: solid; } .ti-preview-box { color: #000000; background-color: #fafafa; }:root {
--woof-fb-section-width: 100%;
}
.woof-form-builder-btn{
position: relative;
display: inline-block;
margin-bottom: 0;
width: auto;
text-align: center;
text-decoration: none;
}
.woof-form-builder-btn:hover{
text-decoration: none;
}
.woof-form-builder-btn img{
display: inline-block;
width: 40px;
height: 40px;
transition: all 2s;
}
.woof-form-builder-btn:hover img:nth-child(1){
transform: rotate(360deg);
}
.woof-form-builder-btn img:nth-child(1){
opacity: 1 !important;
}
.woof-form-builder-btn img:nth-child(2){
position: absolute;
width: 20px;
height: 20px;
top: 42%;
left: 51%;
transform: translate(-50%, -50%);
}
.woof-front-builder-list{
margin: 0 !important;
padding: 0 !important;
}
.woof-front-builder-list li{
position: relative;
display: block;
padding: 10px;
background: #fff;
margin-bottom: 9px;
transition: all 0.5s;
box-sizing: border-box;
background-color: #fefefe;
border: 1px solid #ddd;
vertical-align: middle;
box-sizing: border-box;
color: #161c2d;
}
.woof-front-builder-list > li.woof-front-builder-list-li-selected{
border: dashed 1px lightseagreen;
}
.woof-front-builder-selector{
width: 100%;
margin-bottom: 11px;
min-height: 30px;
font-size: 18px;
color: #000;
border: solid 1px #ddd !important;
padding: 9px;
}
select.woof-front-builder-selector:invalid,
select.woof-front-builder-selector
{
color: #2eca8b !important;
font-weight: 600 !important;
}
select.woof-front-builder-selector option:not([value=""])
{
color: #000;
font-weight: 500 !important;
}
.woof-front-builder-list-li-del{
position: absolute;
right: 0;
top: 10px;
display: inline-block;
width: 30px;
}
.woof-front-builder-list-li-del img{
position: relative;
width: 50%;
display: block;
top: 6px;
right: -8px;
}
.woof-front-builder-list-li-move{
position: absolute;
right: 30px;
top: 11px;
display: flex;
}
.woof-front-builder-list-li-move a{
margin-right: 11px;
align-self: center;
}
.woof-front-builder-list-li-down,
.woof-front-builder-list-li-up,
.woof-front-builder-sd-btn{
display: inline-block;
width: 30px;
}
.woof-front-builder-sd-btn{
top: 0;
display: inline-block;
position: relative;
}
.woof-front-builder-list-li-down img,
.woof-front-builder-list-li-up img,
.woof-front-builder-sd-btn img,
.woof-front-builder-btn-back img,
.woof-front-builder-btn-options img{
width: 100%;
display: block;
}
.woof-front-builder-list-li-up{
transform: rotate(180deg);
}
.woof-front-builder-list-li-down{
top: -8px;
position: relative;
}
.woof-front-builder-btn-back,
.woof-front-builder-btn-options{
display: inline-block;
width: 30px;
}
.popup23-content data-table-row data-table-cell:nth-child(2){
text-align: left;
}
.popup23-content data-table-cell textarea{
height: 100%;
min-height: 100px;
}
.woof-front-builder-premium{
color: red;
}
.woof-front-builder-container .woof_auto_show{
background: #fff;
}
.popup23-tab-panels input[type=text],
.popup23-tab-panels textarea,
.popup23-tab-panels select{
padding: 0.6em;
background-color: #faf9f9;
background-image: none !important;
color: #43454b;
border: 0;
-webkit-appearance: auto;
box-sizing: border-box;
font-weight: 400;
box-shadow: none;
width: 100%;
}
.woof-front-builder-container{
overflow: unset; }
.woof-front-builder-container:has(.woof_autohide_wrapper){
overflow: visible;
}
.woof-front-builder-container .woof_container{
display: inline-block;
width: calc(var(--woof-fb-section-width) - 2px);
vertical-align: top;
}
.woof-front-builder-container .woof_block_html_items{
max-height: var(--woof-fb-section-height) !important; padding: 3px 0 0 3px;
}
.woof-front-builder-type-selector{
position: absolute;
width: 200px !important;
max-width: 200px !important;
left: 50%;
top: 50%;
transform: translate(0, -50%);
background-color: #fbfbff !important;
}
.woof-front-builder-container .woof_block_html_items{
overflow-y: auto;
overflow: visible;
}
.woof-front-builder-container .woof_container h4 {
margin-bottom: 11px;
font-size: 1.12em;
line-height: 1.12em;
background: #f7f7f7;
padding: 8px 7px;
color: #333;
text-align: center;
}
.woof-front-builder-type-section-options{
position: absolute;
left: 45%;
top: 50%;
transform: translate(0, -50%);
}
.widget .woof_sid_flat_white,
.widget_text .woof_sid_flat_white{
border: none;
padding: 0;
}
.widget .woof_auto_show_indent .woof_sid_flat_white{
border: solid 1px #eee;
padding: 9px;
}
.woof-front-builder-container .woof_list_sd.woof_list_switcher_sd{
padding-left: 11px;
}
.woof-front-builder-container .select2,
.woof-front-builder-container .chosen-container{
width: 100% !important;
}
.woof-front-builder-container .woof_auto_1_columns .woof_container{
padding: 0 0 15px 0;
}.ui-slideouttab-panel, .ui-slideouttab-handle {
background-color: #fff;
padding: 0.4em;
box-sizing: border-box;
}
.ui-slideouttab-panel {
display: block;
position: fixed;
border: 1px solid #f9f9f9;
} .ui-slideouttab-ready {
transition: transform 0.5s ease 0s;
} @media print {
.ui-slideouttab-panel {
display: none;
}
} .ui-slideouttab-handle {
display: block;
position: absolute;
cursor: pointer;
color: white;
background-color: grey;
}
.ui-slideouttab-handle-image {
transform: rotate(0);
} .ui-slideouttab-right {
right: 0px;
transform: translateX(100%);
border-right: none;
}
.ui-slideouttab-right.ui-slideouttab-open {
transform: translateX(0%);
}
.ui-slideouttab-right .ui-slideouttab-handle {
transform-origin: 0% 0%;
transform: rotate(-90deg) translate(-100%,-100%);   
}
.ui-slideouttab-right .ui-slideouttab-handle-reverse {
transform-origin: 0% 100%;
transform: rotate(-90deg);
} .ui-slideouttab-left {
left: 0px;
transform: translateX(-100%);
border-left: none;
}
.ui-slideouttab-left.ui-slideouttab-open {
transform: translateX(0%);
}
.ui-slideouttab-left .ui-slideouttab-handle {
transform-origin: 100% 0%;
transform: rotate(-90deg);   
}
.ui-slideouttab-left .ui-slideouttab-handle-reverse {
transform-origin: 100% 100%;
transform: rotate(-90deg) translate(100%,100%);   
} .ui-slideouttab-top {
top: 0px;
transform: translateY(-100%);
border-top: none;
}
.ui-slideouttab-top.ui-slideouttab-open {
transform: translateY(0%);
} .ui-slideouttab-bottom {
bottom: 0px;
transform: translateY(100%);
border-bottom: none;
}
.ui-slideouttab-bottom.ui-slideouttab-open {
transform: translateY(0%);
} .ui-slideouttab-left .ui-slideouttab-handle>.fa-icon, 
.ui-slideouttab-right .ui-slideouttab-handle>.fa-icon { 
transform: rotate(90deg);
}
.ui-slideouttab-handle>.fa-icon {
margin-left: 0.5em;
} .ui-slideouttab-top .ui-slideouttab-handle-rounded,
.ui-slideouttab-left .ui-slideouttab-handle-rounded {
border-radius: 0 0 4px 4px;
}
.ui-slideouttab-right .ui-slideouttab-handle-rounded, 
.ui-slideouttab-bottom .ui-slideouttab-handle-rounded {
border-radius: 4px 4px 0 0;
}.woof-slide-out-div{
z-index: 9999;
}
.woof-slide-content{
overflow-x: hidden;
padding: 9px;
}
.woof-slide-content .chosen-container{
max-width: 100% !important;
}:root{--joinchat-ico:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M3.516 3.516c4.686-4.686 12.284-4.686 16.97 0s4.686 12.283 0 16.97a12 12 0 0 1-13.754 2.299l-5.814.735a.392.392 0 0 1-.438-.44l.748-5.788A12 12 0 0 1 3.517 3.517zm3.61 17.043.3.158a9.85 9.85 0 0 0 11.534-1.758c3.843-3.843 3.843-10.074 0-13.918s-10.075-3.843-13.918 0a9.85 9.85 0 0 0-1.747 11.554l.16.303-.51 3.942a.196.196 0 0 0 .219.22zm6.534-7.003-.933 1.164a9.84 9.84 0 0 1-3.497-3.495l1.166-.933a.79.79 0 0 0 .23-.94L9.561 6.96a.79.79 0 0 0-.924-.445l-2.023.524a.797.797 0 0 0-.588.88 11.754 11.754 0 0 0 10.005 10.005.797.797 0 0 0 .88-.587l.525-2.023a.79.79 0 0 0-.445-.923L14.6 13.327a.79.79 0 0 0-.94.23z'/%3E%3C/svg%3E");--joinchat-font:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen-sans,ubuntu,cantarell,"Helvetica Neue",sans-serif}.joinchat{--sep:20px;--bottom:var(--sep);--s:60px;--h:calc(var(--s)/2);--ch:142;--cs:70%;--cl:49%;--bw:1;--text:hsl(0deg 0% clamp(0%,var(--bw)*1000%,100%)/clamp(70%,var(--bw)*1000%,100%));--hover:hsl(var(--ch) var(--cs) calc(var(--cl) + 20%));--color:hsl(var(--ch) var(--cs) var(--cl));display:none;position:fixed;z-index:9000;right:var(--sep);bottom:var(--bottom);font:normal normal normal 16px/1.625em var(--joinchat-font);letter-spacing:0;animation:joinchat_show .5s cubic-bezier(.18,.89,.32,1.28) 10ms both;transform:scale3d(0,0,0);transform-origin:calc(var(--s)/-2) calc(var(--s)/-4);-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgb(0 0 0/0)}.joinchat *,.joinchat :after,.joinchat :before{box-sizing:border-box}.joinchat--show{display:block;transform:scaleX(1)}.joinchat--left{right:auto;left:var(--sep)}.joinchat--noanim{animation:none}.joinchat__button{position:absolute;z-index:2;bottom:8px;right:8px;height:var(--s);width:var(--s);background:#25d366 var(--joinchat-ico) 50%/60% no-repeat;color:inherit;border-radius:50%;box-shadow:1px 6px 24px 0 rgba(7,94,84,.24);cursor:pointer;transition:background-color .2s linear}.joinchat__button:hover{background-color:#128c7e}.joinchat__button:active{background-color:#128c7e;transition:none}.joinchat--left .joinchat__button{right:auto;left:8px}.joinchat__button__ico{position:absolute;inset:0;display:flex;border-radius:50%;overflow:hidden;color:var(--text)!important}.joinchat__button__ico svg{width:var(--ico-size,100%);height:var(--ico-size,100%);margin:calc((100% - var(--ico-size, 1))/2)}.joinchat__button:has(.joinchat__button__ico){background:var(--color);box-shadow:1px 6px 24px 0 hsl(var(--ch) var(--cs) calc(var(--cl) - 10%)/24%)}.joinchat__button:has(.joinchat__button__ico):active,.joinchat__button:has(.joinchat__button__ico):hover{background:var(--hover)}.joinchat__button__image{position:absolute;inset:1px;border-radius:50%;overflow:hidden;opacity:0}.joinchat__button__image img,.joinchat__button__image video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.joinchat--show .joinchat__button__image{animation:joinchat_image_loop 20s linear 5s infinite normal both}.joinchat--img .joinchat__button__image{opacity:1;animation:none}.joinchat__tooltip{position:absolute;top:calc(var(--h) - 16px);right:calc(var(--s) + 16px);max-width:calc(100vw - var(--s) - 45px);height:32px;padding:0 14px;border:none;border-radius:16px;background:#fff;color:rgba(0,0,0,.8);line-height:31px;white-space:nowrap;opacity:0;transition:opacity .3s ease-out .4s;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4));pointer-events:none}.joinchat__tooltip:after{content:"";display:block;position:absolute;top:10px;right:-6px;border:8px solid transparent;border-width:6px 0 6px 8px;border-left-color:#fff}.joinchat__tooltip div{width:-moz-max-content;width:max-content;max-width:100%;overflow:hidden;text-overflow:ellipsis}.joinchat--tooltip .joinchat__tooltip{animation:joinchat_tootlip 20s linear 5s 1 normal both}.joinchat--left .joinchat__tooltip{right:auto;left:calc(var(--s) + 16px)}.joinchat--left .joinchat__tooltip:after{left:-6px;right:auto;border-color:transparent;border-width:6px 8px 6px 0;border-right-color:#fff}.joinchat__qr{position:absolute;z-index:2;bottom:calc(var(--s) + 24px);right:8px;display:none;flex-direction:column-reverse;width:228px;min-height:200px;padding:14px 14px 10px;border:none;border-radius:16px;background:#fff;color:rgba(0,0,0,.8);text-align:center;white-space:nowrap;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4));animation:joinchat_badge_in .4s cubic-bezier(.11,.84,.83,1.01) .5s both;pointer-events:none}.joinchat__qr:after{content:"";display:block;position:absolute;bottom:-6px;right:calc(var(--h) - 6px);border:8px solid transparent;border-width:8px 6px 0;border-top-color:#fff}.joinchat--left .joinchat__qr{left:8px;right:auto}.joinchat--left .joinchat__qr:after{left:calc(var(--h) - 6px);right:auto}.joinchat__qr div{font-size:14px;color:#4a4a4a;overflow:hidden;text-overflow:ellipsis}.joinchat__qr canvas{display:block;width:200px;height:200px;margin:0;image-rendering:pixelated}@keyframes joinchat_show{0%{transform:scale3d(0,0,0)}to{transform:scaleX(1)}}@keyframes joinchat_badge_in{0%{opacity:0;transform:translate3d(0,50px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes joinchat_image_loop{0%{opacity:0}3%,20%{opacity:1}25%,to{opacity:0}}@keyframes joinchat_tootlip{0%{opacity:0;transform:scaleY(0)}1%,20%{opacity:1;transform:scaleX(1)}25%,to{opacity:0;transform:scaleX(1)}}.joinchat__woo-btn__wrapper{clear:both}.joinchat__woo-btn{--s:40px;display:inline-block;box-sizing:border-box;height:var(--s);max-width:100%;padding:0 calc(var(--s)/2) 0 var(--s);background:#25d366 var(--joinchat-ico) calc(var(--s)*0.2) 50% no-repeat;background-size:calc(var(--s)*0.6);color:#fff;border-radius:calc(var(--s)/2);font:700 normal calc(var(--s)*0.35)/var(--s) var(--joinchat-font);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;transition:background-color .2s}.joinchat__woo-btn:empty{padding-right:0}.joinchat__woo-btn:hover{background-color:#128c7e}@media (orientation:landscape) and (height >= 481px),(orientation:portrait) and (width >= 481px){.joinchat--mobile{display:none!important}}@media (width <= 767px){.joinchat--footer-bar{--bottom:76px!important}}@media (orientation:landscape) and (height <= 480px),(width <= 480px){.joinchat{--sep:6px}}@media (hover:hover){.joinchat__button:hover .joinchat__tooltip{opacity:1;animation:none;transition:opacity .2s}.joinchat--btn .joinchat__button:hover~.joinchat__qr{display:flex}}@media (prefers-reduced-motion){.joinchat{animation:none}}