/* body.page {
	 color: #222;
	 background-color: #f0f0f0;
	 margin: 0;
	 display: flex;
	 flex-direction: column;
}
 */
 .banner-caption {
	 position: absolute;
	 top: inherit;
	 right: inherit;
	 width: 100%;
	 bottom: 0px;
	/* left: inherit;
	 */
	 box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.225);
	 outline: 2px #efefef solid;
	 background-color: #000000a2;
}
 .main-banner .banner-caption {
	/* display: flex;
	 justify-content: center;
	 align-items: center;
	 height:100%;
	 */
	/*outline: 3px #efefef solid;
	 background-color: #003399;
	*/
}
 .banner-img {
	 position:relative;
}
 #strategic-nav .row {
	 max-width: 1300px;
	 padding-top: 40px;
}
 #strategic-nav img {
	 aspect-ratio: 16 / 9;
	 object-fit: cover;
	 margin-bottom: 15px;
}
 .hover:hover {
	 outline:4px solid rgb(0, 51, 153);
	 font-weight:500;
}
 #strategic-nav p{
	 margin-bottom:none;
	 padding-bottom:15px;
}
 @media only screen and (max-width: 575px) {
	 #strategic-nav img {
		 padding-top:5px;
	}
	 #strategic-nav #desktop {
		 display:none;
	}
	 #mobile a {
    		height: auto;
            min-height: 40px
	}
	.teams .row .col .row {
	    margin-bottom:7px;
	}
}
 @media only screen and (min-width: 576px) {
	 #strategic-nav #mobile {
		 display:none;
	}
}
 .main-title {
	 display: flex;
	 align-items: center;
	 margin-bottom: 20px;
}
 h2.main-title {
	 color: #039 !important;
}
 .main-title::after {
	 content: '';
	 flex: 1;
	 margin-left: .5rem;
	 height: 1.5px;
	 background-color: #039;
}
/* TIMELINE */
 .page {
	/* max-width: 47rem;
	 */
	 padding: 0rem 2rem 3rem;
}
 .timeline {
	 display: grid;
	 grid-row-gap: 2rem;
	 border-left: 3px solid #000000;
	 padding-bottom: 1.5rem;
}
 @media screen and (min-width: 768px) {
	 .section-title {
		 top: 78px !important;
		 z-index: 2 !important;
		 position: sticky;
	}
	 .mid-profile{
		 position: relative;
	}
	 .mid-profile::before {
		 content: "";
		 background: #cccccc75;
		 position: absolute;
		 bottom: 25%;
		 left: 0;
		 height: 50%;
		 width: .5px;
	}
	 .mid-profile::after {
		 content: "";
		 background: #cccccc75;
		 position: absolute;
		 bottom: 25%;
		 right: 0;
		 height: 50%;
		 width: .5px;
	}
}
 @media screen and (max-width: 768px) {
	 .feedback-btn {
		 width:100%;
	}
}
 .section-title {
	 display: flex;
	 padding: 0.5rem 1.25rem 0.5rem;
	/* margin-top: 1.25rem;
	 */
	 margin-bottom: 1.25rem;
	 background-color: #ededed;
	 align-items: center;
	 min-height: 57px;
	 box-shadow:0 1px 3px rgba(0, 0, 0, 0.36);
	/* text-transform: uppercase;
	 */
	/* color: #039;
	 */
}
 .section-title h3 {
	 margin-bottom: 0px;
}
/*.bottom:before {
	 */
	/* content: "";
	 */
	/* position: absolute;
	 */
	/* left: 50;
	 */
	/* bottom: 0;
	 */
	/* height: 15px;
	 */
	/* width: 98%;
	 */
	/* border-bottom: 2px solid #000;
	 */
	/* 
}
 */
 .time {
	 display: inline-flex;
	 padding: 0.25rem 1.25rem 0.25rem;
	 background-color: #039;
	 font-size: 0.75rem;
	 font-weight: 700;
	/* text-transform: uppercase;
	 */
	 color: #ffcc00;
}
 .timeline-subgroup {
	 display: grid;
	 grid-row-gap: .5rem;
	 overflow: hidden;
	 padding-top: 0.25rem;
	 padding-bottom: 0.25rem;
}
 .event {
	 position: relative;
	 margin-left: 1rem;
}
 .event::before {
	 content: "";
	 width: 50%;
	 height: 2.5px;
	 background-color: #ffcc00;
	 position: absolute;
	 top: 1rem;
	 left: -50%;
	 z-index: 1;
}
 .event.card {
	 padding: 1.5rem 1.5rem 1.25rem;
	 border-radius: 2px;
	 border-left: 3px solid #ffcc00;
	 border-right: 3px solid #ffcc00;
	 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.24);
	 background-color: #fff;
	 z-index: 1;
}
 .event-content {
	 margin-top: 0.5rem;
}
 #comm-docs li{
	 margin-top:1rem;
}
 #comm-docs a::before {
	 font-family: Font Awesome\ 5 Pro;
	 content: "\f15b";
	 display: inline-block;
	/* font-weight: 500;
	 */
	 line-height: 15px;
	 padding-right: 5px;
}
 #comm-docs .row>button {
	 white-space: normal;
	 height: 100%!important;
}
 #comm-docs .rkmd-btn {
	 font-weight:400;
	 text-transform:none;
	 font-size:10px;
	 height: 25px;
	 line-height: 25px;
	 box-shadow:none;
	 color:#000;
}
 #comm-docs .rkmd-btn:hover {
	 color:#fff;
	 background-color:#039;
	 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.225);
}
 @media screen and (min-width: 768px) {
	 #comm-docs .modal-dialog{
		 max-width:60%;
	}
}
 @media screen and (max-width: 768px) {
	 #comm-docs .modal-dialog{
		 max-width:95%;
	}
}
 #comm-docs .clive-dropdown-wrapper:after {
	 visibility:visible;
}

/*JP's updates */

.contact-row img {
	width:unset!important;
	max-height:250px!important
}
  

         button.main-title {
            font-size: 2.5rem;
            margin-left: 0px;
            padding-left: 0px;
            color: #003399
        }

        .main-title {
            cursor: pointer;
        }

        .collapse-btn {
            border: none !important;
            background-color: unset;
        }

        .collapse-btn:hover,
        .collapse-btn:active {
            background: #00339922;
        }

        button.main-title[aria-expanded="true"]::after {
            /* content: "▲";  */
            float: right;
            font-size: 1em;
        }

        button.main-title[aria-expanded="false"]::after {
            content: "▼";
            /* float: left; */
            flex: unset;
            /* margin-left: .5rem; */
            height: unset !important;
            background-color: unset;
            font-size: unset;
        }
/*End of JP's updates */

/*vv  MOBILE BUTTONS SCROLL TO  vv*/
 @media only screen and (max-width: 575px) {
#plan, #process, #team, #timeline, #docs, #contact {
   margin-top:-130px; 
   padding-top:130px; 
}
     
 }