// Modifying this file can can cause the theme to break. // It should only be modified by an advanced user.

// import project theme settings @import 'uswds-theme-settings';

// import theme override settings @import 'uswds-theme-override-settings';

// Setting site width {% if site.site_width %}

$theme-header-max-width: "full";
$theme-banner-max-width: "full";

{% endif %}

// import uswds @import 'uswds-theme-packages';

// set jekyll overrides // Nav buttons {% for item in site.data.navigation.primary %}

{% if item.class %}
  @import 'uswds/components/nav-buttons';
{% break %}
{% endif %}

{% endfor %}

// Setting site width {% if site.site_width %}

@import 'uswds/components/site-width';

{% endif %}

$theme-sidenav-breakpoint: '{{ site.data.navigation.sidenav-breakpoint | default: “desktop” }}';

// Banner colors {% assign colors_banner = site.data.theme.colors.usa-banner %} {% if colors_banner.usa-banner-bg %}

$usa-banner-bg: '{{ colors_banner.usa-banner-bg }}';

{% endif %} {% if colors_banner.usa-banner-text %}

$usa-banner-text: '{{ colors_banner.usa-banner-text }}';

{% endif %} {% if colors_banner.usa-banner-link %}

$usa-banner-link: '{{ colors_banner.usa-banner-link }}';

{% endif %} {% if colors_banner.usa-banner-link-hover %}

$usa-banner-link-hover: '{{ colors_banner.usa-banner-link-hover }}';

{% endif %}

// Header colors {% assign colors_header = site.data.theme.colors.header %} {% if colors_header.header-bg %}

$header-bg: '{{ colors_header.header-bg }}';

{% endif %} {% if colors_header.header-title %}

$header-title: '{{ colors_header.header-title }}';

{% endif %} {% if colors_header.header-link %}

$header-link: '{{ colors_header.header-link }}';

{% endif %} {% if colors_header.header-link-hover %}

$header-link-hover: '{{ colors_header.header-link-hover }}';

{% endif %}

// Top nav colors {% assign colors_nav = site.data.theme.colors.top-navigation %} {% if colors_nav.top-nav-bg %}

$top-nav-bg: '{{ colors_nav.top-nav-bg }}';

{% endif %} {% if colors_nav.top-nav-link %}

$top-nav-link: '{{ colors_nav.top-nav-link }}';

{% endif %} {% if colors_nav.top-nav-link-hover %}

$top-nav-link-hover: '{{ colors_nav.top-nav-link-hover }}';

{% endif %} {% if colors_nav.top-nav-link-hover-bg %}

$top-nav-link-hover-bg: '{{ colors_nav.top-nav-link-hover-bg }}';

{% endif %} {% if colors_nav.top-nav-link-current %}

$top-nav-link-current: '{{ colors_nav.top-nav-link-current }}';

{% endif %} {% if colors_nav.top-nav-dropdown-bg %}

$top-nav-dropdown-bg: '{{ colors_nav.top-nav-dropdown-bg }}';

{% endif %} {% if colors_nav.top-nav-dropdown-link %}

$top-nav-dropdown-link: '{{ colors_nav.top-nav-dropdown-link }}';

{% endif %} {% if colors_nav.top-nav-dropdown-link-hover-bg %}

$top-nav-dropdown-link-hover-bg: '{{ colors_nav.top-nav-dropdown-link-hover-bg }}';

{% endif %}

// Sidenav colors {% assign colors_sidenav = site.data.theme.colors.side-navigation %} {% if colors_sidenav.side-nav-bg %}

$side-nav-bg: '{{ colors_sidenav.side-nav-bg }}';

{% endif %} {% if colors_sidenav.side-nav-link %}

$side-nav-link: '{{ colors_sidenav.side-nav-link }}';

{% endif %} {% if colors_sidenav.side-nav-link-hover %}

$side-nav-link-hover: '{{ colors_sidenav.side-nav-link-hover }}';

{% endif %} {% if colors_sidenav.side-nav-link-hover-bg %}

$side-nav-link-hover-bg: '{{ colors_sidenav.side-nav-link-hover-bg }}';

{% endif %} {% if colors_sidenav.side-nav-link-current %}

$side-nav-link-current: '{{ colors_sidenav.side-nav-link-current }}';

{% endif %}

// Hero colors {% assign colors_hero = site.data.theme.colors.hero %} {% if colors_hero.hero-bg %}

$hero-bg: '{{ colors_hero.hero-bg }}';

{% endif %} {% if colors_hero.hero-header-alt %}

$hero-header-alt: '{{ colors_hero.hero-header-alt }}';

{% endif %} {% if colors_hero.hero-header %}

$hero-header: '{{ colors_hero.hero-header }}';

{% endif %} {% if colors_hero.hero-text %}

$hero-text: '{{ colors_hero.hero-text }}';

{% endif %} {% if colors_hero.hero-link %}

$hero-link: '{{ colors_hero.hero-link }}';

{% endif %} {% if colors_hero.hero-button-bg %}

$hero-button-bg: '{{ colors_hero.hero-button-bg }}';

{% endif %} {% if colors_hero.hero-button-text %}

$hero-button-text: '{{ colors_hero.hero-button-text }}';

{% endif %}

// Alt section colors {% assign colors_alt = site.data.theme.colors.alt-section %} {% if colors_alt.bg-color %}

$alt-section-bg: '{{ colors_alt.bg-color }}';

{% endif %} {% if colors_alt.header-color %}

$alt-section-header: '{{ colors_alt.header-color }}';

{% endif %} {% if colors_alt.text-color %}

$alt-section-text: '{{ colors_alt.text-color }}';

{% endif %} {% if colors_alt.link-color %}

$alt-section-link: '{{ colors_alt.link-color }}';

{% endif %} {% if colors_alt.link-hover-color %}

$alt-section-link-hover: '{{ colors_alt.link-hover-color }}';

{% endif %}

// Footer colors {% assign colors_footer = site.data.theme.colors.footer %} {% if colors_footer.primary-footer-bg %}

$primary-footer-bg: '{{ colors_footer.primary-footer-bg }}';

{% endif %} {% if colors_footer.primary-footer-link %}

$primary-footer-link: '{{ colors_footer.primary-footer-link }}';

{% endif %} {% if colors_footer.footer-bg %}

$footer-bg: '{{ colors_footer.footer-bg }}';

{% endif %} {% if colors_footer.footer-text %}

$footer-text: '{{ colors_footer.footer-text }}';

{% endif %} {% if colors_footer.footer-link %}

$footer-link: '{{ colors_footer.footer-link }}';

{% endif %} {% if colors_footer.footer-social-link %}

$footer-social-link: '{{ colors_footer.footer-social-link }}';

{% endif %}

// import jekyll uswds override styles @import 'uswds/components/all';

// import theme styles @import 'uswds/custom/uswds-theme-custom-styles';

// import conversion variables @import 'uswds/settings/uswds-conversion-variables';

// import user custom styles @import 'uswds-theme-custom-styles';