<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/** ----------------------------------------------------------
 *
 * Contains the generic theme typography styles
 *
 *    Include your notes or table of contents here
 *
 *    Include color hex's or values of your grid
 *      #333333             - body
 *      #B80000             - links, headings
 *      #D80000             - links on hover
 *      5px Vertical grid   - based on multiples of 5px, eg 10px, 15px, 20px, 25px...
 *
 *    @author Your Name &lt;email@gmail.com&gt;
 *
 * ------------------------------------------------------- */

/* TEMPLATE CUSTOM FONTS */
 
/* IntegralCF - latin */

@font-face {
  font-family: 'integral_cfbold';
  src: url('integralcf-bold-webfont.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'IntegralCF-Bold';
  src:url('IntegralCF-Bold.woff') format('woff'),
      url('IntegralCF-Bold.woff2') format('woff2'),
      url('IntegralCF-Bold.eot'),
      url('IntegralCF-Bold.eot?#iefix') format('embedded-opentype'),
      url('IntegralCF-Bold.otf') format('truetype');

  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'AlbertSans';
  src: url('AlbertSans-VariableFont_wght.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'AlbertSansMedium';
  src: url('AlbertSans-Medium.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'HeldaneDisplay';
  src: /*url('heldane-display-regular.woff') format('woff'),*/
  url('heldane-display-regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HeldaneDisplayItalic';
  src: url('heldane-display-regular-italic.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;

}

/* BASE TYPOGRPHY */
/* These are the default styles for the SAWeb theme */
body {
    font-size: 16px;/* This overrides the browsers default font size */
	  font-family: 'Albert Sans';
    -webkit-text-size-adjust: none; /* The text size is not adjusted for Safari on iPhone */
    line-height: 1.4rem; /* If you change the font-size make sure you change the line-height value as well - the usual ratio is around 1.5 (font-size x 1.5 = line-height) */
    color: #000000;
}

body a { text-decoration: none; } /* this removes the underline from all links */
/*body a:link { -webkit-tap-highlight-color: #5599cc } /* this sets the highlight color when links are tapped on Safari (browser) on iPhone */

.search-link { color: #5599cc; }
/* HEADERS */

.high-impact {
  font-family: "IntegralCF-Bold";
  font-style: normal;
  font-weight: 700;
  font-size: 4.875em;
  line-height: 107.2%;
}

h1 {
  font-family: "HeldaneDisplay";
  /*font-size: 4.6875em;  75px at 16px body font size 3.4375 */
  font-size: 3em; /* 64px */
  font-style: normal;  
  font-weight: 500;  
  line-height: 83px;  
  letter-spacing: 0em;  
  text-align: left;
}

h2 { 
  font-family: "HeldaneDisplay";
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2em;
  letter-spacing: 0em;
  text-align: left;
  margin: 0 0 2rem;
}

h3 {
  font-family: "HeldaneDisplay";
  font-size: calc(40rem/16);
  font-weight: 500;
  line-height: 1.2em;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 2rem;
}

p { font-family: "Albert Sans"; }

select { 
  font-family: 'Albert Sans';
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 128%;
  
  color: #000000; 
}

@media (min-width: 480px) {
  h2 {
      font-size: 3rem;
  }
}

@media (min-width: 576px) 
{ 
  body { font-size: 15px; line-height: 1.4rem }
}

@media (max-width: 575px)
{
  .high-impact {
  font-family: "IntegralCF-Bold";
  font-style: normal;
  font-weight: 700;
  font-size: 3.25em;
  line-height: 107.2%;
}

@media (min-width: 576px) and (max-width: 768px) {
  .high-impact {
  font-family: "IntegralCF-Bold";
  font-style: normal;
  font-weight: 700;
  font-size: 3.5em;
  line-height: 107.2%;
}
}

}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) 
{
  body { font-size: 16px; line-height: 1.4rem; }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) 
{ 
  body { font-size: 16px; line-height: 1.4rem; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
  body { font-size: 16px; line-height: 1.4rem; }
  
}

/* PARAGRAGHS */

.paragraph-1 {
  font-family: "Albert Sans";
  font-size: 1rem;
  line-height: 1.8em;
  font-weight: 500;
  letter-spacing: 0em;
  text-align: left;
}

@media (min-width: 480px) {
  .paragraph-1 {
    font-family: "Albert Sans";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 200%;
  }  
}

.paragraph-2 { 
  font-family: "Albert Sans";
  font-size: 0.875rem; 
  font-weight: normal;
  line-height: 18px;  

}
.paragraph-3 { font-family: "Albert Sans"; font-size: 0.875rem;  }
.paragraph-4 { font-family: "Albert Sans"; font-size: 1.0rem;  font-weight: 500; }

.title-1 {
  font-family: 'HeldaneDisplay';
  font-style: normal;
  font-weight: 500;
  font-size: 2rem;
  line-height: 128%;
  color: #000000;
}

@media (min-width: 480px) {
  .title-1 {
      font-size: 3rem;
      margin-bottom: 0;
  }
}

.title-2 {
  font-family: 'Albert Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 1.375rem;
  line-height: 128%;
  color: #000000;
}

.title-3 {
  font-family: 'Albert Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 128%;
  color: #000000;
}

.link-1 {
  font-family: 'Albert Sans';
  font-style: normal;
  font-weight: 500;
  font-size: 1.375rem;
  line-height: 128%;
}

/* LINKS */
a {
    color: #161515;
    text-decoration: none;
}
a:hover { 
    color: #152229;
}

/* IMAGES 
-------------------------------------------- */
img {
    height: auto; /* resets the image height so that it maintains its aspect ratio when width is set */
    /* background: transparent url(../images/ajax-loader.gif) no-repeat center center; */
}

/* ADDRESS
-------------------------------------------- */
address {
  display: block;
  margin-bottom: 16px;
}</pre></body></html>