.extended-portfolio-grid.portfolio-style-justified.caption-position-page .caption {
	    display: flex;
    /* align-content: stretch; */
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
	
}

.version-new.news-grid.title-on-page .portfolio-item .caption .portfolio-icons { margin: 0 auto; text-align: center; }

@media screen and (max-width: 768px) { 
	
	.extended-portfolio-grid.portfolio-style-justified.caption-position-page .caption {
		/*flex-direction: row;*/
	}

	
}

 


.portfolio-item .caption .title, 
.portfolio-item .caption .title > span {
   line-height: normal !important;
}


.portfolio-item .caption .info.taxonomies, 
.portfolio-item .caption .info.details, 
.portfolio-item .caption .info.custom_fields{
	white-space: normal !important;
	    max-width: 100%;
}





.portfolio-item .dynamic_color_normal, 
.portfolio-item .dynamic_color_hover { 
	transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s  linear;
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
	z-index: -1;
}

.portfolio-item .dynamic_color_normal { opacity: 1; }
.portfolio-item .dynamic_color_hover { opacity: 0;  }

.portfolio-item:hover .dynamic_color_normal { opacity: 1;}
.portfolio-item:hover .dynamic_color_hover { opacity: 1;}


.portfolio-item .image .overlay.has_dynamic_color:before, 
.portfolio-item:hover .image .overlay.has_dynamic_color:before {
	display: none !important; opacity: 0 !important; z-index: -99;
}


/* =========== mobile overlay patches :: disable_mobile_overlay 
This allows the hover states in the grid to be disabled on mobile since there is no hover
to activate the class:: disable_mobile_overlay
is simply added to the container

@media screen and (min-width: 1px) and (max-width: 426px) { 

allow_tablet_overlay
disable_tablet_overlay

allow_mobile_overlay
disable_mobile_overlay



*/

/*

.disable_mobile_overlay .portfolio-item {
		border: 5px solid yellow;
	}


@media screen and (min-width: 1px) and (max-width: 424px)  { 
	.disable_mobile_overlay .portfolio-item {
		border: 5px solid blue;
	}
}


@media screen and (min-width: 425px) and (max-width: 1024px)  { 
	.disable_tablet_overlay .portfolio-item {
		border: 5px solid green;
	}
}
*/



/* patch to prevent text clipping where its not wanted*/
.version-default.news-grid .portfolio-item .image .links .caption .description {
    max-height: none !important;
    overflow: visible;
    text-overflow: none;
}



/* very specific for device modes - iPhone with larger screens */
/*@media screen 
	and (min-width: 1px) 
	and (max-width: 1023px)
	and (-webkit-min-device-pixel-ratio: 2)
	and (orientation: portrait)  */

/* looser version for widths only... can bracket for tablet and mobile 
@media screen 
	and (min-width: 1px) 
	and (max-width: 1023px)
*/


/* combined - targets iPhones better */
@media screen 
	and (min-width: 1px) 
	and (max-width: 1023px), 
screen 
	and (min-width: 1px) 
	and (max-width: 1023px)
	and (-webkit-min-device-pixel-ratio: 2)
	and (orientation: portrait) 
{ 



	.disable_mobile_overlay .portfolio-set,
	.disable_mobile_overlay .portfolio-item {
		display: block !important;
		position: static !important;
	}
	
	
	.disable_mobile_overlay .portfolio-item .caption {
		padding: 0 0 0 0 !important;
		display:  block;
	} 
		
		
		
	.disable_mobile_overlay .portfolio-item .image .links .caption .slide-content {
		/* padding: 15px 25px 20px 25px !important; */
	}

		
	
	.disable_mobile_overlay .slide-content-hidden {
		margin: 0 0 0 0 !important;
		user-select: contain;
   		pointer-events: auto;
	}
		
	
	
		
	.disable_mobile_overlay .portfolio-item .wrap-out .wrap .image .image-inner,  
	.disable_mobile_overlay .portfolio-item.double-item .wrap-out .wrap .image .image-inner
	.disable_mobile_overlay .portfolio.portfolio-grid .portfolio-item:not(.custom-ratio) .image-inner:not(.empty),
	.disable_mobile_overlay .portfolio.portfolio-grid .portfolio-item:not(.double-item) .image-inner:not(.empty) {
        position:relative !important;
        overflow: hidden !important;
		/*max-height: 50% !important;*/
		max-height: 275px !important;
		height: 275px !important;
		aspect-ratio: unset !important;
    }
	

	
	.disable_mobile_overlay .portfolio-item.double-item .wrap-out .wrap .image  {
		display: inline-block;
		position: relative;
		max-width: 100%;
		padding: 0;
		vertical-align: top;
		overflow: hidden;
		flex: none;
	}
	
	
	.disable_mobile_overlay .portfolio-item.size-item { 
		display: none; visibility: hidden; height: 0; content: ''; margin: 0 0 0 0 !important; padding: 0 0 0 0 !important; }
	
	
	.disable_mobile_overlay .portfolio-item .image .overlay {
		position: static !important;
	}


    /* these 3 could be engineered into the options panel for mobile height control... */
		
	/*.disable_mobile_overlay .portfolio-item .image .overlay .portfolio-item-link {
		height: 75%; max-height: 320px;
	}*/
		
	.disable_mobile_overlay .portfolio-item:not(.double-item) .image-inner:not(.empty), 
	.disable_mobile_overlay .portfolio-item .image-inner{
		/*min-height: 200px !important;*/
		width: 100%;
	} 

	.disable_mobile_overlay .portfolio-item .image .overlay .links-wrapper {
		display: table; 
		min-height: 200px !important;
	}
	
	
	.disable_mobile_overlay .hover-new-default .portfolio-item .image .overlay:before,
	.disable_mobile_overlay .hover-new-default .portfolio-item .image .overlay:before {
		opacity: 1 !important;
	}
	
	.disable_mobile_overlay .portfolio-item .image .overlay:after{
		opacity: 0 !important; 
	}
	
	
	.disable_mobile_overlay .portfolio-item .slide-content-hidden li a {
		display: block;
		color: #000;
		
		/*padding: 8px 5px 8px 5px;
		background: rgb(0 0 0 / 15%);
		margin: 5px 0px 10px 0px;
		border-radius: 10px;*/
		
		
		border-radius: 15px 15px 15px 15px;
        background-color: transparent;
        background-image: linear-gradient(120deg, #D9C397 0%, #B88A1E 100%);
        max-width: 300px;
        margin: 0 auto 10px auto;
        padding: 8px 5px 8px 5px;
	}
	.disable_mobile_overlay .portfolio-item .slide-content-hidden li a span {
		color: inherit !important;
	}
	
	.disable_mobile_overlay .portfolio-item .caption .title {
		margin: 0 0 0 0 !important;
	}

	.disable_mobile_overlay .portfolio-item .image .links .caption .slide-content, 
	.disable_mobile_overlay .portfolio-item .image .links .caption .description, 
	.disable_mobile_overlay .portfolio-item .image .links .caption .description, 
	.disable_mobile_overlay .news-grid.portfolio .portfolio-item .image .links .caption .description, 
	.disable_mobile_overlay	.portfolio-item:hover .image .links .caption .details, 
	.disable_mobile_overlay	.version-new.news-grid.hover-new-circular .portfolio-item:hover .image .links .caption .details, 
	.disable_mobile_overlay .portfolio-item .image .links .caption .description, 
	.disable_mobile_overlay .version-new.news-grid.hover-new-circular .portfolio-item .image .links .caption .description, 
	.disable_mobile_overlay .portfolio-item .image .links .caption .details, 
	.disable_mobile_overlay .version-new.news-grid.hover-new-circular .portfolio-item .image .links .caption .details, 
	.disable_mobile_overlay .portfolio-item .image .links .caption .description, 
	.disable_mobile_overlay .news-grid.portfolio .portfolio-item .image .links .caption .description {
		position: static !important;
		display: block !important; 
		opacity: 1 !important;
		-webkit-transform: none !important;
    	transform: none !important; 
		height: auto !important; 
		max-height: inherit !important;
	}  
	
	.news-grid.portfolio .disable_mobile_overlay .portfolio-item .image .links .caption .description {
		display: block !important; 
	}
		
	
	.disable_mobile_overlay .portfolio-item .image .overlay:after, 
	.disable_mobile_overlay .portfolio-item .image .overlay:before {
		display: none !important;
		visibility: hidden !important;
		height: 0 !important; 
	}
	
		
	.disable_mobile_overlay .hover-new-circular .portfolio-item .image .overlay .overlay-circle,
	.disable_mobile_overlay .portfolio-item .image .overlay .overlay-circle{
			top: 0 !important;
			bottom: 0 !important;
			left: 0 !important;
			right: 0 !important;
			height: 100% !important;
			border-radius: 0 !important;
			width: 100% !important; 
			padding: 0 0 0 0 !important;
			margin: 0 0 0 0 !important;
			-webkit-transform: none !important;
    		transform: none !important; 
			scale: none !important;
		    opacity: 1 !important; 
		}
}


@media only screen and (max-width: 390px) {
/*	.disable_mobile_overlay.news-grid.portfolio .portfolio-item .image .links .caption .description {
		display: block !important; 
	}*/

}