* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
} 

[x-cloak],
.hidden {
    display: none !important;
}

/* add .sr-only from FontAwesome, so that the sr-only stuff doesn't flash before FA is loaded.*/
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

body {
    width: 100%;
    height: 100%;
    background-color: #005C6D; /*12% darker than original 077b8c*/
    background-image: url("../images/shattered.png");
    background-repeat: repeat;
    font-family: 'Roboto Condensed', sans-serif;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 1px;
    font-weight: 300;
    color: #111;
    }

strong {
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #006575;
	font-weight: 600;
}

h3 a, h4 a, h5 a, h6 a, .heading a, #featured .fa-ul a {
    font-weight: 600;
}

h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, 
h2 em, h3 em, h4 em, h5 em, h6 em, 
h2 u, h3 u, h4 u, h5 u, h6 u  {
	font-weight: inherit;
	color: inherit;
	font-style: inherit;
	text-decoration: none;
}

h4 {
    font-size: 20px; font-size: 1.25rem;
}

h5 {
    font-size: 18px; font-size: 1.125rem;
}

h6 {
    font-size: 16px; font-size: 1rem;
}

a, a:visited {
	color: #9c1f2d;
	-ms-transition: .75s;
    -moz-transition: .75s;
    -webkit-transition: .75s;
	transition: .75s;
	font-weight: 500;
}

a:hover {
	color: #00204d;
}

a:hover img {
	-ms-transition: .75s;
    -moz-transition: .75s;
    -webkit-transition: .75s;
	transition: .75s;
	opacity: .5;
}

hr {
    border: solid #eee;
    border-width: 1px 0 0;
    margin: 50px 0;
    height: 0;
    clear: both;
}
	
input[type="submit"], .button, #Reset {
	-webkit-appearance: none; 
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
	border: none;	
	font-size: 14px; font-size: .875rem;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0;
	background-color: #9c1f2d;
	color: #fff;
	padding: 10px;
}
/*custom button style*/

.button, .button:visited {
	background-color: #9c1f2d;
	color: #fff;
}

.button:hover, .button:visited:hover {
	background-color: #00204d;
	color: white;
}

::placeholder {
   color: #555555;
   font-family: 'Roboto Condensed', sans-serif;
   font-size: 16px; font-size: 1rem;
   font-weight: 400;
   font-style: italic;
   letter-spacing: .5px;
}

iframe {
	width: 100%;
	}
	
.no-icon:after {
    display: none;
}

.flex {
	display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
	
/*custom CKEditor style*/
.lower-alpha {
    list-style-type: lower-alpha;
}

/*image styles*/
figure {
	display: table;
	position: relative;
}

.has-image figure {
    float: right;
    z-index: 1;
    margin: 25px;
    position: relative;
    max-width: 265px;
    overflow: hidden;
    }
    
figure img {
    display: block;
    }
    
figcaption {
    display: table-caption;
    caption-side: bottom;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px; font-size: .875rem;
    line-height: 22px; line-height: 1.375rem;
    font-style: italic;
    font-weight: 300;
    padding: 5px 0;
    color: #333;
    text-transform: none;
    letter-spacing: .5px;
    }

img[style="float:left"], figure[style="float:left"], img[style="float: left;"], 
figure[style="float: left;"], figure[style="float: left; margin-bottom: 0px;"]  {
    float: left;
    margin: 0 25px 25px 0;
    }

img[style="float:right"], figure[style="float:right"], img[style="float: right;"], 
figure[style="float: right;"], figure[style="float: right; margin-bottom: 0px;"] {
    float: right;
    margin: 0 0 25px 25px;
    }

div[style="text-align:center"] figure, div[style="text-align: center;"] figure {
	margin: auto;
	margin-bottom: 25px;
	}

/*auto-icons*/
a[href^='mailto:']:before {
	content:"\f0e0";
	padding: 0 5px 0 0;
}

.fa + a[href^='mailto:']:before {
	content:"";
	padding: 0;
}

a[href^='tel:']:before {
	content:"\f095";
	padding: 0 5px 0 0;
}

/* HEADER */

.alert-message {
    background-color: hsl(53deg 92% 58%);
    padding: 30px 0;
    color: #2b2b2b;
    font-weight: 200;
    box-shadow: 0 0 10px 10px rgba(0,0,0,0.5);
}

.alert-message p {
    font-size: 1rem;
}

.alert-message p:first-of-type {
    margin-top: 10px;
}

.alert-message a {
    color: #000;
    font-weight: 500;
    border-bottom: 1px solid #000;
}

.alert-message a:hover {
    color: #9c1f2e;
    border-bottom-color: #9c1f2e;
}

.alert-message .icon {
    color: #9c1f2e;
   float:left;
    margin: 10px 8px 4px 0;
    line-height: inherit;
}

.header-main {
    padding: 40px 0 50px 0;
}

.pull-left > a:hover, header .title a:hover img,
.social-icons a:hover .fa-circle {
	opacity: .6;
	-ms-transition: .75s;
    -moz-transition: .75s;
    -webkit-transition: .75s;
    transition: .75s;
}

header .title {
	display: inline-block;
}

header .title a:hover {
    -ms-transition: .75s;
    -moz-transition: .75s;
    -webkit-transition: .75s;
    transition: .75s;
}

header .title a:hover h1 {
    color: #00204d;
    opacity: 1;
    -ms-transition: .75s;
    -moz-transition: .75s;
    -webkit-transition: .75s;
    transition: .75s;
}


h1 {
	display: inline-block;
	font-size: 36px; font-size: 2.25rem;
	margin-left: 35px;
    border-left: 1px solid #9ec6cb;
    padding-left: 35px;
    color: #fff;
	font-weight: 600;
}

h1 a, h1 a:visited {
	color: #fff;
	font-weight: 600;
}

.social-icons {
	float: right;
}

.social-icons .fa-circle {
	color: #fff;
}

.social-icons span i + i {
	color: #0D5761; /*20% darker 408a94;*/
}

.social-icons a:hover .fa-stack-1x, header form button:hover {
    color: #00204d;
	-ms-transition: .75s;
    -moz-transition: .75s;
    -webkit-transition: .75s;
    transition: .75s;
}

.donate-button {
    background-color: #9D1C2D;
    padding: 8px 15px;
    border-radius: 25px;
}

.donate-button:hover {
    background-color: #00204d;
    transition-duration: 0.75s;
}

.donate-button i, a.donate-button {
    color: #fff;
}

.donate-button i {
    font-size: 18px;
    padding-right: 5px;
}

a.donate-button {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    letter-spacing: normal;
    font-size: 15px;
}

header form {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
	background-color: #005c6d;
	background-color: rgba(0, 92, 109,.6);
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px;
    border-radius: 20px;
    padding: 8px 15px 8px 20px;
}

header form input, 
#gsa_search input[type="text"] {
    border: none;
    background: none;
	-webkit-appearance:none;
	font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px; font-size: 1rem;
    font-weight: 300;
    font-style: italic;
    letter-spacing: 1px;
	color: #fff;
	max-width: 125px;
}

#gsa_search input[type="submit"]:hover {
	background-color: #00204d;
	color: white;
}

header form button {
	-webkit-appearance: none;
    border: 0;
    background: none;
    font-size: 14px; font-size: .875rem;
    color: #fff;
	-ms-transition: .75s;
    -moz-transition: .75s;
    -webkit-transition: .75s;
    transition: .75s;
}

header form button .fa-lg{
    vertical-align: 0%;
}

.search::placeholder {
   color: #fff;
}

/* HEADER END */


main h2 {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

main figcaption {
    background-color: #f4f3eb;
    padding: 10px;
}

main blockquote:before {
    font-family: "FontAwesome";
    content: "\f10d";
    color: #00204d;
    font-size: 28px; font-size: 1.75rem;
    float: left;
}

main blockquote {
    margin-bottom: 25px;
    background-color: #fff;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    background-color: #f4f3eb;
    padding: 25px 25px 0px 25px;
    overflow: auto;
	margin-top: 10px;
}

main blockquote p {
	margin: 0 30px 25px 40px;
}

.grid .three-quarters {
    padding: 10px 10px 10px 20px;
    width: calc(100% - 25%);
}

aside {
    min-width: 215px;
}

aside h3, aside h4, aside h5, aside h6 {
	color: #00204d;
	word-wrap: break-word;
}

aside.unit.one-quarter > div {
    padding: 25px 25px 0 25px;
    background-color: #f4f3eb;
    overflow: auto;
}

aside.unit.one-quarter > div p {
    font-size: 14px; font-size: .875rem;
	line-height: 34px; line-height: 2.125rem;
}

aside.unit.one-quarter.pull-right {
    float: right;
    padding-right: 20px;
}

aside hr {
    margin: 25px 0;
    border: solid #fff;
    border-width: 1px 0 0;
}

/* MAIN END */

/* NAVIGATION */

#mobileMenu, .navBtn {
    display: none;    
}

#menu {
	width: 100%;
	z-index: 999;
	background-color: #fff;
}

#menu.fixed {
    position: fixed;
    top: 0;
    z-index: 10000;
    width: 100%;
	box-shadow: 0 0 10px #555;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.grid.nav-list {
    margin: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: justify;
    justify-content: space-around;
}

.nav-item {
    display: inline-block;
    padding: 15px 0;
    position: relative;
    margin: 0;
}
/*on hover caret styling*/
.nav-item:hover:before,
.nav-button:focus:before {
    content: '';
    position: absolute;
    left: 40%;
    display: block;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid #ebe9db;
    z-index: 800;
    bottom: 0px;
}

.nav-button, .nav-button:visited {
    display: block; /* Make links display block */
    -webkit-appearance: none;
    border: 0;
    background: none;
    text-decoration: none;
    color: #555555;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px; font-size: 1rem;
    line-height: 26px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
	-ms-transition: .75s;
    -moz-transition: .75s;
    -webkit-transition: .75s;
    transition: .75s;
    padding: 0 10px;
    margin: 0;
}

.nav-button:hover, .nav-button:visited:hover,
.nav-level2 .nav-button:hover, .nav-level2 .nav-button:visited:hover {
    color: #00204d;
}

.nav-level1.active > .nav-button {
    border-bottom: 5px solid #8ccdd7;
}

.nav-list .active:hover, .nav-list li:hover {
    cursor: default;
}

/*submenu nav items*/
.nav-level2 .nav-button, .nav-level2 .nav-button:visited {
    font-size: 14px; font-size: .875rem;
    color: #0D5761; /*20% darker 408a94;*/
    text-align: left;
}

.nav-list ul .active, .nav-list ul .active:visited {
    color: #00204d;
    border-bottom: none;
}

/* Hide Subnav items */
.has-children > div {
    display: none;
}

.nav-list ul li {
    width: 100%;
    margin: 0;
    display: block;
    padding: 25px 25px 0 25px;
}

.nav-list ul li:last-child {
    padding-bottom: 25px;
}

.nav-level2 .nav-button {
    text-align: left;
}

.has-children ul {
    padding: 0;
}

/* Reveal Subnav on hover */
.has-children:hover > div,
.has-children .nav-sub-menu--open {
    background-color: #ebe9db;
    display: block; /* Make subnav display block */
    position: absolute; /* Position absolute in order to control width */
    width: 275px; /* Set width */
    padding: 0;
    left: -20px;
    top: 100%;
    z-index: 999;
}

.has-children.active .nav-sub-menu--open {
    margin-top: 15px;
}

/*.nav-list .active:hover ul, #menu.pixel-adjust ul li:hover ul {
    margin: 15px 0;
}*/

.nav-list li:hover .has-image,
.has-children .has-image.nav-sub-menu--open {
    width: 675px;
}

.nav-list li .has-image li {
    max-width: 325px;
}

/* NAVIGATION END */

/* STORIES/SPOTLIGHTS */

.feat-img {
    float: right;
	margin-left: 25px;
}

.feat-img figcaption {
    padding: 0;
    background: none;
}

.feat-img img, .profile img, .scholar-links img {
    margin: 0 0 10px 0;
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	border-radius: 50%;
}

.story-list .item {
	overflow: auto;
}

/*solution to hidden anchor content by sticky nav: https://pixelflips.com/blog/anchor-links-with-a-fixed-header */

a[id] {
	display: inline-block;
    position: relative;
    top: -95px;
    visibility: hidden;
}
/*unfortunately, the above solution messes up swipebox so the styles applied to all link elements with an id has to be undone specifically for swipebox*/
#swipebox-overlay a[id] {
    visibility: inherit;
    display: inherit;
}

.item a[href$=".pdf"]:after, .item a[href$=".xls"]:after, .item a[href$=".xlsx"]:after, .item a[href$=".doc"]:after, .item a[href$=".docx"]:after, .item a[href$=".ppt"]:after, .item a[href$=".pptx"]:after {
    content: '';
	display: none;
}

span.enlarge-image {
	display: block;
    text-align: center;
    width: 250px;
    font-size: 13px;
    color: #00204d;
}

.photo-credit {
    font-style: italic;    
	font-weight: 400;
    line-height: 26px;
    font-size: 14px;
	margin-bottom: 0;
}

/* STORIES/SPOTLIGHTS END */


/* SUBPAGE BANNER */

#banner {
    /*background: url(../../user-content/images/banner.jpg) 0% 50% / cover no-repeat;*/
	height: 300px;
    min-height: 100px;
	position: relative;
    width: 100%;
}

.caption {
	background-color: #000;
	background-color: rgba(0,0,0,.75);
	color: #fff;
	position: absolute;
	bottom: 50px;
}

.caption p {
	padding: 20px;
	margin-bottom: 0;
	font-weight: 400;
}

/* SUBPAGE BANNER END */

/* LOADER */

#loader {
  position: absolute;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
} 

#loader i {
    color: #00204d;
}




dt {
    font-weight: 700;
}




/* FEATURED */

#featured {
	background-color: #f4f3eb;
	padding: 50px 0 70px 0;
}

#featured .grid + .grid {
    margin-top: 50px;
}

#featured h3 {
	color: #00204d;
	margin-bottom: 25px;
}

#featured .item {
    margin-bottom: 25px;
}

#featured .item span {
    display: block;
}

#featured .date, #featured .content, #featured .summary p, #featured .summary {
    font-size: 16px; font-size: 1rem;
    color: #2b2b2b;
    font-weight: 300;
    margin-bottom: 5px;
    line-height: inherit;
    text-align: inherit;
}

#featured .date {
	font-weight: 400;
}

#featured .time {
	margin-bottom: 5px;
}

#featured .heading {
    font-size: 15px; font-size: .9375rem;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}

#featured .item .lw_date_separator {
    display: inline;
}

#featured a {
    color: #006273;
}

#featured a:hover {
	color: #9c1f2d;
}

#featured a.button {
	padding: 10px 15px;
    display: inline-block;
	margin-top: 25px;
	color: #fff;
}

#featured .optional-img {
	float: left;
}

@media all and (-ms-high-contrast:none) {
     #featured .optional-img { margin: 0 20px 20px 0;} /* IE10 */
     *::-ms-backdrop, #featured .optional-img { margin: 0 20px 20px 0;} /* IE11 */
}

#featured .optional-img .restrain {
	width: 250px;
    height: 175px;
    display: block;
    overflow: hidden;
	margin: 0 20px 20px 0;
}

#featured .optional-img .restrain > img {
	display: block;
    max-width: initial;
}

#featured .fa-ul {
	font-size: 14px; font-size: .875rem;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
	margin-left: 0;
}

#featured .fa-ul .fa-li {
	top: .35em;
	margin-right: 7px;
	line-height: 26px; line-height: 1.625rem;
	position: initial;
	width: initial;
}

@media all and (-ms-high-contrast:none) {
     #featured .fa-ul .fa-li { line-height: 16px; line-height: 1rem; } /* IE10 */
     *::-ms-backdrop, #featured .fa-ul .fa-li { line-height: 16px; line-height: 1rem; } /* IE11 */
}

#featured .fa-ul li {
    margin-bottom: 20px;
	display: -webkit-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: flex;  
}

/* FEATURED END */



/* MAIN */

main {
	background-color: #fff;
	padding: 40px 0;
}

.home main {
	padding: 0;
}

main strong, main b {
	font-weight: 400;
}

main p, main li {
    line-height: 36px; line-height: 2.25rem;
}

main p, main ul, main ol {
	font-size: 16px; font-size: 1rem;
	margin-bottom: 25px;
}

main ul ul, main ol ol, main ul ol, main ol ul {
    margin-bottom: 0;
}

.breadcrumbs {
    display: inline-block;
    background-color: #f4f3eb;
	padding: 0 10px;
	margin-bottom: 25px;
}

.breadcrumbs a, .breadcrumbs a:visited {
    color: #00204d;
}

.breadcrumbs a:hover {
	color: #006575; 
}

main .breadcrumbs ul {
	font-size: 13px; font-size:.8125rem;
}

.breadcrumbs li.home a {
	background-color: #236a78;
    margin-left: -10px;
    font-size: 16px; font-size: 1rem;
    padding: 2px 5px 5px 7px;
	color: #f4f3eb;
}

.breadcrumbs li.home a:hover {
	color: #8ccdd7;
}

.breadcrumbs li.triangle span {
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 13px solid #236a78;
    margin-top: 1px;
    margin-left: -4px;
    padding-right: 4px;
    display: inline-block;
    vertical-align: top;
}

.breadcrumbs li.triangle:before, .breadcrumbs li.triangle + li:before {
	display: none;
}

.breadcrumbs li + li:before {
    content: '|';
    margin: 0 7px;
}

.breadcrumbs ul li {
    line-height: inherit;
}

#announcement .unit.whole > div {
    padding: 25px 25px 0 25px;
    background-color: #077b8c;
    color: #fff;
    margin-bottom: 25px;
	overflow: auto;
}

#announcement h3, #announcement h4, #announcement h5, #announcement h6 {
	color: #fff;
}

#announcement a, #announcement a:visited {
	color: #c5e6eb;
    border-bottom: 1px solid rgba(255,255,255,.1);
    padding-bottom: 5px;
}

#announcement a:hover {
	color: #fff;
	 border-bottom: 1px solid rgba(255,255,255,0);
}

/*General table styles*/
table {
	border-bottom: 3px solid #00204d;
	margin: 20px 0 30px 0;
}


table th {
	font-family: 'Montserrat';
    text-transform: uppercase;
	border: none;
	background-color: #077b8c;
	color: #fff;
}

table tr, table td {
	border: none;
	background: none;
}

table tr:nth-child(even) {
	background-color: #f4f3eb;
}

table p, table li {
    font-size: 14px;
	font-size: .875rem;
    line-height: 26px;
	line-height: 1.625rem;
}

table hr {
    margin: 20px 0;
}

/* SORTABLE SCHOLAR TABLE */

.dataTables_wrapper .dataTables_filter input {
    border: none;
    background-color: #f4f3eb;
    padding: 10px;
    color: #555;
	-webkit-appearance: none;
	border-radius: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: 1px;
}

table.dataTable {
	margin: 25px 0;
	padding-top: 25px;
}

table.dataTable thead th, table.dataTable td {
	padding: 10px;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
    background-image: none;
}

th.sorting:before {
	font-family: 'FontAwesome';
    float: right;
    margin-left: 10px;
    content:"\f0dc";
}

th.sorting_asc:before {
    font-family: 'FontAwesome';
    float: right;
    margin-left: 10px;
    content: "\f0de";
}

th.sorting_desc:before {
    font-family: 'FontAwesome';
    float: right;
    margin-left: 10px;
    content:"\f0dd";
}

table.dataTable.no-footer {
    border-bottom: 3px solid #00204d;
}

table.dataTable tr:nth-child(even) {
    background-color: #f4f3eb;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    border: none;
    background-color: #00204d;
    background: #00204d;
	height: 40px;
	width: 40px;
	float: right;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #fff !important;
    border: none;
    border-radius: 50%;
	background-color: #9c1f2d;
    background: #9c1f2d;
}

.dataTables_wrapper .dataTables_paginate .paginate_button#scholar-table-table_previous, .dataTables_wrapper .dataTables_paginate .paginate_button#scholar-table-table_next {
	height: auto;
	width: auto;
}

/* SORTABLE SCHOLAR TABLE END */



/* GSA */

#form1 p {
    display: inline-block;
}

#form1 p:nth-child(2) {
    margin-right: 5px;
    background-color: #f4f3eb;
}

#gsa_search input[type="text"] {
	border: none;
    background-color: #f4f3eb;
    padding: 10px;
	color: #555;
	max-width: 300px;
}

#gsa_search input[type="submit"] {
    padding: 10px 15px;
    display: inline-block;
    margin-top: 25px;
    color: #fff;
	-ms-transition: .75s;
    -moz-transition: .75s;
    -webkit-transition: .75s;
	transition: .75s;
}

.result_item {
    font-size: 16px; font-size: 1rem;
}

.result_item_text > a {
    font-family: 'Montserrat';
    text-transform: uppercase;
    margin-bottom: 10px;
	padding-bottom: 10px;
    display: block;
    border-bottom: 1px solid #eee;
	color: #00204d;
}

.result_item_text > a:hover {
	color: #9c1f2d;
}

.descript {
    margin-bottom: 10px;
}

.url_bottom {
    margin-bottom: 50px;
}

/* GSA END */



/* ACCORDION */

.accordion .toggle > .title:before, .accordion .toggle h5, p.inner-toggle {
    -ms-transition: .75s;
    -moz-transition: .75s;
    -webkit-transition: .75s;
    transition: .75s;
	}

.accordion > h3 {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 25px;
    padding-bottom: 15px;
}

.accordion-item {
    margin-bottom: 30px;
}

.accordion .toggle {
    background-color: #f4f3eb;
    padding: 20px;
    display: block;
    color: inherit;
}

.accordion .title {
	margin-bottom: 0;
	color: #0D5761; /*20% darker 408a94;*/
    font-size: 20px; font-size: 1.25rem;
}

.accordion .description {
	padding: 20px;
}

.accordion .description h3 {
    font-size: 20px; font-size: 1.25rem;
}

.accordion .description h4 {
    font-size: 18px; font-size: 1.125rem;
}

.accordion .description h5 {
    font-size: 16px; font-size: 1rem;
}

.accordion .description h6 {
    font-size: 14px; font-size: .875rem;
}

.accordion .toggle.closed > .title:before {
    content: "\f103";
}

.accordion .toggle.opened > .title:before {
	content:"\f102";
}

.accordion .toggle > .title:before {
    float: right;
    background-color: #9c1f2d;
    border-radius: 50%;
    font-family: 'FontAwesome';
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    margin-right: 5px;
    margin-left: 10px;
    padding: 0px 8px 0px 9px;
}

.accordion .toggle:hover, p.inner-toggle:hover {
	cursor: pointer;
}

.accordion .toggle:hover h5, p.inner-toggle:hover {
	color: #00204d;
}

.accordion .toggle:hover > .title:before {
	background-color: #00204d;
}

.accordion .non-hidden p:last-of-type {
    margin-bottom: 0;
}
.accordion .non-hidden {
    margin-top: 10px;
}

p.inner-toggle {
	display: inline-block;
	color: #9c1f2d;
	font-weight: 400;
}


/* ACCORDION END */



/* PERSONNEL */

/* Removed because it causes a vertical scroll when photos are hidden
.profile {
    overflow: auto;
}*/

.personnel hr {
    margin: 25px 0 50px 0;
}

span.position {
    color: #00204d;
    font-weight: 400;
}

/* PERSONNEL END */



/* FUNDING OPPS */

.funding-opps {
    background-color: #f4f3eb;
    padding: 20px;
}

.funding-opps h4 {
    color: #097181;
}

.funding-opps h5 {
    color: #00204d;
}

.funding-opps hr {
    border-top: 1px solid #fff;
}


/* FUNDING OPPS END */





/* BACK TO TOP */

.top_page {
	position: fixed;
    bottom: 50px;
    right: 0;
    max-width: 100%;
	width: 100%;
    text-align: center;
    z-index: 999;
	height: 0;
}

a.scrollToTop {
    visibility: hidden;
    opacity: 0;
	background-color: rgba(156,31,45,.85);
    color: #fff;
    font-size: 48px; font-size: 3rem;
    height: 60px;
    width: 60px;
    border-radius: 50%;
	/*display: none;*/
	display: inline-block;
	position: relative;
}

a.scrollToTop:hover {
	background-color: #00204d;
}

a.scrollToTop:hover i:before,
.scrollToTop {
	-ms-transition: .75s;
    -moz-transition: .75s;
    -webkit-transition: .75s;
    transition: .75s;
}

a.scrollToTop i {
	/*height: 20px;
    overflow: hidden;*/
    /*position: absolute;
    bottom: 44px;
    left: 0;
    right: 0;*/

	position: absolute;
    bottom: 8px;
    left: 1px;
    right: 0;
    width: 60px;
}

.scrollToTop.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
  /*display: inline-block;*/
}


/* BACK TO TOP END */



/* FOOTER */

footer {
    padding: 50px 0;
    text-align: center;
}

footer .fa-stack {
    width: 125px;
    height: 125px;
    line-height: 125px; line-height: 7.8125rem;
	margin-bottom: 20px;
}

footer a:hover .fa-circle {
    color: #00204d;
	-ms-transition: .75s;
    -moz-transition: .75s;
    -webkit-transition: .75s;
	transition: .75s;
}

footer .unit.one-fifth a:hover span:last-of-type,
.copyright a:hover {
    color: #00204d;
	-ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
	transition: .5s;
}

footer .fa.fa-stack-1x.fa-inverse {
    font-size: 48px; font-size: 3rem;
}

footer .fa.fa-stack-2x.fa-circle {
    font-size: 125px; font-size: 7.8125rem;
}

footer .unit.one-fifth a {
    color: #005c6d;
    color: rgba(0, 92, 109,.5);
}


footer .unit.one-fifth a span:last-of-type {
    color: #fff;
	font-size: 12px; font-size: .75rem;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	-ms-transition: .75s;
    -moz-transition: .75s;
    -webkit-transition: .75s;
	transition: .75s;
}

.copyright {
    color: #fff;
    border-top: 1px solid rgba(255,255,255,.2);
    margin: 50px 20px 0;
    padding-top: 50px;
}

.copyright img {
    max-width: 175px;
	width: 100%;
}

.copyright p a {
	color: #F2FFFF;
    border-bottom-color: white;
    border-bottom-color: rgba(255,255,255,.1);
    border-bottom: 1px solid;
    padding-bottom: 5px;
}

.copyright p a:hover {
    border-bottom-color: white;
    border-bottom-color: rgba(255,255,255,.5);
	border-bottom: 1px solid;
}

.copyright .unit.four-fifths {
	display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
}

.sitemap {
	list-style-position: inside;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.sitemap ul {
	list-style-position: outside;
	margin-left: 20px;
}

/* FOOTER END */




/* MEDIA QUERIES 
--------------------------------------------*/


@media screen and (max-width: 1179px) {

	h1, .flexslider h2 a, .flexslider h2 a:visited  {
    	font-size: 32px; font-size: 2rem;
	}

	header form {
		padding: 5px 9px 5px 15px;
	}

	.nav-button, .nav-button:visited {
		font-size: 14px; font-size: .875rem;
	}

	#menu ul ul a, #menu ul ul a:visited, #menu ul ul a.active:hover {
	  	font-size: 12px; font-size: .75rem;
	}

	.flexslider .left h2, .flexslider .right h2 {
		margin: 0 0 -10px 0;
	}

	.flexslider .unit.two-fifths {
		padding: 25px;
	}

	.flex-caption p {
		font-size: 15px; font-size: .9375rem;
		line-height: 28px; line-height: 1.75rem;
	}

	.flexslider .unit.whole .flex-caption h3 {
		font-size: 28px; font-size: 1.75rem;
		line-height: 32px; line-height: 2rem;
	}

}


@media screen and (max-width: 1068px) {
    
    h1 {
        font-size: 28px;
        font-size: 1.75rem;
    }
    
	ul.slides li > .grid {
		top: 50px;
		bottom: 50px;
	}

	.flexslider .controls {
		bottom: 25px;
	}
    
}

@media screen and (max-width: 1179px) and (min-width: 960px) {


    .grid.flex-caption .three-fifths {
        width: 55%;
    }
    
    .grid.flex-caption {
        height: 100%;
    }
    
    .nav-item {
        flex: 0;
        align-self: center;
    }
    
}


@media screen and (max-width: 978px) {

	.flex-caption p {
    	font-size: 14px; font-size: .875rem;
    	line-height: 26px; line-height: 1.625rem;
	}
	
}

@media screen and (max-width: 959px) {

	header {
    	padding: 48px 0 50px 0;
	}
	
	header, footer {
		background-color: #077b8c;
    	background-image: url(../images/shattered.png);
    	background-repeat: repeat;
	}

	.slideout-open #mobileMenu {
   	 	display: block;
  	}

	.fixed-open {
    	transform: translate3d(256px, 0px, 0px);
    	-webkit-transform: translate3d(256px, 0px, 0px);
  	}

	.slideout-menu {
  		position: fixed;
  		left: 0;
  		top: 0;
  		bottom: 0;
  		right: 0;
  		z-index: 0;
  		width: 256px;
  		overflow-y: auto;
  		-webkit-overflow-scrolling: touch;
  		display: none;
	}

	.slideout-panel {
  		position:relative;
  		z-index: 1;
	}

	.slideout-open,
	.slideout-open body,
	.slideout-open .slideout-panel {
  		overflow: hidden;
	}

	.slideout-open .slideout-menu {
  		display: block;
	}

	#menu {
    	display: none;
	}

	#mobileMenu {
	    background-color: #006575; /*167e8e;*/
    	color: #fff;
    	font-family: 'Montserrat';
    	text-transform: uppercase;
	}

	#mobileMenu ul {
    	list-style-type: none;
    	margin: 0;
	}

	#mobileMenu p {
    	margin-bottom: 0;
	}

	#mobileMenu li {
    	font-size: 12px; font-size: .75rem;
		margin: 0;
	}

	#mobileMenu li a, #mobileMenu p.toggle.opened a, #mobileMenu a:hover {
		background-color: #136a78;
	}

	#mobileMenu .description a:hover {
		background-color: #0f5762;
	}

	#mobileMenu a, #mobileMenu a:visited  {
    	color: #fff;
		display: block;
		padding: 15px 20px;
	}

	#mobileMenu li a {
		padding: 10px 20px;
	}
	
	#mobileMenu a.active {
        background-color: #00204d;
    }

	#mobileMenu  p.toggle a:after {
    	margin-left: 10px;
    	font-size: 16px;
    	font-size: 1rem;
  	}

  	/* Add down arrow for when toggle is closed */
  	#mobileMenu  p.toggle.closed a:after {
    	font-family: 'FontAwesome';
    	content:"\f103";
  	}

  	/* Add up arrow for when toggle is open */
  	#mobileMenu  .toggle.opened a:after {
    	font-family: 'FontAwesome';
    	content:"\f102";
  	}

	.navBtn {
    	display: block;
    	-webkit-appearance: none;
    	color: #006575;
    	border: none;
    	padding: 10px 15px;
    	font-size: 14px;
    	font-size: .875rem;
    	background: none;
		position: fixed;
		box-shadow: 0px 0px 10px #555;
		z-index: 9999;
    	width: 100%;
    	background-color: #fff;
    	text-align: left;
		-ms-transition: .3s;
    	-moz-transition: .3s;
    	-webkit-transition: .3s;
		transition: .3s;
  	}

	.navBtn:hover {
		opacity: 1;
	}

	.navBtn span {
		font-weight: 700;
    	font-size: 24px; font-size: 1.5rem;
    	letter-spacing: 2px;
    	font-family: 'Montserrat', sans-serif;
    	line-height: 24px;  line-height: 1.5rem;
    	display: inline-block;
    	margin-left: 10px;
    	color: #9c1f2d;
	}

	header .pull-left, header .pull-right, .social-icons {
		float: none;
    	text-align: center;
	}

	header .pull-left > a {
		display: block;
	}

	.flexslider .unit.two-fifths.featured-img {
		padding: 0;
	}

	h1 {
		padding: 0;
    	border: none;
    	margin: 25px 0;
	}

	.social-icons {
		margin: 0;
	}

	header form {
    	margin-top: 0;
		max-width: 250px;
    	margin: auto;
	}

	header form input {
		max-width: 150px;
	}

	.flexslider .controls {
		top: 50px;
    	bottom: initial;
	}

	ul.slides li > .grid {
		position: initial;
		width: auto;
	}

	ul.slides li.default {
		background-image: url("../images/slideshow-bg-img.jpg");
	}

	ul.slides li.default > img {
		display: none;
	}

	ul.slides li.default figure {
		margin: 0 auto 25px auto;
	}
	
	.flexslider {
	    max-height: initial; /*crunching - AJ */
	}

	.flexslider .left, .flexslider .right {
		float: none;
	}

	.flexslider .left h2, .flexslider .right h2 {
		margin: 0;
    	background-color: #001735;
    	padding: 10px 25px;
		text-align: left;
	}

	.flexslider h2 a, .flexslider h2 a:visited {
		font-size: 26px;  font-size: 1.625rem;
	}
	
	.flex-caption h4 {
        margin-top: 25px;
    }

	.flexslider .unit.two-fifths {
		padding: 0 25px 25px 25px;
		background-color: #001735;
		width: 100%;
	}

	.flexslider .unit.three-fifths {
		width: 100%;
	}

	.unit.golden-small.pull-left.caption {
		width: 100%;
	}

	.caption {
		bottom: 0;
	}

	.caption p {
		padding: 10px;
	}	

}

@media screen and (max-width: 860px) {

    .grid .three-quarters {
        width: calc(100% - 215px);
    }
    
}


@media screen and (max-width: 850px) {

	table.dataTable thead th {
    	font-size: 11px;
	}

}


@media screen and (max-width: 767px) {

	#featured .optional-img {
		float: none;
		margin: 0 0 25px 0;
	}

	#featured .optional-img .restrain > img, #featured .optional-img .restrain {
		width: 100%;
		height: initial;
	}

	footer .fa-stack {
		width: 75px;
    	height: 75px;
    	line-height: 75px; line-height: 4.6875rem;
	}


	footer i.fa.fa-circle.fa-stack-2x {
    	font-size: 75px; font-size: 4.6875rem;
	}

	footer i.fa.fa-stack-1x.fa-inverse {
    	font-size: 32px; font-size: 2rem;
	}
}


@media screen and (max-width: 720px) {

	.hide-on-mobiles {
		display: none;
	}

}

@media screen and (max-width: 640px) {

	.dataTables_wrapper .dataTables_filter {
    	margin-top: 25px;
	}

	table.dataTable {
		padding-top: 0;
	}

	.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
		float: none;
	}

	table.dataTable thead th {
    	font-size: 10px;
	}

	table.dataTable thead th, table.dataTable td {
    	padding: 5px;
	}

}



@media screen and (max-width: 567px) {

	.flex {
		display: block;
	}

	#gsa_search input[type="text"] {
		max-width: 175px;
	}
	
	.scholar aside img {
        margin: auto;
    }

	footer .fa-stack {
		width: 100px;
    	height: 100px;
    	line-height: 100px; line-height: 6.25rem;
	}

	.feat-img {
    	width: 35%;
    	display: block !important;
	}

	.feat-img figcaption {
    	display: block !important;
	}

	span.enlarge-image {
		line-height: 14px;
    	font-size: 12px;
		width: auto;
	}

	footer i.fa.fa-circle.fa-stack-2x {
    	font-size: 100px; font-size: 6.255rem;
	}

	#featured .grid .unit.half:first-of-type {
		margin-bottom: 50px;
	}

	footer > .grid .unit.one-fifth {
    	width: 50% !important;
	}

	footer > .grid .unit.one-fifth:last-of-type, footer > .grid .copyright .unit.one-fifth {
    	width: 100% !important;
	}

	footer .copyright {
		margin: 50px 20px 0;
	}
}


@media screen and (max-width: 431px) {

	header .title img {
		margin-bottom: 20px;
	}

	img[style="float:left"], figure[style="float:left"], img[style="float: left;"], figure[style="float: left;"], img[style="float:right"], figure[style="float:right"], img[style="float: right;"], figure[style="float: right;"] {
        float: none !important;
    	margin: 25px auto;
    }

	ul.sitemap {
    	columns: 1;
    	-webkit-columns: 1;
    	-moz-columns: 1;
	}

}

.mapboxgl-ctrl-bottom-left, .mapboxgl-ctrl-bottom-right {
    display: none;
}

/* use SVG background mask technique to replace cute bird with X logo
in versions of FontAwesome < 6.4.2 */
.fa-twitter::before {
    /* remove the twitter bird by making the content a space */
    content: "\00A0";
    
    /* set the display so that we can control the size of the element */
    display: inline-block;
    width: 1em;
    
    /* this background color will be masked by the twitter-x svg */
    background-color: #0D5761;
    
    /* Store the SVG in a variable so it's easy to re-use */
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z'/%3E%3C/svg%3E");
    
    /* Chrome still requires prefix in 2022 */
    -webkit-mask-image: var(--svg);
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;

    /* Firefox and Safari */
    mask-image: var(--svg);
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    
    transition: background-color 0.75s;
}

.fa-twitter:hover::before {
    background-color: #00204d;
}