/*
 Theme Name:   Goxpo Child - Suprême Laitier
 Description:  Goxpo Child - Suprême Laitier Theme
 Author:       FIXRS
 Author URI:   https://fixrs.ca/
 Template:     goxpo-theme
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 Tags:         Sass, PostCSS, Autoprefixer, stylelint, Webpack, ESLint, imagemin, Browsersync
 Text Domain:  goxpo-child-supreme-laitier
*/

:root {

	/* Colors */
	--color-primary: #162a45;
	--color-primary-faded: #162a4529;
	--color-secondary: #cba03e;
	--color-secondary-faded: #cba03e29;
	--color-text: #4e4b4b;
	--color-blockquote: var(--color-secondary);
	--color-buy-your-ticket-text: white;
	--color-partners-text: var(--color-primary);

	/* Fonts */
	--font-weight-regular: 400;
	--font-weight-semi-bold: 600;
	--font-weight-bold: 700;

	/* Buttons */
	--button-font-size: 1.5rem;
	--button-font-weight: var(--font-weight-semi-bold);
}

.is-style-fill-primary > * {
	--button-active-color: var(--color-primary);
	--button-active-border-color: var(--color-primary);
	--button-active-background-color: transparent;
}

.is-style-fill-secondary > * {
	--button-active-color: var(--color-secondary);
	--button-active-border-color: var(--color-secondary);
	--button-active-background-color: transparent;
}

.is-style-navigation a {
	--button-color: var(--color-secondary);
	--button-active-color: var(--color-primary);
	--button-background-color: var(--color-secondary-faded);
	--button-active-background-color: var(--color-primary-faded);
	padding: 1rem 2rem;
}

.is-style-navigation a::before {
	all: unset;
}

.is-style-arrow-link a {
	--button-color: var(--color-primary);
	--button-active-color: var(--button-color);
}

/* Add a bit of base margin between containers */
.gutenberg-content > div[class*='wp-container-']:not([class*='cover']) {
	margin-top: 4rem;
	margin-bottom: 4rem;
}

.site-branding .site-title .site-logo {
	padding-left: 3rem;
	padding-right: 3rem;
}

@media (max-width: 1024px) {
	.site-branding .site-title .site-logo {
		padding-left: 1rem;
	}
	.site-branding .site-logo svg {
		padding-top: 0.3rem;
		padding-bottom: 0.3rem;
	}
}

@media (max-width: 500px) {
	.site-branding {
		justify-content: flex-start;
	}
	.site-logo {
		max-width: calc(100% - (var(--container-margin) * 2) - 3rem);
	}
}

.site-branding .site-title .site-logo svg {
	height: 8rem;
}

.site-footer .footer-menus-wrapper {
	column-gap: 5rem;
}

.site-footer .footer-menus-wrapper .footer-logo {
	max-width: none;
}

.site-footer .footer-column-1-menu .footer-subtitle {
	display: none;
}

.site-footer .footer-menus-wrapper .footer-column-1-menu li:not(:last-child) {
	margin-bottom: 1rem;
}