/*
 * Version: 2.1.1
 * File Description: Place your custom CSS styles here
 * This file used to be called menu on original site
 */
 

/* Background pattern "bubbles" */ 
.pattern-10 {
  background-color: #efefef;
background: url('../images/dodea-MC-BG-2.jpg') 0 0;
}

/* Main container styles */ 
.top-container, .bot-container {

}

.main-container {
  padding: 10px 0;

}

/* Nav Link Colors */

/* This is the actual link color, including double arrow to the right of link 8 */
.nav.flex-column > li .nav-link, .nav.flex-column:not(.list-style-icons) > li .nav-link-parent:after {
 color: #2d2a70;  /* MOVED THIS COLOR FROM STYLE CSS*/
}


/*Parent link dropdown icon - Font Awesome 5 Pro */
.nav.flex-column:not(.list-style-icons) > li .nav-link-parent:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f103";
  font-size: 12px;
  position: absolute;
  right: 15px;
  top: 6px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* Child link ULs - no style */
.nav.flex-column > li > ul {
	list-style: none;
} 

/*This is the hover AND active color for the nav links */
.nav.flex-column > li .nav-link.active,
.nav.flex-column > li .nav-link.active:hover,
.nav.flex-column > li .nav-link.active:focus,
.nav.flex-column > li .nav-link:hover,
.nav.flex-column > li .nav-link:focus {
  color: #ff0014;
}

/* This is the nav link hover color */
.nav.flex-column.list-style-icons > li .nav-link.active > i,
.nav.flex-column.list-style-icons > li .nav-link:hover > i,
.nav.flex-column.list-style-icons > li .nav-link:focus > i {
  color: #ff0014;
}

/*This is the color of the icon to the far right of the school nave link - this should be the same as the nav link hover color */
.nav.flex-column:not(.list-style-icons) > li .nav-link.active:hover:after,
.nav.flex-column:not(.list-style-icons) > li .nav-link.active:focus:after,
.nav.flex-column:not(.list-style-icons) > li .nav-link:hover:after,
.nav.flex-column:not(.list-style-icons) > li .nav-link:focus:after {
  color: #ff0014;
}

div.noDisplay {
	display: none;
	visibility:hidden;	
}

.indexWithThumb .media img {
  width: 140px;
  padding-bottom: 5px;
}

/*Tree Nav active tab color*/


.nav-tabs.style-2 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.nav-tabs.style-2 > li {
border-left: 1px solid rgba(0, 0, 0, 0.125);
border-top: 1px solid rgba(0, 0, 0, 0.125);
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}


.nav-tabs.style-2 > li:first-child {
 }

.nav-tabs.style-2 > li:last-child {
 border-right: 1px solid rgba(0, 0, 0, 0.125);
 }



.nav-tabs.style-2 > li > a {
color: #999999; 
border: 0 !important;

}

.nav-tabs.style-2 > li > a.active,
.nav-tabs.style-2 > li > a.active:hover,
.nav-tabs.style-2 > li > a.active:focus {
  color: #ffffff;
  background-color: #3697d9 !important;
  border-color: #999999;
}

.nav-tabs.style-2 > li > a:hover {
  color: #ffffff;
  background-color: #3697d9 !important;
  border-color: #999999;
  border-bottom-color: #fafafa !important;
}


.nav-tabs.style-4 > li > a.active,
.nav-tabs.style-4 > li > a.active:hover,
.nav-tabs.style-4 > li > a.active:focus {
  color: #ffffff;
  background-color: #007bff;
	border-color: #999999;
}

.nav-tabs.style-4 {
border-bottom: 0;
}
.nav-tabs.style-4 > li > a:hover {
  color: #ffffff;
  background-color: #3697d9 !important;
  border-color: #999999;
border-bottom-color: #fafafa !important;
}

/*.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
	color: #ffffff;
	background-color: #3697d9 !important;
}*/

.dropdown-item {
	color: #999999;
	font-weight: lighter !important;
	font-size: 90% !important;
}

.dropdown-item a{
	color: #999999;
}
/*
.nav-tabs.style-2 {
  border-bottom: 1px solid #f1f1f1;
}

.nav-tabs.style-2 > li > a {
  color: #000000;
}



.nav-tabs.style-2 > li > a:focus {
  border-color: transparent;
  background-color: transparent;
}

.nav-tabs.style-2 > li > a.active,
.nav-tabs.style-2 > li > a.active:hover,
.nav-tabs.style-2 > li > a.active:focus {
  color: #ffffff;
  cursor: default;
  background-color: #007bff;
  border-color: #f1f1f1;
  border-bottom-color: transparent;
}

.nav-tabs.style-2 + .tab-content > .tab-pane {
  padding: 15px;
  border: 1px solid #f1f1f1;
  border-top: none;
  background-color: #fafafa;
}
*/
/*Add h4 to simple text element headers*/
div.TAI_Custom_Caption {
font-size: 24px;
color: #333333;
line-height: 1.2;
font-family: "Raleway", sans-serif;
margin-bottom: 0.5rem;
font-weight: 500;
}	

.overlay-top {
  padding:0;
}

img.CS_Icon16 {
	margin-left: 5px;
	display:inline;
}

@media all and (-ms-high-contrast:none):not(about-mascot)
     {
     .card-img-top { height: 100%;}  /* IE10 */
     *::-ms-backdrop, .card-img-top { height: 100%;}  /* IE11 */
     }
     
.global-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}     

a:visited:not(.btn) { 
  /*color: #999999;*/
  color: #8000FF;
}

div.overlay-top a:visited {
	color: #d3d3d3;
}