PATH:
home
/
letacommog
/
lavenue
/
wp-content
/
themes
/
deep
/
assets
/
dist
/
css
/
frontend
/
teaser-box
.teaser-box3{background:#f8f8f8;position:relative;transition:all .24s ease;-webkit-transition:all .24s ease}.teaser-box3:hover{background:#437df9}.teaser-box3 a{display:block;width:100%;height:100%}.teaser-box3 .teaser-title{font-size:29px;font-weight:700;color:#000;transition:all .3s ease;-webkit-transition:all .3s ease}.teaser-box3 .teaser-subtitle,.teaser-box3 .teaser-title{position:absolute;left:51%;top:30%;padding:0 30px}.teaser-box3 img{width:50%;opacity:1;transition:all .26s ease;-webkit-transition:all .26s ease}.teaser-box3:hover img{opacity:.82}.teaser-box3 .teaser-subtitle{top:40%;color:#444;margin:0;font-size:19px;line-height:1.8;transition:all .32s ease;-webkit-transition:all .32s ease}.teaser-box3:hover .teaser-subtitle,.teaser-box3:hover .teaser-title{color:#fff}.teaser-box3 .teaser-subtitle:after{position:absolute;left:32px;content:'Read More';display:inline-block;margin-top:62px;background:#437df9;color:#fff;padding:16px 36px;border-radius:0;font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;transition:all .28s ease;-webkit-transition:all .28s ease}.teaser-box3:hover .teaser-subtitle:after{background-color:#fff!important;color:#437df9}@media only screen and (max-width:767px){.teaser-box3 img{width:100%;opacity:.65}.teaser-box3 .teaser-subtitle,.teaser-box3 .teaser-subtitle:after,.teaser-box3 .teaser-title{left:5%;color:#fff;top:15%}.teaser-box3 .teaser-title{font-size:20px}.teaser-box3 .teaser-subtitle{font-size:15px;top:25%}.teaser-box3 .teaser-subtitle:after{padding:6px 16px;font-size:12px;font-weight:400;margin-left:10px;top:0}.teaser-box3 a{background:#000}}@media only screen and (max-width:480px){.teaser-box3 .teaser-title{font-size:16px}.teaser-box3 .teaser-subtitle{font-size:12px}.teaser-box3 .teaser-subtitle:after{padding:4px 12px;font-size:11px;margin-left:16px;letter-spacing:0}}
[+]
..
[-] teaser-box4.css
[edit]
[-] teaser-box3.css
[edit]
[-] teaser-box14.css
[edit]
[-] teaser-box13.css
[edit]
[-] teaser-box2.css
[edit]
[-] teaser-box5.css
[edit]
[-] teaser-box12.css
[edit]
[-] teaser-box15.css
[edit]
[-] teaser-box16.css
[edit]
[-] teaser-box11.css
[edit]
[-] teaser-box18.css
[edit]
[-] teaser-box6.css
[edit]
[-] teaser-box1.css
[edit]
[-] teaser-box8.css
[edit]
[-] teaser-box10.css
[edit]
[-] teaser-box17.css
[edit]
[-] teaser-box9.css
[edit]
[-] teaser-box7.css
[edit]