/************************ Custom ************************/

.sidebar > * {
	display: flex;
	text-decoration: none !important;

}

.sidebar {
	display: flex;
	flex-direction: column;
	text-decoration: none;

	margin: 3px;

}

.sidebar img {
	margin-right: 10px !important;
	height: 5em;
	width: auto;
}


.paragraph--type--video-banner {
	padding: 0 !important;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {

	

	--bs-table-bg-type: #3D4952;

}




.courses-grey > .view-content > table > thead {
	background-color: #3D4952 !important;
	--bs-table-bg: #3D4952;

		border: 3px solid rgb(0, 0, 0);

}


.courses-grey > .view-content > * > tbody > tr > td {

	border: 3px solid rgb(0, 0, 0);

	background-color: #3D4952 !important;
	color: rgb(255, 255, 255);
}

.courses-grey > .view-content > .table-striped > tbody > tr > td > a {
	color: #003660;

}

.courses-grey a {
	color: #DCAB22 !important;
}



.col-sm-12, .courses-grey {
	background-color: #3D4952;
	color: white !important;
}


.col-sm-12 a { 
	color: #DCAB22;
}



.directory-teaser img {
	width: 200px;
	height: auto;
}

/****** Begin breakpoint: desktop ******/
  
@media all and (min-width: 60.0625em) {

/* Navbar logo */

.navbar-brand { 
	width: auto;
	height: 52px;
	padding: .5em;
	}

/* Website logo For banner */

.header-logo {
	width: 300px !important;
	padding: .25em !important;
	}

/* Footer logos */

.footer-logo-dept {
	height: 20px;
	width: auto;
	margin-bottom: .5em;
	}

.footer-logo {
	height: 14px;
	width: auto;
	margin-bottom: .5em;
	}

/* Remove commenting if using display suite advanced view mode for news teaser */

/*
.view-news .view-header h1,
.view-spotlights .view-header h2 {
	font-size: 1.5em;
	font-weight: 500;
	line-height: normal;
	margin: .25em 0 .5em 0;
	}
*/

}
/****** End breakpoint: desktop ******/

/****** Begin breakpoint: tablet ******/
  
@media all and (min-width: 45.0625em) and (max-width: 60em) {

/* Navbar logo */
#block-websitelogo {
	padding: 0em;
}

.navbar-brand { 
	max-width: 160px;
	width: auto;
	height: 52px;
	padding: .75em .75em .75em .75em;
	}
	
/* Website logo For banner */

.header-logo {
	width: 260px !important;
	padding: .25em !important;
	}
	
/* Footer logos */

.footer-logo-dept {
	height: 18px;
	width: auto;
	margin-bottom: .5em;
	}

.footer-logo {
	height: 12px;
	width: auto;
	margin-bottom: .5em;
	}
	
/* Remove commenting if using display suite advanced view mode for news teaser */

/*
.view-news .view-header h1,
.view-spotlights .view-header h2 {
	font-size: 1.6em;
	font-weight: 500;
	line-height: normal;
	margin: .25em 0 .5em 0;
	}
*/

}
/****** End breakpoint: tablet ******/

/****** Begin breakpoint: mobile ******/
@media all and (max-width: 45em) {

/* Navbar logo */

.navbar-brand {
	max-width: 200px;
	width: auto;
	height: 52px;
	padding: .75em .75em;
	}
	
/* Website logo For banner */
	
.header-logo {
	width: 200px !important;
	padding: 0 !important;
	}
	
/* Footer logos */

.footer-logo-dept {
	height: 18px;
	width: auto;
	margin-bottom: .5em;
	}

.footer-logo {
	height: 12px;
	width: auto;
	margin-bottom: .5em;
	}
	
/* Remove commenting if using display suite advanced view mode for news teaser */

/*
.view-news .view-header h1,
.view-spotlights .view-header h2 {
	font-size: 1.5em;
	font-weight: 500;
	line-height: normal;
	margin: .25em 0 .5em 0;
	}
*/	

}
/****** End breakpoint: mobile ******/


.w3-three-columns > * {

	margin: 5px;
	
}

svg.fontawesome {
    width: 1.5em;
    height: 1.5em;
    vertical-align: -0.125em;
	fill: white;
  }
  /* [xmlns="http://www.w3.org/2000/svg"] */
  /* https://kit.fontawesome.com/334380bf4c.css */

.footer-container > svg > path {
	fill: white;
}

.footer a {
	text-decoration: none !important;
}



.nav-link.active {
	/* background-color: grey !important; */
} 


.lpb-enable {
	z-index: 100;
}