@charset "UTF-8";
/* Dev Page Styles*/
.card #main {
	background:url("imgs/fbmc-bchhse-lg.jpg") no-repeat #444 top center
}
.logo-row { padding: 2rem; margin: 2rem }

/* end dev page styles */
/* ICONS - go to icons.css for icomoon dingbats - free to use */
/* FONTS */
/* futura-pt is Adobe Web Font licensed thru Creative Clooud Type Services Sept 2019 */
/* Adobe Web fonts require air2smz.cc stylesheet to import fonts thru Adobe CDA Service */

/* fbmc-usa Styles */
/* main content styles */
body { color: #003366; font: normal, 200; font-family: futura-pt, sans-serif; line-height: 1.5rem }
span.badge { font-family: futura-pt, sans-serif; font-style: normal; font-weight: 600 }
body p, ul, li, ol { font-family: futura-pt, sans-serif; font-style: normal; font-weight: 300; font-size: 1.2rem }
 .bulleted li:before {
 content: "•"; /* Insert content that looks like bullets */
 padding-right: 8px;
 color: #003366; /* Or a color you prefer */
}
article.lead-text {padding: 1rem 0 .6rem 0; margin: 1.6rem auto 1.6rem auto; border-top-style: inset; border-top-color: #CC3333; border-top-width: thin; border-bottom-style: inset; border-bottom-color: #CC3333; border-bottom-width: thin }
body h1 {
	font-family:futura-pt, sans-serif; font-style: normal; font-weight: 600; font-size: 2.5rem; color: #FFF; line-height: 2.5rem; 
	/* background-image:linear-gradient(to left, rgba(43,43,43,0), rgba(43,43,43,0.5) )*/
} 
h2 {font-family: futura-pt, sans-serif; font-style: normal; font-weight: 600; font-size: 2.0rem; line-height: 1.9rem}
body h3 {font-family: futura-pt, sans-serif; font-style: normal; font-weight: 600; font-size: 1.7rem; line-height: 1.8rem}
body h4 {font-family: futura-pt, sans-serif; font-style: normal; font-weight: 600; font-size: 1.5rem; line-height: 1.2rem}
body h5 {font-family: futura-pt, sans-serif; font-style: normal; font-weight: 600; font-size: 1.3rem; line-height: 1.2rem}
body strong {font-family: futura-pt, sans-serif; font-style: normal; font-weight: 600; font-size: 1.1rem; line-height: 1rem}

/* navigation */
.nav-item {font-family: futura-pt, sans-serif; font-style: normal; font-weight: 400; font-size: 1.3rem; line-height: 1.2rem}

/* footer styles */
body address, p.small {font-family: futura-pt, sans-serif; font-style: normal; font-weight: 400; font-size: 1.1rem; line-height: 1.4rem}

/* illustration image-map with onclick popovers */
map { display: inline
}
/* NOT USED? - CSS used here will be applied after bootstrap.css */
.popover.bottom .arrow {
	left:90% !important;
}
.popover-header {background-color: #CC3333}
h3.popover-header{color: #fff}
.figure-caption { color: #003366; font-size: 1.4rem}
p.lead-text {font-size: 1.4rem; line-height: 1.8rem; }
/* end image-map css */

/* jumbotron modifications per page */
.lead {color:#FFF} 
.background {
  /*height:280px;*/
  display:flex;
  align-items:left top;
  background:url("../imgs/fbmc-bh-main-fso.jpg") top center;
/* background-color: "cadet-blue" */
  background-size:cover;
}
.medic-lead {
	display:flex;
  	align-items:left top;
  	background:url("../imgs/fbmc-medic-fso.jpg") center left no-repeat;
 	background-size:cover;
	overflow-y: hidden
}
.realtor-lead {
  display:flex;
  align-items:left top;
  background:url("../imgs/fbmc-realtor-lgo.jpg") center right no-repeat;
  background-size:cover;
  overflow-y: hidden;
}
.lifepg-lead {
  display:flex;
  align-items:left top;
  background:url("../imgs/fbmc-life-fso.jpg") center right no-repeat;
  background-size:cover;
	overflow-y: hidden
}
/* about and contact page current share styles */
.contactus-lead {
  /* max-height:240px; */
  display:flex;
  align-items:left center;
  background:url("../imgs/fbmc-bh-main-fso.jpg") top right no-repeat;
  background-size:cover;
	overflow-y:hidden
}

/* contact forms */
input.form-control {font-family: futura-pt, sans-serif; font-style: normal; font-weight: 400; font-size: 1.1rem; line-height: 1.2rem}
label {font-family: futura-pt, sans-serif; font-style: normal; font-weight: 400; font-size: 1.1rem; line-height: 1rem}
textarea {font-family: futura-pt, sans-serif; font-style: normal; font-weight: 400; font-size: 1.1rem; line-height: 1.2rem}

/* buttons */

/* general and submit */
.btn, .btn-primary {font-family: futura-pt, sans-serif; font-style: normal; font-weight: 400; font-size: 1.3rem; line-height: 1.2rem}
.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

/* content buttons */
.btn-primary { background-color:#4D9DC4; border-color:#2F6C8B }
.logo { max-height:120px; width:auto }
.btn-primary:hover {
  color: #fff;
  background-color: #3B85AA;
  border-color: #2F6C8B;
}
span.small-logo { background-image: url("../imgs/logos/fbmc-logo-24.png"); background-position: left; padding-left: 2px; margin-bottom: -3px; margin-right: 3px; height: 24px; width: 24px; display: inline-block}

/* end content buttons */
@media only screen and (max-width: 800px) {
	.background {background-image: url("../imgs/fbmc-bchhse-sm.jpg"); background-position: left top;
	}
}

@media only screen and (max-width: 575px) {
	.logo { max-height: 64px; margin: 0 auto }
	.background, .medic-lead, .realtor-lead, .lifepg-lead, .contactus-lead  { 
		max-height: 180px;
		overflow: hidden;
		}
	.container h1, .h1 {
		font-size: 1.9rem;
		line-height: 1.9rem;
		padding-left: 0rem
	}
	body h2, .h2 {
		font-size: 1.6rem;
		line-height: 1.9rem;
		padding-left: 0rem
	}
	h3, .h3 {
		font-size: 1.4rem;
		line-height: 1.6rem;
		padding-left: 0rem
	}
	.jumbotron { padding-top: 1rem }
	.medic-lead, .realtor-lead, .lifepg-lead, .contactus-lead  {
		max-height: 180px; margin-bottom: 0;
	}
}
@media only screen and (max-width: 414px) {
		.logo { max-height: 52px; margin-top: 0 auto }
	.container h1, .h1 {
		font-size: 1.6rem;
		line-height: 1.6rem;
		padding-left: 0rem
	}
	body h2, .h2 {
		font-size: 1.6rem;
		line-height: 1.9rem;
		padding-left: 0rem;
	}
}

@media only screen and (max-width: 359px) {
	.container h1, .h1 {
		font-size: 1.5rem;
		line-height: 1.6rem;
		padding-left: 0rem
	}
	body h2, .h2 {
		font-size: 1.6rem;
		line-height: 1.9rem;
		padding-left: 0rem;
	}
	.logo { max-height: 42px; margin-top: 0 auto }
	.background .medic-lead, .realtor-lead, .lifepg-lead, .contactus-lead  { 
	max-height: 130px;
	overflow: hidden;
	}
	.jumbotron { padding-top: .7rem}
	.medic-lead, .realtor-lead, .lifepg-lead, .contactus-lead  {
		max-height: 160px
	}
}

/* CSS Document */