.pitem {
position: relative;
display: block;
width: 100%;
overflow: hidden;
}
.pitem.pitem-flip .pitem-card {
backface-visibility: hidden;
}
.pitem.pitem-flip:hover .pitem-card-front {
transform: rotateY(180deg);
}
.pitem.pitem-flip:hover .pitem-card-back {
transform: rotateY(0deg);
z-index: 3;
}
.pitem.pitem-hover:hover .pitem-card-hover {
opacity: 0.9;
visibility: visible;
}
.main-visible .pitem.pitem-flip .pitem-card {
transition: all 0.6s ease-in-out;
}
.main-visible .pitem-card {
transition: all 0.3s;
}
.pitem-card {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: var(--el-border-radius);
background-color: var(--background-color);
overflow: hidden;
}
.pitem-card-front {
z-index: 2;
}
.pitem-card-front img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.pitem-card-details {
background-color: var(--accent-color);
display: flex;
align-items: center;
justify-content: center;
color: var(--background-color);
text-align: center;
padding: 2rem 2.5rem;
text-decoration: none;
}
.pitem-card-details:hover {
color: var(--background-color);
}
.pitem-card-back {
transform: rotateY(180deg);
z-index: 1;
}
.pitem-card-hover {
opacity: 0;
visibility: hidden;
z-index: 3;
}
.pitem-heading {
margin-bottom: 1rem;
font-size: 1.25rem;
}
.pitem-heading.pitem-heading-large {
font-size: 1.5rem;
margin-bottom: 1.5rem;
}
.pitem-desc {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
max-width: 22.5rem;
}
.pitem-desc p {
margin-bottom: 0;
}
.pitem-btns {
margin-top: 1.5rem;
}
.pitem-col-carusel {
min-width: 23%;
width: 23%;
margin-left: 15px;
}
.pitem-col-carusel.pitem-cc-wide {
min-width: 100%;
width: 100%;
}
.pitem-col-carusel.pitem-cc-2 {
min-width: 40%;
width: 40%;
}
.pitem-col-carusel.pitem-cc-3 {
min-width: 28%;
width: 28%;
}
.pitem-author {
display: flex;
justify-content: center;
margin-top: 2.5rem;
}
.pitem-details {
position: relative;
margin-bottom: -1rem;
}
.pitem-details-cols .pitem-details-row {
display: block;
}
.pitem-details-cols .pitem-details-label {
min-width: auto;
}
.pitem-details-cols .pitem-details-desc .d-flex {
justify-content: center;
}
.pitem-details-row {
display: flex;
margin-bottom: 1rem;
}
.pitem-details-label {
font-weight: var(--heading-font-weight);
font-family: var(--heading-font-family);
min-width: 9.375rem;
}
.single-project-page-min .row, .single-project-page-min .heading-center, .single-project-page-min .section-desc {
margin-bottom: 0;
}
.pitem-carusel-item {
height: 45rem;
width: 100%;
margin-right: 1rem;
}
.pitem-carusel-item img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.pitem-carusel-thumb-item {
position: relative;
width: 13.75rem;
height: 8.75rem;
margin-right: 1rem;
}
.pitem-carusel-thumb-item img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.pitem-carusel-thumb-item::after {
content: "";
position: absolute;
left: 0;
top: 50%;
height: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.4);
transform: translateY(-50%);
transition: all 0.3s;
}
.pitem-carusel-thumb-item.is-nav-selected::after, .pitem-carusel-thumb-item:hover::after {
height: 100%;
}
.pitem-carusel-thumb {
margin-top: 1.5rem;
}
.pitem-full .pitem-desc {
-webkit-line-clamp: 2;
max-width: 100%;
}
.pitem-img {
position: relative;
}
.pitem-img img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.pitem-info .item-heading,
.pitem-info-wide .item-heading {
margin-bottom: 0.625rem;
}
.pitem-info {
padding: 1.25rem;
}
.pitem-info-wide {
padding-top: 1.25rem;
}
.pitem-btn-link {
display: flex;
margin-top: 0.625rem;
}
@media (max-width: 1399.98px) {
.pitem-carusel-item {
height: 39rem;
}
}
@media (max-width: 1199.98px) {
.pitem-carusel-item {
height: 32.5rem;
}
.pitem-card-details {
padding: 1.5rem;
}
.pitem-col-carusel {
min-width: 40%;
width: 40%;
}
.pitem-col-carusel.pitem-cc-3 {
min-width: 40%;
width: 40%;
}
.pitem-heading.pitem-heading-large {
font-size: 1.375rem;
margin-bottom: 1rem;
}
}
@media (max-width: 991.98px) {
.pitem-card-details {
padding: 1.5rem 2.5rem;
}
.pitem-carusel-item {
height: 25rem;
}
}
@media only screen and (max-width: 767.98px), only screen and (min-width: 567px) and (max-width: 900px) and (orientation: landscape) {
.pitem-card-details {
padding: 1.25rem;
}
.pitem-col-carusel {
min-width: 50%;
width: 50%;
}
.pitem-col-carusel.pitem-cc-2, .pitem-col-carusel.pitem-cc-3 {
min-width: 50%;
width: 50%;
}
.pitem-carusel-item {
height: 18.75rem;
}
.pitem-carusel-thumb-item {
width: 9.375rem;
height: 6.25rem;
}
}
@media (max-width: 575.98px) {
.pitem {
max-width: 21.875rem;
margin-left: auto;
margin-right: auto;
}
.pitem-col-carusel {
min-width: 100%;
width: 100%;
}
.pitem-col-carusel.pitem-cc-2, .pitem-col-carusel.pitem-cc-3 {
width: 100%;
}
}
@media only screen and (max-width: 370px) {
.pitem-carusel-item {
height: 15rem;
}
.pitem-carusel-thumb-item {
width: 7.5rem;
height: 5rem;
}
}
@media (min-width: 1400px) {
.single-project-page .col-lg-4 {
width: 29%;
}
.single-project-page .col-lg-8 {
width: 71%;
}
}
@media only screen and (min-width: 1600px) {
.pitem-col-carusel {
min-width: 22%;
width: 22%;
}
}