/home/coolpkct/public_html/websites/1.sanso.co/wp-content/themes/business-elite/styles/slider.css
.wdwts_slideshow_image_wrap {
position:relative;
display: block;
margin:0px;
text-align: center;
/*HEIGHT FROM HEADER.PHP*/
clear:both;
width:100% !important;
overflow:hidden !important;
}
.wdwts_slideshow_image_wrap * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.wdwts_slideshow_image {width:100% !important; }
.wdwts_slideshow_prev_btn, .wdwts_slideshow_next_btn { }
#wdwts_slideshow_play_pause {
bottom: 0;
cursor: pointer;
display: table;
height: inherit;
outline: medium none;
position: absolute;
width: 30%;
left: 35%;
z-index: 13;
}
#wdwts_slideshow_play_pause:hover #wdwts_slideshow_play_pause-ico { display: inline-block !important; }
#wdwts_slideshow_play_pause:hover span { position: relative; z-index: 13; }
#wdwts_slideshow_play_pause span {
display: table-cell;
text-align: center;
vertical-align: middle;
}
#wdwts_slideshow_play_pause-ico {
display: none !important;
cursor: pointer;
position: relative;
z-index: 13;
}
#wdwts_slideshow_play_pause-ico:hover {
display: inline-block;
position: relative;
z-index: 13;
}
#wdwt_spider_slideshow_left,#wdwt_spider_slideshow_right {
cursor: pointer;
display: inline;
height: 100%;
outline: medium none;
position: absolute;
width: 30px;
z-index: 13;
height:45px;
bottom:45%;
}
#wdwt_spider_slideshow_left {
left:30px;
margin-top:-10px;
background:url(arrow.left.png) right bottom no-repeat;
background-size:26px 46px;
}
#wdwt_spider_slideshow_right {
right:30px;
margin-top:-10px;
background:url(arrow.right.png) left bottom no-repeat;
background-size:35px 45px;
}
#wdwt_spider_slideshow_left:hover, #wdwt_spider_slideshow_right:hover {visibility: visible;}
#wdwt_spider_slideshow_left:hover span { left: 20px; }
#wdwt_spider_slideshow_right:hover span {left: auto;right: 20px;}
#wdwt_spider_slideshow_left-ico span,
#wdwt_spider_slideshow_right-ico span {
display: table-cell;
text-align: center;
vertical-align: middle;
z-index: 13;
}
#wdwt_spider_slideshow_left-ico,
#wdwt_spider_slideshow_right-ico {
-moz-box-sizing: content-box;
box-sizing: content-box;
position: absolute;
margin-top: -15px;
cursor: pointer;
display: table;
left: -9999px;
line-height: 0;
z-index: 13;
top: 50%;
}
#wdwt_spider_slideshow_left-ico:hover, #wdwt_spider_slideshow_right-ico:hover {cursor: pointer; }
.wdwts_slideshow_image_container {
vertical-align: middle;
position: relative;
text-align: center;
display: table;
width:100%;
left:0px;
top:0px;
}
.wdwts_none_selectable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wdwts_slideshow_title_container {
vertical-align: middle;
display: table-cell;
position: relative;
margin: 0 auto;
}
.wdwts_slideshow_title_container > div {display:block;width:100%; }
.wdwts_slideshow_title_span {
display: table-cell;
overflow: hidden;
position: relative;
/*text-align FROM HEADER.PHP*/
/*vertical-align FROM HEADER.PHP*/
}
.wdwts_slideshow_description_span {
display: table-cell !important;
overflow: hidden;
position: relative;
/*text-align FROM HEADER.PHP*/
/*vertical-align FROM HEADER.PHP*/
}
.wdwts_slideshow_title_text { font-weight:bold;}
.wdwts_slideshow_title_text,.wdwts_slideshow_description_text{
margin:25px 10px 10px 10px;
color:#FFFFFF !important;
display: inline-block;
text-decoration: none;
z-index:6 !important;
position: relative;
max-width: 50%;
}
.wdwts_slideshow_title_text div, .wdwts_slideshow_description_text div {
color:#FFFFFF !important;
padding:12px;
word-break: break-word;
}
.wdwts_slideshow_description_text h1{
font-size: 42px;
}
.wdwts_slideshow_description_text div h1,
.wdwts_slideshow_description_text div h2,
.wdwts_slideshow_description_text div h3,
.wdwts_slideshow_description_text div h4,
.wdwts_slideshow_description_text div p,
.wdwts_slideshow_title_text div h1,
.wdwts_slideshow_title_text div h2,
.wdwts_slideshow_title_text div h3,
.wdwts_slideshow_title_text div h4,
.wdwts_slideshow_title_text div p {margin-bottom:12px;}
.wdwts_slideshow_description_text div p{
font-size: 26px;
}
.wdwts_slideshow_description_text div h1,
.wdwts_slideshow_description_text div h2{
font-weight: bold;
}
.wdwts_slideshow_title_text.none, .wdwts_slideshow_description_text.none {display:none;}
.wdwts_slide_container {
display: table-cell;
margin: 0 auto;
position: relative;
vertical-align: middle;
width: inherit;
height: inherit;
}
.wdwts_slide_bg {
margin: 0 auto;
width: inherit;
height: inherit;
overflow:hidden !important;
}
.wdwts_slider {
height: inherit;
width: inherit;
}
.wdwts_slideshow_image_span {
width: inherit;
/*height: inherit; */
display: table-cell;
filter: Alpha(opacity=100);
opacity: 1;
position: absolute;
vertical-align: middle;
z-index: 2;
overflow:hidden !important;
}
.wdwts_slideshow_image_second_span {
width: inherit;
display: table-cell;
filter: Alpha(opacity=0);
opacity: 0;
position: absolute;
vertical-align: middle;
z-index: 1;
overflow:hidden !important;
}
.wdwts_grid {
display: none;
height: 100%;
overflow: hidden;
position: absolute;
width: 100%;
}
.wdwts_gridlet {
opacity: 1;
filter: Alpha(opacity=100);
position: absolute;
}
.wdwts_slideshow_dots {
display: inline-block;
position: relative;
cursor: pointer;
box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1);
width:10px;
height: 10px;
border-radius: 10px;
background: #00f;
margin: 10px;
overflow: hidden;
z-index: 17;
}
.wdwts_slideshow_dots_container {
display: table;
position: absolute;
/*width FROM HEADER.PHP*/
}
.wdwts_slideshow_dots_thumbnails {
left: 0px;
margin: 0 auto;
overflow: hidden;
position: absolute;
width:100%;
}
.wdwts_slideshow_dots_active {
opacity: 1;
background:#0f0;
filter: Alpha(opacity=100);
}
.wdwts_slideshow_image_span1 {
display: table;
width: inherit;
height: inherit;
}
.wdwts_slideshow_image_span2 {
display: table-cell;
vertical-align: middle;
text-align: center;
}
@media only screen and (max-width: 1024px) {
.wdwts_slideshow_description_text div h1{
font-size: 29px !important;
}
.wdwts_slideshow_description_text div p {
font-size: 20px;
}
}
@media only screen and (max-width: 768px) {
.wdwts_slideshow_description_text div h1,
.wdwts_slideshow_description_text div h2,
.wdwts_slideshow_description_text div h3,
.wdwts_slideshow_description_text div h4,
.wdwts_slideshow_description_text div p,
.wdwts_slideshow_title_text div h1,
.wdwts_slideshow_title_text div h2,
.wdwts_slideshow_title_text div h3,
.wdwts_slideshow_title_text div h4,
.wdwts_slideshow_title_text div p {margin-bottom:3px;}
.wdwts_slideshow_description_text div p{
font-size: 14px;
}
.wdwts_slideshow_description_text div h1,
.wdwts_slideshow_description_text div h2,
.wdwts_slideshow_description_text div h3,
.wdwts_slideshow_description_text div h4{
font-size: 20px !important;
}
#wdwt_spider_slideshow_right{
background-size: 20px 20px;
top: 50%;
right: -5px;
margin-top: -40px;
}
#wdwt_spider_slideshow_left{
background-size: 15px 20px;
top: 50%;
left: -5px;
margin-top: -40px;
}
}
@media screen and (max-width: 640px){
.wdwts_slideshow_description_text {
overflow : hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
width:100%;
max-width:100%;
font-size:12px !important;
margin:0px;
}
.wdwts_slideshow_description_span {
display: table-cell !important;
overflow: hidden;
position: relative;
padding-right:8%;
padding-left:8%;
padding-bottom:10px;
/*text-align FROM HEADER.PHP*/
/*vertical-align FROM HEADER.PHP*/
}
}