:root{
	--vp-color-brand: #009BDF;
}

/* Hide 'Blog at Wordpress' */
footer ~ .wp-block-group {
	display: none;
}
/* Hide 'Blog at Wordpress' */

.wp-block-search .wp-block-search__input{
	border-radius: 100rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.wp-block-search__button.has-medium-font-size{
	font-size: 16px !important;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

select{
	border-radius: 8px;
	font-family: 'Lato'
}

.myFilter-list{
	.has-border-color{
		height: 100%;
	}
}

.mytabsFillterContent{
	height: 100%;
}

.myQuote-or p{
	background-color: var(--wp--preset--color--accent-3);
}

.wp-block-column .myQuote-or p{
	background-color: var(--wp--preset--color--white)
}

.wp-block-group.myQuote .wp-block-cover__image-background{
	border-radius: 0 8px 8px 0;
}

.myQuote-ipt{
	line-height: 1.8;
}

.myQuote-item{
	z-index: 2;
}

.pp-home-range-column-2{
	align-items: stretch !important;
}

/* Colour Selector */
.selector{
		min-width: calc(50vw - 12vw) !important;
		max-width: 500px!important;
	}

.selector-slides{
	.swiper-button-prev, 
	.swiper-button-next{
		height: 200px;
		background: #e7e7e7;
		top: 8px;
		padding: 0 1rem 0 0;
		&:focus{
			outline: 0;
		}
	}
	.swiper-button-next{
		right: var(--swiper-navigation-sides-offset,0);
		padding: 0 0 0 1rem;
	}
	.swiper-slide a.color{
		border: 1px solid #CECECE;
		&:hover{
			border: 1px solid #009BDF;
		}
		i{
			font-size: 24px;
			text-shadow: 0px 0px 1px #000;
		}
	}
}
/* Colour Selector */

.pp-home-range-content{
	color: #f9f9f9 !important;
}

.m-b1{
	margin-bottom: 1.5rem;
}

.myDeales-plan{
	display: flex;
	align-items: center;
	gap: 4px;
	color: #000;
}

.myDeales-btn{
	color: #fff !important;
}

/* Google Review */
.pp-google-review{
	.wp-gr .grw-row-m{
		.grw-review{
			flex: 0 0 33%;
		}
	}
}

/* About  */
.history-item{
	padding: 1rem 0;
}
.history-action{
	text-align: center;
}

/* WP Gallery */
.wp-block-gallery{
	figure img{
		border-radius: 8px;
	}
}


/* Styles for screens less than 1024px */
@media (max-width: 1024px) {
	.single-post{
		.wp-block-group{
			& > .wp-block-columns{
				padding: 0;
			}
		}
	}
	
	.wp-block-post{
		.wp-block-column:last-child{
			padding-left: 20px;
		}
	}
	
	.pp-horiontal-tabs{
		.wp-block-columns{
			flex: 0 0 100%;
			flex-wrap: wrap !important;
			justify-content: center;
			gap: 0.2em;
			.wp-block-column{
				flex: 0 0 32% !important;
				.wp-block-group{
					border: 1px solid transparent;
				}
				p{
					word-break: initial;
				}
			}
		}
	}
	
	.mytabsContent{
		.wp-block-columns.is-not-stacked-on-mobile{
			flex-wrap: wrap !important;
			padding: 0;
		}
		.wp-block-column{
				flex: 0 0 100% !important;
		}
	}
	
	.pp-menu-block{
		figure{
			width: 32px;
		}
		.wp-block-columns{
			flex: 0 0 100%;
			.wp-block-column{
				flex: 0 0 29% !important;
			}
		}
		.pp-btn-compare{
			.wp-block-columns{
				flex: 0 0 100%;
				.wp-block-column{
					flex: 0 0 100% !important;
				}
			}
		}
	}
	
	.pp-downloads{
		.wp-block-media-text .wp-block-media-text__media{
			width: 64px;
			align-self: start;
			margin-top: 1em;
		}
		.pp-download-items{
			.wp-block-column {
				flex: 0 0 29% !important;
				.is-stacked-on-mobile{
					grid-template-columns: 80px 1fr !important;
				}
			}
			.wp-block-media-text__content{
				padding: 0 8% 0 0;
			}
		}
	}
	
	h4.mega-block-title{
		margin-top: 1em !important;
	}
	
	.pp-quote-block .wp-block-group,
	.wp-block-group.history-item,
	.pp-gallery{
		& > .wp-block-columns{
			padding: 0;
		}
	}
	.wp-block-visual-portfolio{
		padding-left: var(--wp--preset--spacing--50);
		padding-right: var(--wp--preset--spacing--50);
	}
}

/* Styles for screens less than 600px */
@media (max-width: 600px) {
	:root{
		--wp--preset--spacing--20: min(1.5rem, 6vw);
	}
	
	header{
		.has-global-padding{
			padding-left: 1rem;
			padding-right: 1rem;
		}
	}
	
	.selector{
		max-width: calc(100vw - 16vw) !important;
	}
	
	.pp-horiontal-tabs{
		.wp-block-columns{
			.wp-block-column{
				flex: 0 0 32% !important;
			}
		}
	}
	
	.wp-block-group.myQuote .wp-block-cover__image-background{
		border-radius: 0 0 8px 8px;
	}
	
	footer {
		.is-layout-flow .is-layout-flex{
			& ~ .is-layout-flex{
				width: 47%;
			}
		}
		.is-layout-flex{
			flex-wrap: wrap;
		}
	}
}