/**
  Theme Name: Benefits Toolbox Custom Theme: Bombardier
  Theme URI: http://www.flyinghippo.com
  Version: 1.0
  Author: Flying Hippo Web Technologies
  Author URI: http://www.flyinghippo.com
  License: None
  Description: Custom Wordpress theme for the Benefits Toolbox website.
*/

/* FONTS */
/* If you have different fonts from different font families, you'll need to combine the generated stylesheet.css files into one. 
	Delete this @import if not using custom fonts or if only using Google fonts. */
@import url("fonts/stylesheet.css");

/* Import the Google Search CSS. Note that this is ONLY for styling and should be deleted before the site goes live. (Google will pull in its own CSS file dynamically.) */
@import url('google-search.css');


/* RESET */
* { outline: 0 none; }
body, div, dl, dd, h1, h2, h3, h4, h5, h6, ul, li, p, pre, th, td, ol { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; line-height: 1em; }
ul, ol { list-style-type: none; }
img { border: 0; }
span { display: inline; }	
img, a img { border: 0; padding: 0; margin: 0; }
textarea { overflow: hidden; }
table { border-spacing: 0; padding: 0; margin: 0; }

/* WP THEME REQUIREMENTS & UTILITY CLASSES */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }
img.alignleft, .wp-caption.alignleft { margin: 0 10px 10px 0; }
img.alignright, .wp-caption.alignright { margin: 0 0 10px 10px; }
.dozer, .clear { width: 100%; height: 1px; margin: 0 0 -1px; clear: both; }
.clearfix { clear: both; }
.linklove, #metaseopack small { display: none; }
sup { font-size: 0.6em; line-height: 1em; }

body { /* Set the base font color, size, etc. here */ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4d4e4f;
	background:url('images/bg_bodyPattern.jpg');
}

a { /* Remember to set base and :hover styles for links for the whole site. This will save headaches later on. */
	text-decoration: none;
}
a:hover, a:focus { 
	text-decoration: underline;
}


#inner-content .wp-caption-text {
    font-size: 11px;
    line-height: 16px;
    margin: 0;
    padding: 4px 4px 5px;

}


.input {
  margin: 0;
  background-color: transparent;
  float: left;
  height: 26px;
}
.input span {
	position: absolute;
	padding:4px 5px 3px 8px;
	height:18px;
	margin:0;
	top:4px;
	color: #999; /* non-focus state */
	display: block;
	z-index: 500;

  	color: #EAEEF2;
	display: block;
	font-size: 11px;
	font-style:italic;
}
.input span.focus {
	color: #bbb; /* focus state */
}
.input input, .input textarea, .input select {
  position: relative;
  margin: 0;
  border: 1px solid #666;
  padding: 4px 4px 3px 5px;
  background: transparent;
  font: inherit;
  color: #000;
}
/* Hack to remove Safari's extra padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .input input, .input textarea, .input select { padding: 2px; }
}

/* GOOGLE SEARCH RESULTS */
#inner-content #cse table { margin-bottom: 0; border: 0; }
#inner-content #cse table td {
	background: transparent none;
	border: none;
	padding: 0;
}

.gsc-wrapper
{
	margin-right:35px;
}
#cse .gs-webResult div.gs-visibleUrl-short {
	display: none;
}
#cse .gs-webResult div.gs-visibleUrl-long {
	display: block;
}

#cse .gs-title,
#cse .gs-title b,
#cse .gs-title * {
	/* This is the color of the title link. */
	color: #1D5297;
	text-decoration: none;
	font-style: normal!important;
}
#cse .gs-title a:hover {
	text-decoration: none;
}
#cse .gs-result img { border: 0; }
.gcsc-branding {
	display: none;
}
#cse .gsc-control-cse, #cse .gsc-control-cse .gsc-table-result {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
#cse .gsc-cursor-box {
	margin-top: 10px;
}
#cse .gsc-cursor-current-page,
#cse .gs-visibleUrl {
	/* This is the color of the URL that displays at the bottom of each result. */
    color: #008000;
}
#cse .gsc-cursor-page { 
	/* The color of the paging links at the very bottom. */
	color: #565656; 
}
#cse .gsc-cursor-page:hover { text-decoration: none; }

/* FORMS STYLES - Corrects for small fonts when using Lato or Cabin */
/*
.gform_wrapper .instruction {
	letter-spacing: normal !important;	
	font-size: 13px !important;
}
.gform_wrapper .gfield_label { 
	font-size: 14px;
}
#inner-content .gform_wrapper input,
#inner-content .gform_wrapper select,
#inner-content .gform_wrapper textarea { 
	padding: 3px; 
	font-size: 13px;
}
*/

/* CUSTOM POST TYPE ARCHIVE WIDGET */
.widget_wp-customtype-archive ul { padding-left: 14px; }
.widget_wp-customtype-archive ul ul { padding-left: 22px; }
.widget_wp-customtype-archive ul li { padding: 4px 0 0; }
.widget li.collapsed ul { display: none; }
.widget .toggle { cursor: pointer; font-family: "Courier New", Courier, fixed-width; }

hr
{
	margin:28px auto;
	border:none;
	outline:none;
	background:url('images/bg_separator.png') top center;
	height:8px;
	background-repeat: no-repeat;

}

/* COLUMNS */

.column-one
{
	width:570px;
	margin-left:70px;
	margin-top:30px;
	float:left;
	font-size:1.3em;
}

.column-two
{
	width:228px;
	float:right;
	margin-right:30px;
	margin-top:20px;
}

/* Component */

.component
{
	margin-bottom:28px;
}

.start-btn
{
	display:block;
	text-align: center;
	margin:8px auto;
}

.component h2
{
	font-size:12px;
	color:#231f20;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	margin-bottom:0.75em;
}
.component h2 strong
{
	font-style: italic;
	font-weight: normal;
}

.component.benefits
{
	margin-top:25px;
	margin-bottom:35px;
}

.home .component.benefits
{
	margin-bottom:55px;
}

.summary-box
{
	display:block;
	border-radius:5px;
	-moz-border-radius:5px;
	padding:13px;
	background: #295b9c; /* Old browsers */
	background: -moz-linear-gradient(top,  #295b9c 0%, #1b3962 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#295b9c), color-stop(100%,#1b3962)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #295b9c 0%,#1b3962 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #295b9c 0%,#1b3962 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #295b9c 0%,#1b3962 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #295b9c 0%,#1b3962 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#295b9c', endColorstr='#1b3962',GradientType=0 ); /* IE6-9 */
	color:white;

}

.summary-box:hover
{
	text-decoration: none;
}

.summary-box img
{
	float:left;
	margin-right:12px;
	margin-bottom:12px;
}
/* Benefits Toolbox Theme */

#wrapper
{
	background:url('images/bg_topPattern.jpg') repeat-x;
	min-height:1000px;
}

.wrapper-inner
{
	width:970px;
	margin:0 auto;
}

#main 
{
	width:940px;
	margin:0 auto;
	background:white;
	padding-bottom:45px;
	line-height:1.55em;
	-webkit-border-radius: 0px 0px 9px 9px;
	border-radius: 0px 0px 9px 9px;
	margin-bottom:100px;
	-webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

.home #main
{
	background:url('images/bg_homeUpperShape.png') white;
	background-position: right top;
	background-repeat: no-repeat;
	border-top:4px solid #a5c15d;
}

/* Header */

#header
{
	position: relative;
	background:url('images/bg_header.png');
	background-repeat: no-repeat;
	background-position: top center;
	width:940px;
	margin:0 auto;
}

.home #header
{
	width:970px;
}

#nav, .sidenav
{
	width:230px;
	padding:18px 0;
	background:white;
	border-radius:7px;
	-moz-border-radius:7px;
	font-size:11px;
	text-transform: uppercase;
	letter-spacing: 0.055em;
	-webkit-box-shadow:  0px 0px 3px 0px rgba(73, 70, 70, 0.5);
	box-shadow:  0px 0px 3px 0px rgba(73, 70, 70, 0.5);
}

.menu-main-nav-container
{
	/*margin-bottom:45px;*/
}

.sidenav
{
	background:#efebeb;
}

#nav > li, .sidenav > li
{
	border-bottom:1px solid #9db1cb;
}

#nav a, .sidenav a
{
	display:block;
}

#nav > li, .sidenav > li
{
	padding-bottom:2px;
	
}

#nav > li > a, .sidenav > li > a
{
	color:#231f20;
	padding:6px 18px;
}

#nav li ul li a, .sidenav lu ul li a
{
	padding:2px 18px;
}

.sidenav > li.current-menu-ancestor > a, .sidenav > li.current-menu-ancestor > a:hover
{
	background:#1d5297;
	color:white;

}

.sidenav > li.current-menu-ancestor > a
{
	color:white;
}

.sidenav .current_page_item a
{
	
	background:url('images/blue_arrow.png') #d5cdcd;
	background-position: 18px 50%;
	background-repeat: no-repeat;
	padding-left:27px;
}

#nav > li > a:hover, .sidenav > li > a:hover
{
	color:#688d37;
	text-decoration: none;
}

.sub-menu
{
	/*padding: 0 18px;*/
}

#nav li a:active, #nav li a:link, #nav li a:visited
{
	text-decoration: none;
}

#nav li ul li a, ul.sidenav li ul li a
{
	padding:5px 18px;
	color:#1d5297;
	text-transform: none;
	letter-spacing: 0.03em;
	font-style: italic;
	font-size:1.1em;
}

#nav li ul.children
{
	padding-bottom:2px;
	display:none;
	margin-top:2px;
}

.home #nav
{
	position:absolute;
	left:54px;
	top:250px;
	z-index: 1000;
}

.sidenav li .sub-nav
{
	display:none;
}


#logo
{
	margin-top:10px;
	margin-left:50px;
	margin-bottom:15px;
	float:left;
}

#logo a
{
	display:block;
}

/* SEARCH */

#search
{
	width:210px;
	float:right;
	margin-right:35px;
	margin-top:60px;
	height:25px;
	position:relative;
	/*background:yellow;*/
	display:none;
}

label.input
{
	float:left;
	width:170px;
	display:block;
	position: relative;
}

#searchfield
{
	border:1px solid #71767c;
	background:#4a4f52;
	border-radius:5px 0 0  5px;
	color:#eaeef2;
	font-size:11px;
	font-style: italic;
	display:block;
	position:absolute;
	width:100%;
	height:18px;
	padding: 4px 5px 3px 6px;
}

#searchbutton
{
	width:29px;
	height:27px;
	display:block;
	float:right;
	text-indent: -9999em;
	background:url('images/btn_Search.png');
	background-repeat: no-repeat;
	border-radius:0 5px 5px 0;
	border:none;
	outline:none;
	padding:0;
	cursor:pointer;
	border:1px solid #71767c;
}

#searchbutton:hover
{
	background-position: bottom left;
}

/* Home Slider */

#home-slider
{
	border-top:2px solid #efebeb;
	width:970px;
	height:386px;
	overflow: hidden;
	-webkit-border-radius: 0px 0px 9px 9px;
	border-radius: 0px 0px 9px 9px;
	position: relative;
}

#home-slider img
{
	display:block;
	position: absolute;
	left:0;
	top:0;
}

.nivo-imageLink
{
	position:absolute;
	top:0;
	left:0;
	z-index:500;
	display:block;
}

.no-hover
{
	cursor:default;
}

.nivo-directionNav
{
	height:42px;
	position:absolute;
	z-index: 500;
	top:50%;
	margin-top:-21px;
	width:100%;
}

.nivo-directionNav a
{
	display:block;
	width:43px;
	height:42px;
	text-indent: -9999em;
	overflow: hidden;
	background-repeat: no-repeat!important;
	position: absolute;
	cursor: pointer;
}

.nivo-directionNav a:hover
{
	background-position: left bottom!important;
}

.nivo-directionNav a.nivo-prevNav
{
	background:url('images/btn_leftSlide.png');
	left:-1px;
	top:0;
}

.nivo-directionNav a.nivo-nextNav
{
	background:url('images/btn_rightSlide.png');
	right:-1px;
	top:0;
}
/* MAIN / CONTENT */

.column-one h2
{
	color:#1d5297;
	font-size:24px;
	letter-spacing: 0.15em;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.35em;
	margin-bottom:1.35em;
	margin-right:110px;
}

.column-one p
{
	margin-bottom:0.75em;
	line-height: 1.65em;
}

.column-one ul
{
	margin-bottom:0.75em;
	
}

.column-one ul li
{
	background:url('images/green_arrow.png') left center no-repeat;
	padding-left:12px;
	margin-bottom:0.55em;

	font-weight: bold;
	font-style: italic;
}

/* Interior Page */

#sidebar
{
	float: left;
    margin-left: 30px;
    margin-top: 30px;
    width: 228px;
}

#content
{
	float: right;
    font-size: 1.15em;
    /*margin-left: 70px;*/
    margin-top: 30px;
    width: 650px;
    line-height:1.45em;
}

#inner-content
{
	background:#efebeb;
	border-radius:18px 0 0 18px;
	padding:26px 80px 26px 26px;
	min-height:300px;

}

#inner-content p 
{
	margin-bottom:1.5em;
}

#inner-content a
{
	color:#1D5297;
	font-style: italic;
	border-bottom:1px dotted #1D5297;
}

#inner-content a:hover
{
	text-decoration: none;
}

#inner-content h1
{
	font-size:20px;
	color:#1D5297;
	letter-spacing: 0.075em;
	text-transform: uppercase;
	font-weight:normal;
	margin-bottom:0.55em;
}

#inner-content h2
{
	font-size:20px;
	letter-spacing: 0.075em;
	text-transform: uppercase;
	font-weight:normal;
	margin-bottom:0.55em;
}

#inner-content h3
{
	font-size:16px;
	letter-spacing: 0.075em;
	font-weight:normal;
	margin-bottom:0.55em;
	font-style: italic;
}

#inner-content ul, #inner-content ol
{
	margin-bottom:1em;
}

#inner-content table
{
	border-collapse: collapse;
}

#inner-content th, #inner-content td
{
	padding:7px 10px;
	border:1px solid #ddd5d5;
}

.page-title
{
	 
	height:70px;
	position: relative;
	background:#efebeb;
	line-height: 70px;
	
	/*background: none repeat scroll 0 0 #EFEBEB;
    height: 70px;
    line-height: 70px;
    overflow: hidden;
    position: relative;*/
    
}



.page-title span
{
	float:left;
	background:url('images/bg_title_right_corner.png') white;
	background-repeat: no-repeat;
	background-position: bottom right;
	display:block;
	padding-right:60px;
	color:#1d5297;
	font-size: 22px;
	letter-spacing: 0.125em;
	font-weight: normal;
	text-transform: uppercase;


	/*background: url("images/bg_title_right_corner.png") no-repeat scroll right bottom white;
    color: #1D5297;
    display: block;
    float: left;
    font-size: 22px;
    font-weight: normal;
    letter-spacing: 0.125em;
    line-height: 1.7em;
    padding-right: 35px;
    position: relative;
    text-transform: uppercase;
    top: -5px;*/
}

.page-title.long-title
{
	line-height:1.95em;
	background:white;
	height:auto;
	padding-bottom:1em;
}

.page-title.long-title span
{
	/* working version for 1 liner font-size:17px;*/
	background:white;
	float:none;
}

.featured-image
{
	float:right;
	margin-left:20px;
	margin-bottom:25px;
	border-radius:4px;
}

/* FOOTER */

#footer
{
	height:54px;
	
	background-position: top center;
	background-repeat: repeat-x;
	width:100%;
	position: relative;
	z-index: 500;
	margin-top:45px;
	background:url("images/bg_bottomBar.png");
}

/* Footer from Benefitsolver */

.newFooter
{
	margin: 0;
	
	width: 975px;
	height: 50px;
	font-family: "HelveticaNeue-Light", "Helvectica Neue Light", "Helvetica Neue", Helvetica, Arial;
	font-size: 12px;
	position: relative;
	margin-top: -10px;
	vertical-align: bottom;
	margin-left:auto;
	margin-right:auto;
}

.newFooter ul {
	line-height: 12px;
	float: left;
	position: absolute;
	left: 28px;
	top: 33px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 500px;
}

.newFooter li {
	font-size: 12px;
	color: #707070;
	float: left;
	position: absolute;
	bottom: 0px;
	left: -10px;
	text-decoration: none;
}

.newFooter li.links {
	font-size: 11px;
	color: black;
	text-align: center;
	position: absolute;
	left: 200px;
	width: 275px;
	bottom: 0px;
	word-wrap: break-word;
}

.newFooter li.links a {
	text-decoration: none;
	color: #707070;
}

.newFooter .logos {
	left: 700px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 17px;
    width: auto;
}

.newFooter .logos span {
	padding: 0 10px 0 0;
}

/* Landing Page */

.landing .wrapper-inner
{
	width:700px;
	padding:120px 0 0 0;
	text-align: center;
}

.landing-message
{
	color:white;
	font-style: italic;
	font-size: 16px;
	letter-spacing: 0.05em;
	margin-bottom:1em;
}