#logo {
	height:140px;
	padding-left:15px;
}

a {
    color: #406dbf;
}

.text-primary {
    color: #5a5e63 !important;
}

.italic {
	font-style: italic;
}

.support-email {
	padding-bottom: 2px !important;
}

.h100 {
	height: 100%;
}

.blockedUserAreaLogo {
	margin-right: 25px;
	width: 270px;
	padding-top: 15px;
}

.fs_14 {
	font-size: 14px;
}

.overview-weather-icon {
	margin-top: -2px;
	width: 25px;
}

.dropdown-item {
	color: #406dbf;
}

.dropdown-item:hover {
	color: white !important;
	background-color: #406dbf; 
}

.btn-primary {
    color: #fff;
    background-color: #f57a1e;
    border-color: #f57a1e;
    font-decoration: bold;
}

.pt-12 {
	padding-top: 12px;
}

.btn-primary:hover {
    color: #fff;
    background-color: #ff9a3e;
    border-color: #ff9a3e;
}

.font-up {
	text-transform: uppercase;
}

.input-group-text {
    color: #5a5e63;
}

#weatherUl {
	margin-top: 4px;
}

.main-menu .navbar.navbar-expand-lg .nav-item.active .nav-link, .main-menu .navbar.navbar-expand-lg .nav-link:hover {
    color: #f57a1e;
}

.top-header {
    background-color: #406dbf;
}

.weather-max {
	color: #f57a1e;
}

.weather-min-ticker {
	color: white;
}

.weather-min {
	color: #406dbf;
}

.weather-delimiter {
	color: rgba(255, 255, 255, 0.5);
}

.bottom-header {
    background-color: #406dbf;
}

#gazetteMenu {
    background-color: #406dbf;
    z-index: 100;
    padding-left: 7px;
}

.bold {
	font-weight: bold !important;
}

.single-blog-post-slide .tags > a {
    background-color: #f57a1e;
}

.background-overlay-5::before {
    background-color: rgba(0, 0, 0, 0.4);
}

#top-news a:hover {
	color: white;
}

.btn-primary {
    color: #5a5e63;
    font-weight: 450;
}

.date {
    color: #fff;
    font-style: italic;
    font-size: 18px;
    display: inline-block;
	text-decoration: none;
	font-weight: 500;
}

.marquee-content-items li {
    background-color: #2D3136;
}

.marquee-content-items li:nth-child(2n) {
    background-color: #393D42;
}

.marquee-content-items li a > span {
    background-color: #f57a1e;
}

#map a {
    color: #406dbf;

}

.table-day {
	border: solid #406dbf 1px;
	padding-top: 9px;
	padding-left: 14px;
	width: auto;
	border-radius: 14px;
	background: #406dbf;
	margin-bottom: 15px;
	text-align: center;
}

.table thead th {
    border-bottom: none;
}

.fa-check {
	color: #17aa1c;
	font-size: 22px;
}

#map a:hover {
	color: #f57a1e;
	text-decoration: none;
}

.cities-sidebar {
	color: #406dbf;
	background-color: rgba(0,0,0,.05);
	margin-bottom: 2px;
}

.cities-sidebar:hover {
	background-color: #406dbf;
	color: white;
	font-size: 13px;
}

.gazette-post-tag a {
    background-color: #f57a1e;
}

.gazette-post-tag a:hover {
    color: white;
    font-size: 14px;
}

#news-header-slides {
	background-color: #393D42;
}

.sidebar-area a:hover {
	color: #406dbf;
	font-size: 15px;
}

.sidebar-area {
	color: #406dbf;
	font-size: 15px;
}

.fs-15 {
	font-size: 15px;
}

#pop-imap {
	color: #393D42;
}

#pop-imap-overview a {
	color: #406dbf;
	background-color: rgba(0,0,0,.05);
	margin-bottom: 2px;
	//background-color: #f6f5f1;
	//color: #f57a1e;
}

#pop-imap-overview a:hover {
	background-color: #406dbf;
	color: white;
}

#pop-imap-overview {
	padding-bottom: 50px;
}

#faq-manual a {
	color: #406dbf;
	background-color: rgba(0,0,0,.05);
	margin-bottom: 2px;
}

#faq-manual a:hover {
	background-color: #406dbf;
	color: white;
	font-size: 13px;
}

#faq-questions a {
	color: #406dbf;
	background-color: rgba(0,0,0,.05);
	margin-bottom: 2px;
}

#faq-questions a:hover {
	background-color: #406dbf;
	color: white;
	font-size: 13px;
}

.list-group-item:last-child {
	border-radius: 0px 0px 8px 8px;
}

.list-group-item:first-child {
	border-radius: 8px 8px 0px 0px;
}

.first-overview-question {
	border-radius: 8px 8px 0px 0px;
}

.faq-title {
	color: #5a5e63;
	font-style: italic;
}

.img_faq_div {
	padding-bottom: 20px;
}

#faq_pop_11 {
	padding-left: 30px;
}

#faq_cal_6 {
	margin-left: 50px;
}

#faq_pop_8 {
	margin-left: 15px;
}

.loader {
	border: 4px solid #406dbf;
    border-top: 4px solid #f57a1e;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.breaking-news-area {
	margin-top: 9px;
}

#forecast-small {
	display: none;
}

.forecast-navbar {
	width: auto;
}

.ta-r {
	text-align: right;
}

.ta-l {
	text-align: left;
}

.ta-c {
	text-align: center;
}

.va-m {
	vertical-align: middle !important;
}

.ui-autocomplete {
	position: absolute;
	cursor: pointer;
}       

.location-icon {
	cursor: pointer;
}

.ui-menu {
        list-style:none;
        padding: 10px;
        margin: 0;
        display:block;
        width:227px;
}

.cities-table {
    width: 100%;
    max-width: 100%;
    background-color: transparent;
}

.section_padding_0_50 {
	padding-top: 0px;
	padding-bottom: 50px;
}

#sidebar .list-group-item {
	margin-bottom: 3px;
    border: none;
}




.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #e9ecef;
}

.tab-content {
	background: rgba(0,0,0,.05);
}

#forecast .table {
    margin-bottom: 0rem;
}

.weather-icon {
	font-size: 30px;
	color: #406dbf;
}

.weather-icon-small {
	font-size: 25px;
	color: #406dbf;
	vertical-align: center;
}

.weather-middle-div {
	margin-top:20px;
	padding-left:70px;
}

.weather-right-div {
	margin-top:20px;
	padding-left:35px;
}

.weather-icon-large {
	height: 180px;
}

.dark-gray {
	color: #5a5e63;
}

.gray {
	color: gray;
}

.fw-500 {
	font-weight: 500;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.map-weather {
	position: absolute;
}

#forecast h4 {
	margin-bottom: 0px;
}

.main-menu .navbar.navbar-expand-lg .nav-link {
	color: white;
}

a, a:hover, a:focus {
	font-style: italic;
    font-family: 'Roboto', sans-serif;
    font-weight: 0;
    font-size: 13px;
}

.pd-bottom-15 {
	padding-bottom: 15px !important;
}

.pd-top-35 {
	padding-top: 35px !important;
}

.pr-35 {
	padding-right: 35px;
}

.pr-15 {
	padding-right: 15px;
}

.pd-top-0 {
	padding-top: 0px !important;
}

.pd-bottom-0 {
	padding-bottom: 0px !important;
}

.pd-bottom-20 {
	padding-bottom: 20px;
}

.b-l p::first-letter {
  font-size: 25px;
}

.crop-3-section {
	height: 5.8em;
	overflow: hidden;
	display: inline-block;
	text-overflow: ellipsis;
}

.crop-4-section {
	height: 7.8em;
	overflow: hidden;
	display: inline-block;
	text-overflow: ellipsis;
}

.crop-7-section {
	height: 13.8em;
	overflow: hidden;
	display: inline-block;
	text-overflow: ellipsis;
}

.weather-link {
	background-color: #e8ecef;
	width: 138.7px;
}

.pd-right-7 {
	padding-right: 7px;
}

.pd-left-7 {
	padding-left: 7px;
}

.font-s1_1 {
	font-size: 1.1em;
}

.font-s1_8 {
	font-size: 1.8em;
}

.pd-bottom-5 {
	padding-bottom: 5px !important;
}

.pd-left-30 {
	padding-left: 30px;
}

.hide {
	display: none;
}

.pl-50 {
	padding-left: 50px;
}

#forecast-multiple-results a {
	font-size: 20px;
	background-color: #e8ecef;
}

.faq_link {
	font-size: 16px;
}

.faq_link:hover {
	font-size: 16px;
}

.fs-10 {
	font-size: 10px;
}

#agb p {
	text-align: justify;
}

.dark-font {
	color: #5a5e63;
}

.list-checkmarks li:before {    
	font-family: "Font Awesome 5 Free";
	content: "\f00c";	
	font-weight: 900;
	margin: 0 10px 0 -28px;
	color: #17aa1c;
}

.ul ul {
	padding-left: 60px;
}

.ul li {
	color: #9f9f9f;
	padding-bottom: 10px;
}

#footer {
	text-align: center;
}

#forecast-multiple-results a:hover {
	background-color: #495057;
	color: white;
}

#forecast .nav-tabs {
    border-bottom: none;
    color: red;
}

#forecast a {
	color: #495057;
	font-size: 19px;
}

#forecast .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: white !important;
    background-color: #495057;
    border-color: #dee2e6 #dee2e6 #fff;
    border-bottom: none;
}

#forecast a:hover {
	color: white;
	background-color: #495057;
}

#forecast-small .nav-tabs {
    border-bottom: none;
    color: red;
}

#footer .col-lg-2 {
	flex: 1 0 20%;
	max-width: 20%;
}

#forecast-small a {
	color: #495057;
}

#forecast-small a:hover {
	color: white;
	background-color: #495057;
}

#forecast-small .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: white !important;
    background-color: #495057;
    border-color: #dee2e6 #dee2e6 #fff;
    border-bottom: none;
}

@media only screen and (max-width: 1200px) {
	#faq_pop_8 {
		margin-left: 0px;
	}
	
	#faq_pop_11 {
		padding-left: 0px;
	}
}

@media only screen and (max-width: 1199px) {
	#faq_pop_11 {
		padding-left: 0px;
	}

	.mh-message-height {
		height: 186px;
	}
	
	#faq_cal_6 {
		margin-left: 15px;
	}
	
	.weather-middle-div {
		padding-left: 18px;
	}

	.weather-right-div {
		padding-left:24px;
	}	
	
	#forecast a {
		font-size: 13px !important;	
	}
	
	.weather-link {
		width: 116.25px;
	}
	
	#forecast h3 {
		font-size: 1.4rem;
	}
	
	#forecast h1 {
		font-size: 2.1rem;
	}	
}

@media only screen and (max-width: 993px) {
	#map {
		display: none;
	}
	
	#sidebar.col-sm-4 {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
}

@media only screen and (max-width: 991px) {
	.mh-height {
		height:236px;
	}

	.mh-message-height {
		height: 328px;
	}

	#faq_pop_11 {
		padding-left: 15px;
	}
	
	#faq-overview {
		padding-top: 40px;
		margin-left: 20px;
		width: auto;
		padding-right: 50px;
	}
	
	#logo {
    	height: 103px;
    	margin-top: -23px;
	}
	
	#forecast {
		display: none;
	}
	
	#forecast-small {
		display: inline;
	}
	
	#forecast-small .col-md-2 {
    	flex: 0 0 19.667%;
    	max-width: 18.667%;
	}
	
	#forecast-small .weather-middle-div {
    	padding-left: 9px;
	}
	
	#forecast-small .weather-right-div {
    	padding-left: 21px;
	}
	
	#forecast-small .col-md-5 {
    	flex: 0 0 35.667%;
   		max-width: 35.667%;
    }
	
	.weather-icon-large {
		height: 136px;
	}
	
	#forecast-small h1 {
		font-size: 2rem;
	}
	
	#forecast-small h5, h3 {
		font-size: 1rem;
	}
}

@media only screen and (max-width: 770px) {
	#logo {
		height:100px;
	}
	
	#faq_cal_6 {
		margin-left: 0px;
	}
}

@media only screen and (max-width: 767px) {
	.mh-height {
		height:350px;
	}

	.mh-message-height {
		height: 438px;
	}

	.breaking-news-area {
		margin-top: 0px !important;
	}
	
	.top-header {
    	height: 25px !important;
    }
    
    #faq_pop_11 {
		padding-left: 0px;
	}
	
	#footer .col-lg-2 {
		flex: 1 0 30%;
		max-width: 34%;
	}
	
	#logo {
    	margin-top: 9px;
    	padding-left: 7px;
	}
	
	#weatherUl {
		margin-top: -4px;
	}
	
	#forecast-small .col-md-2 {
		flex: 0 0 30%;
		max-width: 30%;
	}
	
	#forecast-small .col-md-5 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	#forecast-small .weather-middle-div {
 	   padding-left: 24px;
	}

	#forecast-small .weather-right-div {
		padding-left: 37px;
	}	
}

@media only screen and (max-width: 575px) {
	.bottom-header {
		margin-top: 5px;
	}
}

@media only screen and (max-width: 476px) {
	#forecast-small .weather-middle-div {
 	   padding-left: 10px;
	}

	#forecast-small .weather-right-div {
		padding-left: 20px;
	}
	
	#forecast-small .table {
		font-size: 10px;
	}
	
	#forecast-small h2 {
    	font-size: 1.3rem;
	}
}

@media only screen and (max-width: 440px) {
	#footer .col-lg-2 {
		flex: 1 0 50%;
		max-width: 50%;
	}
	
	#forecast-small h1 {
		font-size: 1.7rem;
	}
	
	#forecast-small .weather-middle-div {
		padding-left: 4px;
	}

	#forecast-small .weather-right-div {
		padding-left: 7px;
	}

	#forecast-small h5, h3, h6 {
		font-size: 0.8rem;
	}
}

@media only screen and (max-width: 436px) {
	.mh-message-height {
		height: 463px;
	}
}

@media only screen and (max-width: 421px) {
	#weather-day-after-tomorrow {
		display: none;
	}
}

@media only screen and (max-width: 360px) {
	.article-img {
		max-height: 247px;
	}
}

