@charset "UTF-8";

/* Font */

@font-face {
    font-family: "Infiniti Light";
    src: url("https://www.infinitiusa.com/etc/designs/infiniti_nna_v2/26.03.30.NISSAN-17/common-assets/fonts/InfinitiBrandL1-Light.woff2") format("woff2"), 
		url("https://www.infinitiusa.com/etc/designs/infiniti_nna_v2/26.03.30.NISSAN-17/common-assets/fonts/InfinitiBrandL1-Light.woff") format("woff"), 
		url("https://www.infinitiusa.com/etc/designs/infiniti_nna_v2/26.03.30.NISSAN-17/common-assets/fonts/InfinitiBrandL1-Light.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Infiniti Regular";
    src: url("https://www.infinitiusa.com/etc/designs/infiniti_nna_v2/26.03.30.NISSAN-17/common-assets/fonts/InfinitiBrandL1-Regular.woff2") format("woff2"), 
		url("https://www.infinitiusa.com/etc/designs/infiniti_nna_v2/26.03.30.NISSAN-17/common-assets/fonts/InfinitiBrandL1-Regular.woff") format("woff"), 
		url("https://www.infinitiusa.com/etc/designs/infiniti_nna_v2/26.03.30.NISSAN-17/common-assets/fonts/InfinitiBrandL1-Regular.wottf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Infiniti Bold";
    src: url("https://www.infinitiusa.com/etc/designs/infiniti_nna_v2/26.03.30.NISSAN-17/common-assets/fonts/InfinitiBrandL1-Bold.woff2") format("woff2"), 	
		url("https://www.infinitiusa.com/etc/designs/infiniti_nna_v2/26.03.30.NISSAN-17/common-assets/fonts/InfinitiBrandL1-Bold.woff") format("woff"), 
		url("https://www.infinitiusa.com/etc/designs/infiniti_nna_v2/26.03.30.NISSAN-17/common-assets/fonts/InfinitiBrandL1-Bold.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Grid */
.db-wrapper {
    font-family: Infiniti Light, Verdana, Arial, sans-serif; 
	color: #000000;
}

/* Variables */
.db-wrapper {
    --db-accent: #b0a591; /* Gold */
    --db-accent-hover: #ffffff; /* Gold Hover */
    --db-accent2: #000000; /* Black */
    --db-accent2-hover: #333333; /* Black Hover */
	--db-accent3: #020b24; /* Dark Blue */
    --db-black: #000000;
    --db-white: #ffffff;
    --db-dark: #212529;
    --db-gray: #efede9;
}

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

.db-accent2 {
	color: var(--db-accent3) !important; /* Dark Blue */
}


/* Links */
.db-link-accent {
	text-decoration: none !important;
	color: var(--db-accent2) !important; /* Black */
	font-weight: bold !important;
}
.db-link-accent:hover {
	color: var(--db-accent2-hover) !important;
	text-decoration: underline !important;
}


.db-link-accent2 {
	text-decoration: none !important;
	color: var(--db-white) !important; /* White */
	font-weight: bold !important;
}
.db-link-accent2:hover {
	color: var(--db-accent) !important;
	text-decoration: underline !important;
}

.db-link-accent3 {
	text-decoration: none !important;
	color: var(--db-accent) !important; /* Gold */
	font-weight: bold !important;
}
.db-link-accent2:hover {
	color: var(--db-dark) !important;
	text-decoration: underline !important;
}


/* Background Colors */
.db-bg-accent {
    background-color: var(--db-accent); /* Gold */
}
.db-bg-accent2 {
    background-color:var(--db-accent3); /* Dark Blue */
}

.db-bg-dark {
    background-color: var(--db-dark);
}
.db-bg-gray {
    background-color: var(--db-gray);
}

 
/* Button 1 (Gold) */
.db-button {
	background-color: transparent;
	color: var(--db-accent) !important;
	font-family: Infiniti Light, Verdana, Arial, sans-serif !important;
	font-weight: 400 !important;
	border: 1px solid var(--db-accent);
	border-radius: 24px;
	padding: 8px 15px;
	text-align: center;
	text-decoration: none !important;
	display: inline-block;
	font-size: 1rem;
	line-height: 125%;
	-webkit-transition-duration: 0.5s; /* Safari */
	transition-duration: 0.5s;
	cursor: pointer;
	min-width: 200px; }
.db-button:hover {
     outline: var(--db-accent) solid 2px;
     border-width: 1px;
}

.db-button-primary {
	background-color: var(--db-accent);
	color: var(--db-black) !important;
    font-family: Infiniti Light, Verdana, Arial, sans-serif !important;
    font-weight: 400 !important;
	border: 1px solid var(--db-accent);
	border-radius: 24px;
	padding: 8px 15px;
	text-align: center;
	text-decoration: none !important;
	display: inline-block;
	font-size: 1rem;
	 line-height: 125%;
	-webkit-transition-duration: 0.5s; /* Safari */
	transition-duration: 0.5s;
	cursor: pointer;
	min-width: 200px;
}
.db-button-primary:hover {
	background-color: transparent;
	outline: var(--db-accent) solid 2px;
	border-width: 1px;
	color: var(--db-accent) !important;
}


.db-button-secondary {
	background-color: var(--db-accent);
	color: var(--db-black) !important;
    font-family: Infiniti Light, Verdana, Arial, sans-serif !important;
    font-weight: 400 !important;
	border: 2px solid var(--db-accent);
	border-radius: 24px;
	padding: 8px 15px;
	text-align: center;
	text-decoration: none !important;
	display: inline-block;
	font-size: 1rem;
	 line-height: 125%;
	-webkit-transition-duration: 0.5s; /* Safari */
	transition-duration: 0.5s;
	cursor: pointer;
	min-width: 200px;
}
.db-button-secondary:hover {
	background-color: var(--db-white);
	color: var(--db-black) !important;
	border: 2px solid var(--db-black);
}



/* Button 2 (Black) */
.db-button2 {
	background-color: transparent;
	color: var(--db-white) !important;
	font-family: Infiniti Light, Verdana, Arial, sans-serif !important;  
	font-weight: 400 !important;
	border: 1px solid var(--db-white);
	border-radius: 24px;
	padding: 8px 15px;
	text-align: center;
	text-decoration: none !important;
	display: inline-block;
	font-size: 1rem;
	line-height: 125%;
	-webkit-transition-duration: 0.5s; /* Safari */
	transition-duration: 0.5s;
	cursor: pointer;
	min-width: 200px; }
.db-button2:hover {
     outline: var(--db-white) solid 2px;
     border-width: 1px;
}

.db-button2-primary {
	background-color: var(--db-black);
	color: #ffffff !important;
    font-family: Infiniti Light, Verdana, Arial, sans-serif !important;
    font-weight: 400 !important;
	border: 1px solid var(--db-black);
	border-radius: 24px;
	padding: 8px 15px;
	text-align: center;
	text-decoration: none !important;
	display: inline-block;
	font-size: 1rem;
	line-height: 125%;
	cursor: pointer;
	min-width: 200px;
}
.db-button2-primary:hover {
	background-color: var(--db-gray);
	color: #000000 !important;

}

.db-button2-secondary {
	background-color: var(--db-accent2);
	color: #ffffff !important;
    font-family: Infiniti Light, Verdana, Arial, sans-serif !important;
    font-weight: 400 !important;
	border: 1px solid var(--db-white);
	border-radius: 24px;
	padding: 8px 15px;
	text-align: center;
	text-decoration: none !important;
	display: inline-block;
	font-size: 1rem;
	line-height: 125%;
	cursor: pointer;
	min-width: 200px;
}
.db-button2-secondary:hover {
	background-color: transparent;
	color: #fffffff !important;
	outline: var(--db-accent) solid 3px;
    border-width: 1px;
}



/* Button 3 (Offers) */
.db-button3 {
	background-color: transparent;
	color: var(--db-black) !important;
	font-family: Infiniti Light, Verdana, Arial, sans-serif !important;  
	font-weight: 400 !important;
	border: 1px solid var(--db-black);
	border-radius: 24px;
	padding: 8px 15px;
	text-align: center;
	text-decoration: none !important;
	display: inline-block;
	font-size: 1rem;
	line-height: 125%;
	-webkit-transition-duration: 0.5s; /* Safari */
	transition-duration: 0.5s;
	cursor: pointer;
	min-width: 200px; }
.db-button3:hover {
	outline: var(--db-black) solid 2px;
	border-width: 1px;
}

.db-button3-primary {
	background-color: var(--db-black);
	color: #ffffff !important;
    font-family: Infiniti Light, Verdana, Arial, sans-serif !important;
    font-weight: 400 !important;
	border: 1px solid var(--db-black);
	border-radius: 24px;
	padding: 8px 15px;
	text-align: center;
	text-decoration: none !important;
	display: inline-block;
	font-size: 1rem;
	line-height: 125%;
	cursor: pointer;
	min-width: 200px;
}
.db-button3-primary:hover {
	background-color: var(--db-white);
	color: #000000 !important;
    outline: var(--db-black) solid 2px;
    border-width: 1px;
}