---
# Only the main Sass file needs front matter (the dashes are enough)
---
// Define charset
@charset "utf-8";

// Define variables
$amazon-s3: '{{ site.amazon-s3 }}';
$font-color-menu: {{ site.css.menu.font-color }};
$icon-color-menu: {{ site.css.menu.icons }};
$navbar-background-color: {{ site.css.navbar.background-color | default: '#fff' }};
$footer-top-background-color: {{ site.css.footer.top.background-color | default: site.css.menu.font-color }};
$footer-bottom-background-color: {{ site.css.footer.bottom.background-color | default: "#f7f7f7" }};
$footer-bottom-font-color: {{ site.css.footer.bottom.font-color | default: "#7f7f7f" }};

// Define bootstrap variables
$theme-colors: (
  "primary": {{ site.css.bootstrap.primary | default: site.css.menu.font-color }}
);

// Import bootstrap partials
@import "../assets/node_modules/bootstrap/scss/functions";
@import "../assets/node_modules/bootstrap/scss/variables";
@import "../assets/node_modules/bootstrap/scss/vendor/rfs";
@import "../assets/node_modules/bootstrap/scss/mixins/deprecate";
@import "../assets/node_modules/bootstrap/scss/mixins/breakpoints";
@import "../assets/node_modules/bootstrap/scss/mixins/hover";
@import "../assets/node_modules/bootstrap/scss/mixins/badge";
@import "../assets/node_modules/bootstrap/scss/mixins/text-emphasis";
@import "../assets/node_modules/bootstrap/scss/mixins/text-hide";
@import "../assets/node_modules/bootstrap/scss/mixins/text-truncate";
@import "../assets/node_modules/bootstrap/scss/mixins/buttons";
@import "../assets/node_modules/bootstrap/scss/mixins/background-variant";
@import "../assets/node_modules/bootstrap/scss/mixins/border-radius";
@import "../assets/node_modules/bootstrap/scss/mixins/box-shadow";
@import "../assets/node_modules/bootstrap/scss/mixins/gradients";
@import "../assets/node_modules/bootstrap/scss/mixins/transition";
@import "../assets/node_modules/bootstrap/scss/reboot";
@import "../assets/node_modules/bootstrap/scss/buttons";
@import "../assets/node_modules/bootstrap/scss/nav";
@import "../assets/node_modules/bootstrap/scss/badge";
@import "../assets/node_modules/bootstrap/scss/utilities/background";
@import "../assets/node_modules/bootstrap/scss/utilities/text";

// Import flag-icon partials
$include: 'br', 'mx', 'us';
$flag-icon-css-path: '../node_modules/flag-icon-css/flags';
@import "../assets/node_modules/flag-icon-css/sass/flag-icon";

// Import layout partials
@import "grupopv/navbar";
@import "layouts/404";
@import "layouts/default";
@import "layouts/page";
@import "layouts/product";
@import "common/common";
@import "common/custom";

// Import component partials
@import "components/breadcrumbs/bootstrap";
@import "components/contact-cards/location";
@import "components/contact-cards/phone-card";
@import "components/footers/vg_progressive";
@import "components/forms/formspree";
@import "components/forms/google-forms";
@import "components/icons/bootstrap";
@import "components/info-cards/card-deck";
@import "components/info-cards/search-results";
@import "components/jumbotron/bootstrap";
@import "components/lang-switchers/toogle-lang";
@import "components/login/progressive";
@import "components/logos/progressive";
@import "components/maps/google-maps";
@import "components/megamenu/progressive";
@import "components/nav-items/bootstrap";
@import "components/navbars/bootstrap";
@import "components/navbars/progressive";
@import "components/product-cards/3d-space";
@import "components/product-cards/featured-product";
@import "components/product-cards/product-details";
@import "components/product-cards/product-generals";
@import "components/product-cards/progressive";
@import "components/searchbars/progressive";
@import "components/sidenavs/material";
@import "components/sliders/lightslider";
@import "components/social-media/progressive";
@import "components/timelines/9";
@import "components/videos/background";