/* ============= CODE ============= */
@charset "UTF-8";
.content-item__byline {margin-bottom: 0;}/* chart styles*/
/* new bars */
.fundraiser-survey h2 {clear: both;}
.pfs_table {margin: 20px auto; width: 80%; max-width: 770px;}
.pfs_table tr {background-color: #e7e7df;}
.pfs_surveyresults {width: 100%; float: none; padding: 20px 20px 0;}
.pfs_survey2 {padding-bottom: 20px;}
.pfs_table img {width: 100%;}
.img_rig {padding:0 2%;}
.intro_img {max-width: 650px; margin: 0 auto;}
.intro_img img {width: 100%;}
.img_cell {float: left; min-height: 240px; width: 33%; padding: 0 20px; border-right: 1px solid #cccccc; }
.img_cell p {font: 14px/1.3 Roboto,Helvetica,Arial,sans-serif;}
.img_cell.first img {padding-top: 9px;}
.img_cell.last {border-right: none;}
.pfs_surveyresults h3 {margin-top: 0; color: #6d6e71; font-size: 30px; font-weight: normal; padding: 0 2% 0;}/*text-transform: uppercase; */
.pfs_surveyresults .intro {font: 16px/1.4 Roboto,Helvetica,Arial,sans-serif; color: #7f7f7f; padding: 0 2%;}
.pfs_surveyresults .note {font-size: 14px;}
.graphics_key {margin: 0; padding: 2px 2% 12px; width: 100%; height: auto; list-style-type: none;}
.graphics_key::after, .ph_row::after, .pfs_surveyresults::after {content:''; display: block; clear: both; }
.graphics_key li {font: 14px/20px Roboto,Helvetica,Arial,sans-serif; margin-right: 10px; float:left;}
.graphics_key li span {height: 12px; margin-right: 5px; width: 12px; display: inline-block; background-color: #b63b32;}
.graphics_key li .somewhat {opacity: 0.5;}
.ph_row {width: 100%; margin-bottom: 5px; height: 29px; padding-left: 60px; clear: left; padding-bottom: 4px;}
.wide_label .ph_row {padding-left: 0; min-height: 46px; height: auto;}
.med_label .ph_row {padding-left: 190px;}
.graphic_box {padding: 0 2% 0;}
.ph_row .key {display: inline-block; background-color: #b63b32; height: 10px; width: 10px; margin: 2px;}
.phr_label {font: 16px/24px Roboto,Helvetica,Arial,sans-serif; margin-left: -60px; width: 50px;  float: left;}
.wide_label .phr_label {font-size: 14px; line-height: 18px; width: 100%; margin-left: 0; float: none;}
.med_label .phr_label {width: 180px; margin-left: -190px; font-size: 16px;}
.wideImg {display: block; max-width: 600px; margin: 0 auto 6px; }
.textStyle {font: 16px/1.3 Roboto,Helvetica,Arial,sans-serif; padding: 2px 0 0 85px; border-bottom: 1px solid #cccccc; height: 88px; margin-bottom: 14px;}
.phr_bar {background-color: #b63b32; height: 100%; float: left; position: relative;}
.wide_label .phr_bar {height: 25px; float: none;}
.short_label .phrb_label {text-align: left; right: 0; margin-right: -53px; color: #b63b32;}
.phrb_label  {position:absolute;  z-index: 1; font: 16px/26px Roboto,Helvetica,Arial,sans-serif; width: 50px; right: 5px;color: white; text-align: right;}
.horiz_row {width: 11%; height: 100%; float: left; padding: 200px 1px 0;}
.phr_sub  {opacity: 0.9;}
.smallBox p {float: left; width: 20%; height: 120px; padding: 0 18px; margin-top: 10px !important; border-right: 1px solid #cccccc; font: 13px/1.3 Roboto,Helvetica,Arial,sans-serif;}
.smallBox .last {border-right: 0 none;}
.smallBox .first {padding: 0 15px;}
.smallBox p em {font-weight: bold; font-variant: none;}
.smallBox .bigNum, .textStyle .bigNum {font-size: 52px; line-height: 1;  font-weight: bold; color: #b63b32; text-align: center; display: block;}
.textStyle .bigNum {float: left; margin-right: 20px; font-size: 66px;}
.media-width-half {max-width: 310px; margin-right: 0;}
p.subhed {clear: both;}
.qualtrics_yn {margin-top: 32px;}
.QSIUserDefinedHTML {z-index: 0;}
@media only screen and (max-width: 1199px) {
.scndImg {max-width: 560px;}
	}
@media only screen and (max-width: 991px) {
	.pfs_surveyresults h3 {font-size: 24px;}
	.pfs_table, .single_chart {width: 100%;}
	.smallBox p, .smallBox .first, .smallBox .last {width: 20%; padding: 0 15px 0; font-size: 13px; height: 110px;}
	.smallBox .first {padding: 0 12px 0;}
	.smallBox .bigNum {font-size: 36px;}
	.scndImg {max-width: 520px;}
  }
@media only screen and (max-width: 750px) {
	.smallBox p, .smallBox .first, .smallBox .last {width: 33.3%; height: 90px;}
	.smallBox .third {border-right: 0 none;}
	.smallBox .fourth {margin-left: 16.65%;}
	.img_cell {width: 33.33%; padding: 0 15px; min-height: 230px;}
}
@media only screen and (max-width: 710px) {
	.img_cell p {font-size: 13px;}

}

@media only screen and (max-width: 600px) {
	.img_cell {padding: 0 10px; min-height: 210px;}
	.img_cell.first {padding-left: 0;}
	.img_cell.last {padding-right: 0;}
	.img_cell p {font-size: 12px;}
	.content-item__side-bar {max-width: 390px; display: block; margin: 0 auto;}/* .content-item__side-bar--body*/
	.media-width-half {max-width: 100%; margin-right: 0;}
	
}
@media only screen and (max-width: 520px) {
	.med_label .phr_label, .phr_label, .wide_label .phr_label {margin-left: 0; float: none; font-size: 12px; line-height: 16px;}
	.med_label .ph_row, .ph_row {padding-left: 0; height: auto;}
	.phr_bar {float:none; height: 25px;}
}
@media only screen and (max-width: 480px) {
	.textStyle {padding-left: 0;}
	.img_cell {width: 100%; border-right: none; padding: 0; float: none; margin: 0 auto 20px;  max-width: 200px;}
	.img_cell p {font-size: 14px; margin-bottom: 2px;}
	.pfs_surveyresults {float: none; width: 100%; padding: 10px 10px 0;}
	.pfs_surveyresults h3 {font-size: 18px; padding-top: 2px;}
	.pfs_survey2 {padding-bottom: 8px;}
	.pfs_surveyresults .intro {font-size: 14px; line-height: 1.3;}
	.pfs_surveyresults .note {font-size: 13px; line-height: 1.3;}
	.single_chart, .pfs_table {width: 100%;}
	.pfs_surveyresults .intro, .pfs_surveyresults h3, .graphics_key, .graphic_box {padding: 0;}

	.smallBox .bigNum {float: left; margin-right: 10px; line-height: 0.9; font-size: 56px;}
	.medLabel .phrb_label {color: #b63b32;text-align: left; right: 0; margin-right: -53px; }
	.graphics_key {margin: 0 0 8px;}
	.graphics_key li {font-size: 12px;}
	.smallBox p, .smallBox .first, .smallBox .fourth, .smallBox .third, .smallBox .last {float: none; width: 230px; height: 80px; padding: 20px 0 0; margin: 0 auto; border-right: 0 none;}
}
@media only screen and (max-width: 420px) {
}
@media only screen and (max-width: 397px) {
	.qualtrics_yn {display: none;}
}