@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oswald:wght@200..700&display=swap');


/* Define your CSS variables here */
:root {
  --color-gold: #C5A364;
  --color-tan: #DBC8A7;
  --color-yellow: #FFD621;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-dgray: #313131;
  --color-lgray: #bbbbbb;
  --color-mgray: #707070;
  --color-draft: #ff00b3;
  --color-strat-teal: #328B98;
  --color-strat-orange: #E86D39;
  --color-strat-blue: #00476B;
  --color-aux-blue: #5B83A5;
  --font-oswald: "Oswald", arial, sans-serif;
  --font-open-sans: "Open Sans", arial, sans-serif;
}


body {
  font-family: var(--font-open-sans); 
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
}

.ar-bodytext {
  font-family: var(--font-open-sans); 
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
}

@media (max-width: 767px) {
  .ar-text-table {
    font-family: var(--font-oswald); 
    font-weight: 300;
    font-style: normal;
  }
}

.ar-text-subheading {
  font-family: var(--font-oswald); 
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: .1em;
}

.ar-text-heading {
  font-family: var(--font-oswald); 
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.ar-text-quote {
  font-family: var(--font-oswald); 
  font-weight: 400;
}

.ar-text-nav {
  font-family: var(--font-oswald); 
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: .1em;
}

.ar-text-mainheading {
  font-family: var(--font-oswald); 
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
    letter-spacing: .1em;

}

.ar-text-draft {color: var(--color-draft);}
.ar-text-tan {color: var(--color-tan);}
.ar-text-gold {color: var(--color-gold);}
.ar-text-yellow {color: var(--color-yellow);}
.ar-text-lgray {color: var(--color-lgray);}
.ar-text-mgray {color: var(--color-mgray);}
.ar-text-dray {color: var(--color-dgray);}
.ar-text-blue {color: var(--color-strat-blue);}

.ar-bg-draft {background-color: var(--color-draft);}
.ar-bg-tan {background-color: var(--color-tan);}
.ar-bg-gold {background-color: var(--color-gold);}
.ar-bg-yellow {background-color: var(--color-yellow);}
.ar-bg-lgray {background-color: var(--color-lgray);}
.ar-bg-mgray {background-color: var(--color-mgray);}
.ar-bg-dgray {background-color: var(--color-dgray);}
.ar-bg-orange {background-color: var(--color-strat-orange);}
.ar-bg-teal {background-color: var(--color-strat-teal);}
.ar-bg-blue {background-color: var(--color-strat-blue);}
.ar-bg-aux {background-color: var(--color-aux-blue);}

.ar-line-tan {
  background-color: var(--color-tan);
  height:4px;
}

.ar-line-yellow {
  background-color: var(--color-yellow);
  height:4px;
}

.ar-line-gold {
  background-color: var(--color-gold);
  height:4px;
}

.ar-line-black {
  background-color: var(--color-black);
  height:4px;
}

li a,
p a {
  text-decoration: underline;
}

@media (max-width: 767px) {

  .embed-container { 
          position: relative; 
          padding-bottom: 56.25%;
          overflow: hidden;
          max-width: 100%;
          height: auto;
  } 

  .embed-container iframe,
  .embed-container object,
  .embed-container embed { 
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
  }
}