/*-* CUSTOM STYLESHEET FOR PRODUCT PAGES *-*/
/*****************************************
* CORE
******************************************/
html { scroll-behavior: smooth; }
hr { border-color:#6fa634; }
main li + li { padding-top:.3em; }

/*****************************************
* TEXT
******************************************/
.important-text { font-size: 1.24em; line-height: 1.35; }
.text-left { text-align:left; }
.text-center { text-align:center; }
.text-right { text-align:right; }

.heading { font-weight:bold; }
.heading.h1 {
	font-size: 2.8rem;
	color: #00588e;
	line-height: 1.2;
	font-weight: bold;
	margin-top:1em;
	margin-bottom:1em;
}
.heading.h2 {
	font-size: 2.7rem;
	color: #004987;
	line-height:1.45;
	margin-bottom:.2em;
	text-transform:uppercase;
}
.heading.h3 {
	font-size: 2.5rem;
	color: #53575a;
	line-height: 1.3;
	letter-spacing: .02em;
	margin-top: 1em;
	margin-bottom: 1em;
}
.heading.h4 {
	font-size: 2rem;
	color: #53575a;
	line-height:1.45;
	margin-top: 1em;
	margin-bottom: 1em;
}
.heading.h5 {
	font-size: 1.5rem;
	color: #53575a;
	line-height:1.4;
	margin-top: 1em;
	margin-bottom: 1em;
}
.heading.h6 {
	font-size:1em;
	color: #53575a;
	line-height:1.45;
	font-weight:bold;
	margin-top: 1em;
	margin-bottom: 1em;
}
.heading:first-child { margin-top:0; }

.heading.block.back-lightGrey {
    padding: .2em 15px;
    margin: 1em -15px 0;
}

@media only screen and (max-width: 768px) {
	.sm-center { text-align:center; }
}
@media only screen and (max-width: 992px) {
	.md-center { text-align:center; }
}

/*-* TABLES *-*/
/*table { width:100%; } conflicts with old pages */
/*table thead th,*/
table th, table td { text-align: left; }

/*-* QUOTES *-*/
blockquote footer { font-style:italic; }
q::before { content: open-quote; }
q::after { content: close-quote; }

/*-* images *-*/
figure { text-align:center; }
.background-img { height: 100%; background-size: cover; background-position: center;}

/*-* callout quote box *-*/
.calloutQuote-box {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
  justify-content: center;
}
.calloutQuote-box .quote {
  margin: 0;
	padding-bottom: .5em;
	text-align: center;
	border-bottom: 1px solid #6fa634;
}
.calloutQuote-box q {
  font-size: 2.5rem;
}
.calloutQuote-box p {
  font-size: 2rem;
}

.link {
    color: #046fbf;
    text-decoration: none;
    border: 0;
    background: transparent;
    padding: initial;
}
.link:hover, .link:focus { color:#7C2B2D; text-decoration:none; }

/*****************************************
* POSITIONING
******************************************/
.relative { position:relative; }
.displayBlock { display:block !important; }
.displayInline { display:inline !important; }
.displayFlex { display:flex !important; }
.clearfix { clear:both; float:none; }
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.floatLeft {float:left;}
.floatRight {float:right;}
.row-center {
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.flex-centerAlign { align-items:center; }
.flex-justifyCenter { justify-content:center;}
@media only screen and (min-width: 768px) {
	.displayFlex-md { display:flex; }
	.img-right { float:right; }
}
@media only screen and (min-width: 992px) {
	.displayFlex-lg { display:flex; }
	.row-align { display:flex; flex-flow:row wrap; }
	.column-align { padding-bottom:1em; }
	.column-align:nth-child(even) { padding-left:30px; }
}

/*****************************************
* GRID / SPACE
******************************************/
.mx-auto { display:block; margin-left: auto; margin-right:auto; clear:both; float:none; }

.noMargin { margin:0 !important; }
.noMargin-top { margin-top:0 !important; }
.noMargin-bottom { margin-bottom:0 !important; }
.noPadding { padding:0 !important; }
.noPadding-top { padding-top:0 !important; }
.noPadding-bottom { padding-bottom:0 !important; }

.text-padding { padding-top:15px; padding-bottom:15px; }
.text-padding-top { padding-top:15px; }
.text-padding-bottom { padding-bottom:15px; }
.text-margin { margin-top:15px; margin-bottom:15px; }
.text-margin-top { margin-top:15px; }
.text-margin-bottom { margin-bottom:15px; }

.boxed-padding { padding-top:30px; padding-bottom:30px; }
.boxed-padding-top { padding-top:30px; }
.boxed-padding-bottom { padding-bottom:30px; }
.boxed-margin { margin-top:30px; margin-bottom:30px; }
.boxed-margin-top { margin-top:30px; }
.boxed-margin-bottom { margin-bottom:30px; }

.section-padding { padding-top:60px; padding-bottom:60px; }
.section-padding-top { padding-top:60px; }
.section-padding-bottom { padding-bottom:60px; }
.section-margin { margin-top:60px; margin-bottom:60px; }
.section-margin-top { margin-top:60px; }
.section-margin-bottom { margin-bottom:60px; }

main *[class^="col-xs"], main *[class^="col-sm"], main *[class^="col-md"], main *[class^="col-lg"], main *[class^="col-xl"],
.column { padding-left:15px;padding-right:15px; }
.col {
	display:flex;
	flex-flow:row wrap;
}

.col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5, .col-xl-2-5 {
	position: relative;
	min-height: 1px;
	padding-left: 5px;
	padding-right: 10px;
}
.col-xs-2-5 { float:left; width:20%; }

main img { max-width:100%; }
@media only screen and (max-width: 768px) {
	.col-xs-12 img {
		display: block;
		margin: auto;
	}
}
@media only screen and (min-width: 768px) {
	.col-sm-2-5 { float:left; width:20%; }
}
@media only screen and (min-width: 992px) {
	.column-widePad, main .column-widePad[class^="col-"] { padding-left:30px;padding-right:30px; }
	.col-md-2-5 { float:left; width:20%; }
	.hide-md-up {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		border: 0;
	}
}
@media only screen and (max-width: 992px) {
	.hide-md-down {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		border: 0;
	}
}

@media only screen and (min-width: 1200px) {
	.col-lg-2-5 { float:left; width:20%; }
}
@media only screen and (min-width: 400px) {
	.column-2, .column-3 { column-count:2; column-gap:1em; }
}
@media only screen and (min-width: 576px) {
	.column-3 { column-count:3; column-gap:1em; }
}

/*****************************************
* COLORS
******************************************/
.darkBackground, 
a.darkBackground, a .darkBackground, .darkBackground a, .darkBackground a:hover, .darkBackground a:focus, .darkBackground a:active,
.darkBackground .btn,
.darkBackground .heading, .darkBackground .h1.heading, .darkBackground .h2.heading, .darkBackground .h3.heading, .darkBackground .h4.heading, .darkBackground .h5.heading, .darkBackground .h6.heading,
.darkBackground h1, .darkBackground h2, .darkBackground h3, .darkBackground h4, .darkBackground h5, .darkBackground h6 {
	color: #ffffff; }

.back-white { background-color:#ffffff; }
.back-lightGrey { background-color:#f4f4f4 }
.back-lightBlue { background-color:#DEF6FF }
.back-lightGreen { background-color:#EFF6E9 }
.back-darkGrey { background-color:#4a4b4c; }
.back-green { background-color:#6fa634; color:#ffffff ; }
.back-pelicanBlue { background-color:#2FB2E6; color:#ffffff; }
.back-orange { background-color:#f16722; color:#ffffff; }
.back-darkBlue { background-color: #09244f; }

.grad-blue-up {
	background: #ffffff;
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(222,246,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(222,246,255,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(222,246,255,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(222,246,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(222,246,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(222,246,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#def6ff', GradientType=0 );
}
.grad-green-down {
	background: rgba(239,246,233,1);
	background: -moz-linear-gradient(top, rgba(239,246,233,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(239,246,233,1)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top, rgba(239,246,233,1) 0%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top, rgba(239,246,233,1) 0%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top, rgba(239,246,233,1) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(239,246,233,1) 0%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff6e9', endColorstr='#ffffff', GradientType=0 );
}

.noBorder { border-width:0px !important; border-color:transparent !important; }
.border-top { border-top: 1px solid #6fa634; }
.border-bottom { border-bottom: 1px solid #6fa634; }
.heading.border-bottom { padding-bottom: .4em; }
.heading.border-top { padding-top: .4em; }

.alternate-grey div { padding:.2em; }
.alternate-grey div:nth-child(2n) { background-color:#f4f4f4; }

.text-white { color:#ffffff; }
.text-darkBlue { color:#004987; }

/*****************************************
* THEME
******************************************/
/*-* styled list *-*/
ul.list-check, ul.list-doc, ul.list-water, ul.list-circleCheck { list-style: none; }
ul.list-check li, ul.list-doc li, ul.list-water li, ul.list-circleCheck li { list-style: none; margin-left:3px; }
ul.list-check li:before, ul.list-doc li:before, ul.list-water li:before, ul.list-circleCheck li:before {
	content: "";
	display: inline-block;
	height: 1em;
	width: 1em;
	background-repeat: no-repeat;
	margin: 0 4px 0 -18px;
	color: #0069D3;
	font-weight: bold;
	vertical-align: text-top;
	position:relative;
	top:1px;
}
ul.list-check li:before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath style='fill:%232FB2E6' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
}
ul.list-doc li:before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath style='fill:%23f16722' d='M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm64 236c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12v8zm0-64c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12v8zm0-72v8c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm96-114.1v6.1H256V0h6.1c6.4 0 12.5 2.5 17 7l97.9 98c4.5 4.5 7 10.6 7 16.9z'/%3E%3C/svg%3E");
}
ul.list-water li:before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 352 512'%3E%3Cpath style='fill:%23004987' d='M205.22 22.09c-7.94-28.78-49.44-30.12-58.44 0C100.01 179.85 0 222.72 0 333.91 0 432.35 78.72 512 176 512s176-79.65 176-178.09c0-111.75-99.79-153.34-146.78-311.82zM176 448c-61.75 0-112-50.25-112-112 0-8.84 7.16-16 16-16s16 7.16 16 16c0 44.11 35.89 80 80 80 8.84 0 16 7.16 16 16s-7.16 16-16 16z'/%3E%3C/svg%3E");
}
ul.list-circleCheck li:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath style='fill:%236fa634' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'/%3E%3C/svg%3E");
}

ol.list-number, ol.list-number ol { list-style: none; counter-reset: li; }
ol.list-number li { counter-increment: li; }
ol.list-number li:before {
	content: counter(li);
	color: #f16722;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1.5em;
	margin-right: 0.5em;
	text-align: right;
	direction: rtl;
}

.list-nostyle { list-style:none; padding-left:0; }
.list-inline li { display:inline; }
.list-inline li + li { padding-left:1em; }
.list-flushAlign { padding-left: 15px; }
ul.important-text li { padding-bottom:.2em; }

/*-* TABLES *-*/
.tab-activeRegion table tbody tr *:first-child { text-align: left; }

.table-alternate table { margin-bottom:2em; }
.table-alternate table thead { background-color:#2FB2E6; color:#ffffff; }
.table-alternate thead th { font-size: 1.14em; border-bottom: 1px solid #6fa634; }
.table-alternate tr:nth-child(odd) { background-color: rgba(14,14,14,.05); }
.table-alternate td, .table-alternate th { padding: .4em 1em; }
.table-alternate td h4 { margin: 0; }

.table-white-2n tr *:nth-child(2n) { color:white; }

.table-data-center tr th, .table-data-center tr td { text-align:center; }
.table-data-center tr th:first-child, .table-data-center tr td:first-child { text-align:left; }

/*-* EMBED *-*/
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* font awesome replacement */
.fas {
	height: 1em;
    width: 1em;
    display: inline-block;
}
.fas.fa-check { background-image:url(/web/20210928021333im_/https://www.pelicanwater.com/images/icon-check-pelicanBlue.svg); }
.fas.fa-check-white { background-image:url(/web/20210928021333im_/https://www.pelicanwater.com/images/icon-check-white.svg); }
.ico-arrow-right-blue {
	display: inline-block;
    vertical-align: middle;
    background: url(/web/20210928021333im_/https://www.pelicanwater.com/images/ico-arrow-right-blue.png) no-repeat 0 0;
    width: 17px;
    height: 16px;
}

/*******************************************
* product page
********************************************/
.panes {margin:auto;}

/*-* product page top section (buy button) *-*/
.product-add-action {
	display: flex;
	justify-content: center;
	flex-wrap:wrap;
}

/*******************************************
* FreshPoint filter pages
********************************************/
/* cartridge section with wave background */
#prod-cartridges .back-wave {
	display: flex;
    background-image: url(/web/20210928021333im_/https://www.pelicanwater.com/images/back-wave-blue.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding-bottom: 1em;
}
#prod-cartridges .back-wave .heading {
	margin: .3em 0 0;
	min-height:3em;
}
#prod-cartridges .back-wave p { margin: 0; }
#prod-cartridges .border {
    width: 100%;
    height: 3px;
    background-color: #004987;
    position: absolute;
    top: 133px;
    z-index: 0;
}

.periodic {
	display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    text-align: center;
}
.periodic .element {
    display: flex;
    flex-flow: row wrap;
    margin: 1px 0;
    background-color: #2FB2E6;
    border-radius: 10px;
    justify-content: center;
}
.periodic .element div {
    display: flex;
    align-items: center;
	padding: 1em 15px;
	max-height:4em;
	min-width: 210px;
	color: white;
}
.element .icon {
	vertical-align:bottom;
	float: left;
}
.periodic .important-text {
	display: block;
	padding:0 .25em;
}

.section-contaminates .con-box {
	padding: 2px 0;
}
.section-contaminates .contaminate {
	margin: 0 1px;
	padding: 5px;
	border-radius: 30px 5px 5px 30px;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.1;
	letter-spacing: .04em;
	display: flex;
	align-items: center;
}
.section-contaminates .contaminate, .section-contaminates .color.back-pelicanBlue { background-color:rgba(47,178,230,.6);}
.section-contaminates .contaminate.back-green, .section-contaminates .color.back-green { background-color:rgba(111,166,52,.6); color:#333; }
.section-contaminates .contaminate.back-darkBlue, .section-contaminates .color.back-darkBlue { background-color:rgba(0,73,135,.3); color:#333; }
.section-contaminates .contaminate.back-orange, .section-contaminates .color.back-orange { background-color:rgba(241,103,34,.5); color:#333; }
.section-contaminates .contaminate.back-white, .section-contaminates .color.back-white { background-color:#f8f8f8; color:#333; border:1px solid #d0d0d0; }

.section-contaminates .icon {
	width: 40px;
	height: 36px;
	display: inline-flex;
	border-radius: 20px;
	margin-right: .5rem;
	justify-content: center;
	align-items: center;
}

.section-contaminates .key {
	font-weight:bold;
	padding:.3em 5px;
}
.section-contaminates .key p {
	margin:0;
}
.section-contaminates .key .color {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	margin-bottom: -6px;
}

/*******************************************
* form styles
********************************************/
.form-control {
	color: #555;
	padding-top:.5em;
	padding-bottom:.5em;
	background-color: #fff;
	border: 1px solid #ccc;
}
.check-box, .radio-box {
	padding: .3em .5em;
	vertical-align: middle;
	cursor: pointer;
}
.check-box input[type=checkbox], .radio-box input[type=radio] {
	margin-right: 4px;
}

/*******************************************
* Join The List form
* used on product pre-launch pages
********************************************/
.required { color:#ff0000; }
#joinList fieldset {
    border: 0 transparent;
    margin: 0;
    padding: 0;
}
#joinList label, #joinList legend {
	display: inline-block;
	max-width: 100%;
	font-weight:bold;
    padding-top: .8em;
    padding-bottom: .5em;
}
#joinList input[type="text"], #joinList input[type="submit"] {
	width: 100%;
	height: 44px;
	padding: .5em;
}
#joinList input[type="text"] {
	border-radius: 0;
	border: 1px solid #dddddd;
}
#joinList .check-box {
    padding: .3em .5em;
}

/* out of stock button */
a.outofstock {
	border: 1px solid #53575a;
	border-radius: 3px;
	padding: .25em .5em;
	color: #53575a;
	background-color:#e9e9e9;
}
a.outofstock:hover, a.outofstock:focus, a.outofstock:active {
	text-decoration:none; 
	background-color:#ffffff;
}

@media only screen and (max-width: 576px) {
	#joinList.container { padding:0; }
	#joinList form { padding-left:0; padding-right:0; }
	#joinList .col-xs-8.section.email, #joinList .col-xs-4.caption, #joinList .col-xs-8.field, #joinList .col-xs-4.section.submit { width:100%; }
	#joinList label, #joinList legend { font-size:1.2em; }
}
@media only screen and (max-width: 768px) {
	#joinList .image img {
		height: 150px;
		padding-bottom: 1em;
	}
}
@media only screen and (min-width: 576px) {
	#joinList label, #joinList legend { padding-right:0; }
	#joinList .section.email { padding-right:0; }
	#joinList .section.submit { padding-left:0; }
}


/*
     FILE ARCHIVED ON 02:13:33 Sep 28, 2021 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:54:44 Jun 13, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 314.936
  exclusion.robots: 0.065
  exclusion.robots.policy: 0.057
  cdx.remote: 0.049
  esindex: 0.007
  LoadShardBlock: 102.263 (3)
  PetaboxLoader3.datanode: 86.514 (4)
  load_resource: 70.381
  PetaboxLoader3.resolve: 39.354
*/