blockquote {
        margin-left: 50px;
        padding-left: 25px;
        border-left: 2px solid #58A7AF;
        color: #004E42;
        font-size: 20px;
        line-height: 30px;
        font-family: "Sentinel SSm A", "Sentinel SSm B";
        letter-spacing: 0;
		font-display:swap;
}


@media screen and (min-width:1200px) {
        blockquote {
                font-size: 28px;
                line-height: 38px;
        }
}


table {
        border-collapse: collapse;
	    margin:1rem 0 3rem 0;
}

tr:first-child > *:first-child {
        border-top-left-radius: 5px;
}

tr:first-child > *:last-child {
        border-top-right-radius: 5px;
}

tr:last-child > *:first-child {
        border-bottom-left-radius: 5px;
}

tr:last-child > *:last-child {
        border-bottom-right-radius: 5px;
}

tr:nth-of-type(even) > td {
        background-color: rgba(241, 241, 239, .5);
}

tr:nth-of-type(odd) > td {
        background-color: rgb(241, 241, 239);
}

th {
        background-color: #6CC24A;
        background-color: #006747;
        color: white;
	    padding-top:1.3rem;
}

td + td,
th + td,
th + th {
        border-left: 2px solid #6CC24A;
	    border-left: 2px solid #006747;

}

th,
td {
        vertical-align: middle;
        padding: 5px;
}




/* ######################### */

h1,
h2,
h3,
h4,
h5,
h6 {
        font-family: "Sentinel SSm A", "Sentinel SSm B";
        letter-spacing: 0;
        color: #006747;
        line-height: normal;
	    margin-bottom:1rem;
		font-display:swap;
}

h1 {
        font-size: 34px;
       /* color: #58A7AF;
          color: #0a555d; */
}

h2 {
        font-size: 26px;
}

h3 {
        font-size: 28px;
}

h4 {
        font-size: 24px;
        color: #004e42;
}

h5 {
        font-size: 22px;
        color: #004e42;
}

h6 {
        font-size: 20px;
        color: #004e42;
        margin-top: 1.33em;
        margin-bottom: 1.33em;
}

/* ##################################33 */


div.content h1 {
	font-size:2.8rem;
	/* exmplar: registrar/forms.html */
}


/* #################################### */


.right {
	float:right;
}

/* exception for new footer */
span.chevron.right {
	float:none !important;
}

figure {

	display:table;
	border-top:.8rem solid #f1f1ef;
	border-radius: .5rem;
}

figure > img {
	max-width:100%;
	height:auto;
}

figure figcaption {

	display: table-caption;
	caption-side: bottom;
	text-align: left;
	color: rgb(0, 0, 0);
	margin-bottom: 1.5em;
	background-color: #f1f1ef;
	font-size: 12px;
	line-height: 1.25;
	padding: 1.3em;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;

}

figure.right {

	float:right;
	margin: 1.6rem;

}

figure.left {

	float:left;
	margin: 1.6rem;

}




p a:not(.btn) {
	text-decoration: underline;
}

button,
input[type="button"],
input[type="submit"],
.btn,
.btn.btn-info {
	border-radius: 6px;
	border-radius: 3px;
	padding: 0.5em 1em;
	margin: 1em;
	font-size: 14px;
	text-decoration: none;
	display: inline-block;
	background-color: #006747;
	color: #ffffff;
}

button:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
.btn:focus,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.btn:hover {
	background: rgb(100, 150, 106);
	color: rgb(255, 255, 255);
	outline: none;
}


/* FLICKR */

div.flickr_gallery {
	display: grid;
	justify-content: start;
	grid-column-gap: .75em;
	grid-row-gap: .75em;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	clear: both;
}

div.flickr_gallery > a {
	place-self: center;
}

a.flickrseemorelink {
	float: right;
}


/*  MISCELLANEOUS  */

h1.page_title {
	color:#063535;
	margin-bottom:2rem;
}

p.lead {
	color:#063535;
	font-size:2rem;
	margin-bottom:3rem;

}

p img {

	margin: 1.5rem;	

}

p.lead img {

	margin:1.5rem;	
	display:block;

}


h2 {

	margin-top:1.5rem;	
	line-height:1.3;
}

h3 {

	margin-top:1.5rem;

}

blockquote p img {

	margin:1.2rem;

}

p + ul {

	margin-left:2rem;
}


/**   TABLES   **/


tr:nth-of-type(odd) > td {
	background-color:rgb(241,241,239);
}

tr:nth-of-type(even) > td {
	background-color:rgba(241,241,239,.5);
}

th, td {
	vertical-align: middle;
	padding: 5px;
}


/*  not legacy */

.main_content a:not(.btn) {

	color:#006747;	

}

/*  library index.html query form */

input#primoQueryTemp {

	line-height:2.7rem;
	font-size:1.6rem;
	background:#f1f1f1;
	padding:.5rem;
	padding-left:.7rem;
	font-family:Arial;
	border:1px solid #d2d2cd;
	border-radius:1px;
}


select#scopeSelecter {

	height:3.9rem;
	line-height:3.5rem;
	padding:.6rem;
	background:#f1f1f1;
	border:1px solid #d2d2cd;
	border-radius:1px;
	margin-bottom:.7rem;


}

/* library image in newsfeed */

.wp-post-image {
	margin-right:1.2rem;
}



/*   people grid   */

.people-grid-flex {
	display: flex;
	flex-direction: row;
	flex-wrap:wrap;
}

.person-in-grid {
	border: 1px solid #ddd;
	display: flex;
	flex-direction:column;
	padding:1.3rem;
	width:28rem;
	margin-bottom: 1.3rem;
	box-shadow: 9px 9px 7px -6px rgba(201, 212, 206, 0.24);
	margin-right:1.2rem;
}

.person-in-grid:hover {
	box-shadow: 9px 9px 7px -6px rgba(201, 212, 206, 0.43);
	
}

.person-in-grid > p {
	line-height:.85;
}

.person-title {
	font-size:2.1rem;
	font-weight:bold;
}

.person-title, .person-line {
	color: #666;
	text-align:center;
}

h2.name {
	text-align:center;
}

h6 span {
	font-size: 2rem;
	line-height: 2;
}


/* picture-list */

li.picture-list-item {
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	margin-bottom:4rem;
	
	border-bottom:1px solid #ddd;

	}


/***   START NEW STYLING FOR PICTURE-LIST ***/


      .picture-list {
            display: flex;
            flex-direction: column;
            border: 0px solid green;
          }

          .picture-list-row {
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 2rem;
            border: 0px solid red;

            justify-content: center;
          }

          .picture-list-content {
            flex: 1 1 400px;
            margin-left: 1rem;
            border: 0px solid greenyellow;

          }

          .picture-list-content>h1 {
            margin-top: 1rem;
          }

          .picture-list-image {
            margin: 1rem;
          }

          .picture-list-content {
            display: inline-block;
            border: 0px solid blue;

          }

/***   END NEW STYLING FOR PICTURE-LIST ***/

@media screen and (max-width:568px) { 
	h2 {
		clear:both;
	}
}