.lshowcase-logos {
margin:0 auto;
text-align: center;
}
.lshowcase-center {
text-align: center;
}
.lshowcase-left .lshowcase-logos {
text-align: left !important;
}
.lshowcase-slide {
vertical-align: middle; float: none !important;
}
.lshowcase-horizontal-slide {
display: inline-block;
}
.lshowcase-ticker-slide {
display: flex;
align-items: center;
justify-content: center;
}
.lshowcase-flex-list {
display:flex;
flex-direction: column;
align-items: flex-start;
}
.lshowcase-boxInner-list {
display:flex;
flex-direction: row;
align-items: center;
}
.lshowcase-wrapper-list {
margin: 20px 0;
}
.lshowcase-boxInner-list .lshowcase-description {
padding:0 0 0 10px;
text-align:left;
} .ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-tooltip {
position: absolute;
z-index: 9999;
-o-box-shadow: 0 0 5px #aaa;
-moz-box-shadow: 0 0 5px #aaa;
-webkit-box-shadow: 0 0 5px #aaa;
box-shadow: 0 0 5px #aaa;
color: #FFF;
border-radius: 3px;
background: #666;
padding: 5px 10px;
}
* html .ui-tooltip {
background-image: none;
}
body .ui-tooltip {
border-width: 2px;
}
#hcarouselhelp {
margin-top:50px;
margin-bottom:30px;
display:none;
background:#f5f5f5;
padding:5px;
font-size:0.8em;
}
.ls-remember.button-primary {
margin-bottom:10px;
}
#hcarouselhelp .fa {
color:red;
}
.ui-tooltip, .lsarrow:after {
background: #666;
border-radius: 2px;
}
.lsarrow {
width: 70px;
height: 16px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -35px;
bottom: -16px;
}
.lsarrow.top {
top: -16px;
bottom: auto;
}
.lsarrow.left {
left: 20%;
}
.lsarrow:after {
content: "";
position: absolute;
left: 20px;
top: -20px;
width: 25px;
height: 25px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
tranform: rotate(45deg);
}
.lsarrow.top:after {
bottom: -20px;
top: auto;
}
.lshowcase-opacity-enhance img {
opacity: 0.7;
transition: .6s;
-webkit-transition: .6s;
-moz-transition: .6s;
-o-transition: .6s;
-ms-transition: .6s;
}
.lshowcase-opacity-enhance img:hover {
opacity: 1;
transition: .6s;
-webkit-transition: .6s;
-moz-transition: .6s;
-o-transition: .6s;
-ms-transition: .6s;
}
.lshowcase-lower-opacity img:hover {
opacity:0.7;
transition: 0.6s;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
-ms-transition: 0.6s;
}
.lshowcase-lower-opacity img {
opacity:1;
transition: 0.6s;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
-ms-transition: 0.6s; }
.lshowcase-boxhighlight img:hover {
-webkit-box-shadow: 0 0 10px #CCC;
-moz-box-shadow: 0 0 10px #CCC;
box-shadow: 0 0 10px #CCC;
}
.lshowcase-jquery-gray {
opacity: 0;
}
.lshowcase-grayscale img,
.lshowcase-hover-grayscale img{
filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
opacity: 0.7;
margin: 10px;
-webkit-transform: translateZ(0);
}
.lshowcase-hover-grayscale img:hover {
filter: none;
-webkit-filter: grayscale(0);
opacity: 1;
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}
.lshowcase-grayscale-2 img {
filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
opacity: 1;
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
margin: 10px;
}
.lshowcase-grayscale-2 img:hover {
filter: none;
-webkit-filter: grayscale(0);
opacity: 1;
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}
.lshowcase-container-hover {
background-color: inherit;
transition: 0.5s;
}
.lshowcase-container-hover:hover  {
background-color:#f0f0f0;
transition: 0.5s;
}
.lshowcase-border {
border:1px solid #CCC;
box-sizing:border-box;
margin-right:-1px;
margin-bottom:-1px;
background-color: inherit;
transition: 0.5s;
}
.lshowcase-border:hover {
background-color:#f0f0f0;
transition: 0.5s;
}
.lshowcase-clear-both {
clear: both;
height: 0;
}
.lshowcase-box-normal { vertical-align: middle;
display: inline-block; }
.lshowcase-boxInner {
}
.lshowcase-description-hover {
position:absolute;
max-width:100%;
background:rgba(255, 255, 255, 0.85);
color:#222;
opacity:0;
width:100%;
height:100%;
top:0;
left:0;
display:flex;
align-items: center;
justify-content: center;
font-size:0.9em;
font-weight: bold;
text-align: center;
transition: all 0.3s;
}
.lshowcase-thumb {
position:relative;
}
.lshowcase-thumb img {
height:auto;
}
.lshowcase-thumb:hover .lshowcase-description-hover {
opacity:1;
}
.lshowcase-thumb:hover .lshowcase-boxInner {
overflow: hidden;
}
.lshowcase-boxInner-normal {
display: inline-block;
height: 100%;
vertical-align: middle;
}
.lshowcase-boxInner-normal img {
text-align: center;
margin: 0 auto;
height:auto;
} .lshowcase-flex {
display: flex;
flex-flow: row;
flex-wrap: wrap;
justify-content: center;
align-content: stretch;
}
.lshowcase-box-1,
.lshowcase-box-2,
.lshowcase-box-3,
.lshowcase-box-4,
.lshowcase-box-5,
.lshowcase-box-6,
.lshowcase-box-7,
.lshowcase-box-8,
.lshowcase-box-9,
.lshowcase-box-10,
.lshowcase-box-11,
.lshowcase-box-12,
.lshowcase-box-14,
.lshowcase-box-16,
.lshowcase-box-18{
align-self:stretch;
display:flex;
align-items:center;
}
.lshowcase-box-18 {
flex-basis:5.5%;
width:5.5%;
}
.lshowcase-box-16 {
flex-basis:6.25%;
width:6.25%;
}
.lshowcase-box-14 {
flex-basis:7.14%;
width:7.14%;
}
.lshowcase-box-12 {
flex-basis:8.33%;
width:8.33%;
}
.lshowcase-box-11 {
flex-basis:9.09%;
width:9.09%;
}
.lshowcase-box-10 {
flex-basis:10%;
width:10%;
}
.lshowcase-box-9 {
flex-basis:11.11%;
width:11.11%;
}
.lshowcase-box-8 {
flex-basis:12.5%;
width:12.5%;
}
.lshowcase-box-7 {
flex-basis:14.28%;
width:14.28%;
}
.lshowcase-box-6 {
flex-basis:16%;
width:16%;
}
.lshowcase-box-5 {
flex-basis:20%;
width:20%;
}
.lshowcase-box-4 {
flex-basis:25%;
width: 25%;
}
.lshowcase-box-3 {
flex-basis:33.33%;
width:33.33%;
}
.lshowcase-box-2 {
flex-basis:50%;
width:50%;
}
.lshowcase-box-1 {
flex-basis:100%;
width:100%;
}
.lshowcase-description {
text-align: center;
padding: 5px 5px 10px 5px;
margin:0 auto;
word-wrap: break-word;
word-break: keep-all;
}
.lstit { font-weight: bold;}
.lshowcase-wrap-responsive {
width:100%;
}
.lshowcase-wrap-responsive img {
max-width: 100%;
height: auto;
display: block;
text-align: center;
margin: 0 auto;
}
.lshowcase-wrap-hcarousel,
.lshowcase-wrap-normal {
display: inline-block;
vertical-align: middle;
} ul#ls-filter-nav,
ul#ls-enhance-filter-nav,
ul#ls-isotope-filter-nav {
text-align: center;
display: block;
margin: 20px 0;
padding: 15px 4px 17px 0;
list-style: none;
clear: both;
z-index: 9999999999;
}
ul#ls-filter-nav li,
ul#ls-enhance-filter-nav li,
ul#ls-isotope-filter-nav li {
font: bold 1em;
display: inline-block;
margin: 0px 2px;
position: relative;
padding: 7px 12px;
cursor: pointer;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
ul#ls-filter-nav li:hover,
ul#ls-enhance-filter-nav li:hover,
ul#ls-isotope-filter-nav li:hover  {
background: #666;
color: #fff;
border-radius: 3px;
}
ul#ls-filter-nav li ul,
ul#ls-enhance-filter-nav li ul,
ul#ls-isotope-filter-nav li ul {
z-index: 9999999999;
padding: 0;
margin:0;
position: absolute;
top: 30px;
left: -2px;
width: 150px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
display: none;
opacity: 0;
visibility: hidden;
-webkit-transiton: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
-transition: opacity 0.2s;
}
ul#ls-filter-nav li ul li,
ul#ls-enhance-filter-nav li ul li,
ul#ls-isotope-filter-nav li ul li {
background: #666;
display: block;
color: #fff;
text-shadow: 0 -1px 0 #000;
border-radius: 5px;
}
ul#ls-filter-nav li ul li:hover,
ul#ls-enhance-filter-nav li ul li:hover,
ul#ls-isotope-filter-nav li ul li:hover { background: #666; border-radius: 3px; }
ul#ls-filter-nav li:hover ul,
ul#ls-enhance-filter-nav li:hover ul,
ul#ls-isotope-filter-nav li:hover ul  {
display: block;
opacity: 1;
visibility: visible;
}
ul#ls-filter-nav li.ls-current-li,
ul#ls-enhance-filter-nav li.ls-current-li,
ul#ls-isotope-filter-nav li.ls-current-li {
background:#666;
color:#FFF;
border-radius: 3px;
}
.ls-not-current {
filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
opacity:0.3;
filter:alpha(opacity=0.3);
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
transition: 0.6s;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
-ms-transition: 0.6s;
}
.ls-not-current-hide {
filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
transition: 0.6s;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
-ms-transition: 0.6s;
}
.ls-current {
filter: none;
-webkit-filter: grayscale(0);
opacity: 1;
filter:alpha(opacity=100);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transition: 0.6s;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
-ms-transition: 0.6s;
}
.post-type-lshowcase #postimagediv .inside img {
width:none;
}
@media screen and (max-width: 480px) {
.lshowcase-box-4,.lshowcase-box-5,.lshowcase-box-6,.lshowcase-box-7,.lshowcase-box-8,.lshowcase-box-9,.lshowcase-box-10,.lshowcase-box-11,.lshowcase-box-12,.lshowcase-box-14,.lshowcase-box-16,.lshowcase-box-18,.lshowcase-box-2 {
width: 50%;
flex-basis:50%;
}
}
@media screen and (max-width: 650px) and (min-width: 481px) {
.lshowcase-box-4,.lshowcase-box-5,.lshowcase-box-6,.lshowcase-box-7,.lshowcase-box-8,.lshowcase-box-9,.lshowcase-box-10,.lshowcase-box-11,.lshowcase-box-12,.lshowcase-box-14,.lshowcase-box-16,.lshowcase-box-18 {
width: 25%;
flex-basis:25%;
}
}: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{--bottom:20px;--sep:20px;--s:60px;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);min-width:var(--s);background:#25d366;color:inherit;border-radius:calc(var(--s)/2);box-shadow:1px 6px 24px 0 rgba(7,94,84,.24);cursor:pointer;transition:background-color .2s linear}.joinchat__button:hover{background:#128c7e}.joinchat__button:active{background:#128c7e;transition:none}.joinchat--left .joinchat__button{right:auto;left:8px}.joinchat__button__open{width:var(--s);height:var(--s);border-radius:50%;background:rgb(0 0 0/0) var(--joinchat-ico) 50% no-repeat;background-size:60%;overflow:hidden}.joinchat__button__image{position:absolute;top:1px;right:1px;width:calc(var(--s) - 2px);height:calc(var(--s) - 2px);border-radius:50%;overflow:hidden;opacity:0}.joinchat__button__image img{display:block;width:100%;height:100%;object-fit:cover}.joinchat--show .joinchat__button__image{animation:joinchat_image_loop 20s linear 5s infinite normal both}.joinchat--image .joinchat__button__image{opacity:1;animation:none}.joinchat__tooltip{position:absolute;top:calc(var(--s)/2 - 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;bottom:calc(var(--s) + 16px);right:0;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(--s)/2 - 6px);border:8px solid transparent;border-width:8px 6px 0;border-top-color:#fff}.joinchat--left .joinchat__qr{left:0;right:auto}.joinchat--left .joinchat__qr:after{left:calc(var(--s)/2 - 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}@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{--bottom:6px;--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}}