/*
New colors:
Blue #0078a2;
Dk green (logo) #076324; 
Lt green (logo) #7ac142;
color:#F1F1F1;
color:#222222;
color:#E0E0E0;
color:#adb5af;
footer : # 292f38;

*/

.learnmore-bar {
	display: block;
    position: fixed;
    z-index: 900;
    bottom: 0;
    width: 100%;
    background-color: rgba(34, 34, 34, 0.97);;
	padding: 10px;
    text-align: center
}


.nav-search input
{
	outline: none;
}
.nav-search input::-webkit-search-decoration, input::-webkit-search-cancel-button
{
	display: none; /*removes the search and cancels the icon*/
}
.nav-transparent .nav-search input[type=search] /* When the page is scrolled to the top, it uses .nav-transparent, so here we use the white icon */
{
	background: url(../images/search-icon-white.png) no-repeat 9px center;
}

.nav-slide .nav-search input[type=search] /* When the page is scrolled down, it uses .nav-slide, so here we use the grey icon */
{
	background: url(../images/search-icon-light-grey.png) no-repeat 9px center;
}

.nav-search input[type=search]
{
	padding-top: 5px;
	color: transparent;
	cursor: pointer;
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
	border: none;
	width: 75px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	margin-top: -3px;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
}
.nav-search input:-moz-placeholder
{
	color: #999;
}
.nav-search input::-webkit-input-placeholder
{
	color: #999;
}
.nav-search input[type=search]:focus
{
	width: 130px;
	padding-left: 32px;
	color: #000;
	background-color: #c7c6c6;
	cursor: auto;
}
.nav-search input:-moz-placeholder
{
	color: transparent;
}
.nav-search input::-webkit-input-placeholder
{
	color: transparent;
}
/*for the search bar on the internal pages*/
.nav-search-internal input
{
	outline: none;
}
.nav-search-internal input::-webkit-search-decoration, input::-webkit-search-cancel-button
{
	display: none; /*removes the search and cancels the icon*/
}
.nav-search-internal input[type=search]
{
	background: url(../images/search-icon-light-grey.png) no-repeat 9px center;
}
.nav-slide .nav-search-internal input[type=search] /* When the page is scrolled down, it uses .nav-slide, so here we use the grey icon */
{
	background: url(../images/search-icon-light-grey.png) no-repeat 9px center;
}
.nav-search-internal input[type=search]
{
	padding-top: 5px;
	color: transparent;
	cursor: pointer;
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
	border: none;
	width: 75px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	margin-top: -3px;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
}
.nav-search-internal input:-moz-placeholder
{
	color: #999;
}
.nav-search-internal input::-webkit-input-placeholder
{
	color: #999;
}
.nav-search-internal input[type=search]:focus
{
	width: 130px;
	padding-left: 32px;
	color: #000;
	background-color: #c7c6c6;
	cursor: auto;
}
.nav-search-internal input:-moz-placeholder
{
	color: transparent;
}
.nav-search-internal input::-webkit-input-placeholder
{
	color: transparent;
}