/*
Theme Name: Child theme
Author: averta
Description: Phlox is a modern, lightweight and customizable theme perfect for almost any type of website including, blog, portfolio, business, agency, news & magazine, food & restaurant, travel, and photography as well as WooCommerce storefront. What makes the Phlox unbeatable is being fast, truly responsive, translation ready, RTL layout, built with SEO in mind, professional portfolio features, 30 exclusive widgets and elements, 19 demo sites for one-click import, WooCommerce Ready, WPML ready, 100% GDPR compliance, reliable with regular updates, and also integrated with Elementor, Visual Composer and SiteOrigin page builders. Phlox is architect from scratch by the team behind the famous “Master Slider” project, so relax and be assured that you are supported by a good company. Phlox is the only theme that you have ever need to use and look no further. Start exploring the demos: http://demo.phlox.pro/default/
Version: 2.17.6
Template: phlox

This is the child theme for Phlox theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/
.aux-container {
    max-width: 1170px !important;
}
.entry-content {
    margin: 0px !important;
}
.latest-post .row {
    display: flex;
    gap: 15px 30px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.latest-post .row .col-md-4 {
    width: 31.5%;
}
.latest-post img {
    width: 100%;
}
.latest-post h2.post-title, .latest-post h2.post-title a {
    font-size: 22px;
    text-align: center;
    line-height: 28px;
    color: #000;
    margin-bottom: 15px !important;
    display: block;
}
.poste_meta_main {
    display: flex;
    gap: 15px;
    justify-content: space-between;
}
.poste_meta_main p.post-meta, .poste_meta_main p a {
    font-size: 14px;
    color: #815411;
    font-weight: 600;
    line-height: 26px;	
}
.post-excerpt p {
    text-align: center;
    font-family: 'Poppins';
    font-size: 16px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: none;
	transition: all 0.4s ease-in-out;
}
.latest-post img {
    width: 100%;
    border-radius: 22px !important;
    box-shadow: 0px 4px 9px 0 #3c3c3c6b !important;
    margin-bottom: 20px;
}
.post_content {
    padding: 20px;
    border-radius: 24px;
    box-shadow: 0px 3px 11px #0000002e;
}
.latest-post .article .post_content, 
.latest-post .article{
	transition: all 0.4s ease-in-out;
}
.latest-post .article:hover .post_content {
    transform: translateY(-100px);
    z-index: 9999;
    position: relative;
    background: #fff;
}
.latest-post .article:hover .post-excerpt p {
	display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.article .post-thumbnail a {
	position: relative;
}
.article .post-thumbnail a::before {
    content: '';
    width: 100%;
    height: 50%;
    display: block;
    position: absolute;
    bottom: 0%;
    left: 0;
    background: #000;
    opacity: 0;
    border-radius: 24px;
	transition: all 0.4s ease-in-out;
}
.article:hover .post-thumbnail a::before {
	height: 100%;
	opacity: 0.4;
}
.conversion_table {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}
.conversion_table .mb-4 input {
    width: 100%;
    padding: 20px;
    border-radius: 0px;
    border-color: transparent;
    text-align: center;
    font-size: 30px;
    color: #000;
    font-weight: 600;
}
.conversion_table .mb-4 select {
    width: 100%;
    background: #f2a52a;
    padding: 20px;
    border: transparent;
    scrollbar-color: #fff #000;
}
.conversion_table .mb-4 {
    width: 400px;
}
.conversion_table .mb-4 select option:checked {
    background: #fff;
    border-radius: 4px;
    font-weight: 700;
    color: #f2a52a;
}
.conversion_table .mb-4 select option {
    color: #000;
    font-size: 18px;
    padding: 10px;
}
.calculation_result {
    margin: 0px auto 30px;
    background: #fff;
    color: #000;
    padding: 40px;
    max-width: 886px;
    font-size: 42px;
    font-weight: 500;
}
.newsLetter p span input {
    font-size: 14px;
    border-radius: 4px;
    position: relative;
}
.newsLetter p input.wpcf7-submit {
    background: #f2a52a;
    position: absolute;
    top: 0px;
    right: -5px;
    border-radius: 0px 4px 4px 0px;
    border: 1px solid #0000;
    padding: 0 20px 0;
    height: 46px;
}
.newsLetter p span input {
    font-size: 14px;
    border-radius: 4px;
    position: relative;
}

.wp-block-latest-posts__list li {
	margin: 0px !important;
	padding-bottom: 15px;
	border-bottom: 1px solid #80808038;
}
ul.wp-block-latest-posts__list {
	display: flex	;
	flex-direction: column;
	gap: 15px;
	margin-bottom: 15px !important;
}
.wp-block-latest-posts__list a.wp-block-latest-posts__post-title {
	text-decoration: none;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
/* Mobile Resposnive */
@media(min-width: 320px) and (max-width: 767px) {
	.latest-post h2.post-title, .latest-post h2.post-title a {
		font-size: 18px;
		text-align: left;
		line-height: 26px;
	}
	.poste_meta_main p {
		margin: 0px !important;
	}
	.poste_meta_main p.post-meta, .poste_meta_main p a {
		font-size: 10px;
	}
	.latest-post .article .post-excerpt p {
		display: block !important;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box !important;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;    
		font-family: 'Poppins';
    	font-size: 14px;
    	line-height: 24px;
	}
	.latest-post .row {
		gap: 15px;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.latest-post .row .col-md-4 {
		width: 100%;
	}
	.article .post-thumbnail a::before {
		height: 100%;
		opacity: 0.4;
	}
	.latest-post .article .post_content, .latest-post .article .post_content {
        transform: translateY(0px) !important;
        z-index: 9999;
        position: relative;
        background: #fff;
        margin-top: -40px;		
    }
	.wp-block-latest-posts__featured-image {
		margin-bottom: 7px;
	}
	.aux-fold, .aux-fold-padding, .aux-boxed-container > .aux-container {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
	h1.page-title {
		font-size: 32px;
		line-height: 42px;
	}
	.aux-has-sidebar .aux-primary .hentry .entry-title {
		font-size: 18px !important;
		line-height: 24px !important;
	}
	.entry-media {
		margin-bottom: 25px !important;
	}
	.aux-archive .type-post .entry-info {
		font-size: 12px !important;
	}
	.entry-content h2, .comment-body h2 {
		font-size: 18px !important;
	}
	article figure {
		margin: 20px auto 20px !important;
	}
	h3.wp-block-heading {
		font-size: 18px;
		line-height: normal;
	}
	body p {
		font-size: 14px;
		line-height: 24px;
	}
	.calculation_result {
		margin: 0px auto 15px;
		padding: 20px;
		font-size: 24px;
	}
	.conversion_table {
	    gap: 5px;	
	}
	.conversion_table .mb-4 input {
		font-size: 18px; 
		padding: 10px;
	}
	.conversion_table .mb-4 select {
 	   padding: 10px;
	}
	.conversion_table .mb-4 select option {
		font-size: 14px;
		padding: 6px;
		font-weight: 500;
	}
}	
.calculator_blog_detail input#inches, .calculator_blog_detail button {
    width: 100%;
    height: 62px;
    padding: 12px;
    border-radius: 4px;
    border: 1px solid transparent !important;
    text-align: center;
    font-size: 25px;
    font-weight: 500;
    font-family: 'Poppins';
    color: #000;
}
.calculator_blog_detail label {
    color: #000;
    font-weight: 500;
}
.calculator_blog_detail h3 {
    text-align: center;
    font-size: 28px;
    color: #000;
    font-weight: 700;
    font-family: 'Poppins';
    line-height: normal;
}
.calculator_blog_detail {
    padding: 40px;
    background: #F2A52A;
}
.calculator_blog_detail h4 {
    font-size: 24px;
    color: #000;
    padding: 20px 0 0;
}
.calculator_blog_detail p span {
    color: #000;
    font-family: 'Poppins';
    font-weight: 700;
}
.calculator_blog_detail button {
    margin: 10px 0 0 0;
}
.unit-converter-wrapper {
    max-width: 900px;
    margin: 40px auto;
    padding: 30px;
    background: #f2a52a;
    border-radius: 12px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
    font-family: Arial, sans-serif;
}
.unit-converter-header {
	text-align: center;
	margin-bottom: 25px;
	font-size: 20px;
	font-weight: bold;
	color: #333;
}

.unit-converter-row {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: space-between;
}

.unit-converter-col {
	flex: 1;
	min-width: 280px;
}

.unit-converter-input, 
.unit-converter-output, 
div#unitResult,
.unit-converter-select {
	width: 100%;
	padding: 12px;
	font-size: 16px;
	border-radius: 8px;
	border: 1px solid #ccc;
	background: #fff;
}

.unit-converter-result {
    text-align: center;
    font-size: 28px !important;
    margin-top: 20px;
    font-weight: 500;
    color: #fff;
}
.unit-converter-row input {
    margin-bottom: 10px;
}
div#unitResult {
    background: transparent !important;
}
@media (max-width: 600px) {
	.unit-converter-row {
		flex-direction: column;
	}
}
.related-posts.container {
    max-width: 1190px;
    margin: 0px auto 50px;
}
.post-meta, .related-post .meta-info {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.post-meta .publish-date, .post-meta .author-name, .post-meta .post-category, .post-meta .post-category a {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    font-family: 'Poppins' !important;
}
.related-posts .related-post h3 {
    font-size: 23px !important;
    color: #000;
    line-height: 33px;
    margin: 15px 0 20px !important;
}
.related-posts .related-post {
    width: 30%;
}
.related-posts.container {
    max-width: 1190px;
    margin: 0px auto 50px;
    box-shadow: 0px 0px 31px #a39e9e40;
    padding: 30px;
}
.related-post .meta-info div, .related-post .meta-info div a {
    color: #935800;
    font-size: 14px;
}