@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.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;
}