@charset "utf-8";
/* CSS Document */

 body {
	 background-color: #00204e;
	 font-family: "Open Sans",sans-serif;
	 font-size: 1.125rem;
	 color: black;
}
 a {
	 color: #003580;
}
 .skip-link {
	position: absolute;
	left:-100%;
	color:white;
}
 .skip-link:focus {
	left:50%;
}
 .visuallyHidden {
	 clip: rect(1px, 1px, 1px, 1px);
	 clip-path: inset(50%);
	 height: 0.0625rem;
	 width: 0.0625rem;
	 margin: -1px;
	 overflow: hidden;
	 padding: 0;
	 position: absolute;
}
 .btn.btn-danger {
	 background-color: #8b1127;
	 color: #fff;
	 font-weight: bold;
	 border-color: #8b1127;
}


/*=========================================== * NAVIGATION *=========================================*/
 nav.navbar, ul.dropdown-menu {
	 background-color: #00204e !important;
}
a.nav-link, a.dropdown-item {
	 color: #ffffff;
}
.nav-link:focus, .nav-link:hover {
  color: rgb(255, 255, 255) !important;
  text-underline-offset: 7px;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}
.dropdown-item:focus, .dropdown-item:hover {
	 color: #00204e;
	 background-color: #e9ecef;
}
.nav-link:active, .dropdown-item:active {
    background-color: transparent !important;
    color: rgba(255,255,255,1) !important;
    text-shadow: 0 0 0.25em currentColor !important;
    text-decoration: none !important;
}
.nav-link.active {
    color:#ffffff !important;
    text-underline-offset: 7px;
    text-decoration: underline;
    text-decoration-thickness: 5px;
    text-decoration-color: #8b1127;
}
.dropdown-item.active {
    padding-left: 1.5rem;
    background-color: transparent !important;
    position: relative;
    color: white;
}
.dropdown-item.active::before {
    content: "\F280";
    color: red;
    margin-right: 3px;
    font-family: "bootstrap-icons";
    top: 9px;
    position: absolute;
    left: 9px;
    font-size: .75rem;
}
.nav-link.dropdown-toggle.show {
  color: #ffffff;
}
.navbar-toggler {
  background-color: white;
}

/*=========================================== * HEADER *=========================================*/
 #logo > a {
	 background: rgba(0, 0, 0, 0) url("../images/logo.jpg") no-repeat scroll 0 0;
	 display: block;
	 height: 12.0625rem;
	 background-size: contain;
}
 #info {
	 color: white;
	 font-family: "Crimson Text",serif;
	 font-size: 2.75rem;
}
#info p {
  font-family: "Crimson Text",serif;
  font-size: 2.75rem;
  margin: 0;
  padding: 0;
}
 #info .title {
	 font-size: 1.375rem;
	 letter-spacing: .1rem;
}
/*=========================================== * MAIN *=========================================*/
 .banner {
  margin-top: calc(var(--bs-gutter-x) * .5);
}
 main {
	 background-color: white;
}
 h1, h2, h3, h4, h5, h6 {
	 color: #00204e !important;
	 font-weight: bold !important;
}
h1 {
  position: relative;
  font-weight: bold !important;
  z-index: 2;
  margin-top: 1rem !important;
}
.wysiwyg.body-copy.col-8 {
    padding-left: .35rem;
	margin-top: 1rem !important;
}
 figure img {
	 width: 100%;
	 height: auto;
	 max-width: 100%;
	 cursor: pointer;
}
 .captionwrap .innerwrap > button {
	 display: none;
}
 .img_caption_left {
	 float: left;
	 width: 14.6875rem;
	 padding-right: .625rem;
	 margin-top: .625rem;
}
 .img_caption_vleft {
	 float: left;
	 width: 14.6875rem;
	 padding-right: .625rem;
	 margin-top: .625rem;
}
 .img_caption_right {
	 float: right;
	 width: 14.6875rem;
	 padding-left: .625rem;
	 margin-top: .625rem;
}
 .img_caption_vright {
	 float: right;
	 width: 143px;
	 padding-left: .625rem;
	 margin-top: .625rem;
}
 .caption-text {
	 font-size: 0.8em;
}
 .flex-control-nav {
	 display:none;
}
 #ihw-text p {
	 overflow: hidden;
}
 .credit {
	 font-style: italic;
	 font-size: 1em;
	 padding-top: .3125rem;
	 float: right;
	 color: #00507e;
	 line-height: 1.5em;
	 text-align: right;
}
 .downloadSocial {
	 width: 18.75rem;
	 padding: .625rem;
	 float: right;
	 font-size: .85em;
	 font-style: italic;
}
 #myTable ul {
	 margin-left: 1.5625rem;
}
 section.media-topic {
	 background-color: #f5f6f7;
	 padding: 1.875rem;
	 margin-bottom: 1.5rem;
}
 #featVid {
	 padding-bottom: 2rem;
	 display: block;
	 border-bottom: 2px solid #ccc;
}
 #featVid h2 {
	 text-align: left;
	 padding-top: .25rem;
	 line-height: 1.333em;
	 font-size: 1.25rem;
	 color: #333;
	 margin-bottom: 0;
}
 #featVid p {
	 line-height: 1em;
}
 .vidThbSection {
	 display: grid;
	 grid-template-columns: repeat(3, 1fr);
	 grid-gap: 1.333rem;
}
 .videoOption {
	 font-size: 1rem;
	 line-height: 1.333rem;
	 color: #003580;
	 position:relative;
	 display:block;
	 transition: transform 0.3s ease-out;
	 margin-bottom: 1rem;
}
.videoOption:hover {
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  opacity: .6;
}
 .videoOption a.transcript {
	 color: #3a5780;
	 font-size: .85rem;
	 font-weight: bold;
	 margin-top: .4375rem;
}
 .videoOption img {
	 width:100%;
	 max-width: 100%;
	 height:auto;
}
div.play-icon {position: relative;}
 .play-icon::before {
	 display: inline-block;
	 content: "";
	 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M6.271 5.055a.5.5 0 0 1 .52.038l3.5 2.5a.5.5 0 0 1 0 .814l-3.5 2.5A.5.5 0 0 1 6 10.5v-5a.5.5 0 0 1 .271-.445z'/%3E%3C/svg%3E");
	 background-repeat: no-repeat;
	 width: 3.333rem;
	 height: 3.333rem;
	 position: absolute;
	 transform: translate(-50%, -50%);
	 top:50%;
	 left:50%;
}
/*============================================= * SIDEBAR *===========================================*/
 aside h2{
	 color: #2a3f63;
}
 aside ul {
	 list-style-type: none;
	 padding: 0;
}
 aside ul li {
	 width: 100%;
	 padding: 0 0 .85rem 0;
	 margin: 0;
}
 aside ul li a {
	 color: #c52641;
}
 .message p a {
	 color: #ffffff;
	 text-decoration: none;
	 text-align: center;
	 font-family: "Crimson Text",serif;
	 font-size: 1.65rem;
	 letter-spacing: .055rem;
}
 .vid a {
	 font-size: .875rem;
	 color: #000000;
	 text-decoration: none;
}
 .vid a[href$=".pdf"] {
	 color: #0066A1;
}
#jcCarousel .carousel-caption {
  position: relative;
  color: black;
  right: 0;
  left: 0;
  text-align: left;
}
/*=========================================== * FOOTER *=========================================*/
 footer {
	 width: 100%;
	 color:white;
	 font-size: .75rem;
	 margin-bottom: 1.25rem;
}
 footer #social {
	 margin: .625rem 0;
	 padding: .9375rem 0;
}
 footer ul {
	 list-style-type: none;
}
 footer #social ul li {
	 border: medium none;
	 color: #ffffff;
	 display: inline-block;
	 text-transform: uppercase;
	 vertical-align: middle;
	 width: 4%;
}
 footer #social ul li a {
	 color: #ffffff;
	 text-decoration: none;
	 font-size: .9rem;
	 display: inline-block;
	 overflow:hidden;
}
 footer ul li {
	 color: #ffffff;
	 padding: 0 .9375rem;
	 vertical-align: top;
	 font-size:1rem;
}
 footer ul li a {
	 color: #ffffff;
	 text-decoration: underline;
}
 .bs-sm-svg {
	 margin-right: .4375rem;
	 fill: white;
	 width: 1.75rem;
	 vertical-align: middle;
}
#social ul {
	padding-left: 0px;
}
/*========================== * BS Carousel =============================*/
.carousel-control-next-icon, .carousel-control-prev-icon {
  width: 1.85rem;
  height: 1.85rem;
  background-size: 60% 60%;
  background-color: #00204e;
  border-radius: 50%;
  padding: 25px;
}
/*============================* Accordion =========================================*/
#accordion-section {
	padding: 10px 35px;
	border-bottom: 1px solid rgb(218, 217, 217);
}
.accordion-item button {
    font-weight: bold;
    color: #00204e;
    font-size: 1.125rem;
}
.accordion-item button:hover {
    opacity: 0.8;
}


/* ============================================= * RESPONSIVE YOUTUBE CONTAINER * ============================================*/
 .embed-container {
	 height: auto;
	 overflow: hidden;
	 padding-bottom: 56.25%;
	 position: relative;
}
 .embed-container iframe, .embed-container object, .embed-container embed {
	 height: 100%;
	 left: 0;
	 position: absolute;
	 top: 0;
	 width: 100%;
}
/* ============================================== * MASONRY * ==============================================*/
 .grid {
	 width: 98%;
	 margin: 0 auto;
}
 .grid-sizer, .grid-item {
	 width: 50%;
}
 .grid-item--width2 {
	 width: 50%;
}
/* ============================================== * TRIBUTE SECTION * ==============================================*/
 .trib {
	 margin-bottom: 30px;
	 border: 1px solid #d4dae1;
	 padding: 1.5625rem;
	 position:relative;
	 display: block;
	 width: 100%;
}
 .trib .cite span {
	 display: block;
	 font-style: italic;
}
 .trib .cite span:first-child {
	 font-weight: bold;
}
 .trib .cite span:not(:first-child) {
	 text-indent: 1.3125rem;
}
 .trib p {
	 line-height: 1.6em;
}
 .trib::after {
	 content: "";
	 background: url("../images/flourish.png") no-repeat center;
	 position: absolute;
	 display: block;
	 width: 2.8125rem;
	 bottom: -12px;
	 color: white;
	 left: 47.25%;
	 height: 1.3125rem;
}
 #pagination a {
	 display: inline-block;
	 padding: 0.3125rem;
	 color: #003580;
	 text-decoration: none;
	 font-size: 1.125rem;
}
 #pagination a.active{
	 color: #003580;
	 background-color: #e8ecef;
}
 #pagination a:hover {
	 background-color: #f5f6f7;
}
/* ============================================== * SOCIAL SHARE PAGE * ==============================================*/
 .mosaic {
	 columns:3;
}
 .box {
	 width:100%;
	 padding-bottom:1rem;
	 max-width:25rem;
	 page-break-inside:avoid;
	 display:block;
}
 .box img {
	 max-width:100%;
	 max-height:25rem;
	 height:auto;
}

/* ================================================== * MEDIA QUERIES * ==================================================*/
 @media only screen and (max-width: 1220px) {
	 .homeslider {
		 position: relative;
	}
	 .homeslider img {
		 width: 100%;
		 height: auto;
	}
}
@media only screen and (max-width: 991px) {
    .nav-item a.btn {
      margin-top: .9rem;
    }
}
 @media only screen and (max-width: 767px) {
    #logo > a {
      height: 8.0625rem;
    }
	 aside {
		order: 1;
	}
	 .middlecontent {
		order: 2;
	}
	 .img_caption_left, .img_caption_vleft, .img_caption_right, .img_caption_vright {
		 float: none;
		 width: 100%;
		 padding-right: 0px;
		 padding-left: 0px;
	}
	 .img_caption_left img, .img_caption_vleft img, .img_caption_right img, .img_caption_vright img {
		 width:100%;
		 height:auto;
	}
	 .caption-text {
		 font-size: 1em !important;
	}
	 .vidThbSection {
		 grid-template-columns: repeat(2, 1fr);
	}
	 .mosaic {
		 columns: 1;
	}
	 .box {
		 max-width: 39.0625rem;
	}
	 .box img {
		 max-height: 39.0625rem;
		 width:100%;
	}
	 .captionwrap .innerwrap p.flex-text {
		font-size: 80%;
		line-height:1.5em;
	}
}
 @media only screen and (max-width: 480px) {
	 #container {
		 max-width: 29.9375rem;
	}
	 .captionbg {
		 background: rgba(0, 0, 0, 0.75);
	}
	 .captionwrap .innerwrap > button {
		 display: block;
	}
	 .captionwrap .innerwrap p.flex-text {
		 display:none;
	}
	 .captionwrap button {
		 background-color: #CFA165;
		 border: none;
		 border-radius: 2px;
		 padding: 0.1875rem 0.4375rem;
		 margin: 0.1875rem;
	}
	 .vidThbSection {
		 grid-template-columns: repeat(1, 1fr);
	}
	 .downloadSocial {
		 width: 100%;
		 float:none;
	}
	 .downloadSocial img {
		 width: 95%;
		 display:block;
	}
}
 @media only screen and (max-width: 379px) {
	 .videoOption {
		 width: 100%;
	}
}