/*************** ADD CUSTOM CSS HERE.   ***************/
/* Header */
.header-nav > .menu-item.active > a {
	color: var(--wn-color-primary) !important;
}

.header-nav .sub-menu .menu-item a {
	color: black;
}

.header-nav .sub-menu .current-menu-item a {
	font-weight: bold;
	color: var(--wn-color-primary) !important;
}

.header-nav .menu-item:first-of-type .nav-dropdown {
	min-width: 600px;
}

.header-nav .menu-item:first-of-type .nav-dropdown > .menu-item > a, .header-nav .menu-item:first-of-type .nav-dropdown > .menu-item-has-children > a {
	text-transform: uppercase;
	font-size: 1rem;
	font-weight: 400;
	border-bottom: 1px solid #ececec !important;
}

.header-nav .menu-item:first-of-type .nav-dropdown > .menu-item.active > a {
	font-weight: bold;
}

.header-nav .menu-item:first-of-type .nav-dropdown > .menu-item .sub-menu {
	padding-left: 10px;
}

.header-nav .menu-item:first-of-type .nav-dropdown > .menu-item .sub-menu .menu-item a {
	font-weight: 400;
	color: black !important;
}

.header-nav .menu-item:first-of-type .nav-dropdown > .menu-item .sub-menu .current-menu-item a {
	font-weight: bold;
	color: var(--wn-color-primary) !important;
}

.nav-dropdown > li:last-child:not(.nav-dropdown-col) > a {
	border-bottom: 1px solid #ececec !important;
}

/* Homepage */
.no-padding {
	padding: 0px !important;
	margin: 0px;
}

.wn-home-banner-section {
	padding: 0px !important;
}

.wn-home-banner-container {
	padding: 0px !important;
}

.wn-see-more-button a{
	 font-size: 1rem;
}

.wn-gusto-grill-section {
	padding: 5px 0px !important;
}

.row:has(.wn-left-text-overlay-container) {
	position: relative;
	background: rgb(245, 247, 246, 1);
	margin-bottom: 80px;
}

.row:has(.wn-left-text-overlay-container) .col {
	padding: 0px;
}

.wn-left-text-overlay-container {
	padding: 0px !important;
	z-index: 1;
/* 	transform: translatex(250px); */
	position: absolute !important;
	top: 35%;
	left: 5%;
}

.wn-your-layout-section .wn-right-text-overlay-container, .wn-premium-quality-section .wn-left-text-overlay-container {
	top: 20%;
}

.wn-left-text-overlay-container .text {
	background: rgb(245, 247, 246, 0.8);
	padding: 30px 20px;
}

.wn-left-text-overlay-container .text h2 {
	font-size: 3rem;
	font-weight: 900;
}

.wn-gusto-grill-grid {
	margin-top: 60px;
}

.wn-gusto-grill-grid .col {
	border: unset !important;
	margin-bottom: 30px !important;
}

.wn-gusto-grill-grid .text h4 {
	padding: 10px 0px 5px;
}

.wn-gusto-grill-grid .text a {
	font-size: 1rem !important;
	font-weight: 500;
	color: black;
}

.row:has(.wn-right-text-overlay-container) {
	position: relative;
	background: rgb(245, 247, 246, 1);
	margin-bottom: 60px;
}

.row:has(.wn-right-text-overlay-container) .col {
	padding: 0px;
}

.wn-right-text-overlay-container {
	padding: 0px !important;
	z-index: 1;
	position: absolute !important;
	top: 35%;
	right: 5%;
}

.wn-right-text-overlay-container .text {
	background: rgb(245, 247, 246, 0.8);
	padding: 30px 20px;
}

.wn-right-text-overlay-container .text h2 {
	font-size: 3rem;
	font-weight: 900;
}

.wn-bbq-station-module {
	margin-bottom: 40px;
}

/* .wn-bbq-station-module .box-image {
	height: 412px;
} */

.wn-premium-quality-grid .box-image .image-cover {
	width: 100%;
}

.wn-your-layout-section .wn-your-layout-header .col:nth-of-type(2), .wn-premium-quality-section .wn-premium-quality-header .col:nth-of-type(2) {
	background-image: url('/wp-content/uploads/2025/01/background.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 754px;
}

.wn-inspiration-section, .wn-testimonials-section, .wn-contact-us-form-section {
	padding: 70px 0px 50px !important;
}

.wn-testimonials-section h2 {
	margin-bottom: 60px;
}

.wn-testimonials-section .stack:first-of-type {
	margin-bottom: 40px;
}

.wn-testimonials-section .icon-box p:first-of-type {
	margin-bottom: 0px;
}

.wn-inspiration-section .text {
	margin-bottom: 60px;
}

.wn-inspiration-section .section-content > .row > .col > .col-inner {
	display: flex;
	flex-direction: column;
	gap: 50px;
}

.wn-inspiration-section .button {
	max-width: 330px;
	align-self: center;
}

.wn-inspiration-banner-grid.row > .col {
	padding: 0 5px 10px;
}

.wn-gallery-container .row {
	max-width: 100%;
}

.wn-gallery-container .img:not(:last-of-type) {
	margin-bottom: 40px !important;
}

.wn-gallery-container .button {
	margin-top: 40px;
	color: #000 !important;
}

.wn-home-contact-form-section .section-content > .text {
	width: 100%;
}

.wn-home-contact-form-section .stack {
	padding-bottom: 0px;
}

.wn-home-contact-form-section .stack .text {
	transform: translatey(-80px);
}

/* Product page */
.shop-page-title > .container {
	max-width: 80%;
}

.pcat-header-textbox h2 {
	text-transform: capitalize;
}

.shop-page-title .woocommerce-breadcrumb {
	font-weight: 600;
}

.woocommerce-ordering .orderby {
	border-radius: 10px;
}

.row.category-page-row {
	max-width: 80%;
}

#shop-sidebar .widget-title {
	color: black;
	font-size: 1.2rem;
	font-weight: 700;
}

.widget_product_categories .is-divider {
	display: none;
}

.widget_product_categories .product-categories {
	margin-top: 10px;
}

.widget_product_categories .product-categories .cat-parent {
	font-size: 1.2rem;
	border: unset;
}

.widget_product_categories .product-categories .children {
	border: unset;
}

.widget_product_categories .product-categories .children .cat-item {
	font-size: 1.2rem;
}

.widget_product_categories .product-categories a {
	color: black;
}

.widget > .product-categories > .cat-item .count {
	 font-size: 1rem;
}

.shop-container .products {
	margin-bottom: 40px !important;
}

.shop-container .product {
	padding: 30px;
/* 	border: 1px solid black; */
}

.shop-container .product .box-text-products {
	background: #E5E7E6;
	padding: 0px 20px 10px;
}

.shop-container .product .product-title {
	font-size: 2rem;
	font-weight: 700;
	text-transform: uppercase;
	color: black;
}

.shop-container .product .product-title a {
	color: black;
}

.shop-container .product .category {
	display: none;
}

.shop-container .product .price, .shop-container .product .price .amount {
	font-size: 1.6rem;
	font-weight: 500;
}

.shop-container .nav-pagination {
	font-size: 1.2rem;
}

.shop-container .nav-pagination .page-number.current {
	background-color: red;
	border-color: red;
	color: white;
}

.shop-container .nav-pagination .page-number:hover {
	background-color: black;
	border-color: black;
	color: white;
}

.shop-container .nav-pagination .page-number {
	color: black;
	border: 3px solid #B5B7B6;
}

.shop-container .grid-tools a {
	background: red;
}

.product-quick-view-container h1 {
	color: black;
	font-size: 2rem;
	text-transform: uppercase;
}

.related-products-wrapper .product-section-title {
	color: black;
	font-size: 1.7rem;
}

.related-products-wrapper .product-small {
	padding: 0px 5px 5px !important;
}

.related-products-wrapper .product-small .product-title {
	font-size: 1.3rem;
}

.related-products-wrapper .product-small .price, .related-products-wrapper .product-small .price .amount {
	font-size: 1.3rem;
}

/* .slider-nav-reveal .flickity-prev-next-button, .slider-nav-reveal .flickity-prev-next-button:hover {
	background-color: red !important;
}
 */
.slider-nav-push.slider-nav-reveal .flickity-prev-next-button svg {
	margin-top: 0px !important;
}

/* Blog page */
.blog-wrapper {
	padding: 0px !important;
}

.blog-wrapper .row-full-width > .large-12 {
	padding: 0px;
	margin-bottom: 60px;
}

.wn-banner-about-us-section .section-content > .row {
	margin: auto !important;
}

.wn-banner-about-us-section .about-us-textbox h2 {
	margin-bottom: 20px;
}

.wn-banner-about-us-section .about-us-textbox .text {
	margin: 0px;
	font-size: 1.2rem;
	font-weight: 500;
}

.blog-wrapper > .row-large {
	max-width: 80% !important;
}

.blog-wrapper .post-item {
	padding: 0px 15px 30px;
}

.blog-wrapper .post-item .box-image, .blog-wrapper .post-item .box-image .image-cover {
	aspect-ratio: 1 / 1;
}

.blog-wrapper .post-item .post-title {
	color: red;
	font-size: 1.5rem;
	text-transform: capitalize;
	margin-bottom: 8px;
}

.blog-wrapper .post-item .is-divider {
	display: none;
}

.blog-wrapper .post-item .from_the_blog_excerpt {
	color: black;
}

.blog-wrapper .nav-pagination {
	font-size: 1.2rem;
}

.blog-wrapper .nav-pagination .page-number.current {
	background-color: red;
	border-color: red;
	color: white;
}

.blog-wrapper .nav-pagination .page-number:hover {
	background-color: black;
	border-color: black;
	color: white;
}

.blog-wrapper .nav-pagination .page-number {
	color: black;
	border: 3px solid #B5B7B6;
}

.post-sidebar {
	padding: 0px 0px 30px 15px !important;
}

.post-sidebar .widget_search .wp-block-search__label {
	display: none;
}

.post-sidebar .widget_search .wp-block-search__input {
	flex-grow: 1;
	height: 40px;
	border-radius: 10px;
	border-color: black;
}

.post-sidebar .widget_search .wp-block-search__button {
	font-size: 0.9rem;
	text-transform: capitalize;
	margin: 0px 0px 16px 7px;
	padding: 7px 15px;
	border-radius: 10px;
}

.post-sidebar .widget_categories .widget-title {
	color: black;
	font-size: 1.6rem;
	font-weight: 700;
	text-transform: capitalize;
	letter-spacing: unset;
}

.post-sidebar .widget_categories ul {
	margin-top: 8px;
}

.post-sidebar .widget_categories .is-divider {
	display: none;
}

.post-sidebar .widget_block .wp-block-heading {
	color: black;
}

/* Blog single page */
.blog-single {
	padding-top: 50px !important;	
}

.blog-featured-title .entry-title {
	font-size: 2.3rem;
	text-transform: uppercase;
}

.blog-featured-title .entry-meta {
	text-transform: unset;
}

.blog-single .entry-content.single-page p {
	color: black;
	font-size: 1.2rem;
}

/* Inspiration page */
.wn-inspiration-modern-section h2 {
	margin-bottom: 20px;
} 

/* Design page */
.wn-design-visual-section h2 {
	text-transform: capitalize;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	/* Header */
	.header-inner {
		width: 100% !important;
	}
	
	.mobile-sidebar .nav-sidebar {
		gap: 10px;
	}
	
	.mobile-sidebar .nav-sidebar > .menu-item a {
		font-size: 0.9rem;
		color: black;
	}
	
	.mobile-sidebar .nav-sidebar > .current-menu-item > a {
		color: var(--wn-color-primary) !important;
	}
	
	.mobile-sidebar .nav-sidebar .current-menu-item > a {
		color: var(--wn-color-primary) !important;
		font-weight: bold;
	}
	
	.mobile-sidebar .nav-sidebar .menu-item-34 > .sub-menu > .menu-item > a {
		text-transform: uppercase !important;
		font-weight: 400;
	}
	
	.mobile-sidebar .nav-sidebar .menu-item-34 .sub-menu > .current-menu-item > a {
		font-weight: bold;
	}
	
	.mobile-sidebar .nav-sidebar .sub-menu .sub-menu .menu-item a {
		padding-left: 25px;
	}
	
	/* Home page */
	.wn-gusto-grill-grid .text a {
		font-size: 0.8rem !important;
	}
	
	.wn-gusto-grill-grid .text p {
		line-height: 1;
	}
	
	.wn-create-bbq-place {
		flex-direction: column !important;
		align-items: center;
	}
	
	.wn-create-bbq-place .col {
		margin-bottom: 10px !important;
	}
	
	/* Products page */
	.wn-product-header h2 {
		font-size: 2rem;
	}
	
	.shop-container .products.row-small .product.col {
		margin-bottom: 30px;
	}
	
	.shop-container .product .product-title {
		font-size: 1.5rem;
	}
	
	.shop-container .product .price, .shop-container .product .price .amount {
		font-size: 1.2rem;
	}
	
	/* Single product page */
	.shop-container .product-page-price, .shop-container .product-page-price .amount {
		font-size: 1.5rem !important;
	}
	
	.related-products-wrapper .product-section-title {
		font-size: 1.4rem;
	}
	
	.related-products-wrapper .product-small .product-title {
		font-size: 1rem;
	}

	.related-products-wrapper .product-small .price, .related-products-wrapper .product-small .price .amount {
		font-size: 1rem;
	}
	
	/* Blog page */
	.blog-header-textbox h2 {
		font-size: 2.5rem;
	}
	
	/* Blog single page */
	.blog-single {
		padding-top: 30px !important;	
	}
	
	/* Inspiration page */
	.wn-inspiration-section, .wn-testimonials-section, .wn-contact-us-form-section {
		padding: 30px !important;
	}
	
	.wn-inspiration-section .text, .wn-testimonials-section h2 {
		margin: 20px 0;
	}
	
	.wn-left-text-overlay-container .text h2, .wn-right-text-overlay-container .text h2, .wn-gusto-grill-section h2, .wn-gusto-bbq-grill-section h2, .wn-outdoor-kitchens-section h2, .wn-your-layout-section h2, .wn-premium-quality-section h2, .wn-inspiration-section h2, .wn-testimonials-section h2{
		font-size: 1.5rem !important;
	}
	
	.wn-left-text-overlay-container .text h3, .wn-right-text-overlay-container .text h3 {
		font-size: 0.9rem;
	}
	
	.wn-right-text-overlay-container, .wn-left-text-overlay-container {
		position: relative !important;
		right: 0;
		left: 0;
	}
	
	.wn-gusto-grill-section .row, .wn-gusto-bbq-grill-section .row, .wn-outdoor-kitchens-section .row, .wn-your-layout-section .row, .wn-premium-quality-section .row, .wn-inspiration-section .row, .wn-testimonials-section .row {
		max-width: 100% !important;
	}

	.wn-gusto-grill-section .col, .wn-gusto-bbq-grill-section .col, .wn-outdoor-kitchens-section .col, .wn-your-layout-section .col, .wn-premium-quality-section .col, .wn-inspiration-section .col, .wn-testimonials-section .col {
		padding: 0 5px;
	}

	.row:has(.wn-left-text-overlay-container) {
		margin-bottom: 40px;
	}
	
	.wn-gusto-grill-grid .text h4 {
		font-size: 14px;
	}
	
	.wn-gusto-grill-grid {
		margin-top: 30px;
	}
	
	.wn-your-layout-section .wn-your-layout-header .col:nth-of-type(2), .wn-premium-quality-section .wn-premium-quality-header .col:nth-of-type(2) {
		height: 300px;
	}
	
	.wn-gallery-container .is-xlarge{
		font-size: 1rem !important;
	}

	.wn-home-contact-form-section .stack .text {
		transform: translatey(0);
	}
	
	.wn-about-us-our-story-section p, .wn-about-us-why-section p, .wn-about-us-why-section li, .wn-contact-us-form-section p {
		font-size: 1rem;
	}
	
	/* Design page */
	.wn-design-banner-section h2 {
		font-size: 2.5rem;
	}
	
	.wn-about-us-why-section {
		padding-top: 30px !important;
	}
	
	.wn-about-us-why-section .text, .wn-about-us-our-story-section .text {
		padding: 0px 20px;
	}
	
	.wn-design-visual-section {
		min-height: 500px !important;
	}
	
	.wn-design-visual-section h2 {
		font-size: 2rem;
	}
}