/home/awneajlw/www/wp-content/plugins/radiantthemes-addons/assets/scss/_timeline-element.scss
/* radiantthemes-timeline element-one */
.radiantthemes-timeline.element-one{
> .radiantthemes-timeline-item{
position:relative;
padding-top:60px;
> .radiantthemes-timeline-item-line{
display:block;
position:absolute;
top:0;
bottom:0;
left:50%;
z-index:0;
width:2px;
margin-left:-1px;
background-color:#cacdd4;
}
> .radiantthemes-timeline-item-dot{
display:block;
position:absolute;
top:75px;
left:50%;
z-index:1;
content:" ";
width:20px;
height:20px;
margin-left:-10px;
background-color:#fff;
border-width:5px;
border-style:solid;
border-radius:50%;
}
> .row{
margin-left:-33px;
margin-right:-33px;
> [class*='col-']{
padding-left:33px;
padding-right:33px;
}
}
.radiantthemes-timeline-item-datestamp{
margin-bottom:30px;
padding-left:10px;
padding-right:10px;
text-align:right;
}
> .radiantthemes-timeline-item:nth-child(even) .radiantthemes-timeline-item-datestamp{
text-align:left;
}
.radiantthemes-timeline-item-pic{
margin-bottom:30px;
img{
width:100%;
}
}
.radiantthemes-timeline-item-data{
margin-top:7px;
text-align:left;
> *:last-child{
margin-bottom:0 !important;
}
.title{
margin-bottom:8px;
text-transform:uppercase;
font-weight:500;
font-size:20px;
color:#242222;
line-height:28px;
}
.date-stamp{
margin-bottom:17px;
font-weight:400;
font-size:14px;
color:#777171;
line-height:28px;
}
p{
margin-bottom:20px;
}
}
}
}
/* radiantthemes-timeline element-two */
.radiantthemes-timeline.element-two{
> .radiantthemes-timeline-item{
position:relative;
padding-top:60px;
> .radiantthemes-timeline-item-line{
display:block;
position:absolute;
top:0;
bottom:0;
left:50%;
z-index:0;
width:2px;
margin-left:-1px;
background-color:#cacdd4;
}
> .radiantthemes-timeline-item-dot{
display:block;
position:absolute;
top:75px;
left:50%;
z-index:1;
content:" ";
width:20px;
height:20px;
margin-left:-10px;
background-color:#fff;
border-width:5px;
border-style:solid;
border-radius:50%;
}
> .row{
margin-left:-33px;
margin-right:-33px;
> [class*='col-']{
padding-left:33px;
padding-right:33px;
}
}
.radiantthemes-timeline-item-datestamp{
margin-bottom:30px;
padding-left:10px;
padding-right:10px;
text-align:right;
}
> .radiantthemes-timeline-item:nth-child(even) .radiantthemes-timeline-item-datestamp{
text-align:left;
}
.radiantthemes-timeline-item-pic{
margin-bottom:30px;
img{
width:100%;
}
}
.radiantthemes-timeline-item-data{
margin-top:7px;
text-align:left;
> *:last-child{
margin-bottom:0 !important;
}
.title{
margin-bottom:8px;
text-transform:uppercase;
font-weight:500;
font-size:20px;
color:#242222;
line-height:28px;
}
.date-stamp{
margin-bottom:17px;
font-weight:400;
font-size:14px;
color:#777171;
line-height:28px;
}
p{
margin-bottom:20px;
}
}
}
}
/* radiantthemes-timeline element-three */
.radiantthemes-timeline.element-three{
> .radiantthemes-timeline-slider{
padding-top:100px;
.radiantthemes-timeline-item{
.radiantthemes-timeline-item-pic{
margin-bottom:30px;
text-align:center;
> .table{
display:table;
table-layout:fixed;
width:100%;
height:100%;
margin:0;
.table-cell{
display:table-cell;
width:100%;
height:100%;
vertical-align:middle;
> *:last-child{
margin-bottom:0 !important;
}
}
}
.radiantthemes-timeline-item-pic-holder{
position:relative;
display:inline-block;
vertical-align:top;
width:470px;
max-width:100%;
padding-top:calc( ( 65 / 100 ) * 100% );
> .radiantthemes-timeline-item-pic-main{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:1;
background:center center no-repeat;
background-size:cover;
}
}
}
.radiantthemes-timeline-item-data{
margin-bottom:40px;
text-align:left;
> .table{
display:table;
table-layout:fixed;
width:100%;
height:100%;
margin:0;
.table-cell{
display:table-cell;
width:100%;
height:100%;
vertical-align:middle;
> *:last-child{
margin-bottom:0 !important;
}
}
}
.date{
margin-bottom:10px;
text-transform:uppercase;
font-weight:500;
font-size:16px;
line-height:26px;
}
.title{
margin-bottom:15px;
font-weight:700;
font-size:32px;
color:#030712;
line-height:42px;
}
p:not(.date){
margin-bottom:20px;
}
}
}
> .owl-thumbs{
position:absolute;
top:0;
right:0;
left:0;
margin-left:50px;
margin-right:50px;
text-align:center;
font-size:0;
> .owl-thumb-item{
position:relative;
display:inline-block;
vertical-align:top;
width:200px;
max-width:100%;
margin-bottom:13px;
padding-top:26px;
background:none;
border:none;
text-transform:uppercase;
font-weight:500;
font-size:16px;
color:#030712;
line-height:26px;
cursor:pointer;
&:before{
position:absolute;
top:4px;
left:0;
right:0;
z-index:0;
content:" ";
height:4px;
background-color:#d5d8e0;
}
&:first-child:before{
left:50%;
}
&:last-child:before{
right:50%;
}
&:only-child:before{
display:none;
}
&:after{
position:absolute;
top:0;
left:50%;
z-index:1;
content:" ";
width:12px;
height:12px;
margin-left:-6px;
background-color:#fff;
border:3px #a8abb3 solid;
border-radius:50%;
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
}
}
}
}
/* 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){
/* radiantthemes-timeline element-one */
.radiantthemes-timeline.element-one > .radiantthemes-timeline-item{
padding-top:0px;
padding-left:30px;
padding-bottom:10px;
.radiantthemes-timeline-item-line{
left:0;
}
.radiantthemes-timeline-item-dot{
top:6px;
left:0;
}
.radiantthemes-timeline-item-data{
margin-top:0;
margin-bottom:20px;
}
}
/* radiantthemes-timeline element-three */
.radiantthemes-timeline.element-three{
> .radiantthemes-timeline-slider{
padding-top:0;
> .owl-thumbs{
position:static;
margin-left:0;
margin-right:0;
> .owl-thumb-item{
width:100%;
&:first-child:before,
&:last-child:before{
left:0;
right:0;
}
}
}
}
}
}
/* SMART PHONE LANDSCAPE PART */
@media screen and (min-width:321px) and (max-width:479px){
/* radiantthemes-timeline element-one */
.radiantthemes-timeline.element-one > .radiantthemes-timeline-item{
padding-top:0px;
padding-left:30px;
padding-bottom:10px;
.radiantthemes-timeline-item-line{
left:0;
}
.radiantthemes-timeline-item-dot{
top:6px;
left:0;
}
.radiantthemes-timeline-item-data{
margin-top:0;
margin-bottom:20px;
}
}
/* radiantthemes-timeline element-three */
.radiantthemes-timeline.element-three{
> .radiantthemes-timeline-slider{
padding-top:0;
> .owl-thumbs{
position:static;
margin-left:0;
margin-right:0;
> .owl-thumb-item{
width:100%;
&:first-child:before,
&:last-child:before{
left:0;
right:0;
}
}
}
}
}
}
/* SMART PHONE PROTRAIT PART */
@media screen and (max-width:320px){
/* radiantthemes-timeline element-one */
.radiantthemes-timeline.element-one > .radiantthemes-timeline-item{
padding-top:0px;
padding-left:30px;
padding-bottom:10px;
.radiantthemes-timeline-item-line{
left:0;
}
.radiantthemes-timeline-item-dot{
top:6px;
left:0;
}
.radiantthemes-timeline-item-data{
margin-top:0;
margin-bottom:20px;
}
}
/* radiantthemes-timeline element-three */
.radiantthemes-timeline.element-three{
> .radiantthemes-timeline-slider{
padding-top:0;
> .owl-thumbs{
position:static;
margin-left:0;
margin-right:0;
> .owl-thumb-item{
width:100%;
&:first-child:before,
&:last-child:before{
left:0;
right:0;
}
}
}
}
}
}