/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

@font-face {
  font-family: 'MyriadProLightRegular';
  src: url('/themes/mbc/../fonts/myriadpro-light-webfont.eot');
  src: url('/themes/mbc/../fonts/myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'), url('/themes/mbc/../fonts/myriadpro-light-webfont.woff') format('woff'), url('/themes/mbc/../fonts/myriadpro-light-webfont.ttf') format('truetype'), url('/themes/mbc/../fonts/myriadpro-light-webfont.svg#MyriadProLightRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MyriadProBold';
  src: url('/themes/mbc/../fonts/myriadpro-bold-webfont.eot');
  src: url('/themes/mbc/../fonts/myriadpro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/themes/mbc/../fonts/myriadpro-bold-webfont.woff') format('woff'), url('/themes/mbc/../fonts/myriadpro-bold-webfont.ttf') format('truetype'), url('/themes/mbc/../fonts/myriadpro-bold-webfont.svg#MyriadProBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MyriadProBoldCond';
  src: url('/themes/mbc/../fonts/myriadpro-boldcond-webfont.eot');
  src: url('/themes/mbc/../fonts/myriadpro-boldcond-webfont.eot?#iefix') format('embedded-opentype'), url('/themes/mbc/../fonts/myriadpro-boldcond-webfont.woff') format('woff'), url('/themes/mbc/../fonts/myriadpro-boldcond-webfont.ttf') format('truetype'), url('/themes/mbc/../fonts/myriadpro-boldcond-webfont.svg#MyriadProBoldCond') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MyriadWebProRegular';
  src: url('/themes/mbc/../fonts/myriad_web_pro-webfont.eot');
  src: url('/themes/mbc/../fonts/myriad_web_pro-webfont.eot?#iefix') format('embedded-opentype'), url('/themes/mbc/../fonts/myriad_web_pro-webfont.woff') format('woff'), url('/themes/mbc/../fonts/myriad_web_pro-webfont.ttf') format('truetype'), url('/themes/mbc/../fonts/myriad_web_pro-webfont.svg#MyriadWebProRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MyriadProSemiBold';
  src: url('/themes/mbc/../fonts/myriadpro-semibold-webfont.eot');
  src: url('/themes/mbc/../fonts/myriadpro-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/themes/mbc/../fonts/myriadpro-semibold-webfont.woff') format('woff'), url('/themes/mbc/../fonts/myriadpro-semibold-webfont.ttf') format('truetype'), url('/themes/mbc/../fonts/myriadpro-semibold-webfont.svg#MyriadProLightBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
  color: #5a5a5a;
  background-color: #325989;
  background-image: url('/themes/mbc/images/background.jpg');
  background-position: center 50px;
/*   background-attachment: fixed; */
  background-repeat: no-repeat;
  background-size: 125%;
  font-family: 'Open Sans', "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/* Concrete 5 editing fixes
-------------------------------------------------- */
.ccm-ui .popover .content {
	min-height: initial;
}

.ccm-ui .popover.below .arrow {
  margin-top:-11px;
}

.ccm-ui .popover.above .arrow {
  margin-bottom:-11px;
}

.ccm-ui input, .ccm-ui textarea, .ccm-ui .uneditable-input {
  height: auto;
}

#ccm-files-add-asset input[type=file] {
  display: inline;
}

.formBlockSurveyTable textarea {
	width: 100%;
}

.searchResult span {
	background-color: #E9E2CB !important;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

.nav-logo {
  width:300px;
  height:50px;
  margin-top:-15px;
}

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

.navbar-collapse {
  /* max-height: initial; */
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper .container {
  padding-right: 0;
  padding-left: 0;
  box-shadow: none;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}

.navbar-toggle {
  border: 2px solid rgba(255,255,255,0.5);
  margin-right: 14px;
  padding: 8px 10px;
}

.navbar-toggle .icon-bar {
  background-color: rgba(255,255,255,0.5);
}

.navbar-inverse {
  border: 0px;
}

.navbar {
  background-color: rgba(56, 23, 4, 0.85);
  background-image: url('/themes/mbc/images/navbar-background.jpg');
  background-repeat: repeat-x;
  background-position: center top;
  box-shadow: 0px 0px 23px #000;
  font-size: 10pt;
}

.navbar .dropdown-menu>li>a {
  font-size: 10pt;
}

.navbar .nav>li>a {
  color: #fff;
  background-color: transparent;
  text-shadow: 1px 1px #000;
  padding: 15px 8px;
}

.navbar .nav>li>a:hover {
  background-color: rgba(255, 255, 255, 0.250);
}

a.nav-selected,
a.nav-path-selected {
  /* font-weight: bold; */
}

.navbar-nav.navbar-right:last-child {
  margin-right: -8px;
}

.navbar-nav>li>a, 
.navbar-nav>li>a:hover, 
.navbar-nav>li>a:focus {

}

.navbar-nav>.active>a, 
.navbar-nav>.active>a:hover, 
.navbar-nav>.active>a:focus {
  background-color: rgba(255, 255, 255, 0.250);
  
}

.navbar-nav>.open>a, 
.navbar-nav>.open>a:hover, 
.navbar-nav>.open>a:focus {
  background-color: rgba(255, 255, 255, 0.250);
}

.breadcrumb {
  padding: 0px;
  margin: 21px 0 0 0;
  background-color: transparent;
  border: 0px;
  font-size: smaller;
}

.breadcrumb-edit {
  margin: 0px !important;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

.carousel-wrapper {
  margin-top: 50px;
}

/* Carousel base class */
.carousel {
  height: 360px;
  /* margin-top: 50px; */
  /* margin-bottom: 20px; */
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  left: 10%;
  right: 10%;
  text-shadow: 0 1px 5px rgba(0,0,0,.8)
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 360px;
  background-color: #777;
  background-position: 50% 30%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-weight: 300;
  
/*   letter-spacing: -0.03em; */
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 360px;
}

.carousel .item h1 {
/* 	font-family: 'MyriadProBoldCond', serif; */
	font-family: 'MyriadProLightRegular', sans-serif;
	letter-spacing: -0.04em;
	font-size: 60px;
}

.carousel .item p {
	font-family: 'MyriadProLightRegular', sans-serif;
	margin-bottom: 20px;
	font-size: 21px;
}



/* CONTENT
-------------------------------------------------- */
.container {
	box-shadow: 0px 5px 23px #000;
}

/* Pad the edges of the mobile views a bit */
.page {
  background-color: rgba(255,255,255,0.9);
  padding-top: 50px;
  padding-bottom: 20px;
  padding-right: 30px;
  padding-left: 30px;
}

.page-footer {
  padding-left: 0px;
  padding-right: 0px;
  background-color: #fff;
}

.page-footer .fine-print {
  background-color: #61422A;
  padding-top: 10px;
  padding-bottom: 1px;
  padding-right: 10px;
  padding-left: 10px;
  font-size: smaller;
  color: #D6C9B6;
}

/* Center align the text within the three columns below the carousel */
.page .col-md-4 {
  /* margin-bottom: 20px;
  text-align: center; */
}

.page hr {
	border-top: 1px solid #C4C9E0;
}

.page h1 {
  font-weight: 300;
  font-family: 'MyriadProBoldCond', serif;
  margin-top: 10px;
  /* letter-spacing: -0.00em; */
}

.page h2, .page h3 {
  font-weight: 300;
  font-family: 'MyriadProLightRegular', serif;
  letter-spacing: -0.03em;
}
.page .col-md-4 p {
  /* margin-right: 10px;
  margin-left: 10px; */
}

.page img.responsive-image {
  float: left;
  margin: 0 0 10px 0 !important;
  width: 100% !important;
  height: auto !important;
}

.content {
	background-color: #fff;
	border-radius: 0 0 10px 10px;
	min-height: 530px;
	padding-bottom: 10px;
	box-shadow: 0px 0px 10px rgba(184, 184, 184, 0.5);
}

.content img {
	max-width: 100%;
	height: auto;
}

.content ul {
  padding-left: 18px;
}

.content ul.nav {
  list-style-type: disc;
  padding-left: 40px;
  
}

.content ul.nav li {
  list-style-type: disc;
  display: list-item;
}

.content .nav li a {
  padding: 0px;
  display: inline;
}

.content .nav li a:hover {
  background-color: transparent;
  text-decoration: underline;
}

.content .image-collection {
	overflow: auto; 
	white-space: nowrap; 
	-webkit-overflow-scrolling: touch;
}

.content .image-collection img {
	margin-bottom: 10px;
	max-height: 225px;
	width: auto;
}


/* LEFT SIDEBAR PAGE NAV
-------------------------------------------------- */
.left-nav { 
  margin-top: 12px;
  padding-left: 0px;
}

.left-nav h3 {
	margin-bottom: 0px;
}

.left-nav .nav>li>a,
.left-nav .nav ul a {
  font-size: 13px;
  padding: 5px 10px;
}

.left-nav  ul.nav {
  padding-left: 0px;
  list-style: none;
}

.left-nav .nav ul {
  padding-left: 15px;
  list-style: none;
  border-top: 1px solid rgb(211, 209, 208);  
}

.left-nav ul.nav li a {
/* 	border-bottom: 1px solid rgb(211, 209, 208); */
	display: block;
	margin-top: 5px;
	margin-bottom: 3px;
	padding-top: 3px !important;
}

.left-nav ul.nav ul li a {
	border-bottom: none;
	margin-top: 2px;
	margin-bottom: 0px;
	padding-bottom: 3px !important;
}

.left-nav ul.nav ul li {
  list-style-type: none;
}

.left-nav li a {
  padding: 0px !important;
  text-decoration: none;
  display: inline;
}

.left-nav li a:hover {
  background-color: transparent !important;
}

.left-nav ul > li > a {
  color:#764e33;
}

.left-nav ul > li > a:hover {
  color:#562e13;
}

.left-nav ul > li ul > li > a {
  color:#a67e63;
}

.left-nav ul > li ul > li > a:hover {
  color:#562e13;
}

/* .left-nav ul > li > a.nav-path-selected {
  color:#125b9a;
}

.left-nav ul > li > ul > li > a.nav-path-selected {
  color:#327bba;
} */

.left-nav a.nav-selected {
  font-weight: bold;
}



/* RIGHT SIDEBAR PAGE NAV
-------------------------------------------------- */

.right-nav .nav>li>a:hover, 
.right-nav .nav>li>a:focus {
	text-decoration: underline;
	background-color: transparent;
}

.right-nav { 
  margin-top: 12px;
}

.right-nav h3 {
	margin-bottom: 0px;
}

.right-nav .nav>li>a,
.right-nav .nav ul a {
  font-size: 13px;
  padding: 5px 10px;
}

.right-nav  ul.nav {
  padding-left: 0px;
  list-style: none;
}

.right-nav .nav ul {
  padding-left: 15px;
  list-style: none;
/*   border-top: 1px solid rgb(211, 209, 208); */
}

.right-nav ul.nav li a {
/* 	border-bottom: 1px solid rgb(211, 209, 208); */
	display: block;
	margin-top: 5px;
	margin-bottom: 3px;
	padding-top: 3px !important;
}

.right-nav ul.nav ul li a {
	border-bottom: none;
	margin-top: 2px;
	margin-bottom: 0px;
	padding-bottom: 3px !important;
}

.right-nav ul.nav ul li {
  list-style-type: none;
}

.right-nav li a {
  padding: 0px !important;
  text-decoration: none;
  display: inline;
}

.right-nav li a:hover {
  background-color: transparent !important;
}

.right-nav ul > li > a {
  color:#764e33;
}

.right-nav ul > li > a:hover {
  color:#562e13;
}

.right-nav ul > li ul > li > a {
  color:#a67e63;
}

.right-nav ul > li ul > li > a:hover {
  color:#562e13;
}

/* .right-nav ul > li > a.nav-path-selected {
  color:#125b9a;
}

.right-nav ul > li > ul > li > a.nav-path-selected {
  color:#327bba;
} */

.right-nav a.nav-selected {
  font-weight: bold;
}



/* Footer
------------------------- */

footer {
  color: #bbbbbb;
  background-color: rgba(100, 100, 100, 0);
  /* padding-top: 10px; */

}

footer h3 {
  font-weight: 300;
  font-family: 'MyriadProLightRegular', serif;
  letter-spacing: -0.03em;
  color: rgba(255,255,255,0.5);
  margin-top: 0px;
}

footer h4 {
  color: #ffffff;
}

footer .footer-img {
	margin-bottom: 10px;
}

.footer {
  /* border-top:1px solid #494949; */
  background-color: rgba(28, 40, 51, 0.7);
  padding:10px 15px 10px 15px;
  color: #bbbbbb;
  font-size: x-small;
}

.footer .account {
  text-align: right;
}

.footer-img {
  width:100% !important;
  height: auto !important;
/*   border: 1px solid rgba(255,255,255,0.5); */
  border-radius: 10px;
  box-shadow: 0px 2px 6px #5F88BE;
}

.footer .footer-links {
	font-size: small !important;
	margin-top:10px;
}

.footer hr {
	opacity: 0.1;
	margin-top: 12px;
	margin-bottom: 10px;
}


/* Embeds
------------------------- */


.google-maps {
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
	border: 1px solid #888;
	margin-bottom: 10px;
}

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 
Make the Facebook Like box responsive (fluid width)
https://developers.facebook.com/docs/reference/plugins/like-box/ 
*/

/* 
This element holds injected scripts inside iframes that in 
some cases may stretch layouts. So, we're just hiding it. 
*/

#fb-root {
    display: none;
}

/* To fill the container and nothing else */

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}