@charset "UTF-8";

/*
	recipe
	tour
	music
	webiiportfolio
	book
	brochure
	calendar
	loteria
	pineda
	jbassoon
	sbassoon
	reg
	rocket
	mug
*/

:root{
	--portfolio-card-image-width: 144px; /* var(--nav-height) * 6 */
	--portfolio-card-image-height: 96px; /* var(--nav-height) * 4 */
	--portfolio-card-border: 4px;
	--portfolio-card-margin: 7px;

}

/*/ Menu Bar /*/

	/*/ Buttons /*/
	
		/*/ Wrapper /*/
		
			portfolio-menu-bar-buttons {
				display: flex; flex-direction: row;
				justify-content: flex-start; align-items: flex-start;
				flex-wrap: wrap;
				
				min-width: 100%; width: 100%; max-width: 100%;
				min-height: calc( var(--text-nav-bracket-height) + ( var(--gap-width) * 2 ) );
				padding-top: var(--gap-width);
				padding-bottom: var(--gap-width);
				margin-left: calc( 0px - ( var(--text-nav-gap) + var(--text-nav-bracket-width) ) );
				margin-right: calc( 0px - ( var(--text-nav-gap) + var(--text-nav-bracket-width) ) );
				
				column-gap: var(--text-nav-gap);
				row-gap: calc( var(--text-nav-gap) * 2);
			}
			
		/*/ END Wrapper /*/
		
		/*/ Button /*/
		
			portfolio-menu-bar-button {
				display: flex; flex-direction: row;
				gap: var(--text-nav-gap);
				
				font-family: var(--font-type-serif);
				font-size: var(--text-nav-font-size);
				letter-spacing: var(--font-type-serif-letter-spacing);
				word-spacing: var(--font-type-serif-word-spacing);
				
				optical-sizing: var(--font-type-serif-optical-sizing);
				font-variation-settings: var(--font-type-serif-font-variation-settings);
				
				color: #fff;
				cursor: default;
			}
				/* Inner Children */
					portfolio-menu-bar-button :not(portfolio-menu-card-content[data-contenttype="arrow"]) { pointer-events: none; }
					
					portfolio-menu-button[data-selected="true"]
					{ pointer-events: none; }
				
			/*/ Brackets /*/
			
				/* Default Properties */
					portfolio-menu-bar-button::before,
					portfolio-menu-bar-button::after
					{
						content: '';
						display: flex;
						width: var(--text-nav-bracket-width); height: var(--text-nav-bracket-height);
						background-image: url('/images/by-page/default/by-layer/content/nav/bracket.png');
						background-repeat: repeat-y;
					}
						portfolio-menu-bar-button::before
						{ background-position: 0 0; }
						portfolio-menu-bar-button::after
						{ background-position: 100% 0; }
				
				/*/ States /*/
					
					/* Hover */
						portfolio-menu-bar-button:not([data-selected="true"]):hover::before
						{ background-position: 0 -300%; }
						portfolio-menu-bar-button:not([data-selected="true"]):hover::after
						{ background-position: 100% -300%; }
						
					/* Active */
						portfolio-menu-bar-button:not([data-selected="true"]):active::before
						{ background-position: 0 -200%; }
						portfolio-menu-bar-button:not([data-selected="true"]):active::after
						{ background-position: 100% -200%; }
					
					/* Selected */
						portfolio-menu-bar-button[data-selected="true"]::before
						{ background-position: 0 -200%; }
						portfolio-menu-bar-button[data-selected="true"]::after
						{ background-position: 100% -200%; }
					
				/*/ END States /*/
			
			/*/ END Brackets /*/
				
			
		/*/ END Button /*/
		
	/*/ END Buttons /*/
	
	/*/ Cards /*/
		
		/* Project Wrapper */
			portfolio-menu-bar-projects {
				position: relative;
				
				display: flex; flex-direction: row;
				flex-wrap: wrap;
				
				justify-content: flex-start; align-items: stretch;
				column-gap: calc( var(--gap-width) * 2 );
				
				row-gap: 0;
				
				min-width: 100%; width: 100%; max-width: 100%;
				min-height: calc( var(--portfolio-card-border) + ( var(--gap-width) * 2 ) + var(--nav-height) + var(--nav-height) + ( var(--portfolio-card-image-height) * 2 ) );
				
				padding-top: calc( var(--gap-width) * 2 );
				padding-bottom: calc( var(--nav-height));		
				
				margin-left: calc( 0px - var(--portfolio-card-border) );
				margin-right: calc( 0px - var(--portfolio-card-border) );
				margin-top: calc( 0px - var(--portfolio-card-border) );
				
				
			}
		
		/* Card Container */
			portfolio-menu-card-container-cell { display: flex; }
		
		/* Card Sizing Wrapper */
			portfolio-menu-card  {
				position: relative;
				display: table;
				
				min-width: 100%; width: 100%;
				min-height: 100%; height: 100%
			}
				/* Selection Nullifiers */
					portfolio-menu-card * {pointer-events: none;}
					portfolio-menu-card[data-selected="true"]
					{ pointer-events: none; }
					
			/* portfolio-menu-card[data-selected="true"] */
			
		/* Card Wrapper (Row) */
			portfolio-menu-card-wrapper {
				position: relative;
				display: table-row;
				min-width: 100%; width: 100%;
				min-height: 100%; height: 100%;
			}
		
		/* Card Cell Layer */
			portfolio-menu-card-layer {
				display: table-cell;
				min-width: 100%; width: 100%;
				min-height: 100%; height: 100%;
			}
				/* Layer: "Outline" */
					portfolio-menu-card-layer[data-cardlayer="outline"]{
						position: absolute; top: 0; left: 0;
						min-width: 100%; width: 100%;
						min-height: 100%; height: 100%;
					}
					
				/* Layer: "Content" */
					portfolio-menu-card-layer[data-cardlayer="content"]{
						position: relative;
						min-width: 100%; width: 100%;
						min-height: 100%; height: 100%;
					}
			
		/* Card Content Grid */
			portfolio-menu-card-grid {
				display: grid;
				min-width: 100%; width: 100%;
				min-height: 100%; height: 100%;
				
				grid-template-columns:
					
					[edge-left]
					var(--portfolio-card-border)
					[left]
					var(--portfolio-card-image-width)
					[right]
					var(--portfolio-card-border)
					[edge-right]
				;
				grid-template-rows:
					
					[edge-top]
					var(--portfolio-card-border)
					[top]
					var(--portfolio-card-image-height)
					[image-edge]
					minmax( var( --portfolio-card-image-height), 100% )
					[bottom]
					var(--portfolio-card-border)
					[edge-bottom]
					calc( var(--nav-height) - var(--portfolio-card-border) )
					[arrow-edge]
				;
			}
		
		/*/ Content Cells /*/
		
			/* Base Properties */
				portfolio-menu-card-content { display: flex; }
			
			/*/ Content Types /*/
			
				/*/ Content Type - "Outline" /*/
					
					/* Base Properties */
						portfolio-menu-card-content[data-contenttype="outline"] {
							grid-column-start: edge-left;
							grid-column-end: edge-right;
							grid-row-start: edge-top;
							grid-row-end: edge-bottom;
							
							border-radius: 5px;
						}
					
					/* States */
					
						/* Hover */
							portfolio-menu-card:not([data-selected="true"]):hover portfolio-menu-card-content[data-contenttype="outline"]
							{ background-color: var(--text-color-red-temp); }
						
							portfolio-menu-card[data-selected="true"] portfolio-menu-card-content[data-contenttype="outline"], /* Selected */
							portfolio-menu-card:not([data-selected="true"]):active portfolio-menu-card-content[data-contenttype="outline"] /* Active */
							{ background-color: #fff; }
							
							/* Offset */
								portfolio-menu-card:not([data-selected="true"]):active
								{ top: 1px; left: 1px;}
						
				/*/ END Content Type - "Outline" /*/
				
				/*/ Content Type - "Image" /*/
				
					/* Base Properties */
						portfolio-menu-card-content[data-contenttype="image"]{
							
							grid-column-start: left;
							grid-column-end: right;
							grid-row-start: top;
							grid-row-end: image-edge;
							
							border-top-left-radius: 3px;
							border-top-right-radius: 3px;
							
							background-position: 0 0;
							background-repeat: repeat-y;
						}
					
					/* Image States */
						/* Hover */
							portfolio-menu-card:not([data-selected="true"]):hover portfolio-menu-card-content[data-contenttype="image"]
							{ background-position: 0 -100%; }
							
						/* Active */
							portfolio-menu-card:not([data-selected="true"]):active portfolio-menu-card-content[data-contenttype="image"]
							{ background-position: 0 -200%; }
							
						/* Selected */
							portfolio-menu-card[data-selected="true"] portfolio-menu-card-content[data-contenttype="image"]
							{ background-position: 0 -300%; }
					
					/* Selection Color */
						/* Selected */
							portfolio-menu-card[data-selected="true"] portfolio-menu-card-content[data-contenttype="image"]
							{ background-color: var(--text-color-red-temp) /*#00bcac*/; }

						/* Not Selected */
							portfolio-menu-card:not([data-selected="true"]) portfolio-menu-card-content[data-contenttype="image"]
							{ background-color: #ff3000; }

				/*/ END Content Type - "Image" /*/
				
				/* Content Type - "Body" */
					portfolio-menu-card-content[data-contenttype="body"]{
						
						flex-direction: column;
						grid-column-start: left;
						grid-column-end: right;
						grid-row-start: image-edge;
						grid-row-end: bottom;
						
						background-color: #fff;
						
						padding-top: var(--portfolio-card-margin); 
						padding-right: var(--portfolio-card-margin);
						padding-bottom: calc( var(--portfolio-card-margin) * 2 );
						padding-left: var(--portfolio-card-margin);
						
						border-bottom-left-radius: 3px;
						border-bottom-right-radius: 3px;
					}
				
				/*/ Content Type - "Arrow" /*/
					
					/* Base Properties */
						portfolio-menu-card-content[data-contenttype="arrow"]{
							grid-column-start: left;
							grid-column-end: right;
							grid-row-start: edge-bottom;
							grid-row-end: arrow-edge;
							background-image: url('/images/by-page/portfolio/card-arrow.png');
							background-position: 50% 0;
							background-repeat: no-repeat;
							opacity: 0;
						}
					
					/* Selection Opacity */
						portfolio-menu-card[data-selected="true"] portfolio-menu-card-content[data-contenttype="arrow"]
						{ opacity: 1; }
						
						
						
				/*/ END Content Type - "Arrow" /*/
					
			/*/ END Content Types /*/
			
		/*/ END Content Cells /*/
		
		/*/ Card Text /*/
			
			/* Title */
				portfolio-menu-card-title {
					display: block;
					
					font-family: var(--font-type-condensed);
					font-size: 18px; line-height: 20px;
					letter-spacing: .1px; word-spacing: -2px;
					
					font-weight: var(--font-type-condensed-font-weight);
					font-style: var(--font-type-condensed-font-style);
					
					font-optical-sizing: var(--font-type-condensed-font-optical-sizing);
					font-variation-settings: var(--font-type-condensed-font-variation-settings);
					
					color: var(--text-color-red-temp);
				}
			
			/* Subtitle */
				portfolio-menu-card-subtitle {
					display: block;
					
					font-family: var(--font-type-serif);
					font-size: 14px; line-height: 17px;
					letter-spacing: var(--font-type-serif-letter-spacing) /*-.2px*/; word-spacing: var(--font-type-serif-word-spacing);
					
					font-optical-sizing: var(--font-type-serif-letter-font-optical-sizing);
					font-variation-settings: var(--font-type-serif-letter-font-variation-settings);
					
					color: #222;
					
					padding-left: 7px; padding-right: 7px;
					padding-top: 3px;		
				}
			
		/*/ END Card Text /*/
	
	/*/ END Cards /*/
	
/*/ END Menu Bar /*/

main h1[data-portfoliocomponent="project-title"]{
	font-family: var(--font-type-condensed);
	font-size: 3em; line-height: 1.125em;
	letter-spacing: var(--font-type-condensed-letter-spacing); word-spacing: var(--font-type-condensed-word-spacing);
	
	font-weight: var(--font-type-condensed-font-weight);
	font-optical-sizing: var(--font-type-condensed-font-optical-sizing);
	font-variation-settings: var(--font-type-condensed-font-variation-settings);
	
	text-align: center;
	
	color: var(--text-color-red);
	
	margin-bottom: 0px; margin-top: 0px;
	padding-bottom: 0px; padding-top: 0px;
}
main h2[data-portfoliocomponent="project-subtitle"]{
	font-family: var(--font-type-serif);
	font-size: 1.3125em; line-height: 1.25;
	letter-spacing: var(--font-type-serif-letter-spacing); word-spacing: var(--font-type-serif-word-spacing);
	
	font-weight: var(--font-type-serif-font-weight);
	font-optical-sizing: var(--font-type-serif-font-optical-sizing);
	font-variation-settings: var(--font-type-serif-font-variation-settings);
	
	font-weight: 700;
	
	text-align: center;
	
	color: #222;
	
	margin-bottom: 0px; margin-top: 0px;
	padding-bottom: 0px; padding-top: 0px;
}


main [data-portfoliocomponent="downloads-viewbox"] h3,
main [data-portfoliocomponent="downloads-viewbox"] h3:not(:nth-last-child(1)),

main [data-portfoliocomponent="links-viewbox"] h3,
main [data-portfoliocomponent="links-viewbox"] h3:not(:nth-last-child(1))
{
	display: block;
	min-width: calc( 100% + ( var(--gap-width) * 2 * 2 ) ); width: calc( 100% + ( var(--gap-width) * 2 * 2 ) ); max-width: calc( 100% + ( var(--gap-width) * 2 * 2 ) );
	background-color: #333; color: #fff;
	
	padding: var(--gap-width) calc( var(--gap-width) * 2 ) ;
	
	font-family: var(--font-type-condensed);
	font-size: 1.5em; line-height: 1.25;
	letter-spacing: .03em; word-spacing: var(--font-type-condensed-word-spacing);
	
	font-weight: normal;
	font-optical-sizing: var(--font-type-condensed-font-optical-sizing);
	font-variation-settings: var(--font-type-condensed-font-variation-settings);
	margin-left: calc( 0px - ( var(--gap-width) * 2 ) ); margin-right: calc( 0px - ( var(--gap-width) * 2 ) );
	margin-bottom: var(--gap-width);
}

content-grid[data-gridtype="portfolio-message"]{
	position: relative;
	width: auto; max-width: 100%;
	
	grid-template-columns:
		[left]
		min-content
		[divider]
		minmax(0, 100%)
		[right]		
	;
	
	grid-template-rows:
		[top]
		min-content
		[bottom]	
	;
	
	gap: var(--gap-width);
	
}

content-grid[data-gridtype="portfolio-message"] content-grid-cell[data-celltype="icon"]{
		
		grid-column-start: left;
		grid-column-end: divider;
		
		grid-row-start: top;
		grid-row-end: bottom;
		
		justify-content: flex-end; align-items: center;
}
content-grid[data-gridtype="portfolio-message"] content-grid-cell[data-celltype="icon"] img{
		
		height: 42px; width: auto;
}

content-grid[data-gridtype="portfolio-message"] content-grid-cell[data-celltype="content"]{
	
		grid-column-start: divider;
		grid-column-end: right;
		
		grid-row-start: top;
		grid-row-end: bottom;
		
		justify-content: flex-start; align-items: center;
}


link-group-container {
	display: flex; flex-direction: column;
}

link-group-description,
link-group-content
{
	padding-left: 1em; padding-right: 1em;
}

link-group {
	display: block;
}
link-group:not(:nth-last-child(1)) {
	padding-bottom: calc( var(--nav-height) * 2 );
}

link-group-title,
link-group-description,
link-group-content 
{ padding-left: var(--gap-width); padding-right: var(--gap-width); }

link-group-title {
	display: block;
	border-bottom: 3px solid #000;
	font-size: 1.125em;
	font-weight: bold;
	padding-bottom: .125em;
}

link-group-description {
	
	display: block;

	font-family: var(--font-type-sans-serif);
	font-size: .825em; line-height: 1.325em;
	letter-spacing: var(--font-type-sans-serif-letter-spacing); word-spacing: var(--font-type-sans-serif-word-spacing);
	font-weight: 400;
	font-style: normal;
	font-optical-sizing: var(--font-type-sans-serif-font-optical-sizing);
	font-variation-settings: var(--font-type-sans-serif-font-variation-settings);
	
	/* padding-bottom: 1.325em; */
	padding-top: .45em;
	
}
link-group-content 
{ display: block; }
link-data 
{ display: block; }

link-data
{
	font-family: var(--font-type-serif);
	font-size: .825em; line-height: 1.325em;
	letter-spacing: var(--font-type-serif-letter-spacing); word-spacing: var(--font-type-serif-word-spacing);
	font-weight: 400;
	font-style: normal;
	font-optical-sizing: var(--font-type-serif-font-optical-sizing);
	font-variation-settings: var(--font-type-serif-font-variation-settings);
	
	margin-left: var(--gap-width); margin-right: var(--gap-width);
}

link-data > a {
	display: block;
	margin-left: var(--gap-width); margin-right: var(--gap-width);
}
link-data link-description a {
	margin-left: 0; margin-right: 0;
}


main p[data-portfoliocomponent="links-description"],
main p[data-portfoliocomponent="portfolio-description"]
{ margin-bottom:  calc( var(--nav-height) + var(--gap-width) ); padding-left: var(--gap-width); padding-right: var(--gap-width); }

link-description {
	
	display: block;
	
	font-family: var(--font-type-sans-serif);
	font-size: .825em; line-height: 1.5em;
	letter-spacing: var(--font-type-sans-serif-letter-spacing); word-spacing: var(--font-type-sans-serif-word-spacing);
	font-weight: 400;
	font-style: normal;
	font-optical-sizing: var(--font-type-sans-serif-font-optical-sizing);
	font-variation-settings: var(--font-type-sans-serif-font-variation-settings);
	
	padding-top:.325em;
	padding-left: 1em; padding-right: 1em;
	
}

.portfolio-section-content 
{ padding-left: 1em; padding-right: 1em; }

download-data { display: block; }

download-data a { display: flex; }

download-grid {
	position: relative;
	display: grid;
	
	grid-template-columns:
		[left]
		min-content
		[icon-text]
		minmax(0, 100%)
		[right]
	;
	
	grid-template-rows:
		[top]
		min-content
		[bottom]
	;
}

download-image-cell {
	display: flex;
	
	grid-column-start: left;
	grid-column-end: icon-text;
	
	grid-row-start: top;
	grid-row-end: bottom;
}

download-image-cell  div {
	background-image: url('/images/by-page/default/icons/files/misc.png');
	width: 52px; height: 69px;
	margin-bottom: -3px; margin-right: -2px;
}

download-text-cell {
	display: flex; flex-direction: column;
	justify-content: center; align-items: flex-start;
	
	grid-column-start: icon-text;
	grid-column-end: right;
	
	grid-row-start: top;
	grid-row-end: bottom;
	
	padding-left: calc( var(--gap-width) * 1.5 );
	
	gap: .125em;
}

download-text-title {
	font-size: 1em;

	font-family: var(--font-type-sans-serif);
	line-height: var(--font-type-sans-serif-line-height);
	letter-spacing: var(--font-type-sans-serif-letter-spacing); word-spacing: var(--font-type-sans-serif-letter-spacing);
	
	font-optical-sizing: var(--standard-font-optical-sizing);
	font-variation-settings: var(--standard-font-variation-settings);
}

download-text-filetype {
	font-size: .75em;
	font-style: oblique;
}

download-text-title,
download-text-filetype
{ line-height: 1.25em; }


download-description {
	position: relative;
	display: block;
	font-size: .75em;
	padding-left: calc( var(--gap-width) * 1.5 );
	padding-top: var(--gap-width); 
	
	font-family: var(--font-type-sans-serif);
	line-height: var(--font-type-sans-serif-line-height);
	letter-spacing: var(--font-type-sans-serif-letter-spacing); word-spacing: var(--font-type-sans-serif-letter-spacing);
	
	font-optical-sizing: var(--standard-font-optical-sizing);
	font-variation-settings: var(--standard-font-variation-settings);
	
}



link-data:not(:nth-child(1)),
.portfolio-downloads-section download-data:not(:nth-child(1))
 {
	border-top: 2px solid #ccc;
	padding-top: .5em;
}
link-data:not(:nth-last-child(1)),
.portfolio-downloads-section download-data:not(:nth-last-child(1))
{
	padding-bottom: .5em;
}


download-data
{
	position: relative;
	padding-left: .5em; padding-right: .5em;
}

download-data[data-state="over"] download-image-cell div 
{ background-position: 0 -100%; }
download-data[data-state="over"] a 
{ color: #f00; }

download-data[data-state="down"] download-grid,
download-data[data-state="down"] download-description
{ top: 1px; left: 1px; }

download-data[data-state="down"] download-image-cell div 
{ background-position: 0 -200%; }
download-data[data-state="down"] a 
{ color: #0f0; }


download-data[data-filetype="doc"] download-image-cell div 
{ background-image: url('/images/by-page/default/icons/files/word.png'); }
download-data[data-filetype="doc"] a
{ color: #12a1e0; }
download-data[data-filetype="doc"][data-state="over"] a 
{ color: #26b5e7; }
download-data[data-filetype="doc"][data-state="down"] a 
{ color: #0f8fce; }

download-data[data-filetype="ppt"] download-image-cell div 
{ background-image: url('/images/by-page/default/icons/files/ppt.png'); }
download-data[data-filetype="ppt"] a
{ color: #f66b3d; }
download-data[data-filetype="ppt"][data-state="over"] a 
{ color: #f88455; }
download-data[data-filetype="ppt"][data-state="down"] a 
{ color: #e45d34; }

download-data[data-filetype="xls"] download-image-cell div 
{ background-image: url('/images/by-page/default/icons/files/xls.png'); }
download-data[data-filetype="xls"] a
{ color: #67bd55; }
download-data[data-filetype="xls"][data-state="over"] a 
{ color: #80cc6e; }
download-data[data-filetype="xls"][data-state="down"] a 
{ color: #59aa49; }

download-data[data-filetype="html"] download-image-cell div 
{ background-image: url('/images/by-page/default/icons/files/html.png'); }
download-data[data-filetype="html"] a
{ color: #ef5b25; }
download-data[data-filetype="html"][data-state="over"] a 
{ color: #f3743b; }
download-data[data-filetype="html"][data-state="down"] a 
{ color: #dd4e1f; }


download-data[data-filetype="css"] download-image-cell div 
{ background-image: url('/images/by-page/default/icons/files/css.png'); }
download-data[data-filetype="css"] a
{ color: #2d81ff; }
download-data[data-filetype="css"][data-state="over"] a 
{ color: #4399ff; }
download-data[data-filetype="css"][data-state="down"] a 
{ color: #2671ed; }

download-data[data-filetype="js"] download-image-cell div 
{ background-image: url('/images/by-page/default/icons/files/js.png'); }
download-data[data-filetype="js"] a
{ color: #2d81ff; }
download-data[data-filetype="js"][data-state="over"] a 
{ color: #4399ff; }
download-data[data-filetype="js"][data-state="down"] a 
{ color: #2671ed; }

download-data[data-filetype="ps"] download-image-cell div 
{ background-image: url('/images/by-page/default/icons/files/ps.png'); }
download-data[data-filetype="ps"] a
{ color: #7aabdd; }
download-data[data-filetype="ps"][data-state="over"] a 
{ color: #92bde5; }
download-data[data-filetype="ps"][data-state="down"] a 
{ color: #6a99ca; }

download-data[data-filetype="ai"] download-image-cell div 
{ background-image: url('/images/by-page/default/icons/files/ai.png'); }
download-data[data-filetype="ai"] a
{ color: #e6a23a; }
download-data[data-filetype="ai"][data-state="over"] a 
{ color: #ecb651; }
download-data[data-filetype="ai"][data-state="down"] a 
{ color: #d49031; }

download-data[data-filetype="indd"] download-image-cell div 
{ background-image: url('/images/by-page/default/icons/files/indd.png'); }
download-data[data-filetype="indd"] a
{ color: #ce4c97; }
download-data[data-filetype="indd"][data-state="over"] a 
{ color: #da64ac; }
download-data[data-filetype="indd"][data-state="down"] a 
{ color: #bb4185; }

download-data[data-filetype="pdf"] download-image-cell div 
{ background-image: url('/images/by-page/default/icons/files/acrobat.png'); }
download-data[data-filetype="pdf"] a
{ color: #ef2c0b; }
download-data[data-filetype="pdf"][data-state="over"] a 
{ color: #f3421e; }
download-data[data-filetype="pdf"][data-state="down"] a 
{ color: #dd2509; }

download-data[data-filetype="zip"] download-image-cell div 
{ background-image: url('/images/by-page/default/icons/files/zip.png'); }
download-data[data-filetype="zip"] a
{ color: #a79956; }
download-data[data-filetype="zip"][data-state="over"] a 
{ color: #baae6f; }
download-data[data-filetype="zip"][data-state="down"] a 
{ color: #95874a; }

[data-hidden="true"]{ display: none; }

main img {
	max-height: 600px;
	max-width: 100%;
}

image-frame description-text{
	display: block;
	color: #ddd;
	padding: .75em 3px 1em 3px;
	font-size: .75em;
	line-height: 1.45em;
}

expl-l > expl-g > expl-c {
	padding-top: 1.25em;
}

expl-l > expl-g:not(:nth-last-child(1)) > expl-c {
	padding-bottom: 2.75em;
}

main h3,
main h3:not(:nth-last-child(1))
{
	font-family: var(--font-type-serif);
	font-size: 1.625em;
	line-height: var(--font-type-serif-line-height);
	letter-spacing: var(--font-type-serif-letter-spacing); word-spacing: var(--font-type-serif-word-spacing);
	
	font-weight: 400;
	font-style: normal;	
	
	font-optical-sizing: var(--font-type-serif-font-optical-sizing);
	font-variation-settings: var(--font-type-serif-font-variation-settings);
	
	margin-bottom: .275em;
}


main h4,
main h4:not(:nth-last-child(1))
{
	font-family: var(--font-type-sans-serif);
	font-size: 1.125em;
	
	font-style: normal;
	font-weight: bold;
	
	margin-bottom: .6125em;
	
	font-optical-sizing: var(--font-type-sans-serif-font-optical-sizing);
	font-variation-settings: var(--font-type-sans-serif-font-variation-settings);
}