/*IE11 Image Bug Fix*/
#education img.img-fluid{
	flex-shrink: 0;
}
/*OCR Corrections*/
.tab-content a,
section a{
	text-decoration: underline;
} 

/*Table caption accessability overrides*/
table caption.top {
	caption-side: top!important;
}
table caption.bottom {
	caption-side: bottom!important;
}
/*General Text Color Override class*/
.text-black {
	color: #000000!important;
}


 


/*Carousel Corrections*/
.carousel-control-next,
.carousel-control-prev {
 
 opacity:1!important;
z-index: 1000;
}

.carousel-control-next:hover,
.carousel-control-next:focus,
.carousel-control-prev:hover,
.carousel-control-prev:focus  {
	transform: scale(1.5);
}

.carousel.sonj .carousel-control-next-icon, .carousel.sonj .carousel-control-prev-icon {
    background-color: rgb(0, 0, 0)!important;
	border: 2px solid white;

}

.carousel-indicators li:focus{
  /*outline: 2px dashed #00289c;;*/
  transform: scale(1.5);
}


.carousel-indicators li {
	opacity: 1!important;
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
}

.carousel.sonj .carousel-indicators li.active {

    margin-top: 3px;
    margin-bottom: 3px;

}

.carousel-indicators li.togglePauseCarousel{
border-radius: 5px !important;
height: 20px !important;
width: 20px !important;
border-top: 0px !important;
border-bottom: 0px !important;
text-indent: 3px!important;
}
.carousel-indicators li.togglePauseCarousel svg{
padding: 0 0 1px 0;
}



/*SM and down*/
/*@media  screen and (max-width: 575px) {*/
@media  screen and (max-width: 767px) {
	#education  .carousel.sonj .carousel-caption,
	#education .carousel.sonj .carousel-caption.default,
	#education  .carousel.sonj .carousel-caption.left,
	#education  .carousel.sonj .carousel-caption.right {
		background: rgba(0, 0, 0, 0.4);
		position: relative;
		bottom: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		align-items: center;
		padding-bottom: 2rem;
		top:unset;
		transform: unset;
		box-sizing: content-box;
	}
}



/*SetHeight*/
.setHeight {
    overflow-y: auto;
}

/*Light Blue Bar*/
.lt-blue-bar{
	/*background-color: #d9e5fb;*/
	background-color: #dae7ed;
}

/*Site Name*/
#education #site-name .dept-logo{
	float:right;
}
#education #site-name .department.align-middle{
    position: absolute;
    top: 50%;
    left: inherit;
    transform: translateY(-50%);
}

#education #site-name h2{
	margin: 0px;
}
#education #site-name h2>a{
	color: #000000;
}
/*
Global DOE navigation color 
#207AB6

Branch Nav
#0A6185

*/
 /*Navigation*/
 
 #education .education.global-navigation.branch-education{
	background-color:  #207AB6;
 }
 
 #education .education.branch-navigation{
	background-color:  #0A6185;
 }
 
#education .education.department-level{
	/*Older definition for both navigation left in to support non-global navigations until they are regenerated*/
	background-color: #0A6185;
	color: #ffffff;
}

#education .education.department-level h2.navbar-brand>a{
	color: #ffffff;
}


#education button.navbar-toggler:focus,
#education button.navbar-toggler:hover{
	/*border: 1px solid yellow;*/
	background-color: #fff;
	color:#002F9B;
	
}
#education button.navbar-toggler:focus .navbar-toggler-icon,
#education button.navbar-toggler:hover .navbar-toggler-icon{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 47, 155, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

#education .education.department-level ul.navbar-nav>li.nav-item>a.nav-link{
	color: #ffffff;
}

#education .sonj-nav .nav-link.active, .sonj-nav .show > .nav-link {
	background: #00164f;
}
/*Full Width Image*/
#education img.full-width{
	width: 100%;
	height: auto;
}

/*Page Title*/
#education .pageTitle, 
#education .sectionTitle{
	/*color: #00289c;*/
	color: #00164f;
}


/*Row Title*/
#education .header-blue {
    color: #00164f;
}

/*Card Title*/
#education  .card-title, 
#education  h5.card-title {
    font-size: 1.25rem; margin-bottom: .75rem; color: #000;
}


.card-header-blue{
  	background-color: #0A6185;
    color: #fff;
}

.card-header-blue{
  	background-color: #0A6185;
    color: #fff;
}
.card-header-brown{
	background-color: #9E8E29;
	color: #000;
}
.card-header-green{
	background-color: #5C9343;
	color: #000;
}
.card-header-orange{
	background-color: #DE6125;
	color: #000;
}
.card-header-red{
	background-color: #D1212F;
	color: #fff;
}

/*sboebutton*/
#education .sboebutton {
    color: #ffffff;
    text-align: center;
    background-color: #00289c;
}
/*sboebutton*/
#education  .sboebutton  a.hover {
  background-color: #005ce1;
}

/*List Icons*/
#education  .icon{
	color: #00289c;
}

#education  .icon.blue{
	color: #207AB6;
}
#education  .icon.brown{
	color: #9E8E29;
}
#education  .icon.green{
	color: #5C9343;
}
#education  .icon.orange{
	color: #DE6125;
}
#education  .icon.red{
	color: #D1212F;
}


#education  .blue-207AB6{
	color: #207AB6;
}
#education  .dk-blue-004882{
	color: #004882;
}
#education  .brown-9E8E29{
	color: #9E8E29;
}
#education  .green-007B19{ 
	color: #007B19;
}
#education  .orange-DE6125{
	color: #DE6125;
}
#education  .red-D2321A{
	color: #D2321A;
}
/*Colored Background*/

#education  .bg-blue-207AB6{
	background-color: #207AB6;
}
#education  .bg-dk-blue-004882{
	background-color: #004882;
}
#education  .bg-brown-9E8E29{
	background-color: #9E8E29;
}
#education  .bg-green-007B19{ 
	background-color: #007B19;
}
#education  .bg-orange-DE6125{
	background-color: #DE6125;
}
#education  .bg-red-D2321A{
	background-color: #D2321A;
}


.backgroundImage-fill{
	background-size: cover;
}
.backgroundImage-x-left{
	background-position-x: left;
}
.backgroundImage-x-center{
	background-position-x: center;
}
.backgroundImage-x-right{
	background-position-x: right;
}
.backgroundImage-y-top{
	background-position-y: top;
}
.backgroundImage-y-center{
	background-position-y: center;
}
.backgroundImage-y-bottom{
	background-position-y: bottom;
}

@media  screen and (max-width: 575px) {
	.bgImg-xs-none{
		background-image:none!important;
	}
}


.border-0A6185{border-color:#0A6185!important;}
.blue-1855DD{color:#1855DD!important;}

/*
ICONS
Blue
#207AB6

Yellow/Brown
#9E8E29

Green
#5C9343

Orange
#DE6125

Red
#D1212F
*/

#education   .list-group-item.with-icon{
	position: relative;
	padding-left: 3.25em;
}

#education   .list-group-item.with-icon .icon{
	position: absolute;
	left: 1em;
	top: initial; 
}

#education   .list-group-item > *:last-child{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#education   li.list-group-item.with-icon .icon{
	left:1em;
	transform:translatex(-50%);
}

#education   .list-group-item.with-icon,
#education   *.with-icon{
	position: relative;
	padding-left: 2.5em;
}

#education   .list-group-item.with-icon .icon,
#education  *.with-icon .icon{
	position: absolute;
	left: 0em;
	top: initial;
	/*transform: translatex(-50%);*/
}

/*Related Column*/
#education   .related-info .related-title{
	color: #00289c;
}

/*File Manifest List*/
.fileList  li button.collapsed::after {
    content: "+";
}

.fileList  li button{}

.fileList  li button::after {
  content: "\2012";
}


/*Footer*/
#education  footer .site-footer{
	/*background-color: #00289c;*/
	background-color: #0A6185;
    margin-top: 0px;
}

#education  footer .sonj-footer{
	background-color: #363636/*#005ce1*/;
}

#education  footer a.social:focus{
	outline: 1px dashed white;
}

/* Social Boxes */
#education  .social-wrapper{
	/*text-align: center;*/
}
#education  .social-box{
	margin: 0em 0em 2em 0em;
	/*max-width: 530px; Facebook widget will only dislpay at max 500px width so to avoid deadspace we stop these from exceeding 500px*/
	/*float: none;
	display: inline-block;
	*/
}
#education  .social-box > h4{
	color:white;
	margin: 0 ;
	padding: .25em 1em;
	font-weight: bold;
	text-align:left;
}
#education  .social-box > h4 > div.card-header{
  padding-top: 10px;
  padding-bottom: 10px; 
}
#education  .news-box > h4{
	background-color:#253341;
}
#education  .facebook-box > h4{
	background-color:#17548d;
}
#education  .facebook-box .wrapper{text-align:center;}
#education  .twitter-box > h4{
	background-color:#479ae8;
}
#education  .social-box  > .wrapper{
	border: 1px solid #9c9c9c;
	max-height: 500px;
	height: 500px;
	overflow: hidden;
}
#education  .social-box.news-box  > .wrapper{
	overflow-y:scroll;
}



/*Custom Accordion*/
#education .accordion-header{
	background-color:#0A6185/*#00289c*/;
	border-radius: 4px;
	padding-right: .25em;
}
#education .accordion-header .btn{
	font-weight: 500;
	color: white;
}
/*
fa-chevron-circle-down
fa-chevron-circle-up
*/
#education .accordion-header .btn.collapsed .fa-minus-circle,
#education .accordion-header .btn.collapsed .fa-circle-minus,
#education .accordion-header .btn.collapsed .fa-chevron-circle-up,
#education .accordion-header .btn.collapsed .fa-circle-chevron-up{
	display: none;
}
#education .accordion-header .btn.collapsed .fa-plus-circle ,
#education .accordion-header .btn.collapsed .fa-circle-plus ,
#education .accordion-header .btn.collapsed .fa-chevron-circle-down ,
#education .accordion-header .btn.collapsed .fa-circle-chevron-down {
	display: inline-block;
}
#education .accordion-header .btn .fa-minus-circle,
#education .accordion-header .btn .fa-circle-minus,
#education .accordion-header .btn .fa-chevron-circle-up,
#education .accordion-header .btn .fa-circle-chevron-up{
	display: inline-block;
}
#education .accordion-header .btn .fa-plus-circle ,
#education .accordion-header .btn .fa-circle-plus ,
#education .accordion-header .btn .fa-chevron-circle-down,
#education .accordion-header .btn .fa-circle-chevron-down {
	display: none;
}
#education .accordion-header .btn .fa-plus-circle,
#education .accordion-header .btn .fa-circle-plus,
#education .accordion-header .btn .fa-minus-circle,
#education .accordion-header .btn .fa-circle-minus,
#education .accordion-header .btn .fa-chevron-circle-down,
#education .accordion-header .btn .fa-circle-chevron-down,
#education .accordion-header .btn .fa-chevron-circle-up,
#education .accordion-header .btn .fa-circle-chevron-up{
	position:absolute;
	right: 0px;
	top: .75em;
	color: white;
}

#education .accordion-header .btn{
	width: 100%;
	position:relative;
}

#education .accordion.custom-accordion .card,
#education .accordion.custom-accordion .card-header{
	border-radius: .25rem;
	border: 0px;
}



/*Custom Tabbed Content*/
#education .tab-content{
	background-color: white;
	padding: 1em;
	border: 1px solid rgb(222, 226, 230);

}

#education .custom-tabs .nav-item button.nav-link.active .fa-plus-circle,
#education .custom-tabs .nav-item button.nav-link.active .fa-circle-plus{
	display:none;
}

 

#education .byline{
	clear:left;
}

#education .tab-pane > .columned  > p,
#education .tab-pane  .columned   .nobreak{
	
	display: inline-block;
	width: 100%;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	-ms-column-break-inside: avoid;
	-o-column-break-inside: avoid;
	column-break-inside: avoid;
	-webkit-perspective:1;
    break-inside: avoid;    
}
#education .tab-pane  ul.columned>li,
#education .tab-pane  ol.columned>li{
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	-ms-column-break-inside: avoid;
	-o-column-break-inside: avoid;
	column-break-inside: avoid;
	-webkit-perspective:1;
    break-inside: avoid;    
}


#education .tab-pane > .columned  > p,
#education .tab-pane  .columned   .nobreak{
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
}


/*Modal Message*/

.modal.customModal .modal-header , .modal.customModal .modal-footer {
	background-color: rgba(0,0,0,.03);
}
.modal.customModal .modal-header.capped {
    border-top: 9px solid #00289c  !important;
}

.modal.customModal .modal-header.orange.capped {
    border-top: 9px solid #f87048 !important;
}

.modal.customModal .modal-header.blue.capped {
    border-top: 9px solid #7bbcea !important;
}


.modal.customModal .modal-header.yellow.capped {
    border-top: 9px solid #f5ca47 !important;
}

.modal.customModal .modal-header.green.capped {
    border-top: 9px solid #43b5a7 !important;
}

.modal.customModal .modal-header.gray.capped {
    border-top: 9px solid #969fa4  !important;
}

.modal.customModal .modal-header.dk-blue.capped {
    border-top: 9px solid #00289c  !important;
}



