.widget{

	}
.widget-title {
	float: left;
	font-weight: 500;
	font-size: 12pt;
	text-decoration: none;
	text-transform: uppercase;
	margin-bottom: 3px;
	border-bottom: 2px solid #F60;
	line-height: 1.3;
	background: #F80;
	width: 100%;
	margin: 5px 0 0 0;
  	padding: 6px 10px 2px 10px;
	color:#FFF;
	cursor: pointer;
}
.widget-title text {
	float: left;
	font-weight: 300;
}

.widget-title i {
	float: right;
	font-size: 10pt;
	margin:4px 2px 0 0;
}
.widget-post-title {
	float: left;
	font-weight: 500;
	font-size: 12pt;
	text-decoration: none;
	text-transform: uppercase;
	margin-bottom: 3px;
	border-bottom: 2px solid #F60;
	line-height: 1.3;
	width: 100%;
	margin: 5px 0 0 0;
  	padding: 6px 10px 2px 0;
	color:#F30;
}
.widget-post-title text {
	float: left;
	font-weight: 500;
}

.widget-post-title i {
	float: left;
	font-size: 10pt;
	margin:4px 12px 0 0;
}
.sub-widget-title {
	float: left;
	margin:0 10px 20px 0;
	padding: 5px 0;
	border-bottom:1px solid #CCC;
	text-transform:uppercase;
	font-size:12pt;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	color: #005189;
}

.widget img {width:100%}
.widget-panel {transition: width 2s linear 1s;}
.widget-panel ul {	float: left; width:100%; margin-bottom: 5px;}
.widget-panel ul li {float: left; width: 100%; background-color: #f6f6f6;position: relative; margin-bottom: 1px; padding: 0px 6px 7px 6px}
.widget-panel ul li:hover,.widget-panel ul li:hover a {font-weight: 400; background-color: #DDD}
.widget-panel ul li a, .widget-archives ul li a {float: left;width: 96%; padding: 0; font-size: 12pt; color: #005189; display: block; line-height: 1.3 }
.widget-panel .active { background-color: #DDD}
.widget-panel .active a {color:#0095DA}
.widget-panel ul li a i{float: left; width: 10%; margin: 10px 0 0 0; font-size: 12pt; text-align: center;}
.widget-panel ul li a text{float: left; width: 90%; margin: 8px 0 0 0; font-size: 11pt; font-weight: 500; }

.widget-color { margin-bottom: 30px; padding: 10px }

.widget-archives { }
.recent-post {float: left; width: 100%; margin-bottom: 10px; border-bottom: 1px solid #DDD; padding: 6px 0 3px 0; }
.recent-img {padding: 5px;}
.recent-img img {width: 100%}
.recent-title {padding: 5px; color: #fff; line-height: 1.3; font-size: 11pt; font-weight: 400; margin: 0;}
.recent-title h3 {line-height: 1.3; font-size: 11pt; margin: 0;}
.recent-title h3 a{color: #333; font-weight: 400}
.recent-title h3 a:hover{color: #F60}
.recent-date {padding: 0 5px; font-size: 9pt; font-weight: 400; margin: 6px 0; text-align: left;color: #0095DA}


.widget-tags { }
.widget-tags a { color: #888888; padding: 5px 12px; background-color: transparent; display: inline-block; margin-bottom: 5px; border-radius: 0px; font-size: 10px; font-weight: 700; text-transform: uppercase; line-height: 20px; margin-right: 5px; border: 1px solid #888888; }
.widget-tags a:hover { background-color: #111; color: #fff; border: 1px solid #111; }
.widget-search { margin-bottom: 10px}
.widget-search button { background-color: transparent; border: #143575; color: #181c18; font-size: 18px; position: absolute; right: 0px; padding: 13px 4px; bottom: 0; }
.widget-search .form-control { height: 52px; }
.search-form { position: relative; text-indent: 10px; padding: 0 }
/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width:1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width:992px) { 
	
}

/* Small Devices, Tablets */
@media only screen and (max-width:768px) {
	.widget{
		margin: 0 15px;
		padding:0 0 20px 0;
		width: auto;
		position: relative;
		z-index: 99;
	}

	.widget img {width:100%}
	.widget-panel{float: left; width:100%; margin: 0; padding: 0}
	.widget-panel ul {	float: left; width:100%; margin-bottom: 5px;}
	.widget-panel ul li {float: left; width: 100%; background-color: #f6f6f6;position: relative; margin-bottom: 1px; padding: 0px 6px 7px 6px}
	.widget-panel ul li:hover,.widget-panel ul li:hover a {font-weight: 400; background-color: #DDD}
	.widget-panel ul li a, .widget-archives ul li a {float: left;width: 96%; padding: 0; font-size: 11pt; color: #005189; display: block; line-height: 1.3 }
	.widget-panel .active { background-color: #DDD}
	.widget-panel .active a {color:#0095DA}
	.widget-panel ul li a i{float: left; width: 10%; margin: 10px 0 0 0; font-size: 11pt; text-align: center;}
	.widget-panel ul li a text{float: left; width: 90%; margin: 8px 0 0 0; font-size: 11pt; font-weight: 500; }

	.widget-title {
		font-size: 15pt;
		line-height: 1.3;
		background-color: #0095DA;
		padding: 5px 10px;
	}
	.recent-post {float: left; width: 100%; margin-bottom: 10px; border-bottom: 1px solid #DDD; padding: 6px 0 12px 0; }
	.recent-img {float: left; width: 27%; margin: 0 3% 0 0; padding: 2px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16); }
	.recent-img img {width: 100%}
	.recent-title {float: left; width: 70%; color: #fff; line-height: 1.3; font-size: 13pt; font-weight: 400; margin: 0; padding: 5px 0;}
	.recent-title h3 {line-height: 1.3; font-size: 13pt; margin: 0;}
	.recent-title h3 a{color: #000}
	.recent-title h3 a:hover{color: #F60}
	.recent-date {padding: 0 5px; font-size: 11pt; font-weight: 400; margin: 6px 0; text-align: left;color: #0095DA}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width:480px) {
}

/* Custom, iPhone Retina */
@media only screen and (max-width:320px) {
}