#projects-slides {
width: 100%;
}
#projects-slides .project-slide {
height: 285px;
position: relative;
}
#projects-slides::before {
position: absolute;
content: "";
width: 100%;
height: 80px;
margin-top: -35px;
background-color: white;
z-index: 99;
-webkit-transform: rotate(2deg) scale(1) skew(2deg) translate(1px);
-moz-transform: rotate(2deg) scale(1) skew(2deg) translate(1px);
transform: rotate(2deg) scale(1) skew(2deg) translate(1px);
}
#projects-slides .project-slide .project-slide-overlay {
z-index: 4;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#projects-slides .project-slide:hover .project-slide-overlay {
opacity: 1;
}
#projects-slides .project-slide img {
width: auto;
height: 100%;
min-height: 100%;
min-width: 100%;
}
#projects-slides .project-slide .project-slide-overlay h4 {
margin-top: 40%;
padding: 0 5px;
text-align: center;
font-size: 2.2rem;
color: #ffffff;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#projects-slides .project-slide:hover .project-slide-overlay h4 {
margin-top: 35%;
}
@media screen and (max-width:1024px) {
#projects-slides .project-slide {
height: 200px;
}
}
@media screen and (max-width:768px) {
#projects-slides .project-slide {
height: 180px;
}
}
#projects-slides .slick-prev,
#projects-slides .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 40px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
z-index: 99998;
}
#projects-slides .slick-prev:before,
#projects-slides .slick-next:before {
font-size: 20px;
line-height: 1;
opacity: 0.75;
color: #333333;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
border-radius: 100%;
background: rgba(255,255,255,1);
}
#projects-slides .slick-prev:hover:before,
#projects-slides .slick-next:hover:before {
opacity: 1;
}
#projects-slides .slick-prev {
left: 25px;
}
#projects-slides .slick-prev:before {
content: '\2039';
padding: 5px 16px 8px 15px;
}
#projects-slides .slick-next {
right: 25px;
}
#projects-slides .slick-next:before {
content: '\203A';
padding: 5px 15px 8px 16px;
}
.post-type-archive-rnn_projects .pagination {
width: 100%;
text-align: center;
margin: 20px 0 20px;
}
.post-type-archive-rnn_projects .pagination h2.screen-reader-text {
margin-bottom: 10px;
font-weight: bold;
font-style: italic;
}
.post-type-archive-rnn_projects .pagination .nav-links .nav-links {
background: #f39700;
padding: 10px;
color: #ffffff;
}
.post-type-archive-rnn_projects .pagination .current {
color: #000000;
border: 2px solid;
border-radius: 100%;
width: 31px;
height: 31px;
display: inline-block;
font-weight: bold;
font-size: 16px;
}
.post-type-archive-rnn_projects .pagination a {
color: #ffffff;
font-style: italic;
font-weight: bold;
font-size: 18px;
height: 31px;
min-width: 31px;
display: inline-block;
}