/*!
* Full Weather Page V2
* clean.css file
* edit below as your needs if you are familiar with css!
* This style is for pages with "clean" backgrounds (example: with white background)
* Here you can edit the colors for each element as your needs
*/

/*outer background*/
#weather-outer {
	background:rgba(255,255,255,1) !important;
}

/*a style*/
#weather-outer a{
	color:#000;
	text-decoration:none;
}

/**** || CURRENT WEATHER AREA || ****/

/* current outer background */
.current-outer{
	background:#fff;
}

/* city title color*/
.wea-title-outer h1{
	color:#3f3f3f;
}

/* settings icon color */
.wea-settings{
	color:#1c515b;
}

/* current conditions area text color (icon, text etc) */
.current-conditions{
	color:#000;
}

/* current details area text colors (humidity, wind  etc) */
.current-details{
	color:#000;	
}

/* current condition icon color*/
.wea-current-icon{
	color:#154b82;
}
/* current temperature color */
.current-conditions-right p{
	color:#1d65ad;
}

/* current condition text color */
.wea-current-text p{
	color:#154b82;
}

/*sunrise/sunset icons color*/
.current-sun p .wea{
	color:#8c4600;
}

/*moon phase icons color*/
.current-sun-moon p .wi,.current-sun-moon .fa{
	color:#5b5b5b;
}

/*earthquake div colors*/
.wea-earthquake,.wea-earthquake a{
	color:#49401b;
	border:1px dotted #49401b;
	background:#faf8f1;
}

/* last update-notes icon colors */
.wea-cur-update .fa{
	color:#004284;
}

/* current details icons colors (humidity, wind  etc) */
.current-details .wi,.current-details .fa{
	color:#2c2c2c;	
}

/*current wind direction icon color*/
.current-details p .cur-deg{
	color:#55613f;
}

/*alerts colors*/
.cur-alert{
	color:#cc0000;
	border:1px dotted #e8e800;
	background:#ffffe6;
}

/* notes text color */
.cur-notes{
	color:#3e3e3e;
}

/** TOOLTIPS COLORS**/
#tooltip
{
    color: #000;
    background: #f2f2f2;/* the same color as "after" and ".top:after" borders color */
}
 
#tooltip:after /* arrow decoration */
{
    border-top: 10px solid #f2f2f2;
}

#tooltip.top:after
{
    border-bottom: 10px solid #f2f2f2;
}


/**** || TABS (HOURLY, GRAPHS, HISTORY) STYLE || ****/

/*preloading icon color*/
.fa-spin-custom{
	color:#687452;
}
/* tabs border and background colors */
.resp-tabs-list li {
	border:1px solid #eeeeee !important;
	background:#eeeeee !important;
}
.resp-tabs-list li:hover {
    border:1px solid #a2a2a2 !important;
    background-color: #e2e2e2 !important;
}
/* active tab border and background colors */
.resp-tabs-list li.resp-tab-active {
    border:1px solid #a2a2a2 !important;
    background-color: #e2e2e2 !important;
}

/* tab content colors */
.resp-tab-content {
    border: 1px solid #ccc !important;
	background:#fff !important;
}

/* accordion tabs colors */
h2.resp-accordion {
	border-color:#e4e4e4 !important;
	background:#F6F6F6 !important;
}
/* arrows */
.resp-arrow {
    border-top: 12px solid #ccc;
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #000;
}
/*accordion content*/
@media only screen and (max-width: 600px) {
	.resp-tabs-container .resp-tab-content-active {
    border: 1px solid #ccc !important;
	background:#fff !important;
	}
	h2.resp-tab-active {
		border:1px solid #ccc !important;
		background-color: #f1f1f1 !important;
	}	
}


/**** || HOURLY SLIDER CAROUSEL || ****/

/* carousel outer*/
.wea-carousel{
	border:0;
	background:#fff;
}
.hourly-no-data{
	color:#cc0000;
	font-weight:700;
}


/*next/prev icons color*/
.slick-prev:before,.slick-next:before{
	color:#284262;
}

/* hourly item colors */
.hourly-item{
	border:1px solid #ddd;
	background:#f9f9f9;
	color:#333333;/*text color*/
}

/*hourly time colors */
.hourly-time{
	border-color:#ddd;
	background:#fff;
	color:#000;/*text color*/
}

/* hourly condition text colors */
.hourly-condition{
	color:#172639;
}

/* hourly icon color */
.wea-hourly-icon{
	color:#154b82;
}

/* hourly temperature color*/
.hourly-temp{
	color:#1d65ad;
}

/* hourly details icons colors (humidity, wind  etc) */
.hourly-item .wi,.hourly-item .fa{
	color:#666;	
}

/*hourly pagination item*/
.hourly-pagination-item{
	border-color:#ccc;
	background:#f5f5f5;
	color:#4a4a4a;
}
/*hourly pagination item hover and active*/
.hourly-pagination-item:hover,.hourly-pagination-item-active{
	border:1px solid #4a4a4a;
	background:#4a4a4a;
	color:#fff;
}


/**** || HISTORY AREA STYLES || ****/

/* history weather outer */
.history-area{
	background:#fff !important;
}

/*history titles color*/
.history-area h3{
	color:#253858 !important;
}

/*history charts title color*/
.history-area h4{
	color:#253858 !important;
}

/*history condition icon color*/
.wea-icon i{
	color:#666 !important;
}

/*history condition text color*/
.wea-icon span{
	color:#000 !important;
}

/*history chart condition icon color (in tooltip)*/
.chartcond {
	color:#34507c !important;

}

/*history charts titles */
.chartTitle, .chartTitle b{
	color:#666 !important;	
}

/* history tables titles colors*/
#res-tables th,#res-tables-avg th,#res-tables-rec th{
	background:#eaeaea !important;
	border:1px solid #f5f5f5 !important;
	color:#666 !important;
}
/* history tables text background color*/
#res-tables tr,#res-tables-avg tr,#res-tables-rec tr{
	background:#f5f5f5 !important;
	color:#000 !important;
}

/* history submit color*/
.history-block .submitDiv input{
	color:#000;
	background:#f5f5f5;
	border-color:#000;	
}
.history-block .submitDiv input:hover{
	color:#3c3c3c;
	background:#fff;
	border-color:#3c3c3c;
}

/*history modal background*/
.history-modal-box, .history-modal-box header,.history-modal-box .modal-body, .history-modal-box footer{
	background:#fff;
	color:#000;
	border:1px solid #f1f1f1;
}

/**** || FORECAST WEATHER AREA || ****/

/* forecast outer background */
.forecast-outer{
	background:#fff;
}

/* forecast title color*/
.wea-title-outer h2{
	color:#3f3f3f;
}

/* forecast chart icon color */
.wea-for-chart{
	color:#1c515b;
}

/*forecast charts area colors */
.wea-for-chart-area{
	border-color:#ccc;
	background:#fff;
}

/*forecast date*/
#wea-forecast-outer h3{
	color:#5d5d5d;
}
/*forecast item outer*/
.forecast-item{
	background:#fafafa;
	border:1px solid #efefef;
}

/* forecast icon */
.wea-forecast-icon{
	color:#154b82;
}

/* forecastt temperature color */
.forecast-temp-high{
	color:#742121;
}
.forecast-temp-low{
	color:#1d65ad;
}

/*forecast condition color*/
.forecast-condition{
	color:#154b82;
}

/* forecast condition text color */
.wea-current-text p{
	color:#154b82;
}

/*forecast sunrise/sunset icons color*/
.forecast-sunrise p .wea{
	color:#8c4600;
}

/*forecast moon phase icons color*/
.forecast-moon p .wi,.forecast-moon .fa{
	color:#5b5b5b;
}

/* forecast details icons colors (humidity, wind  etc) */
.forecast-details .wi,.forecast-details .fa{
	color:#2c2c2c;	
}

/*current wind direction icon color*/
.forecast-details p .cur-deg{
	color:#55613f;
}


/**RESPONSIVE STYLE**/
@media only screen and (max-width: 700px) {

	/* history tables titles colors*/
	#res-tables th,#res-tables-avg th,#res-tables-rec th{
		background:#eaeaea !important;
		border:1px solid #f5f5f5 !important;
		color:#666 !important;
	}
	/* history tables text background color*/
	#res-tables tr,#res-tables-avg tr,#res-tables-rec tr{
		color:#000 !important;
	}
	#res-tables tr:nth-child(even),#res-tables-avg tr:nth-child(even),#res-tables-rec tr:nth-child(even) {
		background:#fff !important;
	}

	#res-tables tr:nth-child(odd),#res-tables-avg tr:nth-child(odd),#res-tables-rec tr:nth-child(odd) {
		background:#f9f9f9 !important;
	}
}