/* ----------------------------------------------------------------------------------------------------------------
wp admin bar manual fix
------------------------------------------------------------------------------------------------------------------- */
body.logged-in
{
	margin-top: 32px !important;
}

@media screen and (max-width:1010px)
{
#mobile-indicator { display: block; }

body
{
	background: #fff;
	margin: 0 !important;
	padding: 0;
	width: auto;
	overflow: visible;
}
/* wp admin bar manual fix: */
body.logged-in
{
	margin-top: 0 !important;
}

/* MAY2020: these rules ensure admin bar fully hidden on mobile / tablets (!important was crucial fix, else big top margin) */
#wpadminbar { display: none !important; }

/* JUNE2019: this prevents layer below from scrolling when nav menu is visible */
body.no-scroll
{
	overflow: hidden;
}

div
{
	width: auto !important;
	float: none;
	clear: both;
	height: auto;
	margin: 0;
}
	div.wp-video-popup-wrapper
	{
		width: 100% !important;
	}
	div.wp-video-popup-close
	{
		width: 60px !important;
	}

#mainWrapper
{
	width: auto;
	max-width: 1010px;
	background: #fff;
	float: none;
	clear: both;
	margin: 0 auto;
	height: auto;
	
	/* GREY_BAR_REMOVED_2022 - delete some of this eventually */
	padding: 44px 0 0 0; /* FEB2022 was 71px for old double bar - push down to make space for floating mobile nav bar */
}

img
{
	max-width: 280px !important;
	height: auto !important;
	padding: 0.4em !important;
}
	/* FEB2024 - override (see desktop.css) */
	img.fullwidth
	{
		padding: 0 !important;
	}

/* IMGY added this for 50/50 split: */
img.alignleft,
img.alignright,
img.aligncenter
{
	max-width: 50% !important;
	padding: 0 !important;
}


img.wp-image-5443,
img.wp-image-5491,
body.page-id-5484 .columnA img {
	max-width: 100% !important;
}

#innerWrapper,
#header
{
	width: auto;
	min-width: 0;
	/*margin: 15px; FONTY REMOVED THIS - IS NOW REPLACED WITH DESKTOP PADDING */
}
	#header
	{	
		margin-top: 0;
	}
	#innerWrapper
	{
		margin-bottom: 0 !important;
		max-width: 100%; /* NOV 2018 added to compensate for 70% desktop tweak */
	}
	#header-inner
	{
		min-width: 0;
	}


/* ----------------------------------------------------------------------------------------------------------------
blog
------------------------------------------------------------------------------------------------------------------- */
#mainWrapper p.postDate
{
	margin-bottom: 0;
}

.phone_txt 
{
	color: #337ab7;
}

/* ----------------------------------------------------------------------------------------------------------------
columns mobile
------------------------------------------------------------------------------------------------------------------- */
.columnA
{
	width: 100%;
	float: none;
	margin: 0;
	padding: 0 0 15px 0;
	clear: both;
}
body.home .columnA
{
	margin: 15px 0 0 0; /* ANNA updates top margin was 0 */
	width: 100%;
}
body.blog .columnA,
body.single .columnA,
body.archive .columnA
{
	width: 100%;
	float: none;
	margin: 0;
	padding: 0;
}

.columnFull
{
	width: 100%;
	margin: 0;
	float: none;
	clear: both;
	padding: 0;
}


/* ----------------------------------------------------------------------------------------------------------------
#popdown mobile
------------------------------------------------------------------------------------------------------------------- */
#popdown 
{
	max-width: 1010px;
	height: auto;
	padding: 0 0 0 0; /* FEB2022 was 85px */
	margin: 0 auto;
	background-image: none;
}

#popdown-inner 
{
	width: auto;
	margin: 0; /* FEB2022 was 0 15px 0 15px */
	/*padding-bottom: 5px; FEB2022 removed this */
	padding-top: 0; /* was 70px and before that 95px - FEB2022 added to fix iOS scroll to top */
	min-width: 0;
}
#popdown p
{
	margin-bottom: 10px !important; 
}
#popdown p em.desktop-version-text
{
	display: none;
}
#popdown p em.mobile-version-text
{
	display: inline;
}
div.popdown-box
{
	width: 100% !important;
	float: left; 
	clear: both; 
	margin: 0; 
	padding: 0;
}
.wider-box
{
	width: auto; margin: 10px 0 0 0; float: left; clear: both;
}
#popdown ul{}
#popdown ul li
{
	padding-bottom: 3px !important;
}


/* ----------------------------------------------------------------------------------------------------------------
popdown close button
------------------------------------------------------------------------------------------------------------------- */.popdown-close-button { padding: 2px 0 0 0; float: right; }
.popdown-close-button a { text-decoration: none; display: block; min-height: 20px; width: auto; background-position: 100% 0; padding-right: 22px; }
.popdown-close-button a:hover { }

.close-button-desktop-only { display: none; }
.close-button-mobile-only { display: block; }


/* ----------------------------------------------------------------------------------------------------------------
#call-us-box
------------------------------------------------------------------------------------------------------------------- */
p#call-us-box
{
	background: #e2e2e2;
	border-radius: 0;
	padding: 1px 0 1px 0; 
	margin: 0; 
	font-size: 0.9em; 
	display: block;
	text-align: left; 
	position: static; 
	top: auto; 
	right: auto; 
	line-height: 2em; 
	box-shadow: none; 
	clear: both; 
	width: 100%;
}
p#call-us-box span.helper
{
	display: inline;
	left: 10px;
	clear: none;
	padding-left: 15px;
}

.hide-on-mobile
{
	display: none !important;
}


/* ----------------------------------------------------------------------------------------------------------------
# panel
------------------------------------------------------------------------------------------------------------------- */
/* JAN2022 deleted # panel from new site.
It was set to display none here.
*/


/* ----------------------------------------------------------------------------------------------------------------
popdown form
------------------------------------------------------------------------------------------------------------------- */
.columnA form.infusion-form
{
	padding: 18px 18px 20px 18px;
	margin: 20px 0 20px 0;
}
form.infusion-form #infusion_form-column-1
{
	float: none;
	clear: both;
	width: auto !important;
}
form.infusion-form input.infusion_text-field,
form.infusion-form input.infusion-field-input,
form.infusion-form textarea
{
	margin: 0 0 15px 0;
	width: 97% !important;
	padding: 0 0 0 3%;
	height: 40px;
}
	form.infusion-form textarea
	{
		height: 110px;
		padding: 2% 0 0 3%;
	}
	.columnA form.infusion-form input.infusion_text-field,
	.columnA form.infusion-form input.infusion-field-input,
	.columnA form.infusion-form textarea
	{
	}
form.infusion-form .infusion_form-name-container,
.columnA form.infusion-form .infusion_form-two-up
{
	width: 100% !important;
}
.columnA form.infusion-form .infusion_form-two-up
{
	clear: both;
	float: left;
	width: 100% !important;
}

	/* franchise form */
	.columnA form.infusion-form input.first-input-item,	
	.columnA form.infusion-form input.second-input-item	
	{
		width: 97% !important;
	}
	.columnA form.infusion-form input.second-input-item	
	{
		float: left;
	}
	.columnA form.infusion-form input.franchise-address-input
	{
		width: 97% !important;
		clear: both !important;
		float: left !important;
	}

/* ----------------------------------------------------------------------------------------------------------------
checkboxes
------------------------------------------------------------------------------------------------------------------- */form.infusion-form #infusion_form-column-2
{
	float: none;
	clear: both;
}
	.columnA form.infusion-form #infusion_form-column-2
	{
		float: none;
		margin: 0;
	}

form.infusion-form #infusion_form-checkbox-container
{
	padding: 15px 15px 5px 15px;
	margin-bottom: 5px;
	height: auto;
}
	.columnA form.infusion-form #infusion_form-checkbox-container
	{
		height: auto;
	}
	.columnA form.infusion-form.not-contact-page #infusion_form-checkbox-container
	{
		height: auto;
	}
/*
form.infusion-form #infusion_form-column-2 label
{
	height: 30px;
}
*/
form.infusion-form #infusion_form-column-2 p
{
	margin-bottom: 15px;
}
form.infusion-form #infusion_submit-button,
form.infusion-form .infusion-submit button
{
	padding: 3px 0 0 0;
	width: 100% !important;
	height: 40px;
	text-align: center;
}
	.columnA form.infusion-form #infusion_submit-button,
	.columnA form.infusion-form .infusion-submit button
	{
		width: 100% !important;
	}
	.columnA form.infusion-form #infusion_submit-button.franchise-submit-button
	{
		clear: both !important;
		float: left !important;
	}
.screen-reader-error
{
	font-weight: normal;
	padding: 0 16px;
	box-sizing: border-box;
	margin: 15px 0 0 0;
	width: 100% !important;
	text-align: left;
}
	.columnA .screen-reader-error 
	{
		width: 100% !important;
	}

#mainWrapper h3.widget-title
{
	display: none !important; /* NOV2025 hide "Sub Pages" */
	padding-top: 15px !important;
	margin-bottom: 7px !important;
}
	#mainWrapper .SteveSmartSideNavWidget h3.widget-title
	{
		display: none !important;
	}

/* free quote button mobile only */
#popdown-mobile-button-holder
{
	display: none !important; /* GREY_BAR_REMOVED_2022 - delete some of this eventually */
	clear: none !important;
	width: auto !important;
	float: none !important;
	margin: 0 0 0 0 !important;
	position: fixed;
	top: 42px;
	right: 10px;
}
#popdown-mobile-button-holder a
{
	display: block !important;
	color: #fff !important; 
	float: none !important; 
	margin: 0 0 0 0 !important;
	padding: 5px 8px 5px 8px !important;
	width: auto;
	line-height: normal;
	font-size: 0.85em;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	background: #e6007e;
	z-index: 9253;
}
#popdown-mobile-button-holder a:hover
{
	background: #812391;
	color: #fff;
}

.columnA .wc_payment_method img
{
	width: auto !important;
	max-width: none !important;
	margin: -10px 10px 0 0 !important;
}


/* MARCH 2016 click to call */
.desktop-version-phone-number { display: none !important; }
.mobile-version-phone-number 
{
	display: inline !important;
	font-weight: bold !important;
	text-decoration: none !important;
	color: #fff !important;
}
	#call-us-box .mobile-version-phone-number
	{
		color: #383838 !important;
	}


/* ----------------------------------------------------------------------------------------------------------------
blog
------------------------------------------------------------------------------------------------------------------- */
body.single img.blog-featured-image
{
	margin: 0 0 10px 0;
	float: left;
	clear: both;
}
a.blog-featured-image-in-listings
{
	float: left !important;
	clear: both !important;
	height: 150px; 
	width: 150px;
	padding: 0 0 15px 0 !important;
	margin: 0 0 10px 0 !important;
	display: block !important;
}
.post-listing-container
{
	float: left;
	clear: both;
	width: auto;
}
.hasFeaturedImage .post-listing-container
{
	float: left;
	clear: both;
	width: auto;
}

body.blog .sidebarA, body.single .sidebarA, body.archive .sidebarA
{
	float: none !important;
}

form#searchform input.submit
{
	float: left !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
}

a.telephone-number-on-mobile
{
	text-decoration: underline;
	font-weight: bold;
	cursor: pointer;
	/*color: #701280; APRIL2022 removed */
}

/* ANNA UPDATES: added this to cancel strange inline CSS - unsure who added that */
body a.telephone-number-on-mobile:hover
{
	background: transparent !important;
	color: #444 !important;
}	
	/* JAN2022 mobile nav was here */
}


@media screen and (max-width:550px)
{
	.alignleft,
	.alignright,
	.aligncenter,
	body.single img.blog-featured-image
	{
		display: block !important;
		float: none !important;
		clear: both !important;
		margin: 20px auto 20px auto !important; /* FONTY2025 was 5px auto 5px auto */
	}
	
	/* IMGY added this for 50/50 split: */
	img.alignleft,
	img.alignright,
	img.aligncenter
	{
		max-width: 100% !important;
		padding: 0 !important;
	}


	#contentWrapper h1, 
	#contentWrapper h2, 
	#contentWrapper h3
	{ 
		display: block !important;
		clear: both !important;
	}
	#mainWrapper p
	{
		display: block !important;
		clear: both !important;
	}
	
	/* ----------------------------------------------------------------------------------------------------------------
	blog
	------------------------------------------------------------------------------------------------------------------- */
	#mainWrapper p.postDate,
	#mainWrapper p a.readMoreLink
	{
		width: 100%;
	}
	a.blog-featured-image-in-listings
	{
		float: none !important;
		clear: both !important;
		margin: 0 auto 10px auto !important;
	}
	
	/* this was painful to figure out... "div.woocommerce-product-gallery" was the CRUCIAL tweak */
	div.woocommerce-main-image,
	div.woocommerce-product-gallery,
	div.woocommerce-product-gallery div.woocommerce-product-gallery__image
	{
		float: none !important;
		margin: 0 auto !important;
	}
}


/* ----------------------------------------------------------------------------------------------------------------
force full width images (for local pages map and testimonials)
------------------------------------------------------------------------------------------------------------------- */
img.fill-width
{
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
	margin: 0 0 20px 0 !important;
}


@media screen and (max-width:1010px)
{
	/* ----------------------------------------------------------------------------------------------------------------
	.phone-number-in-mobile-bar NEW FEB2022
	------------------------------------------------------------------------------------------------------------------- */
	.phone-number-in-mobile-bar
	{
		display: block !important;
		text-decoration: none !important;
		color: #383838 !important;
		font-size: 15px !important;
		font-weight: bold !important;
		position: absolute;
		top: 19px;
		right: 88px;
	}
}
@media screen and (max-width:390px)
{
	.phone-number-in-mobile-bar
	{
		right: 78px;
	}
}
@media screen and (max-width:315px)
{
	.phone-number-in-mobile-bar span
	{
		display: none;
	}
}