@import url(../fonts/fonts.css);

html{
    font-size: 18px;
    /* overflow-x: hidden !important; */
}

body {
    overflow-x: hidden;
}

:root {
    /* Colors */
    --black: #040404;
    --blue: #27aae1;
    --cnx-blue: #117ea6;
    --cnx-grey: #898a8d;
    --dark-gey: #414042;
    --green: #98b472;
    --light-grey: #797979;
    --orange: #ff8714;
    --overlay-blue: #a0daf2;
    --people: #006688;
    --radical-trans-blue: #030943;
    --teal: #004c5c;
    --white: #ffffff;
    --yellow: #f4ca35;



    --bs-font-sans-serif: 'Gotham Book', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-body-color: var(--dark-gey);
    /* --bs-body-line-height: 1.8; */
    --bs-link-color: var(--dark-gey);
    --bs-link-hover-color: var(--dark-gey);
    --bs-link-color-rgb: 65, 64, 66;

    --bs-primary: var(--cnx-blue);
    --bs-primary-rgb: 17, 126, 166;

    --bs-secondary: var(--radical-trans-blue);
    --bs-secondary-rgb: 3, 9, 67;
    
    --bs-info: var(--dark-gey);
    --bs-info-rgb: 65, 64, 66;

    --bs-light: #EDEDED;
    --bs-light-rgb: 237, 237, 237;
}
/*
.g-4, .g-6, .g-7, .g-8 {
    --bs-gutter-y: 2rem;
    --bs-gutter-x: 2rem;
}
*/

@media (max-width: 1399.98px) {
    header .navbar.navbar-expand-my.navbar-light .container { max-width: 100%; padding: 15px; }
    .navbar.navbar-expand-my .navbar-nav .nav-link { padding: .4rem .5rem; }
}

@media (max-width: 1199px) {
    .g-5 {
        --bs-gutter-y: 1.5rem;
        --bs-gutter-x: 0rem;
    }
    
}
@media (min-width: 1200px) {

    .g-4{
        --bs-gutter-y: 4rem;
        --bs-gutter-x: 4rem;
    }

    .g-6{
        --bs-gutter-y: 6rem;
        --bs-gutter-x: 6rem;
    }

    .g-7{
        --bs-gutter-y: 7rem;
        --bs-gutter-x: 7rem;
    }

    .g-8{
        --bs-gutter-y: 8rem;
        --bs-gutter-x: 8rem;
    }
}

 

a:not(header *, footer *, .page-breadcrumb *, .dropdown *, img, svg, .btn){
    background-color: rgba(160, 218, 242, .6);
    padding: .325rem .2rem;
    /* display: inline-block; */
}

.no-link-bg{
    background-color: transparent !important;
    padding: initial !important;
}

.btn, .dropdown-item{
    font-family: "Replica Std";
}

.dropdown-menu[data-bs-popper]{
    margin-top: 0 !important;
}

.btn{
    border-radius: 5px;
}

.dropdown-item.active{
    background-color: var(--cnx-blue);
}

.dropdown-menu.show {
    /* transform: translate(0px, -2px); */
}

strong{
    font-family: 'Gotham Bold';
}

h1{
    font-family: "Replica Std Light";
    font-size: 3.1rem;
    line-height: 3.33rem;
    text-transform: uppercase;
    color: var(--radical-trans-blue);
}

.h1-before{
    font-family: 'Gotham Bold';
    color: var(--cnx-blue);
    font-size: 1.33333rem;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    h1 {
        font-size: 2.3rem;
    }
}

h2{
    font-family: 'Gotham Book';
    font-size: 2rem;
}
h2.type2 {
    font-size: 35px;
    line-height: 1.11;
    font-family: "Replica Std Bold";
    color: var(--black);
}

h3{
    font-family: "Replica Std Bold";
    font-size: 1.44444rem;
    color: var(--black);
    text-transform: uppercase;
    line-height: 2.16rem;
}

.h3-blue{
    font-family: 'Gotham Medium';
    font-size: 1.44444rem;
    line-height: normal;
    color: var(--cnx-blue) !important;
    text-transform: none;
}

h6 {
    font-size: 20px;
    line-height: 1.31;
    font-family: 'Gotham Medium';
    font-style: italic;
    color: var(--cnx-blue) !important;
}

body{
    font-size: 1rem;
    font-style: normal;
    line-height: 1.5rem;
}

main{
    padding-top: 5rem;
    padding-bottom: 5rem;
}

body.faded-bg--blue{
    background: linear-gradient(180deg, #E9F6FC 0%, #FFFFFF 680px);
}

body.faded-bg--blue main{
    padding-top: 10.5rem;
}

header .navbar{
    padding-top: 1.1rem;
    padding-bottom: 1.1rem;
    font-size: .88rem;
    font-family: "Replica Std";
    background-color: rgba(255, 255, 255, .82);

    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

header .navbar-brand img{
    max-width: 213px;
    height: auto;
}

.navbar-toggler{
    border: 0;
}

.navbar-toggler-text{
    color: var(--radical-trans-blue);
    font-family: 'Gotham Bold';
    font-size: .78rem;
    text-transform: uppercase;
    margin-right: 8px;
}

.navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='20' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.90625 3.94531H21.2188C21.6502 3.94531 22 3.59556 22 3.16406V1.21094C22 0.779443 21.6502 0.429688 21.2188 0.429688H0.90625C0.474756 0.429688 0.125 0.779443 0.125 1.21094V3.16406C0.125 3.59556 0.474756 3.94531 0.90625 3.94531ZM0.90625 11.7578H21.2188C21.6502 11.7578 22 11.4081 22 10.9766V9.02344C22 8.59194 21.6502 8.24219 21.2188 8.24219H0.90625C0.474756 8.24219 0.125 8.59194 0.125 9.02344V10.9766C0.125 11.4081 0.474756 11.7578 0.90625 11.7578ZM0.90625 19.5703H21.2188C21.6502 19.5703 22 19.2206 22 18.7891V16.8359C22 16.4044 21.6502 16.0547 21.2188 16.0547H0.90625C0.474756 16.0547 0.125 16.4044 0.125 16.8359V18.7891C0.125 19.2206 0.474756 19.5703 0.90625 19.5703Z' fill='%23117EA6'/%3E%3C/svg%3E%0A");
}

header .nav-link.active{
    background-color: var(--cnx-blue) !important;
    color: rgba(255, 255, 255, .8) !important;
    border-radius: 5px;
}

header .dropdown-item{
    padding: .5rem .61rem;
    color: var(--dark-gey);
    background-color: #EAF9FF;
}

header .dropdown-item:focus,
header .dropdown-item:hover,
header .dropdown-item:active{
    background-color: #EAF9FF !important;
    color: var(--dark-gey);
}

header .dropdown-menu{
    border-color: var(--overlay-blue);
    background-color: #EAF9FF !important;
}

header .dropdown-item.active{
    background-color: #EAF9FF !important;
    color: var(--dark-gey);
}

header .dropdown-toggle{
    border: 1px solid transparent;
}

header .dropdown-toggle.show{
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-radius: 0.27778rem 0.27778rem 0rem 0rem;
    border-top: 1px solid var(--overlay-blue, #A0DAF2);
    border-right: 1px solid var(--overlay-blue, #A0DAF2);
    border-left: 1px solid var(--overlay-blue, #A0DAF2);
    background: #EAF9FF !important;
    color: var(--dark-gey) !important;
    border-bottom: 2px solid #EAF9FF !important;
}

header .dropdown-menu.show{
    border-top-left-radius: 0 !important;
}

header .dropdown-menu[data-bs-popper]{
    margin-top: -1px !important;
    z-index: -1;
    min-width: 100%;
}

@media (max-width: 1199.98px){
    header .navbar{
        background-color: rgba(255, 255, 255, .975);
    }

    header .dropdown-toggle.show{
        border: 0 !important;
    }

    header .dropdown-menu.show{
        border-radius: 0.27778rem !important;
    }

    .nav-item.dropdown.hidden-xs, .nav-link.hidden-xs { display: none; }
    .nav-item.dropdown.visible-xs, .nav-link.visible-xs { display: list-item; }
}

.nav-link[target='_blank'] {
    background: url(../images/icon_download.svg) no-repeat right 0.5rem center / 1.5rem;
    padding-right: 1.5rem;
} 

/* Nav Menu Collapse Breakpoints */
@media (max-width: 1199.98px) {

    .navbar-menu {
        display: flex;
        flex-direction: column-reverse;
    }

    .navbar-expand-my>.container,
    .navbar-expand-my>.container-fluid,
    .navbar-expand-my>.container-sm,
    .navbar-expand-my>.container-md,
    .navbar-expand-my>.container-lg,
    .navbar-expand-my>.container-xl {
        padding-right: 0;
        padding-left: 0
    }

    .navbar .container{
        padding-left: .7rem !important;
        padding-right: .7rem !important;
    }
}

@media (min-width: 1200px) {
    .navbar-expand-my {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .navbar-expand-my .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-my .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-my .navbar-nav .nav-link {
        padding: .4rem .7rem; 
    }

    .nav-item.dropdown.visible-xs, .nav-link.visible-xs { display: none; }

    .navbar-expand-my>.container,
    .navbar-expand-my>.container-fluid,
    .navbar-expand-my>.container-sm,
    .navbar-expand-my>.container-md,
    .navbar-expand-my>.container-lg,
    .navbar-expand-my>.container-xl {
        flex-wrap: nowrap
    }

    .navbar-expand-my .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-my .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-my .navbar-toggler {
        display: none
    }
}


@media (max-width: 1200px) {
    header .navbar-brand img{
        max-width: 149px;
        height: auto;
    }

    header .nav-link.active{
        background: transparent !important;
        color: var(--dark-gey) !important;
    }
}




.section-nav{
    /* max-width: 415px; */
}

@media (max-width: 767px) {
    .section-nav{ display: none; }
}

.section-nav .section-nav__title{
    font-family: "Replica Std Bold";
    font-size: 0.72222rem;
    text-transform: uppercase;
    margin-bottom: 1.7rem;
}

.section-nav .btn{
    width: 100%;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
    font-size: .89rem;
    border: 2px solid var(--light-grey);
    display: flex;
    padding-top: 9px;
}

.section-nav .btn::after{
    display: block;
}

.section-nav .btn:hover,
.section-nav .btn:active,
.section-nav .btn:focus,
.section-nav .btn.show{
    background-color: transparent;
    color: var(--dark-gey);
}

.section-nav .dropdown-menu{
    border-radius: 0.27778rem;
    border: 2px solid var(--light-grey);
    width: 100%;
}

.section-nav .dropdown-item,
.section-nav .dropdown-toggle{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.section-nav .dropdown-item{
    opacity: .8;
    padding-top: .63rem;
    padding-bottom: .63rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    font-size: .889rem;
}

.section-nav .dropdown-item:hover,
.section-nav .dropdown-item:focus,
.section-nav .dropdown-item:active{
    background-color: #fff;
    opacity: .95;
    color: var(--dark-gey);
}

.section-nav .dropdown-item.active{
    background-color: #fff;
    opacity: 1;
    color: var(--dark-gey);
}

.section-nav .dropdown-item.active span{
    border-bottom: 3px solid var(--cnx-blue);
    padding-bottom: .3rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    /* width: 100%;
    display: flex; */
}




.page-header h1{
    margin-bottom: 20px;
}

.page-header .page-breadcrumb{
    opacity: .8;
    font-size: .78rem;
    margin-bottom: 33px;
}

.page-header .page-breadcrumb .active{
    font-family: 'Gotham Medium';
}

.large-body{
    font-family: 'Gotham Medium';
    font-size: 1.075rem;
    color: var(--dark-gey);
    line-height: 1.77rem;
}
.large-body-sm{
    font-family: 'Gotham Medium';
    font-size: inherit;
    color: var(--dark-gey);
    line-height: 1.77rem;
}





.cnx-stat{
    display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
    gap: .75rem;
}

.cnx-stat__top{
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
}

.cnx-stat__value{
    font-family: "Replica Std Light";
    font-size: 3rem;
    font-style: normal;
    text-transform: none;
    line-height: 2.25rem;
}

.cnx-stat__value--large{
    font-size: 5.33333rem !important;
    line-height: 4.25rem;
}

@media (max-width: 1200px) {
    .cnx-stat__value--large {
        font-size: 3.3rem !important;
    }
    
    .cnx-stat__icon{
        width: 50px;
        height: 50px;
    }
    
    .cnx-stat__icon svg{
        max-width: 100%;
        max-height: 100%;
    }
}

.cnx-stat__icon{}

.cnx-stat__bottom{}

.cnx-stat__desc{
    font-family: 'Gotham Book';
    font-size: 0.85rem;
    line-height: 1.33rem;
    opacity: 0.8;
    color: var(--dark-gey);
}

.stats-alt-colors .cnx-stat:nth-child(odd) .cnx-stat__value{
    color: var(--cnx-blue);
}

.stats-alt-colors .cnx-stat:nth-child(even) .cnx-stat__value{
    color: var(--radical-trans-blue);
}





.text-quote-xl{
    font-family: 'Gotham Bold';
    font-size: 1.44rem;
    color: var(--cnx-blue);
    line-height: 2.2rem;
}

.text-quote-lg{
    font-family: 'Gotham Bold';
    font-size: 1.11rem;
    color: var(--cnx-blue);
    line-height: 1.67rem;
}

.text-quote-sm{
    color: var(--cnx-blue);
    font-family: 'Gotham Bold';
    font-size: 0.88889rem;
    line-height: 1.5rem;
}

.text-quote-sm-signoff{
    font-size: 0.77778rem;
    line-height: 1.05556rem;
}

.small-body{
    font-size: 0.88889rem;
    line-height: 1.3rem;
}

.xs-body{
    font-size: 0.77778rem;
    line-height: 1.3rem;
}

.list-orange-square-bullet{
 list-style: none;
 padding-left: 0;
 position: relative;
}

.list-orange-square-bullet li{
    padding-left: 1.2rem;
    position: relative;
}

.list-orange-square-bullet li::before{
    content: '';
	position: absolute;
	left: 0;
	top: 7px;
	width: 10px;
	height: 10px;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg width='11' height='13' viewBox='0 0 11 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.890137' y='0.151367' width='10' height='12.2692' fill='%23FF8714'/%3E%3C/svg%3E%0A");
}




.arrow-btn{
    background-color: var(--cnx-blue);
    border-color: var(--cnx-blue);
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
    padding: .9rem 1.5rem;
}

.arrow-btn:hover,
.arrow-btn:active,
.arrow-btn:focus{
    background-color: var(--radical-trans-blue) !important;
    border-color: var(--radical-trans-blue) !important;
}

.arrow-btn span{
    text-align: left;
    max-width: 80%;
}

.arrow-btn--center{
    justify-content: center;
    gap: .55rem;
    text-align: center;
    display: inline-flex;
}

.arrow-btn--center span{
    max-width: none;
}


.angle-quote{
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: stretch;
	align-items: stretch;
	align-content: stretch;
    gap: .25rem;
}

.angle-quote__content{
    margin-top: 3.5rem;
    display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: stretch;
	align-items: stretch;
	align-content: stretch;
}

.angle-quote__content-image{
    clip-path: polygon( 99.876% 0%,6.828% 0%,0% 99.626%,95.369% 99.626%,99.876% 0% );
    /* transform: skew(10deg); */
}

.angle-quote__content-text{
    background: #E9F6FC;
    width: 100%;
    padding: 2rem 2.8rem;
    shape-outside: url('../images/text-quote-shape.svg');
    /* clip-path: polygon(99.876% 0%, 8.828% 0%, 0% 99.626%, 95.369% 99.626%, 99.876% 0%); */
    clip-path: polygon(99.876% 0%, 8.828% 0%, 0% 99.626%, 90.369% 99.626%, 99.876% 0%);
    margin-left: -17px;
}

.angle-quote__shape{
    /* height: 100%; */
    display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
    background-color: var(--cnx-blue);
    width: 40px;
    margin-left: -25px;
    transform: skew(-6.15deg);
    /* clip-path: polygon( 99.876% 0%,6.828% 0%,0% 99.626%,95.369% 99.626%,99.876% 0% ); */
    /* clip-path: polygon( 80.129% 0%,99.997% 0%,19.556% 99.946%,0% 99.946%,80.129% 0% ); */
    position: relative;
}

.angle-quote__shape div{
    display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
    /* height: 100%; */
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    /* clip-path: polygon( 99.876% 0%,6.828% 0%,0% 99.626%,95.369% 99.626%,99.876% 0% ); */
}



footer{}

footer .footer-logo{
    max-width: 213px;
}

footer .footer-nav,
footer .footer-nav a,
footer .footer-nav a:hover,
footer .footer-nav a:visited,
footer .footer-nav a:active{
    color: var(--radical-trans-blue);
    font-family: 'Gotham Medium';
    font-size: 1rem;
}

@media (max-width: 768px) {
    
}

.footer-row__bottom,
.footer-row__bottom a,
.footer-row__bottom a:hover,
.footer-row__bottom a:visited,
.footer-row__bottom a:active{
    color: var(--dark-gey);
    opacity: .8;
    font-size: 0.77778rem;
}

.footer-row__bottom a{
    text-decoration: underline !important;
}

img.bg {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    display: block;
    transform: translate(-50%, 0);
}

.page-hero {
    z-index: 10;
    position: relative;
    top: 0;
    min-height: 100vh;
    padding-top: 210px;
    padding-bottom: 50px;
    margin-bottom: 50px;
    overflow: hidden;
}

.page-hero .hero-title {
    font-size: 56px;
    line-height: 1.07;
    color: #040404;
    font-weight: normal;
    font-family: "Replica Std";
}

.hero-panel {
    font-size: 20px;
    line-height: 1.5;
    color: #040404;
    max-width: 778px;
    font-family: 'Gotham Medium';
    padding: 40px;
    background: rgba(152, 180, 114, 0.92);
}
.hero-technologies .hero-panel {
    color: #fff;
    background: rgba(0, 102, 136, 0.92);
}
.hero-technologies .hero-panel .hero-title {
    color: #fff;
}

@media (max-width: 767px) {
    .hero-panel {
        padding: 25px;
    }
    .page-hero .hero-title {
        font-size: 42px;
    }
}

.flex-end {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}
.flex-end .flex-wrap {
    max-width: 100%;
    flex: 0 0 auto;
}

.flex-center {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.flex-center .flex-wrap {
    max-width: 100%;
    flex: 0 0 auto;
}

.flex-between {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.flex-between .flex-wrap {
    max-width: 100%;
    flex: 0 0 auto;
}

.flex-around {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}
.flex-around .flex-wrap {
    max-width: 100%;
    flex: 0 0 auto;
}

figure.img img {
    width: auto;
    height: auto;
    max-width: 100%;
}
figure.full img {
    width: 100%;
    height: auto;
}
figure.svg {
    position: relative;
    width: 100%;
    padding: 100% 0 0;
}
figure.svg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.cnx-blue {
    color: var(--cnx-blue);
}

.row.row0 {
    margin-left: 0;
    margin-right: 0;
    gap: 0;
}
.row.row0 > * {
    padding-left: 0;
    padding-right: 0;
}

.title-panel .panel-title {
    font-size: 18px;
    line-height: 1.2;
    padding: 7px 18px;
    font-family: 'Gotham Bold';
    color: #fff;
    text-transform: uppercase;
    background: var(--green);
}
.title-panel .panel-title.bg-cnx-blue {
    background: var(--cnx-blue);
}
.title-panel .panel-title.bg-people {
    background: var(--people);
}
.title-panel .panel-title.bg-light-blue {
    background: #5AC4F0;
}
.title-panel .panel-title.bg-orange {
    background: var(--orange);
}
.title-panel .panel-body {
    padding: 20px;
}

ul.list {
    padding-left: 25px;
    list-style: square;
}
ul.list li::marker{
    color: var(--orange);
    font-size: 25px;
}
ul.list ul {
    padding-left: 24px;
}
ul.list ul li::marker {
    content: "\25A1  ";
    font-size: 20px;
}

table.table-type-1 td {
    border-color: var(--overlay-blue);
}
table.table-type-1 th {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Gotham Bold';
    background: var(--green);
}
table.table-type-1 th:last-child {
    background: var(--people);
}
table.table-style-2 th, table.table-style-2 td {
    border-color: var(--overlay-blue);
    box-shadow: none !important;
}
table.table-style-2 th:not(:first-child), table.table-style-2 td:not(:first-child) {
    text-align: right;
}
table.table-style-2 td {
    color: var(--dark-gey);
}
table.table-style-2 th {
    color: var(--cnx-blue);
    font-family: 'Gotham Medium';
    border-top: 1px solid var(--cnx-blue);
    background: #DEF5FF;
}

table.table-style-3 th, table.table-style-3 td {
    border-color: var(--overlay-blue);
    box-shadow: none !important;
}
table.table-style-3 td {
    color: var(--dark-gey);
    background: transparent;
}
table.table-style-3 th {
    font-size: 14px;
    white-space: nowrap;
    color: var(--cnx-blue);
    font-family: 'Gotham Bold';
    border-top: 4px solid var(--cnx-blue);
    border-bottom: 0 none;
    background: #DEF5FF;
}

.quote q, .quote p {
    font-size: 20px;
    line-height: 1.5;
    color: var(--cnx-blue);
    font-family: 'Gotham Bold';
    display: block;
}
cite {
    font-size: 16px;
    line-height: 1.5;
    color: #555;
    font-style: normal;
    font-weight: normal;
    margin-top: 8px;
    display: block;
    font-family: 'Gotham Book';
}
cite strong {
    display: block;
    font-family: 'Gotham Medium';
}
.footnotes {
    font-size: 14px;
    line-height: 1.5;
    color: var(--dark-gey);
    list-style: none;
    counter-reset: li;
    counter-increment: li;
}
.footnotes a {
    padding: 0;
    background: transparent;
}
p.footnotes {
    position: relative;
    margin-left: 10px;
}
p.footnotes .key {
    position: absolute;
    top: 0;
    right: calc(100% + 2px);
}

ol.footnotes {
    padding-left: 0;
    counter-reset: li -1;
}
ol.footnotes li {
    position: relative;
    padding-left: 5px;
    counter-increment: li;
}
ol.footnotes li:before {
    content: counter(li);
    position: absolute;
    top: -2px;
    right: 100%;
    font-size: 0.8em;
}

ol.footnotes.roman { padding-left: 1rem;}
ol.footnotes.roman li {
    list-style-type: lower-roman;
}
ol.footnotes.roman li:before {
    content: '';
}

.yellow_hghlght, .table td.yellow_hghlght { background: #fadf82; } 
.yellow_block {
    display: inline-block; 
    vertical-align: middle;
    width: 24px; 
    height: 20px;
    background: #fadf82; 
    margin-right: 1em;
}


hr.hr-blue {
    border-width: 2px;
    border-color: var(--overlay-blue);
}

.background-gradient {
    background-image: linear-gradient(to right, #fff 0, #E9F6FC 50%);
}
.background-gradient-rev {
    background-image: linear-gradient(to left, #fff 0, #E9F6FC 50%);
}

.left-border {
    padding: 40px 0 40px 40px;
    border-left: 4px solid var(--orange);
}

@media (min-width: 1200px) {
    .two-columns {
        columns: 2;
        column-gap: 60px;
    }
    .two-columns li {
        break-inside: avoid;
    }
}

.sidebar-blurb {
    font-size: 20px;
    line-height: 1.5;
    color: var(--cnx-blue);
    font-family: 'Gotham Bold';
    padding-left: 20px;
    border-left: 4px solid var(--orange);
}
.sidebar-blurb.no-border {
    border: 0 none;
    padding-left: 0;
}

.strong-blue-bg {
    color: #fff;
    padding: 2px 4px;
    font-family: inherit !important;
    background: var(--cnx-blue);
    font-weight: normal !important;
}

.icon-row .col:first-child {
    width: 180px;
    max-width: 180px;
    flex: 1 0 180px;
}
.icon-row .col:last-child {
    width: calc(100% - 180px);
    max-width: calc(100% - 180px);
    padding-left: 40px;
    flex: 1 0 calc(100% - 180px);  
}

@media (max-width: 767px) {
    .icon-row .col:first-child,
    .icon-row .col:last-child {
        width: 100%;
        max-width: 100%;
        padding-left: calc(var(--bs-gutter-x) * .5);
        flex: 1 0 100%;
    }
    .icon-row .col:first-child {
        max-width: 120px;
    }
}

.number {
    font-size: 54px;
    line-height: 1;
    color: var(--cnx-blue);
    font-family: "Replica Std Light";
    font-weight: 300;
}
.number.num-small {
    font-size: 35px;
}

.equal-columns > * {
    display: flex;
}
.equal-columns .inner-column {
    width: 100px;
    max-width: 100%;
    flex: 1 0 100%;
    display: flex;
}
.equal-columns .inner-column-end {
    width: 100px;
    max-width: 100%;
    flex: 1 0 100%;
}

.gotham-medium {
    font-weight: normal;
    font-family: "Gotham Medium";
}
.gotham-bold {
    font-weight: normal;
    font-family: "Gotham Bold";
}

@media (min-width: 768px) {
    .aside-flat {
        float: left;
        height: 0;
    }
}
.d-ib {
    display: inline-block;
}

.quote-bg-angle {
    position: relative;
    margin: 20px 0 50px;
}
.quote-bg-angle:before {
    z-index: -1;
    content: "";
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    height: 100%;
    display: block;
    background: #E9F6FC;
    transform: skew(-5deg);
}
.quote-bg-angle:after {
    z-index: -1;
    content: "";
    position: absolute;
    top: 0;
    left: calc(100% - 15px);
    width: 12px;
    height: 100%;
    display: block;
    background: var(--orange);
    transform: skew(-5deg);
}
.quote-bg-angle .inner {
    z-index: 10;
    position: relative;
    padding: 50px 100px;
}
.quote-bg-angle.sidebar-angle:before,
.quote-bg-angle.sidebar-angle:after {
    transform: skew(-2deg);
}
.quote-bg-angle.sidebar-angle .inner {
    z-index: 10;
    position: relative;
    padding: 58px 38px;
}
.quote-bg-angle.sidebar-angle .inner:after {
    z-index: -1;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    display: block;
    background: #E9F6FC;
}

@media (max-width: 767px) {
    .quote-bg-angle {
        margin-right: 10px;
    }
    .quote-bg-angle:before,
    .quote-bg-angle:after {
        transform: skewX(-2deg);
    }
    .quote-bg-angle .inner {
        padding: 40px 50px;
    }
}

@media (max-width: 620px) {
    .rt-title .rt-title__top { font-size: 66px; }
    .rt-title .rt-title__bottom { font-size: 35px; }
    main .about-report-text-section h2 { font-size: 2.75rem; }
}

.cols-2 { columns: 2; column-gap: 30px; }

.table {
    color: var(--dark-gey);
    font-size: 16px;
    background: transparent;
}
.table a {
    padding: 0;
    background: transparent;
}
.table th, .table td {
    background: transparent;
}
.table > :not(caption) > * > * {
    color: var(--dark-gey);
    border-bottom: 0 none;
}
.table .tr-alternate-bg tr:nth-child(odd) td {
    border-top: 1px solid var(--overlay-blue) !important;
    border-bottom: 1px solid var(--overlay-blue) !important;
    background: rgba(160, 218, 242, 0.2);
}
.table .tr-line-bottom td {
    border-bottom: 1px solid var(--overlay-blue);
}
.table strong {
    font-weight: normal;
    font-family: "Gotham Medium";
}
.table th {
    font-size: 14px;
    line-height: 1.3;
    vertical-align: bottom;
}
.table .th-light th {
    color: var(--blue);
    text-transform: uppercase;
    font-family: "Gotham Bold";
    font-weight: normal;
}
.table .bd-top-3 th, .table .bd-top-3 td {
    border-top: 3px solid var(--cnx-blue);
}
.table .th-blue th {
    color: #fff;
    background: var(--cnx-blue);
}
.table .th-gaap th {
    border-bottom: 4px solid var(--cnx-blue);
}
.table.table-text-end {
    text-align: right;
}
.table.table-text-end th:not(:first-child) {
    color: var(--cnx-blue);
}
.table.table-text-end th:first-child {
    font-weight: normal;
    font-family: var(--bs-body-font-family);
}
.table.table-text-end td:first-child, .table.table-text-end th:first-child {
    text-align: left;
}
.table .tr-lines td {
    border-bottom: 1px solid var(--overlay-blue);
}
.table .th-default th {
    color: var(--cnx-blue);
    border-top: 1px solid var(--overlay-blue) !important;
    border-bottom: 1px solid var(--overlay-blue) !important;
    background: rgba(160, 218, 242, 0.2);
}
.table .text-whitespace {
    white-space: nowrap;
}
.table.gri-table-1 {
    font-size: 12px;
}
.table.gri-table-1 td:first-child {
    color: var(--cnx-blue);
    font-weight: normal;
    font-family: "Gotham Bold";
}
.table.gri-table-1 tr:not(:last-child) td {
    border-bottom: 1px solid var(--overlay-blue) !important;
}
.table.gri-table-2 {
    font-size: 12px;
}
.table.gri-table-2 th {
    font-size: 12px;
    white-space: nowrap;
    color: var(--cnx-blue);
    font-weight: normal;
    font-family: "Gotham Bold";
    vertical-align: top;
    border-top: 1px solid var(--overlay-blue) !important;
    border-left: 1px solid var(--overlay-blue) !important;
}
.table.gri-table-2 th:first-child {
    border-left: 0 none !important;
}
.table.gri-table-2 th.th-line-left {
    border-left: 1px solid var(--overlay-blue) !important;
}
.table.gri-table-2 td {
    border-top: 1px solid var(--overlay-blue) !important;
    border-bottom: 1px solid var(--overlay-blue) !important;
    border-left: 1px solid var(--overlay-blue) !important;
}
.table.gri-table-2 .tr-light td {
    color: var(--cnx-blue);
    border-top: 1px solid var(--overlay-blue) !important;
    border-bottom: 1px solid var(--overlay-blue) !important;
    background: rgba(160, 218, 242, 0.2);
    text-transform: uppercase;
    font-family: "Gotham Bold";
    font-weight: normal;
}
.table.gri-table-3 {
    font-size: 12px;
}
.table.gri-table-3 th {
    font-size: 12px;
    white-space: nowrap;
    color: var(--cnx-blue);
    font-weight: normal;
    font-family: "Gotham Bold";
    vertical-align: top;
    border-top: 1px solid var(--overlay-blue) !important;
    border-left: 1px solid var(--overlay-blue) !important;
}
.table.gri-table-3 th:first-child {
    border-right: 0 none !important;
    width: 20%;
}
.table.gri-table-3 th.th-line-left {
    border-left: 1px solid var(--overlay-blue) !important;
}
.table.gri-table-3 td {
    border-top: 1px solid var(--overlay-blue) !important;
    border-bottom: 1px solid var(--overlay-blue) !important;
    border-left: 1px solid var(--overlay-blue) !important;
}
.table.gri-table-3 .tr-light td {
    color: var(--cnx-blue);
    border-top: 1px solid var(--overlay-blue) !important;
    border-bottom: 1px solid var(--overlay-blue) !important;
    background: rgba(160, 218, 242, 0.2);
    text-transform: uppercase;
    font-family: "Gotham Bold";
    font-weight: normal;
}

.table.tnfd-table-1 {
    font-size: 12px;
}
.table.tnfd-table-1 th {
    font-size: 12px;
    white-space: nowrap;
    color: #fff;
    background: var(--blue);
    font-weight: normal;
    font-family: "Gotham Bold";
    vertical-align: top;
    border-top: 1px solid var(--blue) !important;
    border-left: 1px solid var(--blue) !important;
}
.table.tnfd-table-1 th {
    border-left: 0 none !important;
    border-right: 0 none !important;
    width: 33%;
}
.table.tnfd-table-1 td {
    border-top: 1px solid var(--overlay-blue) !important;
    border-bottom: 1px solid var(--overlay-blue) !important;
    border-left: 0 !important;
    border-right: 0 !important;
    line-height: 1.75em;
}
.table.tnfd-table-1 .tr-light td { 
    border-top: 1px solid var(--overlay-blue) !important;
    border-bottom: 1px solid var(--overlay-blue) !important;
    background: rgba(160, 218, 242, 0.2);
}
.table.tnfd-table-1 td.indent { 
    text-indent: -1.33em;
    padding-left: 2em;
    margin-left: 1em; 
}

.table.table-esg {
    text-align: right;
}
.table.table-esg th {
    color: var(--blue);
    font-family: "Gotham Bold";
    font-weight: normal;
}
.table.table-esg tr th:first-child, .table.table-esg tr td:first-child,
.table.table-esg tr th:nth-child(2), .table.table-esg tr td:nth-child(2) {
    text-align: left;
}
.table.table-esg .td-title td {
    color: var(--blue);
    text-transform: uppercase;
    font-family: "Gotham Bold";
    font-weight: normal;
    border-top: 2px solid var(--overlay-blue) !important;
    border-bottom: 2px solid var(--overlay-blue) !important;
    background: rgba(160, 218, 242, 0.2);
}

.table.table-esg td {
    border-bottom: 1px solid var(--overlay-blue) !important;
}
.table.table-esg tr.td-span-full td {
    font-family: "Gotham Bold";
    font-weight: normal;
    border-bottom-width: 0 !important;
    padding-top: 20px;
    padding-bottom: 5px;
}
.table.table-esg .td-indent-1 td:first-child {
    padding-left: 1em;
}
.table.table-esg .td-indent-2 td:first-child {
    padding-left: 2em;
}
.table.table-esg .td-indent-3 td:first-child {
    padding-left: 3em;
}
.table.table-data tr th {
    color: #fff !important;
}
.table.table-data tr th:last-child, .table.table-data tr td:last-child { 
    text-align: right;
}
.table.table-data .data-key-1 {
    width: 2em;
    display: inline-block;
}
.table.table-data .data-key-2 {
    width: 3em;
    display: inline-block;
}
.table.table-data .data-key-3 {
    width: 4em;
    display: inline-block;
}
.table.table-data tr td.td-title {
    text-align: left;
    font-family: "Gotham Bold";
    font-weight: normal;
}
.table .tr-line-blue {
    border-top: 1px solid var(--overlay-blue) !important;
    border-bottom: 1px solid var(--overlay-blue) !important; 
    background: rgba(160, 218, 242, 0.2);
}