@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;600;700;800;900&family=Roboto:wght@300;400;500;700;900&display=swap');
@import url("style.min.css");

/* doesn't seem to be necessary any more
a[id^=anchor] {
	display:initial;
}
*/

/* doesn't seem to be necessary any more
a:hover:not(.nav-link), a:focus:not(.nav-link)
a.btn:hover, a.btn:focus,
a.badge-info:hover, a.badge-info:focus {
	color: white;
}
*/




header#page-header ~ .breadcrumbs-responsive ul,
header#page-header ~ .breadcrumbs-responsive li {
	list-style: none;
	font-size: 0.8125rem;
/*    margin: 0;
	padding: 0;*/
}

header#page-header ~ .breadcrumbs-responsive li {
	display: inline-block;
}

	header#page-header ~ .breadcrumbs-responsive li:after {
		content: '>';
		padding: 0 0.3125rem;
	}

	header#page-header ~ .breadcrumbs-responsive li:last-child:after {
		display: none;
	}

	header#page-header ~ .breadcrumbs-responsive li a:hover {
		color: #005695;
		text-decoration: underline;
	}

/* Michael McNabb 20220323, moved from custom-a.css - need for now for module controls... */
.wrapper {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  max-width: 1200px; }

.wrapper:before,
.wrapper:after {
  display: table;
  content: ' '; }

.wrapper:after {
  clear: both; }


/* Michael McNabb 20220323, restore a:hover */
a:hover {
	-text-decoration: revert;
}

/* Michael McNabb 20220324, no underline for contact "buttons"  */
ul.banner-contact-list a:not(:hover) {
	-text-decoration: none;
}

/* Michael McNabb 20220623, need to have something to indicate links! */
.ServiceContent a,
.plain-link-underline a,
.plain-link-hover-underline a:hover,
p a:hover:not(.btn-style),
p a:not(.btn-style) {
	text-decoration: revert;
	overflow-wrap: break-word; /* need to wrap long links */
}

/* Michael McNabb 20220323, need a different color when green or blue brackground */
.pageBanner-section p a:hover,
.pageBanner-section p a,
.permit-tips-section p a:hover,
.permit-tips-section p a {
	color: var(--light);
}


/* Michael McNabb 20220324, no underline for circle-arrow-list */
ul.circle-arrow-list a:hover,
ul.circle-arrow-list a,
ul.banner-contact-list a:hover,
ul.banner-contact-list a {
	text-decoration: none;
	-color:unset;
}

/* Michael McNabb 20220411, use font awesome download icon */
body:not([class^=IE]) .icon-download:before {
	content: "\f019"/"Download";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	display: inline-block;
}

.icon-download:before {
	content: "\f019";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	display: inline-block;
}

/* use for long lines that need an ellipsis */
.truncate-line {
	display: -webkit-box !important;
   -webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-width: 100%;
	padding-right: 3rem;
}

/* business guide stuff */
.ServiceContent>a~h1, .ServiceContent>a~h1~br {
	display: none;
}

/* if we separate our ORCA h styles in root.scss then let's not use these either */
/*
.ServiceContent.section-space h1 {font-size: 3rem;font-weight:bold;margin-bottom:1rem;}
.ServiceContent.section-space h2 {font-size: 2.5rem;margin-bottom:1rem;}
.ServiceContent.section-space h3:not(.module-title) {font-size: 2rem;font-weight:100;margin-bottom:1rem;}
.ServiceContent.section-space h4 {font-size: 1.75rem;margin-bottom:1rem;}
.ServiceContent.section-space h5 {font-size: 1.5rem;margin-bottom:1rem;}
.ServiceContent.section-space h6 {font-size: 1.25rem;margin-bottom:1rem;}
*/

/* this is the payroll calculators which don't quite fit on my android phone and need to be tweaked */
@media (max-width: 480px) {
	.ServiceContent .ng-scope table tr td:nth-child(4) *, .ServiceContent .ng-scope table tr td:nth-child(4) {
		max-width: 3.5rem;
		white-space: nowrap;
	}

	.ServiceContent .ng-scope table tr td:nth-child(1), .ServiceContent .ng-scope table tr td:nth-child(2) {
		padding-left: 0rem;
		padding-right: 0.3rem;
	}
}

/* if HideDefault is false but we still want to hide the default/home page then */
#navbarNavDropdown .navbar-nav:first-child > li:first-child {
	display: none;
}

/* animation rules for a slide into view, used for breaking news at the top to draw attention */
.attention-slide-into-view-RTL {
	--slide-duration: 0.6s;
	/* Speed of slide */
	--slide-delay: 0s;
	/* Delay before starting */
	position: relative;
	animation: slide-in-rtl var(--slide-duration) ease-out var(--slide-delay) forwards;
	transform: translateX(110%);
	-opacity: 0;
}

@keyframes slide-in-rtl {
	to {
		transform: translateX(0);
		-opacity: 1;
	}
}