/* Moved from styles.css */
/* Portfolio home */
#portfolio h1 { 
	font-size: 1.4rem; 
	letter-spacing: 0; 
}

#portfolio h2 { 
	font-size: 1.4rem; 
	line-height: 1.4;
}

#portfolio h3 { 
	font-size: 1.32rem; 
	line-height: 1.4;
}

#portfolio hr { 
	border: 0;
	border-top: 2px solid var(--background-overlay);
	margin: 3rem 0; 
}

#portfolio #resume_heading { 
	align-items: center; 
	display: flex; 
	gap: 2rem; 
	margin-bottom: 0.5rem; 
	margin-top: 3rem; 
}

#portfolio #resume_heading h2 { 
	margin-bottom: 0;
	margin-top: 0rem; 
}

#portfolio .portfolio_items { 
	list-style-type: none; 
	padding-left: 0; 
	margin-left: 0;
}

#portfolio .portfolio_item { 
	margin-top: 3rem; 
	margin-bottom: 3rem;  
}

#portfolio .portfolio_item_topics { 
	list-style-type: none; 
	padding-left: 0; 
	margin-left: 0; 
	margin-bottom: 0.25rem;
}

#portfolio .portfolio_item_topic { 	
	background: var(--background-overlay);
	border-radius: 3px; 
	display: inline-block;
	font-size: 0.75rem;
	font-weight: 600; 
	margin-right: 4px; 
	padding: 0px 9px;
	text-transform: uppercase; 
}

#portfolio .portfolio_item_topic.most_relevant { 	
	background: #F35F00;
	background: var(--background-overlay-em);
	color: var(--background-max);
}

#portfolio .hide_intro { 
	text-align: center; 
}

#portfolio .show_intro { 
	display: none; 
}

#portfolio .hide_intro_text .show_intro { 
	display:block; 
}

#portfolio .hide_intro_text .intro_text { 
	display:none; 
}

#portfolio .portfolio_item {
	padding: 2rem;
	padding-left: 20rem;
	border-radius: 1rem;
	background-color: var(--background-max-overlay);
	background-repeat: no-repeat;
	margin: 1rem 0;
}

#portfolio .portfolio_item h3 { 
	font-weight: 700; 
	font-size: 1.1rem; 
	margin-top: 0;
}

#portfolio .portfolio_item p:last-child {
		margin-bottom: 0;
	}


#mobile-job-search-item {
	background-image: url('/portfolio/mobile-job-search/imgs/jobsearch_iphone_v1.1.png');
	background-size: 16rem;
	background-position-y: 1rem;
	background-position-x: 2rem;
}

#mobile-apply-item {
	background-image: url('/portfolio/mobile-apply/imgs/ios_disclaimer_iphone.png');
	background-size: 16rem;
	background-position-y: 1rem;
	background-position-x: 2rem;
}

#ui-examples-item {
	background-image: url('/portfolio/ui-examples/imgs/pih_v2.2.png');
	background-size: 20rem;
	background-position-y: 1rem;
	background-position-x: -2rem;
}

#inventory-reduction-item {
	background-image: url('/portfolio/inventory-reduction/imgs/workflow_v1.1.png');
		background-size: 20rem;
	background-position-y: 1rem;
	background-position-x: -2rem;
}

#front-end-performance-item {
	background-image: url('/portfolio/front-end-performance/imgs/http_statuses.png');
	background-size: 20rem;
	background-position-y: 1rem;
	background-position-x: -2rem;
	background-position-y: center;
}



/* end move */

.intro_header {
	text-align: center; 
	margin-top: 1rem;
}

.intro_logo {
	width:100%; 
	max-height:75px;
	max-width:300px; 
	margin: 1rem auto 2rem;
	display:block;
}

/* custom-base-new */
#portfolio h1 { 
	font-size: 3.6rem; 
	font-family: "Hedvig Letters Serif", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	line-height: 1.2;
	margin-bottom: 0.5rem;
}

#portfolio h1 span { display: block; }

#portfolio h1 + p { margin-top: 0; }

#portfolio h2 { 
	font-size: 3rem; 
	font-family: "Hedvig Letters Serif", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	line-height: 1.2;
	margin-bottom: 0.5rem;
}

#portfolio h2 span { display: block; }

#portfolio h2 + p { margin-top: 0; }

#portfolio h3 { 
	font-size: 2rem; 
	font-weight: 700;
}

#portfolio .portfolio_item h3 {
	font-family: "Libre Franklin", sans-serif;
}

#portfolio h4 { font-size: 1.5rem; }

#about dt { font-style: italic; }
#about dt:before { content:"“" } 
#about dt:after { content:"”" } 

#about dd + dt { margin-top: 2rem; }
#about dd + dd { margin-top: 1rem; }

#hide_qualifications {
	background-color: var(--background-max-overlay); 
	border-radius: 1rem; 
	padding: 1rem 2rem 2rem;
}

#portfolio .em { font-weight: bold; }
#portfolio .lrg { font-size: 1.2rem; }
		
#about_header {
	display: flex;
	gap: 3rem;
	align-items: center;
}

#portfolio .portfolio_item {
	padding: 2rem;
	padding-left: 20rem;
	border-radius: 1rem;
}
			
#indeed_intro {
	text-align: center;
	margin-bottom: 3rem;
}
.indeed_example {
	display: flex;
	gap: 3rem;
	align-items: center;
	margin-bottom: 3rem;
}
.indeed_example img {
	max-width: 250px;
	border-radius: 1rem;
	background: #060838;
	background: #2164f3;
	background: var(--background-max-overlay);
}

.indeed_example:nth-child(odd) {
	flex-direction: row-reverse;
}

#indeed { margin-top: 2rem; }

.ihpgj_example { 
	height: 300px; 
	text-align: center; 
	overflow:hidden; 
	background-image: url(imgs/ihpgj_examples.png); 	
	background-repeat:no-repeat; 
	height: 914px; 
	background-position: center; 
	background-size: 1794px 914px;
}

.findhelp_example,
.leandna_example {
	margin-top: 3rem; margin-bottom: 3rem;
}

.findhelp_example {
	margin-left: 12rem;
}

.leandna_example {
	margin-right: 12rem;
}

@media (max-width:500px) {
	#portfolio h2 { 
		font-size: 3.375rem; 
	}
	#portfolio h3 { 
		font-size: 2rem; 
	}
	
	#about_header {
		flex-direction: column-reverse;
	}

	#about_header h2 { margin-top: 0; }

	.indeed_example img {
		max-width: 100%;
	}

	.indeed_example,
	.indeed_example:nth-child(odd) {
		flex-direction: column;
	}

	.findhelp_example {
		margin-left: 0;
	}
	.leandna_example {
		margin-right: 0;
	}
	.ihpgj_example { 
		height: 450px; 
		background-size: cover;
	}
}

@media (max-width:40rem) {
	#portfolio .portfolio_item {
		background-image: none;
		padding-left: 2rem;
		margin: 1rem 0;
	}
	
	
}