.clear{clear: both; float: none !important;margin: 0 !important;padding: 0 !important; height: 0 !important;}
.hide{display: none;}
#tr-post-shuffle div.tr-ps-single{
padding: 0px 15px;
}
#tr-post-shuffle a.tr-ps-a-title{
display:block;
margin: 0 0 15px;
font-weight: bold;
}
.tr-thumbnail{
float: left;
width: 40%;
display: block;
padding: 0 12px 10px 0;
}
.tr-thumbnail img{width: 100%;height: auto;}
.tr-read-more{
margin-top: 10px;
display: inline-block;
}
.tr-fs-post-content img{
width: 100%;
height: auto;
}
.tr-fs-post-content{
position: relative;
overflow: hidden;
}
#tr-fs-post-shuffle .tr-fs-post-content a p.tr-fs-a-title{
position: absolute;
bottom: -32px;
height: 32px;
background: #000;
opacity: 0;
color: #FFF;
text-align: center;
margin: 0;
width: 100%;
line-height: 32px;
overflow: hidden;
transition: all .25s ease 0s;
}
#tr-fs-post-shuffle .tr-fs-post-content a p.tr-fs-a-title.always, #tr-fs-post-shuffle .tr-fs-post-content a:hover p.tr-fs-a-title{
bottom: 0px;
opacity: 0.7;
}
.tr-fs-post-slider, .tr-post-slider{
position: relative;
}
.tr-fs-option, .tr-ps-option{
position: absolute;
width: 100%;
top: 45%;
overflow: hidden;
z-index: 9;
}
.tr-fs-option .tr-fs-next, .tr-ps-option .tr-ps-next{
width: 24px;
height: 24px;
background: #000 url(//www.varensvet.si/wp-content/plugins/tr-post-slider-widget/img/right-arrow.png) no-repeat center;
border-radius: 50%;
float: right;
opacity: 0.7;
margin-right: -40px;
-moz-transition: -moz-all ease 0.6s;
-webkit-transition: -webkit-all ease 0.6s;
-o-transition: -o-all ease 0.6s;
-ms-transition: -ms-all ease 0.6s;
transition: all ease 0.6s;
}
.tr-fs-post-slider:hover .tr-fs-option .tr-fs-next, .tr-post-slider:hover .tr-ps-option .tr-ps-next{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
margin-right: 3px;
}
.tr-fs-option .tr-fs-next:hover, .tr-ps-option .tr-ps-next:hover{
opacity: 1;
}
.tr-fs-option .tr-fs-prev, .tr-ps-option .tr-ps-prev{
width: 24px;
height: 24px;
background: #000 url(//www.varensvet.si/wp-content/plugins/tr-post-slider-widget/img/left-arrow.png) no-repeat center;
border-radius: 50%;
float: left;
opacity: 0.7;
margin-left: -40px;
-moz-transition: -moz-all ease 0.6s;
-webkit-transition: -webkit-all ease 0.6s;
-o-transition: -o-all ease 0.6s;
-ms-transition: -ms-all ease 0.6s;
transition: all ease 0.6s;
}
.tr-fs-post-slider:hover .tr-fs-option .tr-fs-prev, .tr-post-slider:hover .tr-ps-option .tr-ps-prev{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
margin-left: 3px;
}
.tr-fs-option .tr-fs-prev:hover, .tr-ps-option .tr-ps-prev:hover{
opacity: 1;
}
.tr-fs-pagination, .tr-ps-pagination{
width: 100%;
text-align: center;
}
.tr-fs-pagination a, .tr-ps-pagination a{
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
background: #000;
text-indent: -9999px;
overflow: hidden;
opacity: .3;
margin: 2px;
}
.tr-fs-pagination a:hover,.tr-fs-pagination a.activeSlide, .tr-ps-pagination a:hover,.tr-ps-pagination a.activeSlide{
opacity: 1;
}