@import url("reset.css");

/* ------ HTML5 Display Definitions ------ */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* ------ Global ------ */

html {
	background: #FBFFF2;
	color: #2E2C2C;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
}

body {
	background: #fff;
	width: 100%;
}

#skip {
	left: -100%;
	position: fixed;
	top: -100%;
}

#skip:focus {
	background: #fff;
	display: block;
	left: 0px;
	position: fixed;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	top: 0px;
	width: 100%;
	z-index: 9999;
}

#bar {
    background: #EAEAEA;
    padding: 5px 0;
    width: 100%;
}

#hhsc {
    background: url('../images/logo-hhsc.png') no-repeat top left;
    background-size: cover;
    display: block;
    float: left;
    height: 50px;
    text-indent: -9999em;
    width: 178.57px;
}

#bar p {
    font-family: PrioriSansOT-Bold, Arial, sans-serif;
    font-size: 20px;
    float: right;
    line-height: 18px;
    padding-top: 16px;
}

#bar p a {
    color: #2E2C2C;
    text-decoration: none;
}

#bar p a:hover, #bar p a:focus {
    text-decoration: underline;
}

#mobile-utility {
    display: none;
}

header {
	margin: 0 auto;
	width: 100%;
}

header #content {
    margin: 0 auto;
    width: 940px;
}

header h1 {
	display: block;
	float: left;
    margin: 32px 0 0 0;
}

header h1 a {
    color: #1D2F2E;
    font-family: PrioriSansOT-Bold, Arial, sans-serif;
    font-size: 32px;
    line-height: 24px;
    letter-spacing: 1.37px;
    text-decoration: none;
}

header h1 a .wic {
    color: #238386;
    font-size: 18px;
    letter-spacing: 0px;
}

header #utility {
	float: right;
    padding-bottom: 15px;
}

header #language {
	height: 16px;
	margin: 17px 0 4px 0;
	text-align: right;
}

header #language a {
	color: #000;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.91px;
	text-decoration: none;
	text-transform: uppercase;
}

header #language a:hover, header #language a:focus {
	text-decoration: underline;
}

header #mobile-menu {
	background: url('../images/bg-mobile-menu.png') no-repeat top left;
	display: none;
	height: 25px;
	text-indent: -9999em;
	width: 28px;
}

header #form-search {
    border-left: 1px solid #979797;
	padding: 10px 0 10px 13px;
}

header #form-search label {
	color: #1C1C1C;
	display: block;
	float: left;
	font-size: 11px;
	letter-spacing: 1px;
	padding: 7px 10px 0 0;
}

header #form-search input {
	border-top: 1px solid #979797;
	border-bottom: 1px solid #979797;
	border-right: none;
	border-left: 1px solid #979797;
	color: #1C1C1C;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 24px;
	letter-spacing: 1px;
	padding: 0 10px 0 10px;
	width: 168px;
}

header #form-search input:focus {
	border-top: 1px solid #238386;
	border-bottom: 1px solid #238386;
	border-right: none;
	border-left: 1px solid #238386;
	outline: none;
}

header #form-search button {
	background: url('../images/icon-search.png') no-repeat top left;
	border: none;
	cursor: pointer;
	display: block;
	float: left;
	height: 26px;
	margin-top: 0px;
	text-indent: -9999em;
	width: 32px;
}

header #form-search button:hover, header #form-search button:focus {
	background-position: bottom left;
}

header #mobile-search {
	display: none;
}

#nav {
	background: #fff;
	border-top: 1px solid #979797;
	border-bottom: 1px solid #979797;
	width: 100%;
}

.breadcrumb #nav {
	border-bottom: 1px solid #979797;
}

.sticky #nav {
	border-bottom: 1px solid #979797;
	left: 0px;
	position: fixed;
	top: -1px;
	z-index: 8000;
}

#nav ul {
	display: block;
	margin: 0 auto;
    text-align: center;
	width: 940px;
}

#nav li {
	display: inline-block;
	padding: 21px 0;
}

#nav li a {
	border-right: 1px solid #979797;
	color: #1D2F2E;
	display: block;
	font-family: PrioriSansOT-Bold;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 0.6px;
	padding: 0 17px;
	text-decoration: none;
	text-transform: uppercase;
}

.es #nav li a {
    font-size: 13px;
    padding: 0 11px;
}

#nav li a.active {
	color: #238386;
}

#nav li:last-child a {
	border-right: none;
}

#nav li a:hover, #nav li a:focus {
	color: #238386;
}

#breadcrumb {
	display: none;
}

.breadcrumb #breadcrumb {
	color: #6C6F6F;
	display: block;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.5px;
	margin: 0 auto;
	padding: 19px 0;
	width: 918px;
}

#breadcrumb a {
	color: #6C6F6F;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.5px;
	text-decoration: underline;
}

#breadcrumb a:hover, #breadcrumb a:focus {
	color: #238386;
}

#breadcrumb .active {
	color: #6C6F6F;
    text-decoration: none
}

#breadcrumb p em {
	font-style: italic;
}

#wrapper {
	width: 100%;
}

#wrapper #focus {
	display: none;
}

#wrapper #focus:focus {
	display: block;
	height: 0px;
	overflow: hidden;
}

.banner {
	margin: 0 auto;
	max-width: 1920px;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 100%;
}

.banner.tertiary {
	height: 373px;
}

.banner img {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
}

.banner img.mobile {
	display: none;
}

.banner.tertiary img {
	height: 373px;
	left: 373px;
	margin: 0;
	position: absolute;
	width: 1044px;
}

.box {
	background: url('../images/bg-box.png') repeat top left;
	border: 1px solid #fff;
	left: 50%;
	margin-left: -472px;
	padding: 18px;
	position: absolute;
	text-align: center;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	top: 50%;
	width: 434px;
	z-index: 2;
}

.tertiary .box {
	background: #F5F9F9;
	border: none;
	height: 373px;
	padding: 0;
	left: 0%;
	margin-left: 0;
	top: 0%;
	transform: translateY(0%);
	-moz-transform: translateY(0%);
	-webkit-transform: translateY(0%);
	width: 380px;
}

.box.small {
	text-align: left;
	width: 334px;
}

.box .inner {
	background: #fff;
	padding: 33px 42px 57px 42px;
}

.tertiary .box .inner {
	background: #F5F9F9;
	padding: 0 15px;
	position: relative;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	top: 50%;
	width: 350px;
}

.box.small .inner {
	background: url('../images/bg-box-small.png') repeat top left;
	padding: 33px 22px 25px 38px;
}

.box h2 {
	background: url('../images/icon-stars.png') no-repeat center top;
	color: #3D3D3D;
	font-family: PrioriSansOT-Bold, Arial, sans-serif;
	font-size: 40px;
	line-height: 35px;
	letter-spacing: 2px;
	padding-top: 29px;
	text-transform: uppercase;
}

.box.small h2, .box.small h3, .box.small h4, .box.small h5 {
	background: none;
	color: #3F3F3F;
	font-family: PopulaireLight;
	font-size: 60px;
	line-height: 54px;
	padding: 0;
}

.box h2 .intro {
	font-size: 20px;
	line-height: 35px;
}

.box h2 em {
	font-style: italic;
}

.box p {
	background: url('../images/misc-pink-line-short.png') no-repeat center top;
	color: #3F3F3F;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 23px;
	margin-top: 14px;
	padding-top: 27px;
}

.box .help {
    color: #2E2C2C;
    font-family: PrioriSansOT-Bold, Arial, sans-serif;
    font-size: 20px;
    line-height: 21px;
    margin-top: 29px;
}

.box .help a {
    color: #2E2C2C;
    text-decoration: none;
}

.box .help a:hover, .box .help a:focus {
    text-decoration: underline;
}

.two .box p {
	font-size: 15px;
	line-height: 23px;
}

.tertiary .box p {
	padding: 27px 36px 0 36px;
}

.box.small p {
	background: none;
	letter-spacing: 1.08px;
	line-height: 20px;
	margin-top: 23px;
	padding-top: 0;
}

.box .button {
	margin-top: 35px;
}

.button {
	background: #238386;
	border-radius: 88px;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0.73px;
    line-height: 16px;
	min-width: 117px;
	padding: 21px 33px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.button:hover, .button:focus {
	background: #CA3584;
	color: #fff;
}

.button.outline {
	background: none;
	border: 2px solid #238386;
    color: #238386;
	padding: 15px 17px;
}

.button.outline:hover, .button.outline:focus {
	background: #CA3584;
	border: 2px solid #CA3584;
	color: #fff;
}

.button.outline.pink {
	background: none;
	border: 2px solid #CA3584;
    color: #000;
	padding: 15px 17px;
}

.button.outline:hover, .button.outline:focus {
	background: #CA3584;
	border: 2px solid #CA3584;
	color: #fff;
}

.headline {
	background: url('../images/bg-headline-line.png') no-repeat 0px 53px;
	margin: 25px auto 0 auto;
	text-align: center;
	width: 940px;
}

.row .headline {
	margin: 0 auto 56px auto;
}

.headline h3 {
	background: #fff url('../images/icon-stars.png') no-repeat center top;
	display: inline-block;
	font-family: PopulaireLight;
	font-size: 60px;
	letter-spacing: 2.4px;
	line-height: 65px;
	padding: 25px 36px 0 36px;
	text-transform: uppercase;
}

.headline p {
	font-family: Arial, sans-serif;
	font-size: 14px;
	letter-spacing: 0.92px;
	line-height: 22px;
	margin: 19px auto 0 auto;
	width: 780px;
}

.two .headline p {
	font-size: 14px;
	line-height: 22px;
}

.headline p a {
	color: #238386;
    font-weight: bold;
	text-decoration: underline;
}

.headline p a:hover, .headline p a:focus {
	color: #D23789;
}

.headline div.video {
	height: 0px;
	margin: 24px auto 0 auto;
	position: relative;
	padding-bottom: 47.83%; /* 16:9 */
	width: 85.11%;
}

.headline div.video iframe {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.featured-row {
	margin: 37px 0 63px 0;
	width: 100%;
}

.featured-tiles {
	margin: 0 auto;
	width: 960px;
}

.featured-tile {
    display: block;
	float: left;
	margin: 0 10px;
    text-decoration: none;
	width: 300px;
}

.featured-tile img {
	display: block;
	width: 100%;
}

.featured-tile h4 {
	color: #238386;
	font-family: PrioriSansOT-Bold, Arial, sans-serif;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: 0.6px;
	margin-top: 25px;
	text-transform: uppercase;
}

.featured-tile:hover h4, .featured-tile:focus h4 {
    text-decoration: underline;
}

.featured-tile p {
	color: #151515;
	font-size: 14px;
	letter-spacing: 1.17px;
	line-height: 20px;
}

.featured-tile a {
	color: #2E7674;
	display: inline-block;
	font-family: PrioriSansOT-Bold, Arial, sans-serif;
	font-size: 16px;
	letter-spacing: 1.75px;
	line-height: 22px;
	margin-top: 25px;
	text-decoration: none;
	text-transform: uppercase;
}

.featured-tile a:hover, .featured-tile a:focus {
	color: #D23789;
}

.row {
	background: none;
	margin-top: 56px;
	padding: 0;
	width: 100%;
}

.row.border {
	background: url('../images/misc-pink-line.png') no-repeat center top;
	margin-top: 41px;
	padding-top: 39px;
	width: 100%;
}

.row .tiles {
	margin: 0 auto;
	width: 960px;
}

.row .tile {
	color: #213434;
	display: block;
	float: left;
	margin: 0 10px;
	text-decoration: none;
	text-align: center;
	width: 300px;
}

.row .related .tile {
	text-align: left;
}

.row .tile img {
	display: block;
	width: 100%;
}

.row .tile h4 {
	color: #000;
	font-family: PopulaireLight;
	font-size: 34px;
	line-height: 36px;
	letter-spacing: 1.78px;
	margin-top: 11px;
}

.row .tile:hover h4, .row .tile:focus h4 {
	color: #238386;
}

.row .tile h4 em {
	font-style: italic;
}

.row .tile p {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.64px;
	margin-top: 10px;
}

.callout {
	background: #fff;
	border: 1px dashed #979797;
	padding: 20px;
	text-align: center;
	width: 416px;
}

.callout .inner {
	background: #F5F5F5;
	padding: 52px 30px 68px 30px;
}

.callout h4 {
	background: url('../images/misc-heart-bow.png') no-repeat center top;
	color: #3F3F3F;
	font-family: PopulaireLight;
	font-size: 69px;
	height: 94px;
	padding-top: 33px;
	text-transform: uppercase;
}

.es .callout h4 {
	font-size: 63px;
}

.callout p {
	color: #272222;
	font-family: PrioriSansOT-Bold, Arial, sans-serif;
	font-size: 17px;
	letter-spacing: 0.94px;
	line-height: 24px;
	margin: 0 auto;
	padding-top: 17px;
	text-transform: uppercase;
	width: 334px;
}

.content {
	margin: 0 auto;
	width: 940px;
}

.content.margin {
	padding-top: 22px;
}

.content.hidden {
	display: none;
}

.content.wide {
	width: 990px;
}

.content .text {
	float: left;
	margin-top: 7px;
	width: 375px;
}

.content .text.half {
	float: left;
	width: 47.5%;
}

.content .text.half:first-of-type {
	margin-right: 5%;
}

.content.wide .text {
	float: left;
	margin: 2px 0 0 40px;
	width: 346px;
}

.content.swap .text {
	float: right;
}

.content .text.long {
	width: 541px;
}

.content.wide .text.long {
	margin-left: 29px;
}

.content .text.full {
	float: none;
	width: 100%;
}

.content.wide .text.full {
	margin: 0 0 0 26px;
	width: auto;
}

.content .details .text {
	margin-top: -17px;
	float: none;
	width: 100%;
}

.content .text h3, .content .text h4 {
	font-family: PrioriSansOT-Bold, Arial, sans-serif;
	font-size: 24px;
	letter-spacing: 1.69px;
	line-height: 23px;
	margin-top: 41px;
	text-transform: uppercase;
}

.page-your-rights-and-the-law-new .content .text h4 {
	text-transform: none;
}

.content .text h3 {
	margin-top: 22px;
}

.content .text h3.no-margin, .content .text h4.no-margin {
	margin-top: 22px;
}

.content .text h3.margin {
	margin-top: 50px;
}

.content .text h4.line {
	background: url('../images/misc-highlight.png') no-repeat top left;
	margin-top: 30px;
	padding-top: 40px;
}

.content .text h4.border {
	background: url('../images/misc-pink-line.png') no-repeat center top;
	margin-top: 20px;
	padding-top: 40px;
}

.content .text h4.margin {
	font-size: 19px;
	margin-top: 30px;
}

.content .text h5 {
	font-family: PrioriSansOT-Bold, Arial, sans-serif;
	font-size: 22px;
	letter-spacing: 1.69px;
	line-height: 24px;
	margin-top: 25px;
	text-transform: uppercase;
}

.content .text h5.margin {
	margin-top: 45px;
}

.content .text h2 a, .content .text h3 a, .content .text h4 a, .content .text h5 a {
	font-family: PrioriSansOT-Bold, Arial, sans-serif;
	font-weight: normal;
}

.content .text h2, .content .text h3, .content .text h4, .content .text h5 {
	text-transform: none;
}

.content .text p {
	font-family: Arial, sans-serif;
	font-size: 14px;
	letter-spacing: 0.92px;
	line-height: 22px;
	margin-top: 19px;
}

.two .content .text p {
	font-size: 14px;
	line-height: 22px;
}

.content .text p.margin {
	margin-top: 30px;
}

.content .text p.margin.video {
	margin-top: 32px;
}

.content .text p.no-margin {
	margin-top: 5px;
}

.content .text p.border {
    border-top: 1px dashed #979797;
    padding-top: 18px;
}

.content .text p.border.bottom {
    border-bottom: 1px dashed #979797;
    padding-bottom: 20px;
}

.content .text p sup {
	font-size: .75em;
	vertical-align: super;
}

.content .text ul, .content .text ol {
	/*border-bottom: 1px dashed #979797;*/
	padding-top: 7px;
	padding-bottom: 14px;
}

.content .text ul.no-margin li, .content .text ol.no-margin li {
	padding-top: 0;
}

.content.wide .text ul {
	border: none;
}

.content .text ul.letters li, .content .text ol.letters li {
	list-style-type: upper-alpha;
}

.content .text ul li {
	background: url('../images/icon-circle.png') no-repeat 0px 17px;
	border-top: 1px dashed #979797;
	font-family: Arial, sans-serif;
	font-size: 14px;
	letter-spacing: 0.92px;
	line-height: 22px;
	margin-top: 17px;
	padding: 14px 0 0 26px;
}

.content .text ul.no-margin li:first-child, .content .text ol.no-margin li:first-child {
	margin-top: 5px;
}

.page-what-to-ask-your-doctors.two .content .text ul li {
	font-size: 14px;
	line-height: 22px;
}

.content.wide .text ul li, .content .text ul.no-border li {
	background: url('../images/icon-circle-small.png') no-repeat 0px 17px;
	border: none;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 22px;
	margin-top: 5px;
	padding-top: 12px;
}

.content .text ul.checklist li {
	background: url('../images/icon-check.png') no-repeat 0px 17px;
	padding: 17px 0 0 30px;
	text-align: left;
}

.content .text ul li ul, .content .text ol li ul {
	border-bottom: none;
	padding: 9px 0 7px 0;
}

.content .text ul li ul li {
	background-position: 0px 10px;
	margin-top: 7px;
	padding-top: 7px;
}

.content .text ul.checklist li ul li {
	background: url('../images/icon-circle.png') no-repeat 0px 5px;
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}

.content .text ul.audio li audio {
	display: none;
}

.content .text ol {
	border-bottom: 1px dashed #979797;
	padding-bottom: 14px;
}

.content .text ol.no-border, .content.wide .text ol {
	border: none;
}

.page-building-a-freezer-supply-of-breastmilk .content.wide .text ul, .page-building-a-freezer-supply-of-breastmilk .content.wide .text ol {
	padding-left: 5%;
}

.page-how-to-store-breastmilk .content.wide .text ul, .page-how-to-store-breastmilk .content.wide .text ol {
	padding-left: 5%;
}

.content .text ol li {
	border-top: 1px dashed #979797;
	font-family: Arial, sans-serif;
	font-size: 14px;
	letter-spacing: 0.92px;
	line-height: 22px;
	list-style-position: inside;
	list-style-type: decimal;
	margin-top: 17px;
	padding: 14px 0 0 0;
}

.content.wide .text ol li, .content .text ol.no-border li {
	border: none;
    margin-top: 5px;
    padding-top: 12px;
}

.content .text ol.indent, .content .text ul.indent {
	padding-left: 30px;
	/*width: 780px;*/
}

.content .text ol.indent2, .content .text ul.indent2 {
	padding-left: 30px;
	width: 780px;
}

.content .text ol.indent li, .content .text ul.indent li {
	list-style-position: outside;
}

.content .text ol li ul.no-border.no-bullet li {
	background: none;
}

.content .text a {
	color: #238386;
    font-weight: bold;
	text-decoration: underline;
}

.content .text a:hover, .content .text a:focus {
	color: #CA3584;
}

.content .text .thumb {
	border: 2px solid #238386;
	box-shadow: 6px 7px 5px 0px rgba(0,0,0,0.21);
	-webkit-box-shadow: 6px 7px 5px 0px rgba(0,0,0,0.21);
	-moz-box-shadow: 6px 7px 5px 0px rgba(0,0,0,0.21);
	cursor: pointer;
	display: block;
	float: left;
	margin: 0 30px 0 0;
	width: 100px;
}

.content .text .thumb:hover, .content .text .thumb:focus {
	border-color: #CA3584;
}

.content .text .thumb img {
	cursor: pointer;
	display: block;
	width: 100%;
}

.content .text .button {
	text-decoration: none;
}

.content .text .button:hover, .content .text .button:focus {
	color: #fff;
}

.content .text em, .content .text i {
	font-style: italic;
}

.content .text .chart {
	margin-top: 30px;
	width: 100%;
}

.content .text .chart .chart-row {
	border-top: 1px dashed #213434;
}

.content .text .chart .chart-row.first {
	border: none;
	margin-top: 15px;
}

.content .text .chart h4 {
	background: #F5F9F9;
	font-size: 22px;
	line-height: 24px;
	margin-top: 15px;
	padding: 20px 15px 15px 15px;
}

.content .text .chart h5 {
	float: left;
	margin: 0;
	padding: 10px 0;
	width: 28%;
}

.content .text .chart p {
	float: right;
	margin: 0;
	padding: 8px 0 8px 1%;
	width: 71%;
}

.content .text img.wrap {
	float: right;
	margin: 25px 0 25px 41px;
	width: 375px;
}

.content .text img.half {
	display: block;
	margin: 19px auto 0 auto;
	width: 60%;
}

.content .text div.indent {
	padding-left: 30px;
}

.content .highlight {
	background: url('../images/misc-highlight.png') no-repeat top left, url('../images/misc-highlight.png') no-repeat bottom left;
	color: #565656;
	font-size: 34px;
	font-family: PrioriSansOT-Regular, Arial;
	line-height: 34px;
	margin-top: 35px;
	padding: 23px 20px 23px 0px;
}

.content .spotlight {
	background: #fff;
	border: 1px dashed #e46796;
	margin-top: 40px;
	width: 100%;
}

.content .spotlight .inner {
    background: #EFF6F6;
    margin: 19px;
    padding: 0px 70px 47px 70px;
}

.content .spotlight.left .inner, .content .spotlight.right .inner {
    background: #EFF6F6;
    margin: 19px;
    padding: 0px 43px 42px 43px;
}

.content .spotlight.left {
	float: left;
    margin-top: 25px;
	width: 460px;
}

.content .spotlight.right {
	float: right;
    margin-top: 25px;
	width: 460px;
}

.content .spotlight h3 {
	display: block;
	font-family: PrioriSansOT-Bold, Arial, sans-serif;
	font-size: 23px;
	letter-spacing: 1.69px;
	line-height: 25px;
	padding: 50px 0 0 0;
	text-align: center;
	text-transform: uppercase;
}

.content .spotlight h4 {
    background: url('../images/misc-highlight-pink.png') no-repeat bottom center;
    color: #000;
	display: block;
	font-family: PopulaireLight;
	font-size: 40px;
	letter-spacing: 0px;
	line-height: 54px;
	padding: 44px 0 10px 0;
	text-align: center;
	text-transform: uppercase;
}

.content .spotlight.left h4, .content .spotlight.right h4 {
    padding-top: 35px;
}

.content .spotlight p {
    color: #000;
	display: block;
	font-family: Arial, sans-serif;
	font-size: 14px;
	letter-spacing: 0.88px;
	line-height: 24px;
	padding: 12px 0 0 0;
    text-align: center;
}

.content .spotlight .center p {
	text-align: left;
}

.content .spotlight p.margin {
	margin-top: 25px;
}

.content .spotlight.full p {
	float: none;
	margin: 0 auto;
	padding-top: 15px;
	text-align: center;
	width: 480px;
}

.content .spotlight a {
	color: #1b6c6f;
	font-weight: bold;
	text-decoration: underline;
}

.content .spotlight a:hover, .content .spotlight a:focus {
	color: #CA3584;
}

.content .spotlight .center {
	margin: 0 auto;
	text-align: left;
	width: 72.5%;
}

.content .spotlight ul {
    color: #000;
	display: block;
	font-family: Arial, sans-serif;
	font-size: 14px;
	letter-spacing: 0.88px;
	line-height: 24px;
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 16px;
}

.content .spotlight li {
	padding-top: 12px;
}

.content .spotlight .image {
	display: block;
	float: left;
	margin: 36px 30px 0 0;
	text-align: right;
	width: 221px;
}

.content .spotlight .image img {
	display: inline;
}

.content .spotlight .copy {
    padding-top: 24px;
}

.content .spotlight .copy p {
    text-align: left;
}

.content table {
	margin-top: 43px;
	table-layout: fixed;
	width: 100%;
}

.content table.no-margin {
	margin-top: 21px;
}

.content table.auto {
	table-layout: auto;
}

.content table tr {
	background: #DFEDED;
	width: 100%;
}

.content table tr:nth-child(even) {
	background: #F5F9F9;
}

.content table th, .content table td {
	padding: 32px 28px;
	text-align: left;
}

.content table th.center, .content table td.center {
	text-align: center;
}

.content table th[scope=col] {
	background: #008E8B;
	color: #fff;
	font-family: PrioriSansOT-Bold, Arial, sans-serif;
	font-size: 20px;
	letter-spacing: 1.38px;
	line-height: 22px;
	text-transform: uppercase;
}

.content table th[scope=row] {
	color: #2E2C2C;
	font-family: PrioriSansOT-Bold, Arial, sans-serif;
	font-size: 18px;
	letter-spacing: 1.07px;
	line-height: 22px;
}

.content table td, .content table th[scope=row].normal {
	color: #2E2C2C;
	font-family: Arial, sans-serif;
	font-size: 14px;
	letter-spacing: 0.92px;
	line-height: 22px;
	text-transform: none;
}

.content table td img {
	vertical-align: middle;
}

.content table a, .content .text table a {
	color: #238386;
	font-weight: bold;
}

.content aside {
	float: right;
	margin-top: 21px;
	width: 541px;
}

.content.swap aside {
	float: left;
}

.content aside.short {
	width: 375px;
}

.content.wide aside.short {
	margin-right: 22px;
}

.content aside.micro {
	width: 200px;
}

.content aside.padding {
	padding-top: 25px;
}

.content aside img {
	display: block;
	margin-top: 9px;
	width: 100%;
}

.content aside img.margin {
	margin-top: 25px;
}

.content aside img.card {
	border: 3px solid #000;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.4);
	padding: 3%;
	width: 94%;
}

.content div.video, aside div.video {
	height: 0px;
	margin-top: 24px;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	width: 100%;
}

.content aside div.video {
	height: 0px;
	margin-top: 12px;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	width: 100%;
}

.content div.video.hidden, aside div.video.hidden {
	display: none;
}

.content div.video iframe, aside div.video iframe {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.content aside video {
	width: 100%;
}

.content aside p.caption {
	font-style: italic;
	font-size: 14px;
	letter-spacing: 0.92px;
	line-height: 22px;
	margin-top: 10px;
}

.content #latch {
	width: 100%;
}

.content #latch .details {
	padding-top: 28px;
	width: 100%;
}

.content #latch img {
	display: block;
	float: left;
	width: 540px;
}

.content #latch p {
	display: block;
	float: right;
	font-family: Arial, sans-serif;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 22px;
	width: 385px;
}

.stripe {
	background: #DFEDED;
	display: block;
	margin-top: 49px;
	padding: 30px 0;
	text-decoration: none;
	width: 100%;
}

a.stripe {
    cursor: pointer;
}

.stripe.fixed {
    margin: 49px auto 0 auto;
    padding-left: 20px;
    width: 920px;
}

.stripe h3, .stripe h4, .stripe h5 {
	color: #2E2C2C;
	font-family: PrioriSansOT-Bold, Arial, sans-serif;
	font-size: 24px;
	letter-spacing: 1.69px;
	line-height: 28px;
	margin: 0 auto;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	width: 940px;
}

.two .stripe h3 {
	font-size: 24px;
}

.stripe.wide h3 {
	width: 990px;
}

.stripe h3.center {
	text-align: center;
}

a.stripe h3 {
	background: url('../images/icon-expand.png') no-repeat top left;
	min-height: 20px;
	padding: 4px 0 0 40px;
	width: 900px;
}

a.stripe.active h3 {
	background: url('../images/icon-collapse.png') no-repeat top left;
}

a.stripe:hover h3 {
	text-decoration: underline;
}

.divider {
	background: url('../images/misc-pink-line.png') no-repeat center top;
	height: 8px;
	margin: 50px 0 25px 0;
	width: 100%;
}

.divider.grey {
	background: url('../images/misc-grey-line.png') no-repeat center top;
}

.tip {
	float: left;
	margin-top: 41px;
	padding: 0 17px;
	text-align: center;
	width: 277px;
}

.tip h4 {
	color: #000;
	font-family: PopulaireLight;
	font-size: 30px;
	letter-spacing: 1.56px;
	line-height: 32px;
	margin-top: 27px;
	text-align: left;
	text-transform: uppercase;
}

.tip p {
	color: #2E2C2C;
	font-size: 14px;
	letter-spacing: 0.92px;
	line-height: 22px;
	margin-top: 17px;
	text-align: left;
}

.tip a {
	color: #238386;
    font-weight: bold;
	text-decoration: underline;
}

.tip a:hover, .tip a:focus {
    color: #D23789;
}

.tip a.game {
	background: #238386;
	border-radius: 30px;
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	padding: 15px 10px;
	text-align: center;
    text-decoration: none;
	text-transform: uppercase;
}

.tip a.game:hover, .tip a.game:focus {
	background: #C34A7A;
	color: #fff;
	text-decoration: none;
}

.tip-divider {
	background: url('../images/bg-tip-line.png') no-repeat top left;
	height: 12px;
	margin-top: 40px;
	width: 100%;
}

.expert {
	border: 3px dashed #D8799B;
	border-collapse: collapse;
	margin: 75px auto 0 auto;
	padding: 0 11%;
	position: relative; 
	width: 78%;
}

aside .expert {
	margin-top: 63px;
}

.expert img {
	display: block;
	position: absolute;
	margin-left: -68px;
	left: 50%;
	top: -63px;
	width: 114px;
}

aside .expert img {
	margin-top: 0;
	width: 114px;
}

.expert .expert-headline {
	background: url('../images/bg-expert-tip.jpg') no-repeat center 19px;
	margin: 45px 0 0 0;
	text-align: center;
}

.expert .expert-headline h3, .expert .expert-headline h4, .expert .expert-headline h5, .expert .expert-headline h6 {
	background: #fff;
	display: inline-block;
	font-family: PopulaireLight;
	font-size: 40px;
	letter-spacing: 1.6px;
	line-height: 35px;
	padding: 0 25px 0 29px;
}

.expert .expert-content {
	color: #2E2C2C;
	font-family: PrioriSansOT-Regular, Arial;
	font-size: 20px;
	line-height: 26px;
	padding: 0 26px 30px 26px;
	text-align: center;
}

.expert .expert-content p {
	margin-top: 22px;
}

.expert .expert-content p.large {
	font-size: 24px;
}

.expert .expert-content b, .expert .expert-content strong {
	font-family: PrioriSansOT-Bold;
	font-weight: 400;
}

.expert ul, .expert ol {
	display: inline-block;
	padding: 10px 0 0 0;
}

.expert ul li {
	list-style-type: disc;
}

.expert ol li {
	list-style-type: decimal;
}

.expert li {
	font-size: 20px;
	line-height: 26px;
	text-align: left;
}

.expert ul.large li, .expert ol.large li {
	font-size: 24px;
}

.icons {
	background: url('../images/bg-icons-line.png') no-repeat top left;
	margin-top: 18px;
	padding-top: 12px;
	width: 100%;
}

.content .icons:first-child {
	background: none;
}

.content .icons.border:first-child {
	background: url('../images/bg-icons-line.png') no-repeat top left;
}

.icon {
	float: left;
	padding: 0 56px 0 0;
	width: 414px;
}

.icon.full {
	background: url('../images/bg-icons-line.png') no-repeat center top;
	margin-top: 18px;
	padding: 12px 0 0 0;
	float: none;
	width: 940px;
}

.icon.full.no-border {
	background: none;
	padding-top: 0;
}

.icon img {
	float: left;
	margin: 22px 22px 0 15px;
	width: 90px;
}

.icon .details {
	float: left;
	margin-top: 22px;
	width: 287px;
}

.icon.full .details {
	width: 813px;
}

.icon .details h4 {
	color: #2E2C2C;
	font-family: PrioriSansOT-Bold;
	font-size: 24px;
	font-weight: 400;
    letter-spacing: 1.69px;
    line-height: 23px;
	text-transform: uppercase;
}

.two .icon .details h4 {
	font-size: 24px;
	line-height: 23px;
}

.icon .details h5 {
	color: #2E2C2C;
	font-family: PrioriSansOT-Bold;
	font-weight: 400;
	font-size: 20px;
    letter-spacing: 1.69px;
    line-height: 23px;
	text-transform: uppercase;
}

.icon .details h6 {
	color: #2E2C2C;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
    letter-spacing: 0.92px;
    line-height: 23px;
	margin-top: 32px;
	text-align: left;
}

.icon .details p {
	color: #434343;
	font-size: 14px;
	letter-spacing: 0.92px;
	line-height: 21px;
	margin-top: 5px;
}

.two .icon .details p {
	font-size: 14px;
	line-height: 21px;
}

.icon .details a {
	color: #238386;
    font-weight: bold;
	text-decoration: underline;
}

.icon .details a:hover, .icon .details a:focus {
	color: #D23789;
}

.icon-divider {
	background: url('../images/bg-icons-line.png') no-repeat top left;
	height: 12px;
	margin-top: 20px;
	width: 100%;
}

#filters {
	margin: 0 auto;
	padding: 25px 0 23px 0;
	width: 940px;
}

#filters a {
	background: #DFEDED;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	color: #2E2C2C;
	display: inline-block;
    font-family: PrioriSansOT-Bold, Arial, sans-serif;
	font-size: 15px;
	padding: 5px 11px 3px 11px;
	letter-spacing: 1.15px;
	line-height: 21px;
	margin: 10px 15px 0 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

#filters a:nth-child(5) {
	margin-right: 0;
}

#filters a.active, #filters a:hover {
	background: #238386;
	color: #fff;
}

.myth {
	border-top: 5px #fff solid;
	margin: 0;
}

.myth.first {
	margin-top: 13px;
}

.myth-stripe {
	background: #DFEDED;
	cursor: pointer;
    display: block;
    padding: 33px 0 30px 0;
    text-decoration: none;
    width: 100%;
}

.myth-stripe h3 {
	background: url(../images/icon-expand.png) no-repeat top left;
	color: #2E2C2C;
    font-family: PrioriSansOT-Bold, Arial, sans-serif;
    font-size: 22px;
    letter-spacing: 1px;
    line-height: 23px;
    margin: 0 auto;
    text-align: left;
    text-decoration: none;
    min-height: 20px;
    padding: 4px 0 0 40px;
    width: 900px;
}

.myth-stripe.active h3 {
	background: url(../images/icon-collapse.png) no-repeat top left;
}

.myth-content {
	background: #F5F9F9;
	display: block;
	padding: 0 0 30px 0;
	width: 100%;
}

.myth-content img {
	float: left;
	margin: 30px 0 0 17px;
	width: 100px;
}

.myth-content .text {
	float: right;
	margin-top: 11px;
	width: 796px;
}

.myth-content .content .text p {
	font-size: 15px;
	letter-spacing: 0.75px;
}

.myth-video {
	padding-bottom: 24px;
}

.position {
	float: left;
	margin: 29px 15px 0 0;
	text-align: center;
	width: 287px;
}

.position img {
	display: block;
	width: 100%;
}

.position h4 {
	display: block;
	font-family: PopulaireLight;
	font-size: 34px;
	letter-spacing: 1px;
	line-height: 36px;
	padding-top: 5px;
	text-transform: uppercase;
	width: 100%;
}

#subnav {
	margin: 0 auto;
	padding: 25px 0 23px 0;
	width: 940px;
}

#subnav a {
	background: #EBF1F8;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	color: #2E2C2C;
	display: inline-block;
    font-family: PrioriSansOT-Bold, Arial, sans-serif;
	font-size: 15px;
	padding: 5px 11px 3px 11px;
	letter-spacing: 1.15px;
	line-height: 21px;
	margin: 10px 15px 0 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

#subnav a:nth-child(5) {
	margin-right: 0;
}

#subnav a.active, #subnav a:hover {
	background: #3BBBB7;
	color: #000;
}

#diaper-chart-full {
	width: 30%;
}

.content aside#diaper-chart {
	float: right;
	width: 310px;
}

.content aside#diaper-chart p {
	font-family: Arial, sans-serif;
    font-size: 14px;
    letter-spacing: 0.92px;
    line-height: 22px;
	margin-top: 9px;
}

.content .tiles {
	padding-top: 19px;
	width: 100%;
}

.content .tiles ul {
	column-count: 2;
	display: flex;
	flex-wrap: wrap;
	row-gap: 25px;
	justify-content: space-between;
}

.content .tiles li {
	font-family: Arial, sans-serif;
    font-size: 14px;
    letter-spacing: 0.92px;
    line-height: 22px;
	width: 48%;
}

.content .tiles img {
	width: 100%;
}

footer {
	background: url('../images/misc-pink-line.png') no-repeat center top;
	margin-top: 41px;
	padding-top: 41px;
	width: 100%;
}

footer #top {
    background: #f8f4f9;
    padding: 41px 0;
}

footer #bottom {
    background: #ece3ef;
    padding: 30px 0;
}

footer .column {
    border-right: 1px dashed #979797;
    float: left;
    padding: 0 20px;
    width: 290px;
}

footer .column:first-child {
    padding-left: 0;
}

footer .column:nth-child(2) {
    width: 280px;
}

footer .column:nth-child(3) {
    border-right: none;
    padding-right: 0;
    width: 285px;
}

footer #top .column {
    height: 190px;
}

footer #bottom .column {
    height: 170px;
}

footer h2 {
    color: #213434;
    font-family: PrioriSansOT-Bold, Arial, sans-serif;
    font-size: 14px;
    letter-spacing: 0.78px;
    line-height: 18px;
    text-transform: uppercase;
}

footer p {
    color: #213434;
    font-size: 12px;
    letter-spacing: 0.67px;
    line-height: 18px;
    margin-bottom: 16px;
}

footer p a {
    color: #213434;
    text-decoration: none;
}

footer p a:hover, footer p a:focus {
    text-decoration: underline;
}

footer p.phone {
    margin-top: 10px;
}

footer p.phone a {
    font-family: PrioriSansOT-Bold, Arial, sans-serif;
    font-size: 22px;
    letter-spacing: 1.18px;
}

footer p.pink a {
    color: #b62e76;
    font-family: PrioriSansOT-Bold, Arial, sans-serif;
    font-size: 14px;
    letter-spacing: 0.93px;
    text-transform: uppercase;
}

footer .button {
    font-size: 11px;
}

footer img {
    margin-bottom: 5px;
    width: 90px;
}

footer .stack {
    border-top: 1px dashed #979797;
    margin-top: 15px;
    padding: 15px 0 0 0;
}

footer .stack.first {
	border: none;
	margin: 0 0 15px 0;
	padding: 0;
}

footer .stack p {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 22px;
    margin-bottom: 0px;
}

footer ul.links {
    width: 695px;
}

.es footer ul.links {
    width: auto;
}

footer ul.links li {
    border-right: 1px solid #2E2C2C;
    display: inline;
    font-size: 14px;
    line-height: 22px;
    padding-right: 5px;
}

footer ul.links li:last-child {
    border: none;
}

footer ul.links li a {
    color: #2E2C2C;
    text-decoration: none;
}

footer ul.links li a:hover, footer .stack ul.links li a:focus {
    text-decoration: underline;
}

footer ul.social {
    margin-top: 8px;
    width: 100%;
}

footer ul.social li {
    display: inline-block;
}

footer ul.social li a {
    display: block;
    height: 30px;
    text-indent: -9999em;
    width: 31px;
}

footer #facebook {
    background: url('../images/icon-facebook.png') no-repeat top left;
    background-size: cover;
    width: 30px;
}

footer #facebook:hover, footer #facebook:focus {
    background-position: bottom left;
}

footer #twitter {
    background: url('../images/icon-twitter.png') no-repeat top left;
    background-size: cover;
}

footer #twitter:hover, footer #twitter:focus {
    background-position: bottom left;
}

footer #pinterest {
    background: url('../images/icon-pinterest.png') no-repeat top left;
    background-size: cover;
}

footer #pinterest:hover, footer #pinterest:focus {
    background-position: bottom left;
}

footer #email {
    background: url('../images/icon-email.png') no-repeat top left;
    background-size: cover;
}

footer #email:hover, footer #email:focus {
    background-position: bottom left;
}

footer nav li {
    font-size: 14px;
    line-height: 22px;
}

footer nav li a {
    color: #213434;
    font-family: PrioriSansOT-Bold, Arial, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}

footer nav li a:hover, footer nav li a:focus {
    text-decoration: underline;
}

/* ------ Home ------ */

.page-home #home-banner-01, .page-home #home-banner-01 img {
    min-height: 601px;
}

.page-home #home-banner-01 .box .inner {
    padding: 20px 42px 40px 42px;
}

.page-home.es .box h2 {
    font-size: 36px; 
}

.page-home.es .box.small h2 {
    font-size: 60px;
}

.page-home.es .headline h3 {
    font-size: 52px;
}

.page-home #split {
    padding-bottom: 35px;
    width: 100%;
}

.page-home #split .column {
    float: left;
    display: block;
    margin-top: 47px;
    text-align: center;
    width: 49%;
}

.page-home #split .column:first-child {
    border-right: 1px dashed #213434;
}

.page-home #split .column .inner {
    padding: 16px 0 38px 68px;
}

.page-home #split .column:first-child .inner {
    padding: 16px 68px 38px 0;
}

.page-home #split .column img {
    max-height: 90px;
}

.page-home #split .column h4 {
    color: #000;
    font-family: PrioriSansOT-Bold, Arial, sans-serif;
    font-size: 18px;
    letter-spacing: 1.5px;
    line-height: 18px;
    margin-top: 28px;
    text-transform: uppercase;
}

.page-home #split .column p {
    color: #000;
    font-size: 14px;
    letter-spacing: 1.17px;
    line-height: 18px;
    margin: 0 0 16px 0;
}

/* ------ Video Blogs ------ */

.page-video-blogs .content .text h4 {
	font-family: PopulaireLight;
	font-size: 32px;
	line-height: 34px;
	margin-top: 31px;
}

.play {
	display: block;
	margin-top: 24px;
	position: relative;
	width: 100%;
}

.play img {
	width: 100%;
	z-index: 1;
}

.play .play-icon {
	background: url('../images/icon-play.png') no-repeat bottom left;
	display: block;
	left: 50%;
	height: 104px;
	margin: -52px 0 0 -52px;
	position: absolute;
	top: 50%;
	width: 105px;
	z-index: 2;
}

.play:hover .play-icon, .play:focus .play-icon {
	background-position: top left;
}

/* ------ Search ------ */

#form-search-mobile {
	display: none;
}

.phpsearch_pagination {
	background: url('../images/bg-icons-line.png') no-repeat center top;
	font-family: Arial, sans-serif;
	font-size: 12px;
	letter-spacing: 0.92px;
	line-height: 20px;
	margin-top: 30px;
	padding-top: 50px;
	width: 100%;
}

.phpsearch_pagination a {
	display: inline-block;
	padding: 15px;
}

/* ------ Lactation Directory ------ */

.page-lactation-consultants iframe {
	height: 6000px;
	margin-top: 30px;
	width: 100%;
}

.lactation-directory .lactation-directory-container {
	background: #DFEDED;
	margin-top: 33px;
	padding: 33px;
}

.lactation-directory-main-title {
	color: #2D2C2C;
	font-family: PrioriSansOT-Bold, Arial, sans-serif;
	font-size: 24px;
	letter-spacing: 1.69px;
	line-height: 26px;
}

.lactation-directory-sub-title, .lactation-directory-add-to-directory {
	color: #2E2C2C;
	font-size: 14px;
	line-height: 22px;
}

.lactation-directory-add-to-directory a {
	color: #2D2C2C;
	font-weight: bold;
	text-decoration: none;
}

.lactation-directory-add-to-directory a:hover, .lactation-directory-add-to-directory a:focus {
	text-decoration: underline;
}

.lactation-directory-text-input-container, .lactation-directory-select-input-container {
	float: left;
	margin: 39px 8px 0 0;
}

.lactation-directory-text-input-container label, .lactation-directory-select-input-container label {
	color: #2E2C2C;
	display: block;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.92px;
	line-height: 22px;
}

.lactation-directory-text-input-container input {
	color: #2E2C2C;
	display: block;
	font-size: 14px;
	letter-spacing: 0.92px;
	line-height: 22px;
	padding: 0 8px;
	width: 173px;
}

.lactation-directory-select-input-container select {
	color: #2E2C2C;
	display: block;
	font-size: 14px;
	letter-spacing: 0.92px;
	line-height: 22px;
	width: 189px;
}

.lactation-directory-provider-type-select-all {
	clear: both;
	color: #2E2C2C;
	font-family: PrioriSansOT-Bold, Arial, sans-serif;
	font-size: 24px;
	letter-spacing: 1.69px;
	line-height: 26px;
	padding-top: 47px;
	text-transform: uppercase;
}

.lactation-directory-no-results-message {
	color: #2E2C2C;
	font-family: PrioriSansOT-Bold, Arial, sans-serif;
	font-size: 24px;
	letter-spacing: 1.69px;
	line-height: 26px;
	padding-top: 47px;
}

.lactation-directory-checkbox-label {
	color: #2E2C2C;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	padding-left: 5px;
}

.lactation-directory-provider-type-description {
	color: #2E2C2C;
	font-size: 14px;
	line-height: 22px;
	padding-left: 23px;
}

.lactation-directory-provider-type-select-all-checkbox {
	border-top: 1px solid #B9B9B9;
	margin-top: 21px;
	padding: 21px 0;
}

.provider-type-individual-checkboxes {
	border-top: 1px solid #B9B9B9;
	min-height: 445px;
}

.lactation-directory-provider-type-checkbox-container {
	border-bottom: 1px solid #B9B9B9;
	float: left;
    height: 200px;
	padding: 21px 30px 0 0;
	width: 261px;
}

.es .lactation-directory-provider-type-checkbox-container {
    height: 225px;
}

.lactation-directory-provider-type-checkbox-container input {
	display: block;
	float: left;
	width: 12px;
}

.lactation-directory-provider-type-checkbox-container label {
	display: block;
	float: left;
	width: 230px;
}

.lactation-directory-provider-type-description {
	clear: both;
	display: block;
}

#lactation-checkbox-1, #lactation-checkbox-2, #lactation-checkbox-3 {
	height: 200px;
}

.es #lactation-checkbox-1, .es #lactation-checkbox-2, .es #lactation-checkbox-3 {
	height: 225px;
}

#lactation-checkbox-4, #lactation-checkbox-5, #lactation-checkbox-6 {
	height: 200px;
}

.es #lactation-checkbox-4, .es #lactation-checkbox-5, .es #lactation-checkbox-6 {
	height: 240px;
}

#lactation-checkbox-7 {
	border-bottom: none;
	clear: both;
	float: none;
	height: auto;
	padding-bottom: 30px;
	width: auto;
}

#lactation-checkbox-7 label {
	display: block;
	float: none;
	padding-left: 23px;
	width: auto;
}

.lactation-directory-submit-button-container {
	clear: both;
    padding-top: 30px;
}

.lactation-directory-submit-button {
	background: #238386;
	border: none; 
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 5px;
	margin: 0 0 0 20px;
	padding: 14px 32px;
	text-align: center;
	text-transform: uppercase;
}

.lactation-directory-submit-button:hover, .lactation-directory-submit-button:focus {
	background: #CA3584;
}

.lactation-directory-search-as-text-container {
	margin-top: 41px;
}

.lactation-directory-search-as-text-title {
	color: #2D2C2C;
	font-family: PrioriSansOT-Bold, Arial, sans-serif;
	font-size: 24px;
	letter-spacing: 1.69px;
	line-height: 26px;
}

.lactation-directory-search-as-text {
	color: #2D2C2C;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0.92px;
}

.lactation-directory-search-as-text-edit-criteria {
	color: #238386;
	cursor: pointer;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0.92px;
	margin-top: 19px;
	text-decoration: underline;
}

.lactation-directory-search-as-text-edit-criteria:hover, .lactation-directory-search-as-text-edit-criteria:focus {
	color: #D23789;
}

.lactation-directory-single-provider {
	border-top: 1px solid #B9B9B9;
	color: #2D2C2C;
	font-size: 14px;
	letter-spacing: 0.92px;
	line-height: 22px;
	margin-top: 32px;
	padding-top: 32px;
}

.lactation-directory-single-provider a {
	color: #238386;
	font-size: 14px;
    font-weight: bold;
	letter-spacing: 0.92px;
	text-decoration: underline;
}

.lactation-directory-single-provider a:hover, .lactation-directory-single-provider a:focus {
	color: #D23789;
}

.lactation-directory-single-provider span {
	font-weight: bold;
}

.lactation-directory-title {
	color: #2D2C2C;
	font-family: PrioriSansOT-Bold, Arial, sans-serif;
	font-size: 24px;
	letter-spacing: 1.69px;
	line-height: 26px;
}

.lactation-directory-facility {
	font-weight: bold;
}

.lactation-directory-address-container, .lactation-directory-result-languages, .lactation-directory-fees-container {
	margin-top: 25px;
}

/* ------ Share Your Story ------ */

.community-page-container {
	margin-top: 21px;
	overflow-x: hidden;
	width: 940px; 
}

.community-post-form-section {
	margin: 0 auto;
	width: 940px;
}

.community-post-type-filter {
	background: #EBF1F8;
	float: left;
	height: 164px;
	margin-bottom: 20px;
	width: 309px;
}

.community-post-topic-filter {
	background: #EBF1F8;
	float: left;
	height: 164px;
	margin-left: 6px;
	margin-bottom: 20px;
	width: 309px;
}

.community-post-filter-title {
	color: #5E6368;
	font-family: PrioriSansOT-Bold, Arial, sans-serif;
	font-size: 20px;
	letter-spacing: 1px;
	line-height: 22px;
	padding: 25px 0 0 27px;
	text-transform: uppercase;
}

.community-post-type-individual-checkboxes {
	padding: 17px 0 0 25px;
}

.community-post-checkbox-label {
	color: #5E6368;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 22px;
	padding-left: 5px;
	text-transform: uppercase;
}

.community-post-select-container {
	padding: 17px 0 0 25px;
}

.community-post-right-image {
	background: #EBF1F8;
	float: right;
	height: 164px;
	margin-bottom: 20px;
	width: 309px;
}

.community-post-right-image a {
	background: url('../images/icon-share-bullhorn.png') no-repeat top left;
	display: block;
	height: 105px;
	margin: 22px auto 0 auto;
	text-indent: -9999em;
	width: 180px;
}

.es .community-post-right-image a {
	background: url('../images/icon-share-bullhorn-es.png') no-repeat top left;
	height: 164px;
	margin: 0;
	width: 310px;
}

.community-post-results-container {
	border-top: 1px dashed #DAD9D9;
	clear: both;
	column-count: 3;
	-moz-column-count: 3;
	column-gap: 30px;
	-moz-column-gap: 30px;
	padding-top: 9px;
	width: 100%;
}

.community-post-post-container {
	border-bottom: 2px dashed #DAD9D9;
	display: inline-block;
	margin-top: 30px;
	padding-bottom: 30px;
	width: 100%;
}

.community-post-post-container img {
	display: block;
	width: 100%;
}

.community-post-video {
	background: #EBF1F8;
	height: 0px;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	width: 100%;
}

.community-post-video iframe {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.community-post-unable-to-load {
	font-size: 12px;
	font-weight: bold;
	padding-top: 80px;
	text-align: center;
}

.community-post-picture-with-story .community-post-main-quote, .community-post-video-with-text .community-post-main-quote {
	color: #555555;
	font-size: 14px;
	line-height: 20px;
	margin-top: 10px;
}

.community-post-author {
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	line-height: 20px;
	margin: 10px 37px 0 0;
	text-align: right;
}

.community-post-quote-card {
	background: #F3EDF5;
	padding-bottom: 35px;
	width: 100%;
}

.community-post-quote-card .community-post-main-quote, .community-post-long-story .community-post-main-story {
	color: #735E6F;
	font-family: PrioriSansOT-Bold, Arial, sans-serif;
	font-size: 22px;
	line-height: 24px;
	padding: 35px 20px 0 20px;
}

/* ------ Submit Your Story ------ */

.share-page {
	padding-top: 75px;
}

.share-page .form-group-row {
	border-bottom: 1px solid #979797;
	padding-bottom: 20px;
	width: 100%;
}

.share-page .form-group.quarter {
	float: left;
	margin-left: 10px;
	width: 112px;
}

.share-page .form-group.half {
	float: left;
	width: 362px;
}

.share-page .form-group label, .form-element-title {
	color: #2D2C2C;
	display: block;
	font-family: PrioriSansOT-Bold, Arial, sans-serif;
	font-size: 22px;
	line-height: 21px;
	letter-spacing: 1.69px;
	margin-top: 20px;
	text-transform: uppercase;
	width: 100%;
}

.share-page .form-group .share-page-checkbox-label {
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1.71px;
	line-height: 25px;
	margin: 5px 0 0 5px;
	width: auto;
}

.share-page .form-group .share-page-agree-label {
	display: inline-block;
	font-family: Arial, sans-serif;
	font-size: 13px;
	letter-spacing: normal;
	line-height: 19px;
	margin: 0 0 0 5px;
	text-transform: none;
	vertical-align: top;
	width: 900px;
}

.share-page .form-group input[type="text"] {
	border: 1px solid #979797;
	display: block;
	font-size: 14px;
	margin-top: 5px;
	padding: 10px 5px;
}

.share-page .form-group input[type="checkbox"] {
	display: inline-block;
}

.share-page .form-group input[type="file"] {
	background: #F4F4F4;
	border: 1px solid #979797;
	padding: 20px;
	width: 898px;
}

.share-page .form-group textarea {
	border: 1px solid #979797;
	display: block;
	font-size: 14px;
	height: 234px;
	margin-top: 20px;
	padding: 10px 5px;
	resize: none;
	width: 928px;
}

.share-page .form-group.quarter input {
	width: 100px;
}
	
.share-page .form-group.quarter select {
	margin-top: 5px;
	width: 100px;
}

.share-page .form-group.half input {
	width: 350px;
}

.form-element-sub-title {
	color: #060606;
	font-size: 13px;
	line-height: 19px;
	margin-top: 5px;
}

.share-page-type-agree-container {
	border-top: 1px solid #979797;
	margin-top: 20px;
	padding-top: 20px;
}

.share-page-submit-button-container {
	margin-top: 20px;
}

.share-page-submit-button-container button {
	background: #E36897;
	border: none;
	color: #fff;
	cursor: pointer;
	display: block;
	font-family: PrioriSansOT-Bold, Arial, sans-serif;
	font-size: 22px;
	letter-spacing: 1.69px;
	padding: 19px 40px;
	text-decoration: none;
	text-transform: uppercase;
}

.share-page-submit-button-container button:hover, share-page-submit-button-container button:focus {
	background: #81D6D3;
	color: #353232;
}

.share-page-terms-error {
	color: red;
	font-size: 13px;
	font-weight: bold;
	margin-top: 20px;
}

/* ------ Thank You ------ */

.thanks-page {
	padding-top: 65px;
	text-align: center;
}

.thanks-page-title {
	font-family: PrioriSansOT-Bold, Arial, sans-serif;
	font-size: 40px;
	letter-spacing: 2px;
	line-height: 35px;
	text-transform: uppercase;
}

.thanks-page-subtitle {
	font-size: 13px;
	line-height: 19px;
	margin: 0 auto;
	padding-top: 10px;
	width: 489px;
}

.thanks-page-link {
	background: #E36897;
	color: #fff;
	display: block;
	font-family: PrioriSansOT-Bold, Arial, sans-serif;
	font-size: 22px;
	letter-spacing: 1.69px;
	margin: 38px auto 65px auto;
	padding: 19px 0;
	text-decoration: none;
	text-transform: uppercase;
	width: 377px;
}

.thanks-page-link:hover, .thanks-page-link:focus {
	background: #81D6D3;
	color: #353232;
}

/* ------ Slider ------ */

#slider {
    background: #fff url('../images/bg-slider.png') no-repeat 49px 35px;
    border: 2px solid #CC4D80;
    bottom: 30px;
    right: -350px;
    position: fixed;
    width: 321px;
    z-index: 9000;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#slider.latch {
	border: 2px solid #238386;
	background: #fff url('../images/icons-new/Exclamation Point Small.png') no-repeat 18px 24px;
	width: 300px;
}

#slider.active {
    right: 0px;
}

#slider-content {
    position: relative;
    width: 100%;
}

#slider-content h6 {
    color: #383838;
    font-family: PrioriSansOT-Bold, Arial, sans-serif;
    font-size: 18px;
    line-height: 18px;
    padding: 38px 0 0 87px;
    text-transform: uppercase;
}

.latch #slider-content h6 {
	font-size: 24px;
	line-height: 24px;
	padding-top: 30px;
	text-transform: none;
}

#slider-button {
    background: #C34A7A;
    border: 2px solid #CC4D80;
    border-radius: 17.5px;
    color: #fff;
	cursor: pointer;
    display: inline-block;
    font-family: PrioriSansOT-Bold, Arial, sans-serif;
    font-size: 16px;
    padding: 10px 33px 9px 33px;
    text-decoration: none;
    text-transform: uppercase;
    margin: 16px 0 32px 77px;
} 

.latch #slider-button {
	background: #238386;
	border: 2px solid #238386;
	font-size: 24px;
	text-transform: none;
}

#slider-button:hover, #slider-button:focus {
    background: #fff;
    color: #000;
}

#slider-close {
    background: url('../images/icon-slider-close.png') no-repeat top left;
    display: block;
    height: 24px;
    position: absolute;
    right: 5px;
    text-indent: -9999em;
    top: 6px;
    width: 23px;
}

.latch #slider-close {
	background: url('../images/icon-slider-latch-close.png') no-repeat top left;
}

/* ------ Modal ------ */
#overlay {
    background: #000;
    left: 0px;
    height: 100%;
    opacity: 70%;
    -moz-opacity: 70%;
    -webkit-opacity: 70%;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 9500;
}

#modal {
    background: #fff url('../images/bg-slider.png') no-repeat 23px 35px;
    border: 2px solid #CC4D80;
    left: 50%;
    margin: -215px 0 0 -375px;
    position: fixed;
    top: 50%;
    width: 750px;
    z-index: 9501;
}

#modal-content {
    padding: 38px 38px 38px 60px;
    position: relative;
}

#modal-content h6 {
    color: #383838;
    font-family: PrioriSansOT-Bold, Arial, sans-serif;
    font-size: 25px;
    line-height: 30px;
    text-transform: uppercase;
}

#modal-content p {
    font-family: Arial, sans-serif;
    font-size: 15px;
    line-height: 22px;
    padding-top: 15px;
    word-wrap: break-word;
}

#modal-content p a {
    color: #C34A7A;
    text-decoration: none;
}

#modal-content p a:hover, #modal-content p a:focus {
    text-decoration: underline;
}

#modal-button {
    background: #C34A7A;
    border: 2px solid #CC4D80;
    border-radius: 17.5px;
    color: #fff;
    display: inline-block;
    font-family: PrioriSansOT-Bold, Arial, sans-serif;
    font-size: 16px;
    margin: 25px 0 0 250px;
    padding: 9px 33px 9px 33px;
    text-decoration: none;
    text-transform: uppercase;
} 

#modal-button:hover, #modal-button:focus {
    background: #fff;
    color: #000;
}

#modal-close {
    background: url('../images/icon-slider-close.png') no-repeat top left;
    display: block;
    height: 24px;
    position: absolute;
    right: 5px;
    text-indent: -9999em;
    top: 6px;
    width: 23px;
}

/* ------ Alert ------ */
#alert {
    background: #CC4D80;
    box-sizing: border-box;
    color: #fff;
    display: none;
    font-family: PrioriSansOT-Bold, Arial, sans-serif;
    font-size: 26px;
	line-height: 30px;
    padding: 15px 50px;
	position: relative;
    text-align: center;
    word-wrap: break-word;
    width: 100%;
}

#alert a {
    color: #fff;
}

#alert a:hover, #alert a:focus {
    color: #2E2C2C;
}

/* ------ Warning ------ */

#warning {
    background: #EFF6F6;
    box-sizing: border-box;
    border: 2px solid #CC4D80;
    font-family: PrioriSansOT-Bold, Arial, sans-serif;
    font-size: 24px;
	line-height: 30px;
    padding: 30px 50px;
	position: relative;
    text-align: center;
    width: 100%;
}

#warning a {
	color: #D23789;
}

#warning a:hover, #warning a:focus {
	text-decoration: underline;
}

#warning-close {
    background: url('../images/icon-slider-close.png') no-repeat top left;
    display: block;
    height: 24px;
    position: absolute;
    right: 5px;
    text-indent: -9999em;
    top: 6px;
    width: 23px;
}

/* ------ Ad Campaign ------ */

.ad {
    float: left;
    padding: 25px 0 0 0;
    text-align: center;
    width: 455px;
}

.ad:nth-child(odd) {
    clear: both;
}

.ad:nth-child(even) {
    float: right;
}

.ad .spot {
    height: 250px;
    margin-top: 5px;
    width: 100%;
}

.ad .spot iframe {
    background: #000;
    height: 100%;
    width: 100%;
}

.ad.long {
    float: none;
    width: 100%;
}

.ad .billboard {
    display: block;
    margin-top: 5px;
    text-decoration: none;
    width: 100%;
}

.ad .billboard:hover, .ad .billboard:focus {
    text-decoration: underline;
}

.ad .billboard img {
    display: block;
    width: 100%;
}

.ad h4 {
	font-family: PrioriSansOT-Bold, Arial, sans-serif;
	font-size: 22px;
	letter-spacing: 1.69px;
	line-height: 21px;
	margin-top: 20px;
	text-transform: uppercase;
}

.ad .billboard h4 {
    color: #2E2C2C;
}

.ad audio {
    margin-top: 15px;
    width: 100%;
}

.ad p {
    padding-top: 15px;
    padding-bottom: 15px;
}

.ad p a {
    color: #008B8A;
    font-weight: bold;
    text-decoration: underline;
}

.ad p a:hover, .ad p a:focus {
    color: #D23789;
}

.posters {
	width: 100%;
}

.posters a {
	display: block;
	float: left;
	margin: 30px 0 0 10px;
	width: 225px;
}

.posters a:first-child {
	margin-left: 0px;
}

.posters a img {
	display: block;
	width: 100%;
}

/* ------ Belly to Baby ------ */

#b2b {
	width: 100%;
}

#b2b label {
	display: block;
	font-family: Arial, sans-serif;
    font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.92px;
    line-height: 22px;
	margin-top: 15px;
	user-select: none;
	width: 100%;
}

#b2b label.aside {
	display: inline-block;
	font-weight: normal;
	margin: 0;
	padding-left: 8px;
	width: 80%;
}

#b2b label.inline {
	display: inline;
	font-family: PrioriSansOT-Bold, Arial, sans-serif;
	font-size: 22px;
	font-weight: normal;
}

#b2b label span {
	font-weight: normal;
}

#b2b label[for="month"] {
	margin-bottom: 5px;
}

#b2b input {
	border: 1px solid #000;
	font-family: Arial, sans-serif;
    font-size: 14px;
	letter-spacing: 0.92px;
	padding: 5px;
}

#b2b input[type='email'] {
	display: inline;
	width: 38%;
}

#b2b input[name='month'], #b2b input[name='day'], #b2b #math {
	width: 10%;
}

#b2b input[name='year'] {
	width: 15%;
}

#b2b input[type='checkbox'] {
	display: inline-block;
	margin: 5px 0 0 0;
	padding: 0;
	vertical-align: top;
}

#b2b input.required {
	border: 1px solid red;
}

#b2b .form-row {
	padding-top: 20px;
	text-align: center;
}

#b2b .form-row label {
	display: inline-block;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
}

#b2b .form-section {
	margin-top: 15px;
}

#b2b .form-section label.priori {
	font-family: PrioriSansOT-Bold, Arial, sans-serif;
	font-size: 22px;
	font-weight: normal;
}

#b2b .form-section input[type='checkbox'] {
	float: left;
	position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

#b2b .check {
	border: 2px solid #000;
	float: left;
	height: 26px;
	margin-top: 8px;
	width: 26px;
	text-align: center;
}

#b2b .check.focus {
	border: 2px solid blue;
}

#b2b .check img {
	display: none;
	margin-top: 3px;
	user-select: none;
}

#b2b .check.active img {
	display: inline-block;
}

#b2b .indent {
	float: right;
	width: 900px;
}

#b2b .indent { /* remove later */
	width: 100%;
}

#b2b button {
	background: #238386;
	border: none;
    border-radius: 30px;
    color: #fff;
	cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
	margin-top: 25px;
    padding: 15px 10px;
    text-align: center;
    text-transform: uppercase;
	width: 27%;
}

#b2b button:hover, #b2b button:focus {
	background: #C34A7A;
	color: #fff;
	outline: none;
	text-decoration: none;
}

#b2b .loading {
	display: none;
	margin: 15px auto 0 auto;
	text-align: center;
	width: 47%;
}

.thanks, #problem {
	display: none;
	padding: 50px 0 75px 0;
	text-align: center;
}

#problem {
	margin-top: 20px;
}

#problem #math-error {
	display: block;
}

#b2b #problem.required input {
	border: 1px solid red;
}

#b2b #problem label {
	display: inline;
}

#problem #math-error {
	display: none;
	color: red;
	font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.92px;
    line-height: 22px;
    margin-top: 5px;
    width: 100%;
}

#problem.required #math-error {
	display: block;
}

#choose {
	display: none;
	color: red;
}

/* ------ All About Low Milk Supply ------ */

#enough {
	width: 100%;
}

#enough h4 {
	font-family: PrioriSansOT-Bold, Arial, sans-serif;
	font-size: 24px;
	letter-spacing: 1.69px;
	line-height: 23px;
	margin-top: 20px;
}

#enough .question {
	float: right;
	margin-top: 22px;
	width: 83%;
}

#enough .question h5 {
	float: left;
	font-family: Arial, sans-serif;
    font-size: 16px;
    letter-spacing: 0.92px;
    line-height: 24px;
	width: 5%;
}

#enough .question .copy {
	float: right;
	width: 95%;
}

#enough .question p {
	font-family: Arial, sans-serif;
    font-size: 16px;
    letter-spacing: 0.92px;
    line-height: 24px;
}

#enough .question em {
	font-style: italic;
}

#enough .question img {
	display: block;
	margin-top: 10px;
	width: 240px;
}

#enough .answer {
	float: left;
	margin-top: 22px;
	width: 17%;
}

#enough .answer label {
	font-family: Arial, sans-serif;
    font-size: 16px;
	font-weight: bold;
    letter-spacing: 0.92px;
    line-height: 24px;
}

#enough .answer input:first-of-type {
	margin-right: 25px;
}

#enough button {
	background: #238386;
    border: none;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
	margin: 30px 0 0 21%;
    padding: 15px 30px;
    text-align: center;
    text-transform: uppercase;
}

#enough button:hover, #enough button:focus {
	background: #C34A7A;
	color: #fff;
	outline: none;
	text-decoration: none;
}

#enough .result {
	background: #EFF6F6;
	border: 1px dashed #e46796;
	display: none;
	margin: 35px 0 0 0;
    padding: 47px 70px;
	text-align: center;
}

#enough .result h6 {
	border-bottom: 3px solid #e46796;
	display: inline-block;
	font-family: PrioriSansOT-Bold, Arial, sans-serif;
    font-size: 24px;
    letter-spacing: 1.69px;
    line-height: 23px;
	padding-bottom: 3px;
}

#enough .result p {
	color: #000;
    display: block;
    font-family: Arial, sans-serif;
    font-size: 16px;
    letter-spacing: 0.88px;
    line-height: 26px;
    padding: 12px 0 0 0;
}

#enough .result a {
	color: #1b6c6f;
	font-weight: bold;
	text-decoration: underline;
}

#enough .result a:hover, #enough .result:focus {
	color: #CA3584;
}

/* ------ Games ------ */

#game {
	border: 1px dashed #979797;
	width: 912px;
}

#game .shell {
	background: #F8F8F8;
	border: 10px solid #fff;
	display: none;
	padding-bottom: 18px;
}

#game .shell#shell-01 {
	display: block;
}

#game .canvas {
	background: #fff url('../images/loader.gif') no-repeat 48% 48%;
	float: left;
	height: 479px;
	margin: 12px 0 0 12px;
	overflow: hidden;
	position: relative;
	width: 433px;
}

#game .intro .canvas {
	background: #fff;
	height: 378px;
}

#game .canvas img {
	width: 100%;
}

#game .intro .canvas img {
	display: block;
	margin: 55px auto 0 auto;
	width: 126px;
}

#game .intro .canvas h2 {
	color: #E4628E;
    font-family: PopulaireLight;
    font-size: 60px;
    letter-spacing: 2.4px;
    padding: 15px 0 0 0;
	text-align: center;
    text-transform: uppercase;
}

#game .intro .canvas h2.small {
	font-size: 50px;
}

#game .canvas iframe { 
	background: #fff url('../images/loader.gif') no-repeat 48% 48%;
	height: 100%;
	width: 100%;
}

#game .info {
	background: #fff;
	float: right;
	min-height: 479px;
	margin: 12px 12px 0 0;
	position: relative;
	width: 422px;
}

#game .intro .info {
	background: none;
	min-height: 378px;
}

#game .info h3 {
	color: #2E2C2C;
    font-family: PrioriSansOT-Bold;
	font-weight: 400;
    font-size: 22px;
    letter-spacing: 1.69px;
    line-height: 21px;
	padding: 0 0 0 39px;
    text-transform: uppercase;
}

#game .info h3.padding {
	padding-top: 20px;
}

#game .intro .info h3 {
	padding-top: 45px;
}

#game .info h4 {
	color: #2E2C2C;
    font-family: PrioriSansOT-Bold;
	font-weight: 400;
    font-size: 18px;
    letter-spacing: 1.69px;
    line-height: 21px;
	padding: 20px 0 0 39px;
    text-transform: uppercase;
}

#game .info p {
	font-size: 15px;
	line-height: 23px;
	padding: 5px 39px 0 39px;
}

#game .info p span {
	font-style: italic;
}

#game .info li {
	font-size: 15px;
	line-height: 23px;
	list-style-position: outside;
	list-style-type: disc;
	margin: 5px 39px 0 55px;
}

#game .info a {
	color: #238386;
    font-weight: bold;
	text-decoration: underline;
}

#game .info a:hover, #game .info a:focus {
    color: #E4628E;
}

#game .info .buttons {
	padding: 30px 0;
}

#game .info .buttons a {
	background: #fff;
	border: 3px solid #238386;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	color: #213434;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0.73px;
	margin: 0 0 0 39px;
	min-width: 80px;
	padding: 14px 23px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

#game .info .buttons a:hover, #game .info .buttons a:focus {
	background: #E4628E;
	border: 3px solid #E4628E;
	color: #fff;
	text-decoration: none;
}

#game .intro .info .buttons a {
	background: #238386;
	border: 1px solid #81D6D3;
    color: #fff;
	margin: 0 0 0 39px;
}

#game .intro .info a:hover, #game .intro .info a:focus {
	background: #E4628E;
	border: 1px solid #E4628E;
	color: #fff;
}

#game .info .header {
	background: url('../images/misc-pink-line.png') no-repeat center bottom;
	margin-bottom: 23px;
	padding: 21px 0 29px 0;
	width: 100%;
}

#game .info .header img {
	float: left;
	margin: 0 0 0 27px;
    width: 70px;
}

#game .info .header h2 {
	color: #E7638F;
	display: block;
	float: left;
    font-family: PrioriSansOT-Bold;
	font-weight: 400;
    font-size: 22px;
    letter-spacing: 1.69px;
	padding: 50px 0 0 0;
	text-align: center;
	width: 313px;
    text-transform: uppercase;
}

.page-reverse-pressure-softening #game .info .header h2 {
	font-size: 20px;
	padding-top: 35px;
}

#game .frame {
	display: none;
}

/*#game #shell-04 .frame-03 iframe {
	background: url('../images/games/softening-and-expressing/04-03.png');
}*/

/* ------ Utility ------ */

.anchor {
	position: absolute;
	margin-top: -64px;
}

.clear {
	clear: both;
}

.hidden {
	display: none;
}

strong, b {
	font-weight: bold;
}

/* ------ Dev ------ */

.live .page-related {
	display: none;
}

.local .page-related, .dev .page-related {
	display: block;
}

.page-related .row .tiles {
	column-gap: 20px;
	display: flex;
	flex-wrap: wrap;
	width: 620px;
}

.page-related .row .related .tile {
	float: none;
	margin: 0;
	padding-bottom: 30px;
	width: 300px;
}

.page-related .row h6 {
	border-top: 5px solid #DFEDED;
	border-bottom: 5px solid #DFEDED;
	font-family: PrioriSansOT-Bold, Arial, sans-serif;
    font-size: 24px;
    letter-spacing: 1.69px;
    line-height: 23px;
	margin: 30px 0;
	padding: 15px 0;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}

.page-related .row h6:first-of-type {
	margin-top: 0;
}

/* ------ Screen Breaks ------ */

@media only screen and (min-width: 960px) and (max-width: 1150px) {
	.banner.tertiary {
		height: auto;
	}
	.banner.tertiary img {
		height: auto;
		left: auto;
		position: relative;
		width: 100%;
	}
	.tertiary .box {
		border: none;
		left: auto;
		height: auto;
		margin: 0;
		padding: 0;
		position: relative;
		transform: none;
		top: auto;
		width: 100%;
	}
	.tertiary .box .inner {
		padding: 25px 0 35px 0;
		top: auto;
		transform: none;
		width: auto;
	}
}

@media only screen and (max-width: 1266px) {
    .page-home #home-banner-01 {
        background: url('../images/secondary-banners/home-banner.jpg') no-repeat center top;
		background-size: cover;
	    height: 611px;
	}
    .page-home #home-banner-01 img {
        display: none;
    }
}

@media only screen and (max-width: 1300px) {
	.box h2 {
		font-size: 38px;
	}
}

@media only screen and (min-width: 1300px) and (max-width: 1449px) {
	.es #nav ul {
		
	}
	.es #nav li a {
		
	}
	.banner.tertiary {
		height: 400px;
	}
	.banner.tertiary img {
		height: 400px;
		left: 400px;
		width: 1120px;
	}
	.tertiary .box {
		height: 400px;
		width: 400px;
	}
	.tertiary .box .inner {
		width: 370px;
	}
}

@media only screen and (min-width: 1450px) and (max-width: 1600px) {
	.es #nav ul {
		
	}
	.es #nav li a {
		
	}
	.banner.tertiary {
		height: 450px;
	}
	.banner.tertiary img {
		height: 450px;
		left: 450px;
		width: 1220px;
	}
	.tertiary .box {
		height: 450px;
		width: 450px;
	}
	.tertiary .box .inner {
		width: 420px;
	}
}

@media only screen and (min-width: 1601px) and (max-width: 1920px) {
	.es #nav ul {
		
	}
	.es #nav li a {
		
	}
	.banner.tertiary {
		height: 550px;
	}
	.banner.tertiary img {
		height: 550px;
		left: 550px;
		width: 1540px;
	}
	.tertiary .box {
		height: 550px;
		width: 550px;
	}
	.tertiary .box .inner {
		width: 520px;
	}
	/*.tertiary .box {
		width: 880px;
	}
	.tertiary .box .inner {
		position: absolute;
		right: 30px;
	}*/
}

@media only screen and (min-width: 1921px) and (max-width: 2115px) {
	.es #nav ul {
		
	}
	.es #nav li a {
		
	}
	.banner.tertiary {
		height: 550px;
	}
	.banner.tertiary img {
		height: 550px;
		left: 550px;
		width: 1540px;
	}
	.tertiary .box {
		height: 550px;
		width: 550px;
	}
	.tertiary .box .inner {
		width: 520px;
	}
	/*.tertiary .box {
		width: 880px;
	}
	.tertiary .box .inner {
		position: absolute;
		right: 30px;
	}*/
}
@media only screen and (min-width: 2116px) {
	.banner.tertiary {
		background: #F5F9F9;
		height: 550px;
	}
	.banner.tertiary img {
		height: 550px;
		left: 550px;
		width: auto;
	}
	.tertiary .box {
		height: 550px;
		width: 550px;
	}
	.tertiary .box .inner {
		width: 520px;
	}
}