
.wp-block {}

/*  Ensures MT files load in FSE */

/*  MICROTHEMER STYLES  */

/*= General =================== */

/** General >> Underline links in paragraphs (Remove underline with class .no-underline) **/
p a {
	text-decoration: underline !important;
}

.no-underline a {
	text-decoration: none !important;
}

/** General >> Add animated underline with .animated-underline **/
.animated-underline a {
	text-decoration: none !important;
	position: relative !important;
}

.animated-underline a::before {
	content: "" !important;
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	height: 2px !important;
	background-color: #00919e !important;
	-webkit-transform-origin: bottom right !important;
	transform-origin: bottom right !important;
	transform: scaleX(0) !important;
	-webkit-transition: transform .5s ease !important;
	transition: transform .5s ease !important;
}

.animated-underline a:hover::before {
	-webkit-transform-origin: bottom left !important;
	transform-origin: bottom left !important;
	transform: scaleX(1) !important;
}

/** General >> Social Icons - Add hover transition **/
.pp-social-icon .ua-icon {
	-webkit-transition: All .3s !important;
	transition: All .3s !important;
}

a .fa {
	-webkit-transition: color .3s !important;
	transition: color .3s !important;
}

/** General >> Make element sticky with .sticky-element for computers/tablets only **/
.sticky-element {
	position: -webkit-sticky !important;
	position: sticky !important;
	top: 120px !important;
}

body {
	overflow-x: visible !important;
}

/** General >> Add hover transition to buttons **/
.btn, .button, .uabb-lf-submit-button, .pp-login-form--button, .uabb-lf-submit-button, [type="submit"], #fluentform_1 .ff_upload_btn {
	-webkit-transition: aLl .3s !important;
	transition: aLl .3s !important;
}

/** General >> Add shine to buttons **/
.pp-button::after, .btn.a::after {
	background-color: hsla(0, 0%, 100%, .2) !important;
	width: 1.25em !important;
	position: absolute !important;
	top: -50% !important;
	bottom: -50% !important;
	content: "" !important;
	transform: translate3d(-2000%, 0, 0) rotate(35deg) !important;
}

.pp-button:hover::after {
	-webkit-transition: transform .45s ease-in-out !important;
	transition: transform .45s ease-in-out !important;
	transform: translate3d(850%, 0, 0) rotate(35deg) !important;
}

/** General >> Align buttons to bottom of column with .align-bottom **/
.align-bottom {
	display: grid !important;
	-webkit-align-content: flex-end !important;
	align-content: flex-end !important;
	-webkit-flex: 1 1 0 !important;
	flex: 1 1 0 !important;
}

/** General >> Add zoom effect to columns with .zoom-column **/
.zoom-column > .fl-node-content {}

.zoom-column > .fl-node-content:hover {}

/** General >> Homepage - Style Service (Discover) column **/
.discover-row-1 > .fl-node-content {}

.discover-row-1 > .fl-node-content:hover {
	border-color: #00919e !important;
}

.discover-row-1 .uabb-image-content {
	border: 3px solid #fff !important;
	background-color: #fff !important;
	border-radius: 50px !important;
	padding: 20px !important;
	-webkit-transition: All .3s !important;
	transition: All .3s !important;
}

.discover-row-1 .uabb-photo-img {
	border-radius: 0px !important;
	-webkit-transition: All .3s !important;
	transition: All .3s !important;
}

.discover-row-1 img.uabb-photo-img {
	filter: saturate(0%) brightness(300%) !important;
}

.discover-row-1 > .fl-node-content:hover img {
	border-radius: 0px !important;
	-webkit-transition: All .3s !important;
	transition: All .3s !important;
	filter: saturate(100%) hue-rotate(195deg) brightness(150%) contrast(100%) !important;
}

.discover-row-1 > .fl-node-content:hover .uabb-image-content {
	border-color: #00919e !important;
	-webkit-transition: All .3s !important;
	transition: All .3s !important;
}

.discover-row-1 > .fl-node-content .text-block-1 {}

.discover-row-1 > .fl-node-content:hover .text-block-1 {}

.discover-row-1 > .fl-node-content:hover .pp-button-wrap a {
	border-color: #00919e !important;
	color: #fff !important;
}

/** General >> Homepage - Style Service (Design) column **/
.design-row-1 > .fl-node-content {}

.design-row-1 > .fl-node-content:hover {
	border-color: #e6a613 !important;
}

.design-row-1 .uabb-image-content {
	border: 3px solid #fff !important;
	background-color: #fff !important;
	border-radius: 50px !important;
	padding: 20px !important;
	-webkit-transition: All .3s !important;
	transition: All .3s !important;
}

.design-row-1 .uabb-photo-img {
	border-radius: 0px !important;
	-webkit-transition: All .3s !important;
	transition: All .3s !important;
}

.design-row-1 img.uabb-photo-img {
	filter: saturate(0%) brightness(300%) !important;
}

.design-row-1 > .fl-node-content:hover img {
	border-radius: 0px !important;
	-webkit-transition: All .3s !important;
	transition: All .3s !important;
	filter: saturate(100%) hue-rotate(70deg) brightness(300%) contrast(80%) !important;
}

.design-row-1 > .fl-node-content:hover .uabb-image-content {
	border-color: #e6a613 !important;
	-webkit-transition: All .3s !important;
	transition: All .3s !important;
}

.design-row-1 > .fl-node-content .text-block-1 {}

.design-row-1 > .fl-node-content:hover .text-block-1 {}

.design-row-1 > .fl-node-content:hover .pp-button-wrap a {
	border-color: #e6a613 !important;
	color: #fff !important;
}

/** General >> Homepage - Style Service (Direct) colum **/
.direct-row-1 > .fl-node-content {}

.direct-row-1 > .fl-node-content:hover {
	border-color: #78a12e !important;
}

.direct-row-1 .uabb-image-content {
	border: 3px solid #fff !important;
	background-color: #fff !important;
	border-radius: 50px !important;
	padding: 20px !important;
	-webkit-transition: All .3s !important;
	transition: All .3s !important;
}

.direct-row-1 .uabb-photo-img {
	border-radius: 0px !important;
	-webkit-transition: All .3s !important;
	transition: All .3s !important;
}

.direct-row-1 img.uabb-photo-img {
	filter: saturate(0%) brightness(300%) !important;
}

.direct-row-1 > .fl-node-content:hover img {
	border-radius: 0px !important;
	-webkit-transition: All .3s !important;
	transition: All .3s !important;
	filter: saturate(80%) hue-rotate(100deg) brightness(200%) contrast(100%) !important;
}

.direct-row-1 > .fl-node-content:hover .uabb-image-content {
	border-color: #78a12e !important;
	-webkit-transition: All .3s !important;
	transition: All .3s !important;
}

.direct-row-1 > .fl-node-content .text-block-1 {}

.direct-row-1 > .fl-node-content:hover .text-block-1 {}

.direct-row-1 > .fl-node-content:hover .pp-button-wrap a {
	border-color: #78a12e !important;
	color: #fff !important;
}

/** General >> Fix svg icons and add border in Info Box with . fix-ib-icon **/
.fix-ib-icon img {
	filter: brightness(150%) contrast(100%) hue-rotate(195deg) saturate(100%) !important;
	padding: 10px !important;
}

.fix-ib-icon .pp-infobox-image {
	border: 1px solid #00919e !important;
	border-radius: 50px !important;
	max-width: 50px !important;
}

.fix-ib-icon .pp-heading-wrapper-inner {
	display: inline-block !important;
	vertical-align: middle !important;
}

.pp-icon-wrapper {
	float: left !important;
}

/** General >> Fix svg icons and add yellow background in Info Box with . fix-ib-icon-yb **/
.fix-ib-icon-yb img {
	padding: 15px !important;
	filter: saturate(0%) hue-rotate(195deg) brightness(1000%) contrast(100%) !important;
}

.fix-ib-icon-yb .pp-infobox-image {
	border: 1px solid #e6a613 !important;
	border-radius: 50px !important;
	background-color: #e6a613 !important;
}

.fix-ib-icon-yb .pp-heading-wrapper-inner {
	display: inline-block !important;
	vertical-align: middle !important;
}

/** General >> Fix svg icons and add blue background in Info Box with . fix-ib-icon-bb **/
.fix-ib-icon-bb img {
	padding: 15px !important;
	filter: saturate(0%) hue-rotate(195deg) brightness(1000%) contrast(100%) !important;
}

.fix-ib-icon-bb .pp-infobox-image {
	border: 1px solid #00919e !important;
	border-radius: 50px !important;
	background-color: #00919e !important;
}

.fix-ib-icon-bb .pp-heading-wrapper-inner {
	display: inline-block !important;
	vertical-align: middle !important;
}

/** General >> Fix svg icons and add green background in Info Box with . fix-ib-icon-gb **/
.fix-ib-icon-gb img {
	padding: 15px !important;
	filter: saturate(0%) hue-rotate(195deg) brightness(1000%) contrast(100%) !important;
}

.fix-ib-icon-gb .pp-infobox-image {
	border: 1px solid #78a12e !important;
	border-radius: 50px !important;
	background-color: #78a12e !important;
}

.fix-ib-icon-gb .pp-heading-wrapper-inner {
	display: inline-block !important;
	vertical-align: middle !important;
}

/** General >> How It's Made - Fix svg icons, add yellow background in Info Box with .hm-fix-ib-icon-yb **/
.hm-fix-ib-icon-yb img {
	padding: 5px !important;
}

.hm-fix-ib-icon-yb .pp-infobox-image {
	border: 1px solid #e6a613 !important;
	border-radius: 50px !important;
	background-color: #e6a613 !important;
}

.hm-fix-ib-icon-yb .pp-heading-wrapper-inner {
	display: inline-block !important;
	vertical-align: middle !important;
}

/** General >> How It's Made - Fix svg icons, add blue background in Info Box with . hm-fix-ib-icon-bb **/
.hm-fix-ib-icon-bb img {
	padding: 5px !important;
}

.hm-fix-ib-icon-bb .pp-infobox-image {
	border: 1px solid #00919e !important;
	border-radius: 50px !important;
	background-color: #00919e !important;
}

.hm-fix-ib-icon-bb .pp-heading-wrapper-inner {
	display: inline-block !important;
	vertical-align: middle !important;
}

/** General >> How It's Made - Fix svg icons, add green background in Info Box with .hm- fix-ib-icon-gb **/
.hm-fix-ib-icon-gb img {
	padding: 5px !important;
}

.hm-fix-ib-icon-gb .pp-infobox-image {
	border: 1px solid #78a12e !important;
	border-radius: 50px !important;
	background-color: #78a12e !important;
}

.hm-fix-ib-icon-gb .pp-heading-wrapper-inner {
	display: inline-block !important;
	vertical-align: middle !important;
}

/** General >> Tubing Page - Style Alloys table **/
table.alloys {
	border-width: medium !important;
	border-style: none !important;
}

table.alloys td, table.alloys th {
	padding: 20px 10px 20px 10px !important;
	border-width: medium !important;
	border-style: none !important;
}

table.alloys Tr:nth-of-type(2n) {
	background-color: #e0e0e0 !important;
}

/** General >> Tubing Page - Style Sizing table **/
table.sizing-details tbody:nth-of-type(2n) {
	background-color: #e0e0e0 !important;
}

table.sizing-details tr:Hover {
	background-color: #f2f2f2 !important;
}

table.sizing-legend {
	border: None !important;
	font-size: 14px !important;
}

table.sizing-legend Th, table.sizing-legend Td {
	border: 2px solid #eaeaea !important;
}

table.sizing-legend td {
	background-color: #e0e0e0 !important;
}

/** General >> Homepage - Fix spacing in Main title **/
.fix-title-spacing .pp-headline-animation-type-slide-down > .pp-headline-dynamic-wrapper {}

.pp-headline-dynamic-wrapper {
	width: auto !important;
}

/** General >> Product pages (Static) - Remove styles from tables **/
.table-min-styles td, .table-min-styles th, .table-min-styles table {
	border-style: None !important;
}

.table-min-styles td, .table-min-styles th {
	padding: 5px 10px !important;
}

/** General >> Mini-Cart - Style cart **/
.mini-cart .cart-counter {
	background-color: #01628c !important;
}

.variation {
	padding-left: 10px !important;
}

.variation dt {
	font-size: 15px !important;
}

.variation dd {
	font-size: 15px !important;
	margin-bottom: 5px !important;
}

/** General >> Ninja Tables - Style tables **/
.ninja_table_wrapper .input-group-btn [type="submit"] {
	background-color: #00919e !important;
}

.ninja_table_wrapper .input-group-btn [type="submit"]:hover {
	background-color: #007177 !important;
}

.ninja_table_wrapper .single_add_to_cart_button {
	background-color: #00919e !important;
}

.ninja_table_wrapper .single_add_to_cart_button:hover {
	background-color: #007177 !important;
}

.ninja_table_wrapper .quantity-column {
	min-width: 120px !important;
}

.ninja_table_wrapper input::-webkit-inner-spin-button {
	display: none !important;
}

.ninja_table_wrapper .nt_woo_quantity input {
	margin: 0px !important;
}

.ninja_table_wrapper .nt_woo_quantity {
	max-width: 45px !important;
	max-height: 100% !important;
	margin: 0px !important;
}

.ninja_table_wrapper .minus, .ninja_table_wrapper .plus {}

.ninja_table_wrapper .minus:hover, .ninja_table_wrapper .plus:hover {
	background-color: #ddd !important;
}

.ninja_table_wrapper .footable-header, .ninja_table_wrapper tbody {
	font-size: 15px !important;
}

/** General >> Product Table - Style filters **/
.ninja_table_wrapper .ninja_filter_number_range {
	width: 80px !important;
}

.tableFloatingHeaderOriginal .ninja_filter_title {
	display: block !important;
}

.ninja_table_wrapper .form-group[data-filter_name="Outer Diameter (OD)"] .ninja_filter_number_from {
	margin: 0 10px 0 0 !important;
}

.ninja_table_wrapper .form-group[data-filter_name="Inner Diameter (ID)"] .ninja_filter_number_from {
	margin: 0 10px 0 0 !important;
}

.ninja_table_wrapper .form-group[data-filter_name="Nominal Wall"] .ninja_filter_number_from {
	display: none !important;
}

.ninja-custom-filter {
	width: 24% !important;
}

/** General >> Product Pages - Fix quantity field **/
.woocommerce form .quantity .qty {
	width: 2.631em !important;
	position: relative !important;
	z-index: 1 !important;
}

/** General >> Cookie Consent Popup Styling **/
.seopress-user-consent {
	box-shadow: 0 -5px 20px 0 rgba(0, 0, 0, .1) !important;
}

#seopress-user-consent-accept, #seopress-user-consent-close {
	-webkit-transition: All .3s !important;
	transition: All .3s !important;
	border-radius: 5px !important;
	height: 50px !important;
}

#seopress-user-consent-close {
	border-color: #00919e !important;
}

#seopress-user-consent-close:hover {
	border-color: #00919e !important;
}

/** General >> Presto Player - Add box shadow **/
.presto-player__wrapper .plyr {
	box-shadow: 0 5px 15px rgba(0, 0, 0, .2) !important;
}

/** General >> Presto Player - Blur end screen **/
.presto-player__wrapper.presto-player--ended .plyr--youtube iframe {
	filter: blur(3rem) !important;
}

/*= Header ==================== */

/** Header >> Header - Add shadow below header that shrinks **/
.fl-theme-builder-header-shrink-row-top {
	box-shadow: 0 5px 15px 0 rgba(5, 5, 5, .15) !important;
}

/** Header >> Rotate Submenu icon on hover **/
.fl-module-pp-advanced-menu .pp-menu-toggle {
	-webkit-transition: All .1s !important;
	transition: All .1s !important;
}

.fl-module-pp-advanced-menu .pp-has-submenu:hover .pp-menu-toggle {
	transform: rotate(180deg) !important;
	-webkit-transition: All .1s !important;
	transition: All .1s !important;
}

.fl-module-pp-advanced-menu .sub-menu .pp-has-submenu-container:hover .pp-menu-toggle {
	transform: rotate(0deg) !important;
}

.fl-module-pp-advanced-menu .sub-menu .pp-has-submenu:hover .pp-menu-toggle {
	transform: rotate(0deg) !important;
}

/** Header >> Menu CTA - Add class .menu-cta to turn into button **/
.menu-cta a {
	padding-right: 15px !important;
	padding-left: 15px !important;
	border: 2px solid #00919e !important;
	border-radius: 5px !important;
	-webkit-transition: All .3s !important;
	transition: All .3s !important;
}

.menu-cta a:hover {
	background-color: #00919e !important;
	border-radius: 5px !important;
	color: #fff !important;
}

/** Header >> Syle Menu Descriptions **/
#sticky-menu .menu-item-description {
	font-size: 13px !important;
	margin-bottom: 0 !important;
}

/** Header >> Underline Main Menu items **/
#menu-main-menu .menu-item-text {
	text-decoration: none !important;
}

#menu-main-menu .menu-item-text::before {
	content: "" !important;
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	height: 2px !important;
	background-color: #00919e !important;
	-webkit-transform-origin: bottom right !important;
	transform-origin: bottom right !important;
	transform: scaleX(0) !important;
	-webkit-transition: transform .5s ease !important;
	transition: transform .5s ease !important;
}

#menu-main-menu .menu-item-text:hover::before {
	-webkit-transform-origin: bottom left !important;
	transform-origin: bottom left !important;
	transform: scaleX(1) !important;
}

#menu-main-menu .pp-has-submenu .menu-item-text::before, #menu-main-menu .menu-cta .menu-item-text::before {
	content: "" !important;
	background-color: rgba(0, 0, 0, 0) !important;
	-webkit-transform-origin: None !important;
	transform-origin: None !important;
	transform: None !important;
}

#menu-main-menu .pp-has-submenu .menu-item-text:hover::before, #menu-main-menu .menu-cta .menu-item-text:hover::before {
	background-color: None !important;
	-webkit-transform-origin: None !important;
	transform-origin: None !important;
	transform: None !important;
}

/*= Fluent Forms ============== */

/** Fluent Forms >> Error Validation styling **/
.ff-el-is-error [type="text"], .ff-el-is-error [type="email"], .ff-el-is-error textarea {
	background-color: #ffeaea !important;
	border-color: #ae5050 !important;
	border-bottom-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.ff-el-is-error select ~ .text-danger {
	margin-top: 5px !important;
	border-radius: 5px !important;
}

.ff-el-is-error .ff-el-form-check {
	background-color: #ffeaea !important;
	padding: 0px 10px 0px 10px !important;
	border-radius: 0px !important;
	margin-bottom: -7px !important;
	border: none !important;
}

.ff-el-is-error .text-danger {
	background-color: #ae5050 !important;
	color: #fff !important;
	padding: 0px 10px 0px 10px !important;
	border-radius: 0px 0px 5px 5px !important;
	margin-top: 0px !important;
}

/** Fluent Forms >> Custom checkbox styling **/
.ff-el-form-check-label {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	position: relative !important;
	cursor: pointer !important;
}

.ff-el-form-check-label span {
	margin-left: 5px !important;
}

.ff-el-form-check-label > input[type="checkbox"] {
	/* Custom styling for checkbox fields */
	height: 20px !important;
	min-width: 20px !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	-o-appearance: none !important;
	appearance: none !important;
	border: 1px solid #04220d !important;
	border-radius: 4px !important;
	outline: none !important;
	-o-transition-duration: .3s !important;
	-moz-transition-duration: .3s !important;
	-webkit-transition-duration: .3s !important;
	transition-duration: .3s !important;
	background-color: #fff !important;
	cursor: pointer !important;
	margin-top: 5px !important;
}

.ff-el-form-check-label > input[type="checkbox"]:checked {
	/* Custom styling for when checkbox fields are checked */
	border: 1px solid #ccc !important;
	background-color: #ccc !important;
}

.ff-el-form-check-label > input[type="checkbox"]:checked::before {
	/* Add a checkmark to checkbox when checkbox fields are checked */
	content: "✓" !important;
	display: block !important;
	text-align: center !important;
	color: #00919e !important;
	position: absolute !important;
	left: 1px !important;
	top: -10px !important;
	font-size: 30px !important;
	-webkit-animation-name: zoomIn !important;
	animation-name: zoomIn !important;
	-webkit-animation-duration: .3s !important;
	animation-duration: .3s !important;
}

.ff-el-form-check-label > input[type="checkbox"]:active {
	border: 1px solid #00919e !important;
}

.ff-el-form-check-label > input[type="checkbox"]:hover {
	/* Change border color when checkbox is hovered */
	border: 1px solid #00919e !important;
}

/** Fluent Forms >> Style Thank You message **/
#fluentform_1_success {
	background-color: #f6f6f6 !important;
}

/** Fluent Forms >> Custom styling for Dropdowns **/
select.ff-el-form-control {
	padding: 5px !important;
	appearance: none !important;
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2300919E%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, #fff 0%, #e5e5e5 100%) !important;
	background-repeat: no-repeat, repeat !important;
	background-position: right .7em top 50%, 0 0 !important;
	background-size: .65em auto, 100% !important;
}

select.ff-el-form-control.nitro-lazy {
	background-image: none !important;
}

select.ff-el-form-control::-ms-expand {
	/* MT [ sub: 1 ] */
	display: none !important;
}

select.ff-el-form-ff-el-form-control:hover {
	/* MT [ sub: 1 ] */
	border-color: #888 !important;
}

select.ff-el-form-control:focus {
	/* MT [ sub: 1 ] */
	border-color: #aaa !important;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7) !important;
	box-shadow: 0 0 0 3px -moz-mac-focusring !important;
	color: #222 !important;
	outline: none !important;
}

select.ff-el-form-control option {
	/* MT [ sub: 1 ] */
	font-weight: normal !important;
}

select.ff-el-form-control:disabled, select.ff-el-form-control[aria-disabled=true] {
	/* MT [ sub: 1 ] */
	color: graytext !important;
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, #fff 0%, #e5e5e5 100%) !important;
}

select.ff-el-form-control:disabled.nitro-lazy, select.ff-el-form-control[aria-disabled=true].nitro-lazy {
	background-image: none !important;
}

select.ff-el-form-control:disabled:hover, select.ff-el-form-control[aria-disabled=true] {
	/* MT [ sub: 1 ] */
	border-color: #aaa !important;
}

/*= Blog ====================== */

/** Blog >> Style blog post titles **/
.blog-layout h2 {
	color: #20323c !important;
	font-size: 30px !important;
	margin-bottom: 20px !important;
}

.blog-layout h3 {
	font-size: 22px !important;
	color: #20323c !important;
	margin-bottom: 20px !important;
}

.blog-layout h4 {
	font-size: 20px !important;
	color: #20323c !important;
	margin-bottom: 20px !important;
}

.blog-layout h5 {
	font-size: 18px !important;
	color: #20323c !important;
	margin-bottom: 20px !important;
}

.blog-layout p strong {
	font-weight: 800 !important;
}

/** Blog >> Content Grids - Set max-height of excerpt to 3 lines and truncate text **/
.pp-content-grid-post-excerpt p {
	display: -webkit-box !important;
	overflow: Hidden !important;
	-webkit-line-clamp: 3 !important;
	-webkit-box-orient: vertical !important;
}

/** Blog >> Content Grids - Set max-height of title to 3 lines and truncate it **/
.pp-content-grid-post-title > a {
	display: -webkit-box !important;
	overflow: Hidden !important;
	-webkit-line-clamp: 3 !important;
	-webkit-box-orient: vertical !important;
}

/** Blog >> Blog Posts - Style Submit button for Fluent Forms **/
.blog-layout .ff_submit_btn_wrapper button {
	background-color: #00919e !important;
	padding: 10px 20px 10px 20px !important;
	border-style: None !important;
	border-radius: 5px !important;
}

/** Blog >> Blog Grid - Style filter bar **/
.pp-post-filter {
	padding: 5px 10px 5px 10px !important;
	border: 2px solid #e1e1e1 !important;
	border-radius: 5px !important;
}

.pp-post-filter:hover {
	background-color: #e1e1e1 !important;
}

.pp-post-filters {
	margin-left: 0px !important;
	text-align: center !important;
}

/*= Login/Register ============ */

/** Login/Register >> Login Page - Set max-with for login column **/
.fl-col-group .max-width-login {
	max-width: 650px !important;
}

/** Login/Register >> Login - Style error messages **/
.pp-lf-error {
	color: #fff !important;
	background-color: #ae5050 !important;
	padding: 5px 10px 5px 10px !important;
	border-radius: 0 0 5px 5px !important;
}

.pp-login-form-field .pp-lf-error {
	margin-top: 0px !important;
	display: Block !important;
}

/** Login/Register >> Login - Style message shown when logged-in **/
.pp-login-message {
	text-align: Center !important;
	background-color: #c1f1d5 !important;
	padding: 10px !important;
	border-radius: 5px !important;
}

/** Login/Register >> Login - Custom styling for Remember Me checkbox **/
.login-form .pp-field-type-checkbox label {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	position: relative !important;
	cursor: pointer !important;
}

.login-form .pp-field-type-checkbox label span {
	margin-left: 5px !important;
}

.login-form .pp-field-type-checkbox label > input[type="checkbox"] {
	/* Custom styling for checkbox fields */
	height: 20px !important;
	width: 20px !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	-o-appearance: none !important;
	appearance: none !important;
	border: 1px solid #00506d !important;
	border-radius: 4px !important;
	outline: none !important;
	-o-transition-duration: .3s !important;
	-moz-transition-duration: .3s !important;
	-webkit-transition-duration: .3s !important;
	transition-duration: .3s !important;
	background-color: #fff !important;
	cursor: pointer !important;
	margin-top: 3px !important;
}

.login-form .pp-field-type-checkbox label > input[type="checkbox"]:checked {
	/* Custom styling for when checkbox fields are checked */
	border: 1px solid #ccc !important;
	background-color: #ccc !important;
}

.login-form .pp-field-type-checkbox label > input[type="checkbox"]:checked::before {
	/* Add a checkmark to checkbox when checkbox fields are checked */
	content: "✓" !important;
	display: block !important;
	text-align: center !important;
	color: #00919e !important;
	position: absolute !important;
	left: 1px !important;
	top: -5px !important;
	font-size: 30px !important;
	-webkit-animation-name: zoomIn !important;
	animation-name: zoomIn !important;
	-webkit-animation-duration: .3s !important;
	animation-duration: .3s !important;
}

.login-form .pp-field-type-checkbox label > input[type="checkbox"]:active {
	border: 1px solid #00919e !important;
}

.login-form .pp-field-type-checkbox label > input[type="checkbox"]:hover {
	/* Change border color when checkbox is hovered */
	border: 1px solid #00919e !important;
}

/** Login/Register >> Register - Set max-width for column **/
.fl-col-group .max-width-register {
	max-width: 850px !important;
}

.fl-module-uabb-registration-form ::placeholder {
	color: #a9a9a9 !important;
}

/** Login/Register >> Register - Style error messages **/
.uabb-registration-form-error > .uabb-registration_form-error-message-required {
	color: #fff !important;
	font-size: 15px !important;
	background-color: #ae5050 !important;
	padding: 5px 10px 5px 10px !important;
	border-radius: 0 0 5px 5px !important;
	margin-top: 0px !important;
}

/** Login/Register >> Register - Style logged-in message **/
.uabb-registration-loggedin-message {
	text-align: Center !important;
	background-color: #c1f1d5 !important;
	padding: 10px !important;
	border-radius: 5px !important;
}

/** Login/Register >> Register - Style Password Strength notice **/
.uabb-form-outter > .uabb-registration-form-pass-verify.short::before {
	content: "Too " !important;
}

/*= Extras ==================== */

/** Extras >> Make stuff not clickable with .not-clickable **/
.not-clickable {
	cursor: default !important;
	pointer-events: none !important;
}

/*= Cart/Checkout ============= */

/** Cart/Checkout >> Mini Cart - Style Cart **/
.mini-cart .cart-counter {
	background-color: #01628c !important;
}

.mini-cart .woocommerce-placeholder {
	max-width: 40px !important;
}

/** Cart/Checkout >> Cart - Style the tables **/
.my-cart-style .woocommerce-cart-form__contents th {
	color: #fff !important;
	background-color: #00919e !important;
	height: 50px !important;
}

.my-cart-style .woocommerce-cart-form__cart-item > td {
	border-right: None !important;
	height: 100px !important;
}

.my-cart-style .cart_totals h2 {
	color: #fff !important;
	background-color: #00919e !important;
	margin: 0px !important;
}

.my-cart-style .cart_totals th {
	border-left: 1px Solid !important;
}

.my-cart-style .cart_totals td {
	border-right: 1px Solid !important;
}

.my-cart-style .cart_totals {
	padding: 0px !important;
	margin: 0px !important;
	border: None !important;
}

.my-cart-style .buttons_added > a:hover {
	background-color: #01628c !important;
	color: #fff !important;
}

.woopack-product-cart .actions .button {
	padding: 10px 40px !important;
	color: #fff !important;
}

/** Cart/Checkout >> Cart - Fix width for coupon code text box **/
.my-cart-style #coupon_code {
	width: 200px !important;
	height: 40px !important;
}

/** Cart/Checkout >> Cart - Style Update Cart Button **/
.my-cart-style .actions > [type="submit"] {
	height: 40px !important;
}

/** Cart/Checkout >> Cart - Fix Quantity buttons **/
.product-quantity input {
	margin-right: 17px !important;
}

.product-quantity .plus, .product-quantity .minus {
	margin-right: 0px !important;
	border: 1px solid #bbb3b9 !important;
}

/** Cart/Checkout >> Checkout - General styling **/
.checkout-styles .woocommerce-checkout {
	margin-top: 20px !important;
}

#customer_details {
	margin-top: 33px !important;
}

.checkout-styles [type="text"], .checkout-styles [type="tel"], .checkout-styles [type="email"] {
	height: 50px !important;
}

.woocommerce .select2-container--default .select2-selection--single {
	height: 50px !important;
}

.checkout-styles #wc-square-credit-card-credit-card-form .wc-square-credit-card-payment-field {
	height: 40px !important;
}

/** Cart/Checkout >> Checkout - Style login form and coupon section **/
.woocommerce-form-login input {
	background-color: #fff !important;
}

.woocommerce-form-login .lost_password {
	display: none !important;
}

.checkout_coupon {
	padding: 20px !important;
}

.checkout_coupon #coupon_code {
	height: 45px !important;
}

/** Cart/Checkout >> Checkout - Style Billing/Customer Details Section **/
#customer_details {
	margin-top: 33px !important;
}

.woocommerce-billing-fields {
	padding: 20px 40px 0px 40px !important;
}

#customer_details .mailchimp-newsletter span {
	font-weight: 400 !important;
}

.woocommerce-additional-fields {
	padding: 0px 40px 40px 40px !important;
}

#customer_details .woocommerce-shipping-fields {
	padding: 0px 40px 0px 40px !important;
}

#ship-to-different-address > .woocommerce-form__label-for-checkbox {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	position: relative !important;
	cursor: pointer !important;
}

#ship-to-different-address > .woocommerce-form__label-for-checkbox span {
	margin-left: 5px !important;
}

#ship-to-different-address > .woocommerce-form__label-for-checkbox > input[type="checkbox"] {
	/* Custom styling for checkbox fields */
	height: 20px !important;
	min-width: 20px !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	-o-appearance: none !important;
	appearance: none !important;
	border: 1px solid #04220d !important;
	border-radius: 4px !important;
	outline: none !important;
	-o-transition-duration: .3s !important;
	-moz-transition-duration: .3s !important;
	-webkit-transition-duration: .3s !important;
	transition-duration: .3s !important;
	background-color: #fff !important;
	cursor: pointer !important;
	margin-top: 1px !important;
}

#ship-to-different-address > .woocommerce-form__label-for-checkbox > input[type="checkbox"]:checked {
	/* Custom styling for when checkbox fields are checked */
	border: 1px solid #ccc !important;
	background-color: #ccc !important;
}

#ship-to-different-address > .woocommerce-form__label-for-checkbox > input[type="checkbox"]:checked::before {
	/* Add a checkmark to checkbox when checkbox fields are checked */
	content: "✓" !important;
	display: block !important;
	text-align: center !important;
	color: #00919e !important;
	position: absolute !important;
	left: 1px !important;
	top: -15px !important;
	font-size: 30px !important;
	-webkit-animation-name: zoomIn !important;
	animation-name: zoomIn !important;
	-webkit-animation-duration: .3s !important;
	animation-duration: .3s !important;
}

#ship-to-different-address > .woocommerce-form__label-for-checkbox > input[type="checkbox"]:active {
	border: 1px solid #00919e !important;
}

#ship-to-different-address > .woocommerce-form__label-for-checkbox > input[type="checkbox"]:hover {
	/* Change border color when checkbox is hovered */
	border: 1px solid #00919e !important;
}

/** Cart/Checkout >> Checkout - Style Product Table **/
#order_review > .woocommerce-checkout-review-order-table {
	margin-top: 33px !important;
}

.woocommerce-checkout-review-order-table thead .product-name {
	padding-left: 15px !important;
}

.woocommerce-checkout-review-order-table .cart_item > td {
	padding-left: 15px !important;
}

.woocommerce-checkout-review-order-table tfoot th {
	padding-left: 15px !important;
}

.woocommerce-checkout-review-order-table tfoot td {
	padding-left: 15px !important;
}

#order_review > .woocommerce-checkout-review-order-table thead {
	background-color: #00919e !important;
	color: #fff !important;
}

#order_review > .woocommerce-checkout-review-order-table td {
	border-right: none !important;
}

#order_review > .woocommerce-checkout-review-order-table th {
	border-right: none !important;
}

.woocommerce-page.woocommerce-checkout form #order_review td.product-name, .woocommerce.woocommerce-checkout form #order_review td.product-name {
	font-size: 15px !important;
	line-height: 1.4 !important;
}

.woocommerce-checkout-review-order-table .cart_item .posted_in {
	margin-left: 5px !important;
}

.woocommerce-checkout-review-order-table .cart_item .posted_in, .woocommerce-checkout-review-order-table .cart_item .product_price {
	font-size: 14px !important;
}

.woocommerce-checkout-review-order-table .cart_item .product_price:before {
	display: none !important;
}

.woocommerce-checkout-review-order-table .cart_item .quantity {
	margin-left: 10px !important;
}

.woocommerce-checkout-review-order-table .quantity .minus, .woocommerce-checkout-review-order-table .quantity .plus {
	display: none !important;
}

.woocommerce-checkout-review-order-table .quantity input {
	pointer-events: none !important;
}

/** Cart/Checkout >> Checkout - Style credit card section **/
.wc_payment_methods {
	padding: 20px 40px 0 40px !important;
	margin-top: 40px !important;
}

.payment_box {
	margin-bottom: 0px !important;
	padding-bottom: 20px !important;
}

.payment_method_square_credit_card > label {
	margin-left: 30px !important;
}

.place-order {
	padding: 0px 40px 20px 40px !important;
	font-size: 16px !important;
}

#order_review {
	padding-right: 0 !important;
	padding-left: 0 !important;
	border-style: none !important;
}

#payment .woocommerce-form__label-for-checkbox {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	position: relative !important;
	cursor: pointer !important;
	line-height: 1.6 !important;
	margin-bottom: 20px !important;
}

#payment .woocommerce-form__label-for-checkbox span {
	margin-left: 0px !important;
}

#payment .woocommerce-form__label-for-checkbox > input[type="checkbox"] {
	/* Custom styling for checkbox fields */
	height: 18px !important;
	min-width: 18px !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	-o-appearance: none !important;
	appearance: none !important;
	border: 1px solid #04220d !important;
	border-radius: 4px !important;
	outline: none !important;
	-o-transition-duration: .3s !important;
	-moz-transition-duration: .3s !important;
	-webkit-transition-duration: .3s !important;
	transition-duration: .3s !important;
	background-color: #fff !important;
	cursor: pointer !important;
	margin-top: 4px !important;
}

#payment .woocommerce-form__label-for-checkbox > input[type="checkbox"]:checked {
	/* Custom styling for when checkbox fields are checked */
	border: 1px solid #ccc !important;
	background-color: #ccc !important;
}

#payment .woocommerce-form__label-for-checkbox > input[type="checkbox"]:checked::before {
	/* Add a checkmark to checkbox when checkbox fields are checked */
	content: "✓" !important;
	display: block !important;
	text-align: center !important;
	color: #00919e !important;
	position: absolute !important;
	left: 2px !important;
	top: -8px !important;
	font-size: 25px !important;
	-webkit-animation-name: zoomIn !important;
	animation-name: zoomIn !important;
	-webkit-animation-duration: .3s !important;
	animation-duration: .3s !important;
}

#payment .woocommerce-form__label-for-checkbox > input[type="checkbox"]:active {
	border: 1px solid #00919e !important;
}

#payment .woocommerce-form__label-for-checkbox > input[type="checkbox"]:hover {
	/* Change border color when checkbox is hovered */
	border: 1px solid #00919e !important;
}

/** Cart/Checkout >> Checkout - Style order receipt page **/
.woocommerce-order-details, .woocommerce-customer-details {
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1) !important;
}

/** Cart/Checkout >> Checkout - Hide optional text on questions **/
.woocommerce-additional-fields__field-wrapper .optional {
	display: none !important;
}

/** Cart/Checkout >> Checkout - Fix quantity field **/
.shop_table .quantity {
	min-width: 30px !important;
}

/*= Product pages ============= */

/** Product pages >> Style tables **/
table.product-table1, .product-table1 td, table.product-table1, .product-table1 th {
	border-width: medium !important;
	border-style: none !important;
}

table.product-table1 thead th {
	background-color: #ddd !important;
}

.product-table1 .first-col1 {
	width: 1% !important;
	white-space: nowrap !important;
	background-color: #ddd !important;
}

.product-table1 .second-col2 {
	width: 1% !important;
	white-space: nowrap !important;
	min-width: 130px !important;
}

.product-table1 Tr:nth-child(odd) {
	background-color: #f7f7f7 !important;
}

/** Product pages >> Fix broken Quantity buttons **/
.woocommerce .quantity .qty {
	background-color: #d3d3d3 !important;
	padding: 8px !important;
	margin-left: 0 !important;
	border-radius: 5px !important;
}

.woocommerce .quantity .wbu-btn-sub, .woocommerce .quantity .wbu-btn-inc {
	background-color: #d3d3d3 !important;
	padding: 8px !important;
	border-radius: 5px !important;
}

.woocommerce .quantity .wbu-btn-sub:hover, .woocommerce .quantity .wbu-btn-inc:hover {
	background-color: #b3b3b3 !important;
}

/** Product pages >> Set max-height for product image **/
img.df-product-image {
	width: 1000px !important;
	height: 320px !important;
	object-fit: cover !important;
}

/** Product pages >> Hide Bulk Pricing Table **/
.bulk_pricing_discounts_wrapper {
	display: none !important;
}

/*( Large Desktop )*/
@media (min-width: 1200px) {
	/** Login/Register >> Register - Add space between columns on desktop/tablet **/
	.uabb-module-content > div > div:nth-of-type(1), .uabb-module-content > div > div:nth-of-type(3), .uabb-module-content > div > div:nth-of-type(5) {
		padding-right: 20px !important;
	}
	
	/** General >> Add zoom effect to columns with .zoom-column **/
	.zoom-column > .fl-node-content {
		-webkit-transition: All .3s !important;
		transition: All .3s !important;
	}
	
	.zoom-column > .fl-node-content:hover {
		transform: Scale(1.03) !important;
		box-shadow: 0px 5px 30px 0 rgba(0, 0, 0, .1) !important;
	}
	
	/** General >> Homepage - Style Service (Discover) column **/
	.discover-row-1 > .fl-node-content {
		-webkit-transition: All .3s !important;
		transition: All .3s !important;
	}
	
	.discover-row-1 > .fl-node-content:hover {
		transform: Scale(1.03) !important;
		box-shadow: 0px 5px 30px 0 rgba(0, 0, 0, .1) !important;
	}
	
	/** General >> Homepage - Style Service (Design) column **/
	.design-row-1 > .fl-node-content {
		-webkit-transition: All .3s !important;
		transition: All .3s !important;
	}
	
	.design-row-1 > .fl-node-content:hover {
		transform: Scale(1.03) !important;
		box-shadow: 0px 5px 30px 0 rgba(0, 0, 0, .1) !important;
	}
	
	/** General >> Homepage - Style Service (Direct) colum **/
	.direct-row-1 > .fl-node-content {
		-webkit-transition: All .3s !important;
		transition: All .3s !important;
	}
	
	.direct-row-1 > .fl-node-content:hover {
		transform: Scale(1.03) !important;
		box-shadow: 0px 5px 30px 0 rgba(0, 0, 0, .1) !important;
	}
	
	/** Header >> Menu - Add border to submenu items on hover **/
	.sub-menu .menu-item a {
		border-left: 5px solid rgba(0, 0, 0, 0) !important;
	}
	
	.sub-menu .menu-item a:hover, .sub-menu .menu-item a:focus, .sub-menu .menu-item a:active {
		border-left-color: #00919e !important;
	}
	
	.sub-menu .current-menu-item a {
		border-left-color: #e6a613 !important;
	}
	
	/** Header >> Rotate Submenu icon on hover **/
	.fl-module-pp-advanced-menu .pp-menu-toggle {}
	
	#menu-main-menu .pp-menu-toggle {
		margin-right: -10px !important;
	}
	
	/** Product pages >> Set max-height for product image **/
	img.df-product-image {
		height: 320px !important;
	}
}

/*( Desktop & Tablet )*/
@media (min-width: 768px) and (max-width: 979px) {
	/** General >> Make element sticky with .sticky-element for computers/tablets only **/
	.sticky-element {
		top: 10px !important;
	}
	
	/** General >> Add zoom effect to columns with .zoom-column **/
	.zoom-column > .fl-node-content {
		-webkit-transition: All .3s !important;
		transition: All .3s !important;
	}
	
	.zoom-column > .fl-node-content:hover {
		transform: Scale(1.03) !important;
		box-shadow: 0px 5px 30px 0 rgba(0, 0, 0, .1) !important;
	}
	
	/** General >> Homepage - Style Service (Discover) column **/
	.discover-row-1 > .fl-node-content {
		-webkit-transition: All .3s !important;
		transition: All .3s !important;
	}
	
	.discover-row-1 > .fl-node-content:hover {
		transform: Scale(1.03) !important;
		box-shadow: 0px 5px 30px 0 rgba(0, 0, 0, .1) !important;
	}
	
	/** General >> Homepage - Style Service (Design) column **/
	.design-row-1 > .fl-node-content {
		-webkit-transition: All .3s !important;
		transition: All .3s !important;
	}
	
	.design-row-1 > .fl-node-content:hover {
		transform: Scale(1.03) !important;
		box-shadow: 0px 5px 30px 0 rgba(0, 0, 0, .1) !important;
	}
	
	/** General >> Homepage - Style Service (Direct) colum **/
	.direct-row-1 > .fl-node-content {
		-webkit-transition: All .3s !important;
		transition: All .3s !important;
	}
	
	.direct-row-1 > .fl-node-content:hover {
		transform: Scale(1.03) !important;
		box-shadow: 0px 5px 30px 0 rgba(0, 0, 0, .1) !important;
	}
	
	/** General >> Homepage - Fix spacing in Main title **/
	.fix-title-spacing .pp-headline-animation-type-slide-down > .pp-headline-dynamic-wrapper {
		margin-top: -10px !important;
	}
	
	/** General >> Product Table - Style filters **/
	.ninja_table_wrapper .ninja_filter_number_range {}
	
	.ninja-custom-filter {
		width: 20% !important;
	}
	
	/** Header >> Make Main Menu sticky on mobile devices **/
	header[data-type="header"] {
		width: 100% !important;
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		z-index: 100 !important;
	}
	
	.admin-bar header[data-type="header"] {
		/* This is for the admin bar */
		top: 32px !important;
	}
	
	/** Header >> Header - Add shadow below header that shrinks **/
	.fl-theme-builder-header-shrink-row-top {}
	
	#sticky-menu {
		box-shadow: 0 5px 15px rgba(5, 5, 5, .1) !important;
	}
	
	/** Header >> Menu - Add border to submenu items on hover **/
	.sub-menu .menu-item a {
		border-left: 5px solid rgba(0, 0, 0, 0) !important;
	}
	
	.sub-menu .menu-item a:hover, .sub-menu .menu-item a:focus, .sub-menu .menu-item a:active {
		border-left-color: #00919e !important;
	}
	
	.sub-menu .current-menu-item a {
		border-left-color: #e6a613 !important;
	}
	
	/** Login/Register >> Register - Add space between columns on desktop/tablet **/
	.uabb-module-content > div > div:nth-of-type(1), .uabb-module-content > div > div:nth-of-type(3), .uabb-module-content > div > div:nth-of-type(5) {
		padding-right: 20px !important;
	}
	
	/** Product pages >> Set max-height for product image **/
	img.df-product-image {
		height: 320px !important;
	}
}

/*( Tablet & Phone )*/
@media (max-width: 767px) {
	/** General >> Make element sticky with .sticky-element for computers/tablets only **/
	.sticky-element {
		position: static !important;
	}
	
	/** General >> Homepage - Style Service (Discover) column **/
	.discover-row-1 > .fl-node-content {}
	
	.discover-row-1 > .fl-node-content .text-block-1 {
		opacity: 100% !important;
	}
	
	/** General >> Homepage - Style Service (Design) column **/
	.design-row-1 > .fl-node-content {}
	
	.design-row-1 > .fl-node-content .text-block-1 {
		opacity: 100% !important;
	}
	
	/** General >> Homepage - Style Service (Direct) colum **/
	.direct-row-1 > .fl-node-content {}
	
	.direct-row-1 > .fl-node-content .text-block-1 {
		opacity: 100% !important;
	}
	
	/** General >> Homepage - Fix spacing in Main title **/
	.fix-title-spacing .pp-headline-animation-type-slide-down > .pp-headline-dynamic-wrapper {
		margin-top: -10px !important;
	}
	
	/** General >> Cookie Consent Popup Styling **/
	.seopress-user-consent {}
	
	#seopress-user-consent-accept, #seopress-user-consent-close {
		height: 40px !important;
		margin-top: 10px !important;
		line-height: 1.4 !important;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
	
	/** Header >> Make Main Menu sticky on mobile devices **/
	header[data-type="header"] {
		width: 100% !important;
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		z-index: 100 !important;
	}
	
	.admin-bar header[data-type="header"] {
		/* This is for the admin bar */
		top: 32px !important;
	}
	
	/** Header >> Header - Add shadow below header that shrinks **/
	.fl-theme-builder-header-shrink-row-top {}
	
	#sticky-menu {
		box-shadow: 0 5px 15px rgba(5, 5, 5, .1) !important;
	}
	
	/** Product pages >> Set max-height for product image **/
	img.df-product-image {
		width: 1000px !important;
		height: Auto !important;
		object-fit: cover !important;
	}
}

/*( Phone )*/
@media (max-width: 480px) {
	/** Header >> Header - Add shadow below header that shrinks **/
	.fl-theme-builder-header-shrink-row-top {}
	
	#sticky-menu {
		box-shadow: 0 5px 15px rgba(5, 5, 5, .1) !important;
	}
	
	/** Header >> Make Main Menu sticky on mobile devices **/
	header[data-type="header"] {
		position: Sticky !important;
	}
	
	.admin-bar header[data-type="header"] {
		/* This is for the admin bar */
		top: 0px !important;
		position: Sticky !important;
	}
	
	/** Header >> Menu CTA - Add class .menu-cta to turn into button **/
	.menu-cta a {
		margin: 10px !important;
		border: 2px solid #fff !important;
	}
	
	.menu-cta a:hover {
		background-color: #fff !important;
		color: #00919e !important;
	}
	
	/** Header >> Syle Menu Descriptions **/
	#sticky-menu .menu-item-description {}
	
	#menu-main-menu-1 .menu-item-description {
		display: None !important;
	}
	
	/** General >> Add class .full-width-button to make button full-width on mobile **/
	.full-width-button .pp-button {
		width: 100% !important;
	}
	
	/** General >> Fix svg icons and add yellow background in Info Box with . fix-ib-icon-yb **/
	.fix-ib-icon-yb img {}
	
	.fix-ib-icon-yb .pp-infobox-image {
		width: 70px !important;
	}
	
	.fix-ib-icon-yb .pp-heading-wrapper-inner {}
	
	/** General >> Fix svg icons and add blue background in Info Box with . fix-ib-icon-bb **/
	.fix-ib-icon-bb img {}
	
	.fix-ib-icon-bb .pp-infobox-image {
		width: 70px !important;
	}
	
	.fix-ib-icon-bb .pp-heading-wrapper-inner {}
	
	/** General >> Fix svg icons and add green background in Info Box with . fix-ib-icon-gb **/
	.fix-ib-icon-gb img {}
	
	.fix-ib-icon-gb .pp-infobox-image {
		width: 70px !important;
	}
	
	.fix-ib-icon-gb .pp-heading-wrapper-inner {}
	
	/** General >> How It's Made - Fix svg icons, add yellow background in Info Box with .hm-fix-ib-icon-yb **/
	.hm-fix-ib-icon-yb img {}
	
	.hm-fix-ib-icon-yb .pp-infobox-image {
		width: 70px !important;
	}
	
	.hm-fix-ib-icon-yb .pp-heading-wrapper-inner {}
	
	/** General >> How It's Made - Fix svg icons, add blue background in Info Box with . hm-fix-ib-icon-bb **/
	.hm-fix-ib-icon-bb img {}
	
	.hm-fix-ib-icon-bb .pp-infobox-image {
		width: 70px !important;
	}
	
	.hm-fix-ib-icon-bb .pp-heading-wrapper-inner {}
	
	/** General >> How It's Made - Fix svg icons, add green background in Info Box with .hm- fix-ib-icon-gb **/
	.hm-fix-ib-icon-gb img {}
	
	.hm-fix-ib-icon-gb .pp-infobox-image {
		width: 70px !important;
	}
	
	.hm-fix-ib-icon-gb .pp-heading-wrapper-inner {}
	
	/** General >> Homepage - Fix spacing in Main title **/
	.fix-title-spacing .pp-headline-animation-type-slide-down > .pp-headline-dynamic-wrapper {
		margin-top: -10px !important;
	}
	
	/** General >> Product Table - Style filters **/
	.ninja_table_wrapper .ninja_filter_number_range {}
	
	.form-group[data-filter_name="Filter By Alloy"] {
		width: 100% !important;
	}
	
	.form-group[data-filter_name="Outer Diameter (OD)"] {
		width: 50% !important;
		float: left !important;
	}
	
	.form-group[data-filter_name="Inner Diameter (ID)"] {
		width: 50% !important;
		float: right !important;
	}
	
	.form-group[data-filter_name="Nominal Wall"] {
		width: 50% !important;
		margin-bottom: 20px !important;
	}
	
	.form-group[data-filter_name="Outer Diameter (OD)"] .ninja_filter_number_to, .form-group[data-filter_name="Outer Diameter (OD)"] .ninja_filter_number_from, .form-group[data-filter_name="Inner Diameter (ID)"] .ninja_filter_number_to, .form-group[data-filter_name="Inner Diameter (ID)"] .ninja_filter_number_from, .form-group[data-filter_name="Nominal Wall"] .ninja_filter_number_to {
		width: 70% !important;
		margin: 10px 0 0 0 !important;
	}
	
	.footable-filtering-search {
		width: 75% !important;
	}
	
	/** General >> Ninja Tables - Styling for mobile **/
	.ninja_filter_number_from, .ninja_filter_number_to {
		margin-bottom: 10px !important;
	}
	
	.footable-detail-row tbody th, .footable-detail-row tbody td {
		background-color: #f2f2f2 !important;
	}
	
	.footable-detail-row tbody {
		background-color: #fff !important;
	}
	
	/** General >> Cookie Consent Popup Styling **/
	.seopress-user-consent {}
	
	#seopress-user-consent-accept, #seopress-user-consent-close {
		height: 40px !important;
		margin-top: 10px !important;
		line-height: 1.4 !important;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
	
	/** Cart/Checkout >> Cart - Style the tables **/
	.my-cart-style .woocommerce-cart-form__contents th {}
	
	.my-cart-style .woocommerce-cart-form__cart-item > td {
		border-top: 0px !important;
		height: 60px !important;
	}
	
	.my-cart-style .actions > [type="submit"] {
		margin-top: 30px !important;
	}
	
	.my-cart-style .product-thumbnail {
		display: None !important;
	}
	
	/** Cart/Checkout >> Cart - Fix width for coupon code text box **/
	.my-cart-style #coupon_code {
		width: 50% !important;
	}
	
	/** Cart/Checkout >> Cart - Style Update Cart Button **/
	.my-cart-style .actions > [type="submit"] {
		width: 100% !important;
	}
	
	/** Cart/Checkout >> Checkout - General styling **/
	.checkout-styles .woocommerce-checkout {
		margin-top: 0 !important;
	}
	
	.checkout-styles .woocommerce-info {
		margin-bottom: 0px !important;
	}
	
	#customer_details {
		margin-top: 0px !important;
	}
	
	/** Cart/Checkout >> Checkout - Style Billing/Customer Details Section **/
	#customer_details {}
	
	.woocommerce-billing-fields {
		padding: 20px !important;
	}
	
	.woocommerce-additional-fields {
		padding: 0px 20px 20px 20px !important;
	}
	
	#customer_details .woocommerce-shipping-fields {
		padding: 0px 20px 0px 20px !important;
	}
	
	/** Cart/Checkout >> Checkout - Style Product Table **/
	#order_review > .woocommerce-checkout-review-order-table {
		margin-top: 0 !important;
	}
	
	/** Cart/Checkout >> Checkout - Style credit card section **/
	.wc_payment_methods {
		padding: 10px 0 0 0 !important;
		margin-top: 40px !important;
	}
	
	.payment_box {
		margin-bottom: 0px !important;
	}
	
	#payment_method_square_credit_card {
		margin-left: 42px !important;
	}
	
	.place-order {
		padding: 20px !important;
	}
	
	/** Product pages >> Set max-height for product image **/
	img.df-product-image {
		width: 1000px !important;
		height: Auto !important;
		object-fit: cover !important;
	}
}
