/* OEM Font Embed */
@import url("https://use.typekit.net/ayp1ibk.css");
/* OEM Font Embed */



/* OEM Font */
.acs-wrapper, .acs-oem-brand { 
font-family: 'proxima-nova', sans-serif;
font-weight: 300;
letter-spacing: 1px
}
/* OEM Font */



/* Heading Tags */
.acs-h1, .acs-h2, .acs-h3, .acs-h4, .acs-h5, .acs-h6 {
font-family: 'proxima-nova-extra-wide', sans-serif;
font-weight: 500;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: clamp(.1vw, .5vw, 1vw)
}

.acs-h1 {
font-size: 2rem;
}

.acs-h2 {
font-size: 1.8rem;
}

.acs-h3 {
font-size: 1.6rem;
}

.acs-h4 {
font-size: 1.4rem;
}

.acs-h5 {
font-size: 1.2rem;
}

.acs-h6 {
font-size: 1.1rem;
}

/* Larger than phablet */
@media (min-width: 575px) {
.acs-h1 {
font-size: 2.5rem !important;
}

.acs-h2 {
font-size: 2.2rem !important;
}

.acs-h3 {
font-size: 1.8rem !important;
}

.acs-h4 {
font-size: 1.6rem !important;
}

.acs-h5 {
font-size: 1.4rem !important;
}

.acs-h6 {
font-size: 1.2rem !important;
}
}
/* Heading Tags */



/* OEM Font Variables */
.af-brand-lt {
font-family: 'proxima-nova', sans-serif !important;
font-weight: 300 !important;
}

.af-brand-md {
font-family: 'proxima-nova', sans-serif !important;
font-weight: 500 !important;
}

.af-brand-bd {
font-family: 'proxima-nova', sans-serif !important;
font-weight: 700 !important;
}

.af-brand-wide-rg {
font-family: 'proxima-nova-extra-wide', sans-serif !important;
font-weight: 400 !important;
}

.af-brand-wide-md {
font-family: 'proxima-nova-extra-wide', sans-serif !important;
font-weight: 500 !important;
}

.af-brand-wide-bd {
font-family: 'proxima-nova-extra-wide', sans-serif !important;
font-weight: 700 !important;
}

.acs-bold {
font-family: var(--bold-font);   
font-weight: 700;
}
/* OEM Font Variables */



/* Variables */
.acs-wrapper, .acs-oem-brand {
--accent: #D23931;
--black: #000000; 
--white: #ffffff; 
--gray: #F9F9F9; 
--gray2: #F5F5F5;
--gray3: #EAEAEA;
--gray4: #EEEEEE;
--dark: #1D1D1D;
--bold-font: 'proxima-nova', sans-serif;
}
/* Variables */



/* Text Colors */
.acs-black {
color: var(--black)
}
.acs-white {
color: var(--white)
}
.acs-gray {
color: var(--gray)
}
.acs-gray2 {
color: var(--gray2)
}
.acs-gray3 {
color: var(--gray3)
}
.acs-gray4 {
color: var(--gray4)
}
.acs-dark {
color: var(--dark)
}
/* Text Colors */



/* Accent Colors */
.acs-accent {
color: var(--accent)
}
.acs-accent2 {
color: var(--accent2)
}
.acs-accent3 {
color: var(--accent3)
}
.acs-accent4 {
color: var(--accent4)
}
.acs-accent5 {
color: var(--accent5)
}
/* Accent Colors */



/* BG Colors */
.acs-bg-accent {
--acs-bg-opacity: 1;
background-color: var(--accent);
background-color: rgba(210,57,49, var(--acs-bg-opacity))
}
.acs-bg-gray {
--acs-bg-opacity: 1;
background-color: var(--gray);
background-color: rgba(249,249,249, var(--acs-bg-opacity))
}
.acs-bg-gray2 {
--acs-bg-opacity: 1;
background-color: var(--gray2);
background-color: rgba(245,245,245, var(--acs-bg-opacity))
}
.acs-bg-gray3 {
--acs-bg-opacity: 1;
background-color: var(--gray3);
background-color: rgba(234,234,234, var(--acs-bg-opacity))
}
.acs-bg-gray4 {
--acs-bg-opacity: 1;
background-color: var(--gray4);
background-color: rgba(238,238,238, var(--acs-bg-opacity))
}
.acs-bg-dark {
--acs-bg-opacity: 1;
background-color: var(--dark);
background-color: rgba(29,29,29, var(--acs-bg-opacity))
}
/* BG Colors */



/* Link Accent */
.acs-link-accent {
text-decoration: none !important;
color: var(--accent) !important;
transition: all 0.2s ease-in-out 0s;
}
.acs-link-accent:hover {
text-decoration: underline;
color: var(--accent4) !important; 
}

.acs-link-accent2 {
text-decoration: none !important;
color: var(--dark2) !important;
transition: all 0.2s ease-in-out 0s;
}
.acs-link-accent2:hover {
text-decoration: underline;
color: var(--dark3) !important; 
}

.acs-link-accent3 {
text-decoration: none !important;
color: var(--white) !important;
transition: all 0.2s ease-in-out 0s;
}
.acs-link-accent3:hover {
text-decoration: underline;
opacity: .75; 
}

.acs-link-accent4 {
text-decoration: none !important;
color: var(--accent) !important;
transition: all 0.2s ease-in-out 0s;
}
.acs-link-accent4:hover {
text-decoration: underline;
color: var(--accent2) !important; 
}
/* Link Accent */


/* BUTTONS: START */
/* Button 1 */
.acs-button {
font-family: 'proxima-nova-extra-wide', sans-serif;
font-weight: 500;
font-size: .75rem;
letter-spacing: 4px;
transition: all 150ms cubic-bezier(0.335, 0.015, 0.46, 0.995) 0s;
box-sizing: border-box;
text-decoration: none !important;
text-align: center;
cursor: pointer;
padding: 0px 20px;
min-width: 220px;
height: 50px;
border-radius: 0px;
display: inline-flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
appearance: none;
color: var(--black);
border: 2px solid var(--white);
background-color: var(--white);
text-transform: uppercase
}
.acs-button:hover {
background-color: transparent;
color: var(--white);
border: solid 2px var(--white)
}

/* Button 2 */
.acs-button2 {
font-family: 'proxima-nova-extra-wide', sans-serif;
font-weight: 500;
font-size: .75rem;
letter-spacing: 4px;
transition: all 150ms cubic-bezier(0.335, 0.015, 0.46, 0.995) 0s;
box-sizing: border-box;
text-decoration: none !important;
text-align: center;
cursor: pointer;
padding: 0px 20px;
min-width: 220px;
height: 50px;
border-radius: 0px;
display: inline-flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
appearance: none;
color: var(--black);
border: 2px solid var(--white);
background-color: transparent;
text-transform: uppercase
}
.acs-button2:hover {
background-color: var(--white);
color: var(--black);
border: solid 2px var(--white)
}

/* Button 3 */
.acs-button3 {
font-family: 'proxima-nova-extra-wide', sans-serif;
font-weight: 500;
font-size: .75rem;
letter-spacing: 4px;
transition: all 150ms cubic-bezier(0.335, 0.015, 0.46, 0.995) 0s;
box-sizing: border-box;
text-decoration: none !important;
text-align: center;
cursor: pointer;
padding: 0px 20px;
min-width: 220px;
height: 50px;
border-radius: 0px;
display: inline-flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
appearance: none;
color: var(--white);
border: 2px solid var(--black);
background-color: var(--black);
text-transform: uppercase
}
.acs-button3:hover {
background-color: transparent;
color: var(--black);
border: solid 2px var(--black)
}

/* Button 4 */
.acs-button4 {
font-family: 'proxima-nova-extra-wide', sans-serif;
font-weight: 500;
font-size: .75rem;
letter-spacing: 4px;
transition: all 150ms cubic-bezier(0.335, 0.015, 0.46, 0.995) 0s;
box-sizing: border-box;
text-decoration: none !important;
text-align: center;
cursor: pointer;
padding: 0px 20px;
min-width: 220px;
height: 50px;
border-radius: 0px;
display: inline-flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
appearance: none;
color: var(--black);
border: 2px solid var(--black);
background-color: transparent;
text-transform: uppercase
}
.acs-button4:hover {
background-color: var(--black);
color: var(--white);
border: solid 2px var(--black)
}

/* Button 5 */
.acs-button5 {
font-family: 'proxima-nova-extra-wide', sans-serif;
font-weight: 500;
font-size: .75rem;
letter-spacing: 4px;
transition: all 150ms cubic-bezier(0.335, 0.015, 0.46, 0.995) 0s;
box-sizing: border-box;
text-decoration: none !important;
text-align: center;
cursor: pointer;
padding: 0px 20px;
min-width: 220px;
height: 50px;
border-radius: 0px;
display: inline-flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
appearance: none;
color: var(--white);
border: 2px solid var(--black);
background-color: var(--black);
text-transform: uppercase
}
.acs-button5:hover {
background-color: var(--white);
color: var(--black);
border: solid 2px var(--black)
}

/* Button 6 */
.acs-button6 {
font-family: 'proxima-nova-extra-wide', sans-serif;
font-weight: 500;
font-size: .75rem;
letter-spacing: 4px;
transition: all 150ms cubic-bezier(0.335, 0.015, 0.46, 0.995) 0s;
box-sizing: border-box;
text-decoration: none !important;
text-align: center;
cursor: pointer;
padding: 0px 20px;
min-width: 220px;
height: 50px;
border-radius: 0px;
display: inline-flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
appearance: none;
color: var(--black);
border: 2px solid var(--black);
background-color: var(--white);
text-transform: uppercase
}
.acs-button6:hover {
background-color: var(--black);
color: var(--white);
border: solid 2px var(--black)
}

/* Button 7 */
.acs-button7 {
font-family: 'proxima-nova-extra-wide', sans-serif;
font-weight: 500;
font-size: .75rem;
letter-spacing: 4px;
transition: all 150ms cubic-bezier(0.335, 0.015, 0.46, 0.995) 0s;
box-sizing: border-box;
text-decoration: none !important;
text-align: center;
cursor: pointer;
padding: 0px 20px;
min-width: 220px;
height: 50px;
border-radius: 0px;
display: inline-flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
appearance: none;
color: var(--white);
border: 2px solid var(--white);
background-color: transparent;
text-transform: uppercase
}
.acs-button7:hover {
background-color: var(--white);
color: var(--black);
border: solid 2px var(--white)
}
/* BUTTONS: END */


/* keeps button white on safari */    
a, a:visited, a:active, .content a {
color: none !important
}