@charset "UTF-8";
* {
    margin:0;
    padding:0
}
html {
    scroll-behavior:smooth!important;
    font-size:100%;
    min-width:fit-content;
}
body {
    margin:0 0 2em 1.7em;
    align-content:flex-start;
    max-width:1200px;
    min-height:100vh;
    letter-spacing:.007em;
}
header {
    position:fixed;
    width:100%;
    top:0;
    left:0;
    z-index:1;
}
body,header {
    background-color:#f5f0e4;
}
header p {
    float:left;
    display:block;
    margin-left:230px;
    margin-bottom:75px;
}
aside {
    position:sticky;
    top:115px;
    flex:0 0 200px;
    align-self:flex-start;
}
main {
    display:flex;
    flex-direction:row;
    flex-basis:550px;
    flex-shrink:1;
    flex-grow:.5;
    z-index:2;
}
article {
    padding-right:25px;
    margin-top:77px;
    max-width:725px;
}
h2 {
    scroll-margin-top:100px;
}
li,ol,p,ul,table {
    scroll-margin-top:116px;
}
footer {
    margin-top:3em;
    clear:both;
}
figure,iframe {
    margin-bottom:2rem;
    margin-left:-1rem;
}
figure img,iframe {
    display:block;
    border:1rem solid #fff;
    width:100%;
    margin-bottom:1rem;
}
address {
	all:unset;
	display:inline-block;
}
@media screen and (max-width:800px) {
    html body {
        display:block;
    }
    main {
        margin:0;
        display:block;
        flex:none;
    }
    aside {
        display:none;
    }
    article {
        max-width:100vw;
        margin-top:100px;
    }
    header {
        margin-left:0;
        height:4em;
    }
    header p {
        margin:18px 0 -1.9em 100px;
        text-align:right;
    }
    h1 {
        font-size:2.2rem;
    }
	figure {
		margin-left:0;
	}
}
@media print {
    aside,header,nav {
        display:none;
    }
/*    figure {
        display:none;
    } */
    body {
        display:block!important;
    }
    body {
        background-color:#fff!important;
        zoom:80%;
    }
    article,body {
        width:100%;
        margin:0!important;
        padding:0;
    }
    article {
        margin-top:2em;
    }
    p {
        orphans:2!important;
        widows:2!important;
    }
    h1 {
        padding-right:0!important;
    }
    a,article,h1,h2,li,p,strong {
        color:#000!important;
    }
    h1,h2,h3 {
        page-break-after:avoid;
    }
    h1,h2,h3 {
        break-after:avoid;
    }
    a {
        border-bottom:#000 1px solid;
    }
    ol,ul,blockquote {
        margin-left:2em;
        margin-right:1em;
    }
    @page {
        margin:35pt 80pt 50pt;
    }
}
.text li,p,figcaption {
    font-family:Lora,serif;
    font-size:1.08rem;
    word-spacing:-.03em;
}
blockquote.courier p {
	font-family:monospace;
	font-size:.95rem;
	word-spacing:-.03em;
}
footer p,h1,h2,li,blockquote p,address,strong,table,.sans {
    font-family:'Libre Franklin',sans-serif;
    font-size:1.03rem;
    word-spacing:0;
}
h1 {
    font-weight:300;
    font-size:2.5rem;
    line-height:45px;
    margin:35px 0 26px -3px;
}
h2 {
    font-size:1.15rem;
    font-weight:600;
    padding-top:1.25em;
}
h2 + h1 {
    margin-top: -1rem;  /* to tighten spacing on news pages without a photo */
}
h2,p {
    margin-top:1.25em;
    margin-bottom:1.25em;
}
li,p,figcaption,blockquote,address {
    line-height:1.7;
}
figcaption {
	color:#746a65;
	font-size: 1rem;
    line-height: 1.5;
    background-color: white;
    margin-top: -1.5rem;
    padding-left: 1rem;
	margin-right: -2rem;
    padding-right: 1rem;
    padding-bottom: 0.7rem;
}

article strong,strong a {
    font-weight:600;
    letter-spacing:.02rem;
    color:#915417;
}
article em, figcaption {
	font-style:italic;
}
header p a {
    font-family:'Lexend Peta',sans-serif;
    font-weight:600;
}
footer p,nav li {
    font-size:.8rem;
}
header p {
    font-size:.85rem;
    text-transform:uppercase;
}
aside li,aside ol {
    margin:0;
    list-style-type:none;
}
aside ol {
    margin-top:.25em;
    margin-bottom:24px;
}
aside li {
    padding-right:0;
    font-weight:500;
}
footer p {
    margin-top:0;
    margin-bottom:0;
}
ul.bullet li {
    list-style-type:disc;
}
ol,ul,blockquote {
    margin-left:4rem;
    margin-top:1.25em; /* reduced from 1.75em since too much space between p and ul */
    margin-right:5em;
    margin-bottom:1.75em; 
}
blockquote p.large, blockquote.large p {
	font-size: 2rem;	
	line-height: 1.3;
	padding-right: 6rem;
	color: #ad8713;
}
blockquote p.large .kern, blockquote.large p.kern {
	text-indent: -.85rem;
}

li > ul {
	margin-top: .75rem;
	margin-bottom: 0;
	margin-left: 2rem;
	margin-right:0;
}
li {
    margin-bottom:.75rem;
}
article ol,article ul {
    max-width:530px;
}
article li ul {
    max-width:498px;
}
footer p,li {
    font-weight:300;
}
.highlight {
	background-color: yellow;
}
@media screen and (max-width:900px) {
    ol,ul,blockquote {
        margin-left:2em;
        margin-right:1em;
    }
	figure img {
		border:none;
		width:98%;
	}
	figcaption {
		background-color:#f5f0e4;
		padding-left:0;
		margin-top:-0.5rem;
		margin-right:0;
	}

}
article,article a:visited,li a,p a,p a:visited,address a,address a:visited,table a,table a:visited,figcaption a {
    color:#5a5745;
}
h1,h2,h2 a:visited {
    color:#000;
}
article li a,article p a,figcaption a,address a,address a,table a, h2 a {
    border-bottom:#ffc000 1px solid;
}
a,aside a,footer p a,header a,nav a {
    text-decoration:none;
    background-color:transparent;
    border-bottom:none;
}
footer a:link,footer a:visited,footer p,header a:link,header a:visited,nav,nav a:link,nav a:visited {
    color:#7c7a76;
}
nav li {
    color:#fff;
}
a:active,a:hover,footer a:active,footer a:hover,header a:hover,nav a:active,nav a:hover {
    color:#000;
}
a:hover {
    transition:color .2s ease-in;
}
::selection {
    background:#d3cebf;
    color:#2a2422
}


table {
	table-layout: inherit;
	width: 100%;
  	border-collapse:collapse;
  border-spacing: 0;
 	text-align: right;
 font-weight: 300;
    line-height:1.5;
  overflow-x: visible; overflow-y: auto;
  white-space:normal;
  margin: 2em 0 2.5em 0;
  background-color: white;
}
table th, table td {
	 font-weight: 300;
}
table tr th:first-child, table.left {
	text-align: left;
}
table tr.bold td, tr.bold th {
	font-weight:600;
}
table tr.border {
	border-top:3px solid #9b846d;  /* for spay-neuter chart and anywhere else a border is desired */
}
th {
	color: #5a5745;
}
h2 + table {
	margin-top: 1em;
}
table + p {
	margin-top:-1.5rem;
}
tbody {
  word-wrap: break-word;
}
tbody.dingbats td {
	font-size:1.4rem;
}
th,
td {
  padding: 10px 8px 10px 15px;
  border: 1px solid #c1bfb8;
  vertical-align:baseline;
}
tr th:first-child {
	white-space: nowrap;
}
/* tr th:first-child,tr td:first-child {
    border-left: 0px solid;
	padding-left: 0;
} 
tr td:last-child, tr th:last-child {
    border-right: 0px solid;
} */
tr td:first-child {
	font-size:.95rem;
}
thead tr th {
	background-color: #9b846d;
	color: white;
}
@media screen and (max-width: 900px) {
table { 
  /*  margin-left: -2em;
    margin-right: -2em; 
	font-size: 0.8rem; */  }
tr td:last-child, tr th:last-child {
	width: inherit;
}
}





#menuToggle {
    display:block;
    position:fixed;
    top:20px;
    left:1.7em;
    z-index:1;
    -webkit-user-select:none;
    user-select:none;
}
#menuToggle a {
    text-decoration:none;
    color:#ffeab7;
    transition:color .3s ease;
}
#menuToggle a:hover {
    color:#fff;
}
#menuToggle input {
    display:block;
    width:40px;
    height:32px;
    position:absolute;
    top:-7px;
    left:-5px;
    cursor:pointer;
    opacity:0;
    z-index:2;
    -webkit-touch-callout:none;
}
#menuToggle span {
    display:block;
    width:33px;
    height:4px;
    margin-bottom:5px;
    position:relative;
    background:#cdcdcd;
    border-radius:3px;
    z-index:1;
    transform-origin:4px 0;
    transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease;
}
#menuToggle span:first-child {
    transform-origin:0 0;
}
#menuToggle span:nth-last-child(2) {
    transform-origin:0 100%;
}
#menuToggle input:checked~span {
    opacity:1;
    transform:rotate(45deg) translate(-2px,-1px);
    background:#232323;
}
#menuToggle input:checked~span:nth-last-child(3) {
    opacity:0;
    transform:rotate(0) scale(.2,.2);
}
#menuToggle input:checked~span:nth-last-child(2) {
    transform:rotate(-45deg) translate(0,-1px);
}
#menu {
    position:absolute;
    width:140vw;
 /*   max-height:100vh; removed so that menu is full height on mobile */  
    margin:-100px 0 0 -50px;
    padding:115px 50px 25px 50px;
    box-sizing:border-box;
    overflow-y:auto;
    background:#666;
    list-style-type:none;
    -webkit-font-smoothing:antialiased;
    transform-origin:0 0;
    transform:translate(-100%,0);
    transition:transform .5s cubic-bezier(.77,.2,.05,1);
}
#menu li {
    max-width:750px;
    padding:0;
    font-size:1.25rem;
    font-weight:600;
}
#menu li ul {
    padding:0 0 0 2em;
    margin-bottom:0;
    list-style-type:none;
}
#menu li ul li {
    padding:0;
    margin-bottom:0;
    font-weight:300;
}
#menuToggle input:checked~ul {
    transform:none;
}
@media screen and (max-width:800px) {
    #menu li ul {
        padding-left:0;
    }
}



/* TEST FOR HOMEPAGE */

/* container */
.flex-grid {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
.flex-grid .col {
  flex: 1;
}

@media (max-width: 400px) {
  .flex-grid {
    display: block;
  }
}