/* ===== FONTS ===== */
@font-face {
    font-family: 'Larsseit';
    src: url('../../fonts/Larsseit/Larsseit-webfont.eot');
    src: url('../../fonts/Larsseit/Larsseit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/Larsseit/Larsseit-webfont.woff2') format('woff2'),
         url('../../fonts/Larsseit/Larsseit-webfont.woff') format('woff'),
         url('../../fonts/Larsseit/Larsseit-webfont.ttf') format('truetype'),
         url('../../fonts/Larsseit/Larsseit-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.grv_toaster li.grv_article.grv_num_1 .grv_number::before {
	content: 'Discover more articles like “This would be the title of another article related to the one being displayed”';
}

/* ==================== 
 Toaster A/B (white) Overrides 
==================== */

.grv_toaster {
	background: rgba(255,255,255,.97);
	box-shadow: 0px 1px 6px rgba(51,51,51,.35);
	border-radius: 3px 3px 0 0;
}

.grv_toaster.grv_ratings h4.grvFeedbackHeader  {
	color: rgba(0,0,0,.54);
	font-family: 'Larsseit', Arial, sans-serif;
}

.grv_toaster .btn.btn_more {
	background: none;
	width: 20%;
}

.grv_toaster .btn.btn_more::before {
	color: rgba(68,68,68,.8);
	content: '°°°';
	font-size: 18px;
	letter-spacing: 5px;
	line-height: 1;
	text-align: center;
	padding: 0 0 0 3px;
	margin: 0;
}

.grv_toaster .btn.btn_more {
	font-size: 12px;
	text-align: center;
}

.grv_toaster .btn.btn_more span {
	margin-top: 5px;
}

.grv_toaster .btn.btn_more.hide_btn {
	margin-top: 0;
}

.grv_toaster .btn.btn_more span::after,
.grv_toaster .btn_more.hide_btn span::after {
	color: rgba(68,68,68,.8);
}

.grv_toaster .grv_close_btn {
	background: #39f;
	color: rgba(255,255,255,.8);
	transition: .2s all ease;
}

.grv_toaster .grv_close_btn:hover {
	background: rgba(51,153,255,.35);
	color: rgba(51,51,51,.5);
}

.grv_toaster.grv_ratings {
	height: 82px;
	max-width: 420px;
}

.grv_toaster.grv_ratings.grv_numbers .grv_rating,
.grv_toaster.grv_ratings.grv_emoticons .grv_rating {
	width: 13%;
}

.grv_toaster.grv_ratings .grv_rating a [class^="icon-"],
.grv_toaster.grv_ratings .grv_rating a [class*=" icon-"] {
	color: rgba(68,68,68,.54);
}

.grv_toaster.grv_ratings.grv_emoticons .grv_rating a [class^="icon-"],
.grv_toaster.grv_ratings.grv_emoticons .grv_rating a [class*=" icon-"] {
	background: white;
	border-radius: 50%;
}

.grv_toaster.grv_ratings .grv_rating a:hover [class^="icon-"],
.grv_toaster.grv_ratings .grv_rating a:hover [class*=" icon-"] {
	color: rgba(51,153,255,1);
	transform: scale(1.25) !important;  
	transform-origin: bottom center;
}

.grv_toaster.grv_ratings .grv_rating_btn_label {
	color: rgba(68,68,68,.8);
}

.grv_toaster .grv_panel {
	background: rgba(255,255,255,.87);
}

.grv_toaster li.grv_article {
	height: 130px;
}

.grv_toaster li.grv_article.grv_num_0:before,
.grv_toaster li.grv_article.grv_num_1:before,
.grv_toaster li.grv_article.grv_num_2:before {
	color: rgba(68,68,68,.85);
	font-size: 21px;
}

.grv_toaster li.grv_article.grv_num_0,
.grv_toaster li.grv_article.grv_num_1,
.grv_toaster li.grv_article.grv_num_2 {
	background: rgba(255,255,255,0);
	border-top: rgba(68,68,68,.12) 1px solid;
	color: rgba(68,68,68,1);
}

.grv_toaster li.grv_article.grv_num_0 {
	border-top: none;
}

.grv_toaster li.grv_article .grv_view_all_btn:after {
	color: rgba(68,68,68,1);
	font-family: 'Larsseit Light', Arial, sans-serif;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}

.grv_toaster .grv_panel::before {
	background: -moz-linear-gradient(top, rgba(68,68,68,.34) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(68,68,68,.34) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(68,68,68,.34) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	content: '';
	display: block;
	height: 3px;
	position: relative;
	z-index: 100;
}

.grv_toaster li.grv_article a.grv_article_title {
	color: rgba(68,68,68,1);
	font-family: 'Larsseit Light', Arial, sans-serif;
	font-size: 20px;
	line-height: 24px;
	margin-top: 15px;
	max-height: 48px;
	overflow: hidden;
}

.grv_toaster li.grv_article:hover a.grv_article_title {
	color: rgba(68,68,68,1);
}
.grv_toaster li.grv_article a.grv_article_title:hover {
	color: rgba(68,68,68,.87);
}

.grv_toaster li.grv_article a.grv_img_link {
	border: 2px solid rgba(255,255,255,.85);
	top: 0;
}

/* ==== COLOR FIX FOR Aol ====*/
.grv_ratings.grv_toaster .grvFeedbackHeader {
	color: rgba(68,68,68,.87);
	font-family: 'Larsseit', Arial, sans-serif;
}

.grv_toaster.grv_numbers {
	background: rgba(255,255,255,.97) !important;
}

.grv_toaster.grv_numbers .grv_rating a.grv_rating_btn.active.chosen [class^="icon-"],
.grv_toaster.grv_numbers .grv_rating a.grv_rating_btn.active.chosen [class*=" icon-"],
.grv_toaster.grv_numbers .grv_rating a.grv_rating_btn:hover [class^="icon-"],
.grv_toaster.grv_numbers .grv_rating a.grv_rating_btn:hover [class*=" icon-"] {
  background: red; /* For browsers that do not support gradients */
  background: -webkit-radial-gradient(white 25%, white 75%); /* Safari 5.1-6.0 */
  background: -o-radial-gradient(white 25%, white 75%); /* For Opera 11.6-12.0 */
  background: -moz-radial-gradient(white 25%, white 75%); /* For Firefox 3.6-15 */
  background: radial-gradient(white 25%, white 75%); /* Standard syntax */
  border-radius: 50%;
}

.grv_toaster.grv_numbers .grv_rating_1:hover a [class^="icon-"]:before,
.grv_toaster.grv_numbers .grv_rating_1:hover a [class*=" icon-"]:before,
.grv_toaster.grv_emoticons .grv_rating_5:hover a [class^="icon-"]:before,
.grv_toaster.grv_emoticons .grv_rating_5:hover a [class*=" icon-"]:before {
	color: #FF6E6C;
}

.grv_toaster.grv_numbers .grv_rating.grv_rating_1 a.grv_rating_btn.active.chosen [class^="icon-"],
.grv_toaster.grv_numbers .grv_rating.grv_rating_1 a.grv_rating_btn.active.chosen [class*=" icon-"],
.grv_toaster.grv_emoticons .grv_rating.grv_rating_5 a.grv_rating_btn.active.chosen [class^="icon-"],
.grv_toaster.grv_emoticons .grv_rating.grv_rating_5 a.grv_rating_btn.active.chosen [class*=" icon-"] {
	color: #FF6E6C !important;
	transform: scale(1.15) !important;
    transform-origin: bottom center;
}

.grv_toaster.grv_numbers .grv_rating_2:hover a [class^="icon-"]:before,
.grv_toaster.grv_numbers .grv_rating_2:hover a [class*=" icon-"]:before,
.grv_toaster.grv_emoticons .grv_rating_3:hover a [class^="icon-"]:before,
.grv_toaster.grv_emoticons .grv_rating_3:hover a [class*=" icon-"]:before {
	color: #FFCE54;
}

.grv_toaster.grv_numbers .grv_rating.grv_rating_2 a.grv_rating_btn.active.chosen [class^="icon-"],
.grv_toaster.grv_numbers .grv_rating.grv_rating_2 a.grv_rating_btn.active.chosen [class*=" icon-"],
.grv_toaster.grv_emoticons .grv_rating.grv_rating_3 a.grv_rating_btn.active.chosen [class^="icon-"],
.grv_toaster.grv_emoticons .grv_rating.grv_rating_3 a.grv_rating_btn.active.chosen [class*=" icon-"] {
	color: #FFCE54 !important;
	transform: scale(1.15) !important;
    transform-origin: bottom center;
}

.grv_toaster.grv_numbers .grv_rating_3:hover [class^="icon-"]:before,
.grv_toaster.grv_numbers .grv_rating_3:hover [class*=" icon-"]:before,
.grv_toaster.grv_emoticons .grv_rating_4:hover a [class^="icon-"]:before,
.grv_toaster.grv_emoticons .grv_rating_4:hover a [class*=" icon-"]:before {
	color: #ccc;
}

.grv_toaster.grv_numbers .grv_rating.grv_rating_3 a.grv_rating_btn.active.chosen [class^="icon-"],
.grv_toaster.grv_numbers .grv_rating.grv_rating_3 a.grv_rating_btn.active.chosen [class*=" icon-"],
.grv_toaster.grv_emoticons .grv_rating.grv_rating_4 a.grv_rating_btn.active.chosen [class^="icon-"],
.grv_toaster.grv_emoticons .grv_rating.grv_rating_4 a.grv_rating_btn.active.chosen [class*=" icon-"] {
	color: #ccc !important;
	transform: scale(1.15) !important;
    transform-origin: bottom center;
}

.grv_toaster.grv_numbers .grv_rating_4:hover [class^="icon-"]:before,
.grv_toaster.grv_numbers .grv_rating_4:hover [class*=" icon-"]:before,
.grv_toaster.grv_emoticons .grv_rating_2:hover a [class^="icon-"]:before,
.grv_toaster.grv_emoticons .grv_rating_2:hover a [class*=" icon-"]:before {
	color: #94DDFF;
}

.grv_toaster.grv_numbers .grv_rating.grv_rating_4 a.grv_rating_btn.active.chosen [class^="icon-"],
.grv_toaster.grv_numbers .grv_rating.grv_rating_4 a.grv_rating_btn.active.chosen [class*=" icon-"],
.grv_toaster.grv_emoticons .grv_rating.grv_rating_2 a.grv_rating_btn.active.chosen [class^="icon-"],
.grv_toaster.grv_emoticons .grv_rating.grv_rating_2 a.grv_rating_btn.active.chosen [class*=" icon-"] {
	color: #94DDFF !important;
	transform: scale(1.15) !important;
    transform-origin: bottom center;
}

.grv_toaster.grv_numbers .grv_rating_5:hover [class^="icon-"]:before,
.grv_toaster.grv_numbers .grv_rating_5:hover [class*=" icon-"]:before,
.grv_toaster.grv_emoticons .grv_rating_1:hover [class^="icon-"]:before,
.grv_toaster.grv_emoticons .grv_rating_1:hover [class*=" icon-"]:before {
	color: #80E7B1;
}

.grv_toaster.grv_numbers .grv_rating.grv_rating_5 a.grv_rating_btn.active.chosen [class^="icon-"],
.grv_toaster.grv_numbers .grv_rating.grv_rating_5 a.grv_rating_btn.active.chosen [class*=" icon-"],
.grv_toaster.grv_emoticons .grv_rating.grv_rating_1 a.grv_rating_btn.active.chosen [class^="icon-"],
.grv_toaster.grv_emoticons .grv_rating.grv_rating_1 a.grv_rating_btn.active.chosen [class*=" icon-"] {
	color: #80E7B1 !important;
	transform: scale(1.15) !important;
    transform-origin: bottom center;
}

/* This style - which is fed into the JS - controls the overall height of the unit. It will only change when the JS is fired, so inline editing via Inspect Element won't effect the JS */

.grvToasterCollapsedHeight {
  height: 82px;
}

.grvToasterExpandedHeight {
  height: 480px;
}

.grv_rating_btn_label {
	font-family: 'Larsseit', Arial, sans-serif;
}

/* ===== AOL BLUE EMOJIS ===== */
.grv_toaster.grv_satisfaction_scale .grv_rating {
	padding: 0;
}

.grv_toaster .grv_rating:hover a [class^="icon-"]:before,
.grv_toaster .grv_rating:hover a [class*=" icon-"]:before,
.grv_rating a.grv_rating_btn [class^="icon-"]::before,
.grv_rating a.grv_rating_btn [class*=" icon-"]::before,
.grv_rating a.grv_rating_btn.active.chosen [class^="icon-"]::before,
.grv_rating a.grv_rating_btn.active.chosen [class*=" icon-"]::before {
	color: #39f !important;
}

/* ===== AOL FEEDBACK QUESTIONS ==== */
.grvFeedbackHeader:after {
  content: 'Did you find this article interesting?';
}

.grvFeedbackHeader.grvUfv_toasterHappyIndifferentAmusedExcitedAngry:after,
.grvFeedbackHeader.grvUfv_happyIndifferentAmusedExcitedAngry:after {
  content: 'How did this article make you feel?';
}

.grvFeedbackHeader.grvUfv_toasterSatisfactionScale:after,
.grvFeedbackHeader.grvUfv_satisfactionScale:after {
  content: 'How satisfied were you with this article?';
}

.grvFeedbackHeader.grvUfo_happy:after {
  content: 'Happy it is! Thanks for rating.';
}

.grvFeedbackHeader.grvUfo_indifferent:after,
.grvFeedbackHeader.grvUfo_meh:after {
  content: 'Thanks for telling us how you feel.';
}

.grvFeedbackHeader.grvUfo_amused:after {
  content: 'Glad it amused you. Thanks for rating!';
}

.grvFeedbackHeader.grvUfo_excited:after {
  content: 'That\'s great! Thanks for rating.';
}

.grvFeedbackHeader.grvUfo_angry:after {
  content: 'Got it, angry. Thanks for rating!';
}

.grvFeedbackHeader.grvUfo_loveIt:after {
  content: 'Glad you loved it.';
}

.grvUfo_completelySatisfied.grvFeedbackHeader:after {
	content: 'So glad you like it! Thanks for sharing!';
}

.grvUfo_satisfied.grvFeedbackHeader:after {
	content: 'Great! Thank you for sharing!';
}

.grvUfo_neutral.grvFeedbackHeader:after {
	content: 'Thanks for sharing. We\'ll pass that along.';
}

.grvUfo_unsatisfied.grvFeedbackHeader:after {
	content: 'Thanks for sharing. We\'ll pass that along.';
}

.grvUfo_completelyUnsatisfied.grvFeedbackHeader:after {
	content: 'Sorry to hear that. We\'ll pass that along.';
}


.grv_articles {
  display: none !important;
}

.grv_articles.grv_show_articles {
  display: block !important;
}
#grvWidgetStylesLoaded_userFeedback_whitebg_ee295af6de7e579496e0528e2b962e9e_css {
  width: 1px;
  height: 1px;
  visibility: hidden;
}