/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


.blog .view-all {
  display:flex;
  justify-content: center;
  margin-top:1.5rem;
  width:100%;
}

.blog .main-content {
/*   margin-top:160px; */
  display:flex;
  gap:45px;
}
.blog .main-content .content-container {
  width:70%;
}
.blog .main-content .content-container .featured-image-container {
  margin: 20px 0 30px;
}
.blog .main-content .content-container .featured-image-container img {
  width:100%;
  height:auto;
}
.blog .main-content .content-container .category {
  padding-bottom:1.538em;
}
.blog .main-content .content-container .category span {
  background-color:var(--red);
  color:#fff;
  padding:3px 15px;
  border-radius:0px 12px 12px 0px;
  text-transform: lowercase;
}
.blog .main-content .content-container .date {
  color: #8a8a8a;
  padding-top:1.429em;
  text-transform:capitalize;
}

.blog .main-content .sidebar {
  width:30%;
}
.blog .main-content .sidebar .widget {
  margin-bottom: 65px;
}
.blog .main-content .sidebar .widget .title {
  font-weight:bold;
  margin-bottom:1.25em;
}

.blog .main-content .sidebar .widget .category-list {
  list-style-type: none;
}

.blog .main-content .sidebar .widget .category-list li {
  padding: 20px 0;
  border-bottom:1px solid var(--gray);
}
.blog .main-content .sidebar .widget .category-list li:before {
  content:'';
  display:inline-block;
  border: 1px solid var(--red);
  width:8px;
  height:8px;
  border-radius: 50%;  
  margin-right:10px;
}
  
.blog .main-content .sidebar .widget.popular-container .post-link {
  display:flex;
  margin-bottom:35px;
  gap:23px;
}
.blog .main-content .sidebar .widget.popular-container .post-link .image {
  width:40%;
  min-height:125px;
  background-size:cover;
  background-repeat: no-repeat;
  background-position:center center;
}
.blog .main-content .sidebar .widget.popular-container .post-link .text {
  width:60%;
}
.blog .main-content .sidebar .widget.popular-container .post-link:hover .text p.px16 {
 text-decoration:underline;
}
.blog .main-content.news .sidebar .widget.popular-container .post-link .text {
  width:100%;
}
.blog .main-content .sidebar .widget.popular-container .post-link .date {
  margin-top:0.714em;
  color: #8a8a8a;
  text-transform:capitalize;
}
.blog .main-content .sidebar .banner_pordenonesi {
  color:#fff;
  text-align:center;
  background-color:var(--red);
  border-radius: 32px;
}
.blog .main-content .sidebar .banner_pordenonesi .text {
  padding: 45px 30px;
}
.blog .main-content .sidebar .banner_pordenonesi .text h3 {
  padding-bottom:0.91em;
}
.blog .main-content .sidebar .banner_pordenonesi .image {
  width:100%;
}


/* LISTING POSTS TEMPLATE */

.blog.listing-posts .main-content .content-container .posts-list {
/*   display:flex;
  gap: 30px;
  justify-content: space-between;
  flex-wrap:wrap; */
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}
.blog.listing-posts .main-content .content-container .posts-list .post {
  
  display:flex;
  position:relative;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
}

.blog.listing-posts .pordenonesi .main-content .content-container .posts-list .post .text {
  position:relative;
}
.blog.listing-posts .pordenonesi .main-content .content-container .posts-list .post .text .category {
  margin-top:-10px;
}

.blog.listing-posts .pordenonesi .main-content .content-container .posts-list .post.full {
  grid-column: span 2;
  box-shadow: none;
}
.blog.listing-posts .pordenonesi .main-content .content-container .posts-list .post.full .text {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:flex;
  justify-content:center;
  align-items:center;
}
.blog.listing-posts .pordenonesi .main-content .content-container .posts-list .post.full .text .inner {
  padding: 20px;
  text-align:center;
  background: rgba(255, 255, 255,0.9);
  width:90%;
  max-width:430px;
}

/*pordenonesi template*/
.blog.listing-posts .pordenonesi .main-content .content-container .posts-list .post.full .text .category {
  margin:0;
  padding:0;
}
.blog.listing-posts .pordenonesi .main-content .content-container .posts-list .post.full .text .category span {
  border-radius: 12px;
}
.blog.listing-posts .pordenonesi .main-content .content-container .posts-list .post.full .featured-image-container {
  width:100%;
  height:auto;
}

.blog.listing-posts .pordenonesi .main-content .content-container .posts-list .post {
  flex-direction: column;
  min-height:475px;
}

.blog.listing-posts .pordenonesi .main-content .content-container .posts-list .post .featured-image-container {
  margin:0;
  width:100%;
  height:270px;
  background-size: cover;
  background-position: center center;
  background-repeat:no-repeat;
}
.blog.listing-posts .pordenonesi .main-content .content-container .posts-list .post .text .title {
  padding: 0 25px;
  min-height:130px;
}
.blog.listing-posts .pordenonesi .main-content .content-container .posts-list .post .text .date {
  border-top: 1px solid var(--gray);
  padding: 15px 25px;
  margin-bottom:0;
}
.blog.listing-posts .pordenonesi .view-all a {
  min-width: 265px;
  text-align:center;
}

/*progetti template*/
.blog.listing-posts .progetti .main-content {
  display:block;
  padding: 2rem 0;
  max-width: 1200px;
  margin: 0 auto;
}
.blog.listing-posts .progetti .main-content .content-container {
  width:100%;
}
.blog.listing-posts .progetti .main-content .content-container .posts-list {
  display:block;
}
.blog.listing-posts .progetti .main-content .content-container .posts-list .post {
  width:100%;
  display:flex;
  min-height:380px;
  margin-bottom:75px;
}
.blog.listing-posts .progetti .main-content .content-container .featured-image-container {
  margin: 0;
  width:50%;  
  background-size: cover;
  background-position: center center;
}
.blog.listing-posts .progetti .main-content .content-container .featured-image-container img {
  width:100%;
  height:auto;
}

.blog.listing-posts .progetti .main-content .content-container .text {
  width:50%;
  padding: 40px 60px;
  display:flex;
  flex-direction:column;
  justify-content: space-between;
}
.blog.listing-posts .progetti .main-content .content-container .text .description,
.blog.listing-posts .progetti .main-content .content-container .text .description {
  font-weight:normal!important;
}

/*news template*/
.blog.listing-posts .news .main-content {
  display:block;
}
.blog.listing-posts .news .main-content .content-container.last-news {
  width:100%;
  background: var(--lightgray);
  padding-bottom:80px;
}
.blog.listing-posts .news .main-content .content-container.last-news .posts-list {
  display:flex;
  width: 98%;
  max-width: 1360px;
  margin: 0 auto;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  background:#fff;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
}
.blog.listing-posts .news .main-content .content-container.last-news .posts-list .inner {
  display:flex;
  width: 95%;
  max-width: 1170px;
  margin: 70px auto;
  justify-content:center;
}
.blog.listing-posts .news .main-content .content-container.last-news .posts-list .inner .post {
  width:31.3%;
  padding-right: 35px;
  margin-right: 35px;
  border-right: 1px solid var(--gray);
  box-shadow:none;
}
.blog.listing-posts .news .main-content .content-container.last-news .posts-list .inner .post:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: 0;
}
.blog.listing-posts .news .main-content .content-container.last-news .posts-list .inner .post .text {
  display:block;
}

.blog.listing-posts .news .main-content .content-container.all-news {
  display:block;
  width: 95%;
  max-width: 1170px;
  margin: 0 auto;
}
.blog.listing-posts .news .main-content .content-container.all-news .posts-list .post {
  width:100%;
  padding: 30px 60px;
  display:flex;
  flex-direction:column;
  justify-content: space-between;
  min-height: 320px;
}
.blog.listing-posts .news .view-all a {
  min-width: 350px;
  text-align:center;
}




/* SINGLE POST TEMPLATE */
.blog.single-post .main-content .content-container .description-container {
  margin-bottom: 40px;
}

.blog.single-post .main-content .content-container .c-blog-socials {
  display:flex;
  margin:30px 0;
  justify-content: center;
  align-items:center;
  gap: 10px;
}
.blog.single-post .main-content .content-container .c-blog-socials .social {
  display:block;
  width: 30px;
  height: 30px;
  background-size:contain;
  background-repeat: no-repeat;
  background-position:center center;
}
.blog.single-post .main-content .content-container .c-blog-socials .social.twitter {
  background-image: url(//26698179.fs1.hubspotusercontent-eu1.net/hubfs/26698179/raw_assets/public/images/icon_twitter.svg);
}
.blog.single-post .main-content .content-container .c-blog-socials .social.facebook {
  background-image: url(//26698179.fs1.hubspotusercontent-eu1.net/hubfs/26698179/raw_assets/public/images/icon_facebook.svg);
}
.blog.single-post .main-content .content-container .c-blog-socials .social.linkedin {
  background-image: url(//26698179.fs1.hubspotusercontent-eu1.net/hubfs/26698179/raw_assets/public/images/icon_linkedin.svg);
}
.blog.single-post .main-content .content-container .c-blog-socials .social.pinterest {
  background-image: url(//26698179.fs1.hubspotusercontent-eu1.net/hubfs/26698179/raw_assets/public/images/icon_pinterest.svg);
}


.blog.single-post .main-content .content-container .c-blog-socials .social:before  {
  display:none;
}


.blog.single-post .go-back {
  margin:30px 0;
}
.blog.single-post .go-back a {
  color:var(--red);
}
.blog.single-post .go-back a:hover {
  color:#000;
}
  
.blog.single-post .main-content.news .sidebar .widget.popular-container .post-link {
  margin-bottom:20px;
}
.blog.single-post .main-content.news .sidebar .widget.popular-container .post-link p {
  margin-bottom:10px;
}
.blog .main-content .sidebar .widget .category-list li .category-link:hover {
 text-decoration:underline;
} 

 
/* media queries */
@media screen and (max-width: 1279px){
.blog .main-content {
  flex-wrap: wrap;
}
.blog .main-content .content-container,
.blog .main-content .sidebar {
  width:100%;
}
@media screen and (max-width: 1200px) {
  .blog.listing-posts .progetti .main-content {
    padding: 1.5rem;
  }
}  
@media screen and (max-width: 640px){
  .blog.listing-posts .main-content .content-container .posts-list {
    display:block;
  }
  .blog.listing-posts .pordenonesi .main-content .content-container .posts-list .post {
    min-height: 0;
    margin-bottom: 30px;
  }
  .blog.listing-posts .pordenonesi .main-content .content-container .posts-list .post .text .title {
    min-height:0;
  }
  .blog.listing-posts .news .main-content .content-container.last-news .posts-list .inner {
    flex-wrap:wrap;
    margin: 35px auto;
  }
  .blog.listing-posts .news .main-content .content-container.last-news .posts-list .inner .post {
    width:100%;
    border-right:0;
    border-bottom: 1px solid var(--gray);
    margin-right:0;
    padding-right:0;
    margin-bottom:35px;
    padding-bottom:35px;
  }
  .blog.listing-posts .news .main-content .content-container.all-news .posts-list .post {
    margin-bottom:35px;
    min-height:0;
  }
  .blog.listing-posts .news .main-content .content-container.all-news .posts-list .post .text {
    margin-bottom:30px;
  }
  .blog.listing-posts .progetti .main-content .content-container .posts-list .post {
    flex-wrap:wrap;
    flex-direction:column;
  }
  .blog.listing-posts .progetti .main-content .content-container .featured-image-container {
    width:100%;
    height:300px;
  }
  .blog.listing-posts .progetti .main-content .content-container .text {
    width:100%;
  }
}