@charset "utf-8";
/* CSS Document */
/*
GLOBAL LAYOUT
GLOBAL TEXT
HOME PAGE TEXT
DOWNLOADS PAGE TEXT
CONTENT PAGES TEXT
TOP RESPONSIVE IMAGE
RESPONSIVE IMG WITH BOTTOM TITLE
BLOCKQUOTE
RESPONSIVE IMAGE WITH OVERLAY TITLE
BUDGET MATERIALS
FOOTER
NAVIGATION ELEMENTS
COLLAPSIBLE MENU
PDF PAGES
*/

/*
body{
	background-color:beige;
}
*/
/*------ GLOBAL LAYOUT ------*/
	
body {
	color: #303030;
	margin: 0;
	padding: 0;
}
@media all and (-ms-high-contrast: none) {
	.row,
	body.downloads .card.border-dark { 
		display: block;
	} /* IE10 */
	*::-ms-backdrop,
	.row,
	body.downloads .card.border-dark { 
		display: block;
	} /* IE11 */
	body.home .row,
	body.downloads .row,
	body.speech .row,
	#includedFooterContent .row { 
		display: flex;
	} /* IE10 */
	*::-ms-backdrop,
	body.home .row,
	body.downloads .row,
	body.speech .row,
	#includedFooterContent .row { 
		display: flex;
	} /* IE11 */
}

.content {
	margin-top: 0px;
	margin-bottom: 0px;
}
a.home-link:hover {
	text-decoration: none;
}
a:hover {
    text-decoration: none;
}
/*to suppress Bootstrap Right Left Padding*/
.NoRLpadding {
	padding-right: 0px;
	padding-left: 0px;
}
.border-secondary {
	border-color: rgba(196, 196, 196, 1) !important;
}
.imgWmax {
	width: 100%;
	max-width: 1250px;
}
.langagues .NoPad {
	padding-right: 0rem;
}
header#header {
	z-index: 200;
}
.video-container {
	margin: 2rem auto !important;
}
.card-img-top {
	flex: 1;
}

.card.highlights {
	text-align: center;
	background-color: #013366;
	border-radius: 10px;
	min-width: 30%;
	margin: 10px;
	transition: 0.15s;
}
.card.highlights:hover {
	background-color: #1E5189;
}
.card.highlights p {
	color: #fff;
}
.card.materials {
	border: none;
	text-align: left;	
}
.materialsIcon {
	padding: 1.25rem;
}
.materialsIcon img {
	max-width: 100%;
}
#grey-section {
	background-color: #01336612;
	width: 100%;
	padding-bottom: 1.5em;
	margin-top: -2px;
}
@media all and (-ms-high-contrast: none) {
	.card-img-top { 
		flex: none;
	} /* IE10 */
	*::-ms-backdrop,
	.card-img-top { 
		flex: none;
	} /* IE11 */
}
/*------ GLOBAL TEXT ------*/
* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: BCSans, "Noto Sans", "Myriad Pro", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
li,
header,
p,
ul,
.blockquote,
.blockquote-footer {
	color: #333333;
}
body p,
li {
	font-size: 16px;
	font-weight: 400;
}
p {
	font-size: 16px;
	font-weight: 400;
	
}
/* -- HOME PAGE TEXT -- */
/*-- H1 ---*/
h1 {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	color: #013366;
	font-size: 2.1em;
}
h2 {
	font-size: 28px;
	color: #013366;
	font-weight: 400;
	margin-top: 1em;
	font-size: 1.7em;
}
h3 {
	font-size: 22px;
	color: #013366;
	font-weight: 400;
}
h4 {
	font-size: 18px;
	color: #013366;
	font-weight: 400;
}
.logo-budget25 {
	color: white;
	border: 2.5px solid #fcba19;
	border-radius: 5px;
	font-size: 32px;
	max-width: 260px;
	text-align: center;
}
#blue-header {
	background-color: #013366;
	color: white !important;
	width: 100%;
	padding-top: 4rem;
	padding-bottom: 4rem;
}
#blue-header p {
	color: white;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
}
#blue-header a.introBtn {
	border: 2px solid #fcba19;
	background-color: #013366;
	border-radius: 5px;
	font-size: 16px;
	text-align: center;	
	padding: 0.4rem 1.8rem;
	flex: auto;
	align-content: center;
	white-space: nowrap;
	margin-top: 10px;
	transition: 0.15s;
}
#blue-header a.introBtn {
	color: white !important;
}
#blue-header a.introBtn:hover {
	background-color: #fcba19;
	color: #013366 !important;
}
.budget-title {
	color: white;
	padding: 7px;
	border: solid 1px #fcba19;
	border-radius: 5px;
}
video#animation {
	clip-path: inset(1px 1px);
	outline: none;
	filter: grayscale(0);
}
#MainTitleBox2022 {
	display: flex;
}
#MainTitleBox2022 h1 {
	color: #fcba19;
	padding: 1rem 0 0.5rem;
	width: 100%;
}
#MainTitleBox2022 h2 {
	color: #002961;
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 2rem;
}
#MainTitleBox h1 {
	font-weight: 700;
	color: #fcba19;
}
#MainTitleBox h1 b,
.HomeIntro header {
	font-weight: 700;
}
.MainTitle .underlined {
	border-bottom: 1px solid #ffc107;
	padding-top: 0.5rem;
	width: 90%;
}
.iconHeading {
	display: flex;
	align-items: center;
	margin-bottom: 1rem;
}
.iconHeading img {
	margin-right: 0.75rem;
}
.iconHeading h2 {
	margin-bottom: 0;
}
/* -- H1 for cellphone -- */
.MainTitleXs {
	padding-right: 0px;
	padding-left: 0px;
}
.MainTitleXs h1 {
	font-size: 1.8rem;
	padding-top: 1rem;
	color: #003366;
}
.MainTitleXs .underlined {
	border-bottom: 1px solid #ffc107;
	padding-top: 0.5rem;
	width: 90%;
}
/*-- ---*/
.HomeIntro header {
	padding-bottom: 1.5rem;
}
.HomeIntro {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	order: 1;
	width: 100%;
}
.HomeIntro p {
	font-weight: 400;
}
#BlockImageTop h3 {
	font-weight: 700;
	font-size: calc(24px + 0.4vw);
}
#BlockImageTop .card {
	width: 100%;
}
.TitleTextOver h3 {
	font-weight: 700;
}
.TitleTextOver .underlined {
	border-bottom: 1px solid #ffc107;
	padding-top: 1rem;
}

#BlockImageTop h4,
#BlocksIcon h4,
#BlocksText .BoxText h4,
#BlocksIcon h4.title {
	font-weight: 700;
	font-size: 1.3rem;
}
#BlocksText .BoxText h4 {
	font-weight: 700;
	color: #1a5a96;
	text-decoration: underline;
}
#BlocksIcon h4 a {
	color: #1a5a96;
	text-decoration: underline;
}
#BlocksIcon h4.title {
	font-weight: 400;
}
h4.text-center.title.mb-4 {
	font-weight: 400;
}
/* -- DOWNLOADS PAGE TEXT --*/
.GreyIntro h1 {
	font-size: 2.5rem;
	font-weight: 700;
	margin-bottom: 1.5rem;
	color: #000;
}
.GreyIntro p {
	font-size: 1.3rem;
	font-weight: 400;
	color: #626262;
}
h2.lineAfter,
h2.ArticleTitle {
	font-size: 1.75rem;
	margin-bottom: 1.75rem;
}
h2.lineAfter {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	text-align: center;
}
h2.lineAfter:after {
	content: "";
	border-top: 1px solid #fcba19;
	margin: 0 20px 0 0;
	flex: 1 0 20px;
}
h2.lineAfter:after {
	margin: 0 0 0 15px;
}
.upload-links h3.download-heading {
	font-size: 1.6rem;
}
p.card-text {
	font-size: 16px;
	line-height: 1.4;
	font-weight: 400;
}
#StrategicPlan button.btn.BtnRight {
	font-size: 0.9rem;
}
/* -- CONTENT PAGES TEXT -- */
/* -- News Release, Affordable, Economy, Speech, -- */
#PageContentTitleBox h1 {
	color: #002961;
	font-weight: 700;
}
#PageContentTitleBox .headerTitle {
	-webkit-transform: translate(0, -99%);
	transform: translate(0, -99%);
	width: 100%;
	background-color: #fff;
}
.headerTitle .underlined {
	border-bottom: 1px solid #ffc107;
	padding-top: 0.5rem;
	width: 93%;
}
/*-- Cellphone pages --*/
.headerTitleXs h1 {
	font-size: 1.5rem;
	padding-top: 1.2rem;
	padding-bottom: 0rem;
	font-weight: 700;
}
.headerTitleXs .underlined {
	border-bottom: 1px solid #ffc107;
	padding-top: 0.5rem;
	width: 95%;
}
h2.ContentTitle {
	font-weight: 400;
}
h3.Bold {
	font-weight: 700;
}
.LeftLine {
	border-left: 2px solid #ffc107;
}
.LeftLine h3,
.LeftLine h2,
.LeftLine li,
.LeftLine p {
	margin-left: 3rem;
}
/* -- News Release, Speech, -- */
h3.ArticleTitle {
	font-size: 1.5rem;
}
/*------- TOP RESPONSIVE IMAGE -------*/
#MainTitleBox .MainTitle {
	-webkit-transform: translate(0, -99%);
	transform: translate(0, -99%);
	width: 100%;
	min-height: 65px;
	background-color: #fff;
}
.NoHeight {
	height: 1px;
}
/*------ RESPONSIVE IMG WITH BOTTOM TITLE ------*/
.home .ContentHomeImg {
	max-width: 1200px;
}
.TitleTextOver {
	-webkit-transform: translate(0, -99%);
	transform: translate(0, -99%);
	background-color: #fff;
	z-index: 20;
}

/*------ BLOCKQUOTE ------*/
.blockquote {
	padding: 2rem 2rem 0 4rem;
	margin: 5rem 0;
	border-left: 5px solid #ffc107;
	text-align: left;
	font-weight: 700;
	color: #003366 !important;
}
.blockquote-footer {
	color: #003366;
	font-size: 1.2rem;
	margin: 1rem 0;
}
/*
blockquote:before {
    background-image:url("../images/quote.svg");
    background-repeat: no-repeat;
    background-position: 100% 60%;
    padding-right: 2rem;
    background-size: 1.5rem;
    display: inline-block;
    width: 2rem;
    height: 3rem;
    content: "";
    position: relative;
    left: -2.75rem;
    margin-right: -2.3rem;
}
blockquote:after {
    background-image: url("../images/quote.svg");
    background-repeat: no-repeat;
    background-position: 100% 60%;
    padding-right: 2rem;
    background-size: 1.5rem;
    display: inline-block;
    width: 2rem;
    height: 1.5rem;
    content: "";
	position: relative;
}
*/
/*------ RESPONSIVE IMAGE WITH OVERLAY TITLE ------*/
/* text overlay */
/* Container */
.imageCaption {
	position: relative;
	text-align: center;
	color: #1a5a95;
}
/* text */
.centered {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
/*------ BUDGET MATERIALS PAGE ------*/
div.upload-links {
	background-color: #eaf8fb !important;
}
a.pdf-link::before {
	content: url("../images/pdficon.png");
	position: relative;
	left: -30px;
	margin-right: -20px;
	top: 4px;
}
.budget-download {
	background-color: #6dceeb;
	padding: 10px 15px 5px;
	overflow: auto;
	display: table-cell;
	display: inline-flex;
	text-align: center;
	max-width: 300px;
}
img.download-icon {
	max-width: 9rem;
	/* min-width: 4rem; */
	/* width: 50%; */
}
.list-item-independant b,
.list-item-dependant b {
	color: #00558c;
	font-weight: 700;
}
.list-item-independant,
.list-item-dependant,
.backgrounder-links {
	list-style: none !important;
	margin: 0.8em 0 0.8em 0;
}
.backgrounder-links {
	margin: 0 0 0 2rem;
}
.upload-links a {
	color: #337ab7;
	text-decoration: none;
}
ul.upload-links {
	font-size: 1rem;
	margin: 0 0 10vh;
	list-style: none !important;
}
a.budget-download.highlights {
	color: #ffffff;
}
h4.card-title {
	font-size: 1.4rem;
}
/*------ FOOTER ------*/
#blue-footer h4,
#blue-footer p {
	color: #ffffff;
}
#blue-footer p {
	font-size: 1rem;
	font-weight: 400;
}
#blue-footer {
	background-color: #5475a7;
	color: white !important;
	width: 100%;
}
#blue-footer .ContentBox {
	padding: 2rem 3rem;
}
#blue-footer .icon-footer {
	display: block;
	margin: 2rem 0;
	height: 90px;
}
#blue-footer h4.title {
	font-weight: 400;
	font-size: 1.8rem;
}
#blue-footer h4 {
	font-weight: 700;
	font-size: 1.1rem;
}
#blue-footer .YellowLine {
	width: 100%;
	background-color: #fcba19;
	height: 3px;
}
#blue-footer .BlueLine {
	width: 100%;
	background-color: #003366;
	height: 35px;
}
/*------ NAVIGATION ELEMENTS ------*/
/*--Generic Btn--*/
.BtnDefault {
	border: 2px solid #003366;
	border-radius: 5px;
	font-size: 1rem;
	padding: 0.4rem 1.8rem;
	margin: 5px 5px 10px 0px;
}
.BtnDefault:hover {
	background-color: #003366;
	color: #fcba19 !important;
	text-decoration: none;
}
/*--long Btn--*/
.BtnLong {
	border: 2px solid #003366;
	border-radius: 5px;
	color: #003366;
	font-size: 1rem;
	padding: 0.4rem 1rem;
}
.BtnLong:hover {
	background-color: #003366;
	color: #fcba19;
}
/*--Generic Btn--*/
.BtnRight {
	border: 2px solid #003366;
	border-radius: 5px;
	color: #003366;
	font-size: 1rem;
	padding: 0.4rem 1.4rem;
	margin-bottom: 0rem !important;
	margin-left: 1.25rem;
}
.BtnRight:hover {
	background-color: #003366;
	color: #ffc107;
}

/*-- COLLAPSIBLE MENU --*/
.nav-link {
	padding: 0.7rem 0;
}
.nav-link:hover {
	background-color: #efefef;
}
/*------ PDF PAGES ------*/
/*-- crownserviceplans --*/
.crown-service-plans li {
	color: #337ab7;
	display: block;
	clear: both;
	padding: 10px 0px 0;
	font-size: 1rem;
}
.crown-service-plans li a {
	color: #337ab7;
}
.themePromoBox .pdfu {
	display: block;
	float: left;
	margin: 0px;
	padding: 3px 10px 0px 0 !important;
	max-width: 16px !important;
	box-sizing: content-box;
}
.PdfLeftLine {
	border-left: 2px solid #ffc107;
}
.PdfLeftLine li {
	margin-left: 3rem;
}
li.listingpage {
	color: #303030;
}
.listingpage a {
	color: #337ab7;
	text-decoration: underline;
}
/*-- crown_exempt --*/
.GreyIntro h1 span {
	color: #003366;
}
.Exemptions li {
	line-height: 2rem;
}
/*-- speech --*/
ul.speech li {
	font-size: 1.1rem;
}

/*a.access-link::after {
	content: url('images/accessible-icon-small-01.png');
	position: relative;
	right: -4px;
	top: 7px;
	min-height: 32px;
}*/

.divider {
    margin-top:7px;
}
.blueBar {
	background-color: #003366;
	color: white;
	border-radius: 10px;
	padding-top: 15px;
	padding-left: 15px;
	padding-bottom: 20px;
	padding-right: 15px;
}
.blueBar p {
	color: #fff;
}
.blueBar a.button {
	display:inline-block;
	border: 2px solid #fcba19;
	color: #fff;
	background-color: #003366;
	border-radius: 5px;
	font-size: 16px;
	text-align: center;	
	padding: 10px; 
}
.blueBar a.button:hover {
	background-color: #fcba19;
	color: #013366;
}

 a[data-hs-anchor="true"] {   
   display: block; 
   position: relative; 
   visibility: hidden; 
   top: -114px;  
}
div#StrategicPlan .card,
div#BudgetSpeech .card,
div#MediaPresentation .card {
	border: 2px solid #003366;
	border-radius: 10px;
	overflow: hidden;
}
div#StrategicPlan .card img,
div#BudgetSpeech .card img {
	object-fit: cover;
}
#side-menu-list h2 {
	margin-left: 15px;
}
/* ------- Accessibility fixes ------- */
:focus-visible {
	outline: 2px solid;
	outline-offset: 2px;
	border-radius: 2px;
}
/* Fix for scaled font in iOS landscape */
html {
    -webkit-text-size-adjust: 100%; 
}
#grey-section img {
	border-radius: 10px;
}
.panel {
	padding: 20px;
	margin-top: 0.5em;
}
#leftNav {
	margin-top: 1em;
}
li.menu-item {
	color: #003366;
	padding: 0.7rem 1rem;
	border: 1px solid transparent;
	width: 100%;
}
li.menu-item a {
	color: #003366;
}
li.menu-item.active {
	background: #DDD;
}
.container {
	padding-top: 1em;
}
[data-tooltip],
.tooltip {
  position: relative;
  cursor: pointer;
}
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: 
    opacity 0.2s ease-in-out,
    visibility 0.2s ease-in-out,
    -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -moz-transition:    
    opacity 0.2s ease-in-out,
    visibility 0.2s ease-in-out,
    -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition:         
    opacity 0.2s ease-in-out,
    visibility 0.2s ease-in-out,
    transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 10px;
  width: 250px;
  background-color: #333;
  /*background-color: hsla(0, 0%, 20%, 0.9);*/
  color: #fff;
  content: attr(data-tooltip);
  font-size: 15px;
  font-weight: normal;
  line-height: 1.4;
  border-radius: 5px;
}

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
  bottom: 100%;
  left: 50%;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #000;
  border-top-color: hsla(0, 0%, 20%, 0.9);
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
  margin-left: -80px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform:    translateY(-12px);
  transform:         translateY(-12px); 
}

/* Left */
.tooltip-left:before,
.tooltip-left:after {
  right: 100%;
  bottom: 50%;
  left: auto;
}

.tooltip-left:before {
  margin-left: 0;
  margin-right: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-left-color: #000;
  border-left-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
  -webkit-transform: translateX(-12px);
  -moz-transform:    translateX(-12px);
  transform:         translateX(-12px); 
}

/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after {
  top: 100%;
  bottom: auto;
  left: 50%;
}

.tooltip-bottom:before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #000;
  border-bottom-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
  -webkit-transform: translateY(12px);
  -moz-transform:    translateY(12px);
  transform:         translateY(12px); 
}

/* Right */
.tooltip-right:before,
.tooltip-right:after {
  bottom: 50%;
  left: 100%;
}

.tooltip-right:before {
  margin-bottom: 0;
  margin-left: -12px;
  border-top-color: transparent;
  border-right-color: #003366;
  /*border-right-color: hsla(0, 0%, 20%, 0.9);*/
}

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
  -webkit-transform: translateX(12px);
  -moz-transform:    translateX(12px);
  transform:         translateX(12px); 
}

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before,
.tooltip-right:before {
  top: 3px;
}

/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after {
  margin-left: 0;
  margin-bottom: -16px;
}
a.tooltip-right:focus {
	outline: none;
} 
.card {
	text-align: center;
	font-weight: bold;
	
}
.card img {
	margin-bottom: 10px;
}
.card-deck {
	margin-bottom: 2em;
	margin-top: 1em;
	margin-left: 0px;
}
.amendments {
	min-height: 75vh !important;
}
.amendments img {
	border-radius: 10px;
	vertical-align: middle;
}