/*
Theme Name: Big City Broadway
Theme URI: https://bigcitybroadway.com/
Description: A GeneratePress child theme for Big City Broadway.
Author: Big City Broadway
Template: generatepress
Version: 1.0.0
Text Domain: big-city-broadway
*/

:root {
	--bcb-night: #040812;
	--bcb-ink: #0b1523;
	--bcb-gold: #f8bd45;
	--bcb-gold-deep: #b36b13;
	--bcb-red: #8f1024;
	--bcb-cream: #fff3d2;
	--bcb-cyan: #3fc6da;
}

body {
	background: #fbf8f1;
	color: #16202d;
}

a,
a:visited {
	color: #9b5a0d;
}

a:hover,
a:focus {
	color: #65101d;
}

.site-header,
.main-navigation,
.main-navigation ul ul {
	background: var(--bcb-night);
}

.site-header {
	border-bottom: 3px solid var(--bcb-gold);
	box-shadow: 0 8px 26px rgba(4, 8, 18, 0.2);
}

.site-logo img,
.header-image {
	max-height: 120px;
	width: auto;
}

.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle,
.main-navigation .menu-bar-items {
	color: var(--bcb-cream);
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li:focus > a,
.main-navigation .main-nav ul li.sfHover > a,
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
	background: transparent;
	color: var(--bcb-gold);
}

.button,
.wp-block-button .wp-block-button__link,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background: linear-gradient(180deg, #ffd983 0%, var(--bcb-gold) 52%, var(--bcb-gold-deep) 100%);
	border: 1px solid #8b4f08;
	border-radius: 4px;
	color: #130b03;
	font-weight: 800;
	text-transform: uppercase;
}

.button:hover,
.wp-block-button .wp-block-button__link:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: var(--bcb-red);
	color: #fff;
}

.site-info {
	background: var(--bcb-night);
	color: var(--bcb-cream);
}

.site-info a {
	color: var(--bcb-gold);
}

.bcb-facebook-cover {
	aspect-ratio: 2033 / 774;
	background-image: url("assets/images/brand/big-city-broadway-facebook-cover.png");
	background-position: center;
	background-size: cover;
	min-height: 260px;
}

@media (max-width: 768px) {
	.site-logo img,
	.header-image {
		max-height: 86px;
	}

	.main-navigation .main-nav ul li a {
		letter-spacing: 0;
	}
}