.content_area{ padding:55px 0px;}

.hour_item{  border: solid 1px #dbdbdb; padding:10px; width:70px; text-align:center; float:left; margin-right:27px;}

/*h1 sup { font-size: 16px; color: #fff;  font-weight: 400; }*/

.hour_item h1{ font-size: 35px; color: #353f4b;  font-weight: 600; margin: 0px; line-height: normal; }

.gray_bg{ background-color:#e8e8e8; padding:10px 10px; font-size:16px; color:#000; margin-top:15px; margin-bottom:10px;}

.date{ font-size: 12px; color: #353f4b;  font-weight: 600; text-align:center;  }



.hour_item:last-child{  border: solid 1px #dbdbdb; padding:10px; width:70px; text-align:center; float:left; margin-right:0px;}



.enterZip{



	text-align: center;

}



.widget_base h1{

	color: #fff;

}



.searchcontainer label{

	padding-right: 10px;

}





/******placeholder*****/

input[type="text"]::-webkit-input-placeholder {

color: #fff !important;

}

 input[type="text"]:-moz-placeholder { /* Firefox 18- */

color: #fff !important;

}

 input[type="text"]::-moz-placeholder {  /* Firefox 19+ */

color: #fff !important;

}



.clear {clear: both;}

.container-wrap {width: auto; margin: 0 auto;}



.tab button { background-color: inherit;  border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 15px; }

.tab button:hover { background-color: #ddd; }

.tab button.active {margin: 0px; background-color: #123252; color: #fff; border-radius: 5px 5px 0px 0px; }



.tabcontent { display: block; padding: 6px 12px; border-top: none; background-image: url(../images/banner.jpg); background-size: cover; background-repeat: no-repeat; padding:0px; background-color:#497bbb;}



/*************Search_Bar*****************/

#Location .wx_searchbar { background-color: #123252; padding: 0px 10px 7px; }

.wx_search { text-align: right; }

.wx_search input[type="text"]  {
	padding: 6px;
    margin-top: 8px;
    font-size: 17px;
    border: none;
    background-color: #1f536b;
    border: solid 1px #01618c;
    width: 100px;
    display: inline-block;
	color: #fff;
}

.wx_search button { float: right; padding: 6px 10px; margin-top: 8px; margin-right: 16px; background: #01618c; font-size: 17px; border: none; cursor: pointer; color: #fff; border: solid 1px #01618c; }

.wx_search button:hover { background: #1c66c3;  border: solid 1px #01618c;}

.wx_search a {
    display: inline-block;
    padding: 6px 10px;
    margin-top: 8px;
    margin-right: 16px;
    background: #01618c;
    font-size: 16px;
    border: none;
    cursor: pointer;
    color: #fff;
}

.wx_search a:hover { background: #1c66c3;  border: solid 1px #01618c; color:#fff;}

.wx_search a:focus { background: #1c66c3;  border: solid 1px #01618c; color:#fff;}

.wx_search label{ font-weight: 600; color: #fff; font-size:16px; padding: 0px; margin-right: 5px;}

/*************Search_Bar*****************/



/*************Main Widget Base*****************/



.main_widget_base{ width:100%; position:relative; margin:0 auto;  padding:0px; text-align: center; }

#main_widget_base1{ width:100%; position:relative; margin:0 auto;  padding:0px; text-align: center; }

#main_widget_base2{ width:100%; position:relative; margin:0 auto;  padding:0px; text-align: center; }

#main_widget_base3{ width:100%; position:relative; margin:0 auto;  padding:0px; text-align: center; }



/**********Left_panel****************/

.left_panel {
    float: left;
    text-align: left;
    display: block;
    margin: 1px 0px;
    width: 55%;
    padding-left: 2%;
}

.left_panel_content img {
    float: left;
    margin-right: 0px;
    width: 180px;
    text-align: center;
    margin: 0 auto;
}

.left_panel_content h1 {
    font-size: 54px;
    color: #fff;
    font-weight: 800;
    line-height: normal;
    padding: 30px 0 0;
}

.left_panel h6{font-size:18px; margin:10px;}


.left_panel_content{ margin-bottom:5px; }

.left_panel_content h6{margin:0px; padding:0px; }

.left_panel_content h2 { padding: 0px; margin:0px; font-size: 20px; color: #ffffff; font-weight: 600;}

.left_panel_content h3 {
    padding: 0em 0 0;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    margin: 0;
}

.left_panel_content p{ font-size:13px; color: #fff;  font-weight: 400; text-align:left;}

.left_panel_content p strong{ font-size:13px; color: #fff;  font-weight: 600;}

.pull_left {
    float: none;
    padding-left: 12%;
    top: -20px;
    position: relative;
}

.pull_right { float: none;}

.left_panel h6 {
    display: none;
}

#main_widget_base1 h1, #main_widget_base1 h2, #main_widget_base1 h3, #main_widget_base1 h4, #main_widget_base1 h5, #main_widget_base1 h6, #main_widget_base1 span, #main_widget_base1 p, #main_widget_base1 div {
text-shadow: 0 0 5px rgba(0,0,0,0.5);
}



/**********Right_panel****************/

.right_panel {
    float: left;
    /* display: inline-block; */
    /* margin: 0 1% 0 auto; */
    width: 43%;
    position: relative;
    top: 25px;
}

.right_panel_content img {
    float: left;
    margin-right: 0px;
    text-align: center;
	width:90px;
}

.right_panel_text {
    float: left;
    margin-right: 0px;
    text-align: left;
    padding-top: 10px;
	padding-left:7px;

}

.right_panel_holder p {
    font-size: 12px;
    color: #fff;
    font-weight: 400;
}

.right_panel_text p {
    font-size: 12px;
    color: #fff;
    font-weight: 400;
    padding-bottom: 0px;
    margin: 0px;
}

.right_panel_holder {
    float: left;
    padding-left: 15px;
    padding-top: 5px;
}

.right_panel_content h4 {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    margin: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
}

.right_panel_content {
    background: rgba(0,0,0,0.5);
    padding: 2% 2%;
    text-align: left;
}






.right_panel_text h1{font-size:30px; color:#fff;  font-weight: 700;}


.right_panel_text p strong{ font-size:12px; color: #fff;  font-weight: 600;}


.right_panel_holder p strong{ font-size:12px; color: #fff;  font-weight: 600;}



.tab button { float: none; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 14px; margin-right:1px; border-radius: 5px 5px 0px 0px; color:#000; }

.tab button:hover { background-color: #ddd; }



#main_widget_base h1{ color: #fff;}



#main_widget_Hourly{ width:90%; position:relative; margin:0 auto;  }



/***Hourly Forecast*****/

.hourly_header {
    background-color: #ededed;
    padding: 6px 10px 6px;
}


.left_text_head{  color:#000000; font-size:18px;  font-weight: 700;  padding-top:0px; float: none; text-align: center;}

.right_text_head{  float: none; text-align: right;}

.right_text_head form input[type=text] {
    padding: 8px;
    font-size: 14px;
    border: none;
    background-color: #fff;
    border: solid 1px #dddddd;
    color: #5f5f5f;
    width: 100px;
    display: inline-block;
    margin-left: 10px;
}


.right_text_head form button {   padding: 11px 14px; background: #01618c; font-size: 11px; border: none; cursor: pointer; color:#fff; border: solid 1px #01618c; }

.right_text_head form button:hover { background: #1c66c3;  border: solid 1px #01618c;}



.right_text_head form a {
    padding: 6px 10px;
    background: #01618c;
    font-size: 14px;
    border: none;
    cursor: pointer;
    color: #fff;
    border: solid 1px #01618c;
}

.right_text_head form a:hover { background: #1c66c3;  border: solid 1px #01618c; font-size: 15px; border: solid 1px #01618c00; box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 0); color:#fff;}

.right_text_head form a:focus { background: #1c66c3;  border: solid 1px #01618c; font-size: 15px; border: solid 1px #01618c00; box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 0); color:#fff;}



.right_text_head form label{ font-weight: 400; color: #3f3f3f; font-size:15px; line-height:15px;  }



/********Hourly Content BaseArea************/

#main_widget_baseArea{ width:100%; position:relative; margin:0 auto;  text-align: center; }

.hourly_baseArea{padding:1% 0; text-align: center; }



.area_item{ border: 1px solid #ccc; padding: 4px; display: inline-block; margin:2px; text-align: center; width:130px; }

.area_item h1{ font-size: 21px; color: #353f4b;  font-weight: 700; margin: 0px; line-height: normal; padding: .2em 0 0;  }

.area_item img{	display: inline-block; margin: 0 auto;}

.area_item b{  padding:5px 10px; font-size:13px; color:#000;  margin-bottom:0px; display:block;}

.area_item p{ font-size: 12px; color: #353f4b;  font-weight: 600; margin:6px; padding:0px; line-height:18px; }

.area_item  label{height:42px !important; font-size: 13px; line-height: 16px; font-weight:400; display: block;}

#main_widget_baseAreahourly .area_item {
    border: 1px solid #ccc;
    padding: 2px;
    display: inline-block;
    margin: 2px;
    text-align: center;
    width: 80px;
}

.area_item b {
    background-color:#ddd;
}

.page_base {

	padding: 0px; 

	border:solid 1px #dee2e6;

}



.page_base1{

	border:solid 1px #dee2e6;

}



.page_base3{

	width: 320px;

	border:solid 1px #dee2e6;

}



.page_base2{

	padding: 0px; 

	border:solid 1px #dee2e6;

	width: 100%;

  margin: 0 auto;

}



.data_item h1 sup {font-size: 18px;  color:#123252 !important;}

.data_item{width:130px;}

.miniwidgetc{

	border:none !important;

}

.miniwidgetc h1 sup { } 





/*sup { top: -0.1em; }*/



.day_almanac { padding: 5% 0; }

.table thead th { vertical-align: bottom; border-bottom: 1px solid #dee2e6; text-align: center; }

.table td, .table th { padding: .75rem; vertical-align: top; border-top: 1px solid #dee2e6; width: 30px; }

.table {width:320px; margin-bottom: 1rem; color: #212529;  margin: 0px auto; text-align:center; font-size: 13px;}

.table td, .table th {

 padding: .75rem; vertical-align: top; border-top: 0px solid #dee2e6; }

.table-striped tbody tr:nth-of-type(2n+1) { background-color: rgba(0,0,0,.05); }

.table-striped tbody tr:nth-of-type(2n+1) { background-color: rgba(0,0,0,.05); }

table { border-collapse: collapse; }

table tr {  border-bottom: 1px solid #eee; border-top: 1px solid #eee;}



.miniwidgetc h1 {

    font-weight: 600 !important;

    color:#6a7f9e !important;

    font-size: 14px;

    font-family: 'Open Sans', sans-serif;

}





.miniwidgetc h1 span {

    font-weight:600 !important;

    color:#03415d !important;

    font-size: 16px;

    

}





.days10forecast{

	width:auto;

	margin:0 auto;

}

.almanacfore{

	width:320px;

	margin:0 auto; 

}




.hourly_baseArea h6 {
    padding-bottom: 10px;
    font-size: 18px;
    margin: 12px;
}






.miniwidgetc h1 img{

	position: relative;

	top:1px;

	width: 22px;
	height: 22px;
	
    display: inline;
}



.entry-title a {

    color:#333;

    text-decoration: none;

    margin-left: 0px;

}

.entry-title a:hover{

	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(0, 0, 0, 0);

}



.entry-title a:focus{

	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(0, 0, 0, 0);

}



.page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header {

    margin-bottom: 0em;

}



.site-info a:hover{

	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(0, 0, 0, 0);

}

.site-info a:focus{

	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(0, 0, 0, 0);

}

.entry-header{



}

.entry-content h5, .entry-content h6, .entry-summary h5, .entry-summary h6, .page-content h5, .page-content h6, .comment-content h5, .comment-content h6 { margin: 0px; padding: 0px; margin-top:0em;    margin-bottom:0em; }





.entry-content h1, .entry-summary h1, .page-content h1, .comment-content h1 {

   margin-top:0em;

    margin-bottom:0em;

}



.entry-content h2, .entry-summary h2, .page-content h2, .comment-content h2 {

   

    margin-top: 0em;

    margin-bottom: 0em;

}



.entry-content h3, .entry-summary h3, .page-content h3, .comment-content h3 {

   

    margin-top: 0em;

    margin-bottom: 0em;

}


.nodatafound {

	background-color: #14476a;

	padding: 5%;

	text-align: center;

	position: relative;

	top: 43px;

	color: #fff !important;

}



.nodatafound h1 {

	font-size: 30px;

	color: #fff !important;

	font-weight: 700;

}

 .textwidget h1 {

    margin-top: 0em !important;
    margin-bottom: 0em !important;
}

 .textwidget h2 {
margin-top: 0em !important;
    margin-bottom: 0em !important;
}

.textwidget h3 {
margin-top: 0em !important;
    margin-bottom: 0em !important;
}

.widget p {
    margin-bottom:0em !important;
}
.mySlides { display: none }
/* Slideshow container */
.slideshow-container { max-width: 700px; position: relative; margin: auto; }
/* Next & previous buttons */
.prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -22px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; }
.next { right: 0; border-radius: 3px 0 0 3px; }
.prev:hover, .next:hover { background-color: rgba(0,0,0,0.8); }
.dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #d7dbdc; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; }
.active, .dot:hover { background-color: #01618c; }
/* Fading animation */
.fade { -webkit-animation-name: fade; -webkit-animation-duration: .9s; animation-name: fade; animation-duration: .9s; }
 @-webkit-keyframes fade {  from {
opacity: .4
}
to { opacity: 1 }
 0% {
 -webkit-transform: translateX(100%);
}
 100% {
 -webkit-transform: translateX(0%);
}
}
 @keyframes fade {  from {
opacity: .4
}
to { opacity: 1 }
 0% {
 transform: translateX(100%);
}
 100% {
 transform: translateX(0%);
}
}
.slideshow-container { max-width: 700px; margin: 0 auto; }
.hourly_baseArea { width: 100%; overflow: hidden; }