@import url('https://fonts.googleapis.com/css?family=Open+Sans|Source+Serif+Pro');

/* UTILITIES ------------------------------------------------------------------------------------ */

a { color: inherit; }

body { line-height: 1.5; overflow-x: hidden; }

footer { padding: 80px 0; color: rgba(255,255,255,0.5); background-color: #3C425B; text-align: center; }

hr { width: 30%; border-top: 1px solid #DD3D1D; margin-top: 40px; margin-bottom: 40px; }

hr.dull { border-top: 1px solid gray; }

img { max-width: 100%; }

label { font-size: 14px; font-weight: 400; }

legend { font-size: 14px; margin: 0 0 10px 15px; }

main { margin-top: 70px; }

section > div { padding: 60px 0; }

.abs-l-33 { left: 0; width: 33.33333333%; }

.abs-move-right { margin-left: 33.33333333%; }

.abs-r-33 { right: 0; width: 33.33333333%; padding: 0 15px; }

.absolute { position: absolute; }

.btn-default { background-color: #DD3D1D; color: white; padding: 10px 20px; border: 1px solid #b7290c; margin-top: 20px; }

.btn-default:hover { background-color: #b7290c; color: white; }

.center { text-align: center; margin: 0 auto; }

.float-left { float: left; }

.gray-back { background-color: #EAEAEA; }

.hr-100 { width: 100%; }

.marg-b-medium { margin-bottom: 40px; }

.marg-b-small { margin-bottom: 20px; }

.marg-b-xsmall { margin-bottom: 10px; }

.marg-r-small { margin-right: 20px; }

.mt0 { margin-top: 0; }

.over-auto { overflow: auto; }

.pad-r-big { padding-right: 40px; }

.pad-t-small { padding-top: 20px; }

.pad-x-big { padding: 80px 0; }

.pad-x-small { padding: 20px 0; }

.relative { position: relative; }

.set-width { width: 70%; margin-left: auto !important; margin-right: auto !important; }

.set-width-sm { width: 60%; margin-left: auto !important; margin-right: auto !important; }

.short-text { width: 50%; margin: 0 auto; }

.text-on-image { color: white; }

.xxs-only { display: none; }

/* FONTS ------------------------------------------------------------------------------------ */

body { font-family: 'Open Sans', sans-serif; font-size: 16px; }

h1, h2, h3, h4, h5, h6 { font-family: 'Source Serif Pro', serif; color: #23273F; }

h2 { font-size: 36px; }

h4 { font-size: 20px; }

p { line-height: 1.8; }

.big-text { font-size: 52px; }

.emphasis { font-size: 20px; }

.tx-right { text-align: right; }

/* NAVBAR ------------------------------------------------------------------------------------ */

nav.navbar-default { background-color: #23273F; padding-top: 20px; }

.navbar { border-radius: 0; border: 0; margin-bottom: 0; }

.navbar-brand br { display: none; }

.navbar-brand>img { max-width: 40px; margin: -5px 10px 0 0; }

.navbar-default .navbar-nav>li>a, .navbar-default .navbar-brand { color: white; padding: 5px 20px; }

.navbar-default .navbar-brand { font-family: 'Source Serif Pro', serif; }

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { color: white; }

.navbar-nav>li>a:hover { color: rgba(255,255,255,0.5) !important; }

.navbar-nav>li.subscribe-button>a:hover { color: white !important; background-color: #b7290c !important; }

.subscribe-button { background-color: #DD3D1D; font-weight: bold; border-radius: 4px; }

/* JUMBOTRON ------------------------------------------------------------------------------------ */

#auditing .jumbotron {
	background:  linear-gradient( to right, 
    rgba(34,35,45,0.4) 0%, 
    rgba(34,35,45,0.4) 100% ),
	
	url("../images/meeting.jpg") no-repeat center top; 
}

#about .jumbotron {
	overflow: auto;
	background: linear-gradient( to right, 
    rgba(34,35,45,0.4) 0%, 
    rgba(34,35,45,0.4) 100% ),
	
	url("../images/laughing-woman.jpg") no-repeat center top; 
	margin-bottom: 0;
}

#contact .jumbotron {
	background:  linear-gradient( to right, 
    rgba(34,35,45,0.4) 0%, 
    rgba(34,35,45,0.4) 100% ),
	
	url("../images/clapping-woman.jpg") no-repeat center top; 
}

#homepage .jumbotron {
	overflow: auto;
	background: linear-gradient( to right, 
    rgba(34,35,45,0.4) 0%, 
    rgba(34,35,45,0.4) 49.99%, 
    rgba(34,35,45,0.8) 50.01%, 
    rgba(34,35,45,0.8) 100% ),
	
	url("../images/conversation.jpg") no-repeat center top; 
	margin-bottom: 0;
	padding: 80px 0;
}

#homepage .jumbotron a:hover { color: white; }

#homepage .jumbotron h1 { padding: 0 0 10px 0; }

#homepage .jumbotron h3 { display: inline; }

#homepage .jumbotron img { padding: 20px 20px 0 0; }

#homepage .jumbotron .col-sm-6:nth-child(1) { padding-right: 100px; }

#homepage .jumbotron .col-sm-6:nth-child(2) { padding-left: 100px; }

#homepage .jumbotron .col-sm-6 > div { padding: 80px 0; overflow: auto; height: 100%; color: white; }

#recruiting .jumbotron {
	background:  linear-gradient( to right, 
    rgba(34,35,45,0.4) 0%, 
    rgba(34,35,45,0.4) 100% ),
	
	url("../images/writing-man.jpg") no-repeat center top; 
}

#services .jumbotron {
	background:  linear-gradient( to right, 
    rgba(34,35,45,0.4) 0%, 
    rgba(34,35,45,0.4) 100% ),
	
	url("../images/talking.jpg") no-repeat center top; 
}

.jumbo-mobile { display: none; }

.jumbotron { background-size: cover !important; }

.jumbotron h1 { margin-top: 0; text-align: center; font-size: 48px; color: white; padding: 160px 0; }

.jumbotron p { text-align: center; border-top: 2px solid #A5A5A5; padding-top: 20px; }

/* JOB FEED ------------------------------------------------------------------------------------ */

#bdh_common_email_address {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px 0 0 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#bdh_common_sign_up2 {
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0 4px 4px 0;
}

#commondivjobalert { padding: 40px 0; }

#commondivjobalert hr { display: none; }

#commondivjobalert span { display: block; line-height: 1; }

.addthis_toolbox { display: inline-block; }

.categorySection { border-bottom: 1px solid #A5A5A5; padding: 20px 0;  text-align: left; }

.jobLinkContainer { width: 100% !important; padding-bottom: 5px; }

.jobSection { margin-left: 0 !important; }

/* CONTACT STYLES ------------------------------------------------------------------------------------ */

#contact form .form-control { margin-bottom: 20px; }

form .alert { margin-top: 20px; }

/* MEDIA QUERIES ------------------------------------------------------------------------------------ */

@media screen and (max-width: 1700px) {
	
	.jumbotron h1 { font-size: 44px; }
	.jumbotron h3, .jumbotron p { font-size: 22px; }
	.jumbotron .col-sm-6 > div { padding: 40px; }
	.jumbotron .col-sm-6:nth-child(1) { padding-right: 40px; }
	.jumbotron .col-sm-6:nth-child(2) { padding-left: 40px; }
}

@media screen and (max-width: 1600px) {
	.set-width { width: 80%; }
}

@media screen and (max-width: 1300px) {
	
	.jumbotron h1 { font-size: 36px; }
	.jumbotron h3 { font-size: 20px; }
	.jumbotron img { width: 120px; }
	.jumbotron p { font-size: 16px; }
	.jumbotron .col-sm-6 > div { padding: 30px; }
	.jumbotron .col-sm-6:nth-child(1) { padding-right: 20px; }
	.jumbotron .col-sm-6:nth-child(2) { padding-left: 20px; }
}

@media screen and (max-width: 1200px) {
	
	.set-width { width: 90%; }
	.set-width-sm { width: 100%; }
	.short-text { width: 60%; }
}

@media screen and (max-width: 991px) {
	
	footer { padding: 20px 0; }
	section > div { padding: 40px 0; }
	
	#homepage .gray-back img { width: 50%; }
	#homepage .gray-back .col-md-4 { text-align: left; position: relative; margin-bottom: 20px; }
	#homepage .gray-back .col-md-4 div { position: absolute; top: 50%; left: 55%; transform: translateY(-50%); }
	#homepage .jumbotron .col-sm-6:nth-child(1) { padding-right: 40px; }
	#homepage .jumbotron .col-sm-6:nth-child(2) { padding-left: 40px; }
	
	.abs-r-33 { width: 100%; }
	.absolute { position: static; }		
	.align-left-tablet { text-align: left; }
	.float-left-tablet { float: left; }
	.marg-r-small-tablet { margin-right: 20px; }
	.pad-b-large-tablet { padding-bottom: 60px; }
	.pad-t-large-tablet { padding-top: 60px; }
	.pt0-tablet { padding-top: 0; }
	.navbar-default .navbar-nav>li>a, .navbar-default .navbar-brand { padding: 5px 12px; }
	.navbar-toggle { margin-right: 0; }
	.set-width { width: 95%; }	
	.short-text { width: 80%; }
}

@media screen and (max-width: 900px) {
	
	.jumbotron h1 { font-size: 30px; }
	.jumbotron h3, .jumbotron p  { font-size: 16px; }
	.jumbotron img { width: 100px; }
}

@media screen and (max-width: 767px) {
	
		h2 { font-size: 32px; }
	nav.navbar-default { padding: 10px 0; }
	
	#homepage .gray-back img { width: 100%; }
	#homepage .gray-back .col-md-4 { text-align: center; }
	#homepage .gray-back .col-md-4 div { position: static; transform: none; }
	#homepage .jumbotron {
		overflow: auto;
		background: linear-gradient( to bottom, 
		rgba(34,35,45,0.4) 0%, 
		rgba(34,35,45,0.4) 49.99%, 
		rgba(34,35,45,0.8) 50.01%, 
		rgba(34,35,45,0.8) 100% ),
		
		url("../images/conversation.jpg") no-repeat bottom; 
		margin-bottom: 0;
		padding: 20px 0;
	}
	#homepage .jumbotron .col-sm-6:nth-child(1) { padding-right: 15px; }
	#homepage .jumbotron .col-sm-6:nth-child(2) { padding-left: 15px;}
	#homepage .jumbotron .col-sm-6 > div { padding: 40px 0; }

	
	.hide-mobile { display: none; }
	.jumbotron { background: url("../images/hero.jpg") no-repeat; }
	.jumbotron h1 { padding: 60px 0; }
	.jumbotron .col-sm-6 > div { padding: 20px; }
	.nav { text-align: right; }
	.navbar-brand { padding: 15px 0px !important; }
	.navbar-default .navbar-nav>li>a { margin-bottom: 10px; padding-right: 0; }
	.pad-t-medium-mobile { padding-top: 40px; }
	.pad-t-small-mobile { padding-top: 20px; }
	.short-text { width: 100%; }
	.subscribe-button { display: inline-block !important; }
	.subscribe-button>a { margin-bottom: 0 !important; padding-right: 10px !important; }
}

@media screen and (max-width: 600px) {
	.btn { width: 100%; }
	.center-xxs { text-align: center; }
	.col-xs-6 { width: 100%; }
	.float-left-tablet { float: none; }
	.mb0-xxs { margin-bottom: 0; }
	.pad-t-small-xmobile { padding-top: 20px; }
}

@media screen and (max-width: 400px) {
	
	h2 { font-size: 28px; }
	
	.navbar-brand { margin-top: -9px; }
	.navbar-brand br { display: block; }
	.navbar-brand>img { margin: 4px 10px 0 0; }
}

@media screen and (max-width: 300px) {
	.xxs-only { display: block; }
	.navbar-brand>img { display: none; }
}
