/* ===============================
** LOGIC
  
    Sizes:
      - Large
      - Medium
      - Small

    Colors:
      - Light
      - Dark

    Thickness:
      - Thick
      - Thin  

================================== */

/* ===============================
** FONTS:
================================== */

@import url('https://rsms.me/inter/inter.css');
html { font-family: 'Inter', sans-serif; }
@supports (font-variation-settings: normal) {
  html { font-family: 'Inter var', sans-serif; }
}

/* ===============================
** FONTS
================================== */

h1, h2, h3, p, a, table, input, li {
    font-family: 'Inter', sans-serif;
    font-weight: 100;
    line-height: 1.7em;
    text-align: left;
    color:var(--col-main-d3);
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}



h1, h2 {
    font-size:var(--font-size-xl);
    font-weight: 300;
    line-height: 1.2em;
    padding-bottom: 40px;
}

h3 {
    font-size:var(--font-size-l);
    font-weight: 600;
    padding-bottom: 25px;
}


a, p, li {
    font-weight: 300;
    padding-bottom: 0px;
}

a:hover {
    color: var(--col-brand-d);
}

a, .brand-color {
  color: var(--col-brand-d);
}


p.logofont {
    padding: 0px;
    margin: 0px;
    font-weight: 600;
    letter-spacing: 1.1px;
    font-size: var(--font-size-m);
    color: white;
}

a.no-underline {
    text-decoration: none;
}

.serif {
  font-family: 'Libre Baskerville', serif;
}



.thick       {font-weight: 600;}
.thin        {font-weight: 300;}


.xxlarge      {font-size:var(--font-size-xxl);}
.xlarge      {font-size:var(--font-size-xl);}
.large       {font-size:var(--font-size-l);}
.regular     {font-size:var(--font-size-m);}
.small       {font-size:var(--font-size-s);}
.xsmall       {font-size:var(--font-size-xs);}


.center      {text-align: center;}
.left        {text-align: left;}
.right       {text-align: right;}
.nobreak     {white-space: nowrap;}


.font-clr-contrast-1 {color:var(--col-contrast-1);}
.font-clr-contrast-2 {color:var(--col-contrast-2);}
.font-clr-light {color:var(--col-main-l1);}


.rotate {
     -moz-transform: rotate(-90.0deg);  /* FF3.5+ */
       -o-transform: rotate(-90.0deg);  /* Opera 10.5 */
  -webkit-transform: rotate(-90.0deg);  /* Saf3.1+, Chrome */
             filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.spacing {padding: 30px 0px;}
.spacing-before {padding-top: 40px;}

.cap-with-dots {
    overflow: hidden; 
    white-space: nowrap; 
    text-overflow: ellipsis;
}


.text-box {
  padding: 4px 13px;
  margin: 2px 4px;
  background-color: var(--col-main-l2);
  border-radius: 5px;
  white-space:nowrap;
  line-height: 2em;
}


.no-padding-margin {
  padding: 0px;
  margin: 0px;
}


/* ===============================
** SMALL SCREENS: MAKE ALL 100% WIDTH
================================== */


/* VIEWPORT WIDTH: 576
/* ======================================*/
@media (max-width: 576px) {



}