/home/awneajlw/www/wp-content/plugins/radiantthemes-addons/assets/scss/_highlight-box.scss
/* rt-highlight-box element-one */
.rt-highlight-box.element-one{
}
.rt-highlight-box.element-one > .holder{
margin-right:0;
margin-left:0;
}
.rt-highlight-box.element-one > .holder > [class*='col-']{
padding-right:0;
padding-left:0;
}
.rt-highlight-box.element-one > .holder .pic{
padding-left:5px;
padding-right:5px;
overflow:hidden;
text-align:center;
}
.rt-highlight-box.element-one > .holder .pic > .table{
display:table;
table-layout:fixed;
width:100%;
height:100%;
margin:0;
}
.rt-highlight-box.element-one > .holder .pic > .table > .table-cell{
display:table-cell;
width:100%;
height:100%;
vertical-align:bottom;
}
.rt-highlight-box.element-one > .holder .pic img{
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
.rt-highlight-box.element-one > .holder:hover .pic img{
transform:translateY(15px);
-webkit-transform:translateY(15px);
}
.rt-highlight-box.element-one > .holder .data{
padding:22px 25px 25px 25px;
text-align:left;
}
.rt-highlight-box.element-one > .holder .data > .table{
display:table;
table-layout:fixed;
width:100%;
height:100%;
margin:0;
}
.rt-highlight-box.element-one > .holder .data > .table > .table-cell{
display:table-cell;
width:100%;
height:100%;
vertical-align:middle;
}
.rt-highlight-box.element-one > .holder .data > .table > .table-cell > *:last-child{
margin-bottom:0 !important;
}
.rt-highlight-box.element-one > .holder .data h4{
margin-bottom:7px;
font-weight:300;
font-size:40px;
color:#fff;
line-height:50px;
}
.rt-highlight-box.element-one > .holder .data p{
margin-bottom:30px;
font-weight:400;
font-size:16px;
color:rgba(0,0,0,0.6);
line-height:28px;
}
.rt-highlight-box.element-one > .holder .data .btn{
margin-bottom:30px;
padding:9px 25px 12px 25px;
background-color:initial;
border:1px #fff solid;
border-radius:35px;
font-weight:400;
font-size:18px;
color:#fff;
line-height:30px;
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
.rt-highlight-box.element-one > .holder .data .btn:hover{
background-color:#fff;
color:#252525;
}
.rt-highlight-box.element-one > .holder .data .btn:after{
margin-left:0px;
content:"\f105";
font-family:"FontAwesome";
opacity:0;
visibility:hidden;
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
.rt-highlight-box.element-one > .holder .data .btn:hover:after{
margin-left:12px;
opacity:1;
visibility:visible;
}
/* rt-highlight-box element-two */
.rt-highlight-box.element-two{
}
.rt-highlight-box.element-two > .holder{
position:relative;
overflow:hidden;
}
.rt-highlight-box.element-two > .holder > .pic{
position:absolute;
top:0;
left:-20%;
z-index:1;
width:140%;
opacity:0.75;
transition:all 0.5s ease-in-out;
-webkit-transition:all 0.5s ease-in-out;
}
.rt-highlight-box.element-two > .holder:hover > .pic{
transform:scale(1.1);
-webkit-transform:scale(1.1);
}
.rt-highlight-box.element-two > .holder > .pic img{
width:100%;
}
.rt-highlight-box.element-two > .holder > .data{
position:relative;
z-index:2;
padding:55px 25px 60px 25px;
text-align:center;
}
.rt-highlight-box.element-two > .holder > .data > *:last-child{
margin-bottom:0 !important;
}
.rt-highlight-box.element-two > .holder .data h4{
margin-bottom:7px;
font-weight:300;
font-size:35px;
color:#fff;
line-height:45px;
}
.rt-highlight-box.element-two > .holder .data p{
margin-bottom:20px;
font-weight:400;
font-size:16px;
color:rgba(255,255,255,0.8);
line-height:28px;
}
.rt-highlight-box.element-two > .holder .data .btn{
margin-bottom:30px;
padding:9px 25px 12px 25px;
background-color:initial;
border:1px #fff solid;
border-radius:35px;
font-weight:400;
font-size:18px;
color:#fff;
line-height:30px;
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
.rt-highlight-box.element-two > .holder .data .btn:hover{
background-color:#fff;
color:#252525;
}
.rt-highlight-box.element-two > .holder .data .btn:after{
margin-left:0px;
content:"\f105";
font-family:"FontAwesome";
opacity:0;
visibility:hidden;
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
.rt-highlight-box.element-two > .holder .data .btn:hover:after{
margin-left:12px;
opacity:1;
visibility:visible;
}
/* rt-highlight-box element-three */
.rt-highlight-box.element-three{
}
.rt-highlight-box.element-three > .holder{
position:relative;
overflow:hidden;
}
.rt-highlight-box.element-three > .holder > .pic{
position:absolute;
top:-20%;
left:-30%;
z-index:1;
width:160%;
opacity:0.85;
transition:all 0.7s ease-in-out;
-webkit-transition:all 0.7s ease-in-out;
}
.rt-highlight-box.element-three > .holder:hover > .pic{
transform:translateY(40px);
-webkit-transform:translateY(40px);
}
.rt-highlight-box.element-three > .holder > .pic img{
width:100%;
}
.rt-highlight-box.element-three > .holder > .data{
position:relative;
z-index:2;
padding:55px 25px 60px 25px;
text-align:center;
}
.rt-highlight-box.element-three > .holder > .data > *:last-child{
margin-bottom:0 !important;
}
.rt-highlight-box.element-three > .holder .data h4{
margin-bottom:7px;
font-weight:300;
font-size:35px;
color:#fff;
line-height:45px;
}
.rt-highlight-box.element-three > .holder .data p{
margin-bottom:20px;
font-weight:400;
font-size:16px;
color:rgba(255,255,255,0.8);
line-height:28px;
}
.rt-highlight-box.element-three > .holder .data .btn{
margin-bottom:30px;
padding:9px 25px 12px 25px;
background-color:initial;
border:1px #fff solid;
border-radius:35px;
font-weight:400;
font-size:18px;
color:#fff;
line-height:30px;
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
.rt-highlight-box.element-three > .holder .data .btn:hover{
background-color:#fff;
color:#252525;
}
.rt-highlight-box.element-three > .holder .data .btn:after{
margin-left:0px;
content:"\f105";
font-family:"FontAwesome";
opacity:0;
visibility:hidden;
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
.rt-highlight-box.element-three > .holder .data .btn:hover:after{
margin-left:12px;
opacity:1;
visibility:visible;
}
/* rt-highlight-box element-four */
.rt-highlight-box.element-four{
}
.rt-highlight-box.element-four > .holder{
position:relative;
overflow:hidden;
}
.rt-highlight-box.element-four > .holder > .pic{
position:absolute;
top:0;
left:-30%;
z-index:1;
width:160%;
opacity:0.85;
transition:all 0.7s ease-in-out;
-webkit-transition:all 0.7s ease-in-out;
}
.rt-highlight-box.element-four > .holder:hover > .pic{
transform:translateX(40px);
-webkit-transform:translateX(40px);
}
.rt-highlight-box.element-four > .holder > .pic img{
width:100%;
}
.rt-highlight-box.element-four > .holder > .data{
position:relative;
z-index:2;
padding:55px 25px 60px 25px;
text-align:center;
}
.rt-highlight-box.element-four > .holder > .data > *:last-child{
margin-bottom:0 !important;
}
.rt-highlight-box.element-four > .holder .data h4{
margin-bottom:7px;
font-weight:300;
font-size:35px;
color:#fff;
line-height:45px;
}
.rt-highlight-box.element-four > .holder .data p{
margin-bottom:20px;
font-weight:400;
font-size:16px;
color:rgba(255,255,255,0.8);
line-height:28px;
}
.rt-highlight-box.element-four > .holder .data .btn{
margin-bottom:30px;
padding:9px 25px 12px 25px;
background-color:initial;
border:1px #fff solid;
border-radius:35px;
font-weight:400;
font-size:18px;
color:#fff;
line-height:30px;
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
.rt-highlight-box.element-four > .holder .data .btn:hover{
background-color:#fff;
color:#252525;
}
.rt-highlight-box.element-four > .holder .data .btn:after{
margin-left:0px;
content:"\f105";
font-family:"FontAwesome";
opacity:0;
visibility:hidden;
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
.rt-highlight-box.element-four > .holder .data .btn:hover:after{
margin-left:12px;
opacity:1;
visibility:visible;
}