/*--------------------------------------------------------
 $Contact-card
--------------------------------------------------------*/

.contact-card {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12);
    background: #fff;
    display: inline-block;
    padding: 1.65rem;
    margin-bottom: 1.65rem;
    position: relative;
    width: 100%
}

.contact-card dl {
    margin: 0;
    padding: 0
}

.contact-card dd {
    margin-left: 0;
    padding-left: 0;
    font-weight: 500;
    margin-bottom: .4125rem;
    line-height: 1.3
}

.contact-card dd a {
    color: #00A4E3;
    border-bottom: solid thin;
}

.contact-card dd a.icon {
    border-bottom: 0;
}

.contact-card dd a:hover {
    color: #ecac00;
    text-decoration: none;
}

.contact-card .contact-pic {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: relative;
    margin-bottom: 1.65rem
}

.contact-card .contact-pic img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.contact-card .contact-pic.square-pic {
    border-radius: 0
}

.contact-card .contact-id {
    margin-bottom: .825rem;
    padding-bottom: .4125rem;
    border-bottom: solid thin #d8d8d8;
    min-width: 50%;
}

.contact-card .contact-info {
    font-size: 16px;
	margin-left: 1rem !important;
}

.contact-card .contact-info.with-labels dd:before {
    display: inline-block;
    width: 100%;
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    margin-top: .4125rem
}

.contact-card .contact-info.with-labels .contact-email:before {
    content: "email"
}

.contact-card .contact-info.with-labels .contact-phone:before {
    content: "phone"
}

.contact-card .contact-info.with-labels .contact-address dd {
    margin-bottom: 0
}

.contact-card .contact-info.with-labels .contact-address .contact-building:before {
    content: "address"
}

.contact-card .contact-name {
    font-weight: 600;
    font-size: 1rem
}

.contact-card .contact-title {
    font-size: 1rem
}

.contact-card .contact-department {
    font-weight: 500;
    margin-bottom: .4125rem;
    font-size: 1rem
}

.contact-card.with-bio .contact-wrapper {
    background: white;
    padding-bottom: 1.65rem;
    border-bottom: solid thin #e5e5e5
}

.contact-card.with-bio .contact-bio {
    max-height: 0;
    overflow: hidden;
    max-width: 720px;
    margin-top: 1.65rem
}

.contact-card.with-bio .contact-bio.is-expanded {
    max-height: 2000px
}

.contact-card.with-bio .contact-bio .bio-title {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    margin-bottom: .825rem
}

.contact-card.with-bio .bio-expander {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: .825rem 1.65rem;
    font-size: 16px;
    border-bottom: 0;
    line-height: 1;
    width: 100%;
    text-align: center
}

.contact-card.with-bio .bio-expander .icon:before {
    content: 'Read bio';
}
.contact-card.with-bio .contact-bio.is-expanded + .bio-expander .icon:before {
    content: 'Close bio';
}

@media (min-width: 769px) {
    .contact-card.inline .contact-pic,
    .contact-card.inline .contact-content,
    .contact-card.inline .contact-id,
    .contact-card.inline .contact-info {
        display: inline-block;
        vertical-align: middle;
    }
    .contact-card.inline .contact-pic {
        margin-bottom: 0;
    }
    .contact-card.inline .contact-id,
    .contact-card.inline .contact-info {
        margin-left: 1.65rem;
    }
    .contact-card.inline .contact-id {
        border-bottom: 0;
        margin-bottom: 0;
    }
    .contact-card.inline .contact-info {
        padding-left: 1.65rem;
        border-left: solid thin #d8d8d8;
    }
}




/*--------------------------------------------------------
 $Responsive Table
--------------------------------------------------------*/

.table-title {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    text-align: center;
    margin-bottom: .825rem;
    display: block
}

.table,
.table-snippet {
    width: 100%;
    margin-bottom: 1.65rem
}

.table tr,
.table-snippet tr {
    border-bottom: solid thin #c3c3c3
}

@media(min-width:769px) {
    .table tr,
    .table-snippet tr {
        border-bottom: 0
    }
}

.table th,
.table td,
.table-snippet th,
.table-snippet td {
    padding: .825rem .825rem .4125rem .4125rem;
    text-align: left
}

.table th,
.table-snippet th {
    font-weight: 600;
    border-bottom: solid thin #e1e1e1;
    display: none
}

@media(min-width:769px) {
    .table th,
    .table-snippet th {
        display: table-cell
    }
}

.table td,
.table-snippet td {
    border-bottom: solid thin #ededed;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    width: 100%
}

.table td:first-child,
.table-snippet td:first-child {
    padding-top: .825rem
}

@media(min-width:769px) {
    .table td:first-child,
    .table-snippet td:first-child {
        padding-top: .4125rem
    }
}

.table td:last-child,
.table-snippet td:last-child {
    padding-bottom: .825rem;
    border-bottom: 0
}

@media(min-width:769px) {
    .table td:last-child,
    .table-snippet td:last-child {
        padding-bottom: .4125rem;
        border-bottom: solid thin #e1e1e1
    }
}

.table td:before,
.table-snippet td:before {
    content: attr(data-th) ": ";
    font-weight: 600
}

@media(min-width:769px) {
    .table td:before,
    .table-snippet td:before {
        display: none
    }
}

@media(min-width:769px) {
    .table td,
    .table-snippet td {
        display: table-cell;
        width: auto;
        border-bottom: solid thin #e1e1e1
    }
}

.table--bordered {
    width: 100%;
    margin-bottom: 1.65rem
}

.table--bordered tr {
    border-bottom: solid thin #c3c3c3
}

@media(min-width:769px) {
    .table--bordered tr {
        border-bottom: 0
    }
}

.table--bordered th,
.table--bordered td {
    padding: .825rem .825rem .4125rem .4125rem;
    text-align: left
}

.table--bordered th {
    font-weight: 600;
    border-bottom: solid thin #e1e1e1;
    display: none
}

@media(min-width:769px) {
    .table--bordered th {
        display: table-cell
    }
}

.table--bordered td {
    border-bottom: solid thin #ededed;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    width: 100%
}

.table--bordered td:first-child {
    padding-top: .825rem
}

@media(min-width:769px) {
    .table--bordered td:first-child {
        padding-top: .4125rem
    }
}

.table--bordered td:last-child {
    padding-bottom: .825rem;
    border-bottom: 0
}

@media(min-width:769px) {
    .table--bordered td:last-child {
        padding-bottom: .4125rem;
        border-bottom: solid thin #e1e1e1
    }
}

.table--bordered td:before {
    content: attr(data-th) ": ";
    font-weight: 600
}

@media(min-width:769px) {
    .table--bordered td:before {
        display: none
    }
}

@media(min-width:769px) {
    .table--bordered td {
        display: table-cell;
        width: auto;
        border-bottom: solid thin #e1e1e1
    }
}

.table--bordered td,
.table--bordered th {
    border: solid thin #e1e1e1
}

.table--bordered th {
    background: #f0f0f0
}

.nav-social-media .social-label {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    display: block;
    margin-bottom: .4125rem
}

.nav-social-media .social-icon {
    margin-right: .4125rem;
    border-bottom: 0
}

.nav-social-media .social-icon.instagram:before {
    background-position: 0 -360em;
    width: 2.4em;
    height: 2.4em;
    content: ' ';
    font-size: 10px;
    vertical-align: middle;
    display: inline-block;
    background-image: url(images/svg/sprite.svg);
    background-repeat: no-repeat
}

.nav-social-media .social-icon.twitter:before {
    background-position: 0 -682.2em;
    width: 2.4em;
    height: 2.4em;
    content: ' ';
    font-size: 10px;
    vertical-align: middle;
    display: inline-block;
    background-image: url(images/svg/sprite.svg);
    background-repeat: no-repeat
}




/*--------------------------------------------------------
 $Page Anchors
--------------------------------------------------------*/


.page-anchors {
    padding: 0;
    margin-bottom: 1.65rem
}

 .page-anchors .list {
    list-style: none;
    margin: 0;
    padding-left: 1.65rem;
    border-left: solid #e5e5e5
}

 .page-anchors .list:before {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    content: "On this page";
    margin-bottom: .4125rem;
    display: block
}

 .page-anchors .list .item {
    line-height: 1.3;
    margin-bottom: .4125rem
}

 .page-anchors .list .item a {
    border-bottom: none;
    text-decoration: none
}

 .page-anchors .list .item a:hover {
    text-decoration: none
}

@media(min-width:1024px) {
     .page-anchors .list.right {
        float: right;
        padding: .4125rem .825rem 0;
        font-size: .84211rem
    }
}

@media(min-width:big-desktop) {
     .page-anchors .list.right {
        float: right;
        padding: .4125rem .825rem 0;
        font-size: .84211rem
    }
}

 .page-anchors.is-fixed {
    width: 100%;
    max-width: 53.89474rem;
    margin: 0 auto;
    padding: 0 .825rem
}

@media(min-width:1024px) {
     .page-anchors.is-fixed {
        position: fixed;
        top: 0
    }
     .page-anchors.is-fixed .right {
        margin-right: 1.65rem
    }
}

@media(min-width:big-desktop) {
     .page-anchors.is-fixed {
        position: fixed;
        top: 0
    }
     .page-anchors.is-fixed .right {
        margin-right: 1.65rem
    }
}




/*--------------------------------------------------------
 $Promo blocks
--------------------------------------------------------*/

.promo-block.action {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    background: #f2f2f2;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .825rem 1.65rem;
    margin-bottom: 1.65rem
}

.promo-block.action>div {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.promo-block.action p {
    font-weight: 500;
    margin-bottom: 0;
    -webkit-font-smoothing: antialiased;
			margin-right: 0.4125rem;
}

.promo-block.action .action-button {
    font-weight: 600;
    text-transform: uppercase;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    border-radius: 3px;
    border-bottom: 0;
    text-decoration: none;
    line-height: 1;
    display: inline-block;
    margin-bottom: 1.65rem;
    cursor: pointer;
    word-wrap: normal;
    font-size: .84211rem;
    color: white;
    background: #1291b9;
    padding: .825em 1.65em;
    font-size: .68421rem;
    margin-bottom: 0
}

.promo-block.action .action-button:hover {
    text-decoration: none;
    border-bottom: 0
}

.promo-block.action .action-button:hover {
    background: #0f7b9d;
    color: white
}





/*--------------------------------------------------------
 $Department Contact/Contact Header
--------------------------------------------------------*/

.contact-header {
    margin-bottom: 1.65rem
}

.contact-header .contact-card.flat {
    box-shadow: none;
    background: transparent;
    padding: 0;
    width: 100%
}

.contact-header .contact-card.flat.department dd {
    font-size: 1rem;
    margin-bottom: .825rem
}

.contact-header .contact-card.flat.department dt {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility
}

.contact-header iframe {
    width: 100%;
    height: 100%;
    min-height: 250px
}

.contact-header .social-media {
    margin-top: .825rem;
    margin-bottom: 1.65rem
}

.contact-header .social-media .title {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .68421rem;
    color: #7f7f7f;
    letter-spacing: .05263rem;
    text-rendering: optimizeLegibility;
    margin-bottom: .825rem
}

.contact-header .social-media .list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

.contact-header .social-media .item {
    display: inline-block;
    margin-right: .825rem
}

.contact-header .social-media .icon {
    text-decoration: none;
    border-bottom: 0
}

.contact-header .social-media .facebook:before {
    background-position: 0 -518.4em;
    width: 2.4em;
    height: 2.4em;
    content: ' ';
    font-size: 10px;
    vertical-align: middle;
    display: inline-block;
    background-image: url(images/svg/sprite.svg);
    background-repeat: no-repeat
}

.contact-header .social-media .twitter:before {
    background-position: 0 -1146em;
    width: 2.4em;
    height: 2.4em;
    content: ' ';
    font-size: 10px;
    vertical-align: middle;
    display: inline-block;
    background-image: url(images/svg/sprite.svg);
    background-repeat: no-repeat
}

.contact-header .social-media .instagram:before {
    background-position: 0 -655.2em;
    width: 2.4em;
    height: 2.4em;
    content: ' ';
    font-size: 10px;
    vertical-align: middle;
    display: inline-block;
    background-image: url(images/svg/sprite.svg);
    background-repeat: no-repeat
}

@media(min-width:769px) {
    .contact-header {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style: none;
        margin: 0;
        padding: 0;
        margin: -2.0625rem 0 2.0625rem -2.0625rem;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
    .contact-header>div,
    .contact-header iframe {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
    .contact-header>div,
    .contact-header iframe {
        padding: 2.0625rem 0 0 2.0625rem
    }
	.contact-header iframe {
    min-height: 450px
}
}





/*overrides*/
			  .wrapper--interior a[id] {
            color: initial !important;
    border-bottom: 0;
    text-decoration: none;
    }
			.wrapper--interior a[id]:hover {
			color: initial !important;
			cursor: auto;
			}


/*--------------------------------------------------------
 &Trumps
 - styles to override existing interior.css
 - we should be able to delete these once the new 
   interior.css is ready
--------------------------------------------------------*/

.contact-card .contact-info,
.contact-card .contact-id {
    display: block;
}

.contact-card dd {
    margin-top: initial;
	margin-top: 0;
}

.contact-card .contact-email a {
    color: #00A4E3;
    border-bottom: solid thin;
    text-decoration: none;
}

.contact-card .contact-email a:hover {
    color: #ecac00;
}

.contact-card.with-bio .bio-expander {
    text-decoration: none;
}

.contact-card .link-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}


/*--------------------------------------------------------
 $Pretty Photo
--------------------------------------------------------*/

.ou-pretty-photo {
    list-style: none !important;
    padding-left: 0 !important;
}