/* embed font rather than loading from link tag */
@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");
/*---------------------------------------------*/
/*          start of root style sheet          */
/*---------------------------------------------*/
:root {
  /*----------------------------*/
  /*-       Primary Color      -*/
  /*----------------------------*/
  --tBlue-color: #005FAE;
  --tBlue-color2: #034C88;
  --tlightBlue-color: #E5F3FF;
  --tGreen-color: #8DC63F;
  --tdGreen-color: #3EAF3F;
  --tlightGreen-color: #E8F5D5;
  --tdarkVoilet-color: #211A36;
  --ttext-grey-color: #C4C4C4;
  /*----------------------------*/
  /*-     Background Color     -*/
  /*----------------------------*/
  --darkBlue-color: #16315E;
  --darkGreen-color: #5C7B43;
  --darkCyan-color: #28757A;
  --cyan-color: #00949E;
  --darkVoilet-color: #564A7B;
  --voilet-color: #6F5C8F;
  --darkGrey-color: #525C64;
  --grey-color: #808080;
  --light-grey: #f8f8f8;
  --light-grey2: #f8f8f8;
  --purple-grey: rgb(113.36, 109.2, 124.8);
  /*----------------------------*/
  /*-   Social Network Color   -*/
  /*----------------------------*/
  --facebook-color: #1877F2;
  /*----------------------------*/
  /*-       Font Family        -*/
  /*----------------------------*/
  --roboto: "Roboto", sans-serif;
  --roboto-slab: "Roboto Slab", serif;
  /*----------------------------*/
  /*-      Gradiant Color      -*/
  /*----------------------------*/
  --grad-color: linear-gradient(90deg, #16BECE 5.76%, #61BB47 76.01%);
  /*----------------------------*/
  /*- Bootstrap 5 color vars   -*/
  /*- offer better contrast    -*/
  /*----------------------------*/
  --bs-link-color: rgb(1.9713114754, 97.5799180328, 238.5286885246);
  --bs-green: #8DC63F;
  /* override bootstrap 4.6 red/warning color - darker as a foreground for contrast issues */
  --red:#c00000;
  --warning:#c00000;
}

/*----------------------------------------------------------------------*/
/*-------------------------Typography Style-----------------------------*/
/*----------------------------------------------------------------------*/
body {
  font-family: var(--roboto);
}

/*
	Use ORCA's overrides for h tags only when not tablet or mobile and in .section-space [and not .module-type-servicecontent or not .module-type-webifydocuments]
*/
body:not(.device-tablet):not(.device-mobile) .section-space:not(.module-type-servicecontent):not(.module-type-webifydocuments) h1, body:not(.device-tablet):not(.device-mobile) .section-space:not(.module-type-servicecontent):not(.module-type-webifydocuments) h2, body:not(.device-tablet):not(.device-mobile) .section-space:not(.module-type-servicecontent):not(.module-type-webifydocuments) h3, body:not(.device-tablet):not(.device-mobile) .section-space:not(.module-type-servicecontent):not(.module-type-webifydocuments) h4, body:not(.device-tablet):not(.device-mobile) .section-space:not(.module-type-servicecontent):not(.module-type-webifydocuments) h5, body:not(.device-tablet):not(.device-mobile) .section-space:not(.module-type-servicecontent):not(.module-type-webifydocuments) h6 {
  font-weight: 400;
  line-height: normal;
}
body:not(.device-tablet):not(.device-mobile) .section-space:not(.module-type-servicecontent):not(.module-type-webifydocuments) h1 {
  font-size: 6rem;
  letter-spacing: -1.5px;
}
body:not(.device-tablet):not(.device-mobile) .section-space:not(.module-type-servicecontent):not(.module-type-webifydocuments) h2 {
  font-size: 4.25rem;
  letter-spacing: -0.5px;
}
body:not(.device-tablet):not(.device-mobile) .section-space:not(.module-type-servicecontent):not(.module-type-webifydocuments) h3 {
  font-size: 3rem;
}
body:not(.device-tablet):not(.device-mobile) .section-space:not(.module-type-servicecontent):not(.module-type-webifydocuments) h4 {
  font-size: 2.125rem;
  letter-spacing: 0.25px;
}
body:not(.device-tablet):not(.device-mobile) .section-space:not(.module-type-servicecontent):not(.module-type-webifydocuments) h5 {
  font-size: 1.5rem;
}
body:not(.device-tablet):not(.device-mobile) .section-space:not(.module-type-servicecontent):not(.module-type-webifydocuments) h6 {
  font-size: 1.25rem;
  letter-spacing: 0.15px;
}

p {
  line-height: 1.4;
}

/*---------------------------------------------*/
/*           end of root style sheet           */
/*---------------------------------------------*/
html {
  scroll-behavior: smooth;
  scroll-padding-top: 120px; /* general height of fixed navigation bar, makes anchor/hash links scroll to right location */
}

html .device-tablet,
html .device-mobile {
  /* Michael McNabb 20220803, supposedly disables font boosting (aka autosizing) on android chrome. Also known as font inflation in firefox */
  /* font scale only when initial-scale is not 1, for example <meta name='viewport' content='width=device-width, initial-scale=1.01' /> */
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
}

/* Michael McNabb 20220803, this does disable font boosting (aka autosizing) on android chrome. Also known as font inflation in firefox */
html .device-tablet .section-space p,
html .device-tablet .section-space ul,
html .device-tablet .page-top-banner .list-style,
html .device-mobile .page-top-banner .list-style {
  max-height: 999999px;
}

/* Michael McNabb 20230324, this causes anchors in FAQ to have spacing - do we need this? YES WE DO FOR LANDING PAGE LINKS -- see below */
/*a {
	display: inline-block;
}*/
a:hover {
  text-decoration: none;
}

/* Michael McNabb 20220324, this fixes the main oria landing page links */
.info-fast-section a {
  display: inline-block;
}

button {
  cursor: pointer;
  border: none;
}

button:focus {
  outline: none;
  box-shadow: none;
}

.section-space {
  /*padding: 100px 0px;*/
  padding-top: 100px;
  padding-bottom: 100px;
}

.grad-txt {
  /*background: var(--grad-color);*/
  color: var(--tlightBlue-color);
  /*-webkit-text-fill-color: transparent;*/
  /*-webkit-background-clip: text;*/
}

.object-fit-cover, .object-fit-contain {
  display: block;
  width: 100%;
  object-position: center;
}

.object-fit-cover {
  object-fit: cover;
}

.object-fit-contain {
  object-fit: contain;
}

.list-style {
  margin: 0;
  padding: 0;
  overflow-wrap: break-word;
}

.list-style li {
  list-style: none;
  padding-left: 1.6rem;
}

.btn-style {
  background: var(--tGreen-color);
  /*color: #ffffff;*/
  color: black;
  font-weight: 500;
  padding: 12px 24px;
  border-radius: 5px;
  display: inline-block;
  transition-duration: 0.3s;
  white-space: nowrap; /* Michael McNabb 20220223, don't wrap the buttons, mosty applies to the Contact Us button at top */
  text-decoration: none;
}

.btn-style:hover {
  opacity: 0.8;
  /*color: #ffffff;*/
}

.btn-icon i, .btn-icon img {
  margin-left: 15px;
  /* Michael McNabb 20220223, doesn't seem to be necessary */
  /* width: 20px;
  height: 20px;
  object-fit: contain;
  object-position: center;*/
}

.round-arrow-btn {
  width: 40px;
  height: 40px;
  display: inline-block;
  text-align: center;
  line-height: 35px;
  border: 2px solid;
  border-radius: 50%;
  object-fit: contain;
  object-position: center;
  flex-shrink: 0;
}

.round-arrow-btn img {
  max-width: 17px;
  height: 12px;
}

/*section {
	position: relative;
}*/
.light-grey {
  background: var(--light-grey) !important;
}

.pcolor2, .lia-content-button p, .lia-bus-box .bullet-list li, .pcolor {
  color: var(--darkBlue-color) !important;
}

.facebook-bg {
  background: var(--facebook-color);
}

.link-icon img {
  width: 15px;
  height: 10px;
  object-fit: contain;
  object-position: center;
  margin-left: 10px;
}

.cm-tooltip {
  position: relative;
}

.cm-tooltip-content {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  border-radius: 5px;
  border: 1px solid rgb(184.75, 184.75, 184.75);
  color: #000000;
  font-size: 0.75rem;
  padding: 12px;
  z-index: 999;
  background: white;
  min-width: 300px;
  display: none;
}

.cm-tooltip-content:before {
  content: "\f0d8";
  color: white;
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  font-size: 28px;
  position: absolute;
  top: -27px;
  left: 50%;
  text-shadow: -1px -1px 0 #ccc, 1px -1px 0 #ccc;
  transform: translateX(-50%) scaleY(1.5);
}

.cm-tooltip:hover .cm-tooltip-content {
  display: block;
}

/*-----------------------------*/
/*        Header Section       */
/*-----------------------------*/
.nav-logo-left {
  line-height: 0;
}

.navbar-brand {
  padding: 0px;
}

.navbar-brand img {
  /* 20220511, MT requested larger icon */
  /*width: 175px;
  height: 60px;*/
  width: auto;
  height: 3.3em;
}

.navbar-right, .nav-collapse-out {
  display: flex;
  align-items: center;
}

.nav-collapse-out {
  width: 11.5rem;
}

@media (min-width: 320px) and (max-width: 575px) {
  .nav-collapse-out {
	width: 10rem;
  }
}
.header-mr-tp {
  margin-top: 98px; /* Michael McNabb 20220627, added my-2 around logo making navigation section taller */
}

.mob-logo {
  display: none;
}

.search-modal {
  position: relative;
  background: unset;
  border: none;
}

.search-modal .close {
  /* Michael McNabb 20220223, doesn't seem to be necessary */
  /*position: absolute;
  right: -5px;
  top: -5px;*/
  background: #ffffff;
  opacity: 1;
  color: var(--tGreen-color);
  width: 25px;
  border-radius: 50%;
  box-shadow: 0px 4px 14px rgba(141, 198, 63, 0.7);
}

.search-box {
  padding: 30px;
}

/* Michael McNabb 20220223, re-rule...  */
/*.search-box input {*/
.search-box .search-box-icon {
  width: 100%;
  height: 40px;
  border: none;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  margin-bottom: 15px;
  padding: 10px 10px 10px 40px;
  background: white;
}

.search-box input:focus {
  outline: none;
  box-shadow: none;
  border: none;
}

.search-box-icon {
  position: relative;
}

/* Michael McNabb 20220223, use font awesome search icon instead of image */
.search-box-icon img,
.search-box .fa-search {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 8px;
  left: 10px;
  opacity: 0.3;
  font-size: 1.5rem;
}

.search-box .btn-style {
  width: 100%;
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.5);
}

.scrolltop-top {
  position: fixed;
  z-index: 1;
  right: 0;
  bottom: 0.5rem;
  /*padding-right: 0rem;*/
  /*padding-bottom: 2rem;*/
}

.scrolltop-top button {
  color: var(--tGreen-color);
  padding: 0;
  margin: 0;
  background-color: transparent;
  transition-duration: 0.3s;
  transition-property: opacity;
  /* font-size: 0.8em; */
  transform: scale(0.7);
  border-radius: 50%;
  text-shadow: 0px 5px 15px rgba(141, 198, 63, 0.7);
}

/*-----------------------------*/
/*       Banner Section        */
/*-----------------------------*/
.page-top-banner {
  padding: 60px 0px;
}

.pageBanner-section {
  /*background: var(--tBlue-color2);*/
  background: var(--darkBlue-color);
}

.bannerLeft-column {
  padding-right: 70px;
}

.banner-lg-title {
  font-size: 3rem;
  font-weight: 500;
  line-height: 3.5rem;
}

.banner-img img {
  height: 435px;
  border-radius: 5px;
}

.banner-contact-list {
  margin-top: 25px;
}

.banner-contact-list li {
  background: var(--tGreen-color);
  padding: 0;
  font-weight: 500;
  border-radius: 5px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}

.banner-contact-list li:last-child {
  margin-right: 0px;
}

/* Michael McNabb 20220614, green buttons need dark text */
.banner-contact-list li a {
  /*color: #ffffff;*/
  color: var(--darkBlue-color);
  text-decoration: none;
  padding: 10px 12px;
  display: inline-block;
}

/* Michael McNabb 20220614, green buttons in green banner need white text - still not contrasty enough though */
.pageBanner-section2.banner-green .banner-contact-list li a {
  color: #ffffff;
}

/*-----------------------------*/
/*     Banner Key Section      */
/*-----------------------------*/
.banner-key-feature {
  box-shadow: 0px 4px 64px 0px rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.95);
  padding-top: 40px;
  padding-bottom: 40px;
  border-radius: 5px;
}

/* 20220511, replaced rule so we don't get vertical separator bar between columns when its a LI */
.banner-key-feature > div.row > [class*=col]:before {
  /*.banner-key-feature [class*=col]:before {*/
  content: "";
  display: inline-block;
  width: 2px;
  height: 100%;
  background: #000000;
  opacity: 0.1;
  position: absolute;
  right: 0px;
  top: 0;
}

@media (max-width: 768px) {
  .banner-key-feature > div.row > [class*=col]:before {
	display: none;
  }
}
.banner-key-feature div.row [class*=col]:last-child:before {
  content: unset;
}

.banner-key-feature div.row [class*=col]:nth-child(1) .ban-keyFeature-box .round-arrow-btn, div.row [class*=col]:nth-child(1) .ban-keyFeature-box {
  color: var(--darkVoilet-color);
}

.banner-key-feature div.row [class*=col]:nth-child(2) .ban-keyFeature-box .round-arrow-btn, div.row [class*=col]:nth-child(2) .ban-keyFeature-box {
  color: var(--darkGreen-color);
}

.banner-key-feature div.row [class*=col]:nth-child(3) .ban-keyFeature-box .round-arrow-btn, div.row [class*=col]:nth-child(3) .ban-keyFeature-box {
  color: var(--darkCyan-color);
}

.ban-keyFeature-box h5 {
  font-weight: 700;
  margin-bottom: 15px;
}

.ban-keyFeature-box p {
  margin-bottom: 0px;
}

.round-arrow-btn .fas.fa-arrow-right {
  font-size: 1rem;
  vertical-align: middle;
  transform: scaleY(0.7) scaleX(1.3);
}

/*-----------------------------*/
/*      Info Fast Section      */
/*-----------------------------*/
.info-fast-section {
  background: var(--tBlue-color2);
  padding-top: 70px;
}

.sec-title {
  color: #ffffff;
  margin-bottom: 50px;
}

.info-f-title {
  color: whitesmoke;
  margin-bottom: 20px;
}

.info-f-column .list-style li {
  margin-bottom: 1rem;
}

.info-f-column .list-style li:last-child {
  margin-bottom: 0px;
}

.info-f-column .list-style li a {
  color: whitesmoke;
  width: 100%;
}

delete.circle-arrow-list a {
  position: relative;
}

.circle-arrow-before-list a:before,
.circle-arrow-list a:before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  font-size: 0.8em;
  background-color: var(--tGreen-color) !important;
  color: white;
  width: 20px;
  height: 20px;
  display: inline-flex;
  border-radius: 50%;
  position: absolute;
  justify-content: center;
  align-items: center;
  padding-left: 1px;
  margin-left: -1.6rem;
}

/* michael mcnabb 20220419, */
delete.circle-arrow-list li a:after {
  margin-right: 0px; /* michael mcnabb 20220419, because of above -35px margin messes up list item links and circle arrow */
}

.circle-arrow-before-list.green-arrow-bg a,
.circle-arrow-list.green-arrow-bg a {
  color: var(--darkGreen-color);
}

.circle-arrow-list.green-arrow-bg a:before,
.circle-arrow-list.green-arrow-bg a:after {
  background: var(--darkGreen-color);
}

/* 20220511, added to support managment team request for leading disc+chevron */
.circle-arrow-before-list.green-arrow-bg a:before {
  background: var(--darkGreen-color);
}

.circle-arrow-before-list.grey-arrow-bg a:before {
  background: var(--ttext-grey-color);
}

.pageBanner-section.banner-green .circle-arrow-list a:before {
  background: var(--ttext-grey-color);
}

.info-f-column .list-style.circle-arrow-list a:before,
.info-f-column .list-style.circle-arrow-list a:after {
  /*    position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);*/
  background: var(--ttext-grey-color);
}

/*-----------------------------*/
/*Guidanance Knowledge Section */
/*-----------------------------*/
.icon-bg-design {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 32%;
}

.sec-title2, h3.module-title {
  color: var(--darkBlue-color);
  margin-bottom: 30px;
}

.guide-ks-left-col .sec-title2, .guide-ks-left-col h3.module-title {
  margin-bottom: 0px;
}

.guide-ks-content {
  position: relative;
  padding-right: 85px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 25px;
  padding-bottom: 25px;
  opacity: 0.75;
}

.guide-ks-content:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: none;
}

.guide-ks-content h5 {
  margin-bottom: 10px;
  font-weight: 700;
}

.guide-ks-content p {
  margin-bottom: 0px;
}

.guide-ks-content h5, .guide-ks-content p, .guide-ks-content .round-arrow-btn {
  color: var(--tdarkVoilet-color);
}

.guide-ks-content .round-arrow-btn {
  position: absolute;
  top: 10px;
  right: 0;
}

/*-----------------------------*/
/*     Think Grow Section      */
/*-----------------------------*/
.think-grow-section {
  color: #ffffff;
}

.think-grow-section {
  background: var(--voilet-color);
}

.think-img {
  height: 500px;
  margin-bottom: 40px;
}

.think-grow-section p {
  margin-bottom: 30px;
}

/*-----------------------------*/
/*     Info Envorn Section     */
/*-----------------------------*/
.env-left-column img {
  height: 500px;
}

.env-left-column .list-style.circle-arrow-list li,
.env-right-column .list-style.circle-arrow-list li {
  margin-bottom: 15px;
}

.env-left-column .list-style.circle-arrow-list li:last-child,
.env-right-column .list-style.circle-arrow-list li:last-child {
  margin-bottom: 0px;
}

.env-right-column {
  padding-left: 50px;
}

.env-right-column p {
  margin-bottom: 30px;
}

/*-----------------------------*/
/*       Question Section      */
/*-----------------------------*/
.time-sec {
  margin: 0;
  text-transform: uppercase;
  font-size: 1rem;
}

.ques-contact-list {
  margin-top: 35px;
  margin-bottom: 60px;
}

.ques-contact-list li {
  display: inline-block;
}

.ques-contact-list li:last-child {
  margin-right: 0px;
}

.ques-contact-list li a {
  color: var(--tGreen-color);
}

.ques-contact-list li a span {
  display: block;
  text-decoration: none;
  font-size: 1rem;
  margin-bottom: 15px;
}

.ques-feedback-section a {
  color: var(--tGreen-color) !important;
}
.ques-feedback-section a:before {
  background-color: var(--tGreen-color) !important;
}

/*-----------------------------*/
/*        Footer Section       */
/*-----------------------------*/
.footer-section {
  background: var(--darkBlue-color);
  color: #ffffff;
  padding: 5em 0 1em;
}

.footer-widget-title {
  font-weight: 700;
  margin-bottom: 20px;
}

.footer-widget .list-style li {
  margin-bottom: 0.5rem;
  padding: 0;
}

.footer-widget li a {
  color: #ffffff;
  font-weight: 400;
}

.copyright-sec {
  margin-top: 2em;
  font-weight: 400;
  font-size: 0.75rem;
}

.footer-logo-block p {
  line-height: normal;
  font-size: 0.8em;
}

.footer-logo-block p:first-child {
  font-size: 0.6em;
}

.footer-logo {
  height: 4.5em;
  width: 7.2em;
  object-fit: cover;
  object-position: left;
}

.footer-social-link li {
  display: inline-block;
}

.footer-social-link li:last-child {
  margin-right: 0px;
}

/*------------------------------------------------------------------------------------------------*/
/*                                       Business Page                                            */
/*------------------------------------------------------------------------------------------------*/
.pageBanner-section2 {
  background: #ffffff;
}

.pageBanner-section .banner-lg-title,
.pageBanner-section2 .banner-lg-title {
  margin-bottom: 25px;
}

.top-sub-title {
  margin-bottom: 10px;
  text-transform: uppercase;
}

.banner-voilet {
  background: var(--darkVoilet-color);
}

.pageBanner-section2.banner-voilet .banner-contact-list li {
  background: #6C628A;
}

/*-----------------------------*/
/*    Business Guide Section   */
/*-----------------------------*/
.section-space.business-guide {
  padding-top: 65px;
}

.guidance-lang {
  margin-top: 20px;
}

.guidance-lang li {
  /*display: inline-block;*/
  margin-right: 30px;
  margin-bottom: 20px;
}

.guidance-lang li:nth-child(even) {
  margin-right: 0px;
}

.businessGuide-leftCol {
  padding-right: 80px;
}

.bg-logo {
  max-width: 75px;
  height: 55px;
  margin-bottom: 10px;
}

.businessGuide-leftCol p:last-child {
  margin-bottom: 0px;
}

/*-----------------------------*/
/*Small Business Guide Section */
/*-----------------------------*/
.link-txt-box {
  background: var(--tlightGreen-color);
  width: 100%;
  height: calc(100% - 30px);
  padding: 25px 75px 25px 30px;
  position: relative;
  margin-bottom: 30px;
  min-height: 6rem; /* michael mcnabb 20220517, need minimum height becuase on v3 oria we sometimes have a line "buttons" */
  text-align: left;
}

.link-txt-box h6 {
  font-weight: 700 !important;
  font-size: 1rem !important;
  margin-bottom: 10px !important;
}

.link-txt-box h6, .link-txt-box p {
  color: var(--darkBlue-color);
}

.link-txt-box p {
  margin-bottom: 0px;
}

.link-txt-btn {
  position: absolute;
  top: 30px;
  right: 25px;
  color: var(--darkBlue-color) !important;
}

.link-txt-box.cm-tooltip .cm-tooltip-content {
  left: 55%;
  top: 90%;
}

/*-----------------------------*/
/*   Small Business Liaisons   */
/*-----------------------------*/
.lia-bus-box {
  height: 100%;
  padding: 30px;
}

.lia-bus-box h5 {
  margin-bottom: 30px;
  font-weight: 500;
  color: var(--darkBlue-color);
}

.bullet-list li {
  margin-bottom: 25px;
  padding-left: 45px;
  position: relative;
}

.bullet-list li:last-child {
  margin-bottom: 0px;
}

.bullet-list.check-list-icon li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  font-weight: bold;
  color: white;
}

.bullet-list li:before {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: var(--tdGreen-color);
  border-radius: 50%;
  text-align: center;
  line-height: 32px;
  position: absolute;
  left: 0;
  top: 0;
}

ul.bullet-list.check-list-icon a.link {
  color: var(--purple-grey);
}

.lia-content-button {
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.lia-content-button:last-child {
  border-bottom: none;
}

.lia-content-button p {
  margin-bottom: 0px;
}

/*-----------------------------*/
/*          FAQ Section        */
/*-----------------------------*/
/* Michael McNabb 20220324, we are using bootstrap accordion reset background to look like ORCA */
.faq-section .accordion .card {
  background: unset !important;
  border: unset;
}

.faq-section .accordion .card,
.cm-accord {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.faq-section .accordion .card:last-child,
.cm-accord:last-child {
  border-bottom: none;
}

.faq-section .accordion .card .card-header .lead { /* Michael McNabb 20220324, FAQ module uses lead css class lets define in FAQ to look like ORCA */
  font-weight: 400;
}

.faq-section .accordion .card .card-header,
.cm-accord-link button {
  background: unset !important; /* Michael McNabb 20220324, make important */
  padding: 20px 0px 20px 0px; /* 20px 30px 20px 0px;*/ /* Michael McNabb 20220425, remove right padding to make look like ORCA */
  width: 100%;
  text-align: left;
  color: var(--darkBlue-color);
  transition-duration: 0.3s;
  position: relative;
  border: none; /* Michael McNabb 20220512, remove any border around the question/header block so it looks like ORCA */
}

.faq-section .accordion .card .card-header.collapsed,
.cm-accord-link button.collapsed {
  color: var(--purple-grey);
}

.faq-section .accordion .card .card-body,
.cm-accord-content {
  padding: 5px 0px 25px;
  color: var(--purple-grey);
}

/* Michael McNabb 20220324, use same chevron but rotate it so that animation can work */
.accordion .card-header .card-header-indicator {
  font-family: "Font Awesome 5 Free";
  padding: 0;
  margin: 0;
  font-weight: bold;
  line-height: normal;
  font-size: 1rem;
}

.accordion .card-header.collapsed .card-header-indicator:after {
  transform: rotate(-180deg);
}

.accordion .card-header .card-header-indicator:after {
  content: "\f077";
  display: inline-block;
  transition-duration: 0.3s;
}

/*------------------------------------------------------------------------------------------------*/
/*                                     Permitting Page                                            */
/*------------------------------------------------------------------------------------------------*/
.banner-green {
  background: var(--darkGreen-color);
}

.pageBanner-section2.banner-green .banner-contact-list li {
  background: rgba(65.5854126679, 65.5854126679, 65.5854126679, 0.2);
}

.pageBanner-section .banner-desc.op-light,
.pageBanner-section2 .banner-desc.op-light {
  font-weight: 500;
}

.pageBanner-section .circle-arrow-list.green-arrow-icon li,
.banner-green .circle-arrow-list.green-arrow-icon li,
.bannerLeft-column .circle-arrow-list.green-arrow-icon li {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.pageBanner-section .circle-arrow-list.green-arrow-icon a,
.banner-green .circle-arrow-list.green-arrow-icon a,
.bannerLeft-column .circle-arrow-list.green-arrow-icon a {
  color: #ffffff;
}

.pageBanner-section .circle-arrow-list.green-arrow-icon a:after,
.banner-green .circle-arrow-list.green-arrow-icon a:after,
.bannerLeft-column .circle-arrow-list.green-arrow-icon a:after {
  background: #ffffff;
  color: var(--tGreen-color);
}

/*-----------------------------*/
/*         Permit Tips         */
/*-----------------------------*/
.permit-img {
  height: 585px;
}

.permit-tips-section {
  background: var(--darkGreen-color);
}

/*------------------------------------------------------------------------------------------------*/
/*                                     Government Page                                            */
/*------------------------------------------------------------------------------------------------*/
.pageBanner-section2.pageBanner-icon {
  padding-bottom: 70px;
}

.banner-cyan {
  background: var(--darkCyan-color);
}

.pageBanner-section2.pageBanner-icon .page-top-banner {
  padding-bottom: 75px;
}

.bannerRight-column.banner-img-icon {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-30%);
  opacity: 0.1;
}

.banner-key-feature.banner-key-list {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 15px;
}

.bannerRight-column.banner-img-icon img {
  height: 335px;
  width: 100%;
  object-position: right;
}

.banner-key-list .list-style li {
  display: inline-block;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.section-grid-row-25-75-blue {
  background-color: #034C88;
  color: #fff;
}
.section-grid-row-25-75-blue div:nth-child(2) {
  background-color: rgb(3.5503597122, 89.9424460432, 160.9496402878);
}
.section-grid-row-25-75-blue .btn-style {
  color: white;
  background-color: var(--darkGreen-color);
  border-color: var(--darkGreen-color);
}

.page-top-banner .bannerRight-column .banner-img {
  position: relative;
}

.btn-success {
  color: var(--tdarkVoilet-color);
  background-color: var(--bs-green);
  border-color: var(--bs-green);
}
.btn-success:hover {
  background-color: #157347;
  border-color: #146c43;
}

a {
  color: var(--bs-link-color);
}

.breadcrumb {
  background-color: inherit;
  padding: 0;
  text-transform: uppercase;
}

.breadcrumb-item, .breadcrumb-item a, .breadcrumb-item.active {
  color: inherit;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: ">";
  color: inherit;
}

#main-navigation {
  font-size: inherit;
  font-weight: 500;
}

/* compress spacing in top level navigation elements */
#main-navigation .navbar-nav > .nav-item {
  padding: 0px 0px;
}

#main-navigation .btn-style {
  font-size: inherit;
  font-weight: inherit;
}

/*----------------------------------------------*/
/*                                              */
/*     support for square app like buttons      */
/*                                              */
/*----------------------------------------------*/
.square-app-button {
  display: inline-flex;
  align-items: center;
  flex-direction: column;
}

.square-app-button img {
  /*position: relative;*/
  background: #ffc610;
  border-radius: 1rem;
  box-shadow: 2px -2px 3px 0px black inset;
  /*width: 5rem;*/
}

.square-app-button img:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

/*---------------------------------------------*/
/*       start of responsive style sheet       */
/*---------------------------------------------*/
@media (min-width: 1024px) and (max-width: 1024px) {
  .btn-style {
	padding: 10px;
  }
  .btn-icon i, .btn-icon img {
	margin-left: 10px;
  }
  .ques-contact-list li a {
	font-size: 1.875rem;
  }
  .ques-feedback-section {
	padding: 20px;
  }
  .banner-contact-list li {
	padding: 6px 8px;
	margin-right: 5px;
	margin-bottom: 10px;
  }
}
@media (max-width: 1023px) {
  /*
	Use ORCA's overrides for h tags only when not tablet or mobile and in .section-space [and not .module-type-servicecontent or not .module-type-webifydocuments]
  */
  body:not(.device-tablet):not(.device-mobile) .section-space:not(.module-type-servicecontent):not(.module-type-webifydocuments) h1 {
	font-size: 2.875rem;
  }
  body:not(.device-tablet):not(.device-mobile) .section-space:not(.module-type-servicecontent):not(.module-type-webifydocuments) h2 {
	font-size: 2rem;
  }
  body:not(.device-tablet):not(.device-mobile) .section-space:not(.module-type-servicecontent):not(.module-type-webifydocuments) h3 {
	font-size: 1.75rem;
  }
  body:not(.device-tablet):not(.device-mobile) .section-space:not(.module-type-servicecontent):not(.module-type-webifydocuments) h4 {
	font-size: 1.5rem;
  }
  body:not(.device-tablet):not(.device-mobile) .section-space:not(.module-type-servicecontent):not(.module-type-webifydocuments) h5 {
	font-size: 1.25rem;
  }
  body:not(.device-tablet):not(.device-mobile) .section-space:not(.module-type-servicecontent):not(.module-type-webifydocuments) h6 {
	font-size: 1rem;
  }
  .navbar-toggler {
	padding: 0 0.4rem 0px 0px;
	color: #777777;
	font-size: 24px;
	margin-right: 0px;
  }
  .nav-logo-left {
	display: flex;
	align-items: center;
  }
  .section-space {
	padding: 50px 0px;
  }
  /*.banner-key-feature [class*=col]:nth-child(2) .ban-keyFeature-box, .ban-keyFeature-box {
  padding-right: 60px;
  }

  .ban-keyFeature-box .round-arrow-btn {
	right: 0px;
  }*/
}
/*------------------------*/
/*        IPad View       */
/*------------------------*/
@media (min-width: 768px) and (max-width: 1023px) {
  .think-img {
	height: 300px;
  }
  .env-right-column {
	padding-left: 0;
  }
  .env-left-column img {
	height: 435px;
  }
  .page-top-banner {
	padding: 50px 0;
  }
  .bannerRight-column {
	margin-top: 40px;
  }
  .sec-title2, h3.module-title {
	line-height: 38px;
  }
  /* Michael McNabb 20220324, use h2 in content...
  .ques-contact-list li a {
	font-size: 22px;
  }*/
  .time-sec {
	font-size: 0.875rem;
  }
  .ques-contact-list {
	margin-top: 20px;
	margin-bottom: 40px;
  }
  /* Michael McNabb 20221103, too much spacing at narrow width
  .ques-feedback-section {
	padding: 25px;
  }*/
  .footer-section {
	padding: 50px 0px;
  }
  .copyright-sec {
	margin-top: 20px;
  }
  .link-txt-box {
	padding: 20px 60px 20px 20px;
  }
  .link-txt-btn {
	right: 20px;
  }
  .lia-bus-box h5 br {
	display: none;
  }
  .lia-content-button p {
	margin-bottom: 25px;
  }
  .permit-img {
	height: 470px;
  }
  .banner-key-feature.banner-key-list {
	padding: 20px;
  }
}
/*------------------------*/
/*      Mobile View       */
/*------------------------*/
@media (min-width: 280px) and (max-width: 480px) {
  /*Header CSS*/
  /* REMOVE header-search-btn style
	.header-search-btn {
		width: 37px;
		height: 37px;
		margin-left: 10px;
		margin-right: 20px;
	}
  */
  #main-navigation {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
  }
  .nav_contact_btn {
	padding: 8px 10px;
  }
  .navbar-brand {
	margin-right: 10px;
  }
  /*.desktop-logo {
	display: none;
  }*/
  .mob-logo {
	display: block;
  }
  .navbar-brand img {
	/*width: 80px;*/
	height: 11vw;
  }
  .header-mr-tp {
	margin-top: 72px;
  }
  /*Home Page*/
  /*
	.pageBanner-section.curve-s-bttm:before {
		height: calc(85% - 300px);
	}

	.pageBanner-section.curve-s-bttm:after {
		bottom: 300px;
	}

	.curve-s-bttm:after {
		width: 200%;
	}
  */
  .bannerLeft-column {
	padding-right: 0px;
  }
  .banner-contact-list {
	width: 100%;
	margin-bottom: 30px;
  }
  .banner-lg-title {
	font-size: 1.75rem;
	line-height: 2rem;
  }
  .page-top-banner {
	padding: 30px 0px;
	/*margin-bottom: 40px;*/
  }
  .banner-contact-list li {
	padding: 6px 8px;
	margin-right: 5px;
	margin-bottom: 10px;
  }
  .banner-img {
	padding: 0px 15px;
  }
  .banner-img img {
	height: 255px;
  }
  .sec-title2, h3.module-title {
	line-height: 34px;
	margin-bottom: 25px !important;
  }
  .guide-ks-left-col .sec-title2, .guide-ks-left-col h3.module-title {
	margin-bottom: 30px;
  }
  .sec-title {
	margin-bottom: 30px;
  }
  .think-img {
	height: 160px;
	margin-bottom: 25px;
  }
  .info-f-column {
	margin-bottom: 30px;
  }
  .info-fast-section.section-space {
	padding-bottom: 20px;
  }
  /*    .banner-key-feature [class*=col]:nth-child(2) .ban-keyFeature-box,
	.banner-key-feature [class*=col] .ban-keyFeature-box {
		padding: 0px 80px 0px 20px !important;
	}

		.banner-key-feature [class*=col]:nth-child(3) .ban-keyFeature-box .round-arrow-btn,
		.banner-key-feature [class*=col] .ban-keyFeature-box .round-arrow-btn {
			right: 20px;
		}

	.banner-key-feature [class*=col] .ban-keyFeature-box {
		margin-bottom: 30px;
	}

	.banner-key-feature [class*=col]:nth-child(3) .ban-keyFeature-box {
		margin-bottom: 0px;
	}
  */
  .icon-bg-design {
	width: 65%;
  }
  .env-left-column {
	margin-bottom: 30px;
	padding-left: 0;
  }
  .env-left-column img {
	height: 385px;
  }
  .time-sec {
	font-size: 0.875rem;
  }
  .ques-contact-list {
	margin-top: 35px;
	margin-bottom: 20px;
  }
  .ques-contact-list li {
	display: inline-block;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 30px;
  }
  .ques-contact-list li:last-child {
	margin-right: 30px;
  }
  /*.ques-contact-list li a {
	font-size: 20px;
  }*/
  .ques-feedback-section {
	padding: 25px;
  }
  .env-right-column {
	padding-left: 0px;
  }
  .footer-widget {
	margin-bottom: 40px;
  }
  .footer-section {
	padding: 50px 0px;
  }
  .copyright-sec {
	margin-top: 25px;
  }
  /*Business Page*/
  /*    .pageBanner-section2 .page-top-banner {
		padding: 40px 0px 0px;
		margin-bottom: 0px;
	}*/
  .pageBanner-section.pageBanner-section2.curve-s-bttm:before {
	height: calc(85% - 200px);
  }
  .pageBanner-section.pageBanner-section2.curve-s-bttm:after {
	bottom: 200px;
  }
  .section-space.small-business-section {
	padding-bottom: 30px;
  }
  .link-txt-box {
	height: calc(100% - 20px);
	padding: 20px 75px 20px 20px;
  }
  .link-txt-box .link-txt-btn {
	right: 0.9rem;
  }
  .businessGuide-leftCol {
	padding-right: 0;
  }
  .lia-bus-box {
	padding: 20px;
  }
  .lia-content-button p {
	margin-bottom: 20px;
  }
  .cm-accord-link button {
	font-size: 1rem;
	padding-right: 40px;
  }
  /*Permitting page*/
  .permit-img {
	height: 270px;
  }
  /*Government page*/
  .bannerRight-column.banner-img-icon {
	transform: translateY(-50%);
  }
  .banner-key-feature.banner-key-list {
	padding: 20px;
  }
  .banner-key-list .list-style li {
	margin-left: 0;
	margin-right: 0;
  }
}
/*---------------------------------------------*/
/*        end of responsive style sheet        */
/*---------------------------------------------*/