/*
 Theme Name:   Thunder Road Child
 Description:  Child theme based on Thunder Road customized for Retirement Strategy Calculator
 Template:     thunder_road
 Version:      1.1.0
*/

html {
	overflow-y: scroll;
	overflow-x: hidden;
}

body {
	font-family: 'Open Sans', sans-serif;
	color: #323232;
	font-size: 16px;
	padding-top: 0;
}

a, a:active, a:focus {
	text-decoration: none;
	color: #8eb1bf;
}

a:hover {
	color: #486c83;
	text-decoration: none;
}

.grid a:hover {
	color: #ed2028;
}

hr {
	border-top: 1px solid #999;
}

h1 {
	font-size: 4em;
	line-height: 1.2em;
	color: #304958;
	font-weight: 300;
	font-family: 'Oswald', sans-serif;
}

h2 {
	font-size: 2em;
	line-height: 1.2em;
	margin-bottom: 10px;
	color: #304958;
	font-weight: 300;
	font-family: 'Oswald', sans-serif;
}

h3 {
	font-size: 1.6em;
	line-height: 1.3em;
	margin-bottom: 20px;
	color: #304958;
	font-weight: 300;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
}

/*h4 {
	font-size: 1.3em;
	font-weight: 400;
	color: #ed2028;*/
	/*font-family: EurostileExt-Med;*/
/*}*/

p {
    line-height: 1.5em;
}

.body-large {
	font-size: 1.35em;
}

#header_container {
	padding: 0;
	height: 138px;
}

#header_container_home {
	padding-bottom: 200px;
}

#logo_container {
	position: relative;
	float: left;
	width: 34%;
	/*min-width: 500px;*/
	/*padding-right: 20px;*/
	background-color: #486c83;
	height: 790px;
	padding-top: 30px;
	padding-left: 8%;
}

#secondary_logo_container {
	padding-top: 30px;
	padding-left: 8%;
	float: left;
	position: relative;
	width: 50%;
	z-index: 1000;
}

#logo_container_sub {
	background-color: #486c83;
	padding-top: 30px;
	padding-left: 8%;
}

#main_navigation {
	position: relative;
	float: left;
	width: 66%;
	/*min-width: -webkit-calc(100% - 500px);
    min-width:    -moz-calc(100% - 500px);
    min-width:         calc(100% - 500px);*/
    background-color: #bed8e2;
	height: 790px;
	padding-right: 8%;
	padding-top: 70px;
}

#main_navigation_sub {
	position: relative;
	float: right;
	padding-right: 8%;
	padding-top: 38px;
}

#main_navigation_sub .navbar-default #main_menu > ul > li.menu-item {
	padding-top: 12px;
}

.navbar-toggle {
	margin-top: 84px;
	margin-bottom: 0;
	margin-right: 8%;
}

#mobile_menu {
	position: fixed;
	right: 10px;
	border: none;
	box-shadow: none;
	margin-top: 20px;
	background-color: #486c83;
	padding-bottom: 10px;
	z-index: 100;
	padding-right: 20px;
}

#mobile_menu .nav .menu-item a {
	color: #fff;
	padding-left: 0;
}

#mobile_menu .nav .menu-item a:hover {
	color: #8eb1bf;
}

#mobile_header {
	display: none;
	background-color: #486c83;
	position: relative;
}

/*@media (max-width:768px){
	#logo_container {
		position: relative;
		float: none;
		width: 100%;
		text-align: center;
		padding-right: 0;
	}

	#main_navigation {
		position: relative;
		float: none;
		width: 100%;
		margin-top: 20px;
	}
	
	#main_navigation .navbar {
		top: 0;
		min-height: 0;
		margin-bottom: 0;
		text-align: center;
	}
	
	.navbar-collapse {
		padding-left: 0;
		padding-right: 0;
	}
	
	#header_container {
		padding-top: 30px;
		padding-bottom: 15px;
	}
}*/

#main_navigation li {
	float: none;
	display: inline-block;
}

.navbar-nav {
	float: right;
}

.logo {
	width: 180px;
}

.footer-logo {
	width: 140px;
}

.home .two-col-right-col {
	padding-left: 0;
	padding-right: 12%;
}

.home .two-col-left-col {
	padding-right: 0;
	padding-left: 12%;
}

.btn-light, #main_menu .nav > li > a.btn-light, #main_navigation_sub .navbar-default .navbar-nav > li > a.btn-light {
   background-color: #bed8e2;  
   border-radius: 0; 
   padding: 10px 23px;
   border: 2px solid #bed8e2;
   -webkit-transition: background .25s linear, border-radius .35s ease-out, color .4s;
   -moz-transition: background .25s linear, border-radius .35s ease-out, color .4s;
   -o-transition: background .25s linear, border-radius .35s ease-out, color .4s;
   transition: background .25s linear, border-radius .35s ease-out, color .4s;
   color: #000;
   font-weight: 500;
}

.btn-light:hover, #main_menu .nav > li > a.btn-light:hover {
	color: #253843;
	background-color: #fff;
	border: 2px solid #253843;
	border-radius: 34px;
}

.btn-dark, .gform_button, #main_menu .nav > li > a.btn-dark {
   background-color: #486c83;  
   border-radius: 0; 
   padding: 10px 23px;
   border: 2px solid #486c83;
   -webkit-transition: background .25s linear, border-radius .35s ease-out, color .4s;
   -moz-transition: background .25s linear, border-radius .35s ease-out, color .4s;
   -o-transition: background .25s linear, border-radius .35s ease-out, color .4s;
   transition: background .25s linear, border-radius .35s ease-out, color .4s;
   color: #fff;
   font-weight: 500;
   text-transform: uppercase;
}

.btn-dark:hover, .gform_button:hover, #main_menu .nav > li > a.btn-dark:hover {
	color: #486c83;
	background-color: #fff;
	border: 2px solid #486c83;
	border-radius: 34px;
}

/*.navbar-default .navbar-nav > li > .btn-header-demo {
	background-color: #486c83;
	color: #fff;
	border: 2px solid #486c83;
}

.navbar-default .navbar-nav > li > .btn-header-demo:hover {
	background-color: #fff;
	color: #486c83;
	border: 2px solid #486c83;
}

#main_menu .nav > li > a.btn-header-demo {
	padding: 10px 23px;
	border-radius: 12px;
}*/

#main_content li {
	margin-bottom: 20px;
}

/*#hero {
	border-top: 15px solid #eeeff5;
	border-bottom: 15px solid #eeeff5;
}
#hero .text-overlay {
	background-color: transparent;
}

#hero.block-image-bar img + .row {
	top: 35%;
}

#hero .text-overlay h1 {
	font-size: 4em;
	font-weight: 500;
	margin-bottom: 20px;
}

@media (max-width:1024px){
	#hero .text-overlay h1 {
		font-size: 2.5em;
	}
}

@media (max-width:855px){
	#hero .text-overlay h1 {
		font-size: 2em;
	}
}

@media (max-width:768px){
	#hero.block-image-bar img + .row {
		top: 30%;
	}
}

@media (max-width:530px){
	#hero .text-overlay h1 {
		font-size: 1.7em;
	}
	
	#hero.block-image-bar img + .row {
		top: 35%;
	}
}*/

.ws_color_bar h3 {
	margin-bottom: 0;
}

.ws_color_bar .btn {
	margin-top: 15px;
}


@media (max-width: 1150px) {
	
	/* Hamburger */
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    
    .navbar-toggle {
        display: inline-block;
        border-radius: 0;
    }
    
    .navbar-default .navbar-toggle:hover {
	    background-color: #bed8e2;
    }
    
    .navbar-default .navbar-toggle {
    	border-color: #fff;
	}
	
    .navbar-default .navbar-toggle .icon-bar {
	    background-color: #fff;
    }
    
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
	/*************/
	
	#mobile_header {
		display: block;
		width: 100%;
		height: 138px;
	}
	
	#logo_container, #main_navigation, #logo_container_sub {
		display: none;
	}
	
	#header_container_home #homepage_primary_mobile, #header_container_home #homepage_primary_mobile #homepage_primary_image, #header_container_home #homepage_primary_mobile #homepage_primary_content {
		display: block;	
	}
	
	#header_container_home {
		padding-bottom: 50px;
	}

}
	
/*.navbar-header .navbar-toggle .icon-bar {
	background-color: #ed1c24;
	width: 55px;
	height: 6px;
	margin-top: 6px;
}
.navbar-header .navbar-toggle:hover .icon-bar, .navbar-header .navbar-toggle:focus .icon-bar {
	background-color: #747474;
}

.navbar-header .navbar-toggle:hover, .navbar-header .navbar-toggle:focus {
	background-color: #fff;
}

.navbar-toggle {
	border: none;
}*/

/*.navbar {
	position: absolute;
	z-index: 999;
	top: 48px;
	right: 0;
	width: 100%;
}*/

.navbar-default {
	background-color: transparent;
	border: none;
}

/*#menu_text {
	text-transform: uppercase;
	margin-top: 5px;
	letter-spacing: .14em;
}*/

/*.dropdown-menu {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	float: none;
	border: none;
	box-shadow: none;
}*/

/*#main_menu.navbar-collapse.collapse {
	background-color: #fff;
	border: none;
	display: inline !important;
	vertical-align: bottom;
}*/

#main_menu .nav > li > a {
	padding: 0 7px;
}

#button_header_demo {
	margin-left: 25px;
}

/*.navbar::before, .navbar::after, .navbar-collapse::before, .navbar-collapse::after {
	display: inline;
	content: '';
}*/

/*@media (max-width: 768px) {
	#logo_container {
		text-align: center;
	}
	
	.navbar {
		position: relative;
	}
	
	.navbar-toggle {
		margin: 0 auto;
		float: none;
	}
}*/


.navbar-default .navbar-nav > li > a, .dropdown-menu > li > a {
	color: #253843;
	text-transform: uppercase;
	font-size: .9em;
}

.navbar-default .navbar-nav > li > a:hover, .dropdown-menu > li > a:hover {
	color: #fff;
	background-color: transparent;
}

.navbar-default .navbar-nav > .active > a, .dropdown-menu > .active > a, .navbar-default .navbar-nav > .active > a:hover, .dropdown-menu > .active > a:hover {
	background-color: transparent;
	color: #fff;
}

#main_navigation_sub .navbar-default .navbar-nav > li > a {
	color: #fff;
}

#main_navigation_sub .navbar-default .navbar-nav > li > a:hover, #main_navigation_sub .navbar-default .navbar-nav > .active > a {
	color: #bed8e2;
}

/*#client_logos {
	padding-left: 8%;
	padding-right: 8%;
	text-align: center;
}

#client_logos img {
	padding: 5px;
}*/


/*** Homepage ***/
#homepage_primary_mobile {
	display: none;
	background-color: #bed8e2;	
	width: 100%;
}

#homepage_primary_mobile #homepage_primary_image, #homepage_primary_mobile #homepage_primary_content {
	float: none;
}

#homepage_primary_mobile #homepage_primary_image {
	width: 80%;
	max-width: 500px;
	margin: 0 auto;
	display: block;
	padding-top: 30px;
}

#homepage_primary_mobile #homepage_primary_content {
	width: 80%;
	max-width: 500px;
	margin: 0 auto;
	display: block;
	padding-top: 30px;
	padding-bottom: 50px;
}

#homepage_primary {
	position: relative;
	z-index: 999;
	margin-top: 20px;
	width: 1500px;
}

#homepage_primary_image {
	float: left;
	margin-right: 50px;
	width: 806px;
}

#homepage_primary_content {
	float: left;
	width: 500px;
	padding-top: 95px;
}

@media (max-width:1475px){
	#homepage_primary_image {
		width: 700px;
	}
	
	#logo_container, #main_navigation {
		height: 690px;
	}

}

@media (max-width:1355px){
	#homepage_primary_image {
		width: 600px;
	}
	
	#logo_container, #main_navigation {
		height: 620px;
	}
	
	#homepage_primary_content {
		padding-top: 50px;
	}

}

@media (max-width:1230px){
	
	h1 {
		font-size: 3.2em;
		letter-spacing: 0;
	}
	
	#homepage_primary_image {
		width: 500px;
	}
		
	#logo_container, #main_navigation {
		height: 530px;
	}
}

#homepage_checks .three-col-left-col, #homepage_checks .three-col-center-col {
	margin-right: 10px;
}

#homepage_checks p {
	margin-bottom: 0;
	text-align: center;
}

#homepage_checks .column_content {
	padding: 25px 0;
}


@media (max-width: 990px){
	.page-template .two-col-right-col {
		padding-left: 12%;
	}
	
	.page-template .two-col-left-col, .three-col-left-col, .three-col-center-col, .three-col-right-col {
		padding-left: 12%;
		padding-right: 12%;
	}
	
	#homepage_checks p {
		text-align: left;
	}

}
	 

/*** Footers ***/
#footer_primary {
	/*padding: 30px 4% 20px 4%;*/
	background-color: #486c83;
}

#menu-footer-menu {
	list-style: none;
}

#menu-footer-menu li {
	display: block;
	margin: 0 0 8px 0;
}

#footer-links {
	padding-top: 0;
}

#menu-footer-menu li a {
	color: #fff;
}

#menu-footer-menu li a:hover, footer .fa:hover, #footer_secondary a:hover {
	color: #bed8e2;
	text-decoration: none;
}

#footer_text {
	font-size: .8em;
	color: #e8e8e8;
}

#footer_text a:hover {
	color: #fff;
}

@media (max-width: 990px){
	footer #logo {
		width: 275px;
		max-width: 275px;
		margin-bottom: 15px;
	}
	
	#footer_primary {
		padding: 30px 4% 20px 4%;
	}
}


/* Gutter control */

#main_content { /* Eliminate gutters for container */
	padding-left: 0;
	padding-right: 0;
}

.full_width div.ws_content {
    padding: 5% 16%;
}

/*********************/