/*
Theme Name: Federal Employee Benefits
Description: Federal Employee Benefits based on HTML5 reset.
Author: RMH
*/

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {font: 12px Arial, Helmet, Freesans, sans-serif;}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #333;}

a {color: #0185d8;}
a:hover {color: #69f; text-decoration: underline !important;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;}

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;}

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #002240;
	margin: 0 0 30px;
	padding: 0;
}


/* And here begins the WordPress fun.
-------------------------------------------------------------------------------*/
/* Global */
.wrapper {max-width: 960px; width: 100%; margin: 0 auto;}

.parent-pageid-118 .blue,
.parent-pageid-118 a {
	color: #0185d8;
	text-decoration: none;
}

.parent-pageid-134 .page-content h2 {
	color: #f23826;
}

.page-id-34 .page-content h2,
.page-id-34 .red {
	color: #A60200;
}

div.blue {
	display: inline-block;
}

.red {
	color: #f23826;
	font-weight: bold;
}

.red em {
	font-weight: bold;
}

.blue {
	color: #0052bc;
	font-weight: bold;
}

.blue em {
	font-weight: bold;
}

ul.bulleted {
	list-style: disc;
	margin-left: 16px;
	line-height: 22px;
	margin-top: 5px;
	font-size: 14px;
}

.page-content h2 {
	color: #0052bc;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 5px;
}

.parent-pageid-118 .page-content h2 {
	color: #0185d8;
}

.page-content h3 {
	font-weight: bold;
}

.page-content p {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 25px;
}

.page-content p img {
	margin: -15px 0 0;
}

/* Top Navigation */
#top-nav {
	background: #0185d8;
	display: inline-block;
	width: 100%;
	text-align: right;
	box-shadow: 0 3px 10px #333;
}

#top-nav ul li {
  display: inline-block;
  padding: 10px 0;
}

#top-nav ul li:last-child a {
	padding: 0 0 0 27px;
}

#top-nav a {
	color: #FFF;
	text-decoration: none;
	padding: 0 27px;
}

.header-image {
    height: 480px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center top;
}

/* Header */
.header-image {
    height: 480px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center top;
}

#header {
	height: 480px;
	margin-bottom: -480px;
	position: relative;
	box-shadow: 0 2px 12px #999;
}

#header h1 a {
	position: absolute;
	top: 50px;
	left: 5%;
}

#header #searchform > div {
  position: absolute;
  top: 250px;
  max-width: 960px;
  width: 100%;
}

#header #searchform #s {
	width: 100%;
	padding: 14px 70px 14px 47px;
	border: 0;
	outline: 0;
	border-radius: 30px;
	font-size: 24px;
	box-shadow: inset 1px 2px 5px #AAA;
} 

#header #searchform input[type="submit"] {
	background: url('_/inc/images/search-icon.png') no-repeat center;
	width: 30px;
	height: 30px;
	border: 0;
	outline: 0;
	position: absolute;
	top: 13px;
	left: 13px;
}

#header #searchform .help-icon {
	background: url('_/inc/images/red-help-bubble.png') no-repeat center;
	width: 112px;
	height: 116px;
	position: absolute;
	top: -85px;
	right: -40px;
}

.home #header .secondary-nav {
	position: absolute;
	bottom: -40px;
	width: 100%;
	max-width: 960px;
}

.home #header .secondary-nav ul li {
	width: 20%;
	display: inline-block;
	text-align: center;
	position: relative;
	float: left;
	height: 180px
}

.home #header .secondary-nav ul li a {
	display: table-cell;
	height: 180px;
	font-size: 20px;
	width: 20%;
	vertical-align: middle;
	font-family: Georgia;
	text-decoration: none;
	color: #FFF;
	padding: 0 40px;
}

.home #header .secondary-nav ul li a:hover {
	vertical-align: bottom;
	padding: 0 0 10px;
}

.home #header .secondary-nav ul li#menu-item-40 a {
	background: #002240;
}

.home #header .secondary-nav ul li#menu-item-40 a:before {
	content: "";
	background: url('http://s280743696.onlinehome.us/development/www.federalemployeebenefits.com/wp-content/uploads/2015/10/retirement-bg-for-menu.jpg');
	visibility: hidden;
}

.home #header .secondary-nav ul li#menu-item-40 a:hover {
	background: url('http://s280743696.onlinehome.us/development/www.federalemployeebenefits.com/wp-content/uploads/2015/10/retirement-bg-for-menu.jpg') no-repeat top #002240;
}

.home #header .secondary-nav ul li#menu-item-39 a {
	background: #0052bc;
}

.home #header .secondary-nav ul li#menu-item-39 a:before {
	content: "";
	background: url('http://s280743696.onlinehome.us/development/www.federalemployeebenefits.com/wp-content/uploads/2015/10/tsp-mini-image.jpg');
	visibility: hidden;
}

.home #header .secondary-nav ul li#menu-item-39 a:hover {
	background: url('http://s280743696.onlinehome.us/development/www.federalemployeebenefits.com/wp-content/uploads/2015/10/tsp-mini-image.jpg') no-repeat top #0052bc;
}

.home #header .secondary-nav ul li#menu-item-159 a {
	background: #0185d8;
}

.home #header .secondary-nav ul li#menu-item-159 a:before {
	content: "";
	background: url('http://s280743696.onlinehome.us/development/www.federalemployeebenefits.com/wp-content/uploads/2015/10/health-insurance-mini.jpg');
	visibility: hidden;
}

.home #header .secondary-nav ul li#menu-item-159 a:hover {
	background: url('http://s280743696.onlinehome.us/development/www.federalemployeebenefits.com/wp-content/uploads/2015/10/health-insurance-mini.jpg') no-repeat top #0185d8;
}

.home #header .secondary-nav ul li#menu-item-160 a {
	background: #f23826;
}

.home #header .secondary-nav ul li#menu-item-160 a:before {
	content: "";
	background: url('http://s280743696.onlinehome.us/development/www.federalemployeebenefits.com/wp-content/uploads/2015/10/ss-mini-image.jpg');
	visibility: hidden;
}

.home #header .secondary-nav ul li#menu-item-160 a:hover {
	background: url('http://s280743696.onlinehome.us/development/www.federalemployeebenefits.com/wp-content/uploads/2015/10/ss-mini-image.jpg') no-repeat top #f23826;
}

.home #header .secondary-nav ul li#menu-item-36 a {
	background: #a60200;
}

.home #header .secondary-nav ul li#menu-item-36 a:before {
	content: "";
	background: url('http://s280743696.onlinehome.us/development/www.federalemployeebenefits.com/wp-content/uploads/2015/10/military-mini-image.jpg');
	visibility: hidden;
}

.home #header .secondary-nav ul li#menu-item-36 a:hover {
	background: url('http://s280743696.onlinehome.us/development/www.federalemployeebenefits.com/wp-content/uploads/2015/10/military-mini-image.jpg') no-repeat top #a60200;
}

#header .secondary-nav {
	position: absolute;
	bottom: -40px;
	width: 100%;
	max-width: 960px;
}

#header .secondary-nav ul li {
	width: 20%;
	display: inline-block;
	text-align: center;
	position: relative;
	float: left;
}

#header .secondary-nav ul li a {
	display: table-cell;
	height: 40px;
	font-size: 15px;
	width: 20%;
	vertical-align: middle;
	font-family: Georgia;
	text-decoration: none;
	color: #FFF;
	padding: 0 20px;	
}

#header .secondary-nav ul li#menu-item-40 a {
	background: #002240;
}

#header .secondary-nav ul li#menu-item-39 {
	background: #0052bc;
}

#header .secondary-nav ul li#menu-item-159 {
	background: #0185d8;
}

#header .secondary-nav ul li#menu-item-160 {
	background: #f23826;
}

#header .secondary-nav ul li#menu-item-36 {
	background: #a60200;
}

/* Footer */
footer {
	background: #002240;
	color: #FFF;
	text-align: center;
	font-size: 15px;
	padding: 30px 0;
}

/* Page Content */
.wrapper.page-content {
    margin-top: 40px;
    padding-top: 30px;
    padding-bottom: 100px;
    min-height: 500px;
}

.wrapper.page-content .entry {
	display: inline-block;
	width: 100%;
}

.wrapper.page-content .side-bar {
	width: 23%;
	float: left;
	display: block;
	height: 400px;
}

.wrapper.page-content .content-area {
	width: 77%;
	float: left;
}

.wrapper.page-content .content-area.full-width {
	width: 100%;
}

/* Icon Navigation Sidebar */
.side-bar .icon-nav {
	text-align: center;
}

.side-bar .icon-nav > a {
	display: block;
	font-weight: bold;
	color: #0185d8;
	margin-bottom: 35px;
	line-height: 25px;
	text-decoration: none;
}

/* Menu Navigation Sidebar */
.side-bar.menu-bar h2 {
	font-size: 14px;
	color: #002240;
	margin-bottom: 5px;
}

.side-bar.menu-bar li a {
	font-size: 14px;
	color: #002240;
	text-decoration: none;
	line-height: 25px;
	padding-left: 25px;
}

.side-bar.menu-bar li.current_page_item:before {
	content: "•";
	font-size: 30px;
	line-height: 0;
	margin: 13px -20px 0 9px;
	float: left;
}

/* Interior Pages */
.benefit-categories {
	color: #0185d8;
	margin-bottom: 30px;
}

.benefit-categories a {
	text-decoration: none;
	color: #0185d8;
}

.gform_body input {
    border: 1px solid #999;
    padding: 5px !important;
    min-height: 30px;
}

.gform_body #field_1_2,
.gform_body #field_1_3 {
	width: 50%;
	display: inline-block;
}

.gform_body #field_1_2 input,
.gform_body #field_1_3 input {
	width: 94.7%;
}

.gform_footer input[type="submit"] {
	border: 1px solid;
	background: #FFF;
	padding: 5px 20px;
	float: right;
	margin-right: 2.5%;
}

.search #header #searchform > div {
	top: 380px;
}

/* Print styles!
-------------------------------------------------------------------------------*/
@media print {

}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Always do mobile-first, and consider using em units: http://blog.cloudfour.com/the-ems-have-it-proportional-media-queries-ftw

@media screen and (min-width: 480px) {

} */