//Add your own editor styles here or import additional files

// 1. Include functions first (so you can manipulate colors, SVGs, calc, etc)
@import "assets/bootstrap5/functions";

// 2. Include any default variable overrides here
// ! @see https: //getbootstrap.com/docs/5.2/customize/sass/#importing
@import "theme/child_theme_variables";

// 3. Include remainder of required Bootstrap stylesheets
@import "assets/bootstrap5/variables";

// 4. Include any default map overrides here
$theme-colors: map-merge($theme-colors, $custom-colors);

// 5. Include remainder of required parts
@import "assets/bootstrap5/maps";
@import "assets/bootstrap5/mixins";
@import "assets/bootstrap5/root";

// 6. Optionally include any other parts as needed
@import "assets/bootstrap5/utilities";
@import "assets/bootstrap5/reboot";
@import "assets/bootstrap5/type";
@import "assets/bootstrap5/images";
@import "assets/bootstrap5/containers";
@import "assets/bootstrap5/grid";
@import "assets/bootstrap5/tables";
@import "assets/bootstrap5/forms";
@import "assets/bootstrap5/buttons";
@import "assets/bootstrap5/transitions";
@import "assets/bootstrap5/dropdown";
@import "assets/bootstrap5/button-group";
@import "assets/bootstrap5/nav";
@import "assets/bootstrap5/navbar";
@import "assets/bootstrap5/card";
@import "assets/bootstrap5/accordion";
@import "assets/bootstrap5/breadcrumb";
@import "assets/bootstrap5/pagination";
@import "assets/bootstrap5/badge";
@import "assets/bootstrap5/alert";
@import "assets/bootstrap5/progress";
@import "assets/bootstrap5/list-group";
@import "assets/bootstrap5/close";
@import "assets/bootstrap5/toasts";
@import "assets/bootstrap5/modal";
@import "assets/bootstrap5/tooltip";
@import "assets/bootstrap5/popover";
@import "assets/bootstrap5/carousel";
@import "assets/bootstrap5/spinners";
@import "assets/bootstrap5/offcanvas";
@import "assets/bootstrap5/placeholders";
@import "assets/bootstrap5/helpers";

// 7. Optionally include utilities API last to generate classes based on the Sass map in `_utilities.scss`
@import "theme/child_theme_utilities";
@import "assets/bootstrap5/utilities/api";

// 8. Add additional custom code here
// Start bringing in colors and styles. 
@import "assets/animate/animate";
@import "assets/understrap/theme/colors";

@import "assets/fontawesome6/fontawesome"; // <------- Font Awesome Icon font
@import "assets/fontawesome6/brands.scss"; // <------- Font Awesome Icon font
@import "assets/fontawesome6/regular.scss"; // <------- Font Awesome Icon font
@import "assets/fontawesome6/solid.scss"; // <------- Font Awesome Icon font
//@import "icomoon/icomoon.scss"; // <------- Custom Icomoon Icon font
@import "theme/child_theme";



// Fixes Gutenberg's cover block color picker.
.components-circular-option-picker__option {
	border-radius: 50%;
}

// Matches the page title font weight.
.editor-post-title .editor-post-title__input {
	font-size: $h1-font-size;
	font-weight: $headings-font-weight;
}