/*=================================================================================================================================================
====================================================================== ALL PAGES ===================================================================
==================================================================================================================================================*/

/****************************************************
				 	TOOLBAR CSS
*****************************************************/
.toolbar img{
 	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 25%;
}

@media (max-width: 992px) {
	.toolbar img{
		width: 30%;
	}
}

@media (max-width: 800px) {
	/*TOOLBAR*/
	.toolbar .logos .img-fluid{
		width: 70%;
	}
}

@media (max-width: 540px) {
	.toolbar img{
		width: 50%;
	}
	.toolbar .py-3{
		padding-top: .5rem !important;
		padding-bottom: .5rem !important;
	}
}

/****************************************************
				STICKY HEADER CSS
*****************************************************/
.navbar-dark .navbar-nav .nav-link{
	font-weight: 600;
}
/* Style the header */
.header {
  	background: #555;
  	color: #f1f1f1;
	z-index: 999;
}
/* Page content */
.content {
  padding: 16px;
}
/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%
}
/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 102px;
}

/****************************************************
					SEARCHBAR CSS
*****************************************************/
.search-bar .text-dark{
	color: #fff !important;
}
.search-bar .form-control{
	font-size: .9rem;
	font-weight: 500;
}

.search-error .mb-4{
	margin-bottom: 0rem !important;
	text-align: center;
	font-weight: 600;
	color: #2B2B2B;
	font-size: 1.2rem;
}
.search-articles h1, .search-articles h2, .search-articles h3, .search-articles h4, .search-articles h5, .search-articles h6, .search-articles h7, .search-articles p, .search-articles a{
	font-size: .9rem !important;
	color: #1b1b1b !important;
	font-weight: 500 !important;
}
.search-articles p{
	color: #1b1b1b !important;
	font-size: .9rem !important;
}
@media (max-width: 992px) {
	.ml-auto.search-bar{
		margin: inherit !important;
		padding: 1rem 15px;
	}
}

/****************************************************
				 	HEADER CSS
*****************************************************/
.header .c-logo-1 .navbar-brand img{
	width: 90%;
}
.header .navbar{
	padding-top: .5rem !important;
	padding-bottom: .5rem !important;
}
.col-lg-4.c-logo-1{
	display: inline-block;
/*	width: 30%;*/
}
.col-lg-6.c-logo-2{
	display: inline-block;
	width: 50%;
}
/*NAVBAR*/
.navbar-dark .navbar-toggler{
	border: none;
}
.navbar-toggler-icon{
	float: left;
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link.active{
	color: #fff;
}
.navbar-dark .navbar-nav .nav-link{
	font-size: .8rem;
}



@media (max-width: 992px) {
	/*TOOLBAR*/
	.col-lg-9.top-menu{
		width: 60%;
	}
	.col-lg-2.text-right.d-md-block.top-socials{
		width: 40%;
	}
	/*HEADER*/
	.header  .col-lg-2.c-logo-1{
		width: 40%;
	}
	.header .c-logo-1 .navbar-brand img {
		width: 70%;
	}
	.navigation img{
		height: 3rem;
	}
}

@media (max-width: 540px) {
	/*HEADER*/
	.header .c-logo-1 .navbar-brand img {
		width: 60%;
	}
}

@media (max-width: 412px) {
	/*HEADER*/
	.header .c-logo-1 .navbar-brand img {
		width: 70%;
	}
}

@media (max-width: 360px) {
	.py-3 {
		padding-top: .5rem !important;
		padding-bottom: .5rem !important;
	}
}

@media (max-width: 280px) {
	.header .c-logo-1 .navbar-brand img {
		width: 90%;
	}
	.py-3 {
		padding-top: .1rem !important;
		padding-bottom: .1rem !important;
	}
}


/****************************************************
				 	BUTTON & BADGES CSS
*****************************************************/
.badge-primary {
    color: #FFF;
}
.btn-primary{
	color: #FFF;
}


/*****************************************************
					HIDE SELECT CSS
*****************************************************/
select::-ms-expand {
	display: none;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: '';
}

/****************************************************
				 	HONEYMOON CSS
*****************************************************/
.ohnohoney{
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 0;
	z-index: -1;
}

/****************************************************
				 	FOOTER CSS
*****************************************************/
.footer .list-unstyled{
	padding-left: 0;
    list-style: none;
}

.footer .list-unstyled a{
	font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #9A9DA2;
	text-decoration: none;
}

.footer .list-unstyled a:hover{
    color: #fff;
}

.footer .list-unstyled li{
	margin-bottom: .5rem;
}

/****************************************************
				NEWS SNIPPET CSS
*****************************************************/
.news-snipped .h4{
	font-size: 1.25rem;
}

/*==================================================================================================================================================
==================================================================== END ALL PAGES =================================================================
==================================================================================================================================================*/



/*==================================================================================================================================================
================================================================= ARTICLE INFORMATION ==============================================================
==================================================================================================================================================*/
.article-information .latest-news hr{
	margin-top: 0rem;
	margin-bottom: 0rem;
}

.article-information .latest-news .mb-3, .my-3 {
    margin-bottom: 0rem !important;
}

.article-information .latest-news .p-3 {
    padding: 0rem !important;
}
/*==================================================================================================================================================
=============================================================== END ARTICLE INFORMATION ============================================================
==================================================================================================================================================*/



/*==================================================================================================================================================
======================================================================= CONTACT ====================================================================
==================================================================================================================================================*/
.contact .col-lg-8{
	margin: auto;
}
/*==================================================================================================================================================
===================================================================== END CONTACT ==================================================================
==================================================================================================================================================*/


/*==================================================================================================================================================
==================================================================== COOKIE BANNER =================================================================
==================================================================================================================================================*/
.cookie-banner a{
	color: #007bf9;
	font:075em;
	font-size: .8rem;
}
.cookie-banner p{
	font-size: .9rem;
}
.cookie-banner .button{
	background: #007bf9;
	color: #fff;
	text-decoration: none;
	padding: 5px 10px;
	border-radius: 3px;
	display: inline-block;
	border: 1px solid #007bf9;
	border-bottom: 2px solid #007bf9;
}
.cookie-banner{
	display: none;
	background: #333;
	position: fixed;
	bottom: 0;	
	left: 0;
	width: 100%;
	z-index: 1000;
}
.cookie-banner .container{
	margin: 0 auto;
	width: 90%;
	color: #f0f0f0;
	padding: 15px;
}
/*==================================================================================================================================================
================================================================== END COOKIE BANNER ===============================================================
==================================================================================================================================================*/


/*==================================================================================================================================================
====================================================================== HOMEPAGE ====================================================================
==================================================================================================================================================*/
/****************************************************
				 	SLIDER NEWS
*****************************************************/
.slider .position-relative.overflow-hidden {
	height: 90vh;
}
.slider .slider-text{
	width: 70%;
	border-left-color: #007bf9;
	border-left-style: solid;
	border-left-width: 1rem;
}
.slider .slider-text .h2{
	padding-left: 1rem;
	display: block;
	font-size: 3.5rem;
}
.slider .slider-text .mb-2{
	padding-left: 1rem;
}
.slider .overlay{
	justify-content: center;
}

@media (min-width: 1024px) and (min-height: 600px) {
	.slider .slider-text .h2{
		font-size: 3rem;
	}
/*
	.slider .slider-text{
		width: 80%;
	}
*/
}

@media (max-width: 992px) {
	.slider .position-relative.overflow-hidden {
		height: 70vh;
	}
	.slider .slider-text .h2{
		font-size: 3rem;
	}
}

@media (max-width: 965px) {
	.slider .slider-text .h2{
		font-size: 2.5rem;
	}
}

@media (max-width: 768px) {
	
}

@media (min-width: 768px) and (min-height: 1024px) {
	.slider .position-relative.overflow-hidden {
		height: 50vh;
	}
}

@media (max-width: 540px) {
	.slider .position-relative.overflow-hidden {
		height: 50vh;
	}
	.slider .slider-text .h2{
		font-size: 2rem;
	}
	
	.slider .slider-text{
		width: 85%;
	}
	.slider .slider-text .h2{
		font-size: 1.8rem;
	}
}

@media (max-width: 414px) {
	.slider .slider-text{
		width: 90%;
	}
	.slider .slider-text .h2{
		font-size: 1.8rem;
	}
}

@media (max-width: 375px) {
	.slider .slider-text .h2{
		font-size: 1.5rem;
	}
}

@media (max-width: 280px) {
	.slider .position-relative.overflow-hidden {
		height: 40vh;
	}
	.slider .slider-text{
		width: 100%;
	}
	.slider .slider-text .h2{
		font-size: 1.1rem;
	}
	.slider .slider-text span{
		font-size: .6rem;
	}
}


/****************************************************
			ALL SUBSECTION OF NEWS NEWS
*****************************************************/
.section-title{
	background: #fff;
	border-color: transparent;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 10px 15px;
}
.section-title h4{
	flex-grow: 1; /* take up remaining horizontal space */
  	text-align: left; /* align text to the left */
	color: #31404B;
	padding-left: .5rem;
	font-size: 1.2rem;
	font-weight: 700;
	text-transform: none;
	display: inline-block;
}
.section-title .section-border{
	background-color: #007bf9;
	color: #007bf9;
	font-size: 1.5rem;
}

.section-title .text-secondary{
	color: #31404B;
}
.section-title .text-secondary{
	color: #000;
}

.article-time{
	padding-bottom: 1rem;
	display: block !important;
	width: 100%;
	float: left;
}

/****************************************************
				LATEST NEWS (BODY)
*****************************************************/
/*THIS IS FOR MAKING SURE THAT THE LATEST NEWS DIVS HAVE THE SAME HEIGHT*/
.row-eq-height {
  display: flex;
  flex-wrap: wrap;
}

.row-eq-height > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

.row-eq-height::before,
.row-eq-height::after {
  content: '';
  flex-basis: 100%;
  width: 0;
  order: 1;
}
/*END*/

/* LEFT SIDE CONTENT */
.latest-nws .left {
	background: #fff;
	margin-bottom: 1rem;
}
.latest-nws .left .p-4{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.latest-nws .left .border{
	border: none !important;
}

/* RIGHT SIDE CONTENT */
.latest-nws .right .border{
	border: none !important;
}
.latest-nws .right .mb-3{
	padding: 1rem .5rem;
/*	margin-bottom: .5rem !important;*/
}
.latest-nws .right .h6{
	font-size: .9rem;
}
.latest-nws .right span small{
	font-size: .7rem;
}
.latest-nws .right .image-holder{
	width: 40%;
	height: 90px;
}
.image-holder {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.image-holder img {
	max-width: 100%;
	max-height: 100%;
	height: 100%;
	vertical-align: middle;
}

.latest-nws .px-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.main-div{
	background: #fff;
}

.main-div .col-lg-12{
	padding: 1.2rem .8rem;
}


@media (max-width: 992px) {
	.latest-nws .right{
		margin-top: 1rem;
	}
	.latest-nws .right .image-holder{
		display: block; /*ONLY SHOW AT SMALLER SCREENS*/
		width: 40%;
	}
	
	.latest-nws {
		padding-bottom: .6rem;
	}
	.mobile{
		background: #EDEFF4 !important;
		padding: 0rem !important;
	}
	.latest-nws .latest-news-article{
		padding: 0px;
		box-shadow: 0 0px 0px 0 rgb(0 0 0 / 0%), 0 0px 0px 0 rgb(0 0 0 / 0%);
		margin-bottom: 1rem;
	}
	.latest-nws .row .badge{
		display: none;
	}

	.latest-nws .row .col-lg-3{
		margin-bottom: 1rem;
		background: #fff;
	}
	/* CANCEL EQUAL HEIGHT */
	.latest-nws .latest-news-article{
		float: none;
		margin: 0;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	/*VERTICAL ALIGN THE IMAGE*/
	.latest-nws .position-relative{
		height: 100%; /* Can be anything */
		width: 100%; /* Can be anything */
		position: relative;
	}
	.latest-nws img {
		max-height: 100%;
		max-width: 100%;
		width: auto;
		height: auto;
/*		position: absolute;*/
		top: 0;
		bottom: 0;
/*		left: 0;*/
		right: 0;
		margin: auto;
	}
}



/****************************************************
				 	LOCAL NEWS (BODY)
*****************************************************/
.local-news{
	font-size: .8rem;
}
.local-news a.h4{
	font-weight: 500;
	font-size: 1.1rem;
	margin-bottom: .7rem !important;
}
.home-local-news a{
	color: #9A9DA2;
}

.home-local-news .local-news-main-article{
	padding-bottom: 1rem;
}
.home-local-news .local-news-main-article .img{
	background: #fff;
}
.home-local-news .local-news-main-article img{
	padding-top: 1.5rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.second-local-news .img{
	width: 30%;
	display: inline-block;
}
.second-local-news .content{
	width: 70%;
	display: inline-block
}

@media (max-width: 992px) {
	.second-local-news .mobile-hide{
		display: none;
	}
	.second-local-news .content .px-3{
		padding-left: 0rem !important;
		padding-right: 0rem !important;
	}
	.second-local-news .content{
		padding-top: 5px;
		padding-bottom: 5px;
	}
	/*VERTICAL ALIGN IMAGE*/
	.second-local-news .img{
		height: auto; /* Can be anything */
		width: 30%; /* Can be anything */
		position: relative;
	}
	.second-local-news img {
		max-height: 100%;
		max-width: 100%;
		width: auto;
		height: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}
}

/****************************************************
				SECOND LOCAL NEWS
*****************************************************/
.second-local-news .mb-3{
	padding: 1rem !important;
}
.second-local-news .description{
	margin-top: 1rem;
	font-size: .9rem;
}
.second-local-news .border{
	border: none !important;
}

/****************************************************
				MOST READ NEWS (BODY)
*****************************************************/
.most-read-home {
	font-size: .8rem;
}
.most-read-home img{
	width: 30%;
}
.most-read-home .border{
	border: none !important;
}

/****************************************************
				NEWSLETTER (BODY)
*****************************************************/
.newsletter-home{
	background: #fff !important;
	margin-bottom: 1.2rem;
}
.newsletter-home p{
	color: #000;
/*	font-weight: 600;*/
}
.newsletter-home .form-control-lg{
	font-size: 1rem;
}
.newsletter-home .btn-primary{
	border-radius: 5px;
}
.newsletter-home .mb-2 {
    margin-bottom: 1rem !important;
}

@media (max-width: 992px){
	
}

/****************************************************
			WEATHER UPDATES NEWS (BODY)
*****************************************************/
.weather-home{
	
}


/*EQUAL HEIGHT*/
/*
.home-latest-news .col-lg-6{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.home-latest-news .col-lg-6 > [class*="col-"]{
	display: flex;
    flex-direction: column;
}
*/

/****************************************************
			LATEST NEWS (BODY) SMALL TILES
*****************************************************/
.small-tiles img{
	width: 30%;
}

@media (max-width: 992px) {
	.mobile-hide{
		display: none;
	}
}

/*==================================================================================================================================================
==================================================================== END HOMEPAGE ==================================================================
==================================================================================================================================================*/



/*==================================================================================================================================================
======================================================================= LOGIN ======================================================================
==================================================================================================================================================*/
.login .row .col-lg-8{
	margin: auto;
/*  	width: 50%;*/
	padding: 10px;
}
/*==================================================================================================================================================
===================================================================== END LOGIN ====================================================================
==================================================================================================================================================*/


/*==================================================================================================================================================
===================================================================== PAGINATION ===================================================================
==================================================================================================================================================*/
.pagination_rounded .btn{
    padding: 0rem 0rem;
	margin-left: .2rem;
}
.pagination_rounded .btn-outline-secondary{
	border: none;
}

.pagination_rounded,
.pagination_square {
    display: inline-block;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.pagination_rounded li:first-child {
    margin-left: 0px
}

.pagination_rounded ul {
	margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    margin-left: .2rem;
}


a:link {
    text-decoration: none
}

.pagination_rounded ul a {
    float: left;
    color: #fff;
	background: #007bf9;
    border-radius: 5px;
    line-height: 34px;
    height: 34px;
    width: auto;
    text-align: center;
    margin-bottom: 0px;
    border: 1px solid #007bf9;
	padding-left: .7rem;	
	padding-right: .7rem;
}
.pagination_rounded .prv {
    margin-left: 0px;
    border-radius: 5px;
    width: auto;
    height: 34px;
    line-height: 34px;
	padding-left: .8rem;	
	padding-right: .8rem;	
}
.pagination_rounded .prv i {
    margin-right: 10px
}
.pagination_rounded .nxt {
    border-radius: 5px;
    width: auto;
    height: 34px;
    line-height: 34px;
	padding-left: .8rem;	
	padding-right: .8rem;
}
.visible-xs {
    display: none !important
}
.active-page{
	background: #fff !important;
	color: #007bf9 !important;
	border-color: #007bf9 !important;
	border-style: solid !important;
	border-width: 1px !important;
	border-radius: 5px !important;
    line-height: 34px !important;
    height: 34px !important;
    width: auto !important;
    text-align: center !important;
    margin-bottom: 0px !important;
	padding-left: .7rem !important;	
	padding-right: .7rem !important;
}
.pagination_rounded ul a:hover {
    background: #fff;
    color: #007bf9;
    border: 1px solid #007bf9;
}
/*==================================================================================================================================================
================================================================== END PAGINATION ==================================================================
==================================================================================================================================================*/



/*==================================================================================================================================================
====================================================================== SIGNUP ======================================================================
==================================================================================================================================================*/
.sign-up .row .col-lg-8{
	margin: auto;
/*  	width: 50%;*/
	padding: 10px;
}
/*==================================================================================================================================================
==================================================================== END SIGNUP ====================================================================
==================================================================================================================================================*/