/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
 /* Global Style */
 h1 {
   font-size: 200%;
 }
 header.navbar-default .navbar-btn {
   margin: 5px 0px;
 }

 h2 {
  font-size:165%;
  margin-bottom: 13px;
 }
 .menu--main {
 	float:right;
 }

 /* Main Content */
.main-container {
	width: 92%;
}
#main-container-top-bar {
	float: none;
	padding-left: 0px;
	padding-right: 0px;
}

/* Align front page columns */
/* Small devices */
@media (max-width: 900.98px) {
	.responsive_table {
		width: 100%;
	 }
	.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
		float: none;
	}
	.col-sm-9, .col-sm-3 {
		width: 100%;
	}
	.layout--twocol-section--67-33 {
		display:block;
	}
	.block-block-content840cb04b-38b1-47fd-9a47-a9d8564a954b {
		margin-right: 0px;
	}
	body.path-frontpage div.layout--twocol-section--67-33 div.layout__region--first section.block-block-content {
		margin-right: 0px;
		margin-bottom: 20px;
	}
	.block-views-blocknews-block-1 {
		height:478px;
	}
}
/* Large devices (desktops, 901px and up) */
@media (min-width: 901px) {
	.responsive_table {
		width: 80%;
	 }
	.main-container .row {
		display: flex;
	}
	.main-container .col-sm-9 {
		flex: 0 1 73%;
	}
	.main-container .col-sm-9 .region-content {
		height: 100%;
	}
	.main-container .col-sm-3 {
		flex: 0 1 27%;
	}
	.main-container .col-sm-3 .region-sidebar-second {
		height: 97%;
	}
	.block-block-content840cb04b-38b1-47fd-9a47-a9d8564a954b {
		margin-right: 30px;
	}
	body.path-frontpage div.layout--twocol-section--67-33 div.layout__region--first section.block-block-content {
		margin-right: 30px;
		margin-bottom: 0px;
		min-height: 375px;
	}
	#tools-and-resources-content table {
		margin-top: 13px;
	}
	#block-tweets {
		margin-bottom: -8px;
	}
}
/* HD devices (desktops, 1900px and up) */
@media (min-width: 1901px) {
	.responsive_table {
		width: 70%;
	 }
	.main-container .row {
					display: flex;
	}
	.main-container .col-sm-9 {
					flex: 0 1 73%;
	}
	.main-container .col-sm-9 .region-content {
					height: 100%;
	}
	.main-container .col-sm-3 {
					flex: 0 1 27%;
	}
	.main-container .col-sm-3 .region-sidebar-second {
					height: 97%;
	}
	.block-block-content840cb04b-38b1-47fd-9a47-a9d8564a954b {
					margin-right: 30px;
	}
	body.path-frontpage div.layout--twocol-section--67-33 div.layout__region--first section.block-block-content {
					margin-right: 30px;
					margin-bottom: 0px;
					min-height: 375px;
	}
	#tools-and-resources-content table {
					margin-top: 13px;
	}
}

/* Nav bar */
#navbar {
	background-color: #659452;
}
header.navbar-default .navbar-nav {
  margin-top: 4px;
  margin-bottom: 4px;
}
header.navbar-default  a.navbar-brand {
  font-style: italic;
  font-size: x-large;
  margin-top: 3px;
}
header.navbar-default .navbar-brand, 
header.navbar-default .navbar-nav > li > a {
	color: #ffffff;
}
header.navbar-default .navbar-nav > li > a:focus {
    color: #ffffff;
 }
 header.navbar-default .navbar-nav > li > a:hover {
    color: #dddddd;
 }
 header.navbar-default .navbar-brand:hover {
   color: #dddddd !important;
 }
header.navbar-default .navbar-header {
	width: 100%;
	background-color: #404040;
}
.logo {
	clear:left;
}
#navbar div.container {
	width: 100%;
	padding: 0px;
}
#navbar-collapse {
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

/* Rotating Banner */
.flexslider {
	border: 0px;
	margin: 0px;
}
.flex-control-nav {
	display: none; /* hide the slider control */
}

/* Footer */
.footer {
	width: 100%;
	/* background-color:#555555;*/
	background-color:#659452;
	margin-top: 20px;
}

/* Frontpage main content */
.col-sm-9 {
 padding-right: 15px;
}

/* Right sidebar */
.region-sidebar-second  {
	padding-bottom: 0px;
}
.region-sidebar-second .block-title {
	margin-top: 0px;
}

#block-tweets .field{
	overflow: auto;
}

/* Tabs */
nav.tabs {
	margin-bottom: 20px;
}

/* Tools and Resources Title */
.block-block-content840cb04b-38b1-47fd-9a47-a9d8564a954b {
	padding: 0px 19px;
	margin-bottom:20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
}

/* Tools and Resources Content */
body.path-frontpage div.layout--twocol-section--67-33 div.layout__region--first section.block-block-content {
	padding: 8px 0px 0px 15px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
}

body.path-frontpage div.layout--twocol-section--67-33 div.layout__region--first section.block-block-content .field--name-body {
    display: flex;
	flex-direction: column;
	justify-content: center;
}

#tools-and-resources-content table {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
#tools-and-resources-content img{
	background-color: #FFF;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 95%;
	height: auto;
	max-height: 203px;
}

/* News & Events */
.block-views-blocknews-block-1 {
	padding: 0px 19px 19px 19px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	overflow-y: auto;
}
.block-views-blocknews-block-1 .views-field-title  {
	margin-top: 5px;
}
.block-views-blocknews-block-1 .more-link {
	float: right;
}
.block-views-blocknews-block-1 .views-field-body {
	margin: 2px 0px;
}
.block-views-blocknews-block-1 .views-row {
	margin-top: 12px;
}

/* News & Events Views Page */
.view-id-news .views-row, .view-id-events .views-row {
	margin-bottom: 15px;
}
/* User login form */
#user-login-form .form-required::after {
	content: none;
}
#block-userlogin ul {
	margin-top: 5px;
}

/* Add space to the right for images in a table */
table td img {
	margin: 0px 15px 0px 0px;
}

/* Callout/Center Column Regions */
.callout_center_regions {
    display: flex;
    flex-wrap: wrap;
	column-gap: 2%;
	align-items: stretch;
	flex-direction: row;
	margin-bottom: 30px;
}

.callout_center_regions,
.callout_center_regions .region-callout,
.callout_center_regions .region-center-column,
.callout_center_regions .region-right-column-top {
	height: 800px;
	max-height: 800px;
	min-height: 550px;
}

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

/* Callout */
.region-callout {
	margin: 0px 0px 20px 0px;
	max-width: 99.5%;
    justify-content: center;
	flex: 0 1 45.5%;
    display: flex;
    flex-wrap: wrap;
	column-gap: 2%;
	
    padding: 1%;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

.region-callout > #block-homepagecallouts {
	/*flex: 0 1 45.5%;*/
    display: flex;
    flex-wrap: wrap;
}

.region-callout > #block-homepagecallouts > #callout-top {
	width: 100%;
    margin-bottom: 2%;
	flex: 10 1 100%;
}
.region-callout > #block-homepagecallouts > #callout-bottom-left, 
.region-callout > #block-homepagecallouts > #callout-bottom-center, 
.region-callout > #block-homepagecallouts > #callout-bottom-right {
    display: inline-block;
	position: relative;
	padding: 1%;
	flex: 1 1 33%;
}


.region-callout > section.block-block-content div.field img {
    border-radius: 5px;
}
.region-callout > section.block-block-content div.field {
    border-radius: 5px;
    border: solid 1px #DDD;
}

.region-callout > section.block-block-content a {
    color: #666;
}

.region-callout > section.block-block-content a:hover {
    opacity: 70%;
}

.region-callout > section.block-block-content a:focus, 
.region-callout > section.block-block-content a:hover {
    color: #23527c;
    text-decoration: underline;
}

.region-callout > section.block-block-content div,
.region-callout > section.block-block-content section,
.region-callout > section.block-block-content .clearfix {
    clear: none;
}
.region-callout > section.block-block-content.clearfix:before,
.region-callout > section.block-block-content.clearfix:after {
	display: none;
    content: none;
	clear: none;
}


.region-callout > section.block-block-content span.callout-title {
	position: absolute;
	top: 11%;
    left: 50%;
    transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
    font-weight: bold;
    font-size: larger;
}


/* Center Column */
.region-center-column {
    flex: 0 1 25%;
	margin: 0px 0px 20px 0px;
}
.region-center-column .block-views-blocknews-block-1 {
	max-height: 100%;
	height: 100%;
}


/* Right Column Top*/
.region-right-column-top {
    flex: 0 1 25%;
    height: 100%;
	
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
}


.region-right-column-top #block-napbtwitter {
	height: 90%;
	position: relative;
}
.region-right-column-top #block-napbtwitter #twitter-container {
	height: 100%;
	position: relative;
}
/* Top Columns - Screen size changes*/

@media (max-width: 2000px) {
	.callout_center_regions,
	.callout_center_regions .region-callout,
	.callout_center_regions .region-center-column,
	.callout_center_regions .region-right-column-top {
		max-height: 700px;
		height: 700px;
	}
}
@media (max-width: 1700px) {
	.callout_center_regions,
	.callout_center_regions .region-callout,
	.callout_center_regions .region-center-column,
	.callout_center_regions .region-right-column-top {
		max-height: 600px;
		height: 600px;
	}
}
@media (max-width: 1500px) {
	.callout_center_regions,
	.callout_center_regions .region-callout,
	.callout_center_regions .region-center-column,
	.callout_center_regions .region-right-column-top {
		min-height: 500px;
		max-height: 500px;
		height: 500px;
	}
}

@media (max-width: 1300px) {
	.callout_center_regions,
	.callout_center_regions .region-callout,
	.callout_center_regions .region-center-column,
	.callout_center_regions .region-right-column-top {
		min-height: 450px;
		max-height: 450px;
		height: 450px;
	}
	
	.callout_center_regions {
		column-gap: 1%;
	}
	
	.callout_center_regions .region-callout {
		flex: 0 1 45%;
	}
	.callout_center_regions .region-center-column {
		flex: 0 1 24%;
	}
	.region-right-column-top {
		flex: 0 1 24%;
	}
	
	.container {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.callout_center_regions  #block-acssearchsitesearchinternal {
		padding: 0px;
	}
	.callout_center_regions  #search-block-form {
		margin-left: 0px;
	}
}

@media (max-width: 1100px) {
	.callout_center_regions {
		max-height: 100%;
		height: auto;
	}
	.callout_center_regions .region-callout,
	.callout_center_regions .region-center-column {
		min-height: 520px;
		max-height: 520px;
		height: 520px;
	}
	
	.callout_center_regions .region-callout {
		flex: 0 1 60%;
	}
	.callout_center_regions .region-center-column {
		flex: 0 1 38%;
	}
	.region-right-column-top {
		flex: 0 1 99%;
		width: 98%;
	}
}

@media (max-width: 900px) {
	.callout_center_regions .region-callout,
	.callout_center_regions .region-center-column,
	.callout_center_regions .region-right-column-top {
		flex: 0 1 99%;
		max-height: 100%;
		height: auto;
	}
	.region-center-column .block-views-blocknews-block-1 {
		height: 100%;
	}
}

/** Tools and Resources **/
.layout__region--first {
	min-height: 100%;
	display: flex;
	flex-direction: column;
}

body.path-frontpage div.layout--twocol-section--67-33 div.layout__region--first > section.block-block-content {
   flex: 1;
   margin-bottom: 20px;
   padding: 8px 0px 0px 1%;
}
 body.path-frontpage div.layout--twocol-section--67-33 div.layout__region--first section.block-block-content > .layout--onecol {
   height: 100%;
 }
 body.path-frontpage div.layout--twocol-section--67-33 div.layout__region--first section.block-block-content .layout__region--content {
   height: 100%;
 }
body.path-frontpage div.layout--twocol-section--67-33 div.layout__region--first section.block-block-content section {
   height: 100%;
 }
 body.path-frontpage div.layout--twocol-section--67-33 div.layout__region--first section.block-block-content .field {
   height: 100%;
 }
#tools-and-resources {
	display: flex;
  height: 100%;
  padding: 10px 0px 0px 4px;
}
.tools-and-resources-col {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.tools-and-resources-col > div {
  flex: 1;
}
.tools-and-resources-boxes {
	position: relative;
	float: left;
	width: 96%;
	min-height: 150px;
	border: solid 1px #DDD;
	background-color: #CCC;
	margin: 0px 0px 15px;
	border-radius: 5px;
	text-align: center;
}
.tools-and-resources-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.tools-and-resources-content h5 {
	font-weight: bold;
	font-size: larger;
}
.tools-and-resources-content a {
	 color: #000;
}
.tools-and-resources-content div {
	font-size: smaller;
}

.main-container .col-sm-3 {
	padding-bottom: 3px;
}

#block-medialinks {
	float: right;
	margin-top: 12px;
}
#block-medialinks img {
	max-width: 40px;
	max-height: 40px;
}

div.region-content div.layout__region--first .resources-boxes:hover, 
div.region-content div.layout__region--first .top-level-div a:hover {
	opacity: 70%;
}
div.region-content div.layout__region--first .top-box:hover {
	opacity: 70%;
}
div.region-content div.layout__region--first .top-level-div  {
	display: flex;
	height: 100%;
	padding: 10px 0px 0px 4px;
	flex-wrap:wrap;
}
div.region-content div.layout__region--first .resource-row {
	width: 100%;
	display: flex;
	flex-direction: row;
}
div.region-content div.layout__region--first .resource-column {
	flex-basis: 100%;
	display: flex;
	flex-direction: column;
}
div.region-content div.layout__region--first .resource-column > div {
	flex: 1;
}
div.region-content div.layout__region--first .resources-boxes {
	position: relative;
	float: left;
	width: 96%;
	min-height: 150px;
	border: solid 1px #DDD;
	background-color: #AAA;
	margin: 0px 0px 15px;
	border-radius: 5px;
	text-align: center;
	background-size:100% 100%;
	height:95%
}

div.region-content div.layout__region--first .resources-content {
	height: 100%;
	width: 100%
/*
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
*/
}

div.region-content div.layout__region--first .resources-content a {
	display: block;
	height: 100%;
	width: 100%;
	color:#666;
	text-decoration: none;
}

div.region-content div.layout__region--first .resources-content span {
	font-weight: bold;
	font-size: larger;
	position: relative;
	top: 5%;
}
div.region-content div.layout__region--first .resources-content div {
	font-size: smaller;
}

/* Main Nav - Spacing */

@media (max-width: 1550px) {
	.nav > li > a {
		padding-left: 14px;
		padding-right: 14px;
	}
	
	div.login-nav .account {
		width: 130px;
	}
}
@media (max-width: 1525px) {
	.nav > li > a {
		padding-left: 11px;
		padding-right: 11px;
	}
	
	div.login-nav ul.account li:hover > ul {
		left: -20px;
	}
}
@media (max-width: 1470px) {
	.nav > li > a {
		padding-left: 9px;
		padding-right: 9px;
	}
	
	div.login-nav .account {
		width: 110px;
	}
	div.login-nav ul.account li:hover > ul {
		left: -40px;
	}
}
@media (max-width: 1430px) {
	.nav > li > a {
		padding-left: 7px;
		padding-right: 7px;
	}
}
@media (max-width: 1390px) {
	.nav > li > a {
		padding-left: 5px;
		padding-right: 5px;
	}
	div.login-nav ul.account li:hover > ul {
		left: -60px;
	}
}
@media (max-width: 768px) {
	div.login-nav ul.account li:hover > ul {
		left: unset;
	}
}

/* Main Nav - Parent Link*/
#block-mainnavigation ul li.parentLink {
	background-color: #EEE;
	padding: 5px 0px;
    border-bottom: 1px solid #000;
	margin-bottom: 5px;
}

/* Side Nav*/
.region-sidebar-first section.block-acs-nav-menusblock-in-this-section {
	border: 1px solid #DDD;
	background-color: #EEE;
	padding: 20px;
	border-radius: 5px;
}
.region-sidebar-first #block-acsnavmenusinthissection--2 ul.menu.nav > li > a {
	display: none;
}
.region-sidebar-first .block-acs-nav-menusblock-in-this-section ul.menu.nav > li > ul {
	list-style-type: none;
}
.region-sidebar-first .block-acs-nav-menusblock-in-this-section ul.menu.nav > li > ul > li,
.region-sidebar-first .block-acs-nav-menusblock-in-this-section ul.menu.nav > li > ul > li > ul {
	margin-top: 10px;
}
.region-sidebar-first .block-acs-nav-menusblock-in-this-section ul.menu.nav li.menu-item--active-trail > a {
	font-weight: bold;
	font-style: italic;
}

/* Mobile Nav */
@media (max-width: 767px) {
	.region-navigation-collapsible,
	.region-navigation-collapsible section,
	.region-navigation-collapsible #block-medialinks,
	.region-navigation-collapsible nav,
	.region-navigation-collapsible .menu--main,
	.region-navigation-collapsible .block-acs-personal-menusblock-login-napb,
	.region-navigation-collapsible .login-nav {
		clear: both;
		float: none;
	}
	#block-mainnavigation ul.dropdown-menu li.parentLink {
		background-color: unset;
		border: none;
	}
	#block-mainnavigation ul.dropdown-menu li.parentLink > a {
		color: #DDD;
	}
	#block-mainnavigation ul.dropdown-menu li.parentLink > a:hover, 
	#block-mainnavigation ul.dropdown-menu li.parentLink > a:focus {
		color: #333;
		background-color: transparent;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #DDD;
	}
}

/* Homepage Search */
#block-acssearchsitesearchinternal {
	padding: 10px;
	margin-bottom: 20px;
}
#block-acssearchsitesearchinternal input[type="text"] {
	width: 100%;
}