/* CSS Document */
/* Open Sans Font Family */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
/* Roboto Font Family */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
/* Global */
html {scroll-behavior: smooth;}
body {font-smoothing: antialiased; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}
h1, h2, h3, h4, h5, h6, .nav-link, #search, .dropdown-item {font-family: 'Open Sans', sans-serif;}
p, ul, li, a, .welcome-text, .button1, .button2 {font-family: 'Roboto', sans-serif;}
.bg-dark-blue {background-color: rgba(37, 66, 103, 1);}
.bg-light-blue {background-color: rgba(53, 94, 147, 1);}
.heading-size {font-size: 2.5rem !important;}
.button1 {color: #fff; background-color: transparent; transition: all 0.3s ease;}
.button1:hover, .button1:focus {transition: all 0.3s ease;}
.button2 {color: #fff; background-color: #0053b3; border: 2px solid #001833; transition: all 0.3s ease;}
.button2:hover, .button2:focus {transition: all 0.3s ease; border: 2px solid #001833;}
.button3 {color: #fff; background-color: #415ba7; border: 2px solid #0053b3; transition: all 0.3s ease;}
.button3:hover, .button2:focus {transition: all 0.3s ease; border: 2px solid #0053b3;}
.button4 {background-color: #0053b3; font-weight: 500; letter-spacing: 1px;}
/* Navigation Global */
.navbar {background-color: rgba(33, 32, 96, .95) !important;}
.dropPFAS {margin-top: 0px; background-color: #415ba7 !important; padding: .5rem 0rem .75rem 0rem;}
.nav-link {font-size: 1rem; color: #fff !important;}
.nav-dropdown-item {font-size: 1.15rem;}
.form-control:focus, .form-control:active {border: #007BFF 1px solid; outline: 1px; box-shadow: inset 0 0 0;}
#searchForm {z-index: 2210; left: 0;}
.search-exit-btn {min-height: 48px; padding-top: .6rem;}
/* Make Navbar Toggle Icon White */
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
.navbar-dark .navbar-toggler {border-color: rgba(255,255,255,1) !important;}
.dropPFAS .dropdown-item {color: #fff !important; transition: all 400ms ease-out !important;}
.dropPFAS .dropdown-item:focus, .dropdown-item:hover {background-color: #efefef; outline: none !important; color: #000 !important; transition: all 400ms ease-in !important;}
.nav-underline-right:before {border-bottom-color: #e7e8e9 !important;}
/* Sub-ORG Template */
.parent-link {border: 2px solid #fff; border-radius: 5px; font-size: 1.15rem; padding: .5rem 1.5rem !important;}
.parent-link.dropdown-toggle::after {display: none;}
.parent-nav-title, .parent-nav-heading h2 {color: #fff; text-shadow: 2px 3px 5px rgb(0 0 0 / 50%);}
.parent-nav-heading h2 {font-weight: 600; margin-bottom: 1.4rem;}
.parent-nav-link {list-style: none !important; margin-top: 1.15rem; line-height: 1rem;}
.parent-nav-link a {color: #efefef; text-decoration: none;}
.parent-nav-link a:hover {text-decoration: none;}
.parent-nav-text {color: #fff;}
.mega-menu-office {position: relative; z-index: 100;}
.mega-menu-logo {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; background-image: url(/resources/acq/imgs/OUSD-Acq-Sustainment-logo-300sq.png); background-position: center; background-repeat: no-repeat; -webkit-background-size: fill; background-size: fill; object-fit: fill; opacity: .08;}
/* Footer */
footer {padding: 3.75rem; background-color: #212060 !important; color: #fff;}
footer h4:after {content: ""; position: absolute; top: 32px; left: 0; border-bottom: 2px solid rgba(0, 83, 179, 1.0);}
.footer-heading-1:after, .footer-heading-2:after, .footer-heading-3:after, .footer-heading-4:after {width: 100% !important;}
.footer-link {margin: 1rem 0; padding: 0; text-decoration: none !important; color: #fff;}
.foot-1 ul, .foot-2 ul, .foot-3 ul, .foot-4 ul {list-style: none !important; margin-left: 0px; padding-inline-start: 0px !important; margin-top: 1.5rem;}
.foot-1 ul li, .foot-2 ul li, .foot-3 ul li, .foot-4 ul li {margin-bottom: 1rem; line-height: 1.25rem;}
.foot-1 ul li a, .foot-2 ul li a, .foot-3 ul li a, .foot-4 ul li a {font-size: 0.9375rem; color: #fff;}
.foot-1 h4, .foot-2 h4, .foot-3 h4, .foot-4 h4 {font-size: 1.4rem;}
.post-acq-footer {padding: 1.5rem 0rem 0rem;}
.post-acq-footer-cont {padding-left: 0rem !important; pading-right: 0rem !important;}
.post-acq-footer-cont a {color: #fff; text-decoration: none; transition: all 0.3s ease-out;}
.post-acq-footer-cont a:hover, .post-acq-footer-cont a:focus {color: #007bff; transition: all 0.3s ease-in;}
.post-acq-footer-cont a, .post-acq-footer-cont p {font-size: 0.875rem;}
.post-footer-links, .post-footer-links2 {color: #fff; margin: 0 1.5rem;}
.post-acq-footer-cont p {margin-top: .5rem;}
/* Return to Top Button */
#return-to-top {position: fixed; bottom: 20px; right: 20px; background:  rgba(0, 83, 179, 1.0) !important; width: 60px; height: 60px; display: block; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: none; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; transition: all 0.4s ease-in; border: 1px solid #ffffff; z-index: 1000;}
#return-to-top i {color: #fff; margin: 0; position: relative; left: 20px; top: 20px; font-size: 20px; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
#return-to-top:hover {background: rgba(0, 0, 0, 0.8);}
#return-to-top:hover i {color: #fff; top: 5px;}
/* Footer Social Media Icons */
.social-media a {padding: 15px 20px; color: #fff; border: 2px solid #fff; border-radius: 100px !important; margin-top: 1rem; transition: all 350ms ease;}
.social-media a:hover {background-color: rgba(255,255,255,0.75) !important; transition: all 350ms ease; color: #0073b1;}
/* Skip Nav Link */
#skiplinkcont a, #skiplinkcont a:link, #skiplinkcont a:visited {display: block; width: calc(100% - 40px); position: fixed; top: -40px; left: 0; z-index: 10001; font-size: 1.15rem;}
#skiplinkcont a:focus, #skiplinkcont a:active {left: 20px; top: 5px; z-index: 10000000;}
#skiplink {position: absolute; top: -30px; left: 0;}
#skiplinkcont a, #skiplinkcont a:link, #skiplinkcont a:visited {color: #000; background-color: #e5e7ea; text-decoration: none; padding: 5px 0px 5px 5px; font-weight: bold;}
/* Header How You Know */
.bgHowToKnow {padding-top: 8px; padding-bottom: 8px; background-color: #15263b; color: #fff;}
#howToKnow {color: #aebfd4 !important;}
.extraHeadPad {padding-top: 16px; padding-bottom: 8px;}
.bgHowToKnow img.flag {width: 20px; height: 14px; margin-top: -2px;}
.headerTitle {font-size: 1.5rem; line-height: 2rem; font-weight: 500;}
/* Extra small devices (iPhone 5/SE) */
@media (max-width: 321.98px) {
	.d-sm-none {display: none !important;}
	.mega-menu-office {padding: 10px 0px;}
	/* Navigation */ a.dropdown-item {white-space: normal; font-size: .85rem !important; line-height: 1rem;} .navbar-brand img {width: 210px;} .parent-nav-heading {padding-left: 0px; margin-top: 1.5rem;}
	/* Footer */ .post-footer-links2 {display: none;} footer {padding: 3.75rem 2.5rem;} .foot-2, .foot-3, .foot-4 {margin-top: 2rem;} .footer-heading-2::after {top: 55px;}
}
/* Extra small devices (iPhone 6/7/8 and Plus Models) */
@media (min-width: 322px) and (max-width: 415.98px) {
	.d-sm-none {display: none !important;}
	.mega-menu-office {padding: 45px 0px;}
	/* Navigation */ a.dropdown-item {white-space: normal; font-size: .95rem;} .navbar-brand img {width: 250px;} .parent-nav-heading {padding-left: 0px; margin-top: 1.5rem;}
	/* Footer */ .post-footer-links2 {display: none !important;} .foot-2, .foot-3, .foot-4 {margin-top: 2rem;} .footer-heading-2::after {top: 55px;}
}
/* Extra small devices (portrait phones, less than 576px) */
@media (min-width: 376px) and (max-width: 415px) {
	.footer-heading-2::after {top: 32px;}
}
/* Extra small devices (portrait phones, less than 576px) */
@media (min-width: 416px) and (max-width: 575.98px) {
	.d-sm-none {display: none !important;}
	.mega-menu-office {padding: 45px 0px;}
	/* Navigation */ a.dropdown-item {white-space: normal;} .navbar-brand img {width: 250px;} .parent-nav-heading {padding-left: 0px; margin-top: 1.5rem;}
	/* Footer */ .post-footer-links2 {display: none !important;} .foot-2, .foot-3, .foot-4 {margin-top: 2rem;} 
}
/* Small devices COL-SM (landscape phones, 576px - 767px) */
@media (min-width: 576px) and (max-width: 767.98px) {
	.d-md-none {display: none !important;}
	.mega-menu-office {padding: 52px 0px;}
	/* Navigation */ a.dropdown-item {white-space: normal;} .parent-nav-heading {padding-left: 15px; margin-top: 1.5rem;}
	/* Footer */ .post-footer-links2 {display: none !important;} 
}
/* Medium devices COL-MD (small tablets, 768px - 991px) */
@media (min-width: 768px) and (max-width: 991.98px) {
	.d-md-none {display: none !important;}
	a.dropdown-item {white-space: normal;}
	.main-nav-link {font-size: 1.15rem;}
	.mega-menu-office {padding: 55px 0px;}
	/* Footer */ .post-footer-links2 {display: none;} .footer-heading-1:after, .footer-heading-2:after, .footer-heading-3:after, .footer-heading-4:after {width: 100% !important;} .foot-3, .foot-4 {margin-top: 25px;} .parent-nav-heading {padding-left: 15px; margin-top: 2rem;} 
}
/* Large devices COL-LG (landscape tablets/laptops, 992px - 1199px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
	.d-lg-none {display: none !important;}
	.mega-menu-office {padding: 25px 0px;}
	/* Footer */ .foot-1 h4, .foot-2 h4, .foot-3 h4, .foot-4 h4 {font-size: 1.4rem;} .footer-heading-1:after, .footer-heading-2:after, .footer-heading-3:after, .footer-heading-4:after {top: 58px;} .post-acq-footer-cont p {display: inline;}	.foot-1, .foot-2, .foot-3, .foot-4 {margin: 0rem 15px;} .parent-nav-heading {padding-left: 15px;} 
}
@media (max-width: 1024px){.fixed-top {position: relative !important;}}
/* Extra large devices COL-XL (desktops, 1200px and larger) */
@media (min-width: 1241px) {
	.d-xl-none {display: none !important;}
	/* Navigation */
	.fa-search:before {font-size: 22px;}
	/* Sub-ORG Template */
	.parent-link {margin-top: 0.9375rem;}
	.parent-nav-title {font-size: 2.4rem;}
	.parent-nav-heading h2 {font-size: 1.6rem; margin-bottom: 2rem;}
	.parent-nav-link a {font-size: 1rem;}
	.parent-nav-text {font-size: 1.115rem;}
	.mega-menu-office {padding: 42px 0px;}
	/* Top Navbar Slide Down for Dropdowns 
	.dropdown .dropPFAS {transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; overflow: hidden; transform-origin: top center;	transform: scale(1, 0); display: block;}
	.dropdown:hover .dropPFAS {transform: scale(1);}*/
	/* Footer */
	footer {padding: 75px 200px 50px;}
	.foot-1, .foot-2, .foot-3, .foot-4 {margin: 0rem 15px;}
	.foot-1 h4, .foot-2 h4, .foot-3 h4, .foot-4 h4 {font-size: 1.6rem;}
	.foot-1 ul li a, .foot-2 ul li a, .foot-3 ul li a, .foot-4 ul li a {font-size: 1.15rem;}
	/* Underline From Right to Left */
	.nav-underline-right:before {display:block;	content: ''; border-bottom: solid 2px rgba(0, 83, 179, 1.0); transform: scaleX(0); transition: transform 300ms ease-in-out; -moz-transition: transform 300ms ease-in-out; -webkit-transition: transform 300ms ease-in-out; -ms-transition: transform 300ms ease-in-out; position: relative; top: 35px;}
	.nav-underline-right:hover:before { transform: scaleX(1); transform-origin:100% 50%;}
	.footer-heading-1:after {width: 64% !important; margin-left: 16px;}
	.footer-heading-2:after {width: 77% !important; margin-left: 16px;}
	.footer-heading-3:after {width: 37% !important; margin-left: 16px;}
	.footer-heading-4:after {width: 36% !important; margin-left: 16px;}
	.post-acq-footer-cont p {display: inline;}
	/* Footer Underline From Left to Right */
	.underline-left:after {display:block; content: ''; position: relative; top: 0px; border-bottom: solid 2px rgba(0, 83, 179, 1.0); transform: scaleX(0); transition: transform 250ms ease-in-out; transform-origin:  0% 50%;}
	.underline-left-1-1:hover:after { transform: scaleX(.70);} .underline-left-1-2:hover:after { transform: scaleX(.93);} .underline-left-1-3:hover:after { transform: scaleX(.93);} .underline-left-1-4:hover:after { transform: scaleX(.93);} .underline-left-1-6:hover:after { transform: scaleX(.93);} .underline-left-1-7:hover:after { transform: scaleX(1);} .underline-left-1-8:hover:after { transform: scaleX(.90);} .underline-left-2-1:hover:after { transform: scaleX(.45);} .underline-left-2-2:hover:after { transform: scaleX(.49);} .underline-left-2-3:hover:after { transform: scaleX(.28);} .underline-left-2-4:hover:after { transform: scaleX(.45);} .underline-left-2-5:hover:after { transform: scaleX(.49);} .underline-left-2-6:hover:after { transform: scaleX(.28);} .underline-left-2-7:hover:after { transform: scaleX(.55);} .underline-left-2-8:hover:after { transform: scaleX(.59);} .underline-left-2-9:hover:after { transform: scaleX(.38);} .underline-left-3-1:hover:after { transform: scaleX(.69);} .underline-left-3-2:hover:after { transform: scaleX(.73);} .underline-left-3-3:hover:after { transform: scaleX(.47);} .underline-left-3-4:hover:after { transform: scaleX(.44);} .underline-left-3-5:hover:after { transform: scaleX(.60);} .underline-left-3-6:hover:after { transform: scaleX(.69);} .underline-left-3-7:hover:after { transform: scaleX(.23);} .underline-left-3-8:hover:after { transform: scaleX(.30);} .underline-left-3-9:hover:after { transform: scaleX(.63);} .underline-left-4-1:hover:after { transform: scaleX(.70);} .underline-left-4-2:hover:after { transform: scaleX(.80);} .underline-left-4-3:hover:after { transform: scaleX(.75);} .underline-left-4-4:hover:after { transform: scaleX(.30);} .underline-left-4-5:hover:after { transform: scaleX(.44);} .underline-left-4-6:hover:after { transform: scaleX(.73);} .underline-left-4-7:hover:after { transform: scaleX(.43);} .underline-left-4-8:hover:after { transform: scaleX(.23);} .underline-left-4-9:hover:after { transform: scaleX(.59);} }

@media (min-width: 1921px) {
	.main-nav-link {padding: 1.5rem 1rem !important; font-size: 1.15rem;}
}