@charset "utf-8";

/* CSS Document */







/*@font-face {

  font-family: 'Soleil-W01-Regular';

  src:url('https://www.wcwcd.org/wp-content/themes/wcwcd/fonts/Soleil-W01-Regular.woff') format('woff'),

        url('https://www.wcwcd.org/wp-content/themes/wcwcd/fonts/Soleil-W01-Regular.woff2') format('woff2'),

        url('https://www.wcwcd.org/wp-content/themes/wcwcd/fonts/Soleil-W01-Regular.svg#Soleil-W01-Regular') format('svg'),

        url('https://www.wcwcd.org/wp-content/themes/wcwcd/fonts/Soleil-W01-Regular.eot'),

        url('https://www.wcwcd.org/wp-content/themes/wcwcd/fonts/Soleil-W01-Regular.eot?#iefix') format('embedded-opentype'),

        url('https://www.wcwcd.org/wp-content/themes/wcwcd/fonts/Soleil-W01-Regular.ttf') format('truetype');

  font-weight: normal;

  font-style: normal;

  font-display: swap;

}*/

@font-face {

    font-family: 'SoleilW01';

    src: url('https://www.wcwcd.org/wp-content/themes/wcwcd/fonts/SoleilW01-Regular.woff2') format('woff2'),

        url('https://www.wcwcd.org/wp-content/themes/wcwcd/fonts/SoleilW01-Regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

  font-family: 'Soleil-W01-Regular';

  src:url('../fonts/Soleil-W01-Regular.woff') format('woff'),

        url('../fonts/Soleil-W01-Regular.woff2') format('woff2'),

        url('../fonts/Soleil-W01-Regular.svg#Soleil-W01-Regular') format('svg'),

        url('../fonts/Soleil-W01-Regular.eot'),

        url('../fonts/Soleil-W01-Regular.eot?#iefix') format('embedded-opentype'),

        url('../fonts/Soleil-W01-Regular.ttf') format('truetype');

  font-weight: normal;

  font-style: normal;

  font-display: swap;

}



/***** comparison_by_state--page ****/



.comparison_by_state--page div#tabs {

  background: #e5e5e2;

}

.comparison_by_state--page .green-wrapper {

  background: transparent;

}

.comparison_by_state--page .comp-nav {

  width: 100%;

}

.comparison_by_state--page .comp-nav ul {

  display: flex;

  border: none;

  align-items: center;

}

.comparison_by_state--page .comp-nav ul li {

  width: 20%;

  border: none;

  background: #7f7b6c;

}





/***** comparison_by_state--page ****/









/**** data new page ***/



/** pages tab **/

.economic-main-tab.data_tabs--pages  a.data-comparison {

  background: url(../images/data/data-comparison-sprite.png) no-repeat 0px 0px #ebebeb;

  height: 60px;

  color: #000;

}

.economic-main-tab.data_tabs--pages a  {

  width: 40%;

}

.ecnomic-page  .economic-main-tab a  {

  width: 40%;

}

 .economic-main-tab.data_tabs--pages a.data-comparison {

  background: url(../images/data/data-comparison-sprite.png) no-repeat 0px 0px #ebebeb;

  height: 60px;

  color: #000;

  font-family: 'industry';

} 

.ecnomic-page .economic-main-tab a.data-comparison {

  background: url(../images/data/data-comparison-sprite.png) no-repeat 0px 0px #ebebeb;

  height: 60px;

  color: #000;

  font-family: 'industry';

}

.economic-main-tab.data_tabs--pages a.eco-indi-data-icon {

  background: url(../images/data/data-indicator-sprite-new.png) no-repeat 0px 0px #ebebeb;

  height: 60px;

  color: #000;

}



.ecnomic-page .economic-main-tab a.eco-indi-data-icon {

  background: url(../images/data/data-indicator-sprite-new.png) no-repeat 0px 0px #ebebeb;

  height: 60px;

  color: #000;

}

/** pages tab **/







a.mapping_img, a.mapping_img:focus  {

  color: #ffff;

}



.dummy-table {

  margin: 30px auto 0 !important;

}



.ecnomic-page .green-left {

  float: left;

  padding-right: 48px;

  width: 100%;

}



.ecnomic-page .green-right {

  border-left: none;

  color: #fff;

  float: left;

  font-family: Arial,Helvetica,sans-serif;

  padding: 0;

  width: 100%;

}

.ecnomic-page .green-right.indi_data {

  display: flex;

  flex-wrap: wrap;

}

.ecnomic-page .green-right.indi_data > div {

  width: 31%;

  margin-right: 30px;

  border: none;

}

.ecnomic-page .green-right.indi_data > div:last-child {

  margin: 0;

}

.ecnomic-page .population-icon {

    width: 100%;

    border: none;

    display: flex;

    align-items: center;

    padding: 0 20px 22px;

    background-image: url(../images/data/blue-wave-bg.png);

    background-repeat: no-repeat;

    background-size: 100% auto;

    min-height: 110px;

    height: auto;

}



.ecnomic-page .population-icon h4 {

  color: #fff;

  font-size: 24px;

  margin: 0 10px;

  font-family: 'industry';

}

.ecnomic-page h4.body-content--title{

  font-family: 'industry';

}



.ecnomic-page .body-content {

  border:1px solid #005571;

  box-sizing: border-box;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  position: relative;

    top: -21px;

}

.ecnomic-page .body-content .green-right-right {

  width: auto;

}



.prior_period_content h3.change_prior_period {

  font-size: 28px;

  margin-bottom: 0;

}

.prior_period_content span {

  font-size: 18px;

}



.prior_period_content h3.change_prior_period {

  font-size: 28px;

  margin-bottom: 0;

  margin-top: 40px;

   font-family: 'Soleil-W01-Regular';

}

.ecnomic-page h2 {

  font-size: 50px;

  color: #ffff;

  font-weight: 900;

  margin: 0;

  line-height: 53px;

  text-transform: uppercase;

  font-family: 'industry';

}





.ecnomic-page .green-left.map-left p {

  font-size: 16px;

  text-transform: uppercase;

  color: #fff;

}

h4.body-content--title {

  font-size: 48px;

  color: #fff;

  font-weight: 700;

  line-height: 51px;

  margin: 20px 0 0;

}

.body-content .body-content--date {

  font-size: 16px;

  text-transform: uppercase;

  line-height: 16px;

   font-family: 'Soleil-W01-Regular';

}

.ecnomic-page .prior_period_content span {

  font-size: 16px;

  line-height: 16px;

  font-family: 'Soleil-W01-Regular';

}



.prior_period_content {

  padding: 0 0 25px;

}

/**** data new page ***/





.economy-wrapper{

	width:1000px;

	margin:0 auto;

}

.clr{

	clear:both;

}

.map_toptext {

    font-family: Arial,Helvetica,sans-serif;

    font-size: 16px;

    line-height: 25px;

    margin-bottom: 15px;

	color:#fff;

      background: #00a9e0;

    padding: 10px;

}

.eco_goed {

    background:url(../images/eco_tab-sprite.png) repeat scroll 0 0 rgba(0, 0, 0, 0);

    float: left;

    height: 70px;

    margin-left: 1px;

    width: 120px;

}

.current {

    background:none repeat scroll 0 0 #417d98;

}

.labor_goed {

    background:url(../images/labor_tab-sprite.png) repeat scroll 0 0 rgba(0, 0, 0, 0);

    float: left;

    height: 70px;

    margin-left: 1px;

    width: 120px;

}

.labor_goed:hover, .labor_goed.current{

    background:url(../images/labor_tab-sprite.png) repeat scroll left bottom rgba(0, 0, 0, 0);

}

.real_goed {

    background:url(../images/real_tab-sprite.png) repeat scroll 0 0 rgba(0, 0, 0, 0);

    float: left;

    height: 70px;

    margin-left: 1px;

    width: 120px;

}

.real_goed:hover, .real_goed.current {

    background:url(../images/real_tab-sprite.png) repeat scroll left bottom rgba(0, 0, 0, 0);

}

.utility_goed {

    background:url(../images/utility_tab-sprite.png) repeat scroll 0 0 rgba(0, 0, 0, 0);

    float: left;

    height: 70px;

    margin-left: 1px;

    width: 120px;

}

.utility_goed:hover, .utility_goed.current {

    background:url(../images/utility_tab-sprite.png) repeat scroll left bottom rgba(0, 0, 0, 0);

}

.tex_goed {

    background:url(../images/tex_tab-sprite.png) repeat scroll 0 0 rgba(0, 0, 0, 0);

    float: left;

    height: 70px;

    margin-left: 1px;

    width: 120px;

}

.tex_goed:hover, .tex_goed.current{

    background:url(../images/tex_tab-sprite.png) repeat scroll left bottom rgba(0, 0, 0, 0);

}

.ecoprintBtn {

    background: none repeat scroll 0 0 #427e98;

    border: 1px solid rgba(0, 0, 0, 0);

    border-radius: 5px;

    color: #ffffff;

    cursor: pointer;

    float: right;

    font-size: 14px;

    margin: 18px 5px;

    padding: 10px 20px;

    text-transform: uppercase;

	font-family:Arial,Helvetica,sans-serif;

}



.ecoprintBtn:hover {

    background: none repeat scroll 0 0 #ffffff;

    border: 1px solid #427e98;

    color: #427e98;

}

.ecoprintBtnExp {

    background: none repeat scroll 0 0 #427e98;

    border: 1px solid rgba(0, 0, 0, 0);

    border-radius: 5px;

    color: #ffffff;

    cursor: pointer;

    float: right;

    font-size: 14px;

    margin: 18px 5px;

    padding: 10px 20px;

    text-transform: uppercase;

	font-family:Arial,Helvetica,sans-serif;

}



.ecoprintBtnExp:hover {

    background: none repeat scroll 0 0 #ffffff;

    border: 1px solid #427e98;

    color: #427e98;

}

.economy-table {

  border: 3px solid #ddd;

  font-family: proxima-nova,Arial,Helvetica,sans-serif;

  margin: 0 0 0px 0;

  padding: 0;

}

.push {

    margin-top: 30px;

}

.et tr {

  float: left;

  padding: 0 14px;

  width: 100%;

}

.et tr:last-child {

  margin: 0 0 12px;

}

.economy-table th {

  border-bottom: 1px solid black;

  color: #447d94;

  font-size: 12px;

  font-weight: bold;

  padding: 4px;

  text-align: right;

  text-transform: uppercase;

}

.economy-table td {

    font-family: arial;

    font-size: 12px;

    line-height: 20px;

    padding-left: 5px;

    text-align: right;

    vertical-align: middle;

	padding:4px;

}

.economy-table td:first-child {

    padding-right: 0;

    text-align: left;

}

.economy-table tr:nth-child(2n+1) td, .et tr:nth-child(2n+1) {

    background: none repeat scroll 0 0 #f7fdff;

}

.economy-table tr:last-child td {

    border-bottom: 1px solid #000000;

}

.et tr:first-child {

background-color:transparent;

}

.rule_value_goed {        

    border-bottom: 1px solid #ccc;

    color: #cabfb5;

    font-family: arial;

    font-size: 15px;

    height: 30px;

    line-height: 61px;

    margin: 0px 0 30px;

    text-align: center;

    text-transform: uppercase;

}

.rule_value_goed span {

    background: none repeat scroll 0 0 #fff;

    padding: 0 10px;

}

.economic-main-tab{

	margin:10px 0 2px;

	padding:0px;

}

.economic-main-tab a{

	color:#447d94;

	font-size:16px;

	text-transform:uppercase;

	text-decoration:none;

	padding:22px 20px 5px 110px;

	display:inline-block;

	font-family:Arial,Helvetica,sans-serif;

	width:49.7%;

}

.economic-main-tab a.eco-indi-data-icon{

	background:url(../images/data/data-indicator-sprite.png) no-repeat 0px 0px #fff;

	height:60px;

}

.economic-main-tab a:hover.eco-indi-data-icon, .economic-main-tab a.active.eco-indi-data-icon{

	background:url(../images/data/data-indicator-sprite.png) no-repeat 0px -60px #00263d;

	color:#fff;

  font-family: 'industry';

}



.economic-main-tab a.data-comparison{

	background:url(../images/data/data-comparison-sprite.png) no-repeat 0px 0px #fff;

	height:60px;

}

.economic-main-tab a:hover.data-comparison, .economic-main-tab a.active.data-comparison{

	background:url(../images/data/data-comparison-sprite.png) no-repeat 0px -60px #00263d;

	color:#fff;

}

.goed_data_value > th {

    border-bottom: 0 none;

    font-family: arial;

    font-size: 12px;

    font-weight: bold;

    text-align: center;

    text-shadow: 0 0 0;

}

.top-tab {

    background-color: #4d94b2;

    color: #ffffff;

    font-weight: bold;

    text-align: center;

    text-transform: uppercase;

}

.top-tab > th {

  border-bottom: 1px solid;

  color: #447d94;

  font-family: arial;

  font-size: 11px;

  font-weight: normal;

  padding: 7px 5px;

  text-shadow: 0 0 0;

}

.bd-r {

    border-right: 1px solid #000;

}

.bottom-text {

    clear: both;

    padding: 10px 0 0;

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

}

.goed_data_value {

    border-bottom: 1px solid #000000;

    font-size: 12px;

    font-weight: bold;

    text-align: center;

}

.goed_data_value th{

	border-bottom: 1px solid #000000;

}

.water-section-list{

	margin:0px;

	padding:0px;

}

.water-section-list ul{

	margin:0px;

	padding:0px;

}

.water-section-list ul li{

	float:left;

	list-style:none;

	margin:50px;

}

.water-section-list ul li a{

	text-decoration:none;

	display:block;

	width:216px;

	height:210px;

}

.water-section-list ul li a.precipitation{

	background:url(../images/precipitation-sprite.png) no-repeat left top;

}

.water-section-list ul li a.precipitation:hover{

	background:url(../images/precipitation-sprite.png) no-repeat left bottom;

}



.water-section-list ul li a.snow-depth{

	background:url(../images/snow-depth-sprite.png) left top no-repeat;

}

.water-section-list ul li a.snow-depth:hover{

	background:url(../images/snow-depth-sprite.png) left bottom no-repeat;

}



.water-section-list ul li a.snow-water{

	background:url(../images/snow-water-equivalent-sprite.png) left top no-repeat;

}

.water-section-list ul li a.snow-water:hover{

	background:url(../images/snow-water-equivalent-sprite.png) left bottom no-repeat;

}



.water-section-list ul li a.reserviour{

	background:url(../images/wcwcd-reservoirs-sprite.png) left top no-repeat;

}

.water-section-list ul li a.reserviour:hover{

	background:url(../images/wcwcd-reservoirs-sprite.png) left bottom no-repeat;

}



.water-section-list ul li a.other-reserviour{

	background:url(../images/other-reservoirs-sprite.png) left top no-repeat;

}

.water-section-list ul li a.other-reserviour:hover{

	background:url(../images/other-reservoirs-sprite.png) left bottom no-repeat;

}



.map-left{

	width:50%;

	float:left;

}

.map-right-outer{

	width:50%;

	float:right;

}

.map_right {

    width: 500px;

    margin-left: 6px;

}

.right_first {

    float: left;

    height: 134px;

    margin-left: 0;

    margin-top: 0;

    width: 190px;

}

.firts-sec {

    width: 117px;

}

.image_one {

    background:url(../images/GOED_pop-blue.png) repeat scroll 0 0 transparent;

    cursor: pointer;

    float: right;

    height: 117px;

    width: 117px;

}

.time {

    color: #1f5a7b;

    float: left;

    font-family: times new roman;

    font-size: 30pt;

    font-weight: bold;

    height: 43px;

    line-height: 56px;

    margin-left: 21px;

    margin-top: 21px;

    width: 246px;

}

.sub_text1 {

    clear: both;

    color: #cabfb5;

    float: left;

    font-family: arial;

    font-size: 16px;

    font-weight: lighter;

    letter-spacing: 1px;

    margin-left: 21px;

    margin-top: 8px;

    text-align: left;

    width: 208px;

}

.pop_arrow_up_goed {

    background:url(../images/arrow_top.png) no-repeat scroll 0 0 transparent;

    color: #ffffff;

    float: left;

    font-family: arial;

    font-size: 16pt;

    font-weight: bold;

    height: 90px;

    line-height: 114px;

    margin-left: 65px;

    margin-top: 6px;

    text-align: center;

    width: 102px;

}

.sub_text2 {

    clear: both;

    color: #cabfb5;

    float: left;

    font-family: arial;

    font-size: 16px;

    font-weight: normal;

    letter-spacing: 1px;

    margin-left: 1px;

    margin-top: 7px;

    text-align: right;

    width: 173px;

}



.hr{

	border-bottom:1px solid #ccc;

	margin:20px 0px;

}

.image_one2 {

    background:url(../images/GOED_employ-blue.png) repeat scroll 0 0 transparent;

    cursor: pointer;

    float: right;

    height: 117px;

	margin-top:7px;

    width: 117px;

}

.image_one12 {

    background:url(../images/GOED_spend-blue.png) repeat scroll 0 0 transparent;

    cursor: pointer;

    float: right;

    height: 116px;

    margin-top: 7px !important;

    width: 117px;

}



.dummy-table{

	 margin: 0 auto;

    padding: 0;

    width: 1000px;

}

.dummy-table img{

	width:100%;

}



/****************************population**************************/



.pop-up1 {

    background: none repeat scroll 0 0 #353535;

    float: left;

    width: 100%;

}

.pop-heading h1 {

    color: #f4bc21;

    float: right;

    font-size: 28px;

    width: 70%;

}

.pop-odd {

    background: none repeat scroll 0 0 #625e5b;

}

#poptbl td {

  color: #000;

  font-size: 14px;

  padding: 2px 5px;

}

.pop-heading > img {

    margin: 10px 10px 0;

}

.pop-date-range p {

    color: #fff;

    float: left;

    margin: 10px 0 10px 10px;

    text-align: right;

    width: 96%;

}

.pop-date-range span {

    border: 2px solid #fff;

    border-radius: 2px;

    padding: 3px 4px;

}

.pop-main-data {

    float: left;

    width: 100%;

}



#poptbl {

  float: left;

  margin: 6px 10px 0;

}

.pop-graph {

  float: left;

  margin: 6px 5px 10px;

}

.pop-heading span {

    color: #fff;

    font-size: 22px;

}







/* 06012015 strat*/

.green-tab-outer{

	background:#17a277;

	padding:15px;

	font-family: Arial,Helvetica,sans-serif;

}

.green-tabbing{

	margin:0px;

	padding:0px;

}

.green-tabbing ul{

	margin:0px;

	padding:0px;

}

.green-tabbing ul a{

	display:block;

}

.green-tabbing ul a li{

	color: #fff;

    float: left;

    font-size: 15px;

    font-weight: bold;

    line-height: 35px;

    list-style: outside none none;

    text-align: center;

    text-transform: uppercase;

	padding:27px;

	border:1px solid #fff;

	width:100px;

	border-right:none;

}

.br{

	border-right:1px solid #fff !important;

}

.green-tabbing ul a li:hover{

	background:#3f7e9a;

}

.pe-side{

	float:right;

	width:160px;

}

.pe-side a{

	  background: #30c995 none repeat scroll 0 0;

    border: 1px solid #fff;

    color: #fff;

    display: block;

    font-size: 15px;

    font-weight: bold;

    margin: 10px 0;

    padding: 10px 30px;

    text-align: center;

    text-decoration: none;

    text-transform: uppercase;

}

.pe-side a:hover{

	background:#18a077;

}

.green-wrapper{

	background:#447d94;

	padding:15px;

}

.ecnomic-page .green-wrapper{

  background-color: #00263d;

}

.green-left {

  float: left;

  padding-right: 48px;

  width: 355px;

}

.green-right {

  border-left: 1px solid #fff;

  color: #fff;

  float: left;

  font-family: Arial,Helvetica,sans-serif;

  padding: 0 0 0 35px;

  width: 590px;

}

.green-right h2{

	color:#fff;

	font-size:22px;

	margin:0 0 20px 0;	

	font-weight:normal;

}

.population-green {

  border: 1px solid #FFF;

  margin: 0;

  width: 100%;

}

.population-icon {

    border-right: 2px solid #fff;

    color: #fff;

    float: left;

    font-size: 17px;

    height: 115px;

    line-height: 40px;

    padding: 10px 0;

    text-align: center;

    text-transform: uppercase;

    width: 150px;

}

.green-right-center {

  float: left;

  font-size: 50px;

  margin: 8px;

  width: 200px;

}

.green-right-center span{

	float: left;

    font-size: 14px;

    width: 100%;

}

.green-right-right {

  float: right;

  text-align: center;

  width: 170px;

  margin: 20px 8px 0 0;

}

.green-right-right h3 {

  float: left;

  font-size: 30px;

  font-weight: normal;

  margin: 10px 0 5px;

  width: 44%;

}

.green-right-right span {

  float: left;

}

.green-right-righ span{

	font-size:14px;

}

.map-main {

  cursor: pointer;

  margin: 40px 0 0;

  text-align: center;

}



.population-green.map_right {

    cursor: pointer;

}



.change_prior_period {

    color: #fff;

}



/***********************2-6-15********************************/

.comp-nav {

  float: left;

  width: 80%;

}

.comp-nav ul {

  border: 1px solid #fff;

  float: left;

  margin: 0;

  padding: 0;

  width: 100%;

}

.comp-nav li {

  border-right: 1px solid #fff;

  float: left;

  height: 101px;

  list-style: outside none none;

  margin: 0;

  width: 152px;

}

.comp-nav li:last-child {

  border: 0 none; width: 158px;

}



.comp-nav a {

  color: #fff;

  float: left;

  font-family: Arial,Helvetica,sans-serif;

  font-size: 16px;

  padding: 13px 15px 12px;

  text-align: center;

  text-decoration: none;

  width: 100%;

}

.comp-nav a:hover {

  color: #fff;

}

.comp-nav li:hover {

  background: #417d98;

}



.popu-header {

  float: left;

  width: 100%;

}

.popu-header img {

  float: left;

}

.popu-header h3 {

  color: #000;

  float: left;

  font-family: Arial,Helvetica,sans-serif;

  font-size: 22px;

  font-weight: 500;

  margin: 0 15px 3px;

  text-transform: uppercase;

  width: 50%;

}

.popu-header img {

  float: left;

  margin: 10px 0 0;

}

.popu-header h2 {

  color: #467d95;

  float: left;

  font-family: Arial,Helvetica,sans-serif;

  font-size: 35px;

  font-weight: 500;

  margin: 0 15px;

  width: 50%;

}

.ecnomic-page .popu-header h2.ind_name_popup{

    font-family: 'industry';

    color: #00a9e0;

}

.popup-poplation {

  background: none repeat scroll 0 0 #e5e5e3;

  box-shadow: 0 0 7px #515151;

  float: left;

  padding: 40px 15px 20px;

  position: relative;

  width: 100%;

}

.cross-icn {

  position: absolute;

  right: 0;

  top: 8px;

}

.ecnomic-page .cross-icn img{

  max-width: 12px;

}

.ecnomic-page .cross-icn {

    position: absolute;

    right: 10px;

    top: 4px;

    background-color: #7e796b;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

}

.cross-icn:hover {

  cursor: pointer;

}

.county-table {

  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

  float: left;

  margin: 15px 15px 0;

  width: 20%;border: 0 none;

}

.county-table td {

  padding: 5px 0;

}

#poptbl.county-table tr {

  color: #fff;

  font-family: Arial,Helvetica,sans-serif;

  background:none;

}

.county-garph {

  float: left;

  margin: 15px 0 0;

  width: 75%;

}



/***********************2-6-15********************************/



/***********************4-6-15********************************/

.comp-btn {

	float: left;

	margin: 16px 0 5px 25px;

	text-align: center;

	width: 160px;

}



.comp-btn a {

	background:#417d98;

	border: 1px solid #fff;

	color: #fff;

	float: left;

	margin: 0 0 6px;

	padding: 5px 0;

	text-decoration: none;

	width: 100%;

	font-family: Arial, Helvetica, sans-serif;

}



.comp-btn a:hover {

  background: none repeat scroll 0 0 #6898AC;

  color: #fff;

}



.popup-poplation .county-table { margin: 23px 15px 0 !important;}

.green-right-right > div {

  float: right;

  margin: 6px 0 0;

}

/***********************4-6-15********************************/





/*************************18-6-15********************************/

@charset "utf-8";

/* CSS Document */

*{margin: 0; padding: 0;}



.our-wate{

    background: url(../images/water-section/our-wat.png) no-repeat;

    background-size: cover;

    width:100%;

}

.our-wate h3 {

  color: #fff;

  font-family: "goth-book",Arial,sans-serif;

  font-size: 2.625em;

  padding: 125px 0;

  text-align: center;

}

.water-wrapper{margin: 0 auto; width: 1140px;}

.water-wrapper-left{

    width: 40%; float: left;margin: 20px 0 0;

}

.water-wrapper-left ul {

  margin: 0;

}

.water-wrapper-left li {

  color: #fff;

  font-family: "goth-book",Arial,sans-serif;

  font-size: 18px;

  list-style: outside none none;

  margin: 0 0 20px;

  text-align: center;

}

.pricip{

    background:url(../images/water-section/precition.png) no-repeat; padding:55px 0; position:relative;

}



.snow-water{

    background:#329ac7;padding: 55px 0;position:relative;

}

.water-wrapper-right{

    background: url(../images/water-section/snw-depth.png) no-repeat;

    background-size: cover;

     float: right;

    margin: 20px 0 0;

    padding: 159px 0;

    text-align: center;

    width: 58%;position: relative;

}

.water-wrapper-right p,.wc-reservoirs-right p,.wc-reservoirs-left p {

  color: #fff;

  font-family: "goth-book",Arial,sans-serif;

  text-align: center;

  font-size: 18px;

}

.clr{clear:both;}

/*.wc-reservoirs {

  float: left;

  width: 100%;

  margin: 0 0 10px;

}*/

.wc-reservoirs-left {

  float: left;

  width: 49%;

  background: url(../images/water-section/reserv-lft.png) no-repeat;

  background-size: cover;

  text-align: center;    padding: 118px 0;margin: 0 0 25px; position:relative;

}



.wc-reservoirs-right {

  float: right;

  width: 49%;

  background: url(../images/water-section/other-reservior.png) no-repeat;

  background-size: cover;

  text-align: center;    padding:116px 0;margin: 0 0 25px; position:relative; 

}

.wc-reservoirs-right:hover,.wc-reservoirs-left:hover{cursor:pointer;}

.wc-reservoirs-right img {

  margin: -8px 0 12px;

}



.hover-text-slider {

  bottom: 0;

  color: #fff;

  font-size: 0;

  height: 0;

  padding: 0;

  position: absolute;

  right: 0;

  text-align: center;

  transition: all 0.5s ease 0s;

  width: 100%;

  z-index: 9;

}

.my-tooltip:hover .hover-text-slider {

  font-size: 20px;

  height: 200px;

}

 .overlay {

  background: #000 none repeat scroll 0 0;

   bottom: 0;

    opacity: 0.1;

    position: absolute;

    right: 0;

    top: 0;

    transition: opacity 0.2s ease-in-out 0s;

    width: 100%;

    z-index: 2;

}

.my-tooltip:hover .over {

  opacity: 0.8;

}

li.snow-water.my-tooltip:hover .hover-text-slider,li.pricip.my-tooltip:hover .hover-text-slider {

  height: 130px;

}

.my-tooltip:hover {

    cursor: pointer;

}

/*************************18-6-15********************************/



/***************************23-6-15************************/

.table_data_cp{

	font-size: 11px;

}

/***************************23-6-15************************/

#poptbl.county-table tr:nth-child(even) {

    background-color: rgb(239 239 239);

}









/*custom-design*/

.ecnomic-page .popup-poplation:before {

    content: "";

    display: block;

    width: 100%;

    background-color: #d1d0ca;

    height: 40px;

    position: absolute;

    top: 0px;

    left: 0px;

    z-index: 0;

}

.eco-sumary-page .clark-county-table thead {

    background-color: #00263d !important;



}

.eco-sumary-page .clark-county-table thead th{

  color: #fff !important;

  font-family: 'industry';

}

.eco-sumary-page .clark-county-table table tbody tr:nth-child(even) {

    background-color: #f2f2f0;

}

.eco-sumary-page .clark-county-table table tbody tr:nth-child(odd) {

    background-color: #f9f9f9;

}

#box-areas .box-body > div {

    margin: 5px 0;

    width: 100%;

    font-size: 12px;

}

#box-areas .box-body > .input-area {

    display: flex;

}

#box-areas .box-body > .input-area > input{

  margin-right: 5px;

}

#box-areas .box-area {

    box-shadow: 0 0 4px #ccc;

    float: left;

    width: calc(20% - 5px);

    margin-right: 5px;

    padding: 2px;

    background-color: #fff;

}

.eco-sumary-page .indi-chart-area{

    background-color: #e5e5e2;

    padding: 20px;

    position: relative;

}

.mr-portal-main .eco-sumary-page .clark-county-table table tbody tr:hover td{

  color: #fff;

}

.mr-portal-main .eco-sumary-page .clark-county-table table tbody tr td:last-child {

    display: none !important;

}

.rs_line svg, .rs_bar svg{

  display: none;

}

.mr-portal-main .indi-chart-area .chart-inner .chart-bar .chart.rs_bar {

    background-image: url(https://www.wcwcd.org/wp-content/themes/wcwcd/images/water-section-new/bar-chart.png);

    background-size: 15px;

    background-repeat: no-repeat;

    background-position: center;

}

.mr-portal-main .indi-chart-area .chart-inner .chart-bar .chart.active, .mr-portal-main .indi-chart-area .chart-inner .chart-bar .chart{

  background-color: #ccc !important;

  color: #000 !important

}

.mr-portal-main .indi-chart-area .chart-inner .chart-bar .chart.rs_line  {

    background-image: url(https://www.wcwcd.org/wp-content/themes/wcwcd/images/water-section-new/line-chart.png);

    background-size: 15px;

    background-repeat: no-repeat;

    background-position: center;

}



/*MEDIA Query*/



@media (max-width: 575px){

  .county-garph{

    width: 100%;

  }

  .county-garph #chartdiv{

    width: 100% !important;

  }

}