@font-face {
    font-family: 'Trebuchet MS';
    src: url('fonts/hinted-Trebuchet-BoldItalic.eot');
    src: local('Trebuchet MS Bold Italic'), local('Trebuchet-BoldItalic'),
        url('fonts/hinted-Trebuchet-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/hinted-Trebuchet-BoldItalic.woff2') format('woff2'),
        url('fonts/hinted-Trebuchet-BoldItalic.woff') format('woff'),
        url('fonts/hinted-Trebuchet-BoldItalic.svg#Trebuchet-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Trebuchet MS';
    src: url('fonts/hinted-TrebuchetMS.eot');
    src: local('Trebuchet MS'), local('TrebuchetMS'),
        url('fonts/hinted-TrebuchetMS.eot?#iefix') format('embedded-opentype'),
        url('fonts/hinted-TrebuchetMS.woff2') format('woff2'),
        url('fonts/hinted-TrebuchetMS.woff') format('woff'),
        url('fonts/hinted-TrebuchetMS.svg#TrebuchetMS') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trebuchet MS';
    src: url('fonts/hinted-TrebuchetMS-Italic.eot');
    src: local('Trebuchet MS Italic'), local('TrebuchetMS-Italic'),
        url('fonts/hinted-TrebuchetMS-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/hinted-TrebuchetMS-Italic.woff2') format('woff2'),
        url('fonts/hinted-TrebuchetMS-Italic.woff') format('woff'),
        url('fonts/hinted-TrebuchetMS-Italic.svg#TrebuchetMS-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Trebuchet MS';
    src: url('fonts/hinted-TrebuchetMS-Bold.eot');
    src: local('Trebuchet MS Bold'), local('TrebuchetMS-Bold'),
        url('fonts/hinted-TrebuchetMS-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/hinted-TrebuchetMS-Bold.woff2') format('woff2'),
        url('fonts/hinted-TrebuchetMS-Bold.woff') format('woff'),
        url('fonts/hinted-TrebuchetMS-Bold.svg#TrebuchetMS-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('fonts/MyriadPro-Cond.eot');
    src: local('Myriad Pro Condensed'), local('MyriadPro-Cond'),
        url('fonts/MyriadPro-Cond.eot?#iefix') format('embedded-opentype'),
        url('fonts/MyriadPro-Cond.woff2') format('woff2'),
        url('fonts/MyriadPro-Cond.woff') format('woff'),
        url('fonts/MyriadPro-Cond.svg#MyriadPro-Cond') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('fonts/MyriadPro-Semibold.eot');
    src: local('Myriad Pro Semibold'), local('MyriadPro-Semibold'),
        url('fonts/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),
        url('fonts/MyriadPro-Semibold.woff2') format('woff2'),
        url('fonts/MyriadPro-Semibold.woff') format('woff'),
        url('fonts/MyriadPro-Semibold.svg#MyriadPro-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('fonts/MyriadPro-BoldCondIt.eot');
    src: local('Myriad Pro Bold Condensed Italic'), local('MyriadPro-BoldCondIt'),
        url('fonts/MyriadPro-BoldCondIt.eot?#iefix') format('embedded-opentype'),
        url('fonts/MyriadPro-BoldCondIt.woff2') format('woff2'),
        url('fonts/MyriadPro-BoldCondIt.woff') format('woff'),
        url('fonts/MyriadPro-BoldCondIt.svg#MyriadPro-BoldCondIt') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('fonts/MyriadPro-Bold.eot');
    src: local('Myriad Pro Bold'), local('MyriadPro-Bold'),
        url('fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/MyriadPro-Bold.woff2') format('woff2'),
        url('fonts/MyriadPro-Bold.woff') format('woff'),
        url('fonts/MyriadPro-Bold.svg#MyriadPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('fonts/MyriadPro-CondIt.eot');
    src: local('Myriad Pro Condensed Italic'), local('MyriadPro-CondIt'),
        url('fonts/MyriadPro-CondIt.eot?#iefix') format('embedded-opentype'),
        url('fonts/MyriadPro-CondIt.woff2') format('woff2'),
        url('fonts/MyriadPro-CondIt.woff') format('woff'),
        url('fonts/MyriadPro-CondIt.svg#MyriadPro-CondIt') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('fonts/MyriadPro-Regular.eot');
    src: local('Myriad Pro Regular'), local('MyriadPro-Regular'),
        url('fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/MyriadPro-Regular.woff2') format('woff2'),
        url('fonts/MyriadPro-Regular.woff') format('woff'),
        url('fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('fonts/MyriadPro-BoldIt.eot');
    src: local('Myriad Pro Bold Italic'), local('MyriadPro-BoldIt'),
        url('fonts/MyriadPro-BoldIt.eot?#iefix') format('embedded-opentype'),
        url('fonts/MyriadPro-BoldIt.woff2') format('woff2'),
        url('fonts/MyriadPro-BoldIt.woff') format('woff'),
        url('fonts/MyriadPro-BoldIt.svg#MyriadPro-BoldIt') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('fonts/MyriadPro-SemiboldIt.eot');
    src: local('Myriad Pro Semibold Italic'), local('MyriadPro-SemiboldIt'),
        url('fonts/MyriadPro-SemiboldIt.eot?#iefix') format('embedded-opentype'),
        url('fonts/MyriadPro-SemiboldIt.woff2') format('woff2'),
        url('fonts/MyriadPro-SemiboldIt.woff') format('woff'),
        url('fonts/MyriadPro-SemiboldIt.svg#MyriadPro-SemiboldIt') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('fonts/MyriadPro-BoldCond.eot');
    src: local('Myriad Pro Bold Condensed'), local('MyriadPro-BoldCond'),
        url('fonts/MyriadPro-BoldCond.eot?#iefix') format('embedded-opentype'),
        url('fonts/MyriadPro-BoldCond.woff2') format('woff2'),
        url('fonts/MyriadPro-BoldCond.woff') format('woff'),
        url('fonts/MyriadPro-BoldCond.svg#MyriadPro-BoldCond') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('fonts/MyriadPro-Light.eot');
    src: local('Myriad Pro Light'), local('MyriadPro-Light'),
        url('fonts/MyriadPro-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/MyriadPro-Light.woff2') format('woff2'),
        url('fonts/MyriadPro-Light.woff') format('woff'),
        url('fonts/MyriadPro-Light.svg#MyriadPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

:root {
  --md-primary-fg-color:        #639245;
  --md-primary-fg-color--light: #639245;
  --md-primary-fg-color--dark:  #639245;
  --md-accent-fg-color: #7CBB4D;
  --md-accent-fg-color--transparent: rgba( 124, 187, 77, 0.1);

  --md-text-font: "Trebuchet MS"
}