/***Turns CMS Placeholder and CMS Blocks into Bootstrap Cards***/
div.row .cms-placeholder {
	position: relative;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	
}
div.row .cms-block {
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	padding: 1.25rem;
border: 1px solid #ececec;
	border-radius: .35rem;
	background: #ffffff;
}
.cms-placeholder .cms-component {
	background-color: none;
}
.container .cms-block ol, .container .cms-block ul {
	margin-left: 1rem;
}
.cms-block .card-title {
	padding-bottom: 0!important;
}
/* prevents a colored hover effect on a button */
button.btn.btn-link {
background: transparent;
}
.card-header .btn-link:hover {
	background-color:transparent;
}
/* special training page styles */
.jumbotron {
	margin-bottom: 0!important;
}
.training-hero {
		background-image: url("../assets/training-hero.jpg");
		background-size:cover;		
                background-position: 90% 68%;
		height: auto;
                background-color: gray;
		border-bottom: 2px solid #b7c0ca; 
}
.diversity-hero {
		background-image: url("../assets/diversity-hero.jpg");
		background-size:cover;		
                background-position: 90% 68%;
		height: auto;
                background-color: gray;
		border-bottom: 2px solid #b7c0ca; 
}
.hero-textbox {
		background: #4776BF;
		background: rgba(68, 118, 191, 0.6);
		height: auto;
		min-height:150px;
		padding:1em;
}
.hero-textbox h1 {
		text-transform: uppercase;
		text-align: center;
		line-height:1.25em;
		font-size: 3.5em;
padding: 10px;
color:white;
		}
div.home-hero .hero-textbox h1 {
		text-transform: initial;
		font-size:3em;
}

 .hero-textbox .cms-block h3, .hero-textbox h3 {
                text-align:center;
                font-size:1.75em;
                color:white;
}
div.hero {
		background-image: url("/assets/resources_page_hero.jpg");
		background-size:cover;		
                background-position: 90% 68%;
		height: auto;
                background-color: gray;
border-bottom: 2px solid #b7c0ca; 
}
div.home-hero {
		background-image: url("/assets/new_nextgen_hero.png");
		background-size:cover;		
                background-position: 90% 68%;
		height: auto;
                background-color: gray;
		border-bottom: 2px solid #b7c0ca; 
}
.sidebar 
{
padding:0 !important;
border:none !important;
}
.sidebar-line-height {
line-height: 100%;
}
.sidebar ul {
   margin-left:1px !important;
}

.sidebar .fas {
color:#4776BF;
padding-right:.5em;
}
.sidebar .cms-block  h3 {
color:#4776bf;
}
/**.cms-block img {
height: auto;
width: 60%;
}
.cms-block img.card-img, .cms-block img.card-img-top {
	width:100%;
	height: inherit;
}
.cms-block li.media img {
width:auto;
}**/
.thumbnail {
  max-width: 20%;
}
.img-training-event {
	width: 60%;
	height:auto;
}
.events-list .title::before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f073";
	margin-right: .50em;
	color:#4776bf;
  }
.events-list .title {
	font-size: 1.25em;
	
}
.events-list .card {
	border:none;
}
.training-icons {
	width:70px;
	height:auto;
	margin-right: 1.5rem;
}
.training-icons-sm img{
	width:30px;
	height:auto;
	margin-right:.5rem;
	float:left;
}
/**Breadcrumb divider update for external pages**/
.breadcrumb-item+.breadcrumb-item:before {
	content: "/"!important;
}
.container .cms-block ol.breadcrumb  {
	list-style: none!important;
	margin:10px 10px 10px 0;
}
/*******Additional Font Awesome Styles for reuse*******/
.icons-after {
  color: #4776bf;
  padding-left: 0.5em;
}

/**Styling of the Auth Component when used in a page**/
.cms-placeholder .login-form {
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	padding: 1.25rem;
	border: 1px solid #ececec;
	border-radius: .35rem;
}
/***Centering of Icon on Login Page***/
.fa-user-lock {
	margin:0 40%;
}
/** LIGHTBOX MARKUP **/

.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}

.lightbox img {
	/** Pad the lightbox image */
	max-width: 90%;
	max-height: auto;
	margin: 8% 0;
}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}
/***Tweaks to bottstrap items for an OSCAR sidebar**/
div.col-lg-3 li.list-group-item {
	padding:.75rem .25rem;
}
div.col-lg-3 h2 {
margin-bottom:0;
}
/***YouTube Responsive Embeds***/
.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
} 
.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}
/*****GLOSSARY*****/
#glossary h2 {
	font-weight: bolder;
}
#glossary h3 {
	color:#000000;
}
/****HELP STYLES***/
.titlebar {
	margin-left:20px;
}
#right_pane img {
	max-width: 600px;
	height:auto;	
}
#right_pane ol,ul {
	list-style: decimal;
    margin-left: .5em;
}
	
/*** Workplace Resources Checklist ***/
ul.fjwr-checklist, ul.fjwr-checklist ul {
		margin-bottom: .5em;
		
	}
ul.fjwr-checklist li {
		margin-bottom: .5em;
		margin-left: -4px;
		padding-left: 12px;
		
	}
ul.fjwr-checklist li::marker
	{
		content: '\2610';
	}
	
/****BLOG STYLES***/
div.single.single_blog div.post_body ol, div.single.single_blog div.post_body ul	{
	padding: revert !important;
	list-style: decimal;
}