/*	DOCUMENT INFORMATION
		Document: 		du.degree-planning.css
		Version:		0.0.2
		Created: 		03/23/18
		Author:			Emily Leffler Schulman
		Description:	Mark-up that is specific to the Degree Planning experience of UMUC Digital University
		
	COLORS
		default text	dark gray	rgba( 60, 60, 67, 1 )
		links			teal		rgba( 0, 62, 106, 1 )
		other			red			rgba( 163, 6, 6, 1 )
		other			yellow		rgba( 252, 179, 25, 1 )
		
	FONTS
		default text	'Open Sans', Arial, sans-serif;		
		headlines		'Roboto', Tahoma, sans-serif;
*/

.du-degree-planning .du-right-column .du-progress-chart {
    padding: 0 1.25rem;
}

.du-degree-planning-credit-totals {
	font-family: 'Roboto', Tahoma, sans-serif;
    font-size: 1.125rem;
    line-height: 1em;
    font-weight: 500;
    text-transform: uppercase;
    text-align: right;
}

.du-right-column .du-experience-header .du-small-caps-subtitle {
	display: table;
	width: 100%;
}

.du-slide-4 .du-bricks {
	margin: 0 auto;
	padding: 0 1.875rem 1.875rem;
}

.du-degree-change-explorer p + .du-smaller-subtitle {
	margin-top: 1.25rem;
}

.du-degree-change-explorer .du-expanding-block .du-expanded-content-intro {
	padding: 1.25rem;
}

.du-experience-content-section > .KEYRQL + .KEYRQL .du-expanded-content {
	padding-top: 0 !important;
}

.du-experience-content-section > .KEYRQL + .KEYRQL .du-expanded-content section > .du-field:first-child {
	border-top: 0.063rem solid rgba( 233, 233, 233, 1 );
	padding-top: 1.875rem;
}

.du-experience-content-section > .KEYRQL + .KEYRQL .du-expanded-content > section {
	padding-top: 0 !important;
}

.du-repeating-data-row:not(.KEYPLN):not(.KEYRQG):not(.KEYREQ):not(.KEYRQL.Y) {
	display: none;
}

.du-repeating-data-row.KEYRQL .du-expanded-content {
	display: none;	
}

.du-repeating-data-row.KEYRQL.expanded .du-expanded-content {
	display: block;
}

.du-experience-content-section > .KEYREQ {
	border-left: 0.063rem solid rgba( 233, 233, 233, 1 );
	border-right: 0.063rem solid rgba( 233, 233, 233, 1 );
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

.du-experience-content-section > .KEYRQL + .KEYREQ:before,
.du-experience-content-section > .KEYREQ + .KEYREQ:before,
.du-experience-content-section > .KEYPLN + .KEYRQG:before  {
	display: block;
	content: ' ';
	padding-top: 0.9375rem;
}

.du-experience-content-section > .du-repeating-data-row.KEYRQL.expanded + .KEYREQ:before {
    display: block;
    content: ' ';
	border-top: 0.063rem solid rgba( 233, 233, 233, 1 );
}

.du-experience-content-section > .du-repeating-data-row.KEYRQL.expanded + .KEYRQG:before,
.du-experience-content-section > .du-repeating-data-row.KEYRQL.expanded + .KEYPLN:before {
    display: block;
    content: ' ';
    padding: 0;
    margin: 0 1.25rem;
    border-top: 0.063rem solid rgba( 233, 233, 233, 1 );
}

.du-experience-content-section > .du-repeating-data-row.KEYREQ + .KEYRQG > div:before,
.du-experience-content-section > .du-repeating-data-row.KEYRQL + .KEYRQG > div:before,
.du-experience-content-section > .du-repeating-data-row.KEYREQ + .KEYPLN > div:before,
.du-experience-content-section > .du-repeating-data-row.KEYRQL + .KEYPLN > div:before {
    display: block;
    content: ' ';
    height: 1.25rem;
    border: 0.063rem solid rgba( 233, 233, 233, 1 );
    border-top: 0;
    margin-bottom: 1.25rem;
}

.du-repeating-data-row.du-last-row:after {
    display: block;
    content: ' ';
    height: 1.25rem;
    border: 0.063rem solid rgba( 233, 233, 233, 1 );
    border-top: 0;
}

.du-repeating-data-row.KEYREQ.expanded + .du-repeating-data-row.KEYRQL.du-last-row .du-expanded-content > section {
	border-bottom: 0.063rem solid rgba( 233, 233, 233, 1 ) !important;
}

.du-repeating-data-row:focus {
	outline: 0;
}

@media screen and (min-width: 601px) {
	
	.du-degree-change-explorer .du-expanding-block {
		overflow: visible;
		margin-left: -1.875rem;
		margin-right: -1.875rem;
	}
	
	.du-degree-change-explorer .du-expanding-block .du-expanded-content:not(.du-padded-medium) {
		padding-left: 0;
		padding-right: 0;
	}

	.du-degree-change-explorer .du-expanding-block .du-expanded-content-intro {
		padding-left: 1.875rem;
		padding-right: 1.875rem;
	}
	
	.du-degree-change-explorer .du-expanding-block .du-requirement-section {
		padding-left: 1.875rem;
		padding-right: 1.875rem;
	}

	.du-degree-change-explorer .du-expanding-block .du-expanding-block-header {
		padding-left: 1.875rem;
		padding-right: 1.875rem;
	}

}

@media print {
	
	.du-repeating-data-row.KEYRQL .du-expanded-content {
		display: block;	
	}

	.du-experience-content-section > .du-repeating-data-row.KEYRQL + .KEYREQ:before {
	    display: block;
	    content: ' ';
		border-top: 0.063rem solid rgba( 233, 233, 233, 1 );
	}
	
	.du-experience-content-section > .du-repeating-data-row.KEYRQL + .KEYRQG:before,
	.du-experience-content-section > .du-repeating-data-row.KEYRQL + .KEYPLN:before {
	    display: block;
	    content: ' ';
	    padding: 0;
	    margin: 0 1.25rem;
	    border-top: 0.063rem solid rgba( 233, 233, 233, 1 );
	}

	.du-repeating-data-row.KEYREQ + .du-repeating-data-row.KEYRQL.du-last-row .du-expanded-content > section {
		border-bottom: 0.063rem solid rgba( 233, 233, 233, 1 ) !important;
	}
	
	.du-aar .du-repeating-data-row .du-two-columns-pushed > .du-expander.du-expander-header-title:before {
		content: '\f0d7';
	}
	
	.du-aar .du-darkest-gray-background {
		border: 0.063rem solid rgba( 233, 233, 233, 1 );
	}
	
	.du-aar .du-darker-gray-background {
		border: 0.063rem solid rgba( 233, 233, 233, 1 );
	}
	
	.du-aar .du-expanding-block-header.du-medium-gray-background {
		border: 0.063rem solid rgba( 233, 233, 233, 1 );
	}
}