.tm-sc-projects .cat-list {
list-style: none;
margin: 0;
}
.tm-sc-projects .cat-list li {
display: inline;
color: #aaa;
margin-right: 7px;
font-size: 13px;
}
.tm-sc-projects .cat-list li a {
color: #aaa;
text-transform: capitalize;
transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-projects .cat-list li a {
transition: none;
}
}
.tm-sc-projects .cat-list li:last-child span {
display: none;
}
.projects-current-theme1 {
position: relative;
}
.projects-current-theme1 .inner-box {
position: relative;
}
.projects-current-theme1 .inner-box:hover .image-box .image:after {
height: 100%;
}
.projects-current-theme1 .inner-box:hover .image-box .image img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.projects-current-theme1 .inner-box:hover .image-box .icon {
right: 40px;
top: 40px;
opacity: 1;
transition-delay: 300ms;
}
.projects-current-theme1 .inner-box:hover .content-box .title li span,
.projects-current-theme1 .inner-box:hover .content-box .cat-list li span {
color: var(--text-color-bg-theme-color1);
}
.projects-current-theme1 .inner-box:hover .content-box .title a,
.projects-current-theme1 .inner-box:hover .content-box .cat-list a {
color: var(--text-color-bg-theme-color1);
}
.projects-current-theme1 .image-box {
position: relative;
overflow: hidden;
transition: all 300ms ease;
}
@media (prefers-reduced-motion: reduce) {
.projects-current-theme1 .image-box {
transition: none;
}
}
.projects-current-theme1 .image-box .image {
position: relative;
margin-bottom: 0px;
}
.projects-current-theme1 .image-box .image a {
display: block;
width: 100%;
}
.projects-current-theme1 .image-box .image::before {
position: absolute;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
content: "";
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #222429 100%);
pointer-events: none;
z-index: 2;
transition: all 500ms ease;
}
@media (prefers-reduced-motion: reduce) {
.projects-current-theme1 .image-box .image::before {
transition: none;
}
}
.projects-current-theme1 .image-box .image:after {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: var(--theme-color1);
height: 0;
opacity: 0.9;
z-index: 2;
content: "";
transition: all 300ms ease;
}
@media (prefers-reduced-motion: reduce) {
.projects-current-theme1 .image-box .image:after {
transition: none;
}
}
.projects-current-theme1 .image-box .image img {
width: 100%;
transition: all 300ms ease;
}
@media (prefers-reduced-motion: reduce) {
.projects-current-theme1 .image-box .image img {
transition: none;
}
}
.projects-current-theme1 .image-box .icon {
position: absolute;
right: 40px;
top: 10px;
height: 52px;
width: 52px;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
color: var(--text-color-bg-theme-color1);
font-size: 18px;
padding-top: 2px;
border: 2px solid var(--text-color-bg-theme-color1);
z-index: 2;
transition: all 300ms ease;
opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
.projects-current-theme1 .image-box .icon {
transition: none;
}
}
.projects-current-theme1 .image-box .icon:hover {
background-color: var(--theme-color2);
color: var(--text-color-bg-theme-color2);
}
.projects-current-theme1 .content-box {
position: absolute;
left: 0;
bottom: 0;
padding: 40px 50px;
z-index: 9;
}
.projects-current-theme1 .content-box .cat-list {
position: relative;
letter-spacing: 0.1em;
transition: all 300ms ease;
}
@media (prefers-reduced-motion: reduce) {
.projects-current-theme1 .content-box .cat-list {
transition: none;
}
}
.projects-current-theme1 .content-box .cat-list a {
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
color: var(--theme-color1);
}
.projects-current-theme1 .content-box .cat-list li span {
color: var(--theme-color1);
transition: all 300ms ease;
}
@media (prefers-reduced-motion: reduce) {
.projects-current-theme1 .content-box .cat-list li span {
transition: none;
}
}
.projects-current-theme1 .content-box .title {
display: block;
margin-bottom: 2px;
color: var(--text-color-bg-theme-color2);
}
.projects-current-theme1 .content-box .title:hover {
color: var(--theme-color1);
}
.gallery-carousel .owl-nav,
.gallery-carousel .owl-dots {
display: none;
}