/*
Theme Name: bittoNews
Version: 1.0
Author: RedoHub
Description: Responsive News HTML Template
*/

/* =========================================================
   GLOBAL / RESET
========================================================= */
body {
	font-family: "Segoe UI", Arial, sans-serif;
	font-size: 16px;
	color: #000;
}

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

/* Small paragraph text */
.para-small {
	color: #999;
	font-size: 12px;
	font-weight: normal;
}

/* Divider */
.divider {
	margin: 1rem 0;
	border: 0;
	border-top: 2px solid;
	opacity: .25;
}

.menu-divider {
	margin-bottom: 1rem;
	border: 0;
	border-top: 2px solid;
	opacity: .25;
}

/* Card title color */
.card-title {
	color: #f52225;
}

.square-shadow {
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.10);
	border-radius: 0.5rem;
}

/* =========================================================
   NAVBAR / HEADER
========================================================= */
#mainNavbar {
	position: sticky;
	top: -100px;
	z-index: 1050;
	background: #fff;
	transition: top 0.3s ease, box-shadow 0.3s ease;
}

/* Navbar shadow when sticky */
#mainNavbar.shadow-sm {
	top: 0;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* Navbar items */
.navbar .nav-item {
	padding-left: 1em;
}

.navbar .nav-link {
	text-transform: uppercase;
}

/* Navbar colors */
.navbar-light .navbar-nav .nav-link {
	color: #000;
}

.navbar-light .navbar-nav .nav-link:hover {
	color: #f52225;
	text-decoration: none;
}

.navbar-light .navbar-nav .active .nav-link,
.navbar-light .navbar-nav .nav-link.menu-active,
.sub-active {
	color: #f52225 !important;
}

/* Navbar toggler */
.navbar-toggler:focus {
	box-shadow: none;
}

/* Mobile menu spacing */
nav .navbar-collapse.collapsing ul,
nav .navbar-collapse.show ul {
	margin-top: 1rem;
}

/* =========================================================
   LANGUAGE / DROPDOWN
========================================================= */
.language-btn {
	border: 1.5px dotted #f52225;
	cursor: pointer;
}

.dropdown-menu .dropdown-item:hover {
	color: #f52225;
	text-decoration: none;
}

/* =========================================================
   HEADER ADS
========================================================= */
.large-ad {
	text-align: center;
}

.large-ad img {
	display: block;
	margin: 0 auto;
}

.ad:hover {
	cursor: pointer;
}

/* =========================================================
   TOP SECTION
========================================================= */
#top-section h3,
#top-section h5 {
	color: #f52225;
}

#top-section h3:hover,
#top-section span:hover {
	text-decoration: underline;
}

#top-section .card {
	border: none;
}

#top-section .card:hover {
	cursor: pointer;
}

#top-section .col-md-4 h3 {
	color: #000;
	border-bottom: 1px solid #000;
}

#top-section .col-md-4 h3:hover,
#top-section .col-md-4 span:hover {
	text-decoration: none;
}

/* =========================================================
   CARD / IMAGE STYLES
========================================================= */
.card img {
	height: 230px;
	object-fit: cover;
}

/* Large image for history card */
@media (min-width: 992px) {
	.history-card img {
		height: 410px;
	}
}

/* =========================================================
   LATEST NEWS (RIGHT SIDE)
========================================================= */
.col-md-4 .latest p {
	margin-bottom: 0;
	font-size: 16px;
	font-weight: bold;
}

.col-md-4 .latest p a {
	color: #000;
}

.col-md-4 .latest img {
	margin-top: 4px;
	width: 40%;
	height: 90px;
}

.latest:hover {
	cursor: pointer;
}

/* Mobile spacing */
@media (max-width: 767px) {
	.recent-post-right .latest {
		margin-bottom: 50px;
	}
}

/* =========================================================
   NEWS SECTION
========================================================= */
.news-section .card {
	margin-bottom: 25px;
}

.news-section .card:hover {
	cursor: pointer;
	background-color: #F8F9FA;
}

/* =========================================================
   ADS
========================================================= */
.right-ad img {
	width: 100%;
	height: 100%;
}

.post-ad img {
	display: block;
	margin: 20px auto;

	/* custom size or remove to use default size */
	width: 300px;
	height: 250px;
}

/* =========================================================
   BREAKING NEWS TICKER
========================================================= */
.breaking-news {
	background: #fff2f2;
	color: red;
	min-height: 48px;
	margin-bottom: 2rem;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	box-shadow: 0 2px 8px rgba(211, 47, 47, 0.08);
	border-top: 2px solid rgba(0, 0, 0, 0.1);
	border-bottom: 2px solid rgba(0, 0, 0, 0.1);
	z-index: 1000;
}

.breaking-news-label {
	position: absolute;
	display: flex;
	align-items: center;
	padding: 0 18px 0 12px;
	font-size: 1.02em;
	font-weight: 700;
	background: #fffbe6;
	color: #d04b4b;
	border-radius: 0 24px 24px 0;
	box-shadow: 2px 0 8px rgba(0, 0, 0, 0.04);
}

.breaking-news-label i {
	margin-right: 8px;
}

.breaking-news-ticker {
	margin-left: 143px;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.breaking-news-content {
	white-space: nowrap;
}

.breaking-news-content.scroll {
	animation: scroll-left 30s linear infinite;
}

@keyframes scroll-left {
	from {
		transform: translateX(10%);
	}

	to {
		transform: translateX(-100%);
	}
}

/* =========================================================
   CONTACT SECTION
========================================================= */
#contact-section {
	border-top: 1px solid #ddd;
}

#contact-section h5 {
	color: #000;
	margin-bottom: 25px;
}

#contact-section img {
	width: 100px;
	margin-bottom: 15px;
	margin-top: -5px;
}

#contact-section .col-md-3 {
	border-right: 1px solid #999;
	padding-left: 30px;
}

#contact-section .col-md-3:last-child {
	border-right: none;
}

#contact-section ul {
	list-style: none;
	padding-left: 5px;
}

#contact-section ul li {
	margin-top: 10px;
}

#contact-section ul li a {
	color: #000;
}

#contact-section ul li i {
	font-size: 16px;
	margin-right: 10px;
}

/* Social icons */
.fa-youtube {
	color: #FF0000;
}

.fa-facebook {
	color: #3b5998;
}

.fa-instagram {
	color: #405DE6;
}

.fa-twitter {
	color: #00acee;
}

.fa-pinterest {
	color: #c8232c;
}

.fa-link {
	color: #444;
	transition: color 0.3s ease;
}

.fa-map-marker-alt {
	color: #1EA362;
}

.fa-envelope-open {
	color: #BB001B;
}

.fa-phone {
	color: #c8232c;
}

/* =========================================================
   Social share
========================================================= */
.social-share {
	margin: 20px 0;
}

.social-share ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline-flex;
	gap: 10px;
}

.social-share ul li a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background-color: #ddd;
	border-radius: 50%;
	text-decoration: none;
	font-size: 18px;
	transition: all 0.3s ease;
}

.social-share ul li a:hover i {
	color: #fff;
}

.social-share ul li a:hover {
	background-color: #3b5998;
}

/* =========================================================
   FOOTER
========================================================= */
#footer {
	background: #2E2E2E;
	color: #fff;
}

#footer p {
	margin: 0;
}

.footer-links {
	background: #ddd;
	font-size: 12px;
}