.slider-pro {
position: relative;
margin: 0 auto;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.sp-slides-container {
position: relative;
}
.sp-mask {
position: relative;
overflow: hidden;
}
.sp-slides {
position: relative;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
}
.sp-slide {
position: absolute;
}
.sp-image-container {
overflow: hidden;
}
.sp-image {
position: relative;
display: block;
border: none;
}
.sp-no-js {
overflow: hidden;
max-width: 100%;
} .sp-thumbnails-container {
position: relative;
overflow: hidden;
direction: ltr;
}
.sp-top-thumbnails,
.sp-bottom-thumbnails  {
left: 0;
margin: 0 auto;
}
.sp-top-thumbnails {
position: absolute;
top: 0;
margin-bottom: 4px;
}
.sp-bottom-thumbnails {
margin-top: 4px;
}
.sp-left-thumbnails,
.sp-right-thumbnails {
position: absolute;
top: 0;
}
.sp-right-thumbnails {
right: 0;
margin-left: 4px;
}
.sp-left-thumbnails {
left: 0;
margin-right: 4px;
}
.sp-thumbnails {
position: relative;
}
.sp-thumbnail {
border: none;
}
.sp-thumbnail-container {
position: relative;
display: block;
overflow: hidden;
float: left;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sp-rtl .sp-thumbnail-container {
float: right;
} .sp-top-thumbnails .sp-thumbnail-container,
.sp-bottom-thumbnails .sp-thumbnail-container {
margin-left: 2px;
margin-right: 2px;
}
.sp-top-thumbnails .sp-thumbnail-container:first-child,
.sp-bottom-thumbnails .sp-thumbnail-container:first-child {
margin-left: 0;
}
.sp-top-thumbnails .sp-thumbnail-container:last-child,
.sp-bottom-thumbnails .sp-thumbnail-container:last-child {
margin-right: 0;
} .sp-left-thumbnails .sp-thumbnail-container,
.sp-right-thumbnails .sp-thumbnail-container {
margin-top: 2px;
margin-bottom: 2px;
}
.sp-left-thumbnails .sp-thumbnail-container:first-child,
.sp-right-thumbnails .sp-thumbnail-container:first-child {
margin-top: 0;
}
.sp-left-thumbnails .sp-thumbnail-container:last-child,
.sp-right-thumbnails .sp-thumbnail-container:last-child {
margin-bottom: 0;
} .sp-right-thumbnails.sp-has-pointer {
margin-left: -13px;
}
.sp-right-thumbnails.sp-has-pointer .sp-thumbnail {
position: absolute;
left: 18px;
margin-left: 0 !important;
}
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
content: '';
position: absolute;
height: 100%;
border-left: 5px solid #F00;
left: 0;
top: 0;
margin-left: 13px;
}
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
content: '';
position: absolute;
width: 0;
height: 0;
left: 0;
top: 50%;
margin-top: -8px;
border-right: 13px solid #F00;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
} .sp-left-thumbnails.sp-has-pointer {
margin-right: -13px;
}
.sp-left-thumbnails.sp-has-pointer .sp-thumbnail {
position: absolute;
right: 18px;
}
.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
content: '';
position: absolute;
height: 100%;
border-left: 5px solid #F00;
right: 0;
top: 0;
margin-right: 13px;
}
.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
content: '';
position: absolute;
width: 0;
height: 0;
right: 0;
top: 50%;
margin-top: -8px;
border-left: 13px solid #F00;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
} .sp-bottom-thumbnails.sp-has-pointer {
margin-top: -13px;
}
.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail {
position: absolute;
top: 18px;
margin-top: 0 !important;
}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
content: '';
position: absolute;
width: 100%;
border-bottom: 5px solid #F00;
top: 0;
margin-top: 13px;
}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
content: '';
position: absolute;
width: 0;
height: 0;
left: 50%;
top: 0;
margin-left: -8px;
border-bottom: 13px solid #F00;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
} .sp-top-thumbnails.sp-has-pointer {
margin-bottom: -13px;
}
.sp-top-thumbnails.sp-has-pointer .sp-thumbnail {
position: absolute;
bottom: 18px;
}
.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
content: '';
position: absolute;
width: 100%;
border-bottom: 5px solid #F00;
bottom: 0;
margin-bottom: 13px;
}
.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
content: '';
position: absolute;
width: 0;
height: 0;
left: 50%;
bottom: 0;
margin-left: -8px;
border-top: 13px solid #F00;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
} .sp-layer {
position: absolute;
margin: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-backface-visibility: hidden;
}
.sp-black {
color: #FFF;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.7);
}
.sp-white {
color: #000;
background: rgb(255, 255, 255);
background: rgba(255, 255, 255, 0.7);
}
.sp-rounded {
border-radius: 10px;
}
.sp-padding {
padding: 10px;
} .sp-grab {
cursor: url(//www.mathod.ch/wp-content/plugins/ultimate-responsive-image-slider/assets/css/images/openhand.cur), move;
}
.sp-grabbing {
cursor: url(//www.mathod.ch/wp-content/plugins/ultimate-responsive-image-slider/assets/css/images/closedhand.cur), move;
}
.sp-selectable {
cursor: default;
} .sp-caption-container {
text-align: center;
margin-top: 10px;
} .sp-full-screen {
margin: 0 !important;
background-color: #000;
}
.sp-full-screen-button {
position: absolute;
top: 5px;
right: 10px;
font-size: 30px;
line-height: 1;
cursor: pointer;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.sp-full-screen-button:before {
content: '\2195';
}
.sp-fade-full-screen {
opacity: 0;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.slider-pro:hover .sp-fade-full-screen {
opacity: 1;
} .sp-buttons {
position: relative;
width: 100%;
text-align: center;
padding-top: 10px;
}
.sp-rtl .sp-buttons {
direction: rtl;
}
.sp-full-screen .sp-buttons {
display: none;
}
.sp-button {
width: 10px;
height: 10px;
border: 2px solid #000;
border-radius: 50%;
margin: 4px;
display: inline-block;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
}
.sp-selected-button {
background-color: #000;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.sp-button {
width: 14px;
height: 14px;
}
}
@media only screen and (min-width: 568px) and (max-width: 768px) {
.sp-button {
width: 16px;
height: 16px;
}
}
@media only screen and (min-width: 320px) and (max-width: 568px) {
.sp-button {
width: 18px;
height: 18px;
}
} .sp-arrows {
position: absolute;
}
.sp-fade-arrows {
opacity: 0;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.sp-slides-container:hover .sp-fade-arrows {
opacity: 1;
}
.sp-horizontal .sp-arrows {
width: 100%;
left: 0;
top: 50%;
margin-top: -15px;
}
.sp-vertical .sp-arrows {
height: 100%;
left: 50%;
top: 0;
margin-left: -10px;
}
.sp-arrow {
position: absolute;
display: block;
width: 20px;
height: 30px;
cursor: pointer;
}
.sp-vertical .sp-arrow {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.sp-horizontal .sp-previous-arrow {
left: 20px;
right: auto;
}
.sp-horizontal.sp-rtl .sp-previous-arrow {
right: 20px;
left: auto;
}
.sp-horizontal .sp-next-arrow {
right: 20px;
left: auto;
}
.sp-horizontal.sp-rtl .sp-next-arrow {
left: 20px;
right: auto;
}
.sp-vertical .sp-previous-arrow {
top: 20px;
}
.sp-vertical .sp-next-arrow {
bottom: 20px;
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.sp-previous-arrow:before,
.sp-previous-arrow:after,
.sp-next-arrow:before,
.sp-next-arrow:after {
content: '';
position: absolute;
width: 50%;
height: 50%;
background-color: #FFF;
}
.sp-arrow:before {
left: 30%;
top: 0;
-webkit-transform: skew(145deg, 0deg);
-ms-transform: skew(145deg, 0deg);
transform: skew(145deg, 0deg);
}
.sp-arrow:after {
left: 30%;
top: 50%;
-webkit-transform: skew(-145deg, 0deg);
-ms-transform: skew(-145deg, 0deg);
transform: skew(-145deg, 0deg);
}
.sp-next-arrow {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.sp-horizontal.sp-rtl .sp-previous-arrow {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.sp-horizontal.sp-rtl .sp-next-arrow {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.ie8 .sp-arrow,
.ie7 .sp-arrow {
width: 0;
height: 0;
}
.ie8 .sp-arrow:before,
.ie8 .sp-arrow:after,
.ie7 .sp-arrow:before,
.ie7 .sp-arrow:after {
content: none;
}
.ie8.sp-horizontal .sp-previous-arrow,
.ie7.sp-horizontal .sp-previous-arrow {
border-right: 20px solid #FFF;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
}
.ie8.sp-horizontal .sp-next-arrow,
.ie7.sp-horizontal .sp-next-arrow {
border-left: 20px solid #FFF;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
}
.ie8.sp-vertical .sp-previous-arrow,
.ie7.sp-vertical .sp-previous-arrow {
border-bottom: 20px solid #FFF;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
}
.ie8.sp-vertical .sp-next-arrow,
.ie7.sp-vertical .sp-next-arrow {
border-top: 20px solid #FFF;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
} .sp-thumbnail-arrows {
position: absolute;
}
.sp-fade-thumbnail-arrows {
opacity: 0;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows {
opacity: 1;
}
.sp-top-thumbnails .sp-thumbnail-arrows,
.sp-bottom-thumbnails .sp-thumbnail-arrows {
width: 100%;
top: 50%;
left: 0;
margin-top: -12px;
}
.sp-left-thumbnails .sp-thumbnail-arrows,
.sp-right-thumbnails .sp-thumbnail-arrows {
height: 100%;
top: 0;
left: 50%;
margin-left: -7px;
}
.sp-thumbnail-arrow {
position: absolute;
display: block;
width: 15px;
height: 25px;
cursor: pointer;
}
.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow,
.sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.sp-top-thumbnails .sp-previous-thumbnail-arrow,
.sp-bottom-thumbnails .sp-previous-thumbnail-arrow {
left: 0px;
}
.sp-top-thumbnails .sp-next-thumbnail-arrow,
.sp-bottom-thumbnails .sp-next-thumbnail-arrow {
right: 0px;
}
.sp-left-thumbnails .sp-previous-thumbnail-arrow,
.sp-right-thumbnails .sp-previous-thumbnail-arrow {
top: 0px;
}
.sp-left-thumbnails .sp-next-thumbnail-arrow,
.sp-right-thumbnails .sp-next-thumbnail-arrow {
bottom: 0px;
}
.sp-previous-thumbnail-arrow:before,
.sp-previous-thumbnail-arrow:after,
.sp-next-thumbnail-arrow:before,
.sp-next-thumbnail-arrow:after {
content: '';
position: absolute;
width: 50%;
height: 50%;
background-color: #FFF;
}
.sp-previous-thumbnail-arrow:before {
left: 30%;
top: 0;
-webkit-transform: skew(145deg, 0deg);
-ms-transform: skew(145deg, 0deg);
transform: skew(145deg, 0deg);
}
.sp-previous-thumbnail-arrow:after {
left: 30%;
top: 50%;
-webkit-transform: skew(-145deg, 0deg);
-ms-transform: skew(-145deg, 0deg);
transform: skew(-145deg, 0deg);
}
.sp-next-thumbnail-arrow:before {
right: 30%;
top: 0;
-webkit-transform: skew(35deg, 0deg);
-ms-transform: skew(35deg, 0deg);
transform: skew(35deg, 0deg);
}
.sp-next-thumbnail-arrow:after {
right: 30%;
top: 50%;
-webkit-transform: skew(-35deg, 0deg);
-ms-transform: skew(-35deg, 0deg);
transform: skew(-35deg, 0deg);
}
.ie8 .sp-thumbnail-arrow,
.ie7 .sp-thumbnail-arrow {
width: 0;
height: 0;
}
.ie8 .sp-thumbnail-arrow:before,
.ie8 .sp-thumbnail-arrow:after,
.ie7 .sp-thumbnail-arrow:before,
.ie7 .sp-thumbnail-arrow:after {
content: none;
}
.ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow {
border-right: 12px solid #FFF;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
}
.ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow {
border-left: 12px solid #FFF;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
}
.ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow {
border-bottom: 12px solid #FFF;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
}
.ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow {
border-top: 12px solid #FFF;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
} a.sp-video {
text-decoration: none;
}
a.sp-video img {
-webkit-backface-visibility: hidden;
border: none;
}
a.sp-video:after {
content: '\25B6';
position: absolute;
width: 45px;
padding-left: 5px;
height: 50px;
border: 2px solid #FFF;
text-align: center;
font-size: 30px;
border-radius: 30px;
top: 0;
color: #FFF;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.2);
margin: auto;
line-height: 52px;
} .slider-pro img.sp-image,
.slider-pro img.sp-thumbnail {
max-width: none;
max-height: none;
border: none !important;
border-radius: 0 !important;
padding: 0 !important;
-webkit-box-shadow: none !important;
-mox-box-shadow: none !important;
box-shadow: none !important;
transition: none;
-moz-transition: none;
-webkit-transition: none;
-o-transition: none;
}
.slider-pro a {
position: static;
transition: none !important;
-moz-transition: none !important;
-webkit-transition: none !important;
-o-transition: none !important;
}
.slider-pro iframe,
.slider-pro object,
.slider-pro video,
.slider-pro embed,
.slider-pro canvas {
max-width: none;
max-height: none;
}
.slider-pro p.sp-layer {
font-size: 14px;
line-height: 1.4;
margin: 0;
}
.slider-pro h1.sp-layer {
font-size: 32px;
line-height: 1.4;
margin: 0;
}
.slider-pro h2.sp-layer {
font-size: 24px;
line-height: 1.4;
margin: 0;
}
.slider-pro h3.sp-layer {
font-size: 19px;
line-height: 1.4;
margin: 0;
}
.slider-pro h4.sp-layer {
font-size: 16px;
line-height: 1.4;
margin: 0;
}
.slider-pro h5.sp-layer {
font-size: 13px;
line-height: 1.4;
margin: 0;
}
.slider-pro h6.sp-layer {
font-size: 11px;
line-height: 1.4;
margin: 0;
}
.slider-pro img.sp-layer {
border: none;
}@font-face {
font-family: 'ecticons';
src: url(//www.mathod.ch/wp-content/plugins/the-events-calendar-templates-and-shortcode/assets/css/font/ecticons.eot?24096328);
src: url(//www.mathod.ch/wp-content/plugins/the-events-calendar-templates-and-shortcode/assets/css/font/ecticons.eot?24096328#iefix) format('embedded-opentype'), url(//www.mathod.ch/wp-content/plugins/the-events-calendar-templates-and-shortcode/assets/css/font/ecticons.woff2?24096328) format('woff2'), url(//www.mathod.ch/wp-content/plugins/the-events-calendar-templates-and-shortcode/assets/css/font/ecticons.woff?24096328) format('woff'), url(//www.mathod.ch/wp-content/plugins/the-events-calendar-templates-and-shortcode/assets/css/font/ecticons.ttf?24096328) format('truetype'), url(//www.mathod.ch/wp-content/plugins/the-events-calendar-templates-and-shortcode/assets/css/font/ecticons.svg?24096328#ecticons) format('svg');
font-weight: normal;
font-style: normal;
}   [class^="ect-icon-"]:before,
[class*=" ect-icon-"]:before {
font-family: "ecticons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  }
a.ect-share-link i:before {
font-size: 28px;
line-height: 35px;
}
.ect-icon-star:before {
content: '\e800';
} .ect-icon-down:before {
content: '\e801';
} .ect-icon-up:before {
content: '\e802';
} .ect-icon-flight:before {
content: '\e803';
} .ect-icon-bell:before {
content: '\e804';
} .ect-icon-left:before {
content: '\e805';
} .ect-icon-right:before {
content: '\e806';
} .ect-icon-flash:before {
content: '\e807';
} .ect-icon-card:before {
content: '\e808';
} .ect-icon-calendar:before {
content: '\e809';
} .ect-icon-calendar-alt:before {
content: '\e80a';
} .ect-icon-clock:before {
content: '\e80b';
} .ect-icon-clock-alt:before {
content: '\e80c';
} .ect-icon-tag:before {
content: '\e80d';
} .ect-icon-pin:before {
content: '\e80e';
} .ect-icon-tags:before {
content: '\e80f';
} .ect-icon-location:before {
content: '\e810';
} .ect-icon-location-alt:before {
content: '\e811';
} .ect-icon-wallet:before {
content: '\e812';
} .ect-icon-share-alt:before {
content: '\e813';
} .ect-icon-search:before {
content: '\e814';
} .ect-icon-users:before {
content: '\e815';
} .ect-icon-user:before {
content: '\e816';
} .ect-icon-home:before {
content: '\e817';
} .ect-icon-link:before {
content: '\e818';
} .ect-icon-star-circled:before {
content: '\e819';
} .ect-icon-heart:before {
content: '\e81a';
} .ect-icon-tag-alt:before {
content: '\e81b';
} .ect-icon-spin:before {
content: '\e839';
} .ect-icon-phone:before {
content: '\f098';
} .ect-icon-certificate:before {
content: '\f0a3';
} .ect-icon-filter:before {
content: '\f0b0';
} .ect-icon-money:before {
content: '\f0d6';
} .ect-icon-mail-alt:before {
content: '\f0e0';
} .ect-icon-bulb:before {
content: '\f0eb';
} .ect-icon-bell-alt:before {
content: '\f0f3';
} .ect-icon-coffee:before {
content: '\f0f4';
} .ect-icon-food:before {
content: '\f0f5';
} .ect-icon-left-double:before {
content: '\f100';
} .ect-icon-right-double:before {
content: '\f101';
} .ect-icon-up-double:before {
content: '\f102';
} .ect-icon-down-double:before {
content: '\f103';
} .ect-icon-quote-left:before {
content: '\f10d';
} .ect-icon-quote-right:before {
content: '\f10e';
} .ect-icon-mic:before {
content: '\f130';
} .ect-icon-ticket:before {
content: '\f145';
} .ect-icon-ok:before {
content: '\f14a';
} .ect-icon-down-alt:before {
content: '\f150';
} .ect-icon-up-alt:before {
content: '\f151';
} .ect-icon-right-alt:before {
content: '\f152';
} .ect-icon-euro:before {
content: '\f153';
} .ect-icon-pound:before {
content: '\f154';
} .ect-icon-dollar:before {
content: '\f155';
} .ect-icon-bitcoin:before {
content: '\f15a';
} .ect-icon-thumbs-up:before {
content: '\f164';
} .ect-icon-thumbs-down:before {
content: '\f165';
} .ect-icon-youtube:before {
content: '\f166';
} .ect-icon-left-alt:before {
content: '\f191';
} .ect-icon-mail:before {
content: '\f199';
} .ect-icon-car:before {
content: '\f1b9';
} .ect-icon-share:before {
content: '\f1e1';
} .ect-icon-diamond:before {
content: '\f219';
} .ect-icon-whatsapp:before {
content: '\f232';
} .ect-icon-twitter:before {
content: '\f304';
} .ect-icon-facebook:before {
content: '\f308';
} .ect-icon-linkedin:before {
content: '\f30c';
} .ect-icon-calendar:before {
content: '\e809';
}  .ect-load-more {
display: inline-block;
clear: both;
width: 100%;
margin: 10px 0;
padding: 0;
text-align: center;
position: relative;
}
.ect-load-more a.ect-load-more-btn {
display: inline-block;
padding: 10px 20px;
background-color: #ddd;
font-size: 20px;
text-align: center;
z-index: 2;
text-decoration: none;
color: #fff;
}
.ect-load-more a.ect-load-more-btn:hover,
.ect-load-more a.ect-load-more-btn:focus {
opacity: 0.9;
text-decoration: none;
border-bottom: 0;
}
.ect-load-more img.ect-preloader {
filter: invert(100%);
height: 28px;
width: auto;
vertical-align: middle;
}
span.ect-ticket-info {
font-size: 0.75em;
display: inline-block;
}
span.ect-ticket-info span.tribe-tickets-left {
display: inline-block;
}
span.ect-ticket-info span.tribe-tickets-left:before {
content: "(";
}
span.ect-ticket-info span.tribe-tickets-left:after {
content: ")";
}
span.ect-ticket-info span.tribe-out-of-stock {
font-style: italic;
color: red;
display: inline-block;
}
span.ect-ticket-info a {
display: none; background: #222;
background-size: 200% auto!important;
transition: 0.5s;
color: #fff;
padding: 5px;
border-radius: 4px;
}
span.ect-ticket-info a:hover {
background-position: right center;
text-decoration: none;
}
.ect-event-category {
margin: 3px 0;
display: inline-block;
line-height: 14px;
}
.ect-event-category ul.tribe_events_cat {
padding: 0;
margin: 0;
display: flex;
font-size: 12px;
line-height: 14px;
list-style: none;
flex-direction: row;
flex-wrap: wrap;
gap: 5px;
}
.ect-event-category ul.tribe_events_cat li {
display: inline;
margin: 0;
padding: 0;
padding-bottom: 5px;
text-transform: capitalize;
}
.ect-event-category ul.tribe_events_cat li a { padding: 1px 12px;
border-radius: 4px;
text-decoration: none;
border-width: 1px;
border-style: solid;
}
.ect-event-category ul.tribe_events_cat li:hover a {
opacity: 0.82;
} @media only screen and (max-width: 640px) {
.ect-event-category ul.tribe_events_cat {
gap: 10px;
}
} */ .ect-tool-tip-wrapper.ect-labels-wrap {
display: block;
position: relative;
cursor: pointer;
transition: 0.5s ease-in-out;
margin-bottom: 10px;
}
.ect-tool-tip-wrapper.ect-labels-wrap .ect-tip-inr {
background: #f1f1f1;
bottom: 100%;
color: #060606;
display: block;
right: 0;
margin-bottom: 15px;
padding: 10px;
pointer-events: none;
position: absolute;
width: 190px;
right: 0;
border: 2px solid #f1f1f1;
z-index: 1;
border-radius: 8px;
font-size: 14px;
text-align: left;
left: 50%;
transform: translateX(-50%);
}
.ect-tool-tip-wrapper.ect-labels-wrap .ect-tip-inr span {
display: block;
}
.ect-tool-tip-wrapper.ect-labels-wrap .ect-tip-inr:before {
bottom: -20px;
content: " ";
display: block;
height: 20px;
left: 0;
position: absolute;
width: 100%;
}
.ect-tool-tip-wrapper.ect-labels-wrap .ect-tip-inr:after {
border-left: solid transparent 10px;
border-right: solid transparent 10px;
border-top: solid #f1f1f1 10px;
bottom: -10px;
content: " ";
height: 0;
left: 25px;
margin-left: -13px;
position: absolute;
width: 0;
}
.ect-tool-tip-wrapper.ect-labels-wrap:hover .ect-tip-inr span {
opacity: 1;
pointer-events: auto;
}
.ect-tool-tip-wrapper.ect-labels-wrap .ect-tip-inr {
display: none;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
.ect-tool-tip-wrapper.ect-labels-wrap:hover .ect-tip-inr {
pointer-events: auto;
display: block;
opacity: 1;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
.ect-tool-tip-wrapper span.ect-labels-canceled,
.ect-tool-tip-wrapper span.ect-labels-scheduled,
.ect-tool-tip-wrapper span.ect-labels-postponed {
padding: 2px 4px; text-transform: capitalize;
font-size: 12px;
}
span.ect-labels-canceled {
color: #DD3333;
background-color: #FFE4E4;
}
span.ect-labels-scheduled {
background-color: #dbf9ea;
color: #016C35;
;
}
span.ect-labels-postponed {
background-color: #f9efd5;
color: #CC9D1C;
}
@media(max-width:768px) {
.ect-tool-tip-wrapper.ect-labels-wrap {
display: block;
}
.ect-tool-tip-wrapper.ect-labels-wrap .ect-tip-inr {
padding: 4px;
left: 70px;
width: 200px;
}
.ect-tool-tip-wrapper.ect-labels-wrap .ect-tip-inr:after {
right: 0;
left: 70px;
}
}  .ect-filter-bar {
--ect-filter-main-bg-color: #fff;
--ect-filter-bdcolor: #ccc;
--ect-filter-btn-bg-color: #007bff;
--ect-filter-btn-text-color: #fff;
--ect-filter-hvr-btn-bg-color: #0056b3;
--ect-filter-hvr-btn-text-color: #fff;
background-color: var(--ect-filter-main-bg-color);
padding: 25px;
border-radius: 5px;
border: 1px solid var(--ect-filter-bdcolor);
display: flex;
gap: 10px;
align-items: center;
margin-bottom: 20px;
flex-wrap: wrap;
}
.ect-filter-group {
display: flex;
width: 23%;
border: 1px solid var(--ect-filter-bdcolor);
}
.ect-filter-group label {
margin-bottom: 5px;
font-weight: bold;
}
.ect-filter-group i {
padding: 10px;
border-right: 1px solid var(--ect-filter-bdcolor);
border-radius: 3px 0px 0px 3px;
display: flex;
}
.ect-filter-group input,
.ect-filter-group select {
padding: 5px 10px;
border: none;
border-radius: 0px 3px 3px 0px;
}
.ect-filter-group select {
border-right: 5px solid transparent;
}
.ect-showfilter-btn, .ect-date-buttons {
padding: 8px 15px;
background-color: var(--ect-filter-btn-bg-color);
color: var(--ect-filter-btn-text-color);
cursor: pointer;
min-width: 120px; text-align: center;
border-radius: unset;
}
.ect-showfilter-btn:hover, .ect-date-buttons:hover {
background-color: var(--ect-filter-hvr-btn-bg-color);
color: var(--ect-filter-hvr-btn-text-color);
}
.ect-filter-bar.ect-filters-search .ect-filter-group {
width: 100%;
}
.ect-filter-bar.ect-filters-search .ect-filter-group .eicon-search-bold {
display: flex;
align-items: center;
}
.ect-filter-bar.ect-filters-both {
flex-direction: column;
align-items: start;
gap: 20px;
}
.ect-filter-bar.ect-filters-both .ect-filterbar-main {
display: flex;
gap: 20px;
width: 100%;
align-items: center;
justify-content: space-between;
}
.ect-filter-bar.ect-filters-both .ect-filterbar-main .ect-filter-group {
width: 87%;
}
.ect-filter-bar.ect-filters-both .ect-filterbar-filters {
display: none;
}
.ect-filter-bar.ect-filters-both .ect-filterbar-filters.active {
display: flex;
flex-wrap: wrap;
width: 100%;
gap: 10px;
}
.ect-filter-bar.ect-filters-both .eicon-search-bold {
display: flex;
align-items: center;
}
.ect-filter-group input:focus,
.ect-filter-group select:focus {
outline: none;
}
.ect-filter-bar input#ect-fb-search {
border: none !important;
}
.ect-filter-group .dashicons-category {
width: 1.9em;
height: 1.9em;
display: inline-block;
}
@media screen and (max-width: 1024px) {
.ect-outer-wrapper {
padding: 0 10px;
}
.ect-showfilter-btn {
font-size: 11px;
padding: 11px;
}
}
@media screen and (max-width: 768px) {
.ect-filter-bar {
flex-direction: column;
align-items: flex-start;
}
.ect-filter-bar.ect-filters-both .ect-filterbar-main .ect-filter-group {
width: 80%;
}
.ect-filter-bar.ect-filters-both .ect-filterbar-filters.active .ect-filter-group {
width: 49%;
}
.ect-filter-bar.ect-filters-filter {
flex-direction: row;
flex-wrap: wrap;
}
.ect-filter-bar.ect-filters-filter .ect-filter-group {
width: 49%;
}
}
@media screen and (max-width: 525px) {
.ect-filter-bar.ect-filters-both .ect-filterbar-main {
flex-direction: column;
gap: 10px;
}
.ect-filter-bar.ect-filters-both .ect-filterbar-main .ect-filter-group {
width: 100%;
}
.ect-filter-bar.ect-filters-both .ect-filterbar-filters.active .ect-filter-group {
width: 100%;
}
.ect-filter-bar.ect-filters-filter .ect-filter-group {
width: 100%;
}
}
#ect-filter-loader {
width: 100%;
text-align: center;
}
.ect-filter-preloader {
text-align: center;
margin: auto;
width: 60px;
aspect-ratio: 4;
--_g: no-repeat radial-gradient(circle closest-side, #000 90%, #0000);
background: 
var(--_g) 0% 50%,
var(--_g) 50% 50%,
var(--_g) 100% 50%;
background-size: calc(100% / 3) 100%;
animation: l7 1s infinite linear;
}
@keyframes l7 {
33% {
background-size: calc(100% / 3) 0%, calc(100% / 3) 100%, calc(100% / 3) 100%;
}
50% {
background-size: calc(100% / 3) 100%, calc(100% / 3) 0%, calc(100% / 3) 100%;
}
66% {
background-size: calc(100% / 3) 100%, calc(100% / 3) 100%, calc(100% / 3) 0%;
}
}
.ect-clear-filter {
cursor: pointer;
}
.ect-daterange-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
text-align: center;
border-top: 1px solid #e6e6e6;
}
.ect-daterange-wrapper div {
flex-basis: 50%;
cursor: pointer;
padding: 10px;
}
.ect-daterange-wrapper div:hover {
background-color: #eee;
}
.ect-daterange-close {
border-right: 1px solid #e6e6e6;
}
.ect-filter-group:has(> input#ect-fb-calendar) {
width: 35%;
}