html {
    box-sizing: border-box;
    font-size: 14px;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

/* latin */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(/Style/fonts/inter-300.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/Style/fonts/inter-400.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/Style/fonts/inter-500.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(/Style/fonts/inter-600.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
    margin: 0;
    padding: 0;
    font-family: 'Inter', sans-serif;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.3;
    color: #2F283A;
}

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    border-radius: 0;
    border: solid 1px rgb(153 150 158 / 25%);
    line-height: 1.7;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
}

    input[type="radio"] {
        vertical-align: middle;
        margin: 0 2px 2px;
    }

    input[type='radio']:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -1px;
        left: -1px;
        position: relative;
        background-color: #fff;
        content: '';
        display: block;
        visibility: visible;
        border: 4px solid #ddd;
    }

    input[type='radio']:checked:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -1px;
        left: -1px;
        position: relative;
        background-color: #fff;
        content: '';
        display: block;
        visibility: visible;
        border: 4px solid #504d9e;
    }

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

.company-thumbnail {
    float: left;
    height: 1.2rem;
    width: 1.5rem;
    margin: -2px 10px 0 -2px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.company-thumbnail img {
    max-height: 100%;
    width: auto;
    vertical-align: middle;
}

h1,
.h1 {
    font-weight: 200;
    font-size: 1.5rem;
    margin: 0 0 .3rem;
    text-transform: none;
}

h2,
.h2 {
    font-weight: 200;
    font-size: 1.4rem;
    margin: 0 0 .3rem;
    text-transform: none;
}

h3,
.h3 {
    font-weight: 600;
    font-size: 1.3rem;
    margin: 0 0 .3rem;
    text-transform: none;
}

h4,
.h4 {
    text-transform: uppercase;
    font-weight: 200;
    font-size: 1rem;
    margin: 0 0 .3rem;
}

select {
    padding: .5rem;
    font-size: .9rem;
    border-radius: 0;
    border: solid 1px rgb(130 130 130 / 25%);
    color: #2F283A;
    position: relative;
    font-weight: 400;
    margin: .2rem .1rem;
    min-width: 150px;
    background: #fff;
}

.c-red, a.c-red {
    color: #992120;
}
.c-green, a.c-green {
    color: #3c824e;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

.skip-link {
    background: #595260;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 1em;
    left: 50%;
    position: absolute;
    border-bottom-left-radius: 0.25em;
    border-bottom-right-radius: 0.25em;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    transform: translateY(-100%);
}

.skip-link:hover {
    background: #595260;
    color: #fff;
}

.skip-link:focus {
    position: absolute;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
    padding: 4px;
    top: 0;
    transform: translateX(-50%) translateY(0);
    z-index: 5;
}

.byline-size {
    font-size: .8rem;
}

.author-bio h3, .author-bio h4 {
    font-size: 1.2em;
    line-height: 1.05em;
    margin: 5px 0 0 !important;
}

.author-bio p {
    margin-bottom: 0.7em;
}

.body-copy {
    line-height: 1.6;
}

    .body-copy h2, .body-copy h3, .body-copy h4, .body-copy h5 {
        margin-top: 1rem;
    }

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

@media (min-width: 576px) {
    html {
        font-size: 16px;
    }
}

@media (min-width: 768px) {

    h1,
    .h1 {
        font-size: 2rem;
    }

    h2,
    .h2 {
        font-size: 1.7rem;
    }

    h3,
    .h3 {
        font-size: 1.4rem;
    }

    h4,
    .h4 {
        font-size: 1.1rem;
    }
}

a, .a-blue, .read-more-button, .ticker-area {
    color: #6561b6;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}

    a:hover, a:active, .a-blue:hover, .a-blue.active, .read-more-button:hover {
        color: #34318E;
    }

    a.no-a, a.no-a:hover {
        color: inherit;
        text-decoration: inherit;
        font-weight: inherit;
    }

    a.gold,
    .a-gold {
        color: #F0C17CCC;
        font-weight: 500;
        text-decoration: underline;
    }

.bg-eggplant {
    color: #fff;
    background: #2F283A;
}

.bg-light-eggplant {
    color: #fff;
    background: #595361; /*Not Enough contrast with light-gold*/
    background: #595260;
}

.bg-white {
    background: #fff;
}

.bg-light-gray {
    background: #F1F1F1;
}

.bg-dark-gold {
    color: #fff;
    background: #F0C17C;
}

.bg-gold {
    color: #fff;
    background: #F0C17CCC;
}

.bg-light-gold {
    background: #F0C17C99
}

.bg-brown {
    color: #fff;
    background: #A26E29; /*NOT ENOUGH CONTRAST*/
    color: #9F6B28;
}

.bg-blue {
    color: #fff;
    background: #34318E;
}

.bg-gray {
    color: #fff;
    background: #c5c0cc;
}


.c-eggplant, .c-black {
    color: #2F283A;
}

.c-white,
.c-white a,
a.c-white {
    color: #fff;
}

.c-light-gray {
    color: #F1F1F1;
}

.c-dark-gold {
    color: #F0C17C;
}

.c-gold,
.c-gold a,
a.c-gold {
    color: #F0C17C;
}

    .c-light-gold,
    .c-gold a:hover {
        color: #F0C17CCC;
    }

.c-brown {
    color: #A26E29; /*NOT ENOUGH CONTRAST*/
    color: #9F6B28;
}

.c-blue {
    color: #34318E;
}

.c-gray {
    color: #c5c0cc;
}


hr {
    border: none;
    margin: 0;
    border-top: solid 1px rgb(153 150 158 / 25%);
}

.border {
    border: solid 1px rgb(130 130 130 / 25%);
}

.border-t {
    border-top: solid 1px rgb(130 130 130 / 25%);
}

.border-l {
    border-left: solid 1px rgb(130 130 130 / 25%);
}

.border-b {
    border-bottom: solid 1px rgb(130 130 130 / 25%);
}

.border-r {
    border-right: solid 1px rgb(130 130 130 / 25%);
}

.border-brown {
    border: 1.5px solid #9F6B28;
}

.border-dark-gold {
    border: 1.5px solid #f0c17c;
}

.border-blue {
    border: 1.5px solid #34318e;
}

.border-black {
    border: 1.5px solid #2f283a;
}
.border-r-0{
    border-right:none!important;
}
.border-l-0 {
    border-left: none !important;
}
.border-b-0 {
    border-bottom: none !important;
}
.border-t-0 {
    border-top: none !important;
}


.o-80 {
    opacity: .8;
}

.container {
    width: 100%;
    padding: .5px 1rem;
}

.row {
    margin-left: -1rem;
    margin-right: -1rem;
}

.c,
.px-1 {
    padding-right: 1rem;
    padding-left: 1rem;
}



.p-1 {
    padding: 1rem;
}

.py-1 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.py-2 {
    padding-top: 2em;
    padding-bottom: 2em;
}

.pt-1 {
    padding-top: 1rem;
}

.pb-1 {
    padding-bottom: 1rem;
}

.pl-1 {
    padding-left: 1rem;
}

.pr-1 {
    padding-right: 1rem;
}

.m-0 {
    margin: 0;
}

.m-1 {
    margin: 1rem;
}

.my-1 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.mb-1 {
    margin-bottom: 1rem;
}

.mt-1 {
    margin-top: 1rem;
}

.my-2 {
    margin-bottom: 2rem;
    margin-top: 2rem;
}

.mb-2 {
    margin-bottom: 2rem;
}

.mb-3 {
    margin-bottom: 3rem;
}

.ml-2 {
    margin-left: 2rem;
}

.ml-3 {
    margin-left: 3rem;
}


.header-menu>ul>li {
    padding: .8rem 0 1.5rem;
}


.header-menu ul li ul li {
    padding: 1.2rem 1em 1.5rem;
    margin: 0;
}

.header-menu a {
    color: #F1F1F1;
    font-weight: 200;
    text-decoration: none;
}

.header-menu a:hover, .header-menu a:active, .header-menu a:focus, .header-menu .hover a.level-1, .header-menu li:hover a.level-1 {
    color: #F0C17C;
}

.header-menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s;
    background-image: url(/images/arn-logo-mark-black-rgb.svg);
    background-size: 50vw;
    background-repeat: no-repeat;
    background-position: calc(100% + 19px) 40px;
}


    .header-menu:after {
        content: "";
        display: block;
        margin: .5rem -1rem;
        
        width: calc(100% + 2em);
        height: 15px;
    }


    .header-menu ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }


@media (max-width: 1099.9px) {

    .header-menu.expanded {
        max-height: 500px;
        overflow-y: scroll;
        box-shadow: 0px 5px 7px 0px rgb(0 0 0 / 30%);
    }


        .header-menu.expanded::-webkit-scrollbar {
            width: 7px;
            height: 7px;
        }

        .header-menu.expanded::-webkit-scrollbar-thumb {
            -webkit-box-shadow: inset -1px -1px 7px rgba(0,0,0,0.2);
            background: rgba(0,0,0,0.2);
            border-radius: 0;
            width: 5px;
        }


        .header-menu.expanded > ul > li {
            position: relative;
            padding: 1.1rem 0 1.1rem;
        }

            .header-menu.expanded > ul > li.has-submenu:after {
                content: "";
                display: block;
                float: right;
                position: absolute;
                top: 1.4em;
                right: 14px;
                transform: rotate(45deg);
                height: 9px;
                width: 9px;
                border-top: solid 1px rgb(153 150 158 / 100%);
                border-right: solid 1px rgb(153 150 158 / 100%);
                transition: transform .5s ease-in-out;
            }

            .header-menu.expanded > ul > li.expanded.has-submenu:after {
                transform: rotate(135deg);
            }

    .header-menu > ul > li > ul > li {
        height: 0;
        overflow: hidden;
        padding: 0;
        transition: all .5s ease-in-out;
    }

    .header-menu.expanded > ul > li.expanded > ul > li {
        height: 38px;
        overflow: hidden;
        padding: 16px 12px 0;
    }
}

.hamburger--collapse .hamburger-inner:before {
    transition: top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);
}

.hamburger--collapse .hamburger-inner:after {
    top: -20px;
    transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear;
}

.hamburger-inner:before {
    top: -10px;
}

.hamburger-inner:after {
    bottom: -10px;
}

.hamburger-inner:after, .hamburger-inner:before {
    display: block;
    content: "";
}

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-delay: .13s;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: .13s;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    position: absolute;
    width: 33px;
    height: 1.5px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    /* border-radius: 4px; */
    background-color: #fff;
}

.hamburger-box {
    position: relative;
    display: inline-block;
    width: 33px;
    height: 24px;
}


.hamburger {
    font: inherit;
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: .3rem;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity,filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent;
}

    .hamburger.expanded:hover, .hamburger:hover {
        opacity: .7;
    }

.hamburger--collapse.expanded .hamburger-inner {
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: translate3d(0,-10px,0) rotate(-45deg);
}

.hamburger.expanded .hamburger-inner, .hamburger.expanded .hamburger-inner:after, .hamburger.expanded .hamburger-inner:before {
    background-color: #fff;
}

.hamburger--collapse.expanded .hamburger-inner:before {
    top: 0;
    transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;
    transform: rotate(-90deg);
}

.hamburger--collapse.expanded .hamburger-inner:after {
    top: 0;
    transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;
    opacity: 0;
}

.d-none {
    display: none;
}

.d-flex {
    display: -ms-flexbox;
    display: flex;
}

.c-article-lg, .c-article-sm {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}


@media (min-width: 576px) {
    .d-sm-flex {
        display: -ms-flexbox;
        display: flex;
    }

        .d-sm-flex > .w-25 {
            width: 25%;
            max-width: 25%;
        }

        .d-sm-flex > .w-33 {
            width: 33.33333%;
            max-width: 33.33333%;
        }

        .d-sm-flex > .w-50 {
            width: 50%;
            max-width: 50%;
        }

        .d-sm-flex > .w-75 {
            width: 75%;
            max-width: 75%;
        }

    .d-sm-initial {
        display: initial;
    }
}




@media (min-width: 768px) {
    .container {
        width: 95%;
        margin: 0 auto;
    }

    .header-menu {
        width: 105%;
        margin: 0 -2.5%;
        padding: 0 2.5%;
        background-size: 33vw;
    }

    
    .d-md-flex {
        display: -ms-flexbox;
        display: flex;
    }

        .d-md-flex > .w-25 {
            width: 25%;
            max-width: 25%;
        }

        .d-md-flex > .w-33 {
            width: 33.33333%;
            max-width: 33.33333%;
        }

        .d-md-flex > .w-50 {
            width: 50%;
            max-width: 50%;
        }

        .d-md-flex > .w-75 {
            width: 75%;
            max-width: 75%;
        }

    .d-md-initial {
        display: initial;
    }

  
}

@media (min-width: 1100px) {
    .d-lg-flex {
        display: -ms-flexbox;
        display: flex;
    }

        .d-lg-flex > .w-25 {
            width: 25%;
            max-width:25%;
        }

        .d-lg-flex > .w-33 {
            width: 33.33333%;
            max-width: 33.33333%;
        }

        .d-lg-flex > .w-50 {
            width: 50%;
            max-width: 50%;
        }

        .d-lg-flex > .w-75 {
            width: 75%;
            max-width: 75%;
        }

    .d-lg-initial {
        display: initial;
    }

    .c-article-lg {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .c-article-sm {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .header-menu-trigger {
        display: none;
    }

    .header-menu {
        display: block;
        max-height: initial;
        width: initial;
        margin: 0;
        text-align: right;
    }
    .header-menu-right {
        width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .header-menu-left {
        width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .header-menu {
        background-image: none;
    }

        .header-menu:after {
            content: none;
        }

        .header-menu li {
            display: inline-block;
            margin-right: 15px;
        }

            .header-menu li:last-child {
                margin-right: 0;
            }

        .header-menu > ul > li ul {
            height: 0;
            overflow: hidden;
            position: absolute;
            background: #4d4657;
        }
        .header-menu ul li ul a{
            background:#4d4657;
        }

        .header-menu > ul > li > ul > li {
            height: initial;
            overflow: visible;
            padding: 1em;
            transition: all .5s ease-in-out;
        }

        .header-menu > ul > li:hover > ul,
        .header-menu ul li.hover ul{
            position: absolute;
            background: #4d4657;
            left: 0;
            right: 0;
            top: 74px;
            height: 201px;
            display: flex;
            justify-content: center;
            padding: 2rem;
            z-index: 2;
            height:auto;
            overflow:visible;
        }
}

@media (min-width: 1230px) {
    .container {
        width: 90%;
        max-width: 1500px;
    }
}


.horizontal-ul {
    padding-left: 0;
    padding-bottom: .5em;
}

    .horizontal-ul li {
        display: inline-block;
        margin-right: 15px;
    }

        .horizontal-ul li:last-child {
            margin-right: 0;
        }

.icon-info {
    font-weight: 600;
    border: solid 2px;
    border-radius: 50%;
    display: inline-block;
    width: 22px;
    height: 22px;
    text-align: center;
    vertical-align: text-bottom;
    font-size: 14px;
    margin-bottom: 2px;
}

sup {
    font-size: .7rem;
}

.underline {
    text-decoration: underline;
}

.bold {
    font-weight: 600;
}

.semibold {
    font-weight: 500;
}

.caps {
    text-transform: uppercase;
    letter-spacing: .1rem;
}

.box-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .box-list > * {
        padding: 1rem;
        margin: 0;
        border-bottom: solid 1px rgb(130 130 130 / 25%);
    }

        .box-list > *:last-child {
            border-bottom: none;
        }


button,
input[type=submit],
.button {
    -webkit-appearance: none;
    text-decoration: none;
    text-transform: uppercase;
    padding: .6em 1.3rem;
    border: solid 2px #9F6B28;
    background: transparent;
    font-weight: 600;
    color: #A26E29; /*NOT ENOUGH CONTRAST*/
    color: #9F6B28;
    display: inline-block;
    -webkit-appearance: none;
    cursor: pointer;
}

    button:hover,
    button:focus,
    input[type=submit]:hover,
    input[type=submit]:focus,
    .button:hover,
    .button:focus {
        background: #A26E29; /*NOT ENOUGH CONTRAST*/
        color: #9F6B28;
        background: linear-gradient(-363deg, transparent, transparent 8px, #A26E29 9px, #9F6B28);
        color: #fff;
    }


    .button:active {
        background: #9F6B28;
        color: #fff;
    }

    .button-gold, input[type=submit].button-gold {
        border: solid 2px #F0C17C;
        color: #F0C17C;
    }


    .button-gold:hover,
    .button-gold:focus, input[type=submit].button-gold:hover, input[type=submit].button-gold:focus {
        background: #F0C17C;
        background: linear-gradient(-363deg, transparent, transparent 8px, #F0C17C 9px, #F0C17C);
        color: #2F283A;
    }


    .button-gold:active, input[type=submit].button-gold:active {
        background: #F0C17C;
        color: #2F283A;
    }

    .close-modal {
        border:0;
    }
        .close-modal:hover,
        .close-modal:focus {
            background: none;
            color: #f0c17c;
        }

    .button-header, a.button-header,.header-menu .button-header{
        border-bottom: solid 1px #F0C17C;
        color: #F0C17C;
        padding: 3px;
        font-weight: 500;
        text-transform:uppercase;
        opacity: 1;
    }
    .button-header:hover, .button-header:focus, .button-header:active,
    a.button-header:hover, a.button-header:focus, a.button-header:active,
    .header-menu .button-header:hover, .header-menu .button-header:focus, .header-menu .button-header:active{
        color: #F1F1F1;
        border-color: #F1F1F1;
    }


.transparent-input {
    background: none;
    border: none;
    outline: none;
    border-bottom: solid 1px #fff;
    font-size: 1.5rem;
    width: 450px;
    max-width: 100%;
    color: #fff;
    font-weight: 200;
    padding: 2px;
}

.gray-bottom-input {
    background: none;
    border: none;
    outline: none;
    border-bottom: solid 1px rgb(130 130 130 / 25%);
    font-size: 1.5rem;
    width: 450px;
    max-width: 100%;
    font-weight: 200;
    padding: 2px;
}

.transparent-input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgba(255, 255, 255, .6);
    font-weight: 200;
}

.transparent-input::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(255, 255, 255, .8);
    font-weight: 200;
}

.transparent-input:-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(255, 255, 255, .6);
    font-weight: 200;
}

.transparent-input:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(255, 255, 255, .6);
    font-weight: 200;
}

/* tscrollable */

.tscrollable-wrapper-wrapper {
    position: relative;
    margin: 1rem 0 1rem;
}

.tscrollable-wrapper {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    position: static;
    border-left: solid 1px rgb(130 130 130 / 25%);
    border-right: solid 1px rgb(130 130 130 / 25%);
    border-bottom: solid 1px rgb(130 130 130 / 25%);
}


.tscrollable thead {
    z-index: 36;
    overflow-x: auto;
    overflow-y: hidden;
    will-change: scroll-position, top;
    width: 100%;
    background-color: #2F283A;
}

.tab-pane:not(.active) .tscrollable thead {
    z-index: -50;
    opacity: 0;
    pointer-events: none;
}

.tscrollable {
    border-collapse: separate;
    border-spacing: 0;
    margin: 10px 0;
    width: 100%;
    border-left: solid 1px rgb(130 130 130 / 25%);
    border-right: solid 1px rgb(130 130 130 / 25%);
}



.tscrollable-wrapper > .tscrollable {
    margin: 0;
    width: 100%;
    border: none;
}

.tscrollable tr {
    background: #fff;
}


.tscrollable.fixed-left-column td:nth-child(2), .tscrollable.fixed-left-column th:nth-child(2) {
    padding-left: 17px;
}


.tscrollable th, .tscrollable td {
    padding: 8px 10px;
}

.tscrollable td {
    min-width: 90px; /* keeps columns from getting too skinny for the corresponding th */
    border-bottom: solid 1px rgb(130 130 130 / 25%);
}

.tscrollable:not(.fixed-left-column) tr:last-child td {
    border-bottom: none;
}

.tscrollable.fixed-left-column td {
    min-width: 115px; /* if the table can scroll, there's no reason to let most cells get super skinny */
}

    .tscrollable.fixed-left-column td:first-child, .tscrollable.fixed-left-column th:first-child {
        left: 0;
        position: sticky;
        position: -webkit-sticky;
        background-color: #fff;
        z-index: 35;
        max-width: 150px;
    }

.tscrollable th, .tscrollable.fixed-left-column th:first-child {
    color: #fff;
    background-color: #2F283A;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
}

.tscrollable.fixed-left-column th:first-child {
    border-right: solid 1px rgb(153 150 158 / 25%);
}

.tscrollable.fixed-left-column td:first-child {
    border-right: solid 1px rgb(153 150 158 / 25%);
}

.tscrollable-wrapper::-webkit-scrollbar, .tscrollable thead::-webkit-scrollbar, .nice-scroll::-webkit-scrollbar {
    width: 14px;
    height: 14px;
}

.tscrollable-wrapper::-webkit-scrollbar-track, .tscrollable thead::-webkit-scrollbar-track, .nice-scroll::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 3px 3px 6px rgba(0,0,0,0.1); */
    -webkit-border-radius: 0;
    border-radius: 0;
}

.tscrollable thead::-webkit-scrollbar-track {
    background: #fff;
    border-bottom: solid 1px rgb(130 130 130 / 25%);
    border-right: solid 1px rgb(130 130 130 / 25%);
    border-left: solid 1px rgb(130 130 130 / 25%);
    padding: 1px;
}

.tscrollable-wrapper::-webkit-scrollbar-thumb, .tscrollable thead::-webkit-scrollbar-thumb, .nice-scroll::-webkit-scrollbar-thumb {
    /*  -webkit-box-shadow: inset -1px -1px 7px rgba(0,0,0,0.2);*/
    background: #f1f1f1;
    border-radius: 0;
}

.tscrollable thead::-webkit-scrollbar-thumb {
    height: 10px;
    border: 1px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
}

.tscrollable-wrapper::-webkit-scrollbar-corner, .tscrollable thead::-webkit-scrollbar-corner, .nice-scroll::-webkit-scrollbar-corner {
    /*   -webkit-box-shadow: inset 3px 3px 4px rgba(0,0,0,0.05);*/
}

.tscrollable thead.hide-scrollbar::-webkit-scrollbar {
    height: 0;
}


tr.overwritten-rating, tr.overwritten-rating td:first-child {
    background: #f4f4f4 !important;
}

@media (max-width: 550px) {

    .tplain {
        font-size: .8rem;
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30px);
    }

    .tab-content .tscrollable-wrapper-wrapper, .tab-content .tscrollable {
        margin: 10px -15px;
        width: calc(100% + 30px);
    }

    .tscrollable.fixed-left-column td:first-child {
        min-width: 90px;
        max-width: 115px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .tscrollable {
        font-size: 0.9rem;
    }
}

.fake-sticky {
    position: relative;
    transition: left 0.3s;
    max-width: 85vw;
}

.scroll-table tfoot td, .scroll-table.fixed-left-column tfoot td:first-child {
    background: #e4e4e4;
    font-weight: bold;
}

/* end tscrollable */

/* tsortable */
th[data-sort] {
    cursor: pointer;
}

/* end tsortable */


a.read-more-link:hover {
    text-decoration: none;
}

a.read-more-link:active, a.read-more-link:focus {
    cursor: progress;
    text-decoration: none;
}



.read-more-section {
    margin: 0;
    transition: max-height .2s;
    padding: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    max-height: 6.5rem;
}

    .read-more-section.clickable {
        cursor: pointer;
    }

    .read-more-section.expanded {
        max-height: initial;
        -webkit-line-clamp: unset;
        width: 99.9% /* causes repaint, which is necessary to make wide letters at the ellipses point show up */
    }


/* tooltips */
.tooltipanchor {
    display: inline-block;
    padding: 2px;
    font-size: .8rem;
    width: 1.4rem;
    height: 1.4rem;
    position: relative;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    border:0;
    background:0;
    text-transform:none;
    margin:0;
    line-height:1.4;
    padding:0;
}
    .tooltipanchor:hover,
    .tooltipanchor:focus {
        background: none;
        color: #a26e29;
    }

    .tooltipanchor .tooltiptext {
        visibility: hidden;
        width: 140px;
        background: #fff;
        border: solid 1px rgb(153 150 158 / 25%);
        text-align: left;
        padding: 8px 10px;
        border-radius: 0;
        position: absolute;
        z-index: 50;
        top: calc(100% + 10px);
        right: -12px;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
        line-height: 1.4;
        font-family: 'Inter', sans-serif;
        font-size: 15px;
        cursor: default;
        font-weight: 500;
        color: #2F283A;
    }

        .tooltipanchor .tooltiptext::after, #floatingTooltip:after {
            content: " ";
            position: absolute;
            bottom: 100%;
            right: 12px;
            margin-left: -5px;
            border-width: 7px;
            border-style: solid;
            border-color: transparent transparent rgb(153 150 158 / 25%) transparent;
        }

#floatingTooltip:after {
    right: 60px;
}


.tooltipanchor.rating-details-tooltip .tooltiptext {
    top: calc(100% + -32px);
    right: 27px;
}

.tooltipanchor:hover .tooltiptext {
    visibility: visible;
}

.tooltipanchor.rating-details-tooltip:hover .tooltiptext {
    visibility: hidden;
}


/* start chart styles */

.dv-chart, .dv-chart .axis text {
    font-size: 16px;
    font-family: 'Inter', sans-serif;
}

.bold {
    font-weight: bold;
}

/*template styles*/
.dv-chart-wrapper {
    max-width: 1336px;
    margin: 0 0 20px 0;
}

.dv-chart {
    margin: 0 5px;
}

#priceChart.dv-chart {
    margin: 0;
}

/*chart styles*/
.dv-chart .y.axis line {
    fill: none;
    stroke: #000;
    opacity: .1;
    shape-rendering: crispEdges;
    stroke-width: 2px;
}

.dv-chart .x.axis line {
    fill: none;
    stroke: none;
    shape-rendering: crispEdges;
    stroke-width: 8px;
}

.dv-chart .tick.g-baseline line {
    stroke: #000;
    stroke-width: 2px;
    opacity: .5;
}

.dv-chart .axis text {
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    pointer-events: none;
    fill: #888;
}

.dv-chart .axis.quarter-labels text {
    fill: #888;
}

.dv-chart text.year-label, .dv-chart .year-labels text {
    font-weight: normal;
}

.dv-chart .y.axis text {
    text-anchor: end !important;
    fill: #888;
}

.dv-chart .footnote {
    font-weight: normal;
    font-style: italic;
    pointer-events: none;
    fill: #888;
}

.dv-chart .domain {
    display: none;
}

.dv-chart .area {
    fill: url(#goldGradient);
    opacity: 0.5;
    stroke: #A26E29;
    stroke-width: 1px;
}

.dv-chart .invisible-line {
    stroke: none;
    stroke-width: 0;
    fill: none;
}

.dv-chart .light-line {
    stroke: #75a0bb;
    stroke-width: 1.5px;
    fill: none;
    opacity: .3;
}

.dv-chart .medium-line {
    stroke: #75a0bb;
    stroke-width: 2px;
    fill: none;
    opacity: .7;
}


.dv-chart .dark-line {
    stroke-width: 3px;
    fill: none;
    stroke: #2F283A;
}

.dv-chart .x.axis.year-lines .tick line, .dv-chart .x.axis.year-lines .tick line {
    fill: #888;
    stroke: #888;
}


.dv-chart .x.axis text {
    text-anchor: middle;
}

#priceChart .x.axis text {
    text-anchor: end;
}


.dv-chart .axis.quarter-labels text.past, .dv-chart .axis.year-labels text.past {
    fill: #2F283A;
}

.dv-chart .year-labels text {
    font-weight: normal;
}

.dv-chart .x.axis.year-lines .tick line.past, .dv-chart .x.axis.year-lines .tick line.past {
    stroke: #2F283A;
}

.dv-chart .blue-point {
    fill: #2F283A;
}

.dv-chart .overlay {
    fill: none;
    pointer-events: all;
}


.dv-chart .hover-line {
    stroke: rgb(130 130 130 / 17%);
    stroke-width: 1px;
}


.dv-chart tspan.tspan1 {
    font-size: .6rem;
}

.dv-chart g.y.axis.top line {
    stroke: none;
}


/* end chart styles */



img.alignright, img.alignleft, .financialterm img.alignleft, .financialterm img.alignright {
    margin: 5px 0 15px;
    width: 100%;
}

@media (min-width: 550px) {
    img.alignleft, .financialterm img.alignleft {
        float: left;
        margin: 5px 25px 10px 0;
        width: 30%;
        max-width: 450px;
    }

    img.alignright, .financialterm img.alignright {
        float: right;
        margin: 5px 0 10px 25px;
        width: 30%;
        max-width: 450px;
    }
}


.loading-bar {
    -webkit-animation-duration: 3s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: loadingLine;
    -webkit-animation-timing-function: linear;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: loadingLine;
    animation-timing-function: linear;
    background: #2b799f;
    background: -moz-linear-gradient(left, #ddd 0%, #ddd 48%, transparent 48%, transparent 100%);
    background: -webkit-linear-gradient(left, #ddd 0%, #ddd 48%, transparent 48%, transparent 100%);
    background: linear-gradient(left, #ddd 0%, #ddd 48%, transparent 48%, transparent 100%);
    background-size: 500px 300px;
    position: relative;
}

@keyframes loadingLine {
    0% {
        background-position: -700px 0
    }

    100% {
        background-position: 700px 0
    }
}

@-webkit-keyframes loadingLine {
    0% {
        background-position: -700px 0
    }

    100% {
        background-position: 700px 0
    }
}


.dv-chart .axis text, .dv-chart .axis text, .dv-chart .footnote {
    font-size: 15px;
    font-weight: 200;
}

.dv-chart .dark-line {
    stroke-width: 1.5px;
    fill: none;
    stroke: #2F283A;
}

.dv-chart .highPriceTargetLine {
    stroke: #A26E29
}

.dv-chart .gold-point, .dv-chart .gold-letters {
    fill: #A26E29;
}

.dv-chart .priceTargetLine {
    stroke: #34318E;
}

.dv-chart .blue-point, .dv-chart .blue-letters {
    fill: #34318E;
}

.dv-chart .lowPriceTargetLine {
    stroke: #2F283A;
}

.dv-chart .black-point, .dv-chart .black-letters {
    fill: #2F283A;
}

.dv-chart .x.axis line {
    fill: none;
    stroke: #000;
    opacity: .1;
    shape-rendering: crispEdges;
    stroke-width: 2px;
}

.dv-chart .infoSlider-text {
    font-weight: 400;
}

@media (max-width: 550px) {
    .dv-chart {
        margin: 0 -15px;
    }
}

.share-price-bar {
    fill: #2F283A;
    stroke: #2F283A;
}

.price-target-bar {
    fill: #fff;
    stroke: #2F283A;
}

text.price-target-bar, text.share-price-bar {
    fill: #2F283A;
    stroke-width: 0;
}

.mini-chart .axis text {
    font-size: 12px;
}


.range-mini-chart {
    color: #555;
    padding-top: 17px;
    text-align: center;
    margin-top: -8px;
}

.range {
    display: inline-block;
    background: #eee;
    background-image: linear-gradient(to right, #fff 25%, #2F283A 25%, #2F283A calc(25% + 1.1px), #fff calc(25% + 1.1px), #fff calc(50% - .6px), #2F283A calc(50% - .6px), #2F283A calc(50% + .6px), #fff calc(50% + .6px), #fff calc(75% - 1.1px), #2F283A calc(75% - 1.1px), #2F283A 75%, #fff 75%);
    width: calc(100% - 135px);
    height: 15px;
    text-align: center;
    margin: 0px 7px;
    position: relative;
    vertical-align: bottom;
    border: solid 1px #2F283A;
}

.reduced-range {
    width: calc(100% - 155px)
}

.range-marker {
    position: absolute;
    top: -1px;
    left: 50%;
    line-height: .95;
    transform: translateX(-50%);
    border-color: #2F283A transparent #2F283A transparent;
    border-width: 5px;
    border-style: solid;
    width: 6px;
    height: 15px;
}

.ratings-bars-group {
    position: relative;
    flex: 1;
    -ms-flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 125px;
    max-width: 29vw;
    min-width: 88px;
    min-height: 300px;
}

.ratings-bars-tooltips {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 100%;
    width: 0;
    transition: width 500ms;
    list-style: none;
    min-height: 300px;
}

.ratings-bars-tooltips li {
    white-space: nowrap;
    overflow: hidden;
}

.ratings-bars-group:hover .ratings-bars-tooltips, .current-ratings-tooltip {
    padding: .1rem 1rem;
    border: solid 1px #2F283A;
    width: 200px;
    background: #fff;
    z-index: 1;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: calc(100% - 62px);
    justify-content: space-around;
    visibility: visible;
    list-style: none;
}


.ratings-bars-group:hover .ratings-bars-tooltips li {
    width: initial;
}

.current-ratings-tooltip {
    border-color: rgb(130 130 130 / 25%);
    width: 100%;
    height: calc(100% - 132px);
    padding-top: 1.2em;
}
.current-ratings-tooltip li, .ratings-bars-tooltips li {
    padding: 4px 8px;
}

.ratings-bars-group:hover .ratings-bars-tooltips:after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    background: white;
    top: 50%;
    left: -6px;
    border-top: solid 1px #2F283A;
    border-left: solid 1px #2F283A;
    transform: rotate(-45deg);
}

.rating-bar {
    height: 1.5px;
    margin: 0 8px 8px;
}

.news-sentiment-bars .rating-bar {
    margin-bottom: 4px;
}

.news-sentiment-bars .ratings-bars-group:hover .ratings-bars-tooltips, .news-sentiment-bars .current-ratings-tooltip {
    width: 245px;
}

.story-lists ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.story-lists li {
    padding: .5em .8em;
    border-top: solid 1px rgb(130 130 130/25%);
}

.date-text {
    font-size: 12px;
    text-transform: uppercase;
}


.styled-list {
    margin: 0 0 1em 0;
    padding: 0;
    list-style: none;
    border-bottom: solid 1px rgb(130 130 130 / 25%);
}

    .styled-list li {
        padding: .5em .8em;
        border: solid 1px rgb(130 130 130 / 25%);
        border-bottom: none;
    }

    .styled-list li a {
        text-decoration: none;
    }


/* start momb more on marketbeat styles */

.more-headline {
    font-family: Inter;
    font-size: 22px;
    border-bottom: solid 1px #195c6d;
    margin: 0;
    font-weight: 700;
}

.momb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -4px;
}

    .momb .momb-section {
        -ms-flex: 4 0 280px;
        flex: 4 0 280px;
        padding: 8px 4px 4px;
    }



.momb-LeftPicture .momb-section {
    -ms-flex: 0 1 344px;
    flex: 0 1 344px;
}


.momb .linkbox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 0 -4px;
}

    /* for accessibility */
    .momb .linkbox:focus {
        -moz-box-shadow: 0 0 5px #2e9eb9;
        -webkit-box-shadow: 0 0 5px #2e9eb9;
        box-shadow: 0 0 5px #2e9eb9;
        outline: solid 1px #2e9eb9;
    }

        .momb .linkbox:hover .title-line,
        .momb .linkbox:focus .title-line {
            text-decoration: underline;
        }

.momb .imagebox {
    width: 100%;
    margin: 0 4px 8px;
}
    .momb .imagebox img {
        aspect-ratio: 3/2;
        width: 100%;
        object-fit: cover;
        object-position: center;
    }
.momb .textbox {
    font-size: 14px;
    line-height: 1.3;
    text-decoration: none;
    flex: 1 1 125px;
    padding: 0 4px;
}

.momb .linktext {
    color: #267e93;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
    font-size: 18px;
}

.momb .from-line {
    color: #666;
    font-weight: normal;
    font-size: 11px;
}




.momb-LeftPicture .imagebox {
    display: inline-block;
    padding-top: 0;
    overflow: hidden;
    margin: 0 4px 6px;
    background-size: cover;
    background-position: center;
    width: 113px;
}


.momb-LeftPicture .linktext {
    color: #005f77;
    font-size:15px;
}

.more-headline-LeftPicture {
    font-size: 20px;
    border-bottom: solid 1px #333;
    margin: 0;
    font-weight: bold;
    color: #333;
    padding: 0 0 3px;
}


@media (max-width: 700px) {
    .momb .textbox {
        font-size: 12px;
    }

    .momb .linktext {
        font-size: 15px;
    }

    .momb-LeftPicture .imagebox {
        padding-top: 90px;
    }
}
/* end more on marketbeat styles */

/* specifically for company profile links so they don't risk getting ad blocked*/
.profile-link a, .profile-link, .profile-link a:hover, .profile-link a:active, .profile-link a:focus, .profile-link:hover, .profile-link:active, .profile-link:focus {
    text-decoration: none;
}