/*	DOCUMENT INFORMATION
		Document: 		du.profile.css
		Version:		0.0.2
		Created: 		03/02/18
		Author:			Emily Leffler Schulman
		Description:	Mark-up that is specific to the Profile 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( 253, 191, 56, 1 )
		
	FONTS
		default text	'Open Sans', Arial, sans-serif;		
		headlines		'Roboto', Tahoma, sans-serif;
*/

.du-profile-edit-modal .layout-row .du-field:not(:only-of-type) .du-input-checkbox {
	margin-bottom: 0.5rem;
}

.du-student-id {
	background-color: rgba( 245, 245, 245, 1 );
	border: 0;
    padding: 0.9375rem;
    margin: 0;
}

.du-student-id-logo {
	width: 100%;
	margin-bottom: 0.9375rem;
}

.du-profile-edit-modal .layout-row + .layout-row, 
.du-profile-edit-modal .du-row-repeater, 
.du-profile-edit-modal .du-row-repeater + .layout-row {
	margin-top: 1.875rem;
}

#du-profile-military-info-article .du-small-subtitle {
	font-family: 'Roboto', Tahoma, sans-serif;
	font-size: 1.25rem;
	line-height: 1.25em;
	font-weight: 400;
	margin: 0 0 0.9375rem;
}

.du-profile-modal .du-input-radio-group .du-side-by-side + .du-side-by-side {
	margin-left: 0;
}
.du-profile-modal md-radio-group.md-focused.ng-pristine md-radio-button:first-child .md-container:before{
	background-color: rgba(0,0,0,0.15);
	left: -8px;
	top: -8px;
	right: -8px;
	bottom: -8px;
}
.du-profile-modal .du-tool-tip-text:before {
	display: none;
}

.du-profile-modal .du-tool-tip-text {
	top: 1.5rem;
	max-width: 13rem;
}

.du-profile-modal .du-tool-tip.du-inline-block {
	display: inline;
}

.du-profile-edit-modal .du-has-top-border-dashed {
	padding-top: 1.875rem !important;
}
.du-profile-edit-modal .du-alpha-listing-list {
	padding: 0;
}

@media screen and (max-width: 600px) {
	.du-profile .du-expander-header-title.du-experience-subtitle,
	.du-profile .du-expander-header-title.du-small-subtitle {
		font-family: 'Open Sans', sans-serif;
	    font-size: 1.125rem;
	    font-weight: 400;
	    line-height: 1.4em;
	    margin: 0;
	}
	
	.du-profile:not(.du-modal) .du-experience-section + .du-experience-section {
		margin-top: 0;
	}
}

@media screen and (min-width: 601px) {
	.du-profile-modal .du-input-radio-group .du-side-by-side + .du-side-by-side {
		margin-left: 1.25rem;
	}
	
	.du-profile-modal .du-tool-tip-text {
		max-width: 20rem;
	}
	
	.du-profile .du-expanding-block {
		overflow: visible;	
	}
	
	.du-profile .du-expanding-block-header {
		background-color: transparent;
		padding: 0;
	}
	
	.du-profile .du-article-container.du-article-container {
		padding: 1.25rem !important;
		box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
	    -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
	    -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
	}
	
	.du-profile .du-expander.du-expander-header-title:before {
		content: '';
	}
	
	.du-profile .du-expander-header-title {
		padding: 0;
		margin: 0 0 0.9375rem;
	}
	
	.du-profile .du-expanded-content {
		padding: 0;
	}
	
	.du-profile .du-article-container.du-no-top-margin {
		margin-top: 1.25rem !important;
	}
	
	.du-profile .du-expander-header-title.du-small-subtitle {
		font-family: 'Roboto', Tahoma, sans-serif;
		font-size: 1.25rem;
		line-height: 1.25em;
		font-weight: 400;
		margin: 0 0 0.9375rem;
	}
	
	.du-profile article.du-bottom-padded-medium,
	.du-profile section.du-bottom-padded-medium,
	.du-profile div.flex-gt-xs-50.du-bottom-padded-medium {
		padding-bottom: 0 !important;
	}
	
}

@media screen and (min-width: 801px) {
	.du-profile-modal .du-tool-tip-text {
		max-width: 20rem;
		right: auto;
	}

	.du-profile-modal .du-tool-tip.du-inline-block {
		display: inline-block;
	}
	
	.du-profile-modal .du-tool-tip.du-inline-block .du-tool-tip-text {
		left: -19.5rem;
	}

}

@media screen and (min-width: 960px) {
	.du-profile-modal .du-tool-tip-text:before {
		display: block;	
		right: auto;
		left: 9.5rem;
	}
	
	.du-profile-modal .du-tool-tip-text {
	    max-width: 36rem;
	    right: auto;
	    left: -9.5rem;
	    top: 2rem;
	}
	
	.du-profile-modal .du-tool-tip.du-inline-block .du-tool-tip-text {
		max-width: 20rem;
		left: -18.5rem;
	}
	
	.du-profile-modal .du-tool-tip.du-inline-block .du-tool-tip-text:before {
		left: 18.5rem;
	}
}