@charset "UTF-8";

/* Font */

@font-face {
    font-display: fallback;
    font-family: stratum;
    font-style: normal;
    font-weight: 300;
    src: url("https://brands.gm-cdn.com/gbds/gmc/fonts/stratum-light.woff2") format("woff2"),
		url("https://brands.gm-cdn.com/gbds/gmc/fonts/stratum-light.woff") format("woff")
}

@font-face {
    font-display: fallback;
    font-family: stratum;
    font-style: normal;
    font-weight: 400;
    src: url("https://brands.gm-cdn.com/gbds/gmc/fonts/stratum-regular.woff2") format("woff2"),
		url("https://brands.gm-cdn.com/gbds/gmc/fonts/stratum-regular.woff") format("woff")
}

@font-face {
    font-display: fallback;
    font-family: stratum;
    font-style: normal;
    font-weight: 500;
    src: url("https://brands.gm-cdn.com/gbds/gmc/fonts/stratum-medium.woff2") format("woff2"),
		url("https://brands.gm-cdn.com/gbds/gmc/fonts/stratum-medium.woff") format("woff")
}

@font-face {
    font-display: fallback;
    font-family: stratum;
    font-style: normal;
    font-weight: 700;
    src: url("https://brands.gm-cdn.com/gbds/gmc/fonts/stratum-bold.woff2") format("woff2"),
		url("https://brands.gm-cdn.com/gbds/gmc/fonts/stratum-bold.woff") format("woff")
}

@font-face {
    font-display: fallback;
    font-family: stratum;
    font-style: normal;
    font-weight: 900;
    src: url("https://brands.gm-cdn.com/gbds/gmc/fonts/stratum-black.woff2") format("woff2"),
		url("https://brands.gm-cdn.com/gbds/gmc/fonts/stratum-black.woff") format("woff")
}

body {
    -webkit-font-smoothing: antialiased
}

/* Grid */
.db-wrapper {
  font-weight: 400;
  font-family: Stratum, Arial, sans-serif;
  color: #222222;
}


/* Variables */
.db-wrapper {
  --db-accent: #CC0000; 
  --db-black: #060505;
  --db-white: #ffffff;
  --db-dark: #25282A; 
  --db-gray: #EBEBEB; 
}

/* Accent Colors (Red) */
.db-accent {
  color: var(--db-accent) !important; }

.db-link-black {
  text-decoration: underline !important;
  color: #222222 !important;
  font-weight: 700 !important; 
}
.db-link-accent:hover {
  color: var(--db-dark) !important; }

.db-link-white {
  text-decoration: underline !important;
  color: var(--db-white) !important;
  font-weight: 700 !important;
}
.db-link-accent:hover {
  color: var(--db-dark) !important; }


/* Background Colors */
.db-bg-accent {
    background-color: var(--db-accent); /* Red */
}

.db-bg-black {
    background-color:var(--db-black); /* Black */
}


.db-bg-dark {
    background-color:var(--db-dark); /* Dark */
}

.db-bg-gray {
    background-color:var(--db-gray); /* Gray */
}

 
/* Button 1 (Red Border on Dark Text) */
.db-button {
  background-color: transparent;
  color: var(--db-dark) !important;
  text-transform: uppercase;
  font-family: Stratum, Arial, sans-serif;
  font-weight: 500 !important;
  border: 1px solid var(--db-accent);
  border-radius: 0px;
  padding: 0.5rem 2rem;
  text-align: center;
  text-decoration: none !important;
  display: inline-block;
  font-size: 1rem;
  line-height: 1.4;
  -webkit-transition-duration: 0.5s; /* Safari */
  transition-duration: 0.5s;
  cursor: pointer;
  min-width: 200px; }
.db-button:hover {
  background-color: var(--db-accent);
  color: #ffffff !important;
  border: 1px solid var(--db-accent); }

/* Button 2 (Dark Border on Dark Text) */
.db-button2 {
  background-color: transparent;
  color: #060505 !important;
  text-transform: uppercase;
  font-family: Stratum, Arial, sans-serif;
  font-weight: 500 !important;
  border: 1px solid #060505;
  border-radius: 0px;
  padding: 0.5rem 2rem;
  text-align: center;
  text-decoration: none !important;
  display: inline-block;
  font-size: 1rem;
  line-height: 1.4;
  -webkit-transition-duration: 0.5s; /* Safari */
  transition-duration: 0.5s;
  cursor: pointer;
  min-width: 200px; }
.db-button2:hover {
  background-color: #302f2f;
  color: #ffffff !important;
  border: 1px solid #302f2f; }

/* Button 3 (Red Border on White Text) */
.db-button3 {
  background-color: transparent;
  color: #ffffff !important;
  text-transform: uppercase;
  font-family: Stratum, Arial, sans-serif;
  font-weight: 500 !important;
  border: 1px solid var(--db-accent);
  border-radius: 0px;
  padding: 0.5rem 2rem;
  text-align: center;
  text-decoration: none !important;
  display: inline-block;
  font-size: 1rem;
  line-height: 1.4;
  -webkit-transition-duration: 0.5s; /* Safari */
  transition-duration: 0.5s;
  cursor: pointer;
  min-width: 200px; }
.db-button3:hover {
  background-color: #a00;
  color: #ffffff !important;
  border: 1px solid #a00; }

/* Button 4 (Solid Red on White Text) */
.db-button4 {
  background-color: var(--db-accent);
  color: #ffffff !important;
  text-transform: uppercase;
  font-family: Stratum, Arial, sans-serif;
  font-weight: 500 !important;
  border: 1px solid var(--db-accent);
  border-radius: 0px;
  padding: 0.5rem 2rem;
  text-align: center;
  text-decoration: none !important;
  display: inline-block;
  font-size: 1rem;
  line-height: 1.4;
  -webkit-transition-duration: 0.5s; /* Safari */
  transition-duration: 0.5s;
  cursor: pointer;
  min-width: 200px; }
.db-button4:hover {
  background-color: transparent;
  color: var(--db-dark) !important;
  border: 1px solid var(--db-dark); 
}

/* Button 5 (White Border on White Text) */
.db-button5 {
  background-color: transparent;
  color: #ffffff !important;
  text-transform: uppercase;
  font-family: Stratum, Arial, sans-serif;
  font-weight: 500 !important;
  border: 1px solid #ffffff;
  border-radius: 0px;
  padding: 0.5rem 2rem;
  text-align: center;
  text-decoration: none !important;
  display: inline-block;
  font-size: 1rem;
  line-height: 1.4;
  -webkit-transition-duration: 0.5s; /* Safari */
  transition-duration: 0.5s;
  cursor: pointer;
  min-width: 200px; }
.db-button5:hover {
  background-color: #ffffff;
  color: var(--db-dark) !important; }

/* Button 6 (Solid Dark on White Text) */
.db-button6 {
  background-color: var(--db-dark);
  color: #ffffff !important;
  text-transform: uppercase;
  font-family: Stratum, Arial, sans-serif;
  font-weight: 500 !important;
  border: 1px solid var(--db-dark);
  border-radius: 0px;
  padding: 0.5rem 2rem;
  text-align: center;
  text-decoration: none !important;
  display: inline-block;
  font-size: 1rem;
  line-height: 1.4;
  -webkit-transition-duration: 0.5s; /* Safari */
  transition-duration: 0.5s;
  cursor: pointer;
  min-width: 200px; }
.db-button6:hover {
  background-color: #000000bf;
  color: var(--db-white) !important;
  border: 1px solid #000000bf; 
}