/* CSS Rules for Wine Industry Metrics (AKA data center AKA Wine Industry Data Center* * * * * * * * * * * * * */
/* WIDC rules for headers and text * * * * * * * * * * * * * */

.widcHeader {
  font-family: Georgia, times, serif;
  font-size: 24px;
  color: rgb(153, 0, 0);
  font-weight: 400;
  /* font-family:Verdana;  color:#900;*/
}
.widcPeriodTitle {
  font-family: Verdana, Arial, Lucida, sans-serif;
  font-size: 14.6667px;
  color: rgb(153, 0, 0);
  font-weight: 400;
  line-height: 18px;
  /* */
}
.widcPeriodPosted {
  font-family: Georgia, times, serif;
  font-size: 11px;
  color: rgb(51, 51, 51);
  font-weight: 400;
  font-style: italic
  /* line-height:18px; */
}
.widcTitle {
  font-family: Verdana, Arial, Lucida, sans-serif;
  font-size: 13.3333px;
  color: rgb(153, 0, 0);
  font-weight: 700;
  line-height: 18px;
  /* */
}
.widcSubTitle {
  font-family: Verdana, Arial, Lucida, sans-serif;
  font-size: 13.3333px;
  color: rgb(51, 51, 51);
  font-weight: 400;
  line-height: 18px;
  /* font-weight:normal; font-size:11pt; */
}
.widcArticle {
  font-weight: normal;
  font-size: 11pt;
}
.widcDataPoints {
  font-weight: normal;
  font-size: 11pt;
}
.widcDataPointsHeader {
  display: block;
  padding: 2px;
  width: 100%;
  color: white;
  font-weight: bold;
  background-color: black;
  color: white;
  text-decoration: none;
  margin-bottom: 2px;
}
.widcCaptionWhiteOnBlack {
  color: white;
  background-color: black;
  font-style: normal;
  font-weight: bold;
  font-size: 12pt;
  padding: 2px 0;
}
.widcCaptionWhiteOnBlack span {
  margin-left: 5px;
}
.widcNavHeader {
  float: left;
  overflow-x: hidden;
  background: url(/images/icons/dropArrowRed15x25.png) no-repeat center right;
  cursor: pointer;
}
.widcNavHeader select {
  background: transparent;
  -webkit-appearance: none;
  border: none;
  outline: none;
  cursor: pointer;
}
.widcNavHeader select:focus {
  outline: none;
}
/* Vector Arrows: Normal Size * * * * * * * * * * * * * */

.upIndicatorBox {
	height: 45px;
	width: 50px;
	background: url('/images/icons/upIndicator.svg?ver=1.0') no-repeat;
	background-size: contain;
	background-position: center;
	position:relative;
	margin-top:3px;
}
.upIndicatorBox div {
  top: 20px;
  left: 4px;
  width: 44px;
  text-align: center;
  position: absolute;
  font-weight: normal;
  font-size: 9pt;
  color: white;
}
.downIndicatorBox {
	height: 45px;
	width: 50px;
	background: url('/images/icons/downIndicator.svg?ver=1.0') no-repeat;
	background-size: contain;
	background-position: center;
	position:relative;
	margin-top:3px;
}
.downIndicatorBox div {
	top: 0;
	left: 4px;
	width: 44px;
	text-align: center;
	position: absolute;
	font-weight: normal;
	font-size: 9pt;
	color: white;
}
.neutralIndicatorBox {
	height: 45px;
	width: 50px;
	color:white;
	background: url('/images/icons/neutralIndicator.svg?ver=1.0') no-repeat;
	background-size: contain;
	background-position: center;
	position:relative;
}
.neutralIndicatorBox div {
	top: 9px;
	left: 3px;
	width: 44px;
	text-align: center;
	position: absolute;
	font-weight: normal;
	font-size: 9pt;
	color: white;
}
/* Vector Arrow: Small Size * * * * * * * * * * * * * */
/* Small */

.upIndicatorBoxSm {
  margin-top: 2px;
  height: 39px;
  width: 52px;
  display: block;
  position: relative;
  background: url('/images/icons/upIndicatorSm.svg');
  font-size: 6pt;
  font-family: verdana, arial, lucida, sans-serif;
}
.upIndicatorBoxSm div {
  top: 20px;
  left: 0px;
  width: 100%;
  text-align: center;
  position: absolute;
  font-weight: normal;
  color: white;
}

/*CSS Rule for dow jones down indicator*/

.downIndicatorBoxSm {
  margin-top: 2px;
  height: 39px;
  width: 52px;
  display: block;
  position: relative;
  background: url('/images/icons/downIndicatorSm.svg');
  font-size: 6pt;
  font-family: verdana, arial, lucida, sans-serif;
}
.downIndicatorBoxSm div {
  top: 8px;
  left: 0;
  width: 100%;
  text-align: center;
  position: absolute;
  font-weight: normal;
  color: white;
}
.neutralIndicatorBoxSm {
	margin-top: 2px;
	height: 39px;
	width: 52px;
	display: block;
	position: relative;
	background: url('/images/icons/neutralIndicatorSm.png');
	font-size: 6pt;
	font-family: verdana, arial, lucida, sans-serif;
}
.neutralIndicatorBoxSm div {
	top: 12px;
	left: 0;
	width: 100%;
	text-align: center;
	position: absolute;
	font-weight: normal;
	color: black;
}

/*Homepage specific style changes*/
#wvaMetrics .title {
	display: block;
	margin: 0 0 20px;
	padding: 0;
	background: #004E7A;
	position: relative;
	height: 3px;
}
#wvaMetrics .title span {
	display: block;
	position: absolute;
	left: 50%;
	top: 0;
	margin-top: -13px;
	margin-left: -206px;
	background: white;
	color: #004E7A;
	font-size: 30px;
	padding: 0px 15px;
	text-transform: capitalize;
}
@media only screen and (max-width: 460px) {
	#wvaMetrics .title span {
		margin-left: -155px;
		font-size: 22px;
		margin-top: -10px;
	}
}
#wvaMetrics .widcDataPointsHeader {
	font-size:16px;
	background: none;
	color: #004E7A;
	text-transform: uppercase;
}
#wvaMetrics table {
	display:inline-block;
	margin-right:50px;
	font-size:15px;
	color: #004E7A;
}
#wvaMetrics table b{
	color: #4c4e4d;
 }
#wvaMetrics .highcharts-menu-item:nth-child(n+8),#wvaMetrics .highcharts-menu-item:nth-child(1), #wvaMetrics .highcharts-menu-item:nth-child(2) {
	display:none !important;
}
#wvaMetrics .highcharts-menu hr {
	display:none !important;
}
@media only screen and (max-width: 959px) {
	#wvaMetrics table {
		margin-right:0px;
	}
}

@media only screen and (max-width: 419px) {
	#wvaMetrics .showFullMonth {display:none;}
}
@media only screen and (max-width: 369px) {
	#wvaMetrics table {
		font-size:10pt !important;
	}
	#wvaMetrics .title span {
		font-size:18px;
		margin-left: -130px;
		margin-top: -8px;
	}
}
@media only screen and (max-width: 340px) {
	#wvaMetrics table {
		font-size:9pt !important;
	}
}