/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

.home .whb-overcontent ~ .main-page-wrapper {
    margin-top: 85px !important;
    padding-top: 0;
}

.single-product .whb-overcontent ~ .main-page-wrapper {
    margin-top: 150px !important;
    padding-top: 0;
}

.icon-container {
    display: flex;
    justify-content: center;
    padding: 10px;
	margin-bottom: 40px;
}

.icon-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
    gap: 20px;
    max-width: 800px;
    width: 100%;
}

.icon-item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon-image {
    max-width: 100%; 
    height: auto;
    display: block;
}

.two-column-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; 
    align-items: center;
	margin-bottom: 40px;
}

.two-column-flex .item {
    flex: 1; 
    max-width: 50%; 
}

.two-column-flex .item img {
    width: 100%; 
    height: auto;
    display: block; 
}

.two-column-flex .item p {
    margin: 10px 0; 
    line-height: 1.6; 
    font-size: 16px;
}

.two-column-flex .item .button-below-text {
    display: inline-block; 
    margin-top: 15px;
    padding: 10px 20px; 
    background-color: #0073aa; 
    color: #fff;
    text-decoration: none; 
    border-radius: 5px; 
    font-size: 14px; 
    transition: background-color 0.3s ease; 
}

.two-column-flex .item .button-below-text:hover {
    background-color: #005177; 
}

.blog-container {
    border-radius: 20px;
    cursor: pointer;
    box-shadow: 0 0 20px 8px #d0d0d0;
    margin-bottom: 40px;
}

.blog-container .content {
    text-align: justify;
    color: black;
    padding: 40px;
}

.related-blogs {
    font-size: 40px;
    margin: 50px 0;
}

.single-product-page .price-row {
	border-top: none !important;
	border-left: none !important;
	border-bottom: none !important;
	border-right: none !important;
}

.footer-form button {
	padding-inline: 35px;
	background-color: rgb(16,157,169);
	color: #fff;
	margin-top: 15px;
	border-radius: 10px;
}

.blog-container a {
    color: #198ea8;
	font-size: 16px;
}

@media screen and (max-width: 768px) {
    .two-column-flex .item {
        max-width: 100%; 
        text-align: center; 
    }

    .two-column-flex {
        flex-direction: column;
    }
}

.hidden,
.woocommerce-additional-fields {
    display: none !important;
}

.post-type-archive-portfolio .breadcrumbs {
	display: none !important;
}