/* CSS for Components - copied into the main stylesheet */

/* Of Note ***************************************** */
 .center .ofnote {
	 padding-left: 25px;
	 margin-top: 30px;
}
 .center .ofnote article {
	 border-bottom: 1px solid #ccc;
	 padding: 0 0 30px 0;
	 margin: 0 0 30px 0;
	 display: flex;
}
 .ofnote article figcaption h3.title {
	 margin-top: 0;
}
 .center .ofnote article figure {
	 margin-right: 30px;
}
 .ofnote h2 {
	 margin-bottom: 20px;
	 margin-top: 0;
}
/* Of Note ***************************************** */

/* Tilelist ***************************************** */
 .tilelist {
	 margin-bottom:40px;
}
 .tilelist li {
	 border:0;
	 margin:0;
}
 .tilelist li .columns{
	 padding:10px;
}
 .tilelist p.staff-address, .tilelist p.staff-phone {
	 margin-bottom:0;
}
 .tilelist p.staff-email {
	 margin-bottom: 5px;
}
 .tilelist .staff-description , .tilelist .staff-responsibilities {
	 margin-bottom: 20px;
}

 .tilelist li .hidden-section, .staffprofiles li .hidden-section {
	 display: none;
	 margin-top: 20px;
}
 .tilelist li {
	 border-bottom: 1px solid #EEE;
}
 .tilelist li img.component-img {
	 max-width: 150px;
	 padding: 0 20px 0 0;
}
 .tilelist li {
	 border-bottom:2px solid #EEE;
	 padding-bottom:5px;
}
 .tilelist li li {
	 border-bottom:0;
}

 .tilelist li a.slide-trigger:hover{
	 background:none;
}
 .tilelist .staff-responsibilities ul li {
	 list-style-type: disc;
}
 .tilelist .staff-description ul li {
	 list-style-type: disc;
}
/* Tilelist ***************************************** */

/* Block Grid ***************************************** */
.main-content .highlights .row .columns {
    padding-bottom: 0;
}

.highlights {
    margin-bottom: 40px;
}

 .two-up figure figcaption {
	 border-top:none;
	 background-color: #fff;
}

.two-up a {
	 color: #d72121;
	 text-decoration: underline;
}

 .two-up a:hover p {
	 color: #d72121;
}
 .two-up a:hover img {
	 opacity: 0.7;
}
 .two-up a figure figcaption h3 {
	 font-size: 140%;
}
 .two-up figcaption h3 {
	 padding-bottom: 8px;
}
 .two-up figcaption h3 a {
	 font-size: 120%;
	 color: #000;
	 line-height: 1.4em;
}

.three-up figure {
    padding-bottom: 0;
    margin-bottom: 0;
}
.three-up figure .btn {
    margin: 15px 0 0 0;
    font-size: 1em;
    color: #fff;
}

.three-up figure .btn:hover {
    color: #000;
}

.three-up figure a {
    color: #d72121;
    text-decoration: underline;
}

.three-up figcaption h3 a {
	 color: #000;
}
/* Block Grid ***************************************** */

/* Staff List ***************************************** */
 .staffprofiles li {
	 border-bottom: 1px solid #ccc;
	 margin-bottom: 10px;
	 padding-bottom: 10px;
}

 .staffprofiles h3.staff-name {
	 margin: 0 0 15px 0;
}

 .staffprofiles h4.job-title {
	 margin: 0;
}

 .staffprofiles a.slide-trigger, .tilelist li a.slide-trigger {
     position: relative;
	 display: block;
	 margin: 10px 0;
	 padding: 15px 20px;
	 border: 1px solid #ccc;
	 text-decoration: none;
	 color: #000;
}

.staffprofiles a.slide-trigger::before, .tilelist li a.slide-trigger::before {
    content: '';
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
     right: 2em;
     position: absolute;
     top: 1.5rem;
     height: 0.125rem;
     width: 0.8125rem;
     background: #d72121;
     transition-property: transform;
     transition-duration: 0.2s;
}

.staffprofiles a.item-active.slide-trigger::before, .tilelist li a.item-active.slide-trigger::before {
    -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
}

.staffprofiles a.slide-trigger::after, .tilelist li a.slide-trigger::after {
    content: '';
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
     right: 1.5em;
     position: absolute;
     top: 1.5rem;
     height: 0.125rem;
     width: 0.8125rem;
     background: #d72121;
     transition-property: transform;
     transition-duration: 0.2s;
}

.staffprofiles a.item-active.slide-trigger::after, .tilelist li a.item-active.slide-trigger::after {
    -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
}

/* Staff List ***************************************** */

/* Banner ***************************************** */
 .banner .site-banner {
	 position: relative;
}
 .banner .site-banner h1 {
	 position: relative;
	 bottom: 0;
	 margin-top: 0;
	 background-color: transparent;
	 color: #fff;
	 margin-left: 0;
	 text-shadow: none;
	 padding: 10px 20px;
	 background-color: #d72121;
	 width: 100%;
}
 .banner .site-banner h1.preheader {
	 margin-bottom: 0;
}
 .banner .site-banner a {
	 color: #fff;
}
 .banner .site-banner.img h1 {
	 position: absolute;
	 left: 0;
	 bottom: 0;
	 background-color: rgba(0, 0, 0, 0.8);
	 color: #fff;
	 margin: 0;
	 padding: 10px 20px;
	 width: 100%;
}
 .banner .site-banner.img h1.preheader {
	 bottom: 59px;
}
 .banner .site-banner.img a {
	 color: #fff;
}

.banner .row .columns {
    padding-left: 0;
    padding-right: 0;
}
/* Banner ***************************************** */

/* Wordpress ************************************** */
.wordpress h2 {
    margin-bottom: 0;
}
/* Wordpress ************************************** */

/* Basic Template Adjustments */
.main-content .row .columns.submenu {
    padding-right: 20px;
}

[class*="block-grid-"] {
    margin: 0;
}

.main-content h1:first-of-type, .main-content h2:first-of-type, .main-content h3:first-of-type, .main-content h4:first-of-type, .main-content h5:first-of-type, .main-content h6:first-of-type {
    margin-top: 0;
}

.banner h1 {
    width: 100%;
    margin-left: 0;
}
/* Basic Template Adjustments */