/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */

/* Beaver Themer header rows — driven by Customizer Brand Colors */
.fl-row.site-header-row,
.fl-row.site-header-row > .fl-row-content-wrap,
.fl-builder-content .fl-row.site-header-row > .fl-row-content-wrap {
	background-color: var(--brand-header-bg, transparent) !important;
}

/* Header logo max width */
img.header-logo-img,
.fl-builder-content img.header-logo-img,
.fl-builder-content .fl-module-html img.header-logo-img {
	max-width: var(--brand-logo-max-width, 300px) !important;
	width: auto !important;
	height: auto !important;
}

@media (max-width: 768px) {
	img.header-logo-img,
	.fl-builder-content img.header-logo-img,
	.fl-builder-content .fl-module-html img.header-logo-img {
		max-width: var(--brand-logo-max-width-mobile, 140px) !important;
	}
}

/* Sub-header visibility toggle */
.fl-row.site-header-secondary-row {
	display: var(--brand-subheader-display, block) !important;
}

.fl-row.site-header-secondary-row,
.fl-row.site-header-secondary-row > .fl-row-content-wrap,
.fl-builder-content .fl-row.site-header-secondary-row > .fl-row-content-wrap {
	background-color: var(--brand-header-secondary-bg, transparent) !important;
}

/* Partial slanted sub-header */
.fl-row.site-header-secondary-row {
	position: relative !important;
}

.site-header-secondary-row::before {
	background: var(--brand-header-bg, transparent);
	display: var(--brand-subheader-slant-display, none);
	content: "";
	inset: 0 auto 0 0;
	pointer-events: none;
	position: absolute;
	width: var(--brand-subheader-slant-width, 50%);
	height: 100%;
	z-index: 5;
	clip-path: polygon(0 0, var(--brand-subheader-slant-top-x, calc(100% - 20px)) 0, var(--brand-subheader-slant-btm-x, 100%) 100%, 0 100%);
	will-change: clip-path;
}

/* Menu links — driven by Customizer Brand Settings */
.fl-builder-content .primary-header-menu .menu-item a {
	color: var(--brand-menu-link-color, inherit) !important;
}

.fl-builder-content .primary-header-menu .menu-item a:hover,
.fl-builder-content .primary-header-menu .menu-item a:focus {
	color: var(--brand-menu-link-hover-color, inherit) !important;
}

/* Footer row — driven by Customizer */
.fl-row.standard-footer-row,
.fl-row.standard-footer-row > .fl-row-content-wrap,
.fl-builder-content .fl-row.standard-footer-row > .fl-row-content-wrap {
	background-color: var(--brand-footer-bg, transparent) !important;
}

/* Footer logo max width */
img.footer-logo-img,
.fl-builder-content img.footer-logo-img,
.fl-builder-content .fl-module-html img.footer-logo-img {
	max-width: var(--brand-footer-logo-max-width, 300px) !important;
	width: auto !important;
	height: auto !important;
}

@media (max-width: 768px) {
	img.footer-logo-img,
	.fl-builder-content img.footer-logo-img,
	.fl-builder-content .fl-module-html img.footer-logo-img {
		max-width: var(--brand-footer-logo-max-width-mobile, 140px) !important;
	}
}

/* Footer links */
.fl-builder-content .fl-row.standard-footer-row a {
	color: var(--brand-footer-link-color, inherit) !important;
}

.fl-builder-content .fl-row.standard-footer-row a:hover,
.fl-builder-content .fl-row.standard-footer-row a:focus {
	color: var(--brand-footer-link-hover-color, inherit) !important;
}

/* Brand social icon shortcodes */
.brand-social-icons {
	display: inline-block;
}

.brand-social-icons--inline {
	display: inline;
}

.brand-social-icons--inline .fl-social-icons {
	display: inline;
}

.brand-social-icons--inline .fl-social-icons a {
	margin-right: 0.35em;
}

.brand-social-icons .fl-social-icons,
.brand-social-icons .fl-social-icons-stacked {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
}

.brand-social-icons .fl-social-icons .fa-stack,
.brand-social-icons .fl-social-icons-stacked .fa-stack {
	margin: 0;
}

.brand-social-icons .brand-social-svg-wrap {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

.brand-social-icons .brand-social-svg-wrap.fa-stack-1x {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 1em;
	height: 1em;
}

.brand-social-icons .brand-social-svg {
	display: block;
}

.brand-social-icons .icon-x-twitter .brand-social-svg-wrap.branded {
	color: #000;
}

.brand-social-icons .icon-bluesky .brand-social-svg-wrap.branded {
	color: #01aaff;
}