@charset "utf-8";
/* CSS Document */

/* PennDOT Brand Colors 2025 */

/*Primary Color Palette*/	
/*dot-blue*/
	.dot-blue,.dot-hover-blue:hover{color:#000000!important;background-color:#002469!important}
	.dot-text-blue,.dot-hover-text-blue:hover{color:#002469!important}
	.dot-border-blue,.dot-hover-border-blue:hover{border-color:#002469!important}
/*dot-green*/
	.dot-green,.dot-hover-green:hover{color:#fff!important;background-color:#007934!important}
	.dot-text-green,.dot-hover-text-green:hover{color:#007934!important}
	.dot-border-green,.dot-hover-border-green:hover{border-color:#007934!important}

/*dot-dkblue  Dark Blue*/
	.dot-dkblue,.dot-hover-dkblue:hover{color:#fff!important;background-color:#112E47!important}
	.dot-text-dkblue,.dot-hover-text-dkblue:hover{color:#112E47!important}
	.dot-border-dkblue,.dot-hover-border-dkblue:hover{border-color:#112E47!important}
/*dot-red Primary Red*/
	.dot-red,.dot-hover-red:hover{color:#fff!important;background-color:#E22027!important}
	.dot-text-red,.dot-hover-text-red:hover{color:#E22027!important}
	.dot-border-red,.dot-hover-border-red:hover{border-color:#E22027!important}

/*Secondary Color Palette*/
/*dot-secyellow  Secondary Yellow*/
	.dot-secyellow,.dot-hover-secyellow:hover{color:#000000!important;background-color:#FFB81B!important}
	.dot-text-secyellow,.dot-hover-text-secyellow:hover{color:#FFB81B!important}
	.dot-border-secyellow,.dot-hover-border-secyellow:hover{border-color:#FFB81B!important}
/*dot-secblue  Secondary Blue*/
	.dot-secblue,.dot-hover-secblue:hover{color:#fff!important;background-color:#3E7DCA!important}
	.dot-text-secblue,.dot-hover-text-secblue:hover{color:#3E7DCA!important}
	.dot-border-secblue,.dot-hover-border-secblue:hover{border-color:#3E7DCA!important}
/*dot-tan  Secondary Tan*/
	.dot-tan,.dot-hover-tan:hover{color:#000000!important;background-color:#D6BB8E!important}
	.dot-text-tan,.dot-hover-text-tan:hover{color:#D6BB8E!important}
	.dot-border-tan,.dot-hover-border-tan:hover{border-color:#D6BB8E!important}


/* Keystone Design System 2025 Secondary Colors*/
/*.keystone-secondary-blue*/
	.keystone-secondary-blue,.keystone-secondary-hover-blue:hover{color:#000000!important;background-color:#D6E4F7!important}


/* Keystone Design System 2025 Typefaces */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Zilla+Slab:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');

/*Zilla Slab*/
.zilla-slab-light {
  font-family: "Zilla Slab", serif;
  font-weight: 300;
  font-style: normal;
}

.zilla-slab-regular {
  font-family: "Zilla Slab", serif;
  font-weight: 400;
  font-style: normal;
}

.zilla-slab-medium {
  font-family: "Zilla Slab", serif;
  font-weight: 500;
  font-style: normal;
}

.zilla-slab-semibold {
  font-family: "Zilla Slab", serif;
  font-weight: 600;
  font-style: normal;
}

.zilla-slab-bold {
  font-family: "Zilla Slab", serif;
  font-weight: 700;
  font-style: normal;
}

.zilla-slab-light-italic {
  font-family: "Zilla Slab", serif;
  font-weight: 300;
  font-style: italic;
}

.zilla-slab-regular-italic {
  font-family: "Zilla Slab", serif;
  font-weight: 400;
  font-style: italic;
}

.zilla-slab-medium-italic {
  font-family: "Zilla Slab", serif;
  font-weight: 500;
  font-style: italic;
}

.zilla-slab-semibold-italic {
  font-family: "Zilla Slab", serif;
  font-weight: 600;
  font-style: italic;
}

.zilla-slab-bold-italic {
  font-family: "Zilla Slab", serif;
  font-weight: 700;
  font-style: italic;
}


/*Plus Jakarta Sans*/

.plus-jakarta-sans-light {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.plus-jakarta-sans-regular {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.plus-jakarta-sans-medium {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.plus-jakarta-sans-semibold {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.plus-jakarta-sans-bold {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.plus-jakarta-sans-light-italic {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.plus-jakarta-sans-regular-italic {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.plus-jakarta-sans-medium-italic {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.plus-jakarta-sans-semibold-italic {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.plus-jakarta-sans-bold-italic {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 700;
  font-style: italic;
}