/******************************************************************
Frequently asked questions (FAQs) page
******************************************************************/
.accordion {
	cursor: pointer;
	text-align: left;
	transition: 0.4s;
	font-size: 14px;
	border-top: 1px solid #DEDEDE;
	padding: 10px 10px 0px 0px;
	font-weight: 500;
}

.accordion .active, .accordion:hover {
	/*background-color: #cccc;*/
}

/* Insert arrow-down after 'Section' text */
.accordion:after {
	content: '\f107';
	color: #2a64a5;
	float: right;
	margin-right: 5px;
	font-size: 22px;
	font-family: FontAwesome;
	font-weight: 100;
}

/* Insert arrow-up after 'Section' text */
.accordion.active:after {
	content: '\f106';
}

.panel {
	padding-left: 25px;
	margin-top: 10px;
	max-height: 0px;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}


.answer-item {
	border-left: 2px solid #eee;
	background-color: #e8e6e6;
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
}



@media all and (max-width:767px)
{
    
	.width800
	{
		margin-left:10px;
		margin-right:10px;
	}

}

/*////Magnify Formula Tubs////*/
.extra-space {
	margin-bottom: 75px;
	margin-top:-70px;
	text-align: center;
}

.extra-space-2 {
	margin-top: -30px;
	text-align: center;
	margin-bottom: 75px;
}


@media all and (max-width:800px) {
	.formulapageformula {
		float: none;
	}

	.extra-space,
	.extra-space-2 {
		margin-bottom: 100px;
		margin-top: 0px;
	}

	
}

@media all and (max-width:415px) {

	.BoxPadding {
		margin-top: -30px;
	}

	.buybutton {
		width: auto;
	}
}

/*////Contact Us////*/
.box
{
    border: 3px solid #E2D2E5;
    border-radius: 10px;
    padding: 10px;
}

.box-pale 
{
	background-color: #F3E9F1;
}

.notIntendedMessage
{
    padding: 10px;
    font-style: italic;
    font-size: 13px;
    line-height: 13px;
    display: block;
    background-color: #FFFFFF;
}

.input-required
{
    color: #FF0000;
    font-size: .9em;
    font-style: italic;
}

.product-inquiry
{
    padding: 20px;
    border: solid 2px #DEDEDE;
    border-radius: 10px;
    background: #fff;
}
        
.rblProductInquiry
{
    margin-top: 20px;
    margin-left: 20px;
}
        
.pnlDiapersWipesContact
{
    padding: 10px;
    border: solid 2px #DEDEDE;
    border-radius: 10px;
    margin-bottom: 40px;
    background: #fff;
}


/*////Contact Us////*/


/*////e-Tummy Helper////*/
.submit-button
{
    margin-top: 3%;
    margin-bottom: 3%;
    margin-left:25px;
}

.list 
{
	list-style: outside;
	margin-bottom: 20px;
	margin-left: 24px;
}

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

.list-spacing li 
{
	line-height: 20px;
	margin-bottom: 10px;
	list-style-type:disc; /*styling bullet-points*/
	margin-left:20px;
	
}

.multiChoicesAnswer
{
    padding-left: 20px;
}
    
.boxFeedingProblems
{
    background-color: white;
    border: 1px solid #E2D2E5;
    border-radius: 10px;
}

.boxFeedingProblems-padded
{
    padding: 10px;
}

.boxFeedingProblems-light
{
    box-shadow: inset 0px 0px 50px rgba(108, 32, 127, 0.09);
}

.boxFeedingProblems-pale
{
    background-color: #f8e8f5;
}
    
.panelQuestions
{
    padding: 5px;
    border: 1px solid #E2D2E5;
    border-radius: 10px;
    box-shadow: inset 0px 0px 50px rgba(108, 32, 127, 0.09);
    background-color: #f9f2f8;
}
    
.panelResults
{
    padding: 5px;
    border: 1px solid #E2D2E5;
    border-radius: 10px;
    box-shadow: inset 0px 0px 50px rgba(108, 32, 127, 0.09);
    background-color: white;
    margin-bottom: 30px;
    font-size: .9em;
}
   
.para
{
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
}
    
.style1
{
    width: 35px;
}
.style2
{
    width: 52px;
}
/*////End e-Tummy Helper////*/


/*////Baby Names Finder////*/
#BabyNames-Search-Section
{
     border: 1px solid #CE73CE;
     width:100%; 
     bgcolor:#F7EAF7;
     border-radius: 10px;
}

.baby-names-finder-section
{
    padding:5px 10px 5px 10px;
}

.RequiredFieldValidator
{
    padding: 10px;
    margin: 0px 0px 0px 0px;
    background-color: white;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 78%;
}

.spacer
{
    margin-top:-15px;
}

.dropdown-list-items
{
    background-color: white;
    height:40px;
	width: 100%;
	box-sizing: border-box;
	border: 2px solid #E2D2E5;
	box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
	border-radius: 5px;
	padding: 5px;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none;
	transition: box-shadow 100ms;
	-webkit-transition: box-shadow 100ms;
	-moz-transition: box-shadow 100ms;
    
    
}

.dropdown-list-items 
{
	padding: 4px 5px;
}


.dropdown-list-items
{
	appearance: none; /*remove browsers default css style*/
    -webkit-appearance: none; /*remove chrome/opera/safari browser css style*/
    -moz-appearance: none; /*remove mozilla browser css prefix*/
    -ms-appearance: none; /*remove internet explorer browser css style*/
    background: url(../images/select-arrow.png) right no-repeat; /* add custom arrow dropdownlist control*/
}

/*remove the default dropdown arrow on IE10+ browser*/
.dropdown-list-items::-ms-expand
{
   display: none;
}

.dropdown-list-items:focus, .dropdown-list-items:active,.dropdown-list-items:hover
{
    
    
    outline: none;
	box-shadow: 0px -1px 0px rgba(0,0,0,0.1),
				0px 0px 2px 1px rgba(146, 39, 143, 0.2);
}



/*////Baby Polls////*/
/*////Survey Questions////*/
.home-baby-poll-wrapper
{
    border: solid 2px #DCBCF5;
    background-color: #f4eff8;
    padding: 1%;
    margin: 1%;
    border-radius: 5px;
}


.para
{
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    margin-bottom: -10px;
}

	
.boxBabyPollResults
{
    background-color: white;
    border: 2px solid #E2D2E5;
    border-radius: 10px;
}

	
.babyPoll-RadioButtonList
{
    margin-bottom:5px;
}

	
.boxBabyPoll-lightPurple
{
    background-image: -webkit-linear-gradient(#f4eff8, #e8d4f9);
    background-image: -moz-linear-gradient(#f4eff8, #e8d4f9);
    background-image: -o-linear-gradient(#f4eff8, #e8d4f9);
    background-image: linear-gradient(#f4eff8, #e8d4f9);
}
	
.boxBabyPoll-padded
{
    padding: 15px;
}
   
/*////Survey Results////*/ 
.boxBabyPollResults
{
    background-color: white;
    border: 2px solid #E2D2E5;
    border-radius: 10px;
}
	
.boxBabyPollResults-lightPurple
{
    background-image: -webkit-linear-gradient(#fbfafc, #e4d5f1);
    background-image: -moz-linear-gradient(#fbfafc, #e4d5f1);
    background-image: -o-linear-gradient(#fbfafc, #e4d5f1);
    background-image: linear-gradient(#fbfafc, #e4d5f1);
}

.style-total-votes
{
    float:right;
    margin-right:50px;
}

/*Vote Now! button*/
.buttonclass
{
    border: 1px solid #520d49;
    background-color: #77256c;
    color: #FFFFFF;
    padding: 10px 25px 10px 25px;
    border-radius: 5px;
    display: block;
    font-family: "Omnes";
    text-align: center;
    cursor:pointer;
}  
/*////End Baby Polls////*/


.subpage
{

}


@media all and (min-width: 768px)
{


.home-baby-poll-wrapper
    {
        width: 80%;
        margin: auto;
    }
   
   
}



@media all and (min-width: 1204px)
{
    
    
.desktop-nav-menu
    {
        display: block;
    } 

.mobile-nav-menu
    {
        display: none;
    }
        

}


/**********************/
/*Store Locator Widget*/
/**********************/
.form-store-locator-wrapper
{
    padding: 5px;
    background-color: #dfd1e1;
    border: 1px solid #BA9CBE;
    border-radius: 5px;
}


.form-store-locator
{
    margin-left: 25px;
    margin-right: 25px;
}

.select-dropdown-items {
	background: url(../images/select-arrow.png) right no-repeat; /* add custom arrow dropdownlist control*/
	background-color: #fff;
	appearance: none; /*remove browsers vendors css prefixes*/
	-webkit-appearance: none; /*remove chrome/opera/safari browser css prefix*/
	-moz-appearance: none; /*remove mozilla browser css prefix*/
	-ms-appearance: none; /*remove internet explorer browser css prefix*/
}

/*.select-dropdown-items:focus, 
	.select-dropdown-items:active, 
	.select-dropdown-items:hover 
	{
	outline: none;
	box-shadow: 0px -1px 0px rgba(0,0,0,0.1), 0px 0px 2px 1px rgba(146, 39, 143, 0.2);
}*/

/*remove the default dropdown arrow on IE10+ browser*/
.select-dropdown-items::-ms-expand
{
   display: none;
}

.error-message
{
    display: block;
    text-align: left;
    width: 100%;
    color: Red;
    margin-bottom: 0px;
}
 
.zip-code-locator
{
    color: #77256c;
    font-weight: bold;
    margin-top:10px;
}

.textbox-control-input-zip-code
{
    width: 100%;
    margin-top: 5px;
    margin-bottom: 15px;
    border: 1px solid #B492B8;
    padding: 10px;
    box-sizing: border-box;
}

.mile-radius-locator
{
    color:#77256c;
    font-weight:bold;
}

.dropdownlist-control-radius
{
    width: 100%;
    margin-top: 5px;
    border:solid 1px #B492B8;
    padding: 9px;
    box-sizing: border-box;
}

.button-submit-locator
{
    display: block;
    margin-top: 40px;
}

/*Store Locator: Find a Walmart button*/
.ButtonClass
{
    width: 100%;
    border: 1px solid #520d49;
    padding: 10px 25px 10px 25px;
    font-weight: bold;
    background-color: #77256c;
    border-radius: 5px;
    font-family: "Omnes";
    font-size: 18px;
    color: #fff;
    cursor:pointer;
}

/*@media all and (min-width: 768px)*/
@media all and (min-width: 667px) 
{

  
.StoreLogoList
    {
        display: inline-block;
        width: 45%;
        margin-right: 30px;
    }    
   
 
.error-message
    {
        margin-left: 0px;
        margin-bottom: -10px;
    }

.zip-code-locator
    {
        display: inline-block;
        width: 180px;
        text-align: left;
        margin-right: 30px;
    }

.textbox-control-input-zip-code
    {
        padding: 10px;
    }
    
.mile-radius-locator
    {
        display: inline-block;
        width: 180px;
        text-align: left;
        margin-right: 20px;
    }

.dropdownlist-control-radius
    {
        padding: 10px;
    }

.button-submit-locator
    {
        display: inline-block;
    }

    
}


/*iPad landscape - width: 1024px*/
@media all and (max-width: 1030px)
{
    
.store-zip-radius-wrapper
    {
        background-color: #1a082e;
    }
   
 
.ButtonClass
    {
        appearance: none; /*remove browsers vendors css prefixes*/
        -webkit-appearance: none; /*remove chrome/opera/safari browser css prefix*/
        -moz-appearance: none; /*remove mozilla browser css prefix*/
    } 

}


.video-wrapper
{
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

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



@media all and (max-width: 415px)
{
    
.navbar-brand img
    {
        left: 0px;
        padding-left: 80px;
    }

#MainImage
    {
        padding-top: 20px;
    }

}

@media all and (max-width: 374px)
{
    
#MainImage
    {
        padding-top: 60px;
    }


}


/*logo image*/
@media all and (min-width: 768px)
{
    
.navbar-header .navbar-brand img
    {
        position:fixed;
        z-index:105;
    }
    
}


@media all and (max-width: 767px)
{
   
.footercolumn
    {
        float: left;
        width: 22%;
        padding-right: 2%;
        font-size: 14px;
    }
    
.Calculator table
    {
        width: 70%;
    }
    
.SavingsResults,
.YourSavings
    {
        width: 60%;
    }
    
img.formulapageformula
    {
        max-width: 100%;
        height: auto;
    }

.buybutton
    {
        width: 35%;
    }
    
.data-table th img
    {
        padding: 5px 0px 0px 0px;
    }  
    
 
/*logo image*/
#header #main-nav-wrapper .navbar-brand
    {
        left: 25%;
        margin-left: 50px;
    }
    
 
.navbar-header .navbar-brand img
    {
        max-width: 40%;
        height: auto;
        position: absolute;
        left: -180%;
        margin-left: 120px;
    }  
    

}


@media all and (max-width: 600px)
{
    
.footer
    {
        text-align: center;
        font-size: 14px;
    }
    
.footercolumn
    {
        width: 100%;
        display: block;
    }
    
.Calculator table
    {
        width: 100%;
    }
    
.SavingsResults
    {
        width: auto;
    }

.YourSavings
    {
        width: 80%;
    }
    
.buybutton
    {
        width: 55%;
    }
    
.data-table img
    {
        display: inherit;
        max-width: 100%;
        height: auto;
    }
    

    
          
    
}


@media all and (max-width: 416px)
{

	.guidetable
	{
    
		font-size: 9px;
	}

	.buybutton
		{
			width: 90%;
		}

}


@media all and (max-width: 376px)
{
    
	.guidetable
	{
    
		font-size: 5.8px;
	}
       
}

/******************************************************************
vendor-prefixed
*******************************************************************/
::-webkit-input-placeholder
{
    /* Chrome/Opera/Safari */
    color: #8F8F8F;
    font-style: italic;
}
::-moz-placeholder
{
    /* Firefox 19+ */
    color: #8F8F8F;
    font-style: italic;
}
:-ms-input-placeholder
{
    /* IE 10+ */
    color: #8F8F8F;
    font-style: italic;
}
:-moz-placeholder
{
    /* Firefox 18- */
    color: #8F8F8F;
    font-style: italic;
}

/*Footer content*/
.footercolumn
{
    width: 23%;
}


/******************************************************************
Baby Names Finder and Generator
******************************************************************/
.label-baby-names-finder {
	margin-bottom: 0px;
}

#center {
	text-align: center;
}

.imageResize {
	width: 100%;
	height: auto;
	max-width: 100%;
}

/*baby names finder box*/
.BabyNamesFinderBoxes {
	margin-top: 10px;
	text-align: center;
	border: solid 1px #DCBCF5;
}


@media all and (min-width: 768px) {

	/*baby names finder box*/
	.BabyNamesFinderBoxes {
		width: 48%;
		display: inline-block;
	}
}


.BabyNamesFinderBox .tabs {
	background-color: #96679C;
	color: #77256c;
	font-weight: bold;
}

	.BabyNamesFinderBox .tabs a {
		color: #D4B7D8;
		padding: 2px 8px 2px 8px;
	}

		.BabyNamesFinderBox .tabs a:hover, .BabyNamesFinderBox .tabs a:focus {
			color: white;
			text-decoration: none;
		}

		.BabyNamesFinderBox .tabs a.active {
			background-color: white;
			color: #6C207F;
		}

.BabyNamesFinderBox .tab-content {
	background-color: white;
	padding: 20px;
	display: none;
	border-radius: 0px 0px 8px 8px;
}

	.BabyNamesFinderBox .tab-content:nth-child(2) {
		border-radius: 0px 0px 8px 8px;
	}

	.BabyNamesFinderBox .tab-content.active {
		display: block;
	}

.BabyNamesYearOfBirth li {
	display: inline-block;
	margin: auto;
	padding: 6px;
}

/*baby names finder searched results*/
.BabyNamesSearchBoxes {
	margin-top: 10px;
	border: solid 1px #DCBCF5;
	padding: 10px;
}


@media all and (min-width: 768px) {

	/*baby names finder searched results*/
	.BabyNamesSearchBoxes {
		width: 48%;
		float: right;
		display: inline-block;
	}
}

.BabyNamesSearchedResults {
	margin-top: 20px;
	border: solid 1px #DCBCF5;
	clear: both;
	padding: 20px;
}

.BabyNamesCopy {
	clear: both;
	position: relative;
}

.gridviewPagerStyle {
	position: absolute;
	padding-top: 20px;
	padding-left: 10px;
}

@media all and (min-width: 768px) {

	.gridviewPagerStyle {
		padding-top: 20px;
		padding-left: 280px;
	}
}

.gridviewPagerStyle a {
	padding: 5px 10px 5px 10px;
	margin: 1px;
	text-align: center;
}

	.gridviewPagerStyle a:hover {
		background-color: #E6E6E6;
		color: #ffffff;
		padding: 5px 10px 5px 10px;
	}

/*Styling pager active hyperlink  */
.gridviewPagerStyle span {
	background-color: #ae2676;
	color: #ffffff;
	padding: 5px 10px 5px 10px;
}


/******************************************************************
Contact Form
******************************************************************/
div.send-message-button {
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: 5px;
	clear: both;
}

.form-contact-box {
	clear: both;
}

.text-box {
	width: 100%;
	padding: 10px;
	margin-bottom: 7px;
	display: inline-block;
	border-radius: 5px;
	box-sizing: border-box;
	border: 2px solid #E2D2E5;
	box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none;
	transition: box-shadow 100ms;
	-webkit-transition: box-shadow 100ms;
	-moz-transition: box-shadow 100ms;
}

.dropdownListItems {
	padding: 10px;
	margin-bottom: 7px;
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
	border: 2px solid #E2D2E5;
	box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
	border-radius: 5px;
	transition: box-shadow 100ms;
	-webkit-transition: box-shadow 100ms;
	-moz-transition: box-shadow 100ms;
	background: url('../images/select-arrow.png') right no-repeat;
	background-color: #fff;
	appearance: none; /*remove browsers vendors css prefixes*/
	-webkit-appearance: none; /*remove chrome/opera/safari browser css prefix*/
	-moz-appearance: none; /*remove mozilla browser css prefix*/
	-ms-appearance: none; /*remove internet explorer browser css prefix*/
}

	/*remove the default dropdown arrow on IE10+ browser*/
	.dropdownListItems::-ms-expand {
		display: none;
	}

@media all and (min-width: 768px) {

	.text-box {
		width: 80%;
	}

	.dropdownListItems {
		width: 50%;
	}
}

.text-box:focus,
.text-box:active,
.text-box:hover,
.dropdownListItems:focus,
.dropdownListItems:active,
.dropdownListItems:hover {
	box-shadow: 0px -1px 0px rgba(0,0,0,0.1), 0px 0px 2px 1px rgba(146, 39, 143, 0.2);
}

.RequiredFieldValidator {
	padding: 10px;
	margin: 0px;
	background-color: white;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 78%;
}

.spacer {
	margin-top: -15px;
}


@media all and (max-width: 416px) {

	.RequiredFieldValidator {
		width: 90%;
	}

	.spacer {
		margin-top: 10px;
	}
}


/******************************************************************
Web Accessible
Keyboard accessibility - Set visual focus outline indicator for
keyboard navigation using the Tab key
******************************************************************/

/* Using :focus-within selector to set focus indicator for navigate submenu using the Tab key */
.dropdown:active .dropdown-content,
.dropdown:focus .dropdown-content,
.dropdown:focus-within .dropdown-content {
	display: block;
}

a:active,
a:focus {
	outline: 1px solid #72216d !important;
}


.back-to-home a:active,
.back-to-home a:focus {
	outline: 1px solid #72216d !important;
}

.sitemenulink {
	border: 1px solid #dfd1e1;
	padding-top: 3px;
	padding-bottom: 3px;
}

.sitemenulink:focus {
	border: 1px solid #72216d;
		
	padding-top: 3px;
	padding-bottom: 3px;
}

.dropdown-content ul li a:active,
.dropdown-content ul li a:focus,
.HomeFormula a:active,
.HomeFormula a:focus {
	outline: 1px solid #72216d !important;
}

.RadioListSelectionFocusIndicator:focus {
	outline: 1px solid #520d49 !important;
	background-color: #c9b509 !important;
}

.ButtonClass {
	border: none;
	padding: 8px 25px 8px 25px;
	font-weight: normal;
}

.buybutton,
.homeboxbutton {
	border: 0px solid #520d49;
}

.buybutton:hover,
.homeboxbutton:hover,
.buttonclass:hover,
.ButtonClass:hover {
		
	background-color: #a90eae !important;
	background: linear-gradient(#a90eae, #a90eae);
	text-decoration: none;
}

.buybutton:focus,
.homeboxbutton:focus,
.buttonclass:focus,
.ButtonClass:focus {
		
	background-color: #a90eae !important;
	background: linear-gradient(#a90eae, #a90eae);
	text-decoration: none;
	outline: none !important;
}

.footercolumn a:active,
.footercolumn a:focus,
.footerbottom a:active,
.footerbottom a:focus {
	outline: 1px solid #72216d !important;
}



.textbox-control-input-zip-code:active,
.textbox-control-input-zip-code:focus,
.select-dropdown-items:active,
.select-dropdown-items:focus,
input:active,
input:focus {
	background-color: #fcffad !important;
	outline: 2px solid #77256c;
}

.formulafinderresults a:active,
.formulafinderresults a:focus {
	border-radius: 0px;
	outline: 1px solid #520d49 !important;
	text-decoration: none;
}

.BabyNamesYearOfBirth li a:active,
.BabyNamesYearOfBirth li a:focus {
	border-radius: 0px;
	outline: 1px solid #fff !important;
	
	text-decoration: none;
	font-weight: bold;
}

.dropdown-list-items:active,
.dropdown-list-items:focus {
	outline: none;
	box-shadow: 0px -1px 0px rgba(0,0,0,0.1), 0px 0px 2px 1px rgba(146, 39, 143, 0.2);
	background-color: #fcffad !important;
}

.breadcrumbs a:active,
.breadcrumbs a:focus,
.formulapageformula a:active,
.formulapageformula a:focus {
	outline: 1px solid #72216d !important;
}


/*********************************/
/* Remove outline on link click */
/*******************************/
.back-to-home a:active:hover,
.back-to-home a:focus:hover {
	outline: none !important;
}

.sitemenulink:active:hover,
.sitemenulink:focus:hover {
	border: 1px solid #dfd1e1;
}

a:active:hover,
a:focus:hover,
.dropdown-content ul li a:active:hover,
.dropdown-content ul li a:focus:hover,
.HomeFormula a:active:hover,
.HomeFormula a:focus:hover,
.footercolumn a:active:hover,
.footercolumn a:focus:hover,
.footerbottom a:active:hover,
.footerbottom a:focus:hover,
.formulapageformula a:active:hover,
.formulapageformula a:focus:hover {
	outline: none !important;
}


/*==============================================================================
"Skip Navigation" Links 
Allow keyboard and screen reader users to go to the main content 
To make background color transition 
To highlight the main content section and set focus to it 
==============================================================================*/
#skipToContent:focus {
	animation: colorchange 2.5s; /* milliseconds (ms) */
	-webkit-animation: colorchange 2.5s; /* milliseconds (ms) */
	outline: 0;
}

@keyframes colorchange {
	0% {
		background: #FFF;
	}

	50% {
		background: #fcffad;
	}

	100% {
		background: #FFF;
	}
}

@-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
{
	0% {
		background: #FFF;
	}

	50% {
		background: #fcffad;
	}

	100% {
		background: #FFF;
	}
}

/* To make the Skip to Main Content to center of the screen and slowly popout */
a.skipToMainContent {
	padding: 6px;
	position: absolute;
	top: -40px;
	width: 20%;
	margin-left: 40%;
	margin-right: 40%;
	color: white;
	border-left: 3px solid yellow !important;
	border-right: 3px solid yellow !important;
	border-bottom: 3px solid yellow !important;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	background: #5a034e;
	-webkit-transition: top 1s ease-out;
	transition: top 1s ease-out;
	z-index: 9999;
	text-align: center;
	font-weight: 600;
}

	a.skipToMainContent:focus {
		position: absolute;
		top: 0px;
		outline-color: transparent;
		/*-webkit-transition: top .1s ease-in;*/ /*Comment this line will make Skip to Main Content slowly popout*/
		/*transition: top .1s ease-in;*/ /*Comment this line will make Skip to Main Content slowly popout*/
		outline: 0px solid yellow !important;
		font-weight: 600;
	}

	a.skipToMainContent:active,
	a.skipToMainContent:hover {
		text-decoration: underline;
	}


/* Responsive */
@media all and (max-width:769px) {

	a.skipToMainContent {
		top: -100px;
	}
}



/*==============================================================================
Enhance Flying Focus Friendly
==============================================================================*/
/*#flying-focus {
	position: absolute;
	margin: 0;
	-webkit-transition-property: left, top, width, height, opacity;
	transition-property: left, top, width, height, opacity;
	-webkit-transition-timing-function: cubic-bezier(0, 0.2, 0, 1);
	transition-timing-function: cubic-bezier(0, 0.2, 0, 1);
	visibility: hidden;
	pointer-events: none;
	box-shadow: 0 0 2px 3px #78aeda, 0 0 2px #78aeda inset;
	border-radius: 2px;
}

	#flying-focus.flying-focus_visible {
		visibility: visible;
		z-index: 9999;
	}*/

/* Doesn't work in Firefox :( */
/*.flying-focus_target {
	outline: none !important;
}

	.flying-focus_target::-moz-focus-inner {
		border: 0 !important;
	}*/

/* Replace it with @supports rule when browsers catch up */
/*@media screen and (-webkit-min-device-pixel-ratio: 0) 
{
	
	#flying-focus 
	{
		box-shadow: none;
		outline: 5px auto -webkit-focus-ring-color;
		outline-offset: -3px;
	}

}*/


/******************************************************************
Print page styling
*******************************************************************/
/* override styles when printing */
@media print 
{
	
	body {
		margin: 0;
		color: #000;
		background-color: #fff;
	}

	/* remove unnecessary sections */
	.desktop-nav-menu, .mobile-nav-menu, .footer {
	display: none;
	}

	img {
		display: block;
		max-width: 100%;
	}


	img.formulapageformula {
		max-width: 30%;
	}

	.PurpleRow, .YellowRow {
		background-color: #fff;
	}


	.homebox {
		border-width: 2px;
		border-style: solid;
		float: left;
		width: 28%;
		padding: 1%;
		margin: 1%;
		border-radius: 5px;
		height: 200px;
	}

	.home-baby-poll-wrapper {
		margin-top: 10%;
	}

}


/******************************************************************
Go back to top of the page
*******************************************************************/
#backToTop {
	overflow: hidden;
	z-index: 99999;
	display: none;
	cursor: pointer;
	border-radius: 5px;
	position: fixed;
	bottom: 5px;
	right: 5px;
	background-color: #77256c;
	color: #fff;
	text-decoration: none;
	padding: 5px 10px 5px 5px;
	font-weight: normal;
	font-size: 14px;
	vertical-align: middle;
	text-align: center;
}


#arrow-up {
	font-size: 16px;
	top: -3px;
	right: -2px;
	position: relative;
	vertical-align: middle;
}


#backToTop:hover {
	background-color: #630657;
}