:root {
    --rt-color-white: #fff;
    --rt-color-dark: #222;
    --rt-color-success: #8dc572;
    --rt-color-error: #be6464;
    --rt-color-warning: #f0ad4e;
    --rt-color-info: #337ab7;
    --rt-opacity: 0.9;
    --rt-transition-show-delay: 0.15s;
    --rt-transition-closing-delay: 0.15s;
}

#ma-timeline :focus {
    box-shadow: 0 0 0 .2rem rgba(187, 121, 84, 0.333);
}

#ma-timeline .col-map svg {
    width: 100%;
    height: auto;
}

#ma-timeline .col-map svg path.active {
    fill: #b3c3c8;
}

#ma-timeline .col-map svg circle {
    transition: all 0.1s ease-in-out;
    stroke-width: 1.5;
    /* stroke-width: 0; */
}
#ma-timeline .col-map svg circle.past {
    stroke: rgba(69, 108, 119, 0.25);
    stroke: #b3c3c8;
    stroke: rgba(255, 255, 255, 0.5);
}

#ma-timeline .col-map svg circle.ma {
    stroke: rgba(187, 121, 84, 0.25);
    stroke: #eeddd4;
    stroke: rgba(255, 255, 255, 0.5);

}

#ma-timeline .col-map svg circle.active {
    r: 15px;
    /* stroke: rgba(255, 255, 255, 0.25); */
    stroke-width: 10;
    paint-order: stroke;
    /* stroke-width: 2; */
}

#ma-timeline .col-map svg circle:hover,
#ma-timeline .col-map svg circle:focus {
    /* stroke: rgba(255, 255, 255, 0.25); */
    paint-order: stroke;
    stroke-width: 10;
    r: 15px;
    outline: 0;
}

#ma-timeline .col-map svg circle:focus {
    /* stroke-width: 2px; */
    r: 20px;
}

#ma-timeline .col-map svg circle.past.active,
#ma-timeline .col-map svg circle.past:hover {
    stroke: rgba(69, 108, 119, 0.25);
    stroke: rgba(255, 255, 255, 0.5);
}

#ma-timeline .col-map svg circle.ma.active,
#ma-timeline .col-map svg circle.ma:hover {
    stroke: rgba(187, 121, 84, 0.25);
    stroke: rgba(255, 255, 255, 0.5);
}

#ma-timeline .col-map svg circle:focus {
    stroke: rgba(187, 121, 84, 0.333) !important;
}

#ma-timeline .col-map svg circle.past {
    fill: #456C77;
}

#ma-timeline .col-map svg circle.ma {
    fill: #BB7954;
}

#ma-timeline .col-map svg circle.office {
    stroke: #251811;
    stroke-width: 2.5px;
    fill: transparent;
}

#ma-timeline .col-timeline {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 768px) {
    #ma-timeline .col-timeline {
        margin-top: 1rem;
    }
}

#ma-timeline .col-timeline .slide-prev {
    order: 1;
    width: 20px;
    text-indent: -9999px;
    border: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23bd7f5a'%3E%3Cpath d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-12 12.17-12z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left center;
    margin-right: 3px;
}

#ma-timeline .col-timeline .slide-prev:focus {
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23093744'%3E%3Cpath d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-12 12.17-12z'/%3E%3C/svg%3E"); */
}

#ma-timeline .col-timeline .slide-next {
    margin-left: 3px;
    order: 3;
    width: 20px;
    text-indent: -9999px;
    border: 0;
    background-color: transparent;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' transform='rotate(180)' fill='%23bd7f5a'%3E%3Cpath d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-12 12.17-12z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left center;
}

#ma-timeline .col-timeline .slide-next:focus {
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' transform='rotate(180)' fill='%23093744'%3E%3Cpath d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-12 12.17-12z'/%3E%3C/svg%3E"); */

}

#ma-timeline .col-timeline-inner {
    flex: 1 0;
    order: 2;
    max-width: 100%;
}

#ma-timeline .timeline-progress-bar {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#ma-timeline .timeline-progress-bar span {
    width: auto;
    height: 10px;
    display: block;
    flex: 1 0;
    font-size: 2px;
    text-indent: -9999em;
    background: #b3c3c8;
}

#ma-timeline .timeline-progress-bar span.past {
    background: #093744;
}

#ma-timeline .timeline-progress-bar span.current {
    background: #bd7f5a;
}

#ma-timeline .col-timeline-years {
    padding: 30px 20px;
    background-color: #ebeff1;
}

#ma-timeline .col-timeline-years h3 {
    font-weight: bold;
    font-size: 40px;
    color: #093744;
}

#ma-timeline .col-timeline-years .timeline-year-aum {
    font-size: 1.25rem;
    font-family: termina, sans-serif;
    color: #111C24;
    border-bottom: 1px solid #c1c3c6;
    padding-bottom: 1rem;
    margin: 0;
}

#ma-timeline .col-timeline-years .card {
    background: none;
    border: 0;
    border-bottom: 1px solid #c1c3c6;
    border-radius: 0;
}

#ma-timeline .col-timeline-years .card:focus-within {
    box-shadow: 0 0 0 .2rem rgba(187, 121, 84, 0.333);
    /* background: #fff; */
    /* box-shadow: none; */
}

#ma-timeline .col-timeline-years .card button:focus {
    box-shadow: none;
}

#ma-timeline .col-timeline-years .card-header {
    background: none;
    border: 0;
    padding: 0;
}

#ma-timeline .col-timeline-years .card-body {
    padding: 10px 20px 1rem 22.5px;
}

#ma-timeline .col-timeline-years img {
    width: 200px;
    display: block;
    height: auto;
    max-height: 100px;
    object-fit: contain;
    object-position: center;
    margin: 0 auto 1rem auto;
}

#ma-timeline .col-timeline-years h4 {
    display: flex;
    margin-bottom: 0;
}

#ma-timeline .col-timeline-years h4 button {
    white-space: wrap;
    background: none;
    border: 0;
    padding: 8px 23px 8px 3px;
    width: 100%;
    text-decoration: none;
    cursor: pointer;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #111c24;
    transition: all 0.2s ease-in-out;
}

#ma-timeline .col-timeline-years h4 button:not(.collapsed) {
    background-color: #fff !important;
}

#ma-timeline .col-timeline-years h4 button span {
    display: block;
    font-weight: 400;
    font-size: 0.875rem;
    margin-left: 22.5px;
}

#ma-timeline .col-timeline-years h4 button {
    /* background-color: #fff; */

}

#ma-timeline .col-timeline-years h4 button::before {
    transform: translateY(2.5px);
}

#ma-timeline .col-timeline-years .timeline-item--office h4 button::before {
    content: "";
    border-radius: 50%;
    display: inline-block;
    width: 15px;
    height: 15px;
    background: transparent;
    border: 2.5px solid #251811;
    margin-right: 5px;
}

#ma-timeline .col-timeline-years .timeline-item--ma h4 button::before {
    content: "";
    border-radius: 50%;
    display: inline-block;
    width: 17.5px;
    height: 17.5px;
    background: #bb7954;
    /* border: 1px solid #fff; */
    margin-right: 5px;
}

#ma-timeline .col-timeline-years .timeline-year {
    display: none;
}

#ma-timeline .col-timeline-years .timeline-year.current {
    display: block;
}

#ma-timeline .col-timeline-years .timeline-item-as-of-date {
    font-size: 0.875rem;
    font-style: italic;
}

#ma-timeline .timeline-progress-dots {
    display: flex;
    justify-content: center;
    gap: 7px;
    width: 100%;
}

#ma-timeline .timeline-progress-dots button {
    flex: 1 1 16px;
    width: 16px !important;
    max-width: 16px;
    height: 16px;
    padding: 0;
    border-radius: 50%;
    display: inline-block;
    font-size: 2px;
    text-indent: -9999em;
    background: #b3c3c8;
    border: 0;
}

#ma-timeline .timeline-progress-dots button.current {
    background-color: #bd7f5a;
}

#ma-timeline .timeline-progress-dots button:focus {
    background-color: #bd7f5a;
}

#ma-timeline .map-tooltip {
    background-color: #fff;
    color: #093744;
    text-align: center;
    line-height: 1.2;
}

#ma-timeline .accordion-collapse {
    transition: all 0.2s ease-in-out;
}

#ma-timeline .accordion-collapse.show,
#ma-timeline .accordion-collapse.collapsing {
    background: #fff;
}

#ma-timeline .accordion-button {
    background: url("data:image/svg+xml,%3Csvg width='20' height='3' viewBox='0 0 20 3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 1.5L1.5 1.5' stroke='%239E9E9E' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat right 5px center !important;
}

#ma-timeline .accordion-button.collapsed {
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='10' y1='1.5' x2='10' y2='18.5' stroke='%239E9E9E' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M18.5 10L1.5 10' stroke='%239E9E9E' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat right 5px center !important;
}

#ma-timeline .aum-as-of {
    display: inline-block;
    font-style: italic;
    margin: 1rem 0 0 0;
    font-size: 14px;
    color: #5f5f5f;
}
#ma-timeline .aum-as-of a {
    color: #965d3c;
}

#ma-timeline .timeline-year-aum a,
#ma-timeline .timeline-year-aum a span {
    color: #965d3c;
}

#ma-timeline .timeline-year-aum a:hover,
#ma-timeline .timeline-year-aum a:focus,
 {
    text-decoration: underline;
}


#ma-timeline :target {
    background-color: #ebd6cb;
    outline: 1px solid #ebd6cb;
}

#ma-timeline :target span,
#ma-timeline span:target,
#ma-timeline :target a {
color: #865335 !important;
}