@charset "UTF-8";

/* Subset of RTA css created April 2024 - RHL */

.detail-header {
    margin-bottom: 0;
    font-size: 39px;
    font-weight: 700; }
    @media (min-width: 1140px) {
        .detail-header {
        padding-top: 60px; } }

.detail-subheader {
    margin-top: 0;
    font-size: 23px;
    font-weight: 400; }

.detail-hero {
    display: block;
    padding: 6rem 0 2rem 0;
    background-color: #ededed; }
.detail-hero .detail-sidebar {
    margin: 0 auto;
    max-width: 360px; }
.detail-hero .detail-content {
    text-align: center; }
    @media (min-width: 680px) {
        .detail-hero {
            padding: 6rem 0 2rem 0; }
        .detail-hero .row {
            display: flex;
            align-items: center; }
        .detail-hero .detail-content,
        .detail-hero .detail-sidebar {
            position: relative;
            display: flex;
            flex-flow: column;
            justify-content: flex-end;
            text-align: left; } }
    @media (min-width: 1140px) {
        .detail-hero {
            padding: 0rem 0 2rem 0; }
        .detail-hero .row {
            display: flex;
            align-items: flex-end; }
        .detail-hero .detail-avatar,
        .detail-hero .detail-logo-container {
            position: relative;
            bottom: -6rem; } }

.detail-sidebar {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
    @media (min-width: 680px) {
        .detail-sidebar {
        float: left;
        width: 33.33333%; } }

.detail-avatar {
    width: 100%;
    border: 4px solid #fbc731;
    border-radius: 50%;
    object-fit: cover; }

.detail-sidebar-connect {
    margin: 0 auto;
    margin-bottom: 60px;
    width: 100%;
    border: 1px solid #e7e7e7;
    box-shadow: 0 -10px 0 #1cb2a8;
    border-top-color: transparent; }
    @media (min-width: 1140px) {
        .detail-sidebar-connect {
        margin-top: 8rem; } }
    .detail-sidebar-connect .heading-secondary {
        padding-left: 15px; }

    .detail-connect {
        margin-bottom: 0;
        padding: 0;
        list-style-type: none; }

.detail-connect-link {
    display: block;
    padding: 15px 10px 15px 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #727272;
    overflow: hidden;
    text-decoration: none;}
    .detail-connect-link:hover {
        background: #fffbbf;
        text-decoration: none; }

    .detail-connect-item {
        padding: 0;
        font-weight: 500;
        line-height: 0.9em; }
        .detail-connect-item .fa {
          margin-right: 10px;
          width: 20px;
          font-size: 19px; }

.detail-content {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
    @media (min-width: 680px) {
        .detail-content {
        float: left;
        width: 66.66667%; } }
    @media (min-width: 920px) {
        .detail-content {
        float: left;
        width: 58.33333%; } }
    @media (min-width: 920px) {
        .detail-content {
        margin-left: 8.33333%; } }

.detail-connect-linkedin .fa {
    color: #0077b5; }

.container-thin {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px; }
    .container-thin:before, .container-thin:after {
        content: " ";
        display: table; }
    .container-thin:after {
        clear: both; }
    @media (min-width: 680px) {
        .container-thin {
        width: 650px; } }
    @media (min-width: 920px) {
        .container-thin {
        width: 810px; } }
    @media (min-width: 1140px) {
        .container-thin {
        width: 1030px; } }

.heading-with-rule:before, .heading-with-rule:after {
    content: " ";
    display: table; }
.heading-with-rule:after {
    clear: both; }
.heading-with-rule .heading-primary,
.heading-with-rule .heading-secondary {
    /* background-color: white; */
    padding-right: 15px;
    color: #202020;
    position: relative;
    z-index: 1000;
    float: left; }

.link-with-rule {
    border-top: 1px solid #e7e7e7;
    margin: 60px 0px;
    font-size: 13px;
    color: #727272;
    padding-top: 10px;
    display: block; }
    .link-with-rule:hover {
        border-top-color: #dadada;
        text-decoration: none;
        color: #79ccc9; }
    .link-with-rule .fa {
        font-size: 0.75em;
        margin-left: 1px; }

.heading-secondary, .link-with-rule, .font-nimbus-default {
    font-weight: 700;
    text-transform: uppercase; }