/home/awneajlw/public_html/wp-content/plugins/radiantthemes-addons/assets/scss/_image-gallery.scss
/* rt-image-gallery element-one */
.rt-image-gallery.element-one{
> .rt-image-gallery-holder{
> .owl-stage-outer{
margin-bottom:14px;
}
> .owl-thumbs{
margin-left:-7px;
margin-right:-7px;
> .owl-thumb-item{
padding-left:7px;
padding-right:7px;
background-color:initial;
border:none;
border-radius:0;
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
&.active{
opacity:0.6;
}
}
}
}
}
/* rt-image-gallery element-two */
.rt-image-gallery.element-two{
> .rt-image-gallery-holder{
margin-left:-8px;
margin-right:-8px;
> .rt-image-gallery-item{
margin-bottom:16px;
padding-left:8px;
padding-right:8px;
> .holder{
position:relative;
padding-top:calc( ( 90 / 100 ) * 100% );
> .pic{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:1;
background:center center no-repeat;
background-size:cover;
}
}
}
}
}
/* rt-image-gallery element-three */
.rt-image-gallery.element-three{
> .rt-image-gallery-holder{
margin-left:-6px;
margin-right:-6px;
> .rt-image-gallery-item{
margin-bottom:12px;
padding-left:6px;
padding-right:6px;
> .holder{
position:relative;
padding-top:calc( ( 90 / 100 ) * 100% );
> .pic{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:1;
background:center center no-repeat;
background-size:cover;
}
}
}
}
}
/* rt-image-gallery element-four */
.rt-image-gallery.element-four{
margin-right:-5px;
margin-left:-5px;
.rt-image-gallery-holder{
margin-left:0;
margin-right:0;
}
.rt-image-gallery-item{
margin-bottom:10px;
padding-left:5px;
padding-right:5px;
text-align:left;
> .holder{
position:relative;
overflow:hidden;
> .pic{
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
> img{
width:100%;
}
}
> .overlay{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:1;
background-color:#000;
opacity:0;
visibility:hidden;
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
> .data{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:2;
padding:23px 25px 23px 25px;
opacity:0;
visibility:hidden;
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
> .table{
display:table;
table-layout:fixed;
width:100%;
height:100%;
margin:0;
> .table-cell{
display:table-cell;
width:100%;
height:100%;
vertical-align:bottom;
> *:last-child{
margin-bottom:0 !important;
}
}
}
.title{
margin-bottom:2px;
font-weight:500;
font-size:17px;
color:#fff;
line-height:26px;
letter-spacing:-0.5px;
a{
color:inherit;
}
}
.description{
margin-bottom:10px;
font-weight:400;
font-size:12px;
color:#fff;
line-height:25px;
letter-spacing:0;
opacity:0;
visibility:hidden;
transition:all 0.3s ease-in-out 0.3s;
-webkit-transition:all 0.3s ease-in-out 0.3s;
}
}
&:hover{
> .pic{
transform:scale(1.17);
-webkit-transform:scale(1.17);
}
> .overlay{
opacity:0.7;
visibility:visible;
}
> .data,
> .data .description{
opacity:1;
visibility:visible;
}
}
}
}
}
/* LARGE DESKTOP PART */
@media screen and (min-width:1200px){
}
/* DESKTOP PART */
@media screen and (min-width:992px) and (max-width:1199px){
}
/* TABLET LANDSCAPE PART */
@media screen and (min-width:768px) and (max-width:991px){
}
/* TABLET PROTRAIT PART */
@media screen and (min-width:480px) and (max-width:767px){
}
/* SMART PHONE LANDSCAPE PART */
@media screen and (min-width:321px) and (max-width:479px){
}
/* SMART PHONE PROTRAIT PART */
@media screen and (max-width:320px){
}