/*
Theme Name:  Rhum du Boulevard
Theme URI:   https://rhumduboulevard.com
Author:      Rhum du Boulevard
Description: Custom theme for Rhum du Boulevard.
Version:     1.0.0
License:     GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rhumduboulevard
Tags:        custom
*/

@font-face {
	font-family: 'WesternBangBang';
	src: url('fonts/WesternBangBangClean-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

h1, h2, h3, h4, h5, h6 {
	font-family: serif;
}

h1, h2, h3, h4 {
	font-family: 'WesternBangBang', serif;
}

h1 { font-size: 3.5rem;  font-weight: 900; }
h2 { font-size: 2.75rem; font-weight: 700; }
h3 { font-size: 2.25rem; font-weight: 700; }
h4 { font-size: 1.75rem; font-weight: 600; }
h5 { font-size: 1.35rem; font-weight: 600; }
h6 { font-size: 1.1rem;  font-weight: 400; }

.navbar {
	transition: background-color 0.4s ease, box-shadow 0.4s ease;
}

.navbar-scrolled {
	background-color: #fff !important;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}

.navbar-scrolled .navbar-nav .nav-item a,
.navbar-scrolled .navbar-nav li a {
	color: #7D4C2C !important;
}

.navbar-scrolled .navbar-nav .nav-item a:hover,
.navbar-scrolled .navbar-nav li a:hover {
	color: rgba(125, 76, 44, 0.7) !important;
}

.navbar-scrolled .navbar-toggler {
	border-color: rgba(0, 0, 0, 0.3);
}

.navbar-scrolled .navbar-toggler-icon {
	filter: invert(1);
}

.footer-social {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.6);
	color: #fff;
	font-size: 1.2rem;
	text-decoration: none;
	transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}

.footer-social:hover {
	background-color: #fff;
	border-color: #fff;
	color: #7D4C2C;
	transform: translateY(-3px);
}

.footer-separator {
	width: 60px;
	border-color: rgba(255, 255, 255, 0.4);
	border-width: 2px;
	opacity: 1;
	margin: 1rem 0;
}

.navbar-brand img {
	height: 150px;
	transition: height 0.4s ease;
}

.navbar-scrolled .navbar-brand img {
	height: 48px;
}

.navbar-nav .nav-item,
.navbar-nav li {
	margin-left: 1.25rem;
}

.navbar-nav .nav-item a,
.navbar-nav li a {
	color: #fff !important;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 800;
	font-family: 'Archivo', sans-serif;
}

.navbar-nav .nav-item a:hover,
.navbar-nav li a:hover {
	color: rgba(255, 255, 255, 0.75) !important;
}