/*.di_surveyresults {position: relative;}*/

.content-item__story .di_intro {font: 1.1em/1.5 'Source Sans Pro', Sans-serif; color: #333; }
.content-item__story .di_intro .mobilestyle {display: none;}
.content-item__spacer {margin-bottom: 18px;}
.di_surveyresults {clear: left;}
.di_surveyresults h3 {text-align: center; font: 0.8em/1.2 'Source Sans Pro', Sans-serif; color: #6f6f6f; text-transform: uppercase; margin-top: 0.5em; margin-bottom: 1.5em; margin-left: 2px;}
.di_surveyresults .results_set {width: 20%; padding: 0.5em 10px; float: left; display: block; padding-top:}
.di_surveyresults .results {position: absolute; margin: 2px; width: 10px; height: 10px; border-radius: 5px; cursor: pointer; background-color: white; border: 2px solid white;} /*10px 250px 300px*/
.di_surveyresults .rt_0 div, .di_surveyresults .rt_undefined, .di_surveyresults .rt_undefined div {background-color: #8c8c8c;}
.di_surveyresults .rt_1 div, .shareDetails .rt_1 {background-color: #bf3e39;}
.di_surveyresults .rt_2 div, .shareDetails .rt_2 {background-color: #995e5c;}
.di_surveyresults .rt_3 div, .shareDetails .rt_3 {background-color: #8c8c8c;}
.di_surveyresults .rt_4 div, .shareDetails .rt_4 {background-color: #5c8399;}
.di_surveyresults .rt_5 div, .shareDetails .rt_5 {background-color: #2180a6;}
.di_surveyresults .results .resultOver {margin: -2px; width: 10px; height: 10px; border-radius: 5px; }/*transition: none 0 ease 0;*/
.di_surveyresults .results:hover .resultOver {opacity: 0.6;}
.di_surveyresults .results .resultOver div,  .di_surveyresults .results .resultOver h4 {display: none;}/* display: none; {width: auto; width: 750px; */
.di_surveyresults .results .resultOver div span {display: block; font-size: 0.75em; line-height: 1.1; color: #dfdfdf; text-transform: uppercase; margin-bottom: 2px; background-color: transparent;}
.di_surveyresults .opened:hover {cursor: default;}
.di_surveyresults .rt_1,.di_surveyresults .rt_1 div {border-color: #bf3e39;}
.di_surveyresults .rt_2,.di_surveyresults .rt_2 div {border-color: #995e5c;}
.di_surveyresults .rt_3,.di_surveyresults .rt_3 div {border-color: #8c8c8c;}
.di_surveyresults .rt_4,.di_surveyresults .rt_4 div {border-color: #5c8399;}
.di_surveyresults .rt_5,.di_surveyresults .rt_5 div {border-color: #2180a6	;}
.di_surveyresults .dots_box {position: relative;width: 100%; height: auto; min-height: 42px;}
.shareDetails {clear: left; width: 100%; height: auto; padding: 15px 20px 55px; position: relative; margin-bottom: 1em; border-bottom: 1px solid #ccc; background-color: #f3f3f3; min-height: 310px; transition: all 0.5s ease 0s;} 
.shareDetails .sd_body div {margin-bottom: 1.2em; font: 0.9em/1.1 'Source Sans Pro', Sans-serif; color: #333;}
.shareDetails .sd_body div span {color: #6f6f6f;text-transform: uppercase; font-size: 0.8em; margin-bottom: 6px;display: block;}
.shareDetails .sd_head {height: 20px;}
.shareDetails.rt_1 {background-color: rgba(191,62,57,0.2);}
.shareDetails.rt_2 {background-color: rgba(153,94,92,0.2);}
.shareDetails.rt_3 {background-color: rgba(140,140,140,0.2);}
.shareDetails.rt_4 {background-color: rgba(92,131,153,0.2);}
.shareDetails.rt_5 {background-color: rgba(33,128,166,0.2);}
.shareDetails .sd_body {clear: left;padding-top: 10px;}
.di-tweetable-icon {
	background-image: url("//chronicle.com/modules/interactives/alcohol_video/img/logos/twitter_blue.png");
	background-position: 1px 35%;
	background-repeat: no-repeat;
	background-size: 20px auto;
	display: inline-block;
	font: bold 14px/20px "Source Sans Pro",sans-serif;
	text-transform: uppercase;
	margin: -5px 2px 0 10px;
 	padding: 2px 2px 2px 25px;
}
.data_blob {display: none !important;}
.di_surveyresults h4, .shareDetails h4 {color: #007aad; margin-top: 0; padding: 0; font-weight: normal;}
.shareDetails .swatch {width: 14px; height: 14px; border-radius: 10px; margin-right: 10px; float: left;}
.shareDetails .di_playbutton {clear: left; text-transform: uppercase; font: 16px/18px 'Source Sans Pro', Sans-serif; width: 100%; position: absolute; bottom: 20px; height: 35px; margin: 0;}
.shareDetails .di_button {padding: 9px 8px 6px; cursor: pointer; color: #3e5266; text-align: center; text-transform: uppercase; height: auto; background-color: rgba(255,255,255,0.4);  width: 366px; margin: 0 auto; border: 2px solid white;transition: background-color 0.5s ease 0s;}/*float: left;*/
.shareDetails .di_button .active {font-weight: bold;}
.shareDetails .di_button:hover {background-color: rgba(255,255,255,1); text-decoration: none;}
.shareDetails .di_button .offflag {display:none;}
.shareDetails .di_playbutton .di_counter {float: left; color: #6f6f6f;padding: 8px 10px; width: auto; height: 31px;}
.shareDetails .APoff .onflag {display: none;}
.shareDetails .APoff .offflag {display: inline;}
.shareDetails .APoff .di_counter {display: none;}
.shareDetails .group {text-align: left; font: 0.8em/1.2 'Source Sans Pro', Sans-serif; color: #6f6f6f; text-transform: uppercase; float: left; width: auto;}
.content-item__story h4 {clear: left;}
.feature-more-stories {border: 1px solid #d5d4d2;font-family: "Source Sans Pro",Arial,sans-serif;margin: 1em auto 1em;overflow: hidden;padding: 8px;width: 100%;}
.feature-more-stories em {font-family: 400 "Source Sans Pro",Arial,sans-serif; font-style: italic;}
.feature-more-stories .desc {margin-bottom: 2%; padding: 0 10px;}
.feature-more-stories .tease-row {overflow: hidden; padding: 0 10px 10px;}
.feature-more-stories .item {float: left; margin-right: 2%; width: 49%;}
.feature-more-stories .item.last {margin-right: 0;}
.feature-more-stories .item img {float: none;margin: 0;width: 100%;}/*max-width: 300px;*/
.feature-more-stories .item a:hover {text-decoration: none;}
.feature-more-stories .item a .hed {font-size: 18px;font-weight: bold;line-height: 1.2em;margin-top: 4px;margin-bottom: 4px; color: #007aad;}
.feature-more-stories .item a .dek {color: #333;font-size: 14px;line-height: 1.2em;}
.feature-more-stories .item a:hover .hed {text-decoration: underline;}
@media only screen and (max-width: 1199px) {
	.di_surveyresults h3 {font-size: 0.7em;}
}
@media only screen and (max-width: 640px) {
	.content-item__story .di_intro .desktopstyle {display: none;}
	.content-item__story .di_intro .mobilestyle {display: inline;}
	.shareDetails .di-tweetable-icon {display: none;}
	.shareDetails .sd_body {display: none;}
	.shareDetails {height: auto; min-height: 0; background-color: white !important; padding: 0; border-bottom: 0 none transparent;}
	.shareDetails .di_playbutton {position: static;}
	.shareDetails .di_button {border: 2px solid #007aad; padding-top: 8px; color: #007aad; background-color: rgba(222,235,247,0.5);}
	.shareDetails .di_button:hover {background-color: rgba(222,235,247,1);}
	.di_surveyresults h3 {font-size: 0.9em;}
	.di_surveyresults .results .resultOver h4 {display: block;}
	.di_surveyresults .results {position: static; width: 100%; height: auto; color: #333; padding: 2em 0 0; margin: 0; cursor: default;}/*background-color: transparent; */
	.di_surveyresults .results div {color: #333;}
	.di_surveyresults .rt_1 .resultOver  {background-color: rgba(191,62,57,0.2);}
	.di_surveyresults .rt_2 .resultOver {background-color: rgba(153,94,92,0.2);}
	.di_surveyresults .rt_3 .resultOver {background-color: rgba(140,140,140,0.2);}
	.di_surveyresults .rt_4 .resultOver {background-color: rgba(92,131,153,0.2);}
	.di_surveyresults .rt_5 .resultOver {background-color: rgba(33,128,166,0.2);}
	.di_surveyresults .results,.di_surveyresults .results div {border: 0 none transparent;}
	.di_surveyresults .results:hover .resultOver {opacity: 1;}
	.di_surveyresults .results_set {width: 100%; float: none; position: relative; padding: 0;}
	.di_surveyresults h3 {display: none; position: absolute; top: 0; text-align: center; width: 100%;}/*;}*/
	.di_surveyresults .results .resultOver {width: 100%; height: auto; display: block; padding: 20px; position: static;}/*background-color: #deebf7;*/
	.di_surveyresults .results .resultOver div {font-family: 'Source Sans Pro', Sans-serif; font-size: 0.9em; line-height: 1.3; padding: 10px 0; display: block; background-color: transparent;}
	.di_surveyresults .results .resultOver div span {color: #6f6f6f; }
	.di_surveyresults .dots_box {height: auto !important; min-height: 0 !important;}
}
@media only screen and (max-width: 570px) {
	.feature-more-stories .item {float: none; margin-right: 0%; width: 100%; margin-bottom: 10px;}
	.feature-more-stories .item.last {margin-bottom: 0;}
}
@media only screen and (max-width: 460px) {
	.shareDetails .di_button {font-size: 14px; width: 100%;}
}
@media only screen and (max-width: 400px) {
	.shareDetails .di_button {font-size: 12px; border-width: 1px;}
}