/*
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;
}