/***** Table of Contents
 *
 *		Normalize
 *		Skeleton
 *		Header
 *		Mobile Nav
 *		Homepage Body
 *		Inner Pages
 *		Footer
 *
 ***** Table of Contents */






/******
 *
 *    Normalize
 *
 ******/


html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}


h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
	max-width: 840px;
	width: 100%;
	height: auto;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/******
 *
 *    Skeleton
 *
 ******/


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
	position: relative; 
	width: 100%; 
	max-width: 840px; 
	margin: 0 auto; 
	padding: 0 20px;
	box-sizing: border-box; 
}

/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton 
are based on 10px sizing. So basically 1.5rem = 15px :) */
html { 
	font-size: 62.5%;
}
	
body {
	font-size: 1.8em; /* currently ems cause chrome bug misinterpreting rems on body element */
	line-height: 1.6;
	font-weight: 300;
	font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #333;
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5 { 
	margin-top: 0;
	padding-top: 0.7rem;
	margin-bottom: 2rem;
	clear: both;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
  
h1 {font-size: 3.6rem; line-height: 1.2; padding-top: 2.0rem; font-weight: 600; text-align: center;}
h2 {font-size: 2.8rem; line-height: 1.25; padding-top: 3.2rem; font-weight: 600;}
h3 {font-size: 2.0rem; line-height: 1.3;  padding-top: 2.0rem; font-weight: 600;}
h4 {font-size: 2.0rem; line-height: 1.35; font-weight: 300;}
h5 {font-size: 1.8rem; line-height: 1.5; font-weight: 300;}

@media (min-width: 750px) {
	h1 {font-size: 5.6rem; line-height: 1.2; padding-top: 2.0rem; font-weight: 600; text-align: center;}
	h2 {font-size: 3.6rem; line-height: 1.25; padding-top: 3.2rem; font-weight: 600;}
	h3 {font-size: 2.8rem; line-height: 1.3;  padding-top: 2.0rem; font-weight: 600;}
	h4 {font-size: 2.0rem; line-height: 1.35; font-weight: 300;}
	h5 {font-size: 1.8rem; line-height: 1.5; font-weight: 300;}
}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a { 
	color: #187c6b;
	text-decoration: none;
}

a:hover { 
	text-decoration: underline;
}

/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
	margin-bottom: 1rem;
}

input,
textarea,
select,
fieldset {
	margin-bottom: 1.5rem;
}

pre,
blockquote,
form,
dl,
figure,
table,
p,
ul,
ol,
form {
	margin-bottom: 2.5rem;
}

p {
	margin-top: 0;
}

/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
	padding: 12px 15px;
	text-align: left;
	border-bottom: 1px solid #E1E1E1;
}

th:first-child,
td:first-child {
	padding-left: 0;
}

th:last-child,
td:last-child {
	padding-right: 0;
}

/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul,
ul li { 
	list-style: disc;
	margin-left: 1.5em;
}

ol { 
	list-style: decimal inside;
}

ol, ul {
	padding-left: 0;
	margin-top: 0;
}

ul ul, 
ul ol,
ol ol, 
ol ul { 
	margin: 1.5rem 0 1.5rem 3rem; 
}

li {
	margin-bottom: 1rem;
}

ul.inline li {
	display: inline-block;
}


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.full-width {
	width: 100%;
	box-sizing: border-box;
}

.max-full-width {
	max-width: 100%;
	box-sizing: border-box;
}

.pull-right {
	float: right;
}

.pull-left {
	float: left;
}


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
	margin-top: 3rem;
	margin-bottom: 3.5rem;
	border-width: 0;
	border-top: 1px solid #E1E1E1;
}

/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after { 
	content: "";
	display: table;
	clear: both;
}

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries 
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it 
there. 
*/


/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}


/******
 *
 *    Header
 *
 ******/

.site-header {
	margin: 2rem auto;
}

.logo {
	text-indent: -1000px;
}

.logo > a {
	display: block;
	margin: 0 auto;
	background-image: url(https://78ccf8.claudeassets.com/20260518125018im_/https://archpractice.com/templates/archpractice/images/ap-logo.svg);
	background-size: 198px 30px;
	height: 30px;
	width: 198px;
	z-index: 100;
}

@media (min-width: 1000px) {
	.site-header {
		position: relative; 
		width: 100%; 
		max-width: 840px; 
		margin: 2rem auto 5rem; 
		padding: 0 20px;
		box-sizing: border-box; 
		display: flex;
		justify-content: space-between;
	}

    .logo > a {
		margin: 0;
		background-size: 264px 40px;
		height: 40px;
		width: 264px;
	}
}

/******
 *
 *    Mobile Nav
 *
 ******/

.site-container {
    z-index: 0;
}

.header-menu { 
	margin-top: 1rem;
}

.header-menu ul.menu {
	display: none;
	position: relative;
	z-index: 1;
	margin: 0;
}

.header-menu ul.menu > li {
    display: block; 
    background: #e9e9e9;
    margin-bottom: 0px;
}

.header-menu ul.menu > li:hover {
    background: #e1e1e1;
}

.header-menu ul.menu > li a {
	display: block; 
	text-align: center;
	padding: 0.5rem;
}

.header-menu ul.menu > li a:hover {
	text-decoration: none;
}

ul.nav-child {
    display: none;
	position: relative;
    background-color: #e1e1e1;
    margin: 0 0 0 0;
    z-index: 2;
}

ul.nav-child li {
    background-color: #e1e1e1;
    padding: 0 20px;
    margin-bottom: 0;
    margin-left: 0;
}

ul.nav-child li a::before {
	content: "- ";
	margin-left: 2rem;
}

.mobile-only {
    display: block; 
    line-height: 2.5rem;
    text-align: center;
    padding: 0.5rem 0;
}

.mobile-only::before {
	content: "\2630";
	margin-right: 0.5em;
}

.menu-container { 
	width: 100%;
	max-width: none;
	padding: 0;
	background-color: #e1e1e1;
}

.nav-child-toggle {
	display: inline-block;
	position: absolute;
	right: 0;
	padding: 0 10px;
	z-index: 10;
}

.mobile-only, .nav-child-toggle {
	cursor: pointer;
}


/******
 *
 *    Desktop Nav
 *
 ******/

@media (min-width: 1000px) {
	.header-menu {
		margin: 0;
	}

	.menu-container {
		background: none;
		padding-top: 1.8rem;
	}
	
	.mobile-only {
		display: none;
	}
	
	.header-menu ul.nav {
		display: inline;
		margin: 0;
	}

	.header-menu ul.nav li {
		display: inline;
		margin: 0;
		padding: 0 1rem;
		background: none;
	}

	.header-menu ul.menu > li:last-child {
		padding-right: 0;
	}

	.header-menu ul.menu > li:hover {
		background: none;
	}

	.header-menu ul.menu > li a {
		display: inline;
		color: #999;
		text-transform: uppercase;
		font-size: 1.5rem;
	}

	.header-menu ul.menu > li a:hover {
		color: #187c6b;
	}
}

/******
 *
 *    Homepage Body
 *
 ******/


/******
 *
 *    Inner Pages
 *
 ******/

dl.article-info {
	font-size: 1.3rem;
	color: #999;
}

dl.article-info dd {
	margin-left: 0;
	margin-inline-start: 0;
}

ul.taglist li, ul.tags li {
	margin-left: 0;
	list-style: none;
}
ul.tags li a {
	font-size: 1.3rem;
	padding: 0.25rem 0.45rem;
	text-transform: uppercase;
	background-color: #efefef;
	color: #333;
}

ul.tags li a:hover {
	color: #187c6b;
	text-decoration: none;
}


@media (min-width: 750px) {
	ul.taglist {
		column-gap: 1.5rem;
		column-count: 2;
		text-align: center;
	}
}

/******
 *
 *    Footer
 *
 ******/

.site-footer {
	text-align: center;
	margin: 2.5rem 0;
}

.site-footer ul.nav {
	margin: 0;
}

.site-footer ul.nav li {
	display: inline-block;
	margin: 0;
	padding: 0 1.5rem;
}

.site-footer ul.nav li a {
	font-size: 1.5rem;
	color: #999;
	text-transform: uppercase;
}

.site-footer ul.nav li a:hover {
	color: #187c6b;
	text-decoration: none;
}

.copyright {
	color: #999;
	font-size: 1.2rem;
}

/*
     FILE ARCHIVED ON 14:15:05 Aug 05, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:51:32 Jul 24, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.41
  exclusion.robots: 0.045
  exclusion.robots.policy: 0.037
  esindex: 0.027
  cdx.remote: 55.117
  LoadShardBlock: 261.923 (3)
  PetaboxLoader3.datanode: 160.701 (5)
  PetaboxLoader3.resolve: 373.549 (2)
  load_resource: 352.909
  loaddict: 40.455
*/