@import url('https://use.fontawesome.com/releases/v5.8.1/css/all.css');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

/* You can add global styles to this file, and also import other style files */
html,
body {
	height: 100%;
	overflow: auto;
}

body {
	margin: 0;
	font-family: 'Poppins', sans-serif !important;
	font-size: 16px;
}

img {
	max-width: 100%;
	height: auto;
}

.f14 {
	font-size: 0.875em;
}

.full-height {
	min-height: 80vh;
}

/* LOADER */
.hidden {
	visibility: hidden;
}
.loader-overlay {
	position: fixed;
	width: 100%;
	z-index: 500000;
	top: 0;
}
.loader {
	height: 4px;
	width: 100%;
	position: relative;
	overflow: hidden;
	background-color: #fff;
}
.loader:before {
	display: block;
	position: absolute;
	content: '';
	left: -200px;
	width: 200px;
	height: 4px;
	background-color: #b63633;
	animation: loading 2s linear infinite;
}
@keyframes loading {
	from {
		left: -200px;
		width: 30%;
	}
	50% {
		width: 30%;
	}
	70% {
		width: 70%;
	}
	80% {
		left: 50%;
	}
	95% {
		left: 120%;
	}
	to {
		left: 100%;
	}
}

a {
	color: #000 !important;
}

.news-content a {
	color: #007bff !important;
}

/* GENERAL */
.primary-bg {
	background: #b63633 !important;
}

.primary-text {
	color: #b63633 !important;
}

.text-grey {
	color: #d2d2d2;
}

.uppercase {
	text-transform: uppercase;
}

.full-height {
	min-height: 80vh;
}

.f18 {
	font-size: 1.125em;
}

a {
	color: unset;
	text-decoration: none !important;
	cursor: pointer !important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

div.post-desc > a:hover > h4,
a:hover > h5,
div.post-desc > a:hover > h3 {
	color: #b63633 !important;
	transition: all 0.3s ease-in-out 0s;
}

.normal-img {
	width: 100%;
	height: inherit;
	object-fit: cover;
	cursor: pointer;
}

.error-img {
	width: 100%;
	height: auto;
	cursor: pointer;
	filter: grayscale(100%);
}

/* HEADINGS */
.section-heading,
.side-heading {
	margin: 0 0 16px;
	text-transform: uppercase;
}
.section-heading,
.side-heading {
	background: #519546;
}
.section-heading > h4,
.side-heading > h4 {
	/* font-size: 1.75em; */
	font-weight: bold;
	color: #fff;
	padding: 4px 8px;
	line-height: 1 !important;
	margin-bottom: 0 !important;
}
.side-heading > h4 {
	text-align: center;
}

.breaker-text {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-style: oblique;
}
.breaker-text > h4 {
	font-size: 2em;
}

.dark-grey-text {
	color: #000000cb;
}

/* CONTACT FORM */
.is-invalid,
.box-is-invalid > label > div.mat-checkbox-inner-container {
	border: 1px solid rgba(232, 0, 0, 0.72) !important;
}
.contact-input,
.contact-textarea {
	padding: 8px;
}
.contact-input {
	background: #f2f2f2;
	border: none;
}

.btn-contact,
.btn-search,
.btn-subscribe {
	background: #b63633 !important;
	color: #fff !important;
	-webkit-transition: all 0.3 ease;
	transition: all 0.3 ease;
	cursor: pointer;
	font-weight: bold;
	box-shadow: -2px 2px 5px 0px #00000059;
}

/* SEARCH */

/* NAVIGATION BAR */

nav {
	box-shadow: 0 4px 5px -2px #b6b6b6 !important;
}

.navbar {
	background: #b63633;
	/* border-bottom: 4px solid #b63633; */
}

.header-date {
	cursor: default !important;
}

.header-date,
nav a {
	color: #fff !important;
	border: solid 2px transparent;
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
}

.navbar-expand-lg .navbar-nav .nav-link {
	padding-left: 16px !important;
	padding-right: 16px !important;
}

.dropdown .dropdown-menu .dropdown-item {
	color: #000 !important;
	border: 2px solid transparent;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
	z-index: 2000;
	background: #fafafa;
}

.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover {
	border: 2px solid #000 !important;
	background-color: #fafafa !important;
}

.navbar .nav-item a.nav-link:hover,
.nav-item.active a {
	font-weight: bold !important;
	color: #b63633 !important;
	background: #fafafa;
}

.text-justify {
	text-align: justify;
}

.font-weight-medium {
	font-weight: 500;
}

.facebook {
	color: #4c6ef5;
}

.twitter {
	color: #15aabf;
}

.linkedin {
	color: #0e76a8;
}

.reddit {
	color: #ff4500;
}

.post_share_item {
	font-size: 2rem;
}

/* NEWS LISTING */
.more-link {
	font-weight: bold;
	text-decoration: underline !important;
}

.top-section-bg {
	background: #f7f7f7;
	border-top: 4px solid #b63633;
	box-shadow: 0 0 8px #c6c6c6;
}

.article-heading {
	text-transform: capitalize;
}

.text-black {
	color: #000;
}

.listbreaker13b-card > h4,
.listbreaker13b-card {
	color: #fff;
}

.listbreaker13b-card > h4 {
	font-weight: bold;
}

.featured_9e___ .view {
	border: 2px solid #b63633;
}

.featured_9e___ .news-title,
.featured_7___ .news-title,
.featured_9___ .news-title,
.featured_3b .post-desc,
.featured9c .news-title,
.news-listing_12 .single-news > .post-desc,
.featured_9d___ .news-title,
.listbreaker13b-card {
	background: rgba(0, 0, 0, 0.7) !important;
	/* bottom: 4px !important; */
}

.listbreaker_1e .headline,
.listbreaker_1e .publish-date,
.listbreaker_1e .summary,
.featured_9e___ .headline,
.featured_9e___ .publish-date,
.featured_7___ .headline,
.featured_7___ .summary,
.featured_7___ .publish-date,
.featured_9___ .headline,
.featured_9___ .summary,
.featured_9___ .publish-date,
.featured9c .headline,
.featured9c .summary,
.featured9c .publish-date,
.featured_9d___ .headline,
.featured_9d___ .summary,
.featured_9d___ .publish-date,
.featured_3b .summary,
.featured_3b .publish-date,
.featured_3b .headline,
.news-listing_12 .single-news > .post-desc > a > .headline,
.news-listing_12 .single-news > .post-desc > a > .publish-date,
.listbreaker_5c .summary,
.listbreaker_5c .publish-date,
.listbreaker_5c .headline {
	color: #fff;
}

.featured_4b___ .carousel-item {
	background-size: cover;
	background-repeat: no-repeat;
}

.featured_3b .single-news img {
	height: 666px !important;
}
.featured_3b .thumb-caption {
	background-color: transparent !important;
	overflow: hidden;
}

.f12-bref {
	background: rgba(0, 0, 0, 0.4) !important;
}
#featured12 .view-more-link {
	background: #b63633 !important;
	padding: 8px;
}

.diagonal {
	height: 320px !important;
}
.listbreaker_9 .diagonal:after {
	height: unset !important;
}
.listbreaker_9 .diagonal:after,
.c-1 {
	background: #fafafa !important;
}
.listbreaker_9 .diagonal {
	border: 1px solid #dee2e6 !important;
}
.listbreaker_9 h4 {
	color: #b63633;
}
.listbreaker_9 .publish-date,
.listbreaker_9 p {
	color: #000 !important;
}

.breaker-inner-text .headline,
.breaker-inner-text .publish-date,
.breaker-inner-text .summary {
	color: #fff;
}

.news-listing15b-img {
	max-height: 300px;
	height: 100%;
}

/* FEATURED */
.breaker-bg {
	background: #519546;
}

.secondary-bg {
	background: #2d2d2d;
}

.carousel-caption {
	bottom: 0 !important;
}

.carousel-indicators li {
	text-indent: 0 !important;
	width: unset !important;
	border-top: none !important;
	border-bottom: none !important;
}

.rgba-black-strong {
	background: rgba(0, 0, 0, 0.6);
	padding: 8px;
}

.rgba-black-light {
	background: rgba(0, 0, 0, 0.4);
}

.featured_3 .single-news img {
	height: 600px !important;
}

.featured_1b___ .card-group .card .view {
	height: 320px !important;
}

.featured11 .carousel-inner {
	max-height: 400px;
}

.sidebar-listing20 .border-left-blue {
	border-color: #b63633 !important;
}

/* SIDE LISTING */
.post-number-1 {
	border: 2px solid #b63633 !important;
	line-height: 28px !important;
}

/* SIGN UP */
.subscribe-box {
	padding: 0;
}

/* ARTICLE */
.font-weight-bold {
	font-weight: bold;
}

.grey.lighten-5 {
	background-color: #fafafa;
}

.category-title {
	text-transform: capitalize;
}

.article-link {
	color: #b63633 !important;
}

/* FOOTER */
.footer-section {
	background: #212121 !important;
}

.copyright {
	background: #b63633;
}

.border-top-primary {
	border-top: 1px solid #b63633;
}

/* RESPONSIVE */
@media (max-width: 995px) {
	body {
		font-size: 15px !important;
	}
	.navbar-toggler {
		background-color: #b63633 !important;
	}
}

@media (max-width: 770px) {
	.col-10,
	.col-8,
	.col-4,
	.col-2,
	.col-3,
	.col-9,
	.col-6 {
		-webkit-box-flex: 0;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
	.about-links {
		flex-direction: column-reverse;
	}
}

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

@media (max-width: 535px) {
	body {
		font-size: 14px !important;
	}
}

@media (max-width: 400px) {
	.menus.d-flex {
		flex-direction: column;
		text-align: center;
	}

	footer .row {
		display: block;
	}

	footer.main-footer ul {
		margin: 0 !important;
	}
}

@media (max-width: 320px) {
	body {
		font-size: 13px !important;
	}
}