.section.nomargin .banner h1 span.lower-case { text-transform: lowercase; }
#content .section h2 { margin-bottom: 2rem; }

/* vertically center the text and image. */
section.v-center .container { display: flex; align-items: center; }
#content section.v-center .container p:last-child { margin-bottom: 0; }

/* Header Number No wrap */
.h-nowrap { display: flex; align-items: flex-start; }
span.h-num { white-space: nowrap; margin-right: 12px; }

/* chat gradient color */
.cchart .circle.brtblue { stroke: url(#donutGradient); }


/* Two sections combined here removing padding */
.section.angledivider {padding-top: 0;}

/* bar chart graphic */
#content section.section.graphic-b, #content section.section.graphic-b .col_flex { padding-bottom: 0; }
/*h-graph*/
#content section.section.graphic-b .col_one_third, #content section.section.graphic-b .col_three_fourth , #content section.section.graphic-b .col_report .col_two_third{ margin-bottom: 3rem; }
#content section.section.graphic-b .vchart { position: absolute; bottom: 0; width: 100%; }
#content section.section.graphic-b .vchart_value { height: 300px; position: relative; overflow: hidden; } 
#content section.section.graphic-b .vchart_value span.gradient-b { background: linear-gradient(to top, #69CBD0 22%, #004677 45%, #00B3FA 85%, #004677 100%); } 

#content .section.ltblue-overlap { background-color: #009DDB; }
#content .section.ltblue-overlap p, #content .section.ltblue-overlap p a { color: #ffffff; } 
#content .section.ltblue-overlap p { margin-bottom: 0; font-weight: 700; } 

#content .section.ltblue-overlap p a.button { background-color: #009DDB; border: 2px solid #ffffff; /*background-color: transparent;*/ outline: revert-layer; }
#content .section.ltblue-overlap p a.button:hover { background-color: #004677; color: #fff; border-color: #004677; }

/* expert take */
#content .section .col_one_sixth { margin-right: 0; }
#content .section .col_one_sixth .headshot { width: 120px; }
#content section.section.graphic-b .col_one_third.col_last {margin-bottom: 0;}


section.angledivider .angle { top: 53%; right:-85px;}

#content .section.brt-blue .col_full .col_half ol.white:not(.start-3) li:last-child { border-top: none; }
#content .section.brt-blue .col_full .col_half ol.white.start-3 { counter-reset: item 3; }
#content p.tright { text-align: end; margin-bottom: 0; }

#content div.report-bl:before { content: ''; position: absolute; background-color: #009DDB; display: block; width: 0.3rem; height: 100%; } 
#content .section.angledivider .report-bl p, #content .section .report-bl p { padding-left: 1.5rem; color: #002449; font-weight: 400; }
#content .report-bl p:last-child { margin-bottom: 0; }

#content .section.red-b { border-bottom: 2px solid #e84860; }
#content .section.ltblue-overlap h3, #content .section.bg-ltblue h3 { color: #ffffff; margin-bottom: 1rem; }
#content .section.bg-ltblue h3 { font-size: 1.625rem; }
#content .section.ltblue-overlap .container { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
#content h2.h-nowrap { font-weight: 400; }
.cchart svg .circle-bg { fill: #fff; }

#content .section.brt-blue .col_full .col_half ol.white li > a { text-decoration: none; }
#content .section.brt-blue .col_full .col_half ol.white li > a:hover { text-decoration: underline; }
#content .section.brt-blue h3 {color:#ffffff; font-weight: 500;}

#content .section.angledivider p:first-child {color:#002449;}

.hchart { display: table; position: relative; width: 100%; margin-bottom: 16px; }
.hchart label { font-size: 1rem; color: #002449; }
.hchart_item { display: table-row; }
.hchart_label { display: table-cell; vertical-align: middle; width: 240px; padding: 8px 0; text-align: right; }
.hchart_label label { display: block; margin-right: 8px; }
.hchart_value { display: table-cell; vertical-align: middle; padding: 4px 0; }
.hchart_value span { background-color: #002449; height: 36px; display: block; float: left; color: #fff; line-height: 36px; font-weight: bold; text-align: right; padding-right: 8px; font-size: 1.1875rem; box-sizing: border-box; }
.hchart_value span label { display: inline; color: #fff; font-size: 1.1875rem; font-weight: bold; padding-right: 8px; }

.hchart.stack .hchart_item { display: block; }
.hchart.stack .hchart_label { display: block; width: 100%; text-align: left; line-height: 1.25; padding-bottom: 0px; }
.hchart.stack .hchart_value { display: block; height: 32px; margin-bottom: 16px; background-color: transparent; }
.hchart_value span.ltblue { background-color: #238fbe; }
.hchart_value span { transition: all 1s ease-in-out; width: 0%; padding: 0; word-break: break-all; }

#content section.section.graphic-b.red-b { padding-top: 0rem;}
#content .pt {padding-top:0;}
#content .pt-32 {padding-top:2rem;}
#content .section.angledivider .pt-32 p{color:#002449;}

/*LAK Updated 7/20/2026*/
.collectibles-and-trading-cards-report .vchart_value span label {font-family: Montserrat;font-size: 1.25rem;font-weight: bold;color: #002449;line-height: 32px;/*position: absolute;*/background: white;transition: all 1s ease-in-out;opacity: 0;display: block;text-align: center;top: 0; width: 100%;}
	
.collectibles-and-trading-cards-report .vchart_value span.animated label {top: -32px;opacity: 1;}


@media (max-width: 1500px) {
section.angledivider .angle {top: 30%;}
}

@media (max-width: 1300px) {
    section.angledivider .angle { display: none }
	.b-angle.b-right{ display: none }
}

@media (max-width: 1200px) {
    section.angledivider .angle { display: none; }
}

@media (max-width: 800px) {
    #content .section .col_flex.col_report { flex-direction: row; }
}

@media (max-width: 760px) {
    section.imgintro.v-center .col_three_fifth, section.imgintro.v-center .col_two_fifth {width: 100%;display: block;float: none;clear: both;margin-bottom: 0;height: auto !important;
    border-right: none !important;}
    #content section.imgintro.v-center .container p:last-child {margin-bottom: 1rem;}
    section.v-center .container { align-items: flex-start; flex-direction: column; }
    #content .section .col_flex.col_report { flex-direction: column; }
    #content section.angledivider .col_half, #content section.angledivider .col_one_third { margin-bottom: 32px; }
    .hchart.stack .hchart_label { width: 100%; }
    #content section.section.graphic-b .vchart { display: none; }
}

@media (max-width: 600px) {
    .hchart .hchart_item { display: block; }
    .hchart .hchart_label { display: block; width: 100%; text-align: left; line-height: 1.25; padding-bottom: 0px; }
    .hchart .hchart_value { display: block; height: 32px; margin-bottom: 16px; background-color: transparent; }
}