:root {
	--dcbs-primary: #111C4E; /* #30646f */
	--dcbs-secondary: #007cb5; /* #306f4b */
	--dcbs-yellow: #FFFFD6; /* #FFFFD6 */
	--dcbs-light-blue: #a4e2ff;
	--dcbs-light: #dddddd; /* #dddddd */

	--dcbs-primary-hover: #0c1439; /* #265058 */
	--dcbs-secondary-hover: #00639A; /* #26583C */
	--dcbs-yellow-hover: #FFFFBD; /* #FFFFBD */
	--dcbs-light-hover: #d0d0d0; /* #d0d0d0 */
	
	--dcbs-primary-link: #1a2b78; /* #2e606a */
	--dcbs-secondary-link: #00639A; /* #0e6634 */

	--dcbs-navbar: #111C4E; /* #1c5c42 */
	--dcbs-navbar-hover: #007cb5;  /* #034329 */
	
	--dcbs-alert: #da374d; /* #da374d */
	--dcbs-warn: #ffc107; /* #ffc107 */
	--dcbs-info: #0dcaf0; /* #0dcaf0 */
	--dcbs-danger: #f2dede;
	
	--dcbs-bcd: #283a97;
	--dcbs-dfr: #0078a6;
	--dcbs-osha-blue: #00567d;
	--dcbs-osha-green: #095540;
	--dcbs-wcd: #410099;
}	

.lorem:after {
	content: ' Fusce non elementum magna, quis eleifend lorem. Morbi porttitor luctus elit ultricies porta. Lorem luctus elementum quis. ';
}

/* Test CSS above this line */

body {
	font-size: 16px;
	line-height: 1.63;
}

/******************************/ 
/***   TEMPLATE OVERRIDES   ***/
/******************************/

/***   HEADER   ***/
.or-header .or-header-overlay {
	opacity: 0;
}

.or-header {
	mix-blend-mode: multiply;	
	background: url('/resources/imgs/header_abstract.jpg'); 
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right center;
	background-color: var(--dcbs-navbar);
	text-shadow: 2px 2px 5px black;
}

.or-header-logo {
    background: url('/resources/imgs/dcbs_logo_white.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 140px;
    height: 140px;
    -webkit-filter: drop-shadow(2px 2px 5px #000);
	filter: drop-shadow(2px 2px 5px #000);
}

.or-header-title small {
	margin-top: 10px;
}

.jumbotron{
	min-height: 500px;
	border-radius: 0 !important;
}

/***   TOP NAVIGATION   ***/
.or-navbar {
	background: var(--dcbs-navbar);
}

/***   SEARCH BAR   ***/
.or-navbar-search-wrapper {
	background: var(--dcbs-navbar-hover);
}

.or-navbar-search-submit-button {
	background: var(--dcbs-navbar);
}

.or-navbar-search-submit-button:hover, 
.or-navbar-search-submit-button:focus {
	background: var(--dcbs-navbar-hover);
}

.or-navbar-search-wrapper.or-navbar-search-open .or-navbar-search-input {
    background: none;
    
}

.or-navbar-search-wrapper.or-navbar-search-open .or-navbar-search-input::placeholder {
  color: #ffffff;
}

.or-navbar-search-close-button {
	top: 0px;
	left: 0px;
	width: 56px;
}

button.or-navbar-search-submit-button:hover, 
button.or-navbar-search-submit-button:active,
button.or-navbar-search-close-button:hover,
button.or-navbar-search-close-button:active {
	border-color: var(--dcbs-navbar-hover);
	background-color: var(--dcbs-navbar);
}

.or-navbar-search-submit-button {
    background: rgba(0,0,0,.35);
}


/***   SITE WIDE ALERT   ***/
/***   HEADINGS   ***/

/***   TEXT LINKS   ***/
main a 			{ color: var(--dcbs-secondary); }
main a:hover 	{ color: var(--dcbs-primary); }
main a:active 	{ color: var(--dcbs-primary-hover); }

main a:focus, footer a:focus, .alert a:focus, footer a:hover, .alert a:hover {
    color: #da374d;
}

a.btn:focus, button.btn:focus, a:focus, .btn:focus, .dropdown-toggle:focus {
    outline: #da374d auto 5px;
}


.bg-dcbs-primary a:not(.btn),
.bg-dcbs-primary a:not(.btn):hover {
	color: var(--dcbs-light-blue);
}

.bg-dcbs-secondary a:not(.btn),
.bg-dcbs-secondary a:not(.btn):hover {
	color: var(--dcbs-yellow);
}

.bg-dcbs-primary a:not(.btn):hover,
.bg-dcbs-secondary a:not(.btn):hover {
	text-decoration: underline;
}

a.bg-dcbs-primary:visited,
a.bg-dcbs-secondary:visited{
	color: white;
}


/***   TEXT LINKS STYLED AS BUTTONS   ***/
a.btn.btn-dcbs {
	color: #ffffff;
	background-color: var(--dcbs-primary);
	border-color: var(--dcbs-primary-hover);
}

a.btn.btn-dcbs-reverse {
    color: var(--dcbs-primary);
    background-color: white;
    border-color: var(--dcbs-primary);
}



/***   BUTTONS   ***/
.bg-dcbs-secondary .btn-light{
	background:none;
}

/***   ACCORDIONS   ***/
/***   ALERTS   ***/
	/* Bootstrap override for WCAG */
/***   SIDE NAV   ***/
.or-side-navigation ul .or-side-navigation-current>a {
    border-left: solid 3px var(--dcbs-secondary);
    color: var(--dcbs-secondary);
    padding-left: 12px;
}
/***   TASK BOXES   ***/
/***   IMAGES   ***/
/***   NICUSA ELEMENTS   ***/
.helpfulPollYesNo {
	margin: 0 10px;
}
/***   FOOTER   ***/

footer, footer .navbar-default {
    background-image: url("../imgs/gray-texture.png");
}

.or-footer-link-oregon-counts-2020 {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 140px;
    height: 56px;
    text-indent: -5000em;
    text-decoration: none;
	background: transparent url("../imgs/oregon-census-2020.png") no-repeat left top;
    border-bottom: 0 solid transparent;
    background-size: contain;
}

.or-footer-link-oregon-department-of-veteran-s-affairs{
	background: transparent url("../imgs/odva.svg") no-repeat left top;
}

/*****************************/ 
/***   PAGE-SPECIFIC CSS   ***/
/*****************************/

/*** HOME PAGE ***/
.home_section{
	margin-bottom: .5em;
}

.home_section h3.or-taskbox-title {
    font-size: 18px;
    opacity: 0.9;
	padding-right: 20px;
    display: flex;
    flex-direction: row;
    min-height: 65px;
}

.home_section-title .home_section--all_links {
    float: right;
    font-size: 14px;
    line-height: 26px;
}

.home_news h3.or-taskbox-title::before,
.home_news .or-taskbox-image .or-taskbox-link::after {
	/* CLEAN UP: Content in CSS */
	content: '\f1ea';
}

.home_reports h3.or-taskbox-title::before,
.home_reports .or-taskbox-image .or-taskbox-link::after {
	/* CLEAN UP: Content in CSS */
	content: '\f200';
}

.home_outreach h3.or-taskbox-title::before,
.home_outreach .or-taskbox-image .or-taskbox-link::after {
	/* CLEAN UP: Content in CSS */
	content: '\f0c0';
}

.home_jobs h3.or-taskbox-title::before,
.home_jobs .or-taskbox-image .or-taskbox-link::after {
	/* CLEAN UP: Content in CSS */
	content: '\f0b1';
}

.home_section .or-taskbox-image .or-taskbox-link::after {
	font-size: 4em;
	font-family: 'Font Awesome 5 Free';
}

.home_section h3.or-taskbox-title::before {
    float: left;
    font: normal normal normal 20px/1 'Font Awesome 5 Free';
    padding: 0 20px 0 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    border-right: 1px solid;
    margin-right: 20px;
    min-height: 45px;
}

h2.home_section-title {
	padding: 0 10px 10px;
    font-size: 20px;
    color: var(--dcbs-primary);
    margin: 0;;
}

.home_news--item {
    border: 1px solid #ebebeb; /* color var? 5 matches */
    border-radius: 4px;
    padding: 20px;
}

.home_news--header {
    padding: 0 0 5px 0;
    border-bottom: 1px solid #f3f7f5; /* color var? 3 matches */
    color: var(--dcbs-secondary);
    font-size: 18px;
}

.home_news--item .home_news--title {
    margin: 0;
    font-size: 22px;
}

.home_news--item .home_news--title a {
    color: var(--dcbs-secondary);
}

.home_news--date {
    font-style: italic;
}

.home_news--item .home_news--excerpt {
    padding: 10px 0px;
    margin: 0;
}

/*** SERVICES LIST ***/
.home_services--item {
    display: block;
    overflow: auto;
    border: 1px solid var(--dcbs-secondary); /* color var? 3 matches */
    transition: ease .2s border;
    margin-bottom: 0.75em;
    clear: both;
    font-size: 16px;
}

.home_services--link {
    display: block;
    overflow: auto;
    color: var(--dcbs-secondary);
}

.home_services--item:hover {
    border: 1px solid var(--dcbs-primary-hover); /* color var? 4 matches */
    border-radius: 5px;
}

.home_services--link:hover {
	color: var(--dcbs-primary-hover);
}

.home_services--link:hover .home_services--icon,
.home_services--link:focus .home_services--icon,
.home_services--link:active .home_services--icon {
    opacity: 1;
    color: var(--dcbs-primary);
}

.home_services--title {
    padding: 15px;
    float: left;
}

.home_services--icon {
    color: var(--dcbs-secondary);
    padding: 15px;
    float: right;
    opacity: 0.25;
  	transition: ease .2s opacity,ease .2s color,ease .2s visibility;
}

/*** PROGRAMS LIST ***/
a:hover > .home_programs--icon > .home_programs--icon-path {
    fill: var(--dcbs-primary); /* color var? 1 match */
}

a:visited:hover > .home_programs--icon > .home_programs--icon-path {
    fill: var(--dcbs-primary); /* color var? 1 match */
}


a:visited > .home_programs--icon > .home_programs--icon-path {
    fill: #804180; /* color var? 1 match */
}

.home_programs--icon {
	margin-right: 5px;
	height: 30px;
	display: inline;
	vertical-align: middle;
	padding-bottom: 2px;
}

.home_programs--icon-path {
	fill: var(--dcbs-secondary);
}

.home_programs--item {
    list-style: none;
    margin: 0;
    font-size: 16px;
    margin-bottom: 20px;
}

.home_programs--item a {
    color: var(--dcbs-secondary);
}


/***   NEWS PAGE   ***/
/***   WC SYSTEM   ***/




/********************************/ 
/***   DATATABLES OVERRIDES   ***/
/********************************/




/*******************/ 
/***   HELPERS   ***/
/*******************/
                                   
/* Backgrounds */	
	.bg-dcbs-primary { background-color: var(--dcbs-primary);	}
	.bg-dcbs-secondary, 
	.bg-dcbs-default { background-color: var(--dcbs-secondary); }
	.bg-dcbs-light { background-color: var(--dcbs-light); }
	
	.bg-dcbs-alert { background-color: var(--dcbs-alert); }
	.bg-dcbs-warn { background-color: var(--dcbs-warn); color: #2d2d2d !important; }
	.bg-dcbs-info { background-color: var(--dcbs-info); color: #2d2d2d !important; }
	.bg-dcbs-danger { background-color: var(--dcbs-danger); color: #2d2d2d !important; }

	
	.bg-dcbs-bcd { background-color: var(--dcbs-bcd); }
	.bg-dcbs-dfr { background-color: var(--dcbs-dfr); }
	.bg-dcbs-osha-blue { background-color: var(--dcbs-osha-blue); }
	.bg-dcbs-osha-green { background-color: var(--dcbs-osha-green); }
	.bg-dcbs-wcd { background-color: var(--dcbs-wcd); }




/* Text colors */		
	.text-primary {	color: var(--dcbs-primary);	}
	.text-secondary { color: var(--dcbs-secondary); }
	.text-white { color: #ffffff; }
	.text-dark { color: #262626; }
	
/* Text styles */
	.text-bold { font-weight: bold; }
	.text-italic { font-style: italic; }
	.text-underline { text-decoration: underline; }

/* Margins */	
	.mt-1 {	margin-top: 1em; }
	.mt-2 {	margin-top: 2em; }
	.mt-3 {	margin-top: 3em; }	
	.mb-1 { margin-bottom: 1em; }
	.mb-2 {	margin-bottom: 2em;	}
	.mb-3 {	margin-bottom: 3em;	}

/* Padding */	
	.pd-1 { padding: 1em; }
	.pd-1_5 { padding: 1.5em; }
	.pd-2 { padding: 2em; }

/* Width */
	.w-25 { width: 25%; }
	.w-50 { width: 50%; }
	.w-100 { width: 100%; }

/* Flexbox */	
	.d-flex {
		display: flex;
		/*align-items: center;*/
	}
	
	.flex-wrap{
		flex-flow: wrap;
	}
	
	.flex-wrap .flex-v-center {
    	margin-bottom: 15px;
	}
		
	.flex-v-center {
		align-self:stretch;
		/*display:flex;*/
	}
		
	.flex-v-center-item { 
		align-items: center; 
	}


/*****************/ 
/***   OTHER   ***/
/*****************/

/*************************/ 
/***   LANDING PAGES   ***/
/*************************/

	/***   Layout  ***/
	.landing-layout-wrapper {
	
	}
	
	
	/***   Video   ***/
	.landing-video-wrapper {
		overflow: hidden;
		background: var(--dcbs-light);
	}
	
	.landing-video-wrapper .embed-responsive {
		overflow: visible;
	}
		
	.landing-video {
		-webkit-box-shadow: 0 9px 0px 0px white, 0 -9px 0px 0px white, 12px 0 15px -4px #333, -12px 0 15px -4px #333;
		-moz-box-shadow: 0 9px 0px 0px white, 0 -9px 0px 0px white, 12px 0 15px -4px #333, -12px 0 15px -4px #333;
		box-shadow: 0 9px 0px 0px white, 0 -9px 0px 0px white, 12px 0 15px -4px #333, -12px 0 15px -4px #333;
	}
	
	/***   Grid elements   ***/

.dcbs-landing-feature-row{
	min-height: 300px;
}

	.dcbs-feature-grid {
		min-height: 300px;
	}

	.dcbs-sub-feature-grid {
		min-height: 250px;
	}
	
	.dcbs-landing-feature-grid-link,
	.dcbs-landing-sub-feature-grid-link {
		transition: background .5s;
	}
	
	.dcbs-landing-feature-grid-link:hover,
	.dcbs-landing-feature-grid-link:active,
	.dcbs-landing-feature-grid-link:focus {
		color: white;
	}
	
	.dcbs-landing-sub-feature-grid-link:hover,
	.dcbs-landing-sub-feature-grid-link:visited,
	.dcbs-landing-sub-feature-grid-link:focus,
	.dcbs-landing-sub-feature-grid-link:active {
		color: var(--dcbs-primary-hover);
		background: var(--dcbs-light-hover);	
	}

	
	.bg-dcbs-primary.dcbs-landing-feature-grid-link:hover {
		background: var(--dcbs-primary-hover);			
	}
	
	.bg-dcbs-secondary.dcbs-landing-feature-grid-link:hover {
		background: var(--dcbs-secondary-hover);	
	}

	
	/***   Landing page images   ***/	
	div[class*="landing-img-"] {
		background-size: cover;
		background-repeat: no-repeat;
		width: 100%;
	}
	
	
	
	.landing-img-bcd {
		background-image: url('../imgs/bcd.jpg');
		background-position: center;	
	}

	.landing-img-dfr {
		background-image: url('../imgs/dfr.jpg');
		background-position: center;	
	}

	.landing-img-osha {
		background-image: url('../imgs/osha.jpg');
		background-position: center;	
	}

	.landing-img-wcd {
		background-image: url('../imgs/wcd.jpg');
		background-position: center;	
	}

	.landing-img-wcb {
		background-image: url('../imgs/wcb.jpg');
		background-position: center;	
	}




	
/* Icons */
	.landing-icon {
		max-height: 100px;
	}
	
	.landing-icon .landing-icon-path {
		fill: var(--dcbs-primary);
	}
	
	.landing-icon-reverse .landing-icon-path {
		fill: #ffffff;
	}

/* Buttons */		
	.btn-landing,
	.btn-landing-reverse,
	.bg-dcbs-primary .btn,
	.bg-dcbs-secondary .btn {
		text-align: left;
		white-space: normal;
		padding: 10px 20px;
	    margin-top: 10px;
	    border-radius: 0px;
	    transition: border-radius .25s, background .5s;
	    font-size: 18px;
	}
		
	.btn-landing {
	    border: 1px solid var(--dcbs-primary);
	    color: var(--dcbs-primary);
	}
		
	
	.btn-landing:hover {
		color: inherit;
	    border-radius: 4px;
	}
	
	.btn-landing:visited {
		color: var(--dcbs-primary-hover);
	}
	
	.bg-dcbs-primary .btn,
	.bg-dcbs-secondary .btn {
	    border-color: white;
	    color: white;
	}
	
	.bg-dcbs-primary .btn:hover,
	.bg-dcbs-primary .btn:focus,
	.bg-dcbs-primary .btn:visited {
		background: var(--dcbs-primary-hover);
		color: white;
	    border-radius: 4px;
	}
	
	.bg-dcbs-secondary .btn:hover,
	.bg-dcbs-secondary .btn:focus,
	.bg-dcbs-secondary .btn:visited {
		background: var(--dcbs-secondary-hover);
		color: white;
	    border-radius: 4px;
	}
	
	.btn-landing-cta {
		text-align: center;
	    border-radius: 0px;
	    border: 1px solid var(--dcbs-primary);
	    color: var(--dcbs-primary);
	    font-size: 22px;
	    text-decoration: underline;
	    padding: 0.65em 2.5em;
	    transition: border-radius .25s, background-color .25s, color .25s;
	}
	
	.btn-landing-cta:hover {
		color: white;
		background-color: var(--dcbs-primary);
	    border-radius: 8px;
	}


/**************************/
/***   JOBS LIST PAGE   ***/
/**************************/

div[id^="careers_"] .dataTables_filter {
	width: 100%;
	float: left;
	text-align: left;
}

div[id^="careers_"] .dataTables_filter label {
	display: block;
}

div[id^="careers_"] .dataTables_filter input {
	width: 100%;
	float: left;
	padding: 10px 20px;
	margin: 10px 0;
	border: 1px solid #333;
	font-size: 20px;
	font-weight: normal;
}

div[id^="careers_"] table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, 
div[id^="careers_"] table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
	top: unset;
    left: 2px;
    width: 17px;
    height: 17px;
    line-height: 17px;
}


/* Media Queries */
	
	@media only screen and (max-width: 991px) {
		.dcbs-landing-feature-row,
		.dcbs-landing-feature-grid,
		.dcbs-landing-sub-feature-grid {
	    	flex-direction: column;
	  	}
	  	
	  	.landing-video {
			-webkit-box-shadow: none;
			-moz-box-shadow: 	none;
			box-shadow: 		none;
		}
		
		.landing-video-wrapper {
			background: none;
		}
	}
	
	@media only screen and (min-width: 992px) {	
		div[class^="landing-img-"] {
			height: 100%;
		}
			
		.dcbs-feature-grid-text {
			min-height: 300px;
		}
	}

	@media only screen and (max-width: 992px) {	
		/* fix odd row ordering on mobile */
		.row:nth-of-type(odd) [class^="col-md-"]:nth-of-type(odd){ order: 2;}
		.row:nth-of-type(odd) [class^="col-md-"]:nth-of-type(even){ order: 1;}
		/* fix even row ordering on mobile */
		.row:nth-of-type(even) [class^="col-md-"]:nth-of-type(odd){ order: 1;}
		.row:nth-of-type(even) [class^="col-md-"]:nth-of-type(even){ order: 2;}
	}