/*Layouts css goes here*/

/*
 * DCWF Internal Menus and Instruction Block Styles
 */

.block-title {
  padding: 1rem 0 .5rem 0;
}
.instructions {
  display: inline-block;
  width: 100%;
  padding: .75rem;
  margin: 1.0rem 0;
  border: 1px dotted #aaa;
  background: #F6F7F9;
}
.instructions span {
  font-size: 1em;
  font-style: italic;
  color: #999;
}

.arrow-icon::after {
	font-family: dashicons;
  	content: "\f347";
  	font-size: 1.0rem;
    font-style: normal;
  	color: #888;
}
.dcwf-page-title {
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
}
  
/* 
 * DCWF Accordion Styles 
 */
.new-accordion {
	background: linear-gradient(to bottom right, white, #F8F8F8);
	max-width: 100%;
	background: white;
	margin: 0 auto;
  box-shadow: 0 15px 20px -15px rgba(0, 0, 0, 0.3), 0 35px 50px -25px rgba(0, 0, 0, 0.3), 0 85px 60px -25px rgba(0, 0, 0, 0.1);
}

.new-accordion-header {
	border-bottom: 1px solid #DDE0E7;
    min-height: 8.0rem;
	color: #2a313a;
	cursor: pointer;
  	padding: 1.5rem;
}
.new-accordion-header span.acc-title {
	display: block;
    font-size: 1.6rem;
	font-weight: 700;
    margin: 0 0 0 100px;
}
.new-accordion-header span.acc-desc {
	width: 80%;
  	display: block;
  	color: #2a313a;
    font-size: 1.0rem;
  	font-weight: 300; 
    margin: 0 0 0 100px;
}

.new-accordion-header:hover, .active.new-accordion-header {
	background: #F6F7F9;
}

.new-accordion-content {
	display: none;
	border-bottom: 1px solid #DDE0E7;
	background: #F6F7F9;
  	padding: .75rem 0 0 8.5rem;
	color: #4a5666;
}

.new-accordion-header::before {
	vertical-align: middle;
	display: inline-block;
    float: left;
	margin-right: .75rem;
}

.new-accordion-header .acc-title::after {
	font-family: dashicons;
  	content: "\f347";
  	font-size: 2.0rem;
    font-weight: 500;
  	color: #999;
  	position: absolute;
    right: 2rem;
    padding: 5px;
}
.active.new-accordion-header .acc-title::after {
	font-family: dashicons;
  	content: "\f343";
}

/* 
 * DCWF Icons for Categories
 */
.analyze::before { content: url('https://dl.dod.cyber.mil/wp-content/uploads/dcwf/img/analyze.png'); }
.collect-operate::before { content: url('https://dl.dod.cyber.mil/wp-content/uploads/dcwf/img/collect-operate.png'); }
.investigate::before { content: url('https://dl.dod.cyber.mil/wp-content/uploads/dcwf/img/investigate.png'); }
.operate-maintain::before { content: url('https://dl.dod.cyber.mil/wp-content/uploads/dcwf/img/operate-maintain.png'); }
.oversee-govern::before { content: url('https://dl.dod.cyber.mil/wp-content/uploads/dcwf/img/oversee-govern.png'); }
.protect-defend::before { content: url('https://dl.dod.cyber.mil/wp-content/uploads/dcwf/img/protect-defend.png'); }
.securely-provision::before { content: url('https://dl.dod.cyber.mil/wp-content/uploads/dcwf/img/securely-provision.png'); }

/* 
 * DCWF Icons for Workforce Element
 */
.it-cyberspace::before { content: url('https://dl.dod.cyber.mil/wp-content/uploads/dcwf/img/it-cyberspace-80x80.png'); }
.cyberspace-effects::before { content: url('https://dl.dod.cyber.mil/wp-content/uploads/dcwf/img/cyberspace-effects-80x80.png'); }
.intelligence-cyberspace::before { content: url('https://dl.dod.cyber.mil/wp-content/uploads/dcwf/img/intelligence-cyberspace-80x80.png'); }
.cyberspace-enablers::before { content: url('https://dl.dod.cyber.mil/wp-content/uploads/dcwf/img/cyberspace-enablers-80x80.png'); }
.cybersecurity::before { content: url('https://dl.dod.cyber.mil/wp-content/uploads/dcwf/img/cybersecurity-80x80.png'); }
.software-engineering::before { content: url('https://dl.dod.cyber.mil/wp-content/uploads/dcwf/img/software-engineering-80x80.png'); }
.ai-data::before { content: url('https://dl.dod.cyber.mil/wp-content/uploads/dcwf/img/ai-data-80x80.png'); }

/*
 * Colors
 */
:root {
  	--primary-dcwf-color: #299ad7;
}


/* 
 * Specialty Area Listing Layout 
 */
.spec-area {
  border-bottom: 1px solid #ccc;
  padding: 5px 0 15px 0;
}
.spec-area:last-of-type {
  border: 0;
}
.spec-area-title {
  font-size: 1.1rem;
  font-weight: 500;
  padding: 0;
}
.spec-area-title::before {
  font-family: dashicons;
  content: '\f139';
  padding-right: .25rem;
}
.spec-area-body {
  font-size: 1.0rem;
  font-weight: 300;
  padding: 0;
}

/* 
 * Work Roles 
 */
.ids { color:#999; }

/* 
 * Search/Filtering
 */

.filter-list {
    margin-bottom: 30px;
}

.filter-list [class*=col-xs] {
    padding: 0 5px;
}

.filter-list [class*=col-xs]:first-child {
    padding-left: 15px;
}

.filter-list [class*=col-xs]:last-child {
    padding-right: 15px;
}


.filter-list .search-header h3 {
    margin-top: 10px;
    margin-bottom: 5px;
    color: white;
    font-size: 1.7em;
}

.filter-list .search-more {
    padding-top: 20px;
}
.filter-list .form-inline div.checkbox {
  padding: 1px 3px;
}

.filter-list label {
    font-weight: normal;
    font-size: .9em;
    margin: 0;
}

.filter-list .search-header:after {
    content: "";
    border-width: 10px;
    border-style: solid;
    border-color:  var(--primary-dcwf-color) transparent transparent transparent;
    height: 1px;
    width: 1px;
    position: absolute;
    bottom: -19px;
    right: 50%;
    margin-left: -10px;
    z-index: 1;
}

.form-check {
    padding-left: 20px !important;
}

.form-check .form-check-input {
    margin-top: .4rem;
    margin-left: 0;
    width: 16px;
    min-width: 16px;
    height: 16px;
    left: 0;
}

@media (min-width: 768px) {
    .filter-list .search-header:after {
        border-color: transparent transparent transparent  var(--primary-dcwf-color);
        bottom: auto;
        top: 50%;
        right: -19px;
        margin-left: 0;
        margin-top: -10px;
    }
}

.bg-primary {
	color: #fff;
  	background-color: var(--primary-dcwf-color);
}
.text-primary,
.home .pagination > li > a
{
	color: var(--primary-dcwf-color);
}
.border-primary {
    border-color:  var(--primary-dcwf-color);
}
input[type="submit"],
.btn-primary,
.pagination-dots > li > a:hover,
.pagination-dots > .active-dot > a,
.pagination span {
    background-color:  var(--primary-dcwf-color) !important;
    border-color:  var(--primary-dcwf-color) !important;
    color: #fff;
}