/* Move down content because we have a fixed navbar that is 3.5rem tall */
body { padding-top: 0rem; font-family: Helvetica, Arial, "sans-serif"; background-color:#000; }
/*.body-home { }*/


.no-wrap {  white-space: nowrap; } 

.graytxt { color:#999; font-size:75%; }

/*  ----- HEADER ----- */	

.top-header-bg	{ background-color:#000; }
.top-header-margin	{ padding-left:0px; padding-right:0px; }

#small-top-links-wrap { background-color:#000000; display: none; }
.top-links-con { padding: 2px 2px 2px 22px; }
.small-army-links { padding: 0 0 0 0; text-align: right; } /*margin-top: 7px;*/
.small-army-links a { color: #ffffff; font-size:11px; padding-left: 11px; }

.search-wrap { display: none; padding: 0 0 0 0; }
#search-wrap-full {  margin-top: -4px; float:right; padding-left: 90px; }
#search-wrap-full .btn-wrap { margin-top: 5px; margin-bottom: -3px; text-align: right; width:100%; padding-right: 7px; }
	

#search-wrap-mobile { display: block; padding: 0 0 0 0; }
#search-wrap-mobile .btn-wrap { text-align: right; width:100%; }
.btn-search { padding: .25rem .5rem; font-size: 0.8rem; line-height: 1.19; border-radius: .2rem; }

.title-block-wrap { display: block; margin-top: 40px; } 
.site-title-logo { float:left; margin: -7px 10px 2px 0; max-width: 44px; }
.usarmy-title { display:block; font-size:11px; margin: -30px 0 0; color: #fff; text-shadow: 2px 2px 3px #000; font-weight: bold; }
.usariem-title { font-size:11px; font-weight: bold; margin: 0px 0px 0px 0px; color: #efba31; line-height: 1.3; }

/*  ----- END HEADER ----- */	



/* ----- TOP NAV BAR ----- */	

/* updated from default bootstrap.min.css*/   
.mr-auto, .mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;;
}

.bg-dark { background-color: #000 !important; }	
.nav-toggler-wrap { text-align: right; width: 100%; }	

.navbar-toggler { text-align: right; float: right; background-color: #171717; padding: .1rem .5rem .0rem .5rem; font-size: 1.1rem; }




/*updated from navbar.scss*/
.navbar { padding: .2rem 1rem .2rem 1rem; display: flex; }

.navbar-expand-md .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; }

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link { color: rgba(255,255,255, 0.6); }

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255,255,255, 0.5); }

.navbar-dark .navbar-nav .nav-link { color: rgba(255,255,255, 0.95); }

/*END updated from navbar.scss*/


/*updated from nav.scss*/

.nav-link { font-size:1.0rem; text-transform: uppercase; }

/*END updated from nav.scss*/

.dropdown-menu	{ color: #ffffff; background-color: #890c08;	}
	
a.dropdown-item	 { color: #ffffff; text-decoration: none; background-color: #890c08;	}
	
.dropdown-item:focus, .dropdown-item:hover { color: #333333; text-decoration: none; background-color: #ffffff;	}


 /*Multi Dropdown TEST*/	
.dropdown-item	{ padding: .25rem 1.1rem .25rem 1.1rem; }	
.dropdown-submenu { position: relative;}
.dropdown-submenu .dropdown-menu { top: 100%; left: 0; margin-top: -1px; }			
.dropdown-submenu .dropdown-menu .submenu-third {  top: 0; left: 100%; margin-top: -1px; }
 		/*make last nav item 3rd drop to the left		*/											
.dropdown-submenu .dropdown-menu .submenu-third-last {  top: 0; left: -73.5%; margin-top: -1px; }
	
.third-wrap	{ padding: 0rem 0rem 0rem .9rem; }
	
.submenu-third-a { font-size:1.0rem; text-transform:none; padding: .25rem 0rem .25rem 0rem; margin: -.1rem -.9rem 0rem -.3rem; }
	
		
/* ----- END TOP NAV BAR ----- */	


/* ----- FOOTER ----- */

/* ADDED 3-9-21 */	
.footer-title { border-radius: 5px; text-shadow: 2px 2px 4px #000; background: rgba(0,0,0,.4); max-width: 900px; text-align: center; margin-left: auto; margin-right: auto; padding: 2px 10px 2px 10px; margin-top: -25px; color: #fff;  text-transform: none; font-weight:normal; font-size: 25px }
/* END ADDED 3-9-21 */	

footer { padding-bottom: 10px; padding-top: 0; background-color: #000000; color: #F4E1CA; font-size: 12px; }


/* UPDATED 3-9-21 */
#footer-wrap { background-color:#5F0900; margin-top: 0; z-index: 10; }
/* END UPDATED 3-9-21 */

.footer-contact { text-align: left; background-color:#5F0900; padding: 10px 10px 10px 10px; }
.footer-contact-sub { font-weight: bold; font-size:16px; }
.footer-contact .text { margin-top: 10px; }

footer>div { margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; text-align: center; }

.footerlinks-wrap { margin-left: auto; margin-right: auto; padding: 15px 20px 5px 20px; text-align: center; background-color:#000000; border-top: 1px solid #888888; border-bottom: 1px solid #888888; }
.footerlinks { color:#E5C55F; font-weight:bold }
.footerlinks a:link, .footerlinks a:visited { padding-left: 5px; padding-right: 5px; color: #eeeeee; cursor: pointer; }
.footerlinks a:link:active, .footerlinks a:visited:active { color: #eeeeee; text-decoration: underline; } 
.footerexternal { margin-left:-10px }

/* UPDATED 3-9-21 */
                       /* #890c08*/
#helpful-links { background-color:#770905; text-align: left; padding: 0 10px 15px 15px; }
/* END UPDATED 3-9-21 */

#helpful-links h2 { font-size:24px; text-align: center; text-transform: uppercase; font-weight: bold; margin: 8px 0 15px 0 }	

#helpful-links h3 { font-size: 16px; }	
#helpful-links ul { list-style: none; margin: -3px 0 0 -35px; }  /*margin: -3px 0 0 -30px*/
#helpful-links a { color: #ffffff; }	

.helpful-col-1 { border-right: none; padding-top: 10px; text-align: center; }		
.helpful-col-2 { border-right: none; padding-top: 15px; text-align: center; }	
.helpful-col-3 { border-right: none; padding-top: 15px; text-align: center; }	
.helpful-col-4 { padding-top: 15px; text-align: center; }		

.footer-site-logo { padding: 12px 0 0 0; }	
.footer-site-logo img { }	

.footer-site-logo-left { padding: 12px 0 0 0; float:right; }	
.footer-site-logo-left img { max-width: 85px; }		
	
.footer-social  { margin-top: 15px; }	
.footer-social ul { list-style: none; margin-left: -41px; }

.footer-social li { display:inline-block;  }
.footer-social img { max-height: 42px; }

.disclaimer-text { font-size: .70rem; margin: 6px auto 0 auto; max-width: 850px; }
 
.service-logos-wrapper { display:block; padding: 0; margin: auto 0; text-align: center; margin-top: -5px; margin-bottom: -10px; width:100% }
.service-logos { display:block; padding: 0; }
.service-logos img { max-height: 55px }
.service-logos ul { margin: auto 0; list-style-type:none; width:100%; }
.service-logos li { margin: 10px 4px 0 4px; text-align: center; display: inline-block; max-height: 60px }
	
/* ----- END FOOTER ----- */


/* ----- BUTTONS ----- */
.btn-login{padding:.0rem .4rem .13rem .4rem;font-size:.7rem;line-height:1.1;border-radius:.2rem; margin-top:-2px; margin-left:2px;}

/* MODIFIED FROM bootstrap.min.css	*/	
.form-control{display:block;width:100%;height:calc(.7em + .8rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.0;color:#495057;background-color:#fff;background-clip:padding-box;border:none !important;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}

.btn-primary {
	color: #fff;
    background-color: #890c08;
    border-color: #5E0B08;
	border-radius: 1.15rem;
	padding: .25rem 1.05rem .11rem 1.05rem;
	box-shadow: 0.2rem 0.3rem 0.9rem 0.3rem rgba(0,0,0,.5);
	font-size: .85rem;
}	
	
.btn-primary:hover {
    color: #fff;
    background-color: #5E0B08;
    border-color: #3E0705;	
}
	
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #5E0B08;
  border-color: #3E0705;
  box-shadow: 0.2rem 0.3rem 0.9rem 0.3rem rgba(255,255,255,.5);
}	
	
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
    background-color: #890c08;
    border-color: #5E0B08;
}
	
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
    background-color: #890c08;
    border-color: #5E0B08;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0.2rem 0.3rem 0.9rem 0.3rem rgba(255,255,255,.5);
}

.third-wrap > a:after {
    display: inline-block;
    /*float: right;*/
    width: 0;
    height: 0;
    /*margin-top: 5px;*/
    margin-left: 8px; 
    margin-bottom: -3px; 
    border-color: transparent;
    border-left-color: #cccccc;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
  }



/* END MODIFIED FROM bootstrap.min.css	*/	

/* ----- END BUTTONS ----- */



/* ----- MAIN CONTENT STYLES ----- */
							/*background-color: #000000;*/
.main-content-area-wrap { background-color: #ffffff; }
.main-content-area { background-color: #ffffff; padding: 0px 20px 15px 20px; }

.main-content-area h1 { font-size: 2.2rem; text-transform: uppercase; margin-bottom: 1.2rem;  } 
.main-content-area h2 { font-size: 1.7rem; color:#890c08; font-family:Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif'; margin-bottom: .8rem; margin-top: 1.35rem; } 
.main-content-area h3 { font-size: 1.2rem; font-weight:bold; text-transform: uppercase; margin-top: 1.3rem; margin-bottom: .7rem; } 
.main-content-area h4 { font-size: 1.05rem; color:#890c08; font-weight:bold; margin-top: 1.3rem; } 

.photo-box-wrap { max-width: 100%; width:100%; float: none; font-size: 11px; margin: 0 auto 0 auto; color: #777777; text-align:center }	
.photo-box-text { padding: 5px 5px 15px 5px; text-align:left }
.photo-box-img { display: inline-block }

.backtotop { margin-top: 15px; font-size: 12px; text-decoration:underline; cursor:pointer; }
.lastModifiedRow { position:relative; bottom:0; width:100%; }
.last-modified { width: 100%; color: #777777; font-size: 11px; font-style:italic; margin: 20px 15px 10px 0; text-align:right; }

.main-content-area a, .main-content-area a:visited { color: steelblue; }
.main-content-area a:hover { color: cadetblue; }

/* ----- END MAIN CONTENT STYLES ----- */


/*  ----- RELATED LINKS ----- */

#related-links { margin:30px auto 20px auto; padding:0 10px 10px 10px; width:100%;  }

/*#related-links.left-bottom { margin:30px 0 20px 0;  }
#related-links.center-bottom { margin:30px auto 20px auto; }
*/

#related-links .title { font-size:95%; margin-bottom: 2px; font-weight: bold; border-bottom: solid 1px #808080; padding: 3px 0 1px 7px; color: #890c08; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcfff4+0,e9e9ce+100;Wax+3D+%232 */
background: #fcfff4; /* Old browsers */
background: -moz-linear-gradient(top,  #fcfff4 0%, #e9e9ce 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fcfff4 0%,#e9e9ce 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fcfff4 0%,#e9e9ce 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#e9e9ce',GradientType=0 ); /* IE6-9 */; }	

#related-links .sub-title {	font-size:13px; font-weight: bold; padding: 10px 0 0 12px; color:#575757;   }

#related-links ul {	font-size:13px; margin: 5px 0 0 -10px; }
#related-links ol {	font-size:13px; margin: 5px 0 0 -10px; }
#related-links li { margin-top:1px; }




/* ----- END RELATED LINKS ----- */




/* ----- BREADCRUMB PRINTER ----- */

.breadcrumb{ padding:12px 8px 0px 8px; margin-top:0px; margin-bottom:0px; list-style:none; background-color:#fff; border-radius:4px; color: #646473; }

.breadcrumb>li{ display:inline-block; margin-left:-3px; font-size: 12px; } 

.breadcrumb>li:nth-child(1){ margin-top:2px; } 

.breadcrumb>li+li:before{ padding:0 8px;color:#661A00;content:"\00BB"; font-size: 14px; }
.breadcrumb a, .breadcrumb a:visited { color: #646473; }
.breadcrumb a:hover { text-decoration: none; }
.breadcrumb > .active { color: #A49267; }

.email-printer { display: none; float: right; margin-top: -23px; margin-left: 10px; }
.email-printer img { margin-top: -5px; }
.email-printer a { color: #777777; font-size: 11px; padding-left: 10px; }

hr.main-top  { border-top: 1px solid #efba31; margin: 3px 0 25px 0; }	

/* ----- END BREADCRUMB PRINTER ----- */


/*  ----- SECTION SIDE NAV BOX  ----- */		
	
#section-box-links { position: relative; padding-top: 15px; padding-bottom: 25px; text-align: center; float:none; max-width: 350px; margin: 0px auto 0px auto; /*margin-left: 25px;*/}	 

#section-box-links ul  { margin: -17px 0 0 -22px; list-style: square; }	
#section-box-links li  { margin: 0 0 5px 0;}	
#section-box-links ul ul   { margin: 4px 0 0 -25px; list-style: disc; }	

#section-box-links h3 { font-weight: bold; font-size: 1.5rem; text-shadow: 2px 2px 3px #000; margin-top: 5px; color: #ffffff; }

#section-box-links .join-line { border-radius: 5px; display: block; margin: 12px auto 12px auto; width: 80px; height: 6px; background-color: #efba31; }

#section-box-links a { color: #ffffff; font-weight: bold; font-size: 1.0rem;  }		

#section-box-links .wide-view-text { display: none;	}	

#section-box-links .description { 
background: -moz-linear-gradient(top,  rgba(239,186,49,0.2) 0%, rgba(239,186,49,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(239,186,49,0.2) 0%,rgba(239,186,49,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(239,186,49,0.2) 0%,rgba(239,186,49,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33efba31', endColorstr='#b3efba31',GradientType=0 ); /* IE6-9 */
text-align: left; border-bottom: solid 5px #000000; padding: 15px 13px 15px 13px; min-height: auto; font-size: .9rem;}

#section-box-links .learn-more { text-align: left; margin-top: 15px; }
#section-box-links .learn-more a, #section-box-links .learn-more a:visited { color: steelblue; font-weight: bold; text-align: center; font-size: .95rem; }
#section-box-links .learn-more a:hover { color: cadetblue; }

								/*margin-top:-15px*/

#section-box-links .learn-more ul ul a, #section-box-links .learn-more ul ul a:visited { color: steelblue; font-weight: normal; text-align: center; font-size: .95rem; }
#section-box-links .learn-more ul ul a:hover { color: cadetblue; }

#section-box-links .splash-col { margin-top:0; padding-left: 0px; padding-right:0px; position: relative; }

#section-box-links .hov-bg-image { display: block; width: 100%; height: auto; z-index:1; }

#section-box-links .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 1; transition: .5s ease; background-color: transparent; z-index:3; }
	
#section-box-links .overlay-back { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: .5; transition: .5s ease; background-color: #000000; z-index:2; }
	
#section-box-links .splash-col:hover .overlay { opacity: .8; }
#section-box-links .splash-col:hover .overlay-back { opacity: .15; }	

#section-box-links .re-text { color: white; font-size: 20px; position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }

/*  ----- END SECTION SIDE NAV BOX  ----- */	


/* ----- HOME PAGE INTRO BOX ----- */

/* UPDATED 3-9-21 */
#home-intro-box { background-color:transparent; }
/* END UPDATED 3-9-21 */

/*#lg-bg-image { background-color:#333333; background-repeat: no-repeat; background-size: cover; }   STYLE moved to #group2 .parallax__layer--back   */

/* UPDATED 3-9-21 */
#lg-bg-image { margin-bottom: 5px; }
/* END UPDATED 3-9-21 */


/* REMOVED 3-9-21 */
/*REMOVE THIS IF NOT USING PARALLAX*/
/*#home-intro-box { margin-top: 50px; background-image:none; background-color: transparent; }	*/
/* END REMOVE THIS IF NOT USING PARALLAX*/
/* END REMOVED 3-9-21 */

.intro-box-con { padding-top: 1px; padding-bottom: 4px; padding-right:.1rem; padding-left: .1rem; font-size: 12px; color: #ffffff; text-align: center; }
.intro-box-con h1 { font-size: 22px; font-weight: normal; margin: 40px auto 30px auto; background: rgba(0,0,0,.4); max-width: 880px; border-radius: 5px; text-shadow: 2px 2px 4px #000000; padding: 5px 12px 5px 12px; }
.intro-box-con h2 { font-size: 16px; font-weight: normal; margin: 13px auto 15px auto; background: rgba(0,0,0,.4); max-width: 730px; border-radius: 5px; text-shadow: 2px 2px 4px #000000; padding: 5px 12px 5px 12px; }

/* UPDATED 3-9-21 */
.scroll-down-wrap { margin-top: 12px; margin-bottom: 5px; color: #ffffff; text-align:center; }
/* END UPDATED 3-9-21 */

.scroll-down-text { font-size: 13px; font-weight: normal; text-shadow: 2px 2px 4px #000000; } 
.scroll-down-arrow { font-size: 22px; font-weight: normal; margin-top: -10px; text-shadow: 2px 2px 4px #000000; }  

/* ----- END HOME PAGE INTRO BOX ----- */

.home-title { font-size: 30px; color:#890c08; text-transform: uppercase; text-align: center; margin-top: 15px; font-weight: bold; }

/* ADDED 3-10-21 */
.title-whitebox { border-radius: 5px; text-shadow: 2px 2px 4px #ffffff; background: rgba(255,255,255,.65); max-width: 450px; text-align: center; margin-left: auto; margin-right: auto; padding: 2px 10px 2px 10px; margin-top: -25px; }
/* END ADDED 3-9-21 */

/* ----- HOME PAGE NEWS ----- */

#in-news { background-color: #DBDBDB; }

/* UPDATED 3-9-21 */
.in-news-con { margin-bottom: 5px; margin-top:0px; background-color: #DBDBDB; padding-bottom: 5px; padding-top: 30px; }
/* END UPDATED 3-9-21 */

/*REMOVE THIS IF NOT USING PARALLAX*/
.in-news { margin-top:-65px; padding-top:35px; padding-bottom:30px; }
/*.in-news-con { padding-top:30px; }	*/
/* END REMOVE THIS IF NOT USING PARALLAX*/



.in-news-slider { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }

.in-news-col { margin: 0 0 0 0; }

.in-news-link { line-height: 1.3rem; }
.in-news-link a { color:#890c08; font-size: 15px; }

.in-news-sub { font-size: 13px; text-transform: uppercase; margin: 22px 0 10px 0; border-top: solid 2px #777777; padding: 7px 0 0 5px; }

.in-news-div { margin: 0 0 0 0; border-top: solid 2px #777777; padding: 10px 10px 20px 10px; background-color: #f4f4f4; }
.in-news-div-1 { margin: 24px 0 0 0; }

.home-title-in-news { font-size: 28px; margin-top: 30px;  }

.news-source { font-size: 13px; margin: 5px 0 5px 0; }
				
.in-news-btn-wrap { margin: 0 0 10px 0; border-top: solid 2px #777777; padding: 10px 0 0 0; text-align: center; }
.in-news-btn-wrap .btn-primary { margin:15px 0px 5px 0px; box-shadow: 0.1rem 0.1rem 0.8em 0.2rem rgba(0,0,0,.25); font-size: .85rem; padding: .34rem 1.05rem .18rem 1.05rem;; }

.local-news-btn-wrap { text-align: center; }
.local-news-btn-wrap .btn-primary { margin:15px 0px 5px 0px; box-shadow: 0.1rem 0.1rem 0.8em 0.2rem rgba(0,0,0,.25); font-size: .85rem; padding: .34rem 1.05rem .18rem 1.05rem; }


/* ----- END HOME PAGE NEWS ----- */


/* ----- HOME PAGE RESEARCH DIVISIONS ----- */
#research { color: #ffffff; }

.research-title-wrap { background-color:#B3B3B3; padding: 10px 0 40px 0; }
.research-title-h-wrap { margin-top:0px; background-color:#B3B3B3; text-align: center; }

/* UPDATED 3-9-21 */ /* #770905*/
.research-bg { background-color:#770905; }
.research-con { margin-top:0px; background-color: #770905; }
/* END UPDATED 3-9-21 */


	
.research-row { padding-bottom: 50px; }	
.research-row-last { padding-bottom: 10px; }
.research-row img { outline: 1px solid white; outline-offset: -12px; }
.research-row-first { padding-top: 15px; }	
.research-row-first img { margin-top: -25px; }	
	
.research-subtitle { font-size: 30px; text-transform: uppercase; margin: 0 0 0 0; padding: 0 10px 0 10px; line-height: 1.15; }	
.research-h-link { text-align: right; margin: -6px 0 0 0; padding: 0 10px 0 10px; }	
.research-h-link a { font-size: 22px; color: #ffffff; text-transform: uppercase; }
.research-h-link span { font-size: 26px; color: #efba31; }

hr.sm-yellow  { border: 3px solid #efba31; border-radius: 5px; width: 120px; text-align: left; margin: 14px 0 9px 0; }	
	
.research-text { padding: 10px 18px 0 18px; line-height: 1.45; }
.research-text-last { padding: 5px 18px 0 18px; }	
.research-text p  { padding: 10px 10px 0 10px; }

.sdw-research { background-color: #B3B3B3; margin-top: 0px; padding: 40px 0 25px 0; }
	
/* ----- END HOME PAGE RESEARCH DIVISIONS ----- */


/* ----- HOME PAGE AT A GLANCE ----- */

/* UPDATED 3-9-21 */
#at-a-glance { margin-bottom: 5px; position: relative; background-color:#B3B3B3; margin-top: 0px; padding-bottom: 25px; }
/* END UPDATED 3-9-21 */

/*REMOVE THIS IF NOT USING PARALLAX*/	
/* REMOVED 3-9-21 */
/*#at-a-glance { position: absolute; top:0%; }*/
/* END REMOVED 3-9-21 */
/* END REMOVE THIS IF NOT USING PARALLAX*/

#at-a-glance .col-md-4 { margin-bottom:35px; }
#at-a-glance img { padding-left: 20px; padding-right:20px; }

#at-a-glance a { color:#890c08; }

.at-a-glance-con { padding-top:5px; background-color: #B3B3B3; text-align: center; }

#at-a-glance h3	{ text-transform: uppercase; color: #890c08; font-size: 1.25rem; font-weight: bold; margin-top: .5rem; }	

.glance-text { font-size: 18px; padding: 5px 0% 25px 0%; font-weight: normal; }

/* ----- END HOME PAGE AT A GLANCE ----- */

 
/*  ----- JOIN TEAM  ----- */		
	
/* UPDATED 3-9-21 */
#join-team { margin-bottom: 5px; position: relative; padding-top: 35px; padding-bottom: 25px; background-color:#DBDBDB; text-align: center; }
/* END UPDATED 3-9-21 */


#join-team .row { margin-top: 30px; }	
#join-team h2 { font-size: 2.0rem; text-shadow: 2px 2px 3px #000; font-weight: bold; text-transform: uppercase; }	
#join-team a { color: #ffffff; font-weight: bold; }	
#join-team .col-md-6 { margin-bottom:35px; }	

.join-team-con { margin-top:-15px; background-color: #DBDBDB; }	
.join-line { border-radius: 5px; display: block; margin: 15px auto 15px auto; width: 80px; height: 8px; background-color: #efba31; }
.join-text { font-size: 20px; text-shadow: 2px 2px 3px #000; line-height: 1.8rem; }	

#join-team .join-col-1 { margin-top:-15px; padding-left: 0px; padding-right:0px; position: relative; }	 
#join-team .join-col-2 { margin-top:-15px; padding-left: 0px; padding-right:0px; position: relative; }	

#join-team .hov-bg-image { display: block; width: 100%; height: auto; z-index:1; }

#join-team .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 1; transition: .5s ease; background-color: transparent; z-index:3; }
	
#join-team .overlay-back { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: .4; transition: .5s ease; background-color: #000000; z-index:2; }
	
#join-team .join-col-1:hover .overlay { opacity: .8; }
#join-team .join-col-2:hover .overlay { opacity: .8; }	

#join-team .join-col-1:hover .overlay-back { opacity: .15; }	
#join-team .join-col-2:hover .overlay-back { opacity: .15; }		

#join-team .re-text { color: white; font-size: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }

/*  ----- END JOIN TEAM  ----- */		


/*  ----- BOTTOM BANNERS ----- */		

#bottom-banners { margin-top:-20px; background-color:#B3B3B3; padding-top:10px; padding-bottom:25px; }
.bottom-banners-con { margin-top:20px; background-color: #B3B3B3; }

#diversity {
    border: solid 1px #7F252A;
	display:block;
	position: relative;
    border-radius: 10px;
	margin: 25px 0 0px 0px;
    text-align: center;
    padding: 2px 0px 0px 0px;
    background-color:#fff;
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 38%, #cccccc 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 38%,#cccccc 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#ffffff 38%,#cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );
}

#diversity .meo-logo-col { padding-right: 15px; padding-left: 15px; }
#diversity .meo-text-col { padding-left: 15px; margin-left: 0px; }
#diversity .meo-text { margin-top: 2px; margin-bottom: 2px; font-size: .95rem; line-height: 1.1rem; }
#diversity .meo-text-phone { margin-bottom: 3px; font-weight: bold; font-size: .9rem; line-height: 1.1rem; }

#sharp {
    border: solid 1px #7F252A;
	display:block;
	position: relative;
    border-radius: 10px;
	margin: 25px 0 30px 0px;
    text-align: center;
    padding: 7px 0px 0px 0px;
    background-color:#d2aa5f;
}

#sharp .sharp-logo-col { padding-top: 0px; padding-right: 15px; padding-left: 15px; }
#sharp .sharp-text-col { padding-left: 15px; margin-left: 0px; }
#sharp .sharp-text { margin-top: 10px; margin-bottom: 2px; font-size: 1.0rem; line-height: 1.1rem; }
#sharp .sharp-text-phone { margin-bottom: 3px; font-weight: bold; font-size: .9rem; line-height: 1.1rem; padding-left: 0px; padding-right: 0px; color: #890c08; }

/*  ----- END BOTTOM BANNERS ----- */	



/*  ----- RESEARCH PAGE  ----- */		
	
#research-splash { position: relative; padding-top: 15px; padding-bottom: 25px; text-align: center; }	 
#research-splash .row { margin-top: 30px; }	

#research-splash .promo-box { 
background: -moz-linear-gradient(top,  rgba(239,186,49,0.2) 0%, rgba(239,186,49,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(239,186,49,0.2) 0%,rgba(239,186,49,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(239,186,49,0.2) 0%,rgba(239,186,49,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33efba31', endColorstr='#b3efba31',GradientType=0 ); /* IE6-9 */
text-align: left; border-bottom: solid 0px #000000; border-top: solid 0px #000000; padding: 15px 0px 15px 0px; min-height: auto; }

#research-splash .promo-box-transparent { background: transparent; }

#research-splash h2 { font-weight: bold; font-size: 1.8rem; line-height: 1.1; text-shadow: 2px 2px 3px #000; text-transform: uppercase; margin-top: 0px; color: #ffffff; }	
#research-splash h3 { font-weight: bold; font-size: 1.5rem; text-shadow: 2px 2px 3px #000; margin-top: 5px; color: #ffffff; }	

#research-splash .join-line { border-radius: 5px; display: block; margin: 12px auto 12px auto; width: 80px; height: 6px; background-color: #efba31; }

#research-splash a { color: #ffffff; font-weight: bold; font-size: 1.2rem;  }	
#research-splash .col-md-6 { margin-bottom:0px; }	
#research-splash .col-md-5 { padding-left: 10px; padding-right: 10px; }	
#research-splash .wide-view-text { display: none; }	

#research-splash .highlights { text-align: center; font-style: italic; font-weight: bold; }

#research-splash .learn-more { text-align: center; margin-top: 15px; }
#research-splash .learn-more a, #research-splash .learn-more a:visited { color: steelblue; font-weight: bold; text-align: center; }

#research-splash .learn-more a:hover { color: cadetblue;}

								/* steelblue #0003AC #007bff #432483 #2B1D8A darkblue  margin-top:-15px*/
#research-splash .splash-col-1 { margin-top:0; padding-left: 0px; padding-right:0px; position: relative; }
#research-splash .splash-col-2 { margin-top:0; padding-left: 0px; padding-right:0px; position: relative; }
#research-splash .splash-col-3 { margin-top:0; padding-left: 0px; padding-right:0px; position: relative; }
#research-splash .splash-col-4 { margin-top:0; padding-left: 0px; padding-right:0px; position: relative; }	
#research-splash .hov-bg-image { display: block; width: 100%; height: auto; z-index:1; }

#research-splash .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 1; transition: .5s ease; background-color: transparent; z-index:3; }
	
#research-splash .overlay-back { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: .5; transition: .5s ease; background-color: #000000; z-index:2; }
	
#research-splash .splash-col-1:hover .overlay { opacity: .8; }
#research-splash .splash-col-2:hover .overlay { opacity: .8; }	
#research-splash .splash-col-3:hover .overlay { opacity: .8; }
#research-splash .splash-col-4:hover .overlay { opacity: .8; }	
	
#research-splash .splash-col-1:hover .overlay-back { opacity: .15; }	
#research-splash .splash-col-2:hover .overlay-back { opacity: .15; }	
#research-splash .splash-col-3:hover .overlay-back { opacity: .15; }	
#research-splash .splash-col-4:hover .overlay-back { opacity: .15; }	

#research-splash .re-text { color: white; font-size: 20px; position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }


/*  ----- END RESEARCH PAGE  ----- */		


/*  ----- USE FOR A SECTION LANDING PAGE  ----- */		
	
#section-splash { position: relative; padding-top: 35px; padding-bottom: 25px; text-align: center; }	 
#section-splash .row { margin-top: 0px; }	

#section-splash .promo-box { 
background: -moz-linear-gradient(top,  rgba(239,186,49,0.2) 0%, rgba(239,186,49,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(239,186,49,0.2) 0%,rgba(239,186,49,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(239,186,49,0.2) 0%,rgba(239,186,49,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33efba31', endColorstr='#b3efba31',GradientType=0 ); /* IE6-9 */
text-align: left; border-bottom: solid 0px #000000; border-top: solid 0px #000000; padding: 15px 0px 15px 0px; min-height: auto; }

#section-splash h2 { font-weight: bold; font-size: 1.8rem; line-height: 1.1; text-shadow: 2px 2px 3px #000; text-transform: uppercase; margin-top: 0px; color: #ffffff; }	
#section-splash h3 { font-weight: bold; font-size: 1.5rem; text-shadow: 2px 2px 3px #000; margin-top: 5px; color: #ffffff; }

#section-splash .join-line { border-radius: 5px; display: block; margin: 12px auto 12px auto; width: 80px; height: 6px; background-color: #efba31; }

#section-splash a { color: #ffffff; font-weight: bold; font-size: 1.2rem;  }	
#section-splash .col-md-6 { margin-bottom:30px; }	
#section-splash .col-md-5 { padding-left: 10px; padding-right: 10px; }	
#section-splash .wide-view-text { display: none;	}	

#section-splash .description { 
background: -moz-linear-gradient(top,  rgba(239,186,49,0.2) 0%, rgba(239,186,49,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(239,186,49,0.2) 0%,rgba(239,186,49,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(239,186,49,0.2) 0%,rgba(239,186,49,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33efba31', endColorstr='#b3efba31',GradientType=0 ); /* IE6-9 */
text-align: left; border-bottom: solid 5px #000000; padding: 15px 13px 15px 13px; min-height: auto; font-size: .9rem;}

#section-splash .highlights { text-align: center; font-style: italic; font-weight: bold; }

#section-splash .learn-more { text-align: center; margin-top: 15px; }
#section-splash .learn-more a, #section-splash .learn-more a:visited { color: steelblue; font-weight: bold; text-align: center; }
								/*margin-top:-15px*/
#section-splash .learn-more a:hover { color: cadetblue;}


#section-splash .splash-col-1 { margin-top:0; padding-left: 0px; padding-right:0px; position: relative; }
#section-splash .splash-col-2 { margin-top:0; padding-left: 0px; padding-right:0px; position: relative; }
#section-splash .splash-col-3 { margin-top:0; padding-left: 0px; padding-right:0px; position: relative; }
#section-splash .splash-col-4 { margin-top:0; padding-left: 0px; padding-right:0px; position: relative; }	
#section-splash .hov-bg-image { display: block; width: 100%; height: auto; z-index:1; }

#section-splash .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 1; transition: .5s ease; background-color: transparent; z-index:3; }
	
#section-splash .overlay-back { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: .5; transition: .5s ease; background-color: #000000; z-index:2; }
	
#section-splash .splash-col-1:hover .overlay { opacity: .8; }
#section-splash .splash-col-2:hover .overlay { opacity: .8; }	
#section-splash .splash-col-3:hover .overlay { opacity: .8; }
#section-splash .splash-col-4:hover .overlay { opacity: .8; }	
	
#section-splash .splash-col-1:hover .overlay-back { opacity: .15; }	
#section-splash .splash-col-2:hover .overlay-back { opacity: .15; }	
#section-splash .splash-col-3:hover .overlay-back { opacity: .15; }	
#section-splash .splash-col-4:hover .overlay-back { opacity: .15; }	

#section-splash .re-text { color: white; font-size: 20px; position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }

/*  ----- END USE FOR A SECTION LANDING PAGE  ----- */		


/*  ----- SPHERE PAGES  ----- */

.divide-line { clear: both; margin-top: 20px; margin-bottom: 20px; border-bottom: solid 1px #e5e5e5; }
h2.readiness-data { text-align: center; margin-top:30px; margin-bottom:-5px }

.flex-container-sphere {
  display: flex;
  align-items: stretch;
  background-color: transparent;
  text-align: center;
  justify-content:center;
}

	
.flex-container-sphere .col-sm-4 {	margin-top:25px; }

.flex-container-sphere img { margin-bottom: 6px; }


.flex-container-sphere>div {
  background-color: transparent;
  color: #000;
 /* width: auto;*/
  text-align: center;
  line-height: 26px;
  font-size: 24px;
}
	
.flex-container-sphere>div { opacity: 0.6; }
.flex-container-sphere>div:hover { opacity: 1.0; }		
.flex-container-sphere a { text-decoration: none; color: #000; }

.flex-container-content {
  display: flex;
  align-items: stretch;
  background-color: transparent;
  text-align: center;
  justify-content:center;
}

.flex-container-content img { margin-bottom: 10px; }

.flex-container-content .col-sm-4 {	margin-top:30px; }
.flex-container-content .col-sm-6 {	margin-top:30px; }
	
.flex-container-content>div {
  background-color: transparent;
  color: #000;
  text-align: center;
  line-height: 25px;
  font-size: 22px;
}

.sphere-subpage { max-width: 550px; margin-left: auto; margin-right: auto; }	
.sphere-contact { clear: both; margin-top: 25px; margin-bottom: 20px; text-align: center; }

/*  ----- END SPHERE PAGES  ----- */


/*  ----- NEWS  PAGES  ----- */

.byline { font-style: italic; font-size: .95rem; margin-bottom: 20px; }

/*  ----- END NEWS PAGES  ----- */


.center-image-wrap { margin: 30px auto 0 auto; text-align: center; width: 100%; max-width: 600px; }
.center-image-caption { font-size: 11px; margin: 5px auto 0 auto; color: #777777; }




@media (min-width: 510px) {
		
/* ----- TOP NAV BAR ----- */	

.navbar-toggler { padding: .15rem .7rem .05rem .7rem; font-size: 1.15rem; }
	
/* ----- END TOP NAV BAR ----- */		
	
	
/* ----- BUTTONS ----- */
	
.btn-primary {
	border-radius: 1.15rem;
	padding: .375rem 1.05rem .19rem 1.05rem;
	box-shadow: 0.2rem 0.3rem 0.9rem 0.3rem rgba(0,0,0,.5);
	font-size: 1.00rem
}
	
/* ----- END BUTTONS ----- */	
	
	
/* ----- HOME PAGE INTRO BOX ----- */	
	
.intro-box-con { padding-right:.7rem; padding-left: .7rem; }	
.intro-box-con h1 { font-size: 25px; margin: 50px auto 30px auto; }
.intro-box-con h2 { font-size: 17px; margin: 20px auto 18px auto; }	
	
/* UPDATED 3-9-21 */	
.scroll-down-wrap { margin-top: 20px; }	
/* END UPDATED 3-9-21 */	
	
/* ----- END HOME PAGE INTRO BOX ----- */	
	
		
/*  ----- END HEADER ----- */	
	
.title-block-wrap { margin-top: 28px; } 	
.site-title-logo { float:left; margin: -12px 10px 10px 0; max-width: 57px; }	
.usarmy-title	{ font-size:13px; display:block; margin: -10px 0 0; }
.usariem-title { font-size:16px; margin: 0px 0 0 0; line-height: 1.3; }
	
/*  ----- END HEADER ----- */	
	
	
/* ----- HOME PAGE RESEARCH DIVISIONS ----- */
	
.sdw-research { margin-top: 0px; padding: 40px 0 25px 0; }

	
/* ----- END HOME PAGE RESEARCH DIVISIONS ----- */


/*  ----- HOME PAGE AT A GLANCE  ----- */
	
#at-a-glance { margin-top: 0px; padding-bottom: 25px; }	

.at-a-glance-con { padding-top:5px; }	
	
.glance-text { font-size: 19px; padding: 5px 0% 25px 0%; }	
	
/*  ----- END HOME PAGE AT A GLANCE  ----- */	
	
	
/*  ----- JOIN TEAM  ----- */		
	
#join-team h2 { font-size: 2.2rem; }	
.join-text { font-size: 22px; line-height: 1.8rem; }	
	
/*  ----- END JOIN TEAM  ----- */	
	
	
/*  ----- FOOTER ----- */	
	
.service-logos img { max-height: 60px }
.service-logos li { margin: 10px 5px 0 5px; }
	
/*  ----- END FOOTER ----- */		
	


/* ----- MAIN CONTENT STYLES ----- */	
	
.main-content-area h1 { font-size: 2.30rem; } 
.main-content-area h2 { font-size: 1.80rem; } 
.main-content-area h3 { font-size: 1.25rem; } 
.main-content-area h4 { font-size: 1.1rem; } 	
	
/* ----- END MAIN CONTENT STYLES ----- */	
	
	
/*  ----- RESEARCH PAGE  ----- */	
	
#research-splash .col-md-5 { padding-left: 15px; padding-right: 15px; }		
#research-splash h2 { font-size: 2.0rem; line-height: 1.2; }	
#research-splash .join-line { border-radius: 5px; margin: 15px auto 15px auto; height: 8px; }
	
/*  ----- END RESEARCH PAGE  ----- */		
	
	

/*  ----- USE FOR A SECTION LANDING PAGE  ----- */		
	
#section-splash h2 { font-size: 2.0rem; line-height: 1.2; 	}
	
#section-splash .join-line { border-radius: 5px; margin: 15px auto 15px auto; height: 8px; }	
	
#section-splash .description { font-size: 1.0rem; }			
	

/*  ----- END USE FOR A SECTION LANDING PAGE  ----- */	
	
	

	
}


@media (min-width:576px) {
	
/* MODIFIED FROM bootstrap.min.css */		
	
 .jumbotron {padding:2rem 1rem 1.4rem 1rem}
	
/* END MODIFIED FROM bootstrap.min.css */

/*  ----- HEADER ----- */		

.site-title-logo { margin:-3px 10px 10px 0; max-width: 63px; }	
.usarmy-title	{ margin: -20px 0 0 0; font-size:12px; }
.usariem-title { font-size:15px; margin: 1px 0 0 0; line-height: 1.25; }	
	
.search-wrap { display: block; padding: 5px 0 0 0; }	
#search-wrap-mobile { display: none; }
	
/*  ----- END HEADER ----- */		
	

.home-title { font-size: 36px;}	
	
	
/* ----- END HOME PAGE NEWS ----- */	
	
.home-title-in-news { font-size: 32px; margin-top: 30px;  }	
	
.in-news-link a { font-size: 17px; }
	
/* ----- END HOME PAGE NEWS ----- */	
	
	
/*  ----- BOTTOM BANNERS ----- */	


#diversity .meo-logo-col { padding-right: 0px; padding-left: 0px; }
#diversity .meo-text-col { padding-left: 0px; margin-left: -10px; }
#diversity .meo-text { font-size: .90rem; }
#diversity .meo-text-phone { font-size: .85rem; }	

#sharp .sharp-logo-col { padding-top: 10px; padding-right: 0px; padding-left: 0px; }
#sharp .sharp-text-col { padding-left: 0px; margin-left: -13px; }
#sharp .sharp-text { margin-top: -3px; font-size: .90rem; }
#sharp .sharp-text-phone { font-size: .85rem; padding-left: 30px; padding-right: 30px; }		
	
/*  ----- END BOTTOM BANNERS ----- */	
	
	
/*  ----- FOOTER ----- */		

.helpful-col-1 { border-right: solid 1px #ffffff; text-align: left; padding-left: 40px; }		
.helpful-col-2 { border-right: none; padding-top: 10px; text-align: left; padding-left: 40px;  }	
.helpful-col-3 { border-right: solid 1px #ffffff; text-align: left; padding-left: 40px; }	
.helpful-col-4 { text-align: left; padding-left: 40px;  }		
	
.disclaimer-text { font-size: .75rem;  }
	
/*  ----- END FOOTER ----- */	
	
}		
	



@media (min-width: 650px) {
		
	
/*  ----- HEADER ----- */		

#small-top-links-wrap { display: block; }	
	
.search-wrap { display: block; padding: 5px 0 0 0; }
#search-wrap-full { margin-top: 0px; padding-left: 0px; }	
#search-wrap-full .btn-wrap { margin-top: -1px; margin-bottom: -1px; text-align:left; width:auto; padding-right: 0px; }	                                  
	
	/* MODIFIED FROM bootstrap.min.css	*/	
.form-control{ font-size:.8rem; padding:.375rem .50rem; }
	/* END MODIFIED FROM bootstrap.min.css	*/		
	
.btn-search { padding: .2rem .4rem; }		
	
.site-title-logo { float:left; margin:-1px 10px 10px 0; max-width: 65px; }	
.usarmy-title	{ margin: -22px 0 0 0; font-size:12px; }
.usariem-title { font-size:17px; margin: 0 0 0 0; line-height: 1.25; }


	
/*  ----- END HEADER ----- */			
	
	
/*  ----- HOME PAGE INTRO BOX ----- */	
	
/* REMOVED 3-9-21 */	
/* REMOVE THIS IF NOT USING PARALLAX*/	
/*#home-intro-box { margin-top: 90px; }*/
/* END REMOVE THIS IF NOT USING PARALLAX*/
/* END REMOVED 3-9-21 */
	
.intro-box-con { padding-right:1.0rem; padding-left: 1.0rem; }	
.intro-box-con h1 { font-size: 28px; margin: 50px auto 40px auto; }
.intro-box-con h2 { font-size: 19px; margin: 25px auto 22px auto; }	
	
/* UPDATED 3-9-21 */	
.scroll-down-wrap { margin-top: 23px;  }	
/* END UPDATED 3-9-21 */
	
.scroll-down-text { font-size: 14px; }
.scroll-down-arrow { font-size: 24px; }	
	
/* ----- END HOME PAGE INTRO BOX ----- */	
	

/* ----- HOME PAGE NEWS ----- */	
	
/*REMOVE THIS IF NOT USING PARALLAX*/
.in-news { margin-top:-65px; padding-top:0px; padding-bottom:20px; }	
	
	
/* END REMOVE THIS IF NOT USING PARALLAX*/	
	
/* ----- END HOME PAGE NEWS ----- */	
	
	
/* ----- HOME PAGE RESEARCH DIVISIONS ----- */
	
.sdw-research { margin-top: 0px; padding: 40px 0 25px 0; }

	
/* ----- END HOME PAGE RESEARCH DIVISIONS ----- */


/*  ----- HOME PAGE AT A GLANCE  ----- */
#at-a-glance { margin-top: 0px; padding-bottom: 25px; }	
	
/* REMOVE THIS IF NOT USING PARALLAX*/	
	/* REMOVED 3-9-21 */
/*#at-a-glance { position: absolute; top:20%; }	*/
	/* END REMOVED 3-9-21 */
/* END REMOVE THIS IF NOT USING PARALLAX*/
	
	
.at-a-glance-con { padding-top:5px; }	
	
.glance-text { font-size: 20px; padding: 5px 1% 25px 1%;  }	
	
/*  ----- END HOME PAGE AT A GLANCE  ----- */	
	
	
/*  ----- FOOTER ----- */		
	
.service-logos img { max-height: 70px }
.service-logos li { margin: 15px 8px 0 8px; }

.jumbotron {padding:2rem 1.0rem .8rem 1.0rem}	

.title-block-wrap { margin-top: 2px; } 		
	
/*  ----- END FOOTER ----- */	
	

}	


@media (min-width: 768px) {
	

/*  ----- SECTION SIDE NAV BOX  ----- */		
	
#section-box-links { float:right; margin: 0px 0px 0px 25px; }	 	
	
/* -----  END SECTION SIDE NAV BOX  ----- */		
	
	
/* ----- BREADCRUMB PRINTER ----- */
	
.email-printer { display: block; }	
	
/* ----- END BREADCRUMB PRINTER ----- */	
	
	
/*  ----- HEADER ----- */		
	
.top-header-margin	{ padding-left:0px; padding-right:0px; }	
	
.usarmy-title { font-size:13px; margin: -18px 0 0 0; }	
.usariem-title { font-size:18px; margin: 2px 0 0 0; }	
.site-title-logo { float:left; margin: -4px 13px 0 0; max-width: 75px; }	
	
 /* MODIFIED FROM bootstrap.min.css	*/	
.form-control{ font-size:1rem; padding:.375rem .75rem; }
 /* END MODIFIED FROM bootstrap.min.css	*/		
	
.btn-search { padding: .25rem .5rem; }	
	
	
/*  ----- END HEADER ----- */			
	

	
/*updated from navbar.scss*/
	
.navbar { padding: .2rem .0rem .2rem .0rem; display: block; }

.navbar-expand-md .navbar-nav .nav-link {
    padding-right: .72rem;
    padding-left: .25rem; 
	}
	
/*END updated from navbar.scss*/		
	
	/*updated from nav.scss*/

.nav-link { font-size:.95rem; }

	/*END updated from nav.scss*/

.third-wrap	{ padding: 0rem 0rem 0rem 1.15rem; }		
.submenu-third-a { font-size:1.0rem; }
	
	
/* ----- MAIN CONTENT STYLES ----- */

	.photo-box-wrap { max-width: 300px; float: right; margin: 5px 0 0 15px;  }	
	.photo-box-text { padding: 5px 5px 10px 5px; }
	.photo-box-img { display: block; }
	
	
.main-content-area h1 { font-size: 2.45rem; } 
.main-content-area h2 { font-size: 1.9rem; } 
.main-content-area h3 { font-size: 1.3rem; } 
.main-content-area h4 { font-size: 1.1rem; } 	
	

	
/* ----- END MAIN CONTENT STYLES ----- */	
	
	
	
/* ----- HOME PAGE INTRO BOX ----- */	
	
.intro-box-con { padding-right:1.8rem; padding-left: 1.8rem; }	
.intro-box-con h1 { font-size: 30px; margin: 60px auto 45px auto; }
.intro-box-con h2 { font-size: 21px; margin: 27px auto 22px auto; max-width: 600px;}
	
/* UPDATED 3-9-21 */	
.scroll-down-wrap { margin-top: 25px; }	
/* END UPDATED 3-9-21 */
	
.scroll-down-text { font-size: 14px; }
.scroll-down-arrow { font-size: 24px; }	
	
/* ----- END HOME PAGE INTRO BOX ----- */		

		
/* ----- END HOME PAGE NEWS ----- */	
	
.in-news-slider { margin:25px 0px 0px 0px;  }	
	
.home-title-in-news { font-size: 28px; margin-top: 12px;  }
	
.local-news-btn-wrap .btn-primary { margin:35px 15px 5px 15px; }	
	
.news-source { font-size: 12px; margin: 5px 0 3px 0; }
.in-news-link a { font-size: 13px; }
	
/* ----- END HOME PAGE NEWS ----- */		
	
	
/* ----- HOME PAGE RESEARCH DIVISIONS ----- */	
	
.research-title-wrap { padding: 10px 0 20px 0; }	
	
.research-row-first img { margin-top: 0px; }		
	
.research-text { padding: 0px 18px 0 18px; line-height: 1.35; }
.research-text-last { padding: 0px 18px 0 18px; margin-top: -2px; }
.research-subtitle { font-size: 32px; padding: 0 10px 0 10px; line-height: 1.12; }		
hr.sm-yellow  { margin: 10px 0 5px 0; }		
.research-h-link { margin: -8px 0 0 0; }	
	
.sdw-research { background-color: #DBDBDB; margin-top: 0px; padding: 40px 0 25px 0; }		
	
	
/* ----- END HOME PAGE RESEARCH DIVISIONS ----- */


/* HOME PAGE AT A GLANCE */		
	
#at-a-glance { margin-top: -10px; padding-bottom: 25px; }	
#at-a-glance .col-md-4 { margin-bottom:0px; }
	
.at-a-glance-con { padding-top:15px; }		

#at-a-glance h3	{ font-size: 1.20rem; margin-top: .5rem; }		
	
/* ----- END HOME PAGE AT A GLANCE ----- */			
	
	
/*  ----- BOTTOM BANNERS ----- */	
#diversity { margin: 25px 0 30px 0px; }		
#diversity .meo-logo-col { padding-right: 15px; padding-left: 15px; }
#diversity .meo-text-col { padding-left: 15px; margin-left: 0px; }
#diversity .meo-text { font-size: 1.0rem; }
#diversity .meo-text-phone { font-size: .85rem; }	
	
#sharp .sharp-logo-col { padding-top: 5px; padding-right: 15px; padding-left: 15px; }
#sharp .sharp-text-col { padding-left: 15px; margin-left: 0px; }
#sharp .sharp-text { margin-top: 15px; font-size: 1.0rem; padding-left: 45px; padding-right: 45px; }
#sharp .sharp-text-phone { margin-top: 13px; font-size: .85rem; padding-left: 95px; padding-right: 95px;  }
	
/*  ----- END BOTTOM BANNERS ----- */			


/*  ----- RESEARCH PAGE  ----- */		
	
#research-splash .col-md-5 { padding-left: 10px; padding-right: 10px; }	
#research-splash h2 { font-size: 1.65rem; line-height: 1.05; }	
#research-splash h3 { font-size: 1.30rem; }		
#research-splash .wide-view-text { display: block; margin-top:0%; font-size: .90rem; }	
#research-splash .join-line { margin: 12px auto 12px auto; height: 6px; }	
	
/*  ----- END RESEARCH PAGE  ----- */		
	
	
/*  ----- USE FOR A SECTION LANDING PAGE  ----- */		

#section-splash .row { margin-top: 30px; }		
#section-splash .col-md-6 { margin-bottom:0px; }	
	
#section-splash h2  { font-size: 1.65rem; line-height: 1.05; }
#section-splash h3 { font-size: 1.30rem; }		
#section-splash .join-line { margin: 12px auto 12px auto; height: 6px; }	
	
#section-splash .description { min-height: 440px; font-size: .90rem; }		
	

/*  ----- END USE FOR A SECTION LANDING PAGE  ----- */		
	
	
	
}		

	
@media (min-width: 992px) {

/*  ----- HEADER ----- */		
	
.title-block-wrap { display: block; margin-top: 0px; } 	
.site-title-logo { float:left; margin: -24px 13px 0 0; max-width: 100px; }	
	
.top-header-margin	{ padding-left:10px; padding-right:10px; }
	
.small-army-links { padding: 0 45px 0 0; }		

.search-wrap { padding: 25px 0 0 0; }	
		
.usarmy-title { font-size:19px; margin: 2px 0 0 0; font-weight: normal; }	
.usariem-title { font-size:24px; margin: -5px 0 0 0; padding: 0 0 0 0; font-weight: normal; }
		
/*  ----- END HEADER ----- */	
	
	
/*updated from navbar.scss*/
	
.navbar { padding: .2rem .9rem; }

.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1.24rem;
    padding-left: .6rem; }
	
.third-wrap	{ padding: 0rem 0rem 0rem .8rem; }	
	
	
/* END updated from navbar.scss*/
	
	
/*  ----- HOME PAGE INTRO BOX ----- */	
	
.intro-box-con { padding-right:1.9rem; padding-left: 1.9rem; }	
.intro-box-con h1 { font-size: 33px; margin:70px auto 50px auto; }
.intro-box-con h2 { font-size: 24px; margin: 30px auto 30px auto; max-width: 610px; }

/* UPDATED 3-9-21 */	
.scroll-down-wrap { margin-top: 30px; }	
/* END UPDATED 3-9-21 */	
	
.scroll-down-text { font-size: 15px; }
.scroll-down-arrow { font-size: 26px; }	
	
/* ----- END HOME PAGE INTRO BOX ----- */			

	
/* ----- END HOME PAGE NEWS ----- */	

.in-news-slider { margin:0px 0px 0px 0px;  }	
	
.home-title-in-news { font-size: 32px; margin-top: 12px;  }
	
.news-source { font-size: 13px; margin: 5px 0 5px 0; }
.in-news-link a { font-size: 15px; }
		
.in-news-btn-wrap .btn-primary  { margin:20px 15px 5px 15px; font-size: .95rem; padding: .34rem 1.05rem .23rem 1.05rem; }
.local-news-btn-wrap .btn-primary { margin:20px 15px 5px 15px; font-size: .95rem; padding: .34rem 1.05rem .23rem 1.05rem; }		
	
/* ----- END HOME PAGE NEWS ----- */		
	
	
/*END updated from navbar.scss*/	
	

/*updated from nav.scss*/

.nav-link { font-size:1.1rem; }
	
.submenu-third-a { font-size:1.0rem; }

/*END updated from nav.scss*/
	
	
.jumbotron {padding:2rem 2rem 2rem 2rem}	

	
/* HOME PAGE RESEARCH DIVISIONS */	
	
.research-title-wrap { padding: 10px 0 40px 0; }	
	
.research-h-link { margin: -5px 0 0 0; }	
.research-h-link a { font-size: 24px; }	
	
.research-row-first { padding-top: 0px; }	
.research-row-first img { margin-top: -25px; }		
	
.research-text { padding: 10px 18px 0 18px; line-height: 1.35; }
.research-text-last { padding: 5px 18px 0 18px; margin-top: -12px; }
.research-subtitle { font-size: 38px; padding: 0 10px 0 10px; line-height: 1.12; }		
hr.sm-yellow  { margin: 10px 0 5px 0; border: 5px solid #efba31; width: 130px; }

.research-h-link { margin: -8px 0 0 0; }	
	
.sdw-research { margin-top: -30px; padding: 40px 0 25px 0; }		
	
	
/* ----- END HOME PAGE RESEARCH DIVISIONS ----- */


/* HOME PAGE AT A GLANCE */		
	
#at-a-glance { margin-top: -10px; padding-bottom: 25px; }	
	
.at-a-glance-con { padding-top:15px; }	
	
#at-a-glance h3	{ font-size: 1.3rem; margin-top: .5rem; padding: 0 25px 0 25px; }
	
.glance-text { font-size: 20px; padding: 5px 10% 25px 10%; }		
	
	
/* ----- END HOME PAGE AT A GLANCE ----- */		
	
	
/*  ----- BOTTOM BANNERS ----- */	
	
#diversity .meo-logo-col { padding-right: 0px; padding-left: 15px; }
#diversity .meo-text-col { padding-left: 5px; margin-left: -5px; }
#diversity .meo-text { font-size: .85rem; }
#diversity .meo-text-phone { font-size: .8rem; }	 
	
#sharp .sharp-logo-col { padding-top: 10px; padding-right: 0px; padding-left: 20px; }
#sharp .sharp-text-col { padding-left: 12px; margin-left: 0px; }
#sharp .sharp-text { margin-top: -4px; font-size: .90rem; padding-left: 0px; padding-right: 0px; }
#sharp .sharp-text-phone { margin-top: 3px; font-size: .85rem; padding-left: 35px; padding-right: 35px;  }	
	
	
/*  ----- END BOTTOM BANNERS ----- */			
		

/*  ----- FOOTER ----- */	
	
/* ADDED 3-9-21 */	
.footer-title { font-size: 35px }	
/* END ADDED 3-9-21 */	

.helpful-col-1 { border-right: solid 1px #ffffff; padding-left: 10px; }		
.helpful-col-2 { border-right: solid 1px #ffffff; padding-left: 10px;  }	
.helpful-col-3 { border-right: solid 1px #ffffff; padding-top: 10px; padding-left: 10px; }	
.helpful-col-4 { padding-top: 10px; padding-left: 10px;  }		
	
/*  ----- END FOOTER ----- */	
	
	
	
/* ----- MAIN CONTENT STYLES ----- */
		
.main-content-area h1  { font-size: 2.6rem; }	
.main-content-area h2 { font-size: 2.0rem; }	
.main-content-area h3 { font-size: 1.3rem; }		
.main-content-area h4 { font-size: 1.1rem; }		
	
/* ----- END MAIN CONTENT STYLES ----- */	
	
	
	
/*  ----- RESEARCH PAGE  ----- */	

	
#research-splash .col-md-5 { padding-left: 15px; padding-right: 15px; }		
	
#research-splash h2 { font-size: 2.0rem; line-height: 1.2; }	
#research-splash h3 { font-size: 1.45rem; }	
#research-splash .join-line { margin: 15px auto 15px auto; height: 8px; }	
#research-splash .wide-view-text { margin-top:0%; font-size: .95rem;}	
	
/*  ----- END RESEARCH PAGE  ----- */			
	
	
/*  ----- USE FOR A SECTION LANDING PAGE  ----- */		
	
#section-splash h2  { font-size: 2.0rem; line-height: 1.2; }
#section-splash h3 { font-size: 1.45rem; }	
#section-splash .join-line { margin: 15px auto 15px auto; height: 8px; }
	
#section-splash .description { min-height: 390px; font-size: .95rem; }			

/*  ----- END USE FOR A SECTION LANDING PAGE  ----- */		
		
	
	
 }	



@media (min-width: 1200px) {

/*  ----- HEADER ----- */		
	
.title-block-wrap { display: block; margin-top: 0px; } 			
	
.usarmy-title { font-size:20px; margin: 2px 0 0 0; }		
.usariem-title { font-size:26px; }	
	
/*  ----- END HEADER ----- */		
	
.navbar { padding: .2rem 6rem .2rem 6rem; }
	
.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1.60rem;
    padding-left: .6rem; }	
	
/* ----- END MAIN CONTENT STYLES ----- */

	
.main-content-area h1  { font-size: 2.7rem; }	
.main-content-area h2 { font-size: 2.1rem; }	
.main-content-area h3 { font-size: 1.4rem; }		
.main-content-area h4 { font-size: 1.2rem; }		
	
/* ----- END MAIN CONTENT STYLES ----- */	
	
	
/* ----- HOME PAGE INTRO BOX ----- */
	
/* REMOVED 3-9-21 */	
/*#home-intro-box { background-size: cover; }*/
/* END REMOVED 3-9-21 */
	
.intro-box-con { padding-right:1.8rem; padding-left: 1.8rem; }
.intro-box-con h1 { font-size: 35px; margin: 70px auto 50px auto; padding: 2px 12px 7px 12px; max-width: 900px; }
.intro-box-con h2 { font-size: 30px; margin: 30px auto 40px auto; border-radius: 5px; padding: 1px 12px 6px 12px; max-width: 730px; }

/* UPDATED 3-9-21 */	
.scroll-down-wrap { margin-top: 40px;}
/* END UPDATED 3-9-21 */	
	
.scroll-down-text { font-size: 16px; } 
.scroll-down-arrow { font-size: 28px; margin-top: -10px; }  

/* ----- END HOME PAGE INTRO BOX ----- */	
	

/* ----- HOME PAGE NEWS ----- */	
	
.home-title-in-news { font-size: 35px; margin-top: 15px;  }

.in-news-link { line-height: 1.4rem; }	
.in-news-link a { font-size: 16px; }

	
/* ----- END HOME PAGE NEWS ----- 
	
	
/* ----- HOME PAGE RESEARCH DIVISIONS ----- */	
.research-text { padding: 10px 18px 0 18px; line-height: 1.45; }	
.research-text-last { padding: 5px 18px 0 18px; margin-top: 0px; }
.research-subtitle { font-size: 40px; padding: 0 10px 0 10px; line-height: 1.15; }		
hr.sm-yellow  { margin: 15px 0 12px 0; }		
.research-h-link { margin: -5px 0 0 0; }
	
.sdw-research { margin-top: -30px; padding: 40px 0 25px 0; }	
	
/* ----- END HOME PAGE RESEARCH DIVISIONS ----- */


	
/* ----- HOME PAGE AT A GLANCE ----- */	
	
#at-a-glance { margin-top: -10px; padding-bottom: 20px; }	
	
.at-a-glance-con { padding-top:15px; }
	
#at-a-glance h3	{ font-size: 1.35rem; margin-top: .5rem; padding: 0 25px 0 25px; }	
	
.glance-text { font-size: 21px; padding: 5px 15% 25px 15%; }		
		
/* ----- END HOME PAGE AT A GLANCE ----- */		
	

/*  ----- JOIN TEAM  ----- */		
	
#join-team h2 { font-size: 2.4rem; }	
.join-text { font-size: 23px; line-height: 1.8rem; }	
	
/*  ----- END JOIN TEAM  ----- */	
	
	
/*  ----- BOTTOM BANNERS ----- */	
	
#diversity .meo-logo-col { padding-right: 15px; padding-left: 0px; }
#diversity .meo-text-col { padding-left: 0px; margin-left: -20px; }
#diversity .meo-text { font-size: .9rem; }
#diversity .meo-text-phone { font-size: .8rem; }	
	
#sharp .sharp-logo-col { padding-top: 10px; padding-right: 0px; padding-left: 20px; }
#sharp .sharp-text-col { padding-right: 25px; padding-left: 0px; margin-left: 0px; }
#sharp .sharp-text { margin-top: -4px; font-size: .90rem; padding-left: 0px; padding-right: 0px; }
#sharp .sharp-text-phone { margin-top: 3px; font-size: .85rem; padding-left: 35px; padding-right: 35px;  }	
	
/*  ----- END BOTTOM BANNERS ----- */			
			
	
	
/*  ----- FOOTER ----- 	 */
	
.footer-site-logo-left img { max-width: 100px; }		

.helpful-col-1 { padding-left: 15px; }		
.helpful-col-2 { padding-left: 15px; }	
.helpful-col-3 { padding-left: 15px; }	
.helpful-col-4 { padding-left: 15px; }		
	
/*  ----- END FOOTER ----- */	


	
/*  ----- RESEARCH PAGE  ----- */	
	
#research-splash h2 { font-size: 2.2rem; }	
#research-splash h3 { font-size: 1.5rem; }	
	
#research-splash .text { font-size: 23px; line-height: 1.8rem; }
	
#research-splash .promo-box { padding: 20px 5px 20px 5px; }	
	
#research-splash .wide-view-text { margin-top:3%; font-size: 1.0rem; }		

	
/*  ----- END RESEARCH PAGE  ----- */	
	
	
/*  ----- USE FOR A SECTION LANDING PAGE  ----- */		
	
#section-splash h2  { font-size: 2.2rem; }
#section-splash h3 { font-size: 1.5rem; }	
	
#section-splash .description { min-height: 340px; font-size: 1.0rem; }		
	
/*  ----- END USE FOR A SECTION LANDING PAGE  ----- */		
	
	
 }