/* Change only these style */
<style>
 @import url("https://use.typekit.net/wou7tuo.css");
</style>

/* TheStyled script 
@font-face { 
  font-family: TheStyledEdit; 
  src: url('https://45989593.fs1.hubspotusercontent-na1.net/hubfs/45989593/Fonts/thestylededit.eot'); format('eot'), url('https://45989593.fs1.hubspotusercontent-na1.net/hubfs/45989593/Fonts/thestylededit.woff') format('woff'), src: url('https://45989593.fs1.hubspotusercontent-na1.net/hubfs/45989593/Fonts/thestylededit.ttf') format('truetype');
}

<link rel="preload" href="TheStyledEditStLigRegular.woff2" as="font" type="font/woff2" crossorigin> */


@font-face { font-family: 'The Styled EditStLig'; src: url('https://programs.mather.com/hubfs/Fonts/thestylededit.eot') format('eot'), url('https://programs.mather.com/hubfs/Fonts/thestylededit.woff') format('woff'), url('https://programs.mather.com/hubfs/Fonts/thestylededit.ttf') format('truetype');}

/* @font-face {
    font-family: 'The Styled EditStLig';
    src: url('TheStyledEditStLigRegular.eot'),
    src: url('TheStyledEditStLigRegular.eot?#iefix') format('embedded-opentype'),
        url('TheStyledEditStLigRegular.woff2') format('woff2'),
        url('TheStyledEditStLigRegular.woff') format('woff'),
        url('TheStyledEditStLigRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
*/

body, .footer {
  font-family: linotype-sabon, TimeNewRoman, Times, Georgia, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  color: #111;
}
.your-style, .highlighted {
    font-family: 'The Styled EditStLig';
    font-weight: normal;
    font-style: normal;
}
/* Paragraphs */

p, li, ul li, ol li {
  font-family: linotype-sabon, TimeNewRoman, Times, Georgia, sans-serif;
  font-size: 18px;
  margin: 0.85em 0;
  line-height: 1.555556;
}

strong {
  font-weight: 800;
}

/* Links */

a {
  color: #f47b20;
  cursor: pointer;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #f47b20;
  text-decoration: underline;
}

a:active {
  color: #f47b20;
  text-decoration: underline;
}

/* Core Headers */

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #4f4d49;
  font-family: din-condensed, "Arial Narrow", sans-serif;
  line-height: 1.2;
  margin: 0 0 1.5rem;
  text-transform: uppercase;
}

h1 span.highlighted,
h2 span.highlighted, 
h3 span.highlighted,
h4 span.highlighted, 
h5 span.highlighted, 
h6 span.highlighted, span.highlighted {
    color: #f47b20;
    font-weight: 400;
    font-family: 'The Styled EditStLig', adobe-garamon-pro, TimeNewRoman, Times, Georgia, sans-serif;
    font-style: italic;
    text-transform: none;
    font-size: 1.5em;
    vertical-align: middle;
    display: inline-block;
    padding-top: .15em;
    line-height: .4em;
}

/* Blockquotes */

blockquote {
  border-left: 1rem solid #4f4d49;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0;
  margin: 0;
  padding: 1.5rem 2.8rem;
}

/* End change */

html[lang^='ja'] body,
html[lang^='zh'] body,
html[lang^='ko'] body {
  line-break: strict;
  word-break: break-all;
}


/* Headings */


h1 {
  font-size: 62px;
  font-weight: 700;
}

h2 {
  font-size: 42px;
  font-weight: 700;
}

h3 {
  font-size: 32px;
  font-weight: 700;
}

h4 {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 1.18px;
}

h5 {
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 1.18px;
}

h6 {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 1.06px;
}

/* Lists */

ul,
ol {
  margin: 1.5rem 0;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0;
  padding-left: 2.8rem;
}

ul.no-list {
  list-style: none;
}

/* Code Blocks */

code {
  vertical-align: bottom;
}

/* Horizontal Rules */

hr {
  background-color: #4f4d49;
  border: none;
  color: #eff7ff;
  height: 2px;
}

/* Subscripts and Superscripts */

sup,
sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Focus State */

:focus {
  outline: auto;
}

.disable-focus-styles :focus {
  outline: none;
}