PATH:
home
/
letacommog
/
aperobusiness
/
wp-content
/
themes
/
deep
/
assets
/
dist
/
css
/
frontend
/
portfolio-carousel
.portfolio-carousel .owl-item{margin-top:-25px;margin-left:25px}.portfolio-carousel .portfolio-item{position:relative;-webkit-box-shadow:-25px 50px 0 0 rgba(227,227,227,1);-moz-box-shadow:-25px 50px 0 0 rgba(227,227,227,1);box-shadow:-25px 50px 0 0 rgba(227,227,227,1)}.portfolio-carousel .portfolio-item .portfolio-title,.portfolio-carousel .portfolio-item .portfollo-content,.portfolio-carousel .portfolio-title:before{display:none}.portfolio-carousel .portfolio-item .portfolio-title a{color:#fff!important;font-size:43px;font-weight:400;text-transform:capitalize}.portfolio-carousel .portfolio-item .portfollo-content p{color:#fff}.portfolio-carousel .portfolio-item:hover .portfolio-title:before{display:block;content:"\e706";color:#fff;font-family:themify;position:absolute;top:-44px}.portfolio-carousel .portfolio-item:hover .portfolio-title.enable{display:block;top:126px;left:72px;position:absolute}.portfolio-carousel .portfolio-item:hover .portfollo-content.enable{color:#fff;display:block;position:absolute;bottom:90px;left:72px;font-size:16px;padding-right:75px}.portfolio-carousel .portfolio-item:hover .bgc-overlay{-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;background-color:#437df9;position:absolute;opacity:1;display:block;left:0;right:0;top:0;bottom:0}.portfolio-carousel .owl-nav .owl-prev .ol-pre:after{font-family:linea-arrows-10!important;content:"\e066";font-size:50px;position:absolute;top:50%;left:-2%;color:#000;transform:translateY(-50%)}.portfolio-carousel .owl-nav .owl-prev .ol-pre:hover::after{content:"\e067";font-size:50px;-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s;font-family:linea-arrows-10!important}@media(max-width:1280px){.portfolio-carousel .portfolio-item:hover .portfolio-title.enable{top:130px}.portfolio-carousel .portfolio-item .portfolio-title a{font-size:30px}.portfolio-carousel .portfolio-item:hover .portfollo-content.enable{bottom:80px}.portfolio-carousel .portfolio-item:hover .portfolio-title:before{top:-30px}}@media(max-width:1200px){.portfolio-carousel .portfolio-item:hover .portfolio-title.enable{top:90px}.portfolio-carousel .portfolio-item:hover .portfollo-content.enable{bottom:60px}}@media(max-width:991px){.portfolio-carousel .portfolio-item:hover .portfollo-content.enable{display:block;bottom:150px}.portfolio-carousel .portfolio-item:hover .portfolio-title.enable{top:110px}}#latest-projects-2 .owl-nav,.related-works .owl-nav{display:none}@media(max-width:767px){.portfolio-carousel .portfolio-item:hover .portfollo-content.enable{bottom:80px}.portfolio-carousel .owl-nav .owl-prev .ol-pre:after{left:-2%}}@media(max-width:480px){.portfolio-carousel .portfolio-item:hover .portfolio-title.enable{top:70px}.portfolio-carousel .portfolio-item .portfolio-title a{font-size:30px}.portfolio-carousel .portfolio-item{box-shadow:none}}#latest-projects-2 img{-moz-filter:grayscale(100%);filter:grayscale(100%);filter:gray;-webkit-filter:grayscale(1)}#latest-projects-2 img:hover{-moz-filter:grayscale(0);filter:grayscale(0);filter:none;-webkit-filter:grayscale(0)}.portfolio-carousel-subtitle .fa-angle-left:before,.portfolio-carousel-subtitle .fa-angle-right:before{font-family:fontawesome}#latest-projects-2{margin-top:30px}#wrap .portfolio-carousel-subtitle .wn-fa,.related-works .btn .fa{display:unset}
[+]
..
[-] portfolio-carousel.css
[edit]