/*
Theme Name: Berry Bright (Blogus Child)
Theme URI: https://yosafhub.com
Description: Berry Bright — a warm, magenta-accented editorial child theme built on Blogus.
Author: Novamira
Template: blogus
Version: 1.0.0
Text Domain: berry-bright
*/

:root {
	--pri-color: #E31C79;
	--head-color: #341425;
	--text-color: #4A2E3D;
	--bg-color: #FFF6F2;
	--box-color: #FFFFFF;
	--headFont: 'Poppins', 'Segoe UI', system-ui, sans-serif;
	--bodyFont: 'Work Sans', 'Segoe UI', system-ui, sans-serif;
	--bxsh: 0 2px 10px rgba(227, 28, 121, 0.08);
	--bxshover: 0 10px 30px rgba(227, 28, 121, 0.18);
	--bstras: 0 10px 30px rgba(227, 28, 121, 0.18);

	--bb-accent-2: #FF8FB1;
	--bb-radius-card: 20px;
	--bb-radius-pill: 999px;
}

body {
	background-color: var(--bg-color);
	color: var(--text-color);
}

h1, h2, h3, h4, h5, h6,
.title, .site-title a, .widget-title, .bs-widget h6 {
	font-family: var(--headFont);
}

a {
	color: var(--pri-color);
}

a:hover,
a:focus {
	color: #B3125D;
}

.site-title a {
	color: var(--head-color) !important;
}

.navbar-wp .navbar-nav > li > a {
	color: var(--head-color);
}

.navbar-wp .navbar-nav > li > a:hover,
.navbar-wp .navbar-nav > li.current-menu-item > a {
	color: var(--pri-color);
}

.bs-default .navbar-collapse ul,
.navbar-wp .dropdown-menu > li > a:hover,
.navbar-wp .dropdown-menu > li > a:focus {
	background: var(--bb-accent-2) !important;
}

.bs-blog-post {
	background: var(--box-color);
	border-radius: var(--bb-radius-card);
	overflow: hidden;
	box-shadow: var(--bxsh);
	transition: box-shadow .25s ease, transform .25s ease;
}

.bs-blog-post:hover {
	box-shadow: var(--bxshover);
	transform: translateY(-3px);
}

.bs-blog-post img {
	border-radius: var(--bb-radius-card) var(--bb-radius-card) 0 0;
}

.bs-blog-post .title a {
	color: var(--head-color);
}

.bs-blog-post .title a:hover {
	color: var(--pri-color);
}

.bs-blog-category {
	display: inline-block;
}

.bs-blog-category a {
	display: inline-block;
	background: var(--bb-accent-2);
	color: #4A1030 !important;
	font-size: 12px;
	font-weight: 600;
	padding: 4px 14px;
	border-radius: var(--bb-radius-pill);
	text-transform: uppercase;
	letter-spacing: .03em;
}

.btn,
button,
input[type="submit"],
.readmore,
.bs-more-btn,
.wp-block-button__link {
	background-color: var(--pri-color) !important;
	border-color: var(--pri-color) !important;
	color: #fff !important;
	border-radius: var(--bb-radius-pill) !important;
	box-shadow: none !important;
}

.btn:hover,
button:hover,
input[type="submit"]:hover,
.readmore:hover,
.bs-more-btn:hover {
	background-color: #B3125D !important;
	border-color: #B3125D !important;
}

.page-numbers {
	border-radius: var(--bb-radius-pill) !important;
}

.page-numbers.current,
.page-numbers:hover {
	background-color: var(--pri-color) !important;
	border-color: var(--pri-color) !important;
	color: #fff !important;
}

.bs-widget {
	background: var(--box-color);
	border-radius: var(--bb-radius-card);
	box-shadow: var(--bxsh);
}

.bs-widget h6,
.widget-title {
	color: var(--head-color);
	position: relative;
}

footer {
	background-color: #341425;
}

footer .bs-widget,
footer.bs-widget {
	background: transparent;
	box-shadow: none;
}

footer a:hover {
	color: var(--bb-accent-2);
}

::-webkit-scrollbar-thumb:hover {
	background: var(--pri-color);
}