
/* Impostazioni generali pagina */

.text_styles ul > li:before {
	content: "" !important;
	}

a:hover {
	color: #111;
	text-decoration: none !important;
	}
	
.info{
	vertical-align: top!important;
	background-color:#f1f1f1;
	}
	
.info:hover{
	background-color:#e9e9e9;
	}


div.wpb_content_element {
    text-align: justify;
	}
	



/* responsive */



/* allineo in centro le immagini dei progetti */
span.element {
    align-content: center !important;
    align-items: center;
    justify-content: center;
    text-align: center;
	display: flex !important;
}
/* allineo in centro le immagini dei progetti */
div.image > a >span > img {
    max-width: none;
    flex: none;
}


@media screen and (min-width:501px)  { 

.portfolio_loop_custom .entry {
    margin-bottom: 20px;
	}


.title {
	position: relative;
}

.description {
	position:relative;
	height:89px;
}

div.description > p {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    width: inherit;
	margin-top:0px;
	height: inherit;
	-webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}


.info{
	position:relative;
	padding-left: 12px!important;
	padding-right: 18px !important;
	padding-top: 9px!important;
	padding-bottom: 7px!important;
	height: 140px !important;
	}
	
#page_body {
    padding-top:33px !important;
	}

.portfolio_loop_custom .entry {
        margin-top: 13px !important;
	}

.portfolio_loop_custom .entry .info .description {
    margin-top: 10px !important;
	}	

	
.visual_composer_invicta_styles .wpb_content_element {
	 margin-bottom: 0px !important; 
	}
	
.portfolio_filters {
    font-size: 1em;
	margin-top: 35px;
    margin-bottom: 35px;
	}	

.portfolio_filters .active {
    font-weight: 600;
	}

.portfolio_loop_custom .entry .info .title {
    font-weight: 600 !important;
	}
	

}

@media screen and (max-width:400px)  { 

div.wpb_content_element {
    text-align: justify;
    height: 96px;
    overflow: scroll;
	}
}
@media screen and (min-width:401px) and (max-width:500px)  { 

div.wpb_content_element {
    text-align: justify;
    height: 96px;
    overflow: scroll;
}
}




@media screen and (max-width:500px)  { 


	
#page_body {
    padding-top:15px !important;
	}
	
.wpb_content_element {
    line-height: 1.4em;
	font-size: 0.9em;
	}

.portfolio_loop_custom .entry {
    margin-bottom: 0px !important;
	}
	

div.info {
	padding-top:5px !important;
	padding-bottom:5px !important;
	padding-left:5px !important;
	padding-right:8px !important;
	background-color: #e8e8e8;
	}	

	
.visual_composer_invicta_styles .wpb_content_element {
	 margin-bottom: 35px !important;
	}

/* Nascondo filtri */
.portfolio_filters {
    display:none;
	}	
	
 .portfolio_loop_custom .entry .info .title {
    font-weight: 400 !important;
	font-size: 1.1em;
	}

article, div.info, div.image{
    height: 300px;
}

.portfolio_loop_custom .entry .image {
	float: none;
    width: 100%;
	position: absolute;
    top: 0px;
	height: 150px;
}

.portfolio_loop_custom .entry .info {
	float: none;
    width: 100%;
	position: absolute;
    top: 140px;
	height: 120px;
    display: inline-block;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    width: inherit;
}



div.description{
	 margin-top: 5px !important;
	}

div.description>p {
    line-height: 1.4em;
	font-size: 0.9em;
	}	

	
}





