/* #009DDB ltblue 
#E93D58; red*/





section h2{margin-bottom:2rem;}

/*section.gray{background-color:#ccc;} */
h3.ltblue{font-size:1.25rem;font-weight:700;color:#009DDB;text-transform:uppercase;line-height:1.5;margin-bottom:1rem;letter-spacing:2px;}
h3.dkblue{font-size:1.25rem;font-weight:700;text-transform:uppercase;line-height:1.5;margin-bottom:1rem;letter-spacing:2px;}
.nocase{text-transform:none;}

/*CSS FOR REPORTS */
section.hero .banner h1 {font-size:3rem;margin-bottom:1.25rem;}
section.hero .banner h1 span.eyebrow{font-size:1.25rem;display:block;}


.col_flex{column-gap:5rem;}
.col_flex.balign{align-items: flex-end;}


section.intro .brandmark{width:128px;margin-bottom:2rem;}
section.intro .brandmark svg{fill:#E93D58;width:100%;display:block;}
section.intro h2{margin-bottom:0;padding-bottom:0;}
section.intro hr{content:'';display:block;max-width:256px;height:8px;background-color:#E93D58;margin-top:2rem;margin-bottom:2rem;border:none;appearance:none;}

section.contents_table{}
section.contents_table .container > p:first-child{margin-bottom:2rem;}
section.contents_table ol{display:block;padding:0;margin:0;list-style:none;}
section.contents_table ol li{counter-increment:item;padding-right:2rem;display:block;padding-top:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #fff;position:relative;}
section.contents_table ol li::before{content:counter(item) ".";font-weight:600;color:#fff;display:inline-block;margin-right:1rem;padding-left:4px;}
section.contents_table ol li a{color:#fff;text-decoration:none;display:inline-block;vertical-align:top;width:calc(100% - 3rem);}
section.contents_table ol li:first-child{border-top:1px solid #fff;}
section.contents_table ol li::after{content:"→";position:absolute;right:0;color:#fff;transition:all .25s ease-in-out;}
section.contents_table ol li:hover::after{color:#009ddb;}
section.contents_table ol.start4 {counter-reset: item 3;}

section.contents_table .col_flex{column-gap:3rem;}

section.vitals.metal:after {content: "";position: absolute;top: 0px;left: 0;width: 100%;height: 16px;background-color:#f5f5f5;background-image:url("../img/metal-stripe2.webp");background-repeat:no-repeat;background-size:cover;}
section.vitals.metal{padding-top:1rem;}
.redbg{background-color:#E93D58;padding:2rem 0;margin-bottom:5rem;position:relative;}
section.vitals .redbg h2{color:#fff;padding:0;margin:0;}



section.vitals .callout{background-color:#fff;padding:2rem;height:100%;}
section.vitals .callout.round .icon{margin:0px auto 1rem auto;}
section.vitals .callout .icon{width:32px;height:32px;margin-bottom:1rem;}
section.vitals .callout .icon svg{fill:#009DDB;}
section.vitals .col_one_third {display: flex;align-items: flex-start; }
section.vitals .callout.round {border-radius: 50%;text-align: center;height: 100%;width: auto;overflow: hidden;    aspect-ratio: 1 / 1; margin:0px auto;display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;}
section.vitals .callout.round > * {position: relative;top: -1rem; }

section.vitals h3.ltblue{margin-bottom:0;}




div.sectionheading{display:flex;margin-bottom:2rem;}
div.sectionheading .brandmark{width:72px; flex: 0 0 72px;margin-right: 32px;position:relative;top:10px;}
div.sectionheading .brandmark svg{fill:#E93D58;}

div.sectionheading h2{line-height:1.25;font-size:2rem;margin-bottom:0;text-transform:uppercase;}
div.sectionheading h2 span{display:block;font-weight:600;}
div.indent{padding-left:106px;}



hr.ltblue{display:block;max-width:100%;height:1px;background-color:#009DDB;margin-top:2rem;margin-bottom:2rem;border:none;appearance:none;}


section p.mb2{margin-bottom:2rem !important;}
section p.mt2{margin-top:2rem !important;}
section h3.mt4{margin-top:4rem !important;}



.basic_stat{line-height:1.5rem;margin-bottom:1rem;}
.basic_stat span:first-child{font-weight:700;font-size:1.5rem;margin-right:4px;}
.basic_stat:last-child{margin-bottom:0;}

.brandmark-fright{position:absolute;height:100%;right:0px;top:0px;width:auto;}
.brandmark-fright svg{fill:#fff;height:100%;}

.brandmark-fleft{position:absolute;height:calc(100% - 300px);left:0px;bottom:0px;width:auto;}
.brandmark-fleft svg{fill:#fff;height:100%;}

.fw600{font-weight:600 !important;}




.experttake .col_flex{column-gap:2rem;}
section.section .headshot div{display:block;height:96px;width:96px;border:2px Solid #E93D58;border-radius:50%;overflow:hidden;}
section.dkblue.experttake h2{margin-bottom:2rem;}
.experttake p + p{margin-top:2rem;}
.statbox h3.label,.statbox{min-height:0;}
section.notopmargin{padding-top:0;}
section.nobottommargin{padding-bottom:0;}
.statbox p.label {letter-spacing: 1px;text-transform: uppercase;color: #004677;font-size: 1.5rem;font-weight: 600;line-height: 1.25;}



/* horizontal chart label placed on top */
.hchart{display:table;position:relative;width:100%;margin-bottom:16px;}
.hchart .hchart_item{display:table-row;}
.hchart_label{display:table-cell;vertical-align:middle; width:240px;padding:8px 0;text-align:right;font-weight:500;}
.hchart_value{display:table-cell;vertical-align:middle;padding:4px 8px 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;font-size:1.178rem; width:0%;word-break: break-all;transition:all 1s ease-in-out;font-weight:700;}
.hchart_value span:after{content:'';display:inline-block;width:8px;}
.hchart_value span.brtblue {background-color:#009DDB}



.diagnostic-drivers .hchart_value span label {font-size: 3.063rem; font-weight: bold; float: left; margin-left: 5px;}

/* macro-marketing */
.hchart_value.hgroup {padding: 10px 0;}
.hchart_value.hgroup span {font-size: 14px; height:20px; float: none; line-height: 20px;}
.hchart_value.hgroup span label {font-size: 14px;}
	 

/* horizontal chart lable placed on left */
.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:#f2f2f2;background-color:transparent;}


.hchart.stack .hchart_value span strong{float: left;font-size: 1rem; font-weight:500;margin-left: 10px;}
.hchart.stack .hchart_value span.graphAnimate.animated strong{display: block;}
.cgp-grocery-report .hchart.stack .hchart_value + .hchart_label {margin-bottom:16px;}	
#content .hchart.stack .hchart_item p {font-size:1rem;}
.hchart.stack.top-factor-hchart .hchart_value, .hchart.stack.video-screens .hchart_value{height: 36px; padding: 0; margin-bottom:0;}


/*  color needs to be renamed ltblue*/
.hchart_value span.dkblue{background-color:#002449;}
.hchart_value span.ltblue{background-color:#009DDB;}
.hchart_value span.gray{background-color:#f2f2f2;}





section.breakbanner{background: #004677;background: linear-gradient(90deg, rgba(0, 70, 119, 1) 0%, rgba(0, 36, 73, 1) 41%, rgba(0, 70, 119, 1) 76%, rgba(0, 157, 219, 1) 100%);}
section.breakbanner:before {content: "";position: absolute;top: 0px;left: 0;width: 100%;height: 16px;background-color:#f5f5f5;background-image:url("../img/metal-stripe2.webp");background-repeat:no-repeat;background-size:cover;}
section.breakbanner:after {content: "";position: absolute;bottom: 0px;left: 0;width: 100%;height: 16px;background-color:#f5f5f5;background-image:url("../img/metal-stripe2.webp");background-repeat:no-repeat;background-size:cover;}


section.medblue h2{color:#fff;}
.form-wrapper{border:1px Solid #009DDB;padding:4rem;}
/*.form_contact iframe{height:375px;}*/
.form_contact iframe{height:575px;}



@media (max-width: 1330px) {
	.brandmark-fleft{height:calc(100% - 360px);}
	.form_contact .col_flex .col_two_fifth{width:360px;}
	.form_contact .col_flex .col_three_fifth{width:calc(100% - 360px);}
}

@media (max-width: 1127px) {
	.form_contact .form-wrapper{background-color:#004677;}
	.brandmark-fleft{height:calc(100% - 380px);}
	/*.form_contact iframe{height:565px;}*/
	.form_contact iframe{height:900px;}
}

@media (max-width: 940px) {
	.form_contact .col_flex{display:block;}
	.form_contact .col_flex .col_two_fifth{width:100%;margin-bottom:2rem;}
	.form_contact .col_flex .col_three_fifth{width:100%;position:relative;z-index:2;}
	.form-wrapper{border:1px Solid #009DDB;padding:2rem;}
	/*.form_contact iframe{height:375px;}*/
	.form_contact iframe{height:575px;}
}

@media (max-width: 618px) {
	/*.form_contact iframe{height:565px;}*/
	.form_contact iframe{height:900px;}
}

@media (max-width: 446px) {
	.form_contact iframe{height:920px;}
}


@media (max-width: 1400px) {
  section.contents_table .col_flex{display:block;}
	section.contents_table .col_flex .col_half{width:100%;}
	section.contents_table .col_flex .col_half:last-child ol li:first-child{border-top:none;}
}

@media (max-width:1250px){
	section.vitals .col_flex{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;}
	section.vitals .col_one_third{flex:1 1 45%;max-width:45%;}
	section.vitals .col_one_third:last-child{flex:0 0 100%;max-width:100%;display:flex;justify-content:center;}
	section.vitals .callout.round{aspect-ratio:1/1;width:300px;height:auto;margin:0 auto;}
	
	#section1 + section.gray .brandmark-fright{right:auto;left:100%;margin-left:-256px;}
	#section1 + section.gray .container > .col_flex:first-child{display:block;}
	#section1 + section.gray .col_two_third{width:calc(100% - 256px);}
	#section1 + section.gray .col_one_third.empty{display:none;}
	#section1 + section.gray .brandmark-fright{margin-left:-256px;}
}

@media (max-width: 1024px) {
	.col_flex{column-gap:3rem;}
	section h2{font-size:2.25rem;}
	#section1 .col_flex{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem;}
	#section1 .col_flex .col_one_third{flex:1 1 calc(50% - 1rem);max-width:calc(50% - 1rem);}
	#section1 .col_flex .col_one_third:first-child{flex:0 0 100%;max-width:100%;}
	/*.col_flex.m1024{display:block;}	*/
	.col_flex.m1024.mcol_flip .col_two_third:first-child{width:100%;}
	.col_flex.m1024.mcol_flip .col_two_third:first-child + .col_one_third{width:100%;}
	.col_flex.m1024.mcol_flip{margin-bottom:2rem;flex-direction:column-reverse;}

}


@media (max-width: 880px) {	
	#section1 + section.gray .container .col_flex{display:block;}
	#section1 + section.gray .container .col_flex .col_half:first-child{margin-bottom:2rem;}
	#section1 + section.gray .col_two_third{width:calc(100% - 128px);}
	#section1 + section.gray .brandmark-fright{margin-left:-128px;}
}








@media (max-width: 760px) {
	section.hero .banner h1{font-size:2.5rem;}
	
	.mnobottommargin{padding:0px !important;margin:0px !important;padding-bottom:1rem !important;}


	
	.mcol_flip .container > .col_flex{flex-direction: column-reverse;}
	.col_flex .col_two_third{display:block;width:100%;}
	.col_flex .col_two_third + .col_one_third{display:block;width:100%;}
	
	.mcol_flip .col_two_third + .col_one_third{margin-bottom:2rem;}
	
	div.indent {padding-left: 0;}
	
	div.sectionheading{display:block;padding-top:2rem;position:relative;}
	div.sectionheading .brandmark{position:absolute;top:3px;left:0rem;}
	div.sectionheading h2 span:first-child{padding-left:80px;}
	
	.col_flex.m760{display:block;}
	.col_flex.m760 .col_half{width:100%;margin-bottom:1rem;}
	.col_flex.m760 .col_half:last-child{margin-bottom:2rem;}
	.col_flex.m760 .col_half .hchart{margin-bottom:0;}


	section.vitals .col_flex{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;}
	section.vitals .col_one_third{flex:0 0 100%;max-width:400px;}
	section.vitals .callout.round{width:272px;margin:0 auto;}
	
	.col_flex.m1024{display:block;}
	
	.redbg{margin-bottom:2rem;}
	
}

@media (max-width:600px){
	#section1 + section.gray .col_two_third{width:100%;}
	#section1 + section.gray .brandmark-fright{display:none;}
	
	
	#section1 .col_flex{display:block;}
	#section1 .col_flex .col_one_third{width:100% !important;max-width:100% !important;display:block !important;flex:none !important;margin-bottom:1rem;}

	
	
	
	
}
	
@media (max-width:500px){
	section.vitals .col_flex{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;}
	section.vitals .col_one_third{flex:0 0 100%;max-width:400px;}
	section.vitals .callout.round{width:272px;margin:0 auto;}
	
	.col_flex .col_flex{display:block;}
	.col_flex .col_flex .col_half{width:100%;}
	.col_flex .col_flex .col_half:first-child{margin-bottom:2rem;}
	
	.experttake .col_flex{display:block;}
	.experttake .col_flex .headshot{margin-bottom:1rem;}
	
	

	.redbg .brandmark-fright {display:none;}
	
	
}


@media (max-width: 350px) {
	section.hero .banner h1{font-size:2.25rem;}
}


.col_flex.statrow{margin-top:0px;}



@media (max-width: 760px) {
  .mreset[data-aos] {
    transition-delay: 500ms !important; /* override inline delay */
  }
}
	
	
	