@charset "UTF-8";

content-grid[data-gridtype="education"]{
	
	grid-template-columns:
		[left]
		1fr
		[right]
	;
	grid-template-rows:
		[top]
		min-content
		[date-icon]
		min-content
		[icon-title]
		min-content
		[title-body]
		min-content
		[bottom]
	;
}

content-grid-cell[data-celltype="date"]{
	
	grid-column-start: left;
	grid-column-end: right;
	
	grid-row-start: top;
	grid-row-end: date-icon;
	
	display: flex;
	justify-content: center; align-items: center;
	padding-bottom: .25em;
	
	font-family: var(--font-type-serif);
	font-size: .75em;
	letter-spacing: var(--font-type-serif-letter-spacing);
	word-spacing: var(--font-type-serif-word-spacing);
	font-optical-sizing: var(--font-type-serif-font-optical-sizing);
	font-variation-settings: var(--font-type-serif-font-variation-settings);
	
	font-style: oblique;
	
	color: var(--text-color-gray);
}

content-grid-cell[data-celltype="icon"]{
	grid-column-start: left;
	grid-column-end: right;
	
	grid-row-start: date-icon;
	grid-row-end: icon-title;
	
	display: flex; flex-direction: row;
	justify-content: center; align-items: flex-start;
	
	padding-bottom: calc( var(--gap-width) * 2 );
}

content-grid-cell[data-celltype="title"]{
	grid-column-start: left;
	grid-column-end: right;
	
	grid-row-start: icon-title;
	grid-row-end: title-body;
	
	display: flex; flex-direction: column;
	align-items: center; justify-content: flex-start;
	
	gap: var(--gap-width);	
	
	text-align: center;
	padding-bottom: calc( var(--gap-width) * 2 );
}

content-grid-cell[data-celltype="body"]{
	grid-column-start: left;
	grid-column-end: right;
	
	grid-row-start: title-body;
	grid-row-end: bottom;
	padding-top: calc( var(--nav-height) * 1);
}

image-icon[data-icontype="lonestar"],
image-icon[data-icontype="ai"]
{ 
	width: 99px; height: 90px; 
	margin-top: -2px;
	margin-left: -10px;
	margin-right: -9px;
	margin-bottom: -8px;
}


image-icon[data-icontype="lonestar"]{
	background-image:
		url('/images/by-page/about/education/laurel.png'),
		url('/images/by-page/about/education/logos/lonestar.png')
	;
	background-position:
		0 0,
		calc( 50% - 0px ) calc( 50% - 5px )
	;
}

image-icon[data-icontype="ai"]{
	background-image:
		url('/images/by-page/about/education/laurel.png'),
		url('/images/by-page/about/education/logos/ai.png')
	;
	background-position:
		0 0,
		calc( 50% - 2px ) calc( 50% - 8px )
	;
}

main h1.condensed {
	position: relative;
	display: block;
	min-width: calc( 100% + ( var(--gap-width) * 2 ) ); width: calc( 100% + ( var(--gap-width) * 2 ) );
	font-family: var(--font-type-condensed);
	font-size: 1.825em;
	letter-spacing: -.01em; word-spacing: -.02em;
	font-style: oblique;
	padding-top: 0.125em;
	padding-bottom: 0em;
	border-bottom: 2px solid #000;
	border-top: 2px solid #000;
	margin-bottom: 1em;
	margin-left: calc( 0px - var(--gap-width) );
	margin-right: calc( 0px - var(--gap-width) );
	
	padding-left: calc( var(--gap-width) );
	padding-right: calc( var(--gap-width) );
}

content-grid-cell[data-celltype="title"] h2 {
	font-family: var(--font-type-serif);
	font-size: 1.5em; line-height: 1.2em;
	letter-spacing: var(--font-type-serif-letter-spacing);
	word-spacing: var(--font-type-serif-word-spacing);
	font-optical-sizing: var(--font-type-serif-font-optical-sizing);
	font-variation-settings: var(--font-type-serif-font-variation-settings);
	font-weight: 700;
	margin-bottom: 0;
	text-align: center;
}

content-grid-cell[data-celltype="title"] h3 {
	font-family: var(--font-type-sans-serif);
	font-size: 1.25em; line-height: 1.2em;
	letter-spacing: var(--font-type-sans-serif-letter-spacing);
	word-spacing: var(--font-type-sans-serif-word-spacing);
	font-optical-sizing: var(--font-type-sans-serif-font-optical-sizing);
	font-variation-settings: var(--font-type-sans-serif-font-variation-settings);
	font-weight: 700;
	margin-bottom: 0;
	padding-left: 0;
	text-align: center;
}

content-grid-cell[data-celltype="title"] h4 {
	font-family: var(--font-type-serif);
	font-size: 1em; line-height: 1.3125em;
	letter-spacing: var(--font-type-serif-letter-spacing);
	word-spacing: var(--font-type-serif-word-spacing);
	font-optical-sizing: var(--font-type-serif-font-optical-sizing);
	font-variation-settings: var(--font-type-serif-font-variation-settings);
	font-style: oblique;
	font-weight: 400;
	margin-bottom: 0;
	padding-left: 0;
	text-align: center;
}

content-grid-cell[data-celltype="body"] h5 {
	font-family: var(--text-h-serif-small-font);
	font-size: var(--text-h-serif-small-size); line-height: var(--text-h-serif-small-line-height);
	letter-spacing: var(--text-h-serif-small-letter-spacing); word-spacing: var(--text-h-serif-small-word-spacing);
	font-style: var(--text-h-serif-small-font-style); font-weight: var(--text-h-serif-small-font-weight);
	font-optical-sizing: var(--text-h-serif-small-font-optical-sizing);
	font-variation-settings: var(--text-h-serif-small-font-variation-settings);
	padding-bottom: var(--text-h-serif-small-margin-bottom);
}

/*/ 1000px /*/
	@media (min-width: 1000px){
		
		content-grid-cell[data-celltype="title"] h2 ,
		content-grid-cell[data-celltype="title"] h3,
		content-grid-cell[data-celltype="title"] h4
		{ text-align: left; }
		
		content-grid[data-gridtype="education"]{
			
			grid-template-columns:
			
				[left]
				
				min-content
				
				[icon-text]
				
				minmax(0, 1fr)
				
				[right]
			;
			
			grid-template-rows:
			
				[top]
				
				min-content
				
				[date-title]
				
				min-content
				
				[title-body]
				
				min-content
				
				[bottom]
			;
		}
		
		content-grid-cell[data-celltype="date"]{
			grid-column-start: left;
			grid-column-end: icon-text;
			
			grid-row-start: top;
			grid-row-end: date-title;
		}
		
		content-grid-cell[data-celltype="icon"]{
			grid-column-start: left;
			grid-column-end: icon-text;
			
			grid-row-start: date-title;
			grid-row-end: title-body;
			
			display: flex;
			justify-content:flex-end; align-items: flex-start;
		}
		
		content-grid-cell[data-celltype="title"]{
			grid-column-start: icon-text;
			grid-column-end: right;
			
			grid-row-start: date-title;
			grid-row-end: title-body;
			
			display: flex;
			align-items: flex-start; justify-content: flex-start;
			
			padding-bottom: 0;
		}
		
		content-grid-cell[data-celltype="title"],
		content-grid-cell[data-celltype="body"]
		{ padding-left: calc( var(--gap-width) * 2 ); }
		
		content-grid-cell[data-celltype="body"]{
			grid-column-start: icon-text;
			grid-column-end: right;
			
			grid-row-start: title-body;
			grid-row-end: bottom;
			
			padding-top: calc( var(--nav-height) * 2 );
		}
		
		content-grid-cell[data-celltype="title"] h2 
		{ padding-left: 0; }

		content-grid-cell[data-celltype="title"] h3
		{ padding-left: calc( var(--gap-width) * 2 ); }

		content-grid-cell[data-celltype="title"] h4 
		{ padding-left: calc( var(--gap-width) * 4 ); }
	}
/*/ END 1000px /*/