/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Nov 09 2021 | 21:30:30 */
/* This is CSS code that doesn't live in the Advanced tab of the various independent Elementor widgets */

/* Remove bottom border from search results links */
.search-results article .search-entry-readmore a {
	border-bottom: none;
}

/* Remove outline from links of all kinds */
a:link, a:visited, a:hover, a:active {
	outline: none;
}

/* Hide mouseover search icon in main nav - until I figure out where it's toggled */
.site-search-toggle {
	display: none;
}

/* Stlye breadcrumbs */
.breadcrumbs {
font-size: 14px;
} 

/* Style the trademarks */
.trademark {
	font-size: .4em !important;
	vertical-align: super !important
}

/* Make bullet lists more consistent - Bullets with icons set in Elementor templates */
ul {
	margin: 0;
	padding: 0;
	line-height: 25px
}

ul li {
	padding: 0 0 10px 0;
	margin: 0 0 0 20px;
	font-size: 14px;
}

/* Remove padding from footer menu */
.menu-footer-menu-container ul li {
	padding: 0;
	margin: 0;
}

/* Make H1 headings consistent sitewide */
/* Be sure to check the Elementor Heading widget setting and make it "Default" */
h1 {
	font-size: 34px !important;
}

/* Make H2 headings consistent sitewide */
/* Be sure to check the Elementor Heading widget setting and make it "Default" */
h2 {
	font-size: 24px !important;
}

/* Make H3 headings in tabs on product pages consistent */
#resources-docs h3, #faqs h3, #compliance-regs h3 {
	font-size: 24px !important;
	padding: 0 !important;
	margin: 0 0 20px 0 !important;
}


/* When we need a few images side-by-side, wrap in this div */
#img-container {
	align-items: center;
	text-align: center;
	margin-bottom: 10px;
}

#img-container img {
	padding: 5px;
	display: inline;
}

/* Image captions */
figcaption {
	margin-bottom: 20px;
	text-align: left;
}

/* Use this class when links aren't following the standard look */
.common-links a {
	color: #016325;
    text-decoration: underline;
}
.common-links a:hover {
	color: #414042;
    text-decoration: none;
}

.common-links a:active {
	color: #016325;
    text-decoration: underline;
}

.common-links a:visited {
	color: #016325;
    text-decoration: underline;
}

/* Alignment overrides */
.align-left {
    text-align: left !important;
}

.align-right {
    text-align: right !important;
}

.align-center {
    text-align: center !important;
}

/* Remove outline and shadow border from all Form Assembly forms + fix checkboxes */
.wFormContainer .wForm {
    border: none !important;
    box-shadow: none !important;
}

.wForm div.section > .preField {
    margin-bottom: 20px;
}

.wFormContainer .wForm input[type="checkbox"], .wFormContainer .wForm input[type='radio'] {
	height: 1.2em !important;
}

/* Make top phone numbers larger */
.topbar-content {
	font-size: 16px;
}

/* Fix word-wrap on freeform content on product pages */
.freeform .dynamic-content-for-elementor-acf {
	display: block !important;
}


/********************** TABLE STUFF **********************/ 
/* This and the next snippet adds a horizontal scrollbar under wide tables on mobile screens */
/* NOTE: The table needs to be WRAPPED in a DIV class called table-scroll (not on the table itself) */
.table-scroll {
     
	display: block;
	width: 101%;
	overflow-x: auto;
	white-space: nowrap;
}

/* This hides the notice to scroll on desktop */
/* NOTE: To include the notice under a table that might scroll, add the next line under the closing table tag: */
/* <div class="swipe-to-scroll">Swipe to scroll table <i class="far fa-hand-point-right"></i></div> */
	.swipe-to-scroll {
	display: none;
}

@media only screen and (max-width: 850px) {
  .swipe-to-scroll {
	display: block;
    margin: -20px 0 10px 0 ;
    padding: 0;
    color: #D9534F;
  }
}
/*********************************************************/ 

/* Styling the Evershield logo on the product page */
.es-img {
	margin-bottom: 20px;
}

/* Hide empty paragraph tags until I figure out which plugin is causing these (started above SurfCleaner Ninja table) */
p:empty{
  display: none;
}

/* Notice Box */
#notice {
	display: block;
	margin: 15px 0 15px 0;
	background-color: #e5efe9;
	border: 1px solid #dddddd;
	padding: 10px;
}

/* Article Snippet Box */
#snippet {
	display: block;
	margin: 15px 0 25px 0;
	background-color: #f4f4f4;
	border: 1px solid #dddddd;
	padding: 10px;
	font-size: 1.2em;
	font-weight: bold;
}

/* Capacity Calculator Callout */
#cap-calc {
	display: block;
	margin: 15px 0 15px 0;
	background-color: #e5efe9;
	border: 1px solid #dddddd;
	padding: 10px;
}

/* No search results message */
.elementor-posts-nothing-found {
	font-size: 18px;
	margin: 10px 0 100% 0;
}