@charset "utf-8";

:root {
  --bFont: "Aptos";
  --oFont: "AptosLight";
  --rFont: "Dualis";
  --mFont: "Aptos";
  --sFont: "Aptos";
  --tFont: "Aptos";
}

* {
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: Aptos;
  src: url("../fonts/Aptos.ttf") format("truetype");
}

@font-face {
  font-family: AptosLight;
  src: url("../fonts/Aptos-Light.ttf") format("truetype");
}

@font-face {
  font-family: Dualis;
  src: url("../fonts/Dualis-Lite.ttf") format("truetype");
}
/* 
@font-face {
  font-family: Cambria;
  src: url("../fonts/Cambria-regular.ttf") format("truetype");
}

@font-face {
  font-family: CambriaBold;
  src: url("../fonts/Cambria-bold.ttf") format("truetype");
} */

.brandText {
  /*	border: 2px solid pink;*/
  font-size: 36px;
  /*	color: black;*/
  color: var(--cFont);
  font-family: var(--bFont);
  font-weight: 500;
  opacity: var(--opacity);
  line-height: 1.2;
}

.bFont {
  /*	font-size: 40px; */
  font-family: var(--bFont);
  font-size: 32px;
  font-weight: 300;
}

.oFont {
  /* font-size: 28px; */
  text-transform: uppercase;
  letter-spacing: 0.35em;
  font-size: 1.4em;
  font-weight: 200;
  color: #ffffff;
  line-height: 1.1;
}

.sFont {
  /*	border: 2px solid orange;*/
  font-family: var(--sFont);
  font-weight: 500;
  font-size: 18px;
  color: var(--cFont) !important;
  line-height: 1.5;
}

.mFont {
  /*  	border: 2px solid orange;*/
  font-family: var(--sFont);
  color: var(--cGold) !important;
  font-size: 25px;
  line-height: 1.3;
  display: block;
}

.tFont {
  font-family: var(--tFont);
  font-size: 13px;
  color: var(--dg) !important;
  letter-spacing: 0.2px;
}

.colorWhite {
  color: white !important;
}
/* .colorGold {
  color: var(--cGold) !important;
} */
.colorBlue {
  color: var(--cGun) !important;
}

ul {
  margin-left: 15px;
  padding: 15px 0 0 0;
}

/*li:not(:last-child) {*/
li {
  margin: 0;
  padding: 0;
  margin-top: 10px;
  /*  list-style-type: circle;*/
}

ul li::marker {
  color: var(--mg);
  font-size: 0.5em;
}

@media screen and (max-width: 900px) {
  .brandText {
    font-size: 18px;
  }
  .bFont {
    font-size: 28px;
  }
  .oFont {
  }
  .mFont {
    font-size: 21px;
  }
  .sFont {
    font-size: 15px;
  }
  .tFont {
    font-size: 13px;
  }
  .hideMobile {
    display: none;
  }
  /* .brandSlogan {
    font-size: 45px !important;
  } */
}