/*
Theme Name:   Justicia Child
Template:     justicia
Version:      1.0.0
Description:  Tema child di Luca Pesucci
Author:       Luca Pesucci
*/

/* Qui aggiungi il tuo CSS personalizzato */

@media screen and (max-width:767px){
	.mkdf-mobile-header-holder .mkdf-grid .mkdf-vertical-align-containers .mkdf-vertical-align-containers .mkdf-position-left {
    width: 88%;
}
}

span.mkdf-social-icon-widget.social_linkedin {
    font-size: 30px;
}

span.mkdf-side-menu-title {
    display: none !important;
}


/*BLOG HOME*/

ul.wpp-list li {
    display: flex;
    flex-direction: column;
}

.wpp-list li:first-child {
    width: 60%;
}

.wpp-list li:last-of-type {
    width: 38%!important;
}

ul.wpp-list li {
    display: flex;
    flex-direction: column;
    margin: 20px 50px;
}

.wpp-list {
    display: flex;
}

img.attachment-justicia_mikado_image_landscape.size-justicia_mikado_image_landscape.wp-post-image {
    width: 40%;
}

@media screen and (max-width:767px){
	.wpp-list {
    display: block;
}
	.wpp-list li:first-child {
    width: 80%;
}

.wpp-list li:last-of-type {
    width: 80%!important;
}
	
img.attachment-justicia_mikado_image_landscape.size-justicia_mikado_image_landscape.wp-post-image {
    width: 80%;
    margin: 0 auto;
}
	
}

/*BLOG NUOVO HOME A GRIGLIA*/

.xx2-post-grid{
         display: grid;
         grid-template-columns: 1fr 1fr 1fr 1fr;
         grid-template-rows: 450px 450px 450px 450px;
         gap: 10px; /* spaziatura tra righe e colonne */
    }
    .xx2-post-grid .last{
        grid-row:1 / 4;
    }
    
    
   .xx2-post-grid .best1{
        grid-column: 4 / 5;
        grid-row: 1 / 3;
    }
   
    .xx2-post-grid .best2{
        grid-column: 3 / 4;
        grid-row: 2 / 4;
    }
    
   .xx2-post-grid article {
    background: #165153;
        border:1px solid #e5936b;
            
}
   .xx2-post-grid article .title{
    color:white;
    text-align:center;
        padding:20px;
	   font-size:22px;
	   line-height:25px;
}
    
   .xx2-post-grid article .title{
    background-repeat: no-repeat;
    background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
    -webkit-transition: .6s cubic-bezier(.215,.61,.355,1);
    transition: .6s cubic-bezier(.215,.61,.355,1);
    background-size: 0 100%;
	}
    
   .xx2-post-grid article a:hover .title{
    color:#e5936b;
	background-size: 100% 100%;
    }
	
    
   .xx2-post-grid article .date{
        font-size:13px;
        color:white;
        text-align:right;
        padding:20px;
        display:none;
    }
    
  .xx2-post-grid  article a{
        width:100%;
        height:100%;
    }
    
  .xx2-post-grid  article a{
        display:flex;
        align-items:center
    }
    
  /*.xx2-post-grid  article .title:before{
        content: " SANDRO ASSOGNA";
        color:white;
        display:block;
        text-align:center;
        padding-bottom:20px;
        font-style:italic
    }*/

	.xx2-post-grid  article img{
        width:95%;
		max-height:200px;
        margin:5px 5px;
    }

	.xx2-post-grid  article a{
        display:flex;
        align-items:center;
    	justify-content:center;
    	flex-direction:column;
    }

	.xx2-post-grid .excerpt{
		color:white;
		font-size:16px;
		line-height:25px;
		padding:20px 20px 0;
		/*overflow: hidden;
		text-overflow: ellipsis;
		display: block;
		max-height: 63px;*/
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
}

.xx2-post-grid .last .excerpt {
		-webkit-line-clamp: 15;
}

.xx2-post-grid .best1 .excerpt, .xx2-post-grid .best2 .excerpt{
		-webkit-line-clamp: 10;
}


.xx2-post-grid article.last img {
    /*height: 50%;*/
	
}

.xx2-post-grid article.best1 img{
	/*height: 50%;*/
}

.xx2-post-grid article.best2 img{
	/*height: 50%;*/
}

/*AGGIORNAMENTO BLOG IN HOME*/
/*Articolo ultimo*/
.xx2-post-grid article.last a {
    justify-content: flex-start;
}

.xx2-post-grid article.last a img {
    margin-top:50px
}

.xx2-post-grid article.last a .title {
    font-size:30px;
    line-height:30px
}

.xx2-post-grid article.last a .excerpt {
    font-size:16px;
    line-height:30px
}

.xx2-post-grid .last .excerpt {
    -webkit-line-clamp: 26;
}

/*Articolo più letto*/

.xx2-post-grid article.best1 a{
    justify-content:flex-start;
}

.xx2-post-grid article.best1 a img {
    margin-top:50px;
}

.xx2-post-grid article.best1 a .title{
    font-size:30px;
    line-height:30px
}

.xx2-post-grid article.best1 a .excerpt{
    font-size:16px;
    line-height:30px
}

/*secondo articolo più letto*/

.xx2-post-grid article.best2 a{
    justify-content:flex-start;
}

.xx2-post-grid article.best2 a img {
    margin-top:50px;
}

.xx2-post-grid article.best2 a .title{
    font-size:30px;
    line-height:30px
}

.xx2-post-grid article.best2 a .excerpt{
    font-size:16px;
    line-height:30px
}

.xx2-post-grid .best2 .excerpt {
    -webkit-line-clamp: 14;
}



@media screen and (max-width:1170px){
    .xx2-post-grid{
        display:block;
    }
    
    .xx2-post-grid article{
        text-align:center;
        padding:100px;
        margin:30px
    }
    
    .xx2-post-grid article a{
        justify-content:center;
    }
}

@media screen and (max-width:768px){
    .xx2-post-grid article{
        text-align:center;
        padding:50px;
        margin:20px
    }
	
	.xx2-post-grid .excerpt{
		padding:10px 20px 0px;
}
	
	.xx2-post-grid article .title{
    color:white;
    text-align:center;
        padding:20px 20px 10px;
	   line-height:23px;
}
	
	.xx2-post-grid article .title{
	background-size: 100% 100%;
    }
	
}

@media screen and (max-width:468px){
    .xx2-post-grid article{
        text-align:center;
        padding:5px 5px 10px 5px;
        margin:20px 0;
    }
    
    .xx2-post-grid article {
        border:2px solid #e5936b;
            
}
}
    /*Home sotto al blog*/

@media screen and (max-width:768px){
	span.mkdf-icon-shortcode.mkdf-normal.icona-assogna-mail.mkdf-icon-medium{
		margin:0!important;
	}

}

/*PROFIL*/

@media screen and (max-width:768px){
	.mkdf-tabs.mkdf-tabs-standard .mkdf-tab-container {
    padding: 59px 20px!important;
}


}

/*Contact form*/
.wpcf7 form.sent .wpcf7-response-output{
	color:#ccc;
}

/*Articoli blog stile link*/
@media screen and (max-width:768px){
.mkdf-blog-holder.mkdf-blog-single article.format-link .mkdf-post-text {
	padding: 20px!important;
}
}

@media screen and (max-width:1024px){
	.mkdf-mobile-header .mkdf-mobile-nav{
		height:auto!important;
}
}

/*Pagina contatti icone social*/

@media screen and (max-width:1024px){
.colonna-contatti-assogna-sandro {
    text-align: center;
}
}

/*Bandierina menu*/
li#nav-menu-item-3684 a .item_outer {
    display: flex;
    align-items: center;
}

li#nav-menu-item-3684-fr {
    display: none;
}

/*footer bandiera lingua corrente*/
li#menu-item-3684-fr {
    display: none;
}

/*testo p giustificato expertise*/
.wpb_text_column.wpb_content_element.expertise-testo-giustificato div p {
    text-align: justify;
}


/*articoli con immagine a sinistra e testo a destra*/

.mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-content .mkdf-post-heading {
    float:left;
	padding-right:20px;
}
.mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-content .mkdf-post-heading .mkdf-post-image{
    max-width:250px;
	height:auto;
}

.mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-content .mkdf-post-text{
	display:block!important;
}

@media screen and (max-width:1024px){
	.mkdf-blog-holder.mkdf-blog-single.mkdf-blog-single-standard article .mkdf-post-content .mkdf-post-heading {
    float:none;
}
	
}