/**
 * Copyright © Magefan (support@magefan.com). All rights reserved.
 * Please visit Magefan.com for license details (https://magefan.com/end-user-license-agreement).
 *
 * Glory to Ukraine! Glory to the heroes!
 */

.blog-index-index .post-list-wrapper .post-list{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding: 20px;
    margin-top: 30px;
}
.blog-index-index .post-list-wrapper{
	max-width: 1650px;
	margin: 0 auto;
	padding: 50px 0;
}
.blog-index-index .post-list .post-container{
	display: block;
}
.blog-index-index .post-list .post-image{
	width: 100%;
}
.blog-index-index .post-list.modern .post-info{
	padding: 0;
	width: 100%;
	max-width: 100%;
	margin-top: 30px;
	padding-left: 20px;
}
.blog-post-view .post-description .blog_desc p{
	color: rgb(0, 0, 0);
	font-size: 18px;
	font-weight: 400;
	line-height: 27px;
}
.blog-index-index #maincontent.page-main{
	max-width: 100%;
	background: url('../images/inspiration_bg.png');
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	margin-bottom: 30px;
}
.blog-index-index .post-list .post-info .post-title-wrap h3{
	margin-bottom: 25px;
}
.blog-index-index .post-list .post-info .post-title-wrap h3 a{
    font-size: 30px;
    font-weight: 500;
    line-height: 25px;
    font-style: normal;
    text-align: left;
    color: #ffffff;
}
.blog-index-index .post-list .post-description{
    font-size: 18px;
    font-weight: normal;
    line-height: 27px;
    font-style: normal;
    text-align: left;
    color: #ffffff;
}


.blog-index-index .post-list .post-read-more a{
	text-decoration: none;
    float: none;
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    font-style: normal;
    text-align: left;
    color: #BEA482;
    display: block;
    background: none;
    border: none;
    padding: 0;
}
.blog-index-index h1.title{
	color: rgb(255, 255, 255);
	font-size: 60px;
	font-weight: 200;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 0;
}
.blog-index-index h3.sub-title{
	color: rgb(255, 255, 255);
	font-size: 20px;
	font-weight: 200;
	text-align: center;
	text-transform: uppercase;
	margin-top: 10px;
}

/* View Page*/


.blog-post-view .post-featured-image img{
	width: 100%;
}
.blog-post-view .post-content .post-name{
	text-align: center;
	margin-top: 40px;
}
.blog-post-view .post-content .post-name h1{
	color: rgb(6, 6, 6);
	font-size: 30px;
	font-weight: 600;
	line-height: 38px;
	text-align: center;
	text-transform: uppercase;
}
.blog-post-view .post-content .post-description .blog_content,.blog-post-view .post-content .post-description .blog_content_left{
	margin-top: 10%;
}

.blog-post-view .post-content .post-description .blog_content .title p,.blog-post-view .post-content .post-description .blog_content_left .title p{
	color: rgb(6, 6, 6);
	font-size: 30px;
	font-weight: 600;
}
.blog-post-view .post-content .post-description .blog_content .desc{
	padding-right: 20%;
}
.blog-post-view .post-content .post-description .blog_content_left .pagebuilder-column-line .pagebuilder-column:nth-child(3) .desc{
   padding-right: 0;
   padding-left: 20%;
}
.blog-post-view .post-content .post-description .blog_content_left .pagebuilder-column-line .pagebuilder-column:nth-child(3) .title{
   padding-right: 0;
   padding-left: 20%;
}
.blog-post-view .post-content .post-description .blog_content .desc p,
.blog-post-view .post-content .post-description .blog_content_left .desc p{
	color: rgb(0, 0, 0);
	font-size: 18px;
	font-weight: 400;
	line-height: 27px;
}
.blog-post-view .post-content .post-description .blog_content .img-bottom,
.blog-post-view .post-content .post-description .blog_content_left .img-bottom{
	padding-right: 25px;
}
.blog-post-view .post-content .post-description .blog_content .img-top,
.blog-post-view .post-content .post-description .blog_content_left .img-top{
	margin-top: -115px;
}
.blog-post-view .post-content .post-description .blog_view_btn .pagebuilder-button-primary{
	background: #BEA482;
	border-color: #BEA482;
	color: #000;
	padding: 14px 50px;
	font-size: 15px;
}
.blog-post-view .post-content .esplora_domus .title p{
	font-size: 40px;
    line-height: 25px;
    font-style: normal;
    text-align: center;
    margin-top: 40px;
    color: #bea482;
    font-weight: 400;
}
.blog-post-view .post-content .esplora_domus .slide-container .product-items .product-item{
	width: 100%;
}
.blog-post-view .post-content .esplora_domus .slide-container .product-items .product-item .product-item-info{
    border: unset;
    box-shadow: unset;
    margin: unset;
    padding: unset;
    text-align: center;
}
.blog-post-view .blog-widget-random .post-list .post-header .post-title a,.blog-post-view .blog-widget-random .post-description p{
	color: #000;
}
.blog-post-view .blog-widget-random .post-list .post-content .post-read-more{
	color: #000;
}
.blog-post-view .inspiration .title h2,.blog-post-view .inspiration .title p{
	font-size: 40px;
  line-height: 25px;
  font-style: normal;
  text-align: center;
  margin-top: 40px;
  color: #bea482;
  font-weight: 400;
}
.blog-post-view .inspiration .sub-title p{
	font-size: 18px;
}
.blog-post-view .blog-widget-random .post-description p{
	font-size: 18px;
}
.blog-post-view .product-item-name a{
	font-size: 18px;
    font-weight: 300;
    color: #000;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 43px;
    text-decoration: none;
    text-transform: uppercase;
}
.blog-post-view .product-item-info .manufacturer-name{
	font-size: 18px;
}
.blog-post-view .product-item .price-box .price{
	font-size: 20px;
    font-weight: bold;
    color: #000;
}
@media(max-width: 1024px){
	#html-body.blog-post-view .blog-widget-random .post-list{
		grid-template-columns: repeat(1, 1fr);
	}
	#html-body.blog-post-view .page-wrapper .slide-container .product-items{
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	}
	#html-body.blog-post-view .post-content .post-description .blog_content .pagebuilder-column-line,
	#html-body.blog-post-view .post-content .post-description .blog_content_left .pagebuilder-column-line{
    	display: block;
	}
	#html-body.blog-post-view .post-content .post-description .blog_content .pagebuilder-column-line .pagebuilder-column,
	#html-body.blog-post-view .post-content .post-description .blog_content_left .pagebuilder-column-line .pagebuilder-column{
		width: 100% !important;
	}
	.blog-index-index #maincontent.page-main{
		width: auto;
	}
	#html-body.blog-post-view .post-content .post-description .blog_content .pagebuilder-column-line .pagebuilder-column:nth-child(2),
	#html-body.blog-post-view .post-content .post-description .blog_content .pagebuilder-column-line .pagebuilder-column:nth-child(3)
	{
		display: inline-block;
		width: 100%;
		max-width: 250px;
		margin-right: 25px;
	}
	.blog-post-view .post-content .post-description .blog_content_left .pagebuilder-column-line .pagebuilder-column:nth-child(3) .desc,
	.blog-post-view .post-content .post-description .blog_content_left .pagebuilder-column-line .pagebuilder-column:nth-child(3) .title{
		padding: 0;
	}
	#html-body.blog-post-view .post-content .post-description .blog_content_left .pagebuilder-column-line .pagebuilder-column:nth-child(1),
	#html-body.blog-post-view .post-content .post-description .blog_content_left .pagebuilder-column-line .pagebuilder-column:nth-child(2){
		display: inline-block;
		width: 100%;
		max-width: 250px;
		margin-right: 25px;
	}
	#html-body.blog-post-view .post-content .post-description .blog_content_left .pagebuilder-column-line .pagebuilder-column:nth-child(1){
		padding: 0;
	}
	#html-body.blog-post-view .post-content .post-description .blog_content .img-top,
	#html-body.blog-post-view .post-content .post-description .blog_content_left .img-top{
		margin-top: 0;
	}
	#html-body.blog-post-view .post-content .post-description .blog_content .img-bottom,
	#html-body.blog-post-view .post-content .post-description .blog_content_left .img-bottom{
		margin-right: 0;
		padding-right: 0;
	}
	#html-body.blog-post-view .post-content .post-description .blog_content .desc,
	#html-body.blog-post-view .post-content .post-description .blog_content_left .desc{
		padding-right: 0;
	}
}
@media(max-width: 767px){
	.blog-index-index .post-list-wrapper .post-list{
		grid-template-columns: repeat(1, 1fr);
	}
	.blog-index-index .post-list.modern .post-info{
		padding-left: 0;
	}
	.blog-index-index .post-list-wrapper .post-list{
		padding: 0;
	}
	#html-body.blog-post-view .blog-widget-random .post-content .post-description .post-ftimg-hld img{
		height: auto;
	}
	#html-body.blog-post-view .blog-widget-random .post-list{
		padding: 0;
	}
	.blog-index-index h1.title{
		font-size: 40px;
	}
	.blog-index-index h3.sub-title{
		font-size: 17px;
	}
}
@media(max-width: 500px){
	.blog-index-index h1.title{
		font-size: 30px;
	}
	.blog-index-index h3.sub-title{
		font-size: 15px;
	}
	.blog-post-view .post-content .esplora_domus .title p{
		font-size: 27px;
	}
	.blog-index-index .post-list-wrapper .post-list{
		margin-top: 40px;
	}
	.blog-index-index .post-list .post-info .post-title-wrap h3{
		margin-bottom: 15px;
	}
	.blog-index-index .post-list .post-info .post-title-wrap h3 a{
	    font-size: 26px;
	    line-height: 30px;
	}
	.blog-post-view .post-content .post-name h1{
		font-size: 23px;
	}
	.blog-post-view .post-content .post-description .blog_content .title p{
		font-size: 18px;
	    line-height: 30px;
	}
	.inspired_category_section .inspired_category_wrapper .title{
		font-size: 27px;
	}
	.blog-widget-random .post-list .post-header .post-title a{
	    font-size: 23px;
	}
	.blog-post-view .inspiration .title h2{
		font-size: 27px;
		margin-bottom: 10px;
	}
	.blog-post-view .blog-widget-random{
		margin-top: 40px;
	}
}
@media(max-width: 500px){
    #html-body.blog-post-view .page-wrapper .slide-container .product-items{
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    }
    #html-body.blog-post-view .page-wrapper .slide-container .product-items .manufacturer-name{
        font-size: 15px;
        line-height: 22px;
    }
    #html-body.blog-post-view .esplora-domus-section .products-grid .product-item .product-item-details .product-item-name a{
        font-size: 15px;
        line-height: 22px;
    }
}