/*	DOCUMENT INFORMATION
		Document: 		du.landing-pages.css
		Version:		0.0.2
		Created: 		04/03/18
		Author:			Heather Markman
		Description:	Mark-up that is specific to the Landing Page experiences 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;
*/

table#du-class-academic-records-landing-table {
	margin-bottom: 0.9375rem;
}

main table#du-class-academic-records-landing-table#du-class-academic-records-landing-table.du-mobile-collapsing-table .du-landing-tablet-desktop td h3 {
    margin-bottom: 0;
}

main table#du-class-academic-records-landing-table#du-class-academic-records-landing-table.du-mobile-collapsing-table .du-landing-tablet-desktop td:nth-of-type(2),
main table#du-class-academic-records-landing-table#du-class-academic-records-landing-table.du-mobile-collapsing-table .du-landing-tablet-desktop td:nth-of-type(3),
main table#du-class-academic-records-landing-table#du-class-academic-records-landing-table.du-mobile-collapsing-table .du-landing-tablet-desktop td:nth-of-type(4) {
    vertical-align: top;
    padding: 0.9375rem 0.45rem;
}

@media screen and (min-width: 601px) and (max-width: 800px) {
	.du-class-academic-records-landing .layout-gt-xs-row > .flex-gt-xs-66, .du-class-registration-landing .layout-gt-xs-row > .flex-gt-xs-66,
	.du-class-degree-planning-landing .layout-gt-xs-row > .flex-gt-xs-66, .du-class-finances-landing .layout-gt-xs-row > .flex-gt-xs-66, 
	.du-class-notifications-landing  .layout-gt-xs-row > .flex-gt-xs-66,
    .du-class-academic-records-landing .layout-gt-xs-row > .flex-gt-xs-33, .du-class-registration-landing .layout-gt-xs-row > .flex-gt-xs-33,
    .du-class-degree-planning-landing .layout-gt-xs-row > .flex-gt-xs-33, .du-class-finances-landing .layout-gt-xs-row > .flex-gt-xs-33, 
    .du-class-notifications-landing  .layout-gt-xs-row > .flex-gt-xs-33 {
		-webkit-flex: 1 1 50%;
	    flex: 1 1 50%;
	    max-width: 50%;
	}
}
@media screen and (max-width: 800px) {
    main table.du-mobile-collapsing-table .du-landing-tablet-desktop td:first-of-type {
        display: none;
    }
    main table.du-mobile-collapsing-table .du-landing-tablet-desktop td:nth-of-type(2),
    main table.du-mobile-collapsing-table .du-landing-tablet-desktop td:nth-of-type(3) {
        width: 49%;
        display: inline-block;
    }
}