/* Estilos customizados adicionais */
.vc_custom_1499430297723 {
    padding-top: 145px !important;
}

.vc_custom_1499430307489 {
    padding-top: 20px !important;
    padding-bottom: 95px !important;
}

.vc_custom_1498484260904 {
    background-color: #f6f6f6 !important;
}

.vc_custom_1498484282748 {
    background-color: #f6f6f6 !important;
}

.vc_custom_1499350407728 {
    padding-top: 125px !important;
    padding-bottom: 60px !important;
}

.vc_custom_1499350635407 {
    padding-bottom: 135px !important;
}

.vc_custom_1498486207766 {
    background-color: #f6f6f6 !important;
}

.vc_custom_1499352851055 {
    padding-top: 120px !important;
    padding-bottom: 80px !important;
    background-image: url('../images/Main-home-blog-background.jpg') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.vc_custom_1498552091119 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
    background-color: #282828 !important;
}

/* Ajustes adicionais de estilo */
.mkd-elements-holder-item {
    position: relative;
}

.mkd-elements-holder-item-inner {
    height: 100%;
}

.mkd-elements-holder-item-content {
    height: 100%;
}

/* Animações suaves */
.mkd-section {
    animation: fadeIn 0.8s ease-in;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Hover effects */
.highlight-item {
    transition: transform 0.3s ease;
}

.highlight-item:hover {
    transform: translateY(-5px);
}

/* Scrollbar customizada removida - usando cor natural do navegador */

/* Transition for Cyrela Text */
.expand-on-hover {
    max-height: 75px;
    /* Shows approx 3 lines */
    overflow: hidden;
    position: relative;
    transition: max-height 0.8s ease-in-out;
}

.expand-on-hover::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background: linear-gradient(transparent, #fff);
    transition: opacity 0.5s;
    pointer-events: none;
}

.portfolio-item:hover .expand-on-hover {
    max-height: 500px;
    /* Enough to show full text */
}

.portfolio-item:hover .expand-on-hover::after {
    opacity: 0;
}

/* Fix for NYC Case Image */
.portfolio-item img[src*="case-nyc01.png"] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.1);
    transform-origin: center;
}