/* Recommended font sizes: 8, 16, 24, 32, 48, 64, 95 */

html{
	overflow:-moz-scrollbars-vertical;
	overflow-y:scroll;
}
body {
    padding-top: 65px;
}

a{
	text-decoration:underline;
}

h1, h2, h3{
	color: #11699a;
}
h1 {
	font-family: Montserrat, Arial, sans-serif;
	font-weight: 800;
	margin-top:15px;
	margin-bottom:15px;
}
hr{
	width:100%;
	border-top:1px solid #cccccc;
}

.body-wrapper{
	position:relative;
	min-height:100%;
	display:flex;
	flex-direction:column;
}
/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
	min-height:100%;
	padding-top:15px;
	position:relative;
	background-color:white;
	display:flex;
	flex-direction:column;
	flex-grow:1;
}
	.body-content a, p a {
		color: #0071BC;
	}

#site-nav {
	background: white;
	margin-bottom:0;
	border-bottom: 1px solid black;
}
#navLinksContainer > .navbar-collapse > ul > li > a {
	display: inline-block;
	padding-left:0;
	padding-right:0;
}
#navLinksContainer > .navbar-collapse > ul > li{
	padding-left:15px;
	padding-right:15px;
}
.mainNav:hover{
	background-color:#eeeeee;
}
#navLinksContainer .mainNav.dropdown > .borderlineLink {
	padding-right: 0;
	color:rgb(51,51,51);
}
#logo-div{
	height:65px;
}
#site-logo{
	height:55px;
}
#footer-site-logo{
	width:150px;
	padding-bottom:20px;
	display:block;
}
#nav-container{
	position:relative;
}
#navLinksContainer{
	position:absolute;
	bottom:0;
	right:0;
}
#navLinksContainer a{
	text-decoration:none;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

.shadow-box{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:-1;
}
.shadow-box:before {
	left: 5px;
	box-shadow: -15px 0 20px rgba(4,4,4,.6);
}
.shadow-box:after {
	right: 5px;
	box-shadow: 15px 0 20px rgba(4,4,4,.6);
}
.shadow-box:before, .shadow-box:after {
	top:0;
	bottom:0;
	content: "";
	height: 100%;
	position:absolute;
	width:18px;
	background-color:red;
}

	.navbar-toggle .icon-bar {
		height: 3px;
		width: 30px;
		border: 1px solid black;
		background: black;
	}
#socialMediaBlock{
	position:absolute;
	bottom:10px;
	right:80px;
	white-space:nowrap;
}
.socialMediaLink{
	display:inline-block;
	padding-left:5px;
	width:35px;
	height:35px;
	position:relative;
	box-sizing:content-box;
	border-radius:50%;
}
	.socialMediaLink > img {
		transition: transform linear .5s;
		width:100%;
		height:100%;
	}
	.socialMediaLink:hover, .socialMediaLink:focus{
		text-decoration:none;
	}
	.socialMediaLink:not(.search):hover > img, .socialMediaLink:not(.search):focus > img {
		transform: rotateZ(360deg);
	}
footer{
	margin-top:auto;
	padding-bottom:10px;
	padding-top:10px;
	position:relative;
}
#returnTopLink {
	position: absolute;
	right: 0;
	top: 10px;
}
/*#back-top {
	position: fixed;
	bottom: 40px;
	right: 150px;
	z-index: 1000;
}

#backTopContent {
	width: 40px;
	height: 40px;
	display: block;
	margin-bottom: 7px;
	background: #333 url(/img/icons/up-arrow.png) no-repeat center center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
	content: ' ';
}

#back-top a {
	width: 44px;
	display: block;
	text-align: center;
	font: 11px/100% Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #666;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}

	#back-top a:hover {
		color: #999;
	}*/

.playButton, .pauseButton {
	position: absolute;
	top: 2px;
	right: 2px;
	background-color: rgba(255,255,255,.2);
	border-radius: 50%;
	border: none;
	line-height: 1;
	z-index:5;
	padding:6px;
}

.slider-overlay{
	position:absolute;
	right:0;
	padding:10px;
	bottom:0;
	max-width:45%;
	background: rgba(240,240,240,.9);
	text-align:left;
}
.overlay-text {
	font-size: 16px;
	font-weight: 600;
	color: #112E51;
	/*text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/
}
.overlay-text .redButton{
	display:none;
}
.overlay-text-inner{
	display:inline-block;
	overflow:hidden;
}

.overlay-text-inner{
	text-decoration:underline;
}
.slider-link.slider-link {
	color: #112E51;
}

.squareButton{
	border: 2px solid black;
	padding: 6px 10px;
	font-weight:400;
}

.reportLink {
	color: #0071BC;
	height: 100%;
	width: 100%;
	display: block;
	font-size: 18px;
	text-decoration: none;
	padding: 15px;
}
.reportLink:hover, .reportLink:focus{
	text-decoration:none;
	color:#0071BC;
}
	.reportLink:focus {
		box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf;
	}
.reportLinkWrapper {
	border: 1px solid #d6d7d9;
	height: 100%;
	box-shadow:0 0 6px 2px rgba(0,0,0,.3)
}
	.reportLinkWrapper:hover {
		border-color: #0071BC
	}
a.reportThumbnailBlock:focus, a.thumbnailLink:focus{
	outline:none;
}
a.reportThumbnailBlock:focus img, a.thumbnailLink:focus img {
	outline:thin dotted #333;
}

.dropdown-toggle.headerButton > span > img{
	padding: 0;
}
#navLinksContainer > .navbar-collapse > ul > li{
	padding:10px 15px;
}
#navLinksContainer > .navbar-collapse > ul > li > a{
	padding: 0;
}
.mainNav.appearFocus, .mainNav.open{
	background-color: #eeeeee;
	color: black;
}
.mainNav > .dropdown-menu{
	transform:translateY(-1px);
}
.mainNav > a{
	text-transform:uppercase;
}

.verticalDivider {
	display: block;
	position: absolute;
	width: 1px;
	background-color: #cccccc;
}
.floatSubMenuLeft{
	position:absolute;
	left: auto;
	right:0;
}
.carousel-indicators > li {
	-o-transition: 0.6s ease-out all;
	-moz-transition: 0.6s ease-out all;
	-webkit-transition: 0.6s ease-out all;
	transition: 0.6s ease-out all;
	border-color: #888;
}
.carousel-indicators > button, .carousel-indicators > a {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	border: 1px solid #ffffff;
	border-radius: 10px;
	-webkit-transition: 0.6s ease-out all;
	transition: 0.6s ease-out all;
	border-color: #888;
	background-color: transparent;
	padding:0;
	font-size:inherit;
}
.banner{
	width:100%;
	margin-top:0;
	margin-bottom:0;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	border-radius:10px;
}
.banner-gray {
	background-color: #b8b9bb;
	color: #11699a;
}
.banner-grayblue {
	background-color: #929db0;
	color:white;
}
.banner-blue {
	background-color: #11699a;
	color: white;
}
.banner-lightBlue {
	background-color: #6999ae;
	color: white;
}
.bg-red {
	background-color: #981B1E;
}
.bg-blue {
	background-color: #2F5A75;
}
.reportDoc, .docPara a {
	background: #2F5A75;
	color: white !important;
	border: 2px solid black;
	display: inline-block;
	padding: 10px 15px;
	font-size: 16px;
	text-decoration: none;
	border-radius: 5px;
	transition: background-color linear .1s;
}
	.reportDoc:hover, .docPara a:hover {
		background-color: #11699a;
	}
.shadowDoc, .docPara a {
	border: none;
	box-shadow: 1px 1px 1px 1px #a5bbc9;
}
	.shadowDoc:active, .docPara a:active {
		transform: translate(1px,1px);
		box-shadow: none;
	}
.redButton.redButton {
	color: white;
	text-decoration: none;
}

.carousel-indicators {
	bottom: -14px;
	margin-bottom: 0;
}

	.carousel-indicators .active {
		background-color: #CCC;
	}

.carousel-control {
	width: 30px;
	background: none;
	height: 30px;
	z-index: 10;
	margin-top: auto;
	margin-bottom: auto;
	opacity: .65;
}

	.carousel-control.right {
		background: none;
	}

	.carousel-control.left {
		background: none;
	}

.redButton {
	background-color: #981B1E;
	padding: 10px 15px;
	border-radius: 5px;
	font-size: 18px;
}
.btn-primary {
	text-decoration: none;
	background-color: #11699a;
}
.accordion div img{
	padding-right:15px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	border-color: rgb(47,90,117);
}

.documentWrapper:not(:first-child) {
	margin-top: 10px;
}

.thumbnail-img{
	border:1px solid black;
}

#searchContainer1{
	display:none;
}
.ui-accordion-content{
	outline:none;
}
.ui-accordion-header-icon{
	transform:scale(1.2);
}
#ui-datepicker-div{
	z-index: 5 !important;
}
.paging-block {
	white-space: nowrap;
}
.slider-item:focus{
	outline:none;
}
.reorderButtons{
	position:-webkit-sticky;
	position:sticky;
	top:120px;
	display:block;
	padding:10px 15px;
	background-color:white;
	margin-left:-15px;
	margin-right:-15px;
	z-index:30;
}

/*Froala styling*/
.fr-fic.fr-dii {
	margin-left: 5px;
	margin-right: 5px;
}
.fr-view .fr-file::after{
	content:none;
	display:none;
}

/*Mobile first sizing*/
/*Small Screens*/
@media (min-width:768px) {
	.slider-overlay {
		max-width: 305px;
		bottom: 20px;
		right: 20px;
		/*box-shadow: 0 0 8px 3px rgba(0,0,0,.8) inset*/
	}
	.overlay-text{
		font-size:20px;
	}
	#nav-container{
		padding-left:0;
		padding-right:0;
	}
	#navLinksContainer .navbar-collapse{
		padding-right:0;
	}
	#navLinksContainer > .navbar-collapse > ul > li {
		padding: 5px 7px;
		font-size:14px;
	}
	.mainNav.dropdown:hover > .dropdown-menu {
		display: block;
	}
	.carousel-control.right {
		right: -15px;
	}

	.carousel-control.left {
		left: -15px;
	}
	#socialMediaBlock{
		right:auto;
		left:165px;
		bottom:auto;
		top:2px;
	}

	.documentWrapper {
		margin-top: 10px;
	}
}


/*Medium Screens*/
@media (min-width:992px) {
	.slider-overlay {
		max-width: 390px;
		/*border: 3px solid;
		border-right-color: rgba(40,40,40,.9);
		border-bottom-color: rgba(20,20,20,.9);
		border-left-color: rgba(150,150,150,.9);
		border-top-color: rgba(200,200,200,.9);*/
		/*box-shadow: 3px 3px 1px 0 rgba(150,150,150,.9) inset, -3px -3px 1px 0 rgba(30,30,30,.9) inset;*/
	}
	body{
		padding-top:120px;
	}
	#logo-div{
		height:120px;
	}
	#site-logo {
		height: 110px;
	}
	#nav-container {
		padding-left: 15px;
		padding-right: 15px;
	}
	#navLinksContainer > .navbar-collapse > ul > li {
		padding: 15px 10px;
	}
	#navLinksContainer > .navbar-collapse > ul > li > a{
		font-weight:bold;
	}
	.overlay-text{
		padding:10px 10px 40px;
	}
		.overlay-text .redButton {
			display: block;
			position: absolute;
			right: 10px;
			bottom: 10px;
			padding:6px 10px;
			font-size:16px;
		}
	#socialMediaBlock{
		left:auto;
		right:15px;
		top:15px;
	}
	.socialMediaLink{
		width:40px;
		height:40px;
		padding-left:10px;
		margin-top:10px;
		vertical-align:top;
	}
	#searchContainer1 {
		display: inline-block;
	}
}

/*Large Screens*/
@media (min-width:1200px){
	.slider-overlay{
		max-width:475px;
	}
	#navLinksContainer > .navbar-collapse > ul > li {
		padding: 15px 12px;
	}
	#navLinksContainer > .navbar-collapse > ul > li > a {
		font-size: 18px;
	}
}

/* Non Mobile first sizing*/

/*Extra small screens*/
@media (max-width:767.98px) {
	.playButton, .pauseButton {
		right: auto;
		left: 5px;
	}

	#navLinksContainer > .navbar-collapse {
		position: absolute;
		right: 0;
		width: 100vw;
		top: 100%;
		background-color: white;
		border-bottom: 1px solid black;
		text-align: right;
	}

	.carousel-control {
		margin-top:45px;
	}
}