/*------------------------------------------------------***Style for Dev 2***------------------------------------------------------*/

/*********** DS : portfolio style ***********/

.single-site-main {
    max-width: 1400px;
    margin-inline: auto;
}

.single-site-main .entry-content-row {
    padding: 80px 20px;
    display: flex;
    gap: 30px;
}

.single-site-main .entry-content-col-6 {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.single-site-main .entry-text {
    color: #fff;
}

.single-site-main h1.entry-title {
	color: var(--e-global-color-color_2 ) !important;
    margin-bottom: 20px;
}

.single-site-main span.portfolio-sep {
    display: block;
    width: 100%;
    height: 1px;
    background: var(--e-global-color-color_2);
}

.single-site-main .project-info-filed {
    display: flex;
    gap: 10px;
    padding: 10px;
    align-items: center;
}

.single-site-main .project-info-filed-title {
    font-size: 19px;
    color: #fff;
    font-weight: 600;
}

.single-site-main .project-info-filed-value {
    font-size: 17px;
    color: #fff;
}

.single-site-main a.portfolio-btn {
    background: var(--e-global-color-color_2);
    padding:12px 30px;
    display:inline-block;
    margin-top:15px;
}

.single-site-main a.portfolio-btn:hover {
    background: #fff;
    color:var(--e-global-color-color_2);
}

/** gallery slider **/
.single-portfolio .dialog-lightbox-widget{
	display:none !important;
}
.single-site-main .entry-content-col-thumbnail {
    display: flex;
    flex-direction: column;
}

.single-site-main .gallery-thumbnail-container {
    width: auto;
}

.single-site-main section.section-portfolio-gallery {
    width: 80px;
}

.single-site-main .gallery-thumbnail-container {
    display: flex;
    /* flex-direction: row-reverse; */
    gap: 20px; 
    align-items: center;
}

/* Portfolio slider gallery */
.single-site-main .portfolio-slider {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; 
    flex-direction: column;
}

.single-site-main .portfolio-slider .slider-item {
    width: 80px; 
    height: 80px; 
    overflow: hidden;
    border: 2px solid #ddd;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.single-site-main .portfolio-slider .slider-item img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
}

.single-site-main .portfolio-slider .slider-item:hover {
    border-color: #0073aa; 
}

/* Featured thumbnail (main image) */
.single-site-main .featured-thumbnail {
    width: 100%;
    /* max-width: 500px; */ 
    margin: 0 auto; 
    overflow: hidden;
    border: 1px solid #e8a674;
    transition: 0.5s !important;!i;!;
    display: flex;
}

.single-site-main .featured-thumbnail img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* Additional spacing for responsive behavior */
@media (max-width: 768px) {
   .single-site-main  .gallery-thumbnail-container {
        gap: 10px;
    }
    .single-site-main .portfolio-slider .slider-item {
        width: 60px;
        height: 60px;
    }
    .single-site-main .featured-thumbnail {
        max-width: 100%;
    }
}


.single-site-main .portfolio-gallery-slider {
    position: relative;
    max-width: 100%;
    margin-bottom: 0px;
    width: 98px;
    padding: 20px 0;
}

.single-site-main .slick-vertical-slider {
    max-height: 500px; 
    overflow: hidden;
}

.single-site-main .slick-vertical-slider .gallery-item {
    padding: 5px;
    text-align: center;
}

.single-site-main .slick-vertical-slider .gallery-item img {
    width: 90px;
    height: 90px;
    object-fit:cover;
    cursor: pointer;
    border:2px solid #ffffff3d;
}

.single-site-main .slick-prev:before,.single-site-main  .slick-next:before {
    color: #333;
}

/* Adjust the arrows for vertical direction */
.single-site-main .slick-prev {
    top: -1px;
    transform: rotate(90deg);
    position: absolute;
    right: 0;
    left: 38%; 
    z-index:50000;
}
.single-site-main .slick-next {
    bottom: 0px;
    transform: rotate(90deg);
    position: absolute;
    right: 39%;
    top: unset;
    z-index:50000;
    
}
.single-site-main .slick-prev:before , .single-site-main .slick-next:before {
    color: #ffffff !important;
    opacity:1;
}
.single-site-main .slick-prev:hover:before , .single-site-main .slick-next:hover:before {
       color: #e8a674 !important;
}
#main-thumbnail {
    transition: opacity 0.3s ease; 
}





/***** frond end grid portfolio wdget *****/
span.line-infos-sep {
    display: block;
    width: 100%;
    height: 1px;
    background: #e8a674;
}

.custom-infos p {
    margin-bottom: 0;
}

.custom-infos {
    color: #fff;
    font-family: 'DM Sans';
    padding: 10px 0; 
}
.portfolio-data .post-item-text {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.portfolio-data .post-item {
    transition:0.5s !important;
}
.portfolio-data .post-item:hover {
    transform:translateY(-8px);
}



@media (max-width: 800px) {
  .single-site-main .entry-content-row {
        padding: 20px 20px;
        display: flex;
        gap: 30px;
        flex-direction: column;
    }
    .single-site-main .entry-content-col-6{
        width:100% !important;
    }
    .single-site-main .gallery-thumbnail-container {
        flex-direction: row-reverse;
    }
    .single-site-main h1.entry-title{
        font-size:30px !important;
    }
}