/* ******************************************************** */
/* Site Styling */
/* ******************************************************** */


	body {
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 16px;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	h1, h2, h3, h4, h5, h6 {
		margin: 0;
		padding: 0;
	}

	.jumbotron p {
		font-size: 16px;
	}

/* ******************************************************** */
/* Main Carousel */
/* ******************************************************** */

#mainCarousel .item {
	background-size: cover;
	background-position: center;
	height: 600px;
}

@media (max-width: 1600px) {
	#mainCarousel .item {
		height: 400px;
	}
}
@media (max-width: 1000px) {
	#mainCarousel .item {
		height: 300px;
	}
}
@media (max-width: 600px) {
	#mainCarousel .item {
		height: 200px;
	}
}

/* ******************************************************** */
/* Pop-up Images */
/* ******************************************************** */

.popImg:hover {
	cursor: pointer;
}

/* ******************************************************** */
/* Site Glams (Top Banners) */
/* ******************************************************** */

	.glam {
		height: 300px;
		line-height: 300px;
		background-size: cover;
		background-attachment: fixed;
		/* background-position: center; */
	}
	.glam h1 {
		line-height: 300px;
		color: #fff;
		font-size: 72px;
		text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	}



/* ******************************************************** */
/* The New Jumbotron */
/* ******************************************************** */

	.myJumbotron {
		padding: 50px 0px;
	}
	.myJumbotron h1 {
		text-align: center;
	}
	.superH1 {
		font-size: 72px;
	}
	.superH2 {
		font-size: 64px;
	}
	.superH2 {
		font-size: 48px;
	}
	.fancyLine {
		width: 100%;
		max-width: 200px;
		border-top: 8px solid #ffff33;
		margin: 25px auto;
	}
	.fancyLineOnDark {
		width: 100%;
		max-width: 200px;
		border-top: 8px solid #f8eb52;
		margin: 15px auto;
	}
	.sectionOutline {
		border-top: 1px solid #777;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.sectionOutline-bottom {
		border-top: 1px solid #777;
	}

/* ******************************************************** */
/* Background Styles */
/* ******************************************************** */

	.carbonBg {
		background:
		linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
		linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
		linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
		linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
		linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
		linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
		background-color: #131313;
		color: #fff;
		background-size: 20px 20px;
	}

	.carbonBg .well, .carbonBg .panel, .carbonBg .jumbotron {
		color: #333;
	}

/* ******************************************************** */
/* Call To Action */
/* ******************************************************** */

	.callToAction {
		background-size: cover;
		background-attachment: fixed;
	}
	.callToAction .overlay {
		background-color: rgba(255, 225, 0, 0.8);
		color: #333;
		font-size: 18px;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.callToAction .fancyLine {
		border-top-color: #fff;
		max-width: 100px;
	}
	.callToActionBtn {
		border-radius: 0px;
		/* text-transform: uppercase; */
		background-color: #fff;
		color: #000;
		border: 2px solid #000;
		font-size: 18px;
		font-weight: bold;
		padding: 10px 25px;
	}
	.callToActionBtn:hover {
		border-color: #333;
		color: #fff;
		background-color: #333;
	}

/* ******************************************************** */
/* Product Panel */
/* ******************************************************** */

.productPanel {
	border-radius: 5px;
	border: 1px solid #999;
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
}

.productPanelBody {
	padding: 25px;
}

/* ******************************************************** */
/* Site Header and Navbar */
/* ******************************************************** */

	.header {
		background-color: #171d2e;
	}
	.siteLink:link, .siteLink:visited, .siteLink:hover, .siteLink:active {
		color: #2d5fde;
		font-size: 16px;
		font-weight: 600;
		/*
		font-family: "Open Sans", sans-serif;
		font-family: 'Source Sans Pro', sans-serif;
		-webkit-font-smoothing: antialiased;
		*/
	}
	.header .fa {
		font-size: 18px;
		margin-right: 10px;
	}
	/*
	.contactBtn {
		border-color: #2d5fde;
		border-radius: 2px;
		background-color: #2d5fde;
		padding: 13px 23px;
		font-size: 12px;
		font-weight: bold;
	}
	*/
	.menuBtn {
		font-weight:200;
		border-radius:0;
		color:#000;
		box-shadow: 4px 4px 8px #000;
	}
	.header .container-fluid {
		margin: auto;
		max-width: 1280px;
	}
	.myNavbar {
		/* background-color: #171d2e; */
		background-color: #0b75a8;
		margin: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 200;
	}
	/* Margin above menu items */
	.myNavbar:not(.affix) li:not(#navLogoLg) {
		/* margin-top: 50px; */
		/* margin-top: 30px; */
	}

	.myNavbar:not(.affix) .menuNav {
		margin-top: 30px;
	}

	/*
	@media (min-width: 768px) {
	.myNavbar li > a {
		font-size: 22px !important;
		font-weight: 400 !important;
		padding-left: 25px !important;
		padding-right: 25px !important;
	}
	}
	*/
	.myNavbar .container-fluid {
		margin: auto;
		max-width: 1320px;
	}
	/* Desktop Only */
	@media (min-width: 768px) {
		.header {
			min-height: 84px;
			padding: 0px 0px;
		}
		.mySiteLogo {
			/* line-height: 105px; */
			line-height: 84px;
		}
		.mySiteActions {
		}
		.mySiteActions > div {
			display: inline-block;
			float: right;
			/* line-height: 100px; */
			line-height: 84px;
			padding: 0px 25px;
		}
		/*
		.myNavbar li > a {
			height: 50px;
			line-height: 50px;
			padding: 0px 15px;
			font-family: "Montserrat", sans-serif;
			font-size: 16px;
			font-weight: 600;
			color: #cbd9fb;
		}
		*/
		.myNavbar li > a {
			height: 50px;
			line-height: 50px;
			padding: 0px 20px;
			font-size: 22px;
			font-weight: 400;
			/*
			padding-left: 25px;
			padding-right: 25px;
			*/
			color: #cbd9fb;
		}
		.myNavbar li > a:link, .myNavbar li > a:visited {
			color: #cbd9fb;
		}
		.myNavbar li > a:hover, .myNavbar li > a:active {
			color: #ff0;
		}
			
		.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
			/* background-color: #080808; */
			background-color: #0b75a8;
			color: #ff0;
		}
		.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
			color: #ff0;
			background-color: transparent;
		}
		.myNavbar .navbar-nav > .active > a, .myNavbar .navbar-nav > .active > a:hover, .myNavbar .navbar-nav > .active > a:focus {
			/* color: #fff; */
			color: #ff0;
			background-color: #171d2e;
		}
		.myNavbar .dropdown-menu {
			/* background-color: #eee; */
			border-radius: 10px;
			background-color: rgba(50, 137, 199, 1);
			padding: 12px;
		}
		.myNavbar .dropdown-menu > li {
			margin-top: 0px;
		}
		.myNavbar .dropdown-menu > li > a {
			/* background-color: #eeeeee; */
			/* color: #666; */
			background-color: rgba(50, 137, 199, 1);
			color: #fff;
			height: auto;
			line-height: normal;
			padding: 6px 12px;
			font-weight: 400;
			font-size: 18px;
			text-align: center;
		}
		.myNavbar .dropdown-menu li > a:link, .myNavbar .dropdown-menu li > a:visited {
			/* color: #666; */
			color: #fff;
		}
		.myNavbar .dropdown-menu li > a:hover, .myNavbar .dropdown-menu li > a:active {
			/* background-color: #ddd; */
			/* color: #2d5fde; */
			color: #ff0;
		}

		/* ******************************************************** */
		/* Fixed Nav */
		/* ******************************************************** */

		.myNavbar {
			margin-bottom: -50px; /* Accomodate for non-existent height when affixed */
			z-index: 1030;
			border-radius: 0px;
			left: 0px;
			right: 0px;
		}
		/* Show/Hide elements on affixed nav */
		.myNavbar #navLogoLg { display: block; }
		.myNavbar.affix #navLogoLg { display: none; }
		.myNavbar #navLogo { display: none; }
		.myNavbar.affix #navLogo { display: block; }
		/*
		.myNavbar .navbar-right { display: none; }
		.myNavbar.affix .navbar-right { display: block; }
		*/

		.myNavbar.affix {
			top: 0px;
			background-color: #fff;
			transition: all 0.5s;
		}
		.myNavbar.affix li > a:link, .myNavbar.affix li > a:visited {
			color: #777;
		}
		.myNavbar.affix li > a:hover, .myNavbar.affix li > a:active {
			background-color: rgba(0, 0, 0, 0.1);
			color: #777;
		}
		
		/* Dropdown when affixed */
		
		.myNavbar.affix .dropdown-menu {
			/* background-color: #eeeeee; */
			/* color: #666; */
			background-color: rgba(255, 255, 255, 1);
		}		
		.myNavbar.affix .dropdown-menu > li > a {
			/* background-color: #eeeeee; */
			/* color: #666; */
			background-color: rgba(255, 255, 255, 1);
		}
		.navbar-inverse.affix .navbar-nav > .open > a, .navbar-inverse.affix .navbar-nav > .open > a:hover, .navbar-inverse.affix .navbar-nav > .open > a:focus {
			/* background-color: #080808; */
			/* background-color: #0b75a8; */
			/* color: #ff0; */
			background-color: #ddd;
			color: #777;
		}
		.myNavbar.affix .dropdown-menu li > a:link, .myNavbar.affix .dropdown-menu li > a:visited {
			/* color: #666; */
			color: #777;
		}
		.myNavbar.affix .dropdown-menu li > a:hover, .myNavbar.affix .dropdown-menu li > a:active {
			background-color: #ddd;
			/* color: #2d5fde; */
			color: #777;
		}

	}

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

/* ******************************************************** */
/* Contact Btn */
/* ******************************************************** */

	.myNavbar li > a.contactBtn {
		border-color: #000;
		-webkit-transition: background-color 200ms linear;
		-ms-transition: background-color 200ms linear;
		transition: background-color 200ms linear;
		padding-left: 15px;
		padding-right: 15px;
	}

	.myNavbar li > a.contactBtn:link, .myNavbar li > a.contactBtn:visited {
		color: #000;
	}

	.myNavbar li > a.contactBtn:hover, .myNavbar li > a.contactBtn:active {
		color: #fff;
	}


	.bannerWtext {
		min-height: 350px;
		background-position: center;
		background-size: cover;
		background-image: url('/wwwLibrary/images/architecture-2256489_1920.jpg');
	}
	.bannerWtext > div {
		min-height: 350px;
		height: 100%;
		background-color: rgba(50,50,50,0.8);
	}
	.bannerWtext {
		color: #fff;
	}


/* Copied from index.cfm */

div.subTab {

  }
.listheader {
  background-color:navy;
  color: white;
  }
div.subTab div {
  display:inline;
  padding:2px 15px;
  margin: 7px 15px 0 15px;
  background-color:#f4f5ff;
  border:1px solid silver;
  }
div.subTab .subActive {
  border:1px solid navy;
 }
div.subTab .subActive a {
  font-weight:bold;
  color:maroon;
 }
div.subTab a {
  font-weight:normal;
  font-family:arial;
  color:navy;
  font-size:12px;
  }
.errorMsg {
  background-color:pink;
  border:1px solid maroon;
  padding:5px;
  color:maroon;
  }
caption {
  text-align:center;
  font-weight:bold;
  font-size:11px;
  background-color:#ebe9ed;
  padding:5px;
  padding-left:10px;
}
caption a {
  font-weight:bold !important;
  font-size:11px;
  color: black !important;
}
[disabled] { /* Text and background colour, medium red on light yellow */
   color:#933;
   background-color:#ffc;
}
.FldAlert {
  background-color: pink;
  }
.requireField {
 color:red;
 }

.modal.modal-wide .modal-dialog {
  width: 90%;
}
.modal-wide .modal-body {
  overflow-y: auto;
  max-height:430px;
}

/* remove spacing between middle columns */
.row.sm-gutter [class*='col-']:not(:first-child):not(:last-child) {
  padding-right:5px;
  padding-left:5px;
}
/* remove right padding from first column */
.row.sm-gutter [class*='col-']:first-child {
  padding-right:5px;
}
/* remove left padding from first column */
.row.sm-gutter [class*='col-']:last-child {
  padding-left:5px;
}

.thinSpacing [clxxass^="col-"] {
    padding: 5px 8px;
}