﻿
/* Remove Default Button and Form Styling On Web Browser and Mobile Devices */
/*input, select {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

input[type=text], input[type=button], input[type=submit] {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}*/

/*input[type="search"] {
	-webkit-appearance: none;
}*/

.superscript {
	position: relative;
	top: -15px;
	font-size: 75%;
	line-height: 0px;
}

sup {
	vertical-align: super;
	font-size: 10px;
}

sub {
	vertical-align: sub;
	font-size: smaller;
}

a.ordernowbutton {
	padding: 8px 20px 5px 20px;
}

.footer p:first-child {
	margin: auto;
	margin-top: -50px;
	margin-bottom: 50px;
	font-size: 12px;
}

.footer p:last-child {
	margin: auto;
	margin-top: 30px;
	font-size: 14px;
}


.header-product-info h1 {
	font-family: Vollkorn, serif;
	font-size: 36px;
	font-weight: 700;
	color: #fefeff;
	text-align: center;
	margin-top: 0px;
	margin-bottom: -30px;
}


.homerebate .flex-item img {
	max-width:100%;
	height:auto;
}


/* Stye Home Rebate Block */
.homerebate h1 {
	font-family: Vollkorn, serif;
	color: #fff;
	font-size: 36px;
	line-height: 110%;
}

.homerebate p {
	color: #fff;
	font-family: Lato, sans-serif;
	font-size: 18px;
	line-height: 130%;
	margin-bottom:50px;
}


/*******************************************************/
/* BEGIN Site Search: AddSearch Widget plugin */
/*******************************************************/
input[type="search"] {
	-webkit-appearance: none;
}

input[type="text"] {
	-webkit-appearance: none;
}


.search-input {
	width: 200px;
	height: 34px;
	margin-bottom: 0px;
	border: 0;
	outline: 0;
	border-radius: 5px !important;
	font-size: 15px;
	color: #333333;
	background-image: url('../images/search-icon-2.png');
	background-repeat: no-repeat;
	background-position: 95%;
	padding: 0px 0px 0px 10px;
	
}

.search-input:focus {
	border: 0 !important;
	-webkit-appearance: none;
	border-width: 0px;
	border: none;
}



/* Search Box Input Placehoder */
.search-input::placeholder { /* Chrome/Opera/Safari */
	color: #aaa;
	text-transform: uppercase;
	font-family: Lato;
	font-weight: bold;
}

.search-input::-webkit-input-placeholder {
	color: #aaa;
	text-transform: uppercase;
	font-family: Lato;
	font-weight: bold;
}

.search-input:-ms-input-placeholder {
	color: #aaa;
	text-transform: uppercase;
	font-family: Lato;
	font-weight: bold;
}

.search-input::-ms-input-placeholder {
	color: #aaa;
	text-transform: uppercase;
	font-family: Lato;
	font-weight: bold;
}
/*******************************************************/
/* END Site Search: AddSearch Widget plugin */
/*******************************************************/


/* Style sticky need support calling number */
.stick-call-container {
	position: fixed;
	bottom: 15px;
	right: 15px;
	z-index: 1;
	width: 315px;	
}

.stick-call-body {
	display: inline-block;
	text-align: center;
	font-size: 16px;
	width: 200px;
	vertical-align: top;
	border: 1px solid #cccccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 1px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) !important;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 2px;
	margin-right: 10px;
	background-color: #ffffff;	
}

.stick-call-body a {
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
}

.stick-call-container img {
	display: inline-block;
	vertical-align: top;
}

.need-support {
	color: #f3506d;
	font-weight:bold;
	text-transform:uppercase;
}

/* Fill arrow-sticky-call-support-right outer shade */
.arrow-sticky-call-support:before {
	content: '';
	border-bottom: 12px solid rgba(0, 0, 0, 0.2);
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	content: "";
	height: 0;
	position: absolute;
	width: 0;
	top: 45px;
	left: 194px;
	transform: rotate(90deg);
}

/* Fill arrow-sticky-call-support-right inner shade */
.arrow-sticky-call-support:after {
	content: '';
	border-bottom: 12px solid #fff;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	content: "";
	height: 0;
	position: absolute;
	top: 45px;
	left: 194px;
	transform: rotate(90deg);
}

.stick-call-close {
	position: absolute;
	float: right;
	right: -2px;
	top: -10px;
	cursor: pointer;
}

.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 32px; /* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	color:rgba(0,0,0,.25);
	margin-top: -10px;
	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;
	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;
	/* Support for IE. */
	font-feature-settings: 'liga';
}

/* Style products page */
.whiteback {
	margin: 0px;
	padding: 40px 0px 40px 0px;
	border: 0px solid red;
}

.formulas-routine {
	border: 1px solid #bababa;
	margin-bottom: 20px;
	padding: 40px 10px 30px 10px;
}

.formula-routine-product {
	width: 22%;
	margin-right: 10%;
}

.formula-routine-product img {
	max-width: 100%;
	height: auto;
}

.formula-routine-copy {
	width: 68%;
}

.formula-routine-copy h2 {
	color: #005c96;
	font-weight: bold;
	font-size: 24px;
	font-family: Vollkorn, serif;
	margin-top: 0px;
}

.formula-routine-copy p {
	font-family: Lato, sans-serif;
	color: #272727;
	font-size: 18px;
}

.formula-routine-copy a {
	color: #005c96;
	font-weight: bold;
	font-size: 24px;
}

.formula-button,
.formula-button:active,
.formula-button:visited,
.formula-button:link {
	display: block;
	max-width: 200px;
	background-color: #f2eb7d;
	font-size: 20px;
	color: #005c96;
	text-align: center;
	padding: 10px 0px 10px 0px;
	font-family: Vollkorn;
	transition: 0.3s;
}

.formula-button:hover {
	text-decoration: none;
	background-color: #d9d264 !important;
	color: #005c96 !important;
}

/* Style tablink */
/*Flexbox*/
.tab {
	display: flex;
	flex-direction: row;
	margin: auto;
	max-width: 602px;
	margin-bottom: 40px;
}

/* Style buttons inside the tablink */
.tab button {
	background-color: inherit;
	cursor: pointer;
	transition: 0.3s;
	width: 300px;
	min-height: 98px;
	background-color: #fff;
	margin: auto;
	padding: 0;
	border: none;
	border: 1px solid #bababa;
	font-size: 21px;
	color: #005c96;
	font-weight: Bold;
	font-family: Vollkorn, serif;
}

/* Change background color of buttons on hover */
.tab button:hover {
	background-color: #00A5DF !important;
	color: #fff !important;
}

/* Create an active/current tablink class */
.tab button.active {
	background-color: #00A5DF !important;
	color: #fff !important;
	outline: none;
}

/* Filled active/current tablink inner shade */
.tab button.active:before {
	outline: none;
	content: '';
	border-top: 32px solid rgba(0, 0, 0, 0);
	border-left: 31px solid transparent;
	border-right: 31px solid transparent;
	height: 0;
	position: relative;
	width: 0;
	top: 90px;
	left: 70px;
}

/* Filled active/current tablink outer shade */
.tab button.active:after {
	outline: none;
	content: '';
	border-top: 32px solid #00A5DF;
	border-left: 31px solid transparent;
	border-right: 31px solid transparent;
	height: 0;
	position: relative;
	width: 0;
	top: 90px;
	left: -64px;
}

/* The tablink content */
.tabcontent {
	display: none;
	padding: 6px 12px;
	border-top: none;
}

/* Flexbox */
.formula-routine-flex-container {
	display: flex;
	flex-direction: row;
}

/* Style products infant page */
.whiteback {
	margin: 0px;
	padding: 0px 0px 40px 0px;
}

/* Flexbox */
.products-flex-container {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px 40px 30px 40px;
	margin: 50px 0px 50px 0px;
}

.corn-silk-background {
	background-color: #fff9dc;
}

.product-formula {
	width:100%;
	padding: 0px 7%;
}

.product-image img {
	height: auto;
	float: right;
	max-width: 342px;
}

.product-formula h2 {
	font-family: Vollkorn, serif;
	color: #0066a6;
	font-size: 29px;	
}

.product-formula p {
	font-family: Lato, sans-serif;
	color: #272727;
	font-size: 18px;
}

.product-formula a {
	color: #005c96;
	font-weight: bold;
	font-size: 24px;
}

.product-formula .footnote {
    font-size: 12px;
}

.product-formula sup {
    font-size: 10px;
}

/* Flexbox */
.chart-products-flex-container {
	display: flex;
}

.chart-image {
	width: 400px;
	margin-right: 30px;
}

.chart-image img {
	max-width: 342px;
	height: auto;
}

.chart-product-formula {
	padding-top: -50px;
}

.chart-product-formula h2 {
	margin: 0px;
	font-family: Vollkorn, serif;
	color: #005c96;
	font-size: 29px;
}

.chart-product-formula p {
	font-family: Lato, sans-serif;
	color: #272727;
	font-size: 18px;
}


/* Link Button */
a.products-formula-buttonn,
a.products-formula-button:active,
a.products-formula-button:visited,
a.products-formula-button:link {
	display: block;
	max-width: 200px;
	font-size: 20px;
	text-align: center;
	padding: 10px 40px 10px 40px;
	background-color: #01a5df;
	text-decoration: none;
	color: #fff !important;
	font-family: Vollkorn;
	transition: 0.3s;
}

a.products-formula-button:hover {
	background-color: #0066a6;
	text-decoration: none;
	color: #fff !important;
}

.product-features-ligthgrey {
	background-color: #f7f6f6;
}

.product-features-formula-wrapper {
	padding: 10px 0px 30px 0px;
	margin: 10px 0px 40px 0px;
}

.product-features-formula-wrapper h2 {
	font-family: Vollkorn, serif;
	color: #0066a6;
	font-size: 29px;
}


.product-features-formula-extra ul {
	margin-top: 0px;
	margin-bottom: 0px;
	list-style: none; /*remove bullet points*/
}

/* Replaces the list-item marker with an image */
.product-features-formula-extra ul li {
	font-family: Lato, sans-serif;
	color: #333333;
	font-size: 18px;
	background-image: url('../images/product-info/check.png');
	background-position: 0px 3px;
	background-size: auto;
	background-repeat: no-repeat;
	padding-left: 40px;
	width: auto;
	margin-bottom: 10px;
	margin-left: -10px;
}

/* Flexbox */
.product-features-formula {
	display: flex;
}

.product-features-formula ul {
	margin-top: 0px;
	margin-bottom: 0px;
	/*margin-left: 20px;*/
	list-style:none;/*remove bullet points*/
}


/* Replaces the list-item marker with an image */
.product-features-formula ul li {
	font-family: Lato, sans-serif;
	color: #333333;
	font-size: 18px;
	background-image: url('../images/product-info/check.png');
	background-position: 0px 3px;
	background-size: auto;
	background-repeat: no-repeat;
	padding-left: 40px;
	width: auto;
	margin-bottom: 10px;
	margin-left:-10px;
}

.column-left {
	/*width: 70%;*/
	width: 60%;
}

.column-left li {
	/*width: 80%;*/
}

.column-right {
	width: 50%;
}

.column-50 {
    width: 50%;
}

.product-at-retailer-wrapper h2 {
	margin-bottom: 30px;
	font-family: Vollkorn, serif;
	color: #0066a6;
	font-size: 29px;
}

/*Flexbox*/
.product-at-retailers {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
}

	/*.product-at-retailers p {
		font-size: 24px;
		margin-top: 60px;
		margin-bottom: 60px;
	}*/

	.product-at-retailers p {
		font-size: 18px;
		margin-top: 60px;
		margin-bottom: 60px;
		color: #272727;
		font-family: Lato, sans-serif;
		line-height: 25px;
		font-weight: 400;
	}

		.product-at-retailers p a,
		.product-at-retailer-procare p a{
			color: #39b3de;
			text-decoration: none;
			border-bottom: 0px;
			font-weight: normal;
		}

.product-at-retailer {
	text-align: center;
	font-family: Lato, sans-serif;
	text-transform: uppercase;
	font-size: 18px;
	color: #0066a6;
	font-weight: Bold;
}



/* INGREDIENT TABLE */
.IngredientTable {
	border: 2px solid #e8e8e8;
	margin: auto;
	font-size: 16px;
	line-height: 24px;
	max-width: 700px;
	padding-left: 4%;
	padding-right: 4%;
}

.IngredientTable_ProCare {
	border: 2px solid #e8e8e8;
	margin: auto;
	font-size: 16px;
	line-height: 24px;
	max-width: 850px;
	padding-left: 4%;
	padding-right: 4%;
}

.IngredientTable_HA {
	border: 2px solid #e8e8e8;
	margin:50px auto 0px auto;
	font-size: 16px;
	line-height: 24px;
	max-width: 850px;
	padding-left: 4%;
	padding-right: 4%;
	
}

/*Flexbox*/
.IngredientTableRow {
	display: flex;
	flex-direction: row;
}

/* Nutrition Facts Rows & Columns */
.IngredientTableRow > :nth-child(2) {
	width: 220px;
	border-bottom: 2px solid #e8e8e8;
}

/* Products Comparison Rows & Columns */
.IngredientTableRow > :nth-child(3),
.IngredientTableRow > :nth-child(4),
.IngredientTableRow > :nth-child(5) {
	width: 250px;
	text-align: center;
	border-bottom: 2px solid #e8e8e8;
}

.IngredientTableRow > :nth-child(3) {
	background-color: #fff9dc;
}

.IngredientTableTop {
	font-weight: bold;
	font-size: 14px;
}

.IngredientTableHead {
	color: #0066a6;
	font-weight: bold;
	font-size: 22px;
}

.IngredientTableHead > :nth-child(2),
.IngredientTableHead > :nth-child(3),
.IngredientTableHead > :nth-child(4) 
{
	border-bottom: 0px;
	padding-bottom: 10px;
}

.IngredientTableHead img {
	width: 17px;
	margin-top: 20px;
}

.tableprice {
	font-family: Lato, sans-serif;
	color: #0066a6;
	font-size: 36px;
	line-height: 25px;
}

.image-responsive-1
 {
	max-width: 100%;
	height: auto;
}

.formula-label {
	font-family: Lato, sans-serif;
	text-transform: uppercase;
	font-size: 17px;
	line-height: 140%;
	font-weight:700;
}

.formula-label-color {
	color: #ef5f92;
}

/* Style superscript */
.tableprice sup {
	font-size: 14px;
	position: relative;
	top: -6px;
}

.IngredientTableRow.IngredientTableTop > :nth-child(2),
.IngredientTableRow.IngredientTableTop > :nth-child(3),
.IngredientTableRow.IngredientTableTop > :nth-child(4) 
{
	border-bottom: 2px solid #0066a6;
}

/* End INGREDIENT TABLE */


.button-download-comparison {
	min-width: 300px;
	margin-bottom: 20px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 8px;
	background-color: #39b3de;
	font-family: Vollkorn, serif;
	font-weight: 700;
}

.download-comparison {
	margin: auto;
	margin-top: 50px;
	margin-bottom: 0px;
	text-align: center;
}

.composition-wrapper h2 {
	font-family: Vollkorn, serif;
	color: #0066a6;
	font-size: 29px;
	font-weight: 700;
}

.reference {
	margin-bottom: 40px;
	font-size: 14px;
	line-height: 1.5;
	font-family: Lato, sans-serif;
	color:#272727;
}

.reference p {
	margin-bottom: 16px;
	color: #272727;
	font-weight: 400;
}

/* Style superscript */
.composition-wrapper sup {
	font-size: 65%;
}

/* Style products advantage page */
.pedro-wrapper p {
	font-family: Lato, sans-serif;
	color: #272727;
	font-size: 18px;
}

.pedro-flex-container {
	display: flex;
	justify-content: space-between;
}

.pedro-videos {
	border: 3px solid #ebebeb;
	margin-right: 10px;
}

.pedro-explains {
	max-width: 550px;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 20px;
}

.pedro-explains h2 {
	margin: 0px;
	font-family: Vollkorn, serif;
	color: #005c96;
	font-size: 29px;
}

.pedro-explains p {
	font-family: Lato, sans-serif;
	color: #272727;
	font-size: 18px;
}

.pedro-explains ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style: none; /*remove bullet points*/
}


/* Replaces the list-item marker with an image */
.pedro-explains ul li {
	font-family: Lato, sans-serif;
	color: #272727;
	font-size: 18px;
	background-image: url('../images/product-info/check.png');
	background-position: 0px 3px;
	background-size: auto;
	background-repeat: no-repeat;
	padding-left: 40px;
	width:100%;
	margin-bottom:10px;
	margin-left:-35px;
}

.pale-blue-background {
	background-color: #c0e8f8;
}

.IngredientTableRow.pale-blue > :nth-child(3) {
	background-color: #c0e8f8;
}

/* Style products tender page */
.product-features-white-smoke-background {
	background: #f7f6f6;
}

.purple-background {
	background-color: #e6deee;
}

.IngredientTableRow.purple > :nth-child(3) {
	background-color: #e6deee;
}

/* Style products procare page */
.product-at-retailer-procare{
	text-align:center;
	margin-top:-70px;
	margin-bottom:-30px;
	
}

.product-features-white-smoke-background{
	background:#f7f6f6;
}

.kirkland-procare-wrapper h2 {
	margin-bottom: 30px;
	font-family: Vollkorn, serif;
	color: #0066a6;
	font-size: 36px;
	font-weight: 700;
}

.product-comparison-procare h2{
	font-family: Vollkorn, serif;
	color: #0066a6;
	font-size: 36px;
	font-weight: 700;
	text-align:center;
}

.IngredientTableRow.IngredientTableTop > :nth-child(5) {
	border-bottom: 2px solid #0066a6;
}

.IngredientTableHead > :nth-child(5) {
	border-bottom: 0px;
	padding-bottom: 10px;
}

.table-price-ounce {
    font-size: 14px;
    line-height: 2;
    color: #0066a6;
}

.product-disclaimer-procare{
	font-family:Lato, sans-serif;
	color:#0066a6;
	font-size:22px;
	font-weight:bold;
	width:90%;
	line-height:1.2;
	margin:auto;
}

/* Style products gentle page */
.product-features-white-smoke-background {
	background: #f7f6f6;
}

.purple-background {
	background-color: #e6deee;
}

.IngredientTableRow.purple > :nth-child(3) {
	background-color: #e6deee;
}

/* Style products sensitivity page */
.product-features-white-smoke-background {
	background: #f7f6f6;
}

.orange-background {
	background-color: #feebd5;
}

.IngredientTableRow.orange > :nth-child(3) {
	background-color: #feebd5;
}

/* Style products added rice starch page */
.product-features-white-smoke-background {
	background: #f7f6f6;
}

.light-pink-background {
	background-color: #feede8;
}

.IngredientTableRow.light-pink > :nth-child(3) {
	background-color: #feede8;
}

/* Style products soy page */
.product-features-white-smoke-background {
	background: #f7f6f6;
}

.pink-background {
	background-color: #fce1e8;
}

.IngredientTableRow.pink > :nth-child(3) {
	background-color: #fce1e8;
}

/* Style products complete® comfort page */
.product-features-white-smoke-background {
	background: #f7f6f6;
}

.light-purple-background {
	background-color: #e6deee;
}

.IngredientTableRow.light-purple > :nth-child(3) {
	background-color: #e6deee;
}

/* Style products hypoallergenic page */
.IngredientTableRow.almond > :nth-child(3) {
	background-color: #ffe6d4;
}

/* Style news page */
.news-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 1%;
	margin-top: 30px;
	
}

.news-item {
	flex: 24%;
	max-width: 24%;
	cursor: pointer;
	text-decoration: none;
	margin-bottom:2px;
}

p.news-item-title {
	color: #272727;
	font-size: 17px;
	font-family: Lato, sans-serif;
	line-height: 24px;
	font-weight:700;
	margin-top:5px;
	margin-bottom:0px;
}

p.news-item-date {
	color: #272727;
	font-size: 17px;
	font-style: italic;
	font-weight: 400;
	margin-top: 5px;
}


.news-item img {
	max-width: 100%;
	height: auto;
}


/* Style faqs page */
.faqs-container {
	margin-top: 50px;
}

.accordion {
	font-family: Vollkorn, serif;
	color: #005c96;
	font-size: 26px;
	line-height: 110%;
	font-weight: bold;
	cursor: pointer; 
}

.accordion:hover,
.accordion:focus,
.accordion:active {
}

/* Add awesome font icons before clicks */
.accordion:after {
	content: '\f107'; /*angle-down icon*/
	color: #2a64a5;
	float: right;
	margin-right: 5px;
	font-size: 22px;
	font-family: FontAwesome;
	font-weight: 600;
}

/* Add awesome font icons after clicks */
.accordion.active:after {
	content: '\f106'; /*angle-up icon*/
}

.panel {
	background-color: white;
	max-height: 0px;
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 20px;
	border-bottom: 1px #808080 solid; /*Adding bottom border*/
	transition: max-height 0.5s ease-out; /*Adding transition effect*/
}

.answer-container {
	font-family: Lato, sans-serif;
	margin-bottom: 16px;
	color: #272727;
	font-size: 18px;
	font-weight: 400;
	line-height: 140%;
}

.answer-item {
	font-size: 14px;
	margin: 0px;
	color: #024ea4;
	font-weight: 700;
}

.no-underline {
	color: #0066a6;
	text-decoration: none;
	font-family: Lato, sans-serif;
	font-size: 18px;
}

.footnotes p {
	font-size: 12px;
	line-height: 1.5;
	color: #272727;
	margin-top: 50px;
}

.how-we-make-video {
	margin-right: 20px;
}

.how-we-make-video-description {
	margin-top: auto;
	margin-bottom: auto;
}

.how-we-make-video-description h2 {
	font-family: Vollkorn, serif;
	color: #005c96;
	font-size: 36px;
	font-weight: 700;
	line-height:120%;
}

.how-we-make-video-description p {
	color: #272727;
	font-size: 18px;
	font-weight: 400;
}

.yellow-background {
	background-color: #f1ec91;
	padding: 50px 0px;
}

/*Flexbox*/
.how-we-make-flex-container {
	display: flex;
	justify-content: space-between;
}


/* Style patience resources page */
/*Flexbox*/
.patient-resources-block {
	display: flex;
	flex-wrap: wrap;
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	margin-bottom: 20px;
}

.patient-resources-block-item {
	flex: 32%;
	max-width: 32%;
	margin-right: 10px;
	margin-top: 30px;
	cursor: pointer;
	text-decoration: none;
}

.patient-resources-block-item img {
	max-width: 100%;
	height: auto;
}

.item-title-uppercase {
	color: #ee5a9a;
	font-size: 14px;
	font-family: Lato, sans-serif;
	line-height: 24px;
	font-weight: 700;
	text-transform: uppercase;
}

.patient-resources-item-title {
	color: #272727;
	font-size: 16px;
	font-family: Lato, sans-serif;
	line-height: 24px;
}

p.patient-resources-item-title {
	margin-bottom: 0px;
}

/*Flexbox*/
.mom-kid-flex-container {
	display: flex;
	margin-top: 20px;
	margin-bottom: -40px;
}

.mom-kid-image {
	margin-right: 50px;
}

.mom-kid-info {
	margin-top: auto;
	margin-bottom: auto;
}

.mom-kid-info h2,
h2.patient-resources-wtb {
	margin: 0px;
	font-family: Vollkorn, serif;
	color: #005c96;
	font-size: 36px;
}

.mom-kid-info p {
	font-family: Lato, sans-serif;
	color: #272727;
	font-size: 18px;
}

/* Style about page */
.about-us-block,
.about-us-page-list {
	margin-top: 50px;
}

.about-us-block h2 {
	font-family: Vollkorn, serif;
	color: #005c96;
	font-size: 29px;
	font-weight: bold;
	line-height: 40%;
}

.about-us-block p {
	color: #272727;
	font-size: 18px;
	font-weight: 400;
	line-height: 120%;
	margin-bottom: 50px;
}

/*Flexbox*/
.about-us-page-item {
	display: flex;
	margin-bottom: 40px;
}

.about-us-page-item-image {
	margin-right: 30px;
}

.about-us-page-item-text {
	margin-top: auto;
	margin-bottom: auto;
}

.about-us-page-item-text h3 {
	color: #00a5df;
	font-size: 28px;
	margin-top: 0px;
}

.about-us-page-item-text p {
	color: #272727;
	font-size: 18px;
	font-weight: 400;
	line-height: 130%;
	margin-top: -10px;
	margin-bottom: 0px;
}

.text-blue {
	color: #005c96;
	font-size: 18px;
	font-weight: bold;
}

.about-us-where-to-buy-block {
	margin-top: 50px;
}

/*Flexbox*/
.perrigo-pediatrician-flex-container {
	display: flex;
	margin-top: 50px;
	margin-bottom: -40px;
}

.perrigo-pediatrician-item {
	margin-top: auto;
	margin-bottom: auto;
}

.perrigo-pediatrician-item img {
	max-width: 70%;
	height: auto;
}

.perrigo-pediatrician-flex-container > div {
	color: #272727;
	font-size: 18px;
	font-weight: 400;
	line-height: 130%;
}


/* Style previous & next article */
/*Flexbox*/
.news-article-nav-block {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	margin-bottom: 20px;
}

.news-article-nav-block a {
	margin-top: auto;
	margin-bottom: auto;
	width: 360px;
}

.news-article-nav-item {
	display: flex;
	padding: 20px;
}

.news-article-nav-item:hover {
	background-color: #F4F4F4;
	cursor: pointer;
}

/* Style awesome font left-arrow icon */
.previous-article-arrow {
	margin-right: 10px;
	margin-top: auto;
	margin-bottom: auto;
}

/* Add awesome font left-arrow icon */
.previous-article-arrow:after {
	content: '\f177'; /*left-arrow icon*/
	color: #2a64a5;
	font-size: 18px;
	font-family: FontAwesome;
}

/* Style awesome font right-arrow icon */
.next-article-arrow {
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 10px;
}

/* Add awesome font right-arrow icon */
.next-article-arrow:after {
	content: '\f178'; /*right-arrow icon*/
	color: #2a64a5;
	font-size: 18px;
	font-family: FontAwesome;
}

.previous-article-title,
.next-article-title {
	color: #005c96;
	font-size: 16px;
	line-height: 120%;
	font-weight: 700;
	font-family: Lato, sans-serif;
}

.article-label-back-page {
	color: #005c96;
	font-size: 16px;
	line-height: 190%;
	font-weight: 700;
	font-family: Lato, sans-serif;
}

.article-label-back-page-last {
	color: #005c96;
	font-size: 16px;
	line-height: 190%;
	font-weight: 700;
	font-family: Lato, sans-serif;
	float: right;
	margin-right: 10px;
	
	
}

.article-label-previous-page,
.article-label-next-page {
	color: #ee5a9a;
	font-size: 14px;
	line-height: 190%;
	font-weight: 700;
	font-family: Lato, sans-serif;
	text-transform: uppercase;
}

p a {
	border-bottom: 1px solid #005c96;
}

.publish-date {
	font-family: Lato, sans-serif;
	font-style: italic;
	color: #272727;
	font-size: 18px;
	font-weight: 400;
}

.news-article-block p {
	font-family: Lato, sans-serif;
	color: #272727;
	font-size: 18px;
}

/*Back to News Page arrow
Align to the right of the image*/
.align-right {
	float: right;
}


/*Button*/
.download-survey-fact-sheet-button {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
}

.h2 {
	font-family: Vollkorn, serif;
	color: #005c96;
	font-size: 29px;
	line-height: 100%;
}

/*Flexbox*/
.mom-wallet-items {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 30px;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #39b3de;
}

.mom-wallet-item {
	max-width: 260px;
	color: #fefeff;
	font-family: Lato, sans-serif;
	font-size: 18px;
	margin-left: 20px;
}

.mom-wallet-items img {
	width: 250px;
	height: auto;
}

._3-in-10-moms {
	margin-bottom: 2px;
	color: #f2eb7d;
	font-size: 20px;
	font-weight: 900;
	
}

._65-30-stat {
	display: block;
	text-align: center;
	background-color: #7bc683;
	padding: 30px 10px 30px 10px;
	margin-bottom: 40px;
}

._65-30-stat img {
	width: 600px;
	height: auto;
}

/*Flexbox*/
._40-perecent-moms-items {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 30px 20px 30px 20px;
	background-color: #0066a6;
}

._40-perecent-moms-item {
	color: #fefeff;
	font-family: Lato, sans-serif;
	font-size: 18px;
	max-width: 360px;
	text-align: right;
	margin-right: 20px;
}

._40-perecent-moms-item img {
	width: 200px;
	height: auto;
}

._40-percent-of-moms {
	margin-bottom: 2px;
	color: #39b3de;
	font-size: 20px;
	font-weight: bold;
}

._88-perecent-moms-item {
	color: #fff;
	font-family: Lato, sans-serif;
	font-size: 18px;
}

._88-perecent-of-moms {
	margin-bottom: 2px;
	color: #0066a6;
	font-size: 20px;
	font-weight: bold;
}

._49-percent,
._3-to-5-days {
	color: #0066a6;
	font-size: 20px;
	font-weight: bold;
}



._88-49-77-perecent-moms-block {
	background-color: #95d098;
	color: #fefeff;
	font-family: Lato, sans-serif;
	font-size: 18px;
	padding: 30px 20px 30px 20px;
	margin-bottom: 50px;
}

/*Flexbox*/
._88-perecent-moms-items {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}

._88-perecent-moms-items img {
	width: 170px;
	height: auto;
	margin-right: 50px;
}

._88-perecent-moms-item {
	max-width: 350px;
}

/*Flexbox*/
._49-perecent-moms-item-wrapper {
	display: flex;
	margin-top: 70px;
	margin-right: 50px;
}

/*Flexbox*/
._49-77-perecent-moms-items {
	display: flex;
}

._49-percent-bar-img img {
	width: 350px;
	height: auto;
}

.bottle-dollars-img img {
	width: 100px;
	height: auto;
	margin-right: 30px;
	margin-left: 30px;
}



/*Flexbox*/
._77-perecent-moms-item-wrapper {
	display: flex;
	margin-top: auto;
	margin-bottom: auto;
	position: relative;
	top: -50px;
}

._77-perecent-moms-item {
	margin-top: auto;
	margin-bottom: auto;
	margin-right: 10px;
}

._77-perecent-moms-item img {
	width: 110px;
	height: auto;
}

.stats-arrow-1-img img {
	position: absolute;
	margin-top: 100px;
	margin-left: 150px;
	width: 80px;
	height: auto;
}

.stats-arrow-2-img img {
	position: absolute;
	margin-top: -70px;
	margin-left: 480px;
	width: 130px;
	height: auto;
}

.news-article-block img {
	max-width: 1100px;
	height: auto;
}


/* Dilution is Not the Solution Block */
/*Flexbox*/
.dilution-not-the-solution-block {
	display: flex;
	/*flex-direction: row-reverse;*/
	justify-content: center;
	align-items: center;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #0067a4;
}

.dilution-not-the-solution-block div:nth-child(2) {
	margin-left: 50px;
}

/*Flexbox*/
.dilution-not-the-solution-items {
	display: flex;
}

.dilution-not-the-solution-item {
	color: #fff;
	font-size: 18px;
}

.top-line {
	font-family: Lato, sans-serif;
	color: #fff;
	font-size: 20px;
	font-weight: 900;
}

.more-than-half-of-moms {
	max-width: 470px;
}

._52-percent-stated {
	max-width: 350px;
	text-align: right;
}

.dilution-block-bottom {
	padding: 20px;
	background-color: #07a4de;
}

.dilution-block-bottom p {
	margin-top: 0px;
	margin-bottom: 0px;
	color: #fff;
	text-align: center;
}

.yellow-bold-text {
	color: #f2eb7d;
	font-weight: 700;
}

img.too-much-water-arrow-image {
	position: relative;
	top: 20px;
	left: 20px;
}


/* Bola Sokunbi Block */
h3 {
	font-size: 24px;
	line-height: 30px;
	margin-top: 20px;
}

.sakunbi-heading {
	font-family: Vollkorn, serif;
	color: #39b3de;
	text-align: center;
}

.sokunbi-p {
	font-style: italic;
	font-weight: 400;
	text-align: center;
}

.big-bold {
	font-size: 24px;
	line-height: 0%;
	font-weight: 900;
}



/* Help Families Understand All Available Options Block */
/*Flexbox*/
.help-families-understand-available-options-block {
	display: flex;
	padding: 38px;
	background-color: #eff0f1;
}

.snap-eligible-image {
	width: 500px;
	height: auto;
}

.snap-arrow {
	margin-left: 150px;
}

.snap-more-than-half-heading {
	margin-bottom: 2px;
	color: #f05f91;
	font-size: 20px;
	font-weight: 900;
}

.help-families-understand-available-options-block-item {
	font-family: Lato, sans-serif;
	font-size: 18px;
	max-width: 500px;
	text-align: right;
	line-height: 140%;
	margin-right: 30px;
	margin-top: 10px;
}

.help-families-understand-available-options-block-items div:nth-child(3) {
	margin-top: 0px;
}

.big-bold-blue {
	font-family: Lato, sans-serif;
	color: #293679;
	font-size: 20px;
	line-height: 0%;
	font-weight: 900;
}

.maximize-block {
	margin-top: -30px;
	margin-right: auto;
	margin-left: auto;
	background-color: #eff0f1;
	padding: 38px;
}

.maximize-heading {
	margin-bottom: 0px;
	font-family: Vollkorn, serif;
	color: #39b3de;
	text-align: center;
}

.maximize-p {
	text-align: center;
	max-width: 880px;
	margin-right: auto;
	margin-left: auto;
}

/* Download Fact Sheet Block */
.download-fact-sheet-block {
	padding: 20px 30px 1px 30px;
	background-color: #f7f8f9;
}

.download-fact-sheet-block p {
	margin-bottom: 16px;
	color: #272727;
	font-size: 18px;
	font-weight: 400;
}


.news-article-block p {
	line-height: 120%;
}

/* New york time picks section */
.nyt-main-image {
	width: 100%;
	height: auto;
}

/*Flexbox*/
.nyt-picks-section {
	display: flex;
	justify-content: space-around;
	font-family: Lato, sans-serif;
	font-size: 18px;
	line-height: 140%;
	margin-top: 50px;
	margin-bottom: 50px;
}

.nyt-picks-section-item {
	width: 250px;
	text-align: center;
	cursor: pointer;
}

.nyt-picks-section-item a {
	color: #005c96;
	font-weight: 700;
	text-decoration: underline;
}

.nyt-picks-image {
	width: 200px;
	height: 182px;
}


.nyt-picks-blue-bg {
	max-width: 920px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px 20px 0px 20px;
	background-color: #dbf1fa;
	text-align: center;
	margin-bottom: 30px;
}

p.nyt-picks-black-text {
	font-size: 18px;
	margin-bottom: 0px;
	font-family: Vollkorn, serif;
	color: #272727;
	font-style: normal;
	font-weight: 700;
	
	margin-left: auto;
	margin-right: auto;
	display:inline-block;
}

p.nyt-picks-blue-text {
	font-size: 18px;
	font-family: Vollkorn, serif;
	color: #0066a5;
	font-style: italic;
	font-weight: 700;
	line-height: 140%;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
}

/* pediatricians section */
.solitudebackground {
	background-color: #f1f3f4;
	padding: 20px;
}

/*flexbox*/
.pediatricians-para-1 {
	display: flex;
	font-size: 18px;
	font-weight: 400;
	line-height: 140%;
}

/*flexbox*/
.pediatricians-para-2 {
	display: flex;
	font-size: 18px;
	font-weight: 400;
	line-height: 140%;
	margin-top: 30px;
	margin-bottom: 30px;
}

.read-switching-study {
	position: absolute;
	right: 0;
	width: 32%;
	margin-top: -20px;
	padding: 20px 30px;
	background-color: #09a2dd;
	font-family: Vollkorn, serif;
	color: #fff;
	line-height: 100%;
	font-weight: 700;
	text-decoration: none;
	border-top-left-radius: 100px;
	border-bottom-left-radius: 100px;
}

/*flexbox*/
.pediatricians-para-3 {
	display: flex;
	font-size: 18px;
	font-weight: 400;
	line-height: 140%;
}

.text-blue {
	color: #005c96;
	margin-bottom: 30px;
}

.text-light-black {
	color: #272727;
	margin-left: 20px;
	font-style: italic;
}

.underline-below {
	border-bottom: 1px solid #fff;
}

.text-darker-blue {
	color: #29367b;
	font-size: 18px;
	font-weight: bold;
}

/* The New York Times Wirecutter Section */
/*Flexbox*/
.wirecutter-article-section {
	display: flex;
	justify-content: space-around;
	align-items: center;
	background-color: #daf1f9;
	padding: 40px 50px 40px 50px;
	margin-top: 50px;
}

.wirecutter-article-section-item p {
	font-family: Lato, sans-serif;
	color: #29367b;
	font-size: 18px;
	font-weight: bold;
	margin-left: 18px;
}

.wirecutter-article-section-item ul {
	margin-top: -10px;
	margin-bottom: 30px;
}

.wirecutter-article-section-item ul li {
	color: #29367b;
	font-family: Lato, sans-serif;
	font-size: 18px;
}

.button-darker-blue {
	padding: 12px 40px;
	background-color: #29367b;
	font-family: Vollkorn, serif;
	color: #fff;
	font-size: 18px;
	text-align: center;
	margin-left: 22px;
}

/* New york time picks section */
.baby-header-image {
	width: 100%;
	height: auto;
}

/*Flexbox*/
.formula-section {
	display: flex;
	margin-top: 50px;
	margin-bottom: 50px;
}

.formula-section-item {
	width: 250px;
	margin-bottom: 30px;
}

.formula-section-item img {
	width: 100%;
	height: auto;
}

ul.style-list-informed-decisions-items {
	font-family: Lato, sans-serif;
	font-size: 18px;
}



/****************************************************************************
Responsive Layout
****************************************************************************/

/* For iPad landscape layouts only */
@media only screen and (max-device-width: 1024px) and (orientation:landscape) {

	.search-input-expand {
		position: absolute;
	}

	/*.search-input {
		-webkit-transition: width 0.4s ease-in-out;
		transition: width 0.4s ease-in-out;
		width: 80px;
		height: 34px;
		border: 0;
		outline: 0;
		padding: 0px 5px 0px 5px;
		background-position: 90%;
		position: relative;
		margin-left: -10px;
		background-color: #fff;
	}*/

	.search-input {
		-webkit-transition: width 0.4s ease-in-out;
		transition: width 0.4s ease-in-out;
		width: 21px;
		height: 34px;
		border: 0;
		outline: 0;
		margin-left: -10px;
		background-color: transparent;
		position: relative;
		
	}

		.search-input:focus {
			width: 670px;
			right: 55px;
			-webkit-transition: width 0.2s ease-in-out;
			transition: width 0.2s ease-in-out;
			margin-top: 30px;
			background-position: 99%;
			background-color: #fff;
			position: absolute;
		}

	
	/* Search Box Input Placehoder */
		.search-input::placeholder { /* Chrome/Opera/Safari */
			color: transparent;
		}

		.search-input:focus::placeholder { /* Chrome/Opera/Safari */
			font-size: 15px;
			color: #aaa;
		}

		.search-input::-webkit-input-placeholder {
			color: transparent;
		}

		.search-input:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
			font-size: 15px;
			color: #aaa;
		}

		.search-input:-ms-input-placeholder {
			color: transparent;
		}

		.search-input:focus:-ms-input-placeholder { /* Chrome/Opera/Safari */
			font-size: 12px;
			color: #aaa;
		}

		.search-input::-ms-input-placeholder {
			color: transparent;
		}

		.search-input:focus::-ms-input-placeholder { /* Chrome/Opera/Safari */
			font-size: 15px;
			color: #aaa;
		}
	
}


@media all and (max-width:1300px) {


	/*pediatricians section*/
	/*flexbox*/
	.pediatricians-para-2 a {
		margin-right: auto;
		margin-left: auto;
	}

	.read-switching-study {
		left: 0;
		width: 270px;
		margin-left: 0px;
		margin-top: 50px;
		border-top-right-radius: 100px;
		border-bottom-right-radius: 100px;
		text-align: center;
	}

	.pediatricians-para-3 {
		margin-top: 100px;
	}
	

}

@media all and (max-width:990px) {


	.header-product-info {
		margin-top: 50px;
		margin-bottom: 10px;
	}

	.header-product-info h1 {
		font-size: 30px;
		line-height: 40px;
	}




	/*New york time picks section*/
	/*Flexbox*/
	.nyt-picks-section {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}

	.nyt-picks-section-item {
		margin-bottom: 20px;
	}
	
	/*The New York Times Wirecutter Section*/
	/*Flexbox*/
	.wirecutter-article-section {
		flex-direction: column
	}

	.wirecutter-article-box-image {
		max-width: 100%;
	}


	/*Flexbox*/
	.formula-section {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}

	.news-article-block img,
	._65-30-stat img {
		max-width: 100%;
		height: auto;
	}

	.stats-arrow-1-img,
	.stats-arrow-2-img {
		display: none;
	}

	/*Flexbox*/
	._49-77-perecent-moms-items {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	._49-perecent-moms-item-wrapper {
		margin-top: 20px;
		margin-right: 0px;
		max-width: 650px;
	}

	._49-percent-bar-img img {
		width: 100%;
		height: auto;
	}

	.bottle-dollars-img img {
		width: 80%;
		height: auto;
	}

	/*Flexbox*/
	._77-perecent-moms-item-wrapper {
		justify-content: center;
		align-items: center;
		max-width: 650px;
		margin-bottom: 20px;
		top: 30px;
	}

	._77-perecent-moms-item-wrapper div:nth-child(2) {
		padding-left: 50px;
	}

	._77-perecent-moms-item {
		margin-left: auto;
		margin-right: auto;
	}

	._77-perecent-moms-item img {
		width: 100%;
		height: auto;
	}


	/* Dilution is Not the Solution */
	img.too-much-water-arrow-image {
		display: none;
	}

	/*Flexbox*/
	.dilution-not-the-solution-block {
		flex-direction: column;
		padding-bottom: 20px;
	}

	.dilution-not-the-solution-block div:nth-child(2) {
		margin-left: 0px;
	}

	/*Flexbox*/
	.dilution-not-the-solution-items {
		flex-direction: column-reverse;
	}

	.dilution-not-the-solution-item {
		text-align: center;
		margin-top: 20px;
	}

	.more-than-half-of-moms,
	._52-percent-stated {
		max-width: 100%;
	}
	/* Dilution is Not the Solution */


	/* Help Families Understand All Available Options Block */
	.snap-arrow {
		display: none;
	}

	/*Flexbox*/
	.help-families-understand-available-options-block {
		flex-direction: column-reverse;
		justify-content: center;
		align-items: center;
	}

	.snap-eligible-image {
		max-width: 100%;
	}

	.help-families-understand-available-options-block-item {
		max-width: 100%;
		margin-right: 0px;
		text-align: center;
		margin-top: 40px;
		margin-bottom: 20px;
	}

	.maximize-block {
		margin-top: -70px;
	}

	.flex-container {
		flex-direction: column;
	}

	.flex-container-reverse {
		flex-direction: column-reverse;
	}

	.flex-item {
		margin: 20px 0px 20px 0px;
		text-align: center;
	}

	.widthleft {
		margin: auto;
		text-align: center;
	}

	.widthleft p {
		width: 67%;
		margin-left: auto;
		margin-right: auto;
	}

	.widthleft a {
		display: inline-block;
		margin-top: 10px;
	}

	.homebanner,
	.width50 {
		width: 100%;
	}

	.width65,
	.width30 {
		width: 100%;
	}

	.homebanner.flex-container {
		width: 95%;
		margin: auto;
	}

	.footer p:first-child,
	.footer p:last-child {
		width: 95%;
	}


	/* Carousel products */
	.carouselbanneritem img {
		max-width: 100%;
		height: auto;
	}


	/* Video responsive */
	.videoWrapper {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 25px;
		height: 0;
	}

	.videoWrapper iframe,
	.video-wrapper embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	/* Style products page */
	.product-info {
		width: 95%;
		margin: auto;
	}

	.formula-routine-product {
		width: 50%;
		margin-right: 20px;
	}

	.formula-routine-product img {
		width: 90%;
		height: auto;
	}

	/* Style products infant page */
	/* Flexbox */
	.products-flex-container {
		flex-direction: column;
	}

	.product-formula {
		width: auto;
	}

	.product-image img {
		float: none;
		margin-top: 20px;
	}

	.products-flex-container {
		margin-left: auto;
		margin-right: auto;
	}

	.chart-products-flex-container {
		margin-left: auto;
		margin-right: auto;
	}

	.composition-wrapper {
		width: 90%;
		margin: auto;
	}

	.product-features-formula-wrapper {
		width: 90%;
	}

	/* Style products advantage page */
	.pedro-wrapper {
		width: 95%;
		margin: auto;
	}

	/* Flexbox */
	.pedro-flex-container {
		flex-direction: column;
		align-items: center;
	}

	.pedro-videos {
		width: 100%;
		height: auto;
	}

	.pedro-explains {
		max-width: 100%;
		margin-top: 20px;
	}

	/* Style faqs page */
	.how-we-make-flex-container {
		flex-direction: column;
		align-items: center;
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}

	.faqs-container {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}

	.how-we-make-video {
		width: 100%;
		height: auto;
		margin: auto;
	}


	/* Style news page */
	.news-container {
		justify-content: space-between;
	}

	.news-item {
		flex: 32%;
		max-width: 32%;
	}

	.mom-kid-flex-container {
		flex-direction: column;
		align-items: center;
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}

	.mom-kid-image {
		margin-right: 0px;
	}

	.mom-kid-image img {
		max-width: 100%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}


	/* Style about page */
	.about-us-block h2 {
		line-height: 100%;
	}

	/*Flexbox*/
	.perrigo-pediatrician-flex-container {
		flex-direction: column;
	}

	.pediatrician-item {
		margin-left: auto;
		margin-right: auto;
	}

	.pediatrician-item img {
		max-width: 100%;
		height: auto;
	}

	/*Responsive font*/
	.IngredientTableRow .formula-label {
		/*font-size: 2vw;*/
		font-size: 100%;
	}

	.IngredientTableRow .tableprice {
		/*font-size: 4vw;*/
		font-size: 100%;
	}


}

@media all and (max-width:865px) {

	/* Style products infant page */
	.product-at-retailer-wrapper {
		margin: auto;
	}

	.product-at-retailers p {
		text-align: center;
	}

	.product-at-retailer:nth-child(5) {
		margin-top: 30px;
	}
	

}

/* To make a three column-layout instead of four columns */
@media (max-width: 800px) {

	
	/* Style patient resources */
	.patient-resources-block-item {
		margin-left: auto;
		margin-right: auto;
	}

}

@media all and (max-width:764px) {


	/* Style products infant page */
	/* Flexbox */
	.chart-products-flex-container {
		flex-direction: column;
	}

	.chart-image {
		width: auto;
		margin: auto;
		margin-bottom: 30px;
		text-align: center;
	}

	.chart-image img {
		max-width: 90%;
	}

	.chart-product-formula {
		padding-top: 0px;
		margin: auto;
	}

	/* Flexbox */
	.product-features-formula {
		flex-direction: column;
	}

	.column-left {
		width: 100%;
	}

	.column-left li {
		width: 100%;
	}

	.column-right {
		width: 100%;
	}

	.column-50 {
		width: 100%;
	}

	/* Style news page */
	.news-item {
		flex: 49%;
		max-width: 49%;
	}

}

@media all and (max-width:740px) {

	.read-switching-study {
		margin-top: 70px;
	}
	
}

@media all and (max-width:674px) {

	/* Style previous next article */
	/*flexbox*/
	.news-article-nav-block {
		flex-direction: column;
	}

	.news-article-nav-item {
		justify-content: center;
		padding: 10px;
	}

	.news-article-nav-block a {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
	}

}

@media all and (max-width:650px) {

	/*Flexbox*/
	._40-perecent-moms-items {
		flex-direction: column-reverse;
	}

	._40-perecent-moms-item img {
		margin-bottom: 20px;
	}

	/*Flexbox*/
	._88-perecent-moms-items {
		flex-direction: column;
	}

	._88-perecent-moms-item img {
		margin-bottom: 20px;
		margin-right: 0px;
	}


	/*Flexbox*/
	._49-perecent-moms-item-wrapper {
		flex-direction: column-reverse;
	}

	.bottle-dollars-img {
		text-align: center;
	}

	.bottle-dollars-img img {
		margin-bottom: 20px;
		width: 185px;
		height: auto;
	}


	/*Flexbox*/
	._77-perecent-moms-item-wrapper {
		flex-direction: column;
	}

	._77-perecent-moms-item img {
		margin-bottom: 20px;
		width: 185px;
		height: auto;
	}

	._77-perecent-moms-item-wrapper div:nth-child(1) {
		text-align: center;
	}

	._77-perecent-moms-item-wrapper div:nth-child(2) {
		padding-left: 0px;
	}


}

@media all and (max-width:620px) {

	.footermenu a {
		display: block;
		width: 200px;
		margin: auto;
		margin-bottom: 10px;
	}

	/* Responsive font-size */
	.IngredientTable,
	.IngredientTableRow,
	.IngredientTable p,
	.IngredientTable p sup {
		font-size: 2.5vw;
	}

	.IngredientTable3 {
		line-height: 14px;
		padding-bottom: 10px;
	}

	/* Responsive font-size */
	.IngredientTable3,
	.IngredientTable3 .IngredientTableRow,
	.IngredientTable3 .IngredientTable p,
	.IngredientTable3 .IngredientTable p sup {
		font-size: 2vw;
	}
	
	.formula-label sup, .tableprice sup {
		font-size: 8px !important;
	}


}

/* To make a two column-layout instead of four columns */
@media (max-width: 600px) {

	
	.product-features-formula-wrapper {
		width: 80%;
	}

	/* Style patient resources */
	.patient-resources-block-item {
		flex: 48%;
		max-width: 48%;
	}

}

@media all and (max-width:515px) {

	/* Style products page */
	.formula-routine-flex-container {
		flex-direction: column;
	}

	.formula-routine-product {
		width: 80%;
		margin-right: 0%;
		margin: auto;
	}

	.formula-routine-product img {
		width: 100%;
		height: auto;
	}

	.formula-routine-copy {
		width: 100%;
		margin: auto;
	}

	.formula-routine-copy a {
		margin: auto;
	}

	.formula-routine-copy h2 {
		text-align: center;
		margin-top: 30px;
	}

}

@media all and (max-width:480px) {

	/*Flexbox*/
	.mom-wallet-items {
		flex-direction: column-reverse;
	}

	/*Flexbox*/
	.forty-perecent-moms-items {
		flex-direction: column;
	}

	.mom-wallet-items img,
	.forty-perecent-moms-item img {
		margin-top: 30px;
	}

	
	/* Style news page */
	.news-item {
		flex: 85%;
		max-width: 85%;
		margin-left: auto;
		margin-right: auto;
		
	}

}

@media all and (max-width:456px) {

	.read-switching-study {
		margin-top: 90px;
	}
	
}

@media all and (max-width:415px)
{

	/* Style about page*/
	/*Flexbox*/
	.about-us-page-item {
		flex-direction: column;
	}

	.about-us-page-item-image {
		width: 30%;
		margin-left: auto;
		margin-right: auto;
	}

	.about-us-page-item-image img {
		width: 100%;
	}

	.about-us-page-item-text {
		margin-top: 30px;
	}

	.about-us-page-item-text p {
		line-height: 120%;
	}

	.complete {
		padding-bottom: 14px;
	}

	
	/* Style ingredient table */
	/*.IngredientTable{
		padding-left:0%;
		padding-right:0%;
	}*/
	
}

/* To make a one column stack on top of each other instead of next to each other */
@media all and (max-width: 400px) {

	
	/* Style patient resources */
	.patient-resources-block-item {
		flex: 100%;
		max-width: 100%;
	}

	.patient-resources-block-item img {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

}

@media all and (max-width: 390px){

	.infant {
		padding-bottom: 14px;
	}

	.tender {
		padding-bottom: 16px;
	}

	.gentle {
		padding-bottom: 13px;
	}

	.enfamil-ar {
		padding-bottom: 7px;
	}

	.soy {
		padding-bottom: 6px;
	}

	.complete {
		padding-bottom: 0px;
	}

}

@media all and (max-width:376px) {

	.news-article-nav-block a {
		width: auto;
	}

}



/****************************************************************************
Keyboard accessibility -
Set visual focus indicator: gives users (people with disabilities) visual guidance 
when navigating the menu, links and form controls.
Non-underlined links must become underlined on hover and focus.
****************************************************************************/

/* Set focus indicator for navigate submenu using Tab keyboard */

.dropdown:active .dropdown-content,
.dropdown:focus .dropdown-content,
.dropdown:focus-within .dropdown-content {
	display: block;
}



/* Select all elements, and set their outline indicator color */
/*
*:focus {
	outline: 2px solid #063d60 !important;
}
*/

/* Remove focus styles for non-keyboard focus. */

* a:active:hover,
* a:focus:hover {
	outline: none !important;
}

.dropdown:active:hover .dropdown-content,
.dropdown:focus:hover .dropdown-content {
	outline: none !important;
}



/****************************************************************************
Sticky Scroll back-to-top of the page
****************************************************************************/
#backToTop {
	overflow: hidden;
	z-index: 99999;
	display: none;
	cursor: pointer;
	border-radius: 5px;
	background-color: #09417f;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-family: Vollkorn, serif;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	position: fixed;
	bottom: 10px;
	right: 10px;
	padding:0px 10px 0px 10px;
}

#arrow-up {
	font-size: 20px;
	position: relative;
	bottom:-5px;
}

#backToTop:hover {
	background-color: #02264e;
}

/*Insert a line break*/
#arrow-up:after {
	content: "";
	clear: both;
	display: table;
}



