/* mobile breakpoint
 * on tablet */
@media (max-width:900px) {
	.wp-block-columns {
		flex-basis: 100%!important;
		flex-wrap: wrap!important;
	}
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis] {
		flex-grow: 0;
		flex-basis: 100%!important;
	}
	.colswitch {
		flex-direction: column-reverse;
	}
	.wp-block-columns.colswitch > .wp-block-column {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
}

.wp-block-columns.is-layout-flex {
	gap: 0;
}
.tab-title-text {
	overflow-wrap: normal;
	text-wrap: balance;
}

.contact-form .grunion-field-wrap textarea {
	height: 150px;
}

.footer-bottom-inner {
	display: none;
}

.ebpg-readmore-btn {
	color: white;
}

/* slanted separators */
hr.skew-bottom, hr.skew-top {
	background-color: var(--nv-dark-bg);
	border: none;
	content: '';
	display: block;
	transform-origin: 50% 0;
	transform: skewY(4deg);
	height: 10em;
	margin-top:-5em;
	margin-bottom:-5em;
	position: relative;
	z-index:1;
}
hr.skew-top {
	 transform: skewY(-4deg);
}

hr.orange {
  background-color: var(--nv-primary-accent);
}
hr.white {
  background-color: #fff;
}
.raiseabove, hr.raiseabove {
	position: relative;
	z-index:2;
}
.raiseabove1, hr.raiseabove1 {
	position: relative;
	z-index:3;
}

.specialskew {
	display: block;
	overflow: hidden;
	height: 10em;
	padding: 0;
	margin-top: -1em;
	margin-bottom: -1em;
	border: none;
	background-color: #f2f2f2;
}
.specialskew:after {
	background-color: var(--nv-dark-bg);
	content: '';
	display: block;
	transform-origin: 50% 0;
	transform: skewY(4deg);
	height: 10em;
	margin-top:-5em;
	margin-bottom:-5em;
	position: relative;
	z-index:1;
}

.verttext {
	writing-mode: vertical-rl;
	text-orientation: mixed;
}

.homeppftabs {
	margin-top: -50px !important;
}

/* sticky header menu */
body>.wrapper:not(.et-fb-iframe-ancestor) {
	overflow: initial;
}
header.header {
	position: sticky;
	top: 0px;
	z-index: 10;
}

.header-main {
	backdrop-filter: saturate(180%) blur(10px);
}

.detailingcover {
	margin-top: -150px !important;
}

.boxshadow {
	box-shadow: 0px 2px 4px black;
}

.posts-wrapper {
	margin-top: 90px;
}

.logoopac {
	opacity: 35%;
}

.flashcontact {
	margin-left: 50px;
	margin-right: 50px;
	margin-top: -200px;
	overflow: visible;
}

.combocontact {
	margin-left: 50px;
	margin-right: 50px;
	margin-top: -120px;
	overflow: visible;
	padding-top: -40px;
}

.otherfeat {
	margin: 5px !important;
	height: 100px !important;
}

.otherpara {
	margin-top: -20px !important;
}

.combobox1 {
	border-left: 1px solid #9C9999 !important;
}

.combobox2 {
	padding-right: 5px !important;
}

.othercol {
	height: 120px !important;
}

.combofeatures {
	margin-top: -30px !important;
}

.iconblurb {
	margin-top: -30px !important;
}

/* fix slider margins */
.alignfull, 
.wp-block-jetpack-slideshow.alignfull, .wp-block-eedee-block-gutenslider.alignfull, .wp-block-essential-blocks-slider.alignfull {
	padding: 0;
}
/* hide slider buttons */
.wp-block-jetpack-slideshow .amp-carousel-button-prev, .wp-block-jetpack-slideshow .swiper-button-prev.swiper-button-white, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-prev, .wp-block-jetpack-slideshow.swiper-container-rtl .swiper-button-next.swiper-button-white, .wp-block-jetpack-slideshow.swiper-container-rtl .wp-block-jetpack-slideshow_button-next,.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-next, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-prev {
	display: none !important;
}

.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-bullets, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-custom {
	display: none !important;
}

.orangebotty {
	margin-top: -100px !important;
	box-shadow: 1px 2px 11px black;
}

.orangecovericons {
	opacity: 65%;
}

.eb-slider-wrapper .eb-slider-init:before {
    background: none;
}

.whitearrow {
	rotate: -90deg;
}

.landingblock {
	margin-bottom: -30px;
}
.comboprice {
	overflow-wrap: normal;
	word-break: normal;
}
.flashheading {
	margin-bottom: 0px !important;
}

.emailfield {
	margin-top: -50px !important;
}

.offerform {
	margin-top: -50px !important;
}

.frontbuttonlink a {
	text-decoration: none !important
}

.button.button-primary, .is-style-primary .wp-block-button__link, .button.button-secondary, .is-style-secondary .wp-block-button__link {
	width: 200px;
	overflow: hidden;
	white-space: nowrap;
}

.menu-item a[href="/#detailingservices1"],
.menu-item a[href="/#advice"], .menu-item a[href="/#contactus"] {
	color:var(--color) !important;
}

.clickdown {
	margin-top: -150px !important;
}

	.offeremail {
		justify-content: center !important;
	}

.ltobox {
	display: none;
}

.herovid (
	padding-top: -150px !important;
)

/* header slideshow */
.headerslideshow {
	margin-top: -125px;
}
.eb-slider-wrapper .image .eb-slider-item img, .eb-slider-wrapper.eb-slider-m6kn4 .slick-slider .eb-slider-item img{
	height:calc(100vh + 125px);
}
/* detailing car */
.carcolumn .eb-slider-wrapper .image .eb-slider-item img {
	object-fit: contain;
}

main#content {
	max-width: 2049px;
	overflow: hidden;
	margin-top: -125px;
}

/* paint-protection columns */
.columngap {
	column-gap:5em;
}
.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column {
	flex-basis: auto;
}
@media only screen and (max-width: 1159px) {
	.flashcontact {
		margin-top: -90px;
	}	
	.combofeatures {
		margin-top: 0px !important;
	}
	
	.padafter {
		padding-bottom: 50px !important;
	}
	.mobcentre {
		text-align: center !important;
	}
	.offerform {
	margin-top: 0px !important;
	}
	.fieldpad {
		padding: 0px !important;
	}
}
@media only screen and (max-width: 981px) {
	.header-menu-sidebar {
		height:auto
	}

	/* mobile nav menu fix */
	.nav-clickaway-overlay {
		z-index: 0 !important; 
	}	

	.landingcover {
		min-height: 50vh !important;
	}
	
	.combobox1 {
		border-left: none !important;
	}

	.combobox2 {
		padding-right: 0px !important;
	}

}
	
@media only screen and (max-width: 981px) {
	.site-logo img {
		content: url("https://surreydetailing.co.uk/wp-content/uploads/2024/01/WHfavicon.png");
	}
	.news-spacer, .news-pics {
		display: none;
	}
	
	.nv-iframe-embed {
			height: 100vh !important;
		  width:  100% !important;
	}


}

@media only screen and (max-width: 900px) {
	.mobpad {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.mobpad1 {
		padding-left: 0px !important;
		padding-right: 0px !important;
		margin-bottom: 50px;
	}
	.mobpad2 {
		padding-left: 0px !important;
	}
	.button.button-primary, .is-style-primary .wp-block-button__link, .button.button-secondary, .is-style-secondary .wp-block-button__link {
		align-content: center !important;
	}
	.wp-block-buttons.is-layout-flex, .wp-block-buttons.is-content-justification-left {
		justify-content: center;
	}
	.mobimage {
		display: none !important;
	}
	.flashcontact {
		margin-left: 5px !important;
		margin-right: 5px !important;
		margin-top: 0px;
	}
	.flashcontact1 {
		padding-left: 0px !important;
		padding-right: 0px !important;
		padding-bottom: 30px !important;
	}
		
	.combocontact {
		margin-left: 20px;
		margin-right: 20px;
		margin-top: -80px;
		overflow: visible;
	}

	.coverheading {
		font-size: 28px !important; 
	}
	.wp-block-columns.flexicon {
		flex-wrap: wrap!important;
	}
	.wp-block-columns.flexicon >.wp-block-column {
		flex-basis: 50%;
	}

	.eb-advanced-tabs-ottub.eb-advanced-tabs-wrapper .eb-tabs-nav ul.tabTitles[data-tabs-ul-id="eb-advanced-tabs-ottub"] li {
		min-width: 100%;
	}
	.wp-block-embed-youtube, 
.wp-block-embed-youtube iframe {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
}
}