/*
 Theme Name:   Wally Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Wally
 Author URI:   https://hellowally.com.au
 Template:     bricks
 Version:      1.5.1
 Text Domain:  bricks
*/


:root {
  --default-background: var(--background);
  --default-background-d-1: var(--background-d-1);
  --default-background-d-2: var(--background-d-2);
  --default-background-d-3: var(--background-d-3);
  --default-background-d-4: var(--background-d-4);
  --default-background-d-5: var(--background-d-5);
  --default-background-d-6: var(--background-d-6);
  --default-background-d-7: var(--background-d-7);
  --default-foreground: var(--foreground);
  --default-foreground-d-1: var(--foreground-d-1);
  --default-foreground-d-2: var(--foreground-d-2);
  --default-foreground-d-3: var(--foreground-d-3);
  --default-foreground-d-4: var(--foreground-d-4);
  --default-foreground-d-5: var(--foreground-d-5);
  --default-foreground-d-6: var(--foreground-d-6);
  --default-foreground-d-7: var(--foreground-d-7);
  --default-accent: var(--accent);
  --default-accent-2: var(--accent-2, var(--accent2));
  --default-accent-base: var(--accent);
  --default-accent-d-1: var(--accent-d-1);
  --default-accent-d-2: var(--accent-d-2);
  --default-accent-d-3: var(--accent-d-3);
  --default-accent-l-1: var(--accent-l-1);
  --default-accent-l-2: var(--accent-l-2);
  --default-accent-l-3: var(--accent-l-3);
  --default-accent-2-d-1: var(--accent-2-d-1);
  --default-accent-2-d-2: var(--accent-2-d-2);
  --default-accent-2-d-3: var(--accent-2-d-3);
  --default-accent-2-l-1: var(--accent-2-l-1);
  --default-accent-2-l-2: var(--accent-2-l-2);
  --default-accent-2-l-3: var(--accent-2-l-3);
  --default-heading: var(--heading);
  --default-text: var(--text);
  --default-border: var(--border);
  --default-input: var(--input);
}


.color-scheme-alt {
  --background: var(--s2-background, var(--alt-background));
  --background-d-1: var(--s2-background-d-1, var(--alt-background-d-1));
  --background-d-2: var(--s2-background-d-2, var(--alt-background-d-2));
  --background-d-3: var(--s2-background-d-3, var(--alt-background-d-3));
  --background-d-4: var(--s2-background-d-4, var(--alt-background-d-4));
  --background-d-5: var(--s2-background-d-5, var(--alt-background-d-5));
  --background-d-6: var(--s2-background-d-6, var(--alt-background-d-6));
  --background-d-7: var(--s2-background-d-7, var(--alt-background-d-7));
  --foreground: var(--s2-foreground, var(--alt-foreground));
  --foreground-d-1: var(--s2-foreground-d-1, var(--alt-foreground-d-1));
  --foreground-d-2: var(--s2-foreground-d-2, var(--alt-foreground-d-2));
  --foreground-d-3: var(--s2-foreground-d-3, var(--alt-foreground-d-3));
  --foreground-d-4: var(--s2-foreground-d-4, var(--alt-foreground-d-4));
  --foreground-d-5: var(--s2-foreground-d-5, var(--alt-foreground-d-5));
  --foreground-d-6: var(--s2-foreground-d-6, var(--alt-foreground-d-6));
  --foreground-d-7: var(--s2-foreground-d-7, var(--alt-foreground-d-7));
  --accent: var(--s2-accent, var(--alt-accent));
  --accent-base: var(--s2-accent, var(--alt-accent));
  --accent-2: var(--s2-accent-2, var(--alt-accent-2));
  --accent-d-1: var(--s2-accent-d-1, var(--alt-accent-d-1));
  --accent-d-2: var(--s2-accent-d-2, var(--alt-accent-d-2));
  --accent-d-3: var(--s2-accent-d-3, var(--alt-accent-d-3));
  --accent-l-1: var(--s2-accent-l-1, var(--alt-accent-l-1));
  --accent-l-2: var(--s2-accent-l-2, var(--alt-accent-l-2));
  --accent-l-3: var(--s2-accent-l-3, var(--alt-accent-l-3));
  --accent-2-d-1: var(--s2-accent-2-d-1, var(--alt-accent-2-d-1));
  --accent-2-d-2: var(--s2-accent-2-d-2, var(--alt-accent-2-d-2));
  --accent-2-d-3: var(--s2-accent-2-d-3, var(--alt-accent-2-d-3));
  --accent-2-l-1: var(--s2-accent-2-l-1, var(--alt-accent-2-l-1));
  --accent-2-l-2: var(--s2-accent-2-l-2, var(--alt-accent-2-l-2));
  --accent-2-l-3: var(--s2-accent-2-l-3, var(--alt-accent-2-l-3));
  --heading: var(--s2-heading, var(--alt-heading));
  --text: var(--s2-text, var(--alt-text));
  --border: var(--s2-border, var(--alt-border));
  --input: var(--s2-input, var(--alt-input));
}

.color-scheme-dark {
  --background: var(--s3-background, var(--dark-background));
  --background-d-1: var(--s3-background-d-1, var(--dark-background-d-1));
  --background-d-2: var(--s3-background-d-2, var(--dark-background-d-2));
  --background-d-3: var(--s3-background-d-3, var(--dark-background-d-3));
  --background-d-4: var(--s3-background-d-4, var(--dark-background-d-4));
  --background-d-5: var(--s3-background-d-5, var(--dark-background-d-5));
  --background-d-6: var(--s3-background-d-6, var(--dark-background-d-6));
  --background-d-7: var(--s3-background-d-7, var(--dark-background-d-7));
  --foreground: var(--s3-foreground, var(--dark-foreground));
  --foreground-d-1: var(--s3-foreground-d-1, var(--dark-foreground-d-1));
  --foreground-d-2: var(--s3-foreground-d-2, var(--dark-foreground-d-2));
  --foreground-d-3: var(--s3-foreground-d-3, var(--dark-foreground-d-3));
  --foreground-d-4: var(--s3-foreground-d-4, var(--dark-foreground-d-4));
  --foreground-d-5: var(--s3-foreground-d-5, var(--dark-foreground-d-5));
  --foreground-d-6: var(--s3-foreground-d-6, var(--dark-foreground-d-6));
  --foreground-d-7: var(--s3-foreground-d-7, var(--dark-foreground-d-7));
  --accent: var(--s3-accent, var(--dark-accent));
  --accent-2: var(--s3-accent-2, var(--dark-accent-2));
  --accent-base: var(--s3-accent, var(--dark-accent));
  --accent-d-1: var(--s3-accent-d-1, var(--dark-accent-d-1));
  --accent-d-2: var(--s3-accent-d-2, var(--dark-accent-d-2));
  --accent-d-3: var(--s3-accent-d-3, var(--dark-accent-d-3));
  --accent-l-1: var(--s3-accent-l-1, var(--dark-accent-l-1));
  --accent-l-2: var(--s3-accent-l-2, var(--dark-accent-l-2));
  --accent-l-3: var(--s3-accent-l-3, var(--dark-accent-l-3));
  --accent-2-d-1: var(--s3-2-accent-d-1, var(--dark-accent-2-d-1));
  --accent-2-d-2: var(--s3-2-accent-d-2, var(--dark-accent-2-d-2));
  --accent-2-d-3: var(--s3-2-accent-d-3, var(--dark-accent-2-d-3));
  --accent-2-l-1: var(--s3-2-accent-l-1, var(--dark-accent-2-l-1));
  --accent-2-l-2: var(--s3-2-accent-l-2, var(--dark-accent-2-l-2));
  --accent-2-l-3: var(--s3-2-accent-l-3, var(--dark-accent-2-l-3));
  --heading: var(--s3-heading, var(--dark-heading));
  --text: var(--s3-text, var(--dark-text));
  --border: var(--s3-border, var(--dark-border);)
  --input: var(--s3-input, var(--dark-input));
}

.color-scheme-main {
  --background: var(--default-background);
  --background-d-1: var(--default-background-d-1);
  --background-d-2: var(--default-background-d-2);
  --background-d-3: var(--default-background-d-3);
  --background-d-4: var(--default-background-d-4);
  --background-d-5: var(--default-background-d-5);
  --background-d-6: var(--default-background-d-6);
  --background-d-7: var(--default-background-d-7);
  --foreground: var(--default-foreground);
  --foreground-d-1: var(--default-foreground-d-1);
  --foreground-d-2: var(--default-foreground-d-2);
  --foreground-d-3: var(--default-foreground-d-3);
  --foreground-d-4: var(--default-foreground-d-4);
  --foreground-d-5: var(--default-foreground-d-5);
  --foreground-d-6: var(--default-foreground-d-6);
  --foreground-d-7: var(--default-foreground-d-7);
  --accent: var(--default-accent);
  --accent-2: var(--default-accent-2);
  --accent-base: var(--default-accent-base);
  --accent-d-1: var(--default-accent-d-1);
  --accent-d-2: var(--default-accent-d-2);
  --accent-d-3: var(--default-accent-d-3);
  --accent-l-1: var(--default-accent-l-1);
  --accent-l-2: var(--default-accent-l-2);
  --accent-l-3: var(--default-accent-l-3);
  --heading: var(--default-heading);
  --text: var(--default-text);
  --border: var(--default-border);
  --input: var(--default-input);
}

:root {
    --page-max-width: calc(var(--default-container-width) + (var(--default-section-padding) * 2) - (var(--default-container-padding) * 2));
    --page-total-margin-space: calc(100vw - var(--page-max-width));
    --page-min-margin: calc(var(--page-total-margin-space) / 2);
    --current-page-margin: max(var(--default-container-padding), var(--page-min-margin));
}

.hover-menu-panel {
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
}

.hover-menu-toggle-active .hover-menu-panel {
	transform: none;
	opacity: 1;
	visibility: visible;
	transition: all;
	transition-duration: 0.5s;
}