:root {
  --color-primary: #505d6e;
  --color-secondary: #D9E0E5;
  --color-primary-corp: #024539;
  --color-secondary-corp: #99BFB8;
  --color-primary-elec: #056CB6;
  --color-secondary-elec: #B4D1ED;
  --color-primary-arch: #5C306A;
  --color-secondary-arch: #CCCCFF;
  --color-primary-aud: #003366;
  --color-secondary-aud: #8EA4BE;
}

body {
  color: var(--color-primary);
}

main .btn-default, main .main .btn-default:hover, main .main .btn-default:visited {
  background-size: 220%;
  color: #f8fafc !important;
  background-color: #056cb6 !important;
  border: 2px solid #056cb6 !important;
  cursor: pointer;
  text-decoration: none !important;
}
main .stripe2 a, main .callout2 a {
  color: #035fa0;
}
main .btn-default > i {
  transition: transform 0.4s;
}
main .btn-default:hover > i {
  transform: translate(4px, 0);
}
main .btn-info, main .btn-info:hover, main .btn-info:visited {
  background-size: 220%;
  color: #f8fafc;
  background-color: #c64c00;
  border: 2px solid #c64c00;
  cursor: pointer;
  text-decoration: none;
}
main .btn-info > i {
  transition: transform 0.4s;
}
main .btn-info:hover > i {
  transform: translate(4px, 0);
}
main .btn-primary.btn-elec, main .btn-primary.btn-elec:hover, main .btn-primary.btn-elec:visited {
  background-size: 220%;
  color: #f8fafc;
  background-color: #056cb6;
  border: 2px solid #056cb6;
  cursor: pointer;
  text-decoration: none;
}
main .btn-primary.btn-elec > i {
  transition: transform 0.4s;
}
main .btn-primary.btn-elec:hover > i {
  transform: translate(4px, 0);
}
main .btn-primary.btn-corp, main .btn-primary.btn-corp:hover, main .btn-primary.btn-corp:visited {
  background-size: 220%;
  color: #f8fafc;
  background-color: #024539;
  border: 2px solid #024539;
  cursor: pointer;
  text-decoration: none;
}
main .btn-primary.btn-corp > i {
  transition: transform 0.4s;
}
main .btn-primary.btn-corp:hover > i {
  transform: translate(4px, 0);
}
main .btn-primary.btn-aud, main .btn-primary.btn-aud:hover, main .btn-primary.btn-aud:visited {
  background-size: 220%;
  color: #f8fafc;
  background-color: #003366;
  border: 2px solid #003366;
  cursor: pointer;
  text-decoration: none;
}
main .btn-primary.btn-aud > i {
  transition: transform 0.4s;
}
main .btn-primary.btn-aud:hover > i {
  transform: translate(4px, 0);
}
main .btn-primary.btn-arch, main .btn-primary.btn-arch:hover, main .btn-primary.btn-arch:visited {
  background-size: 220%;
  color: #f8fafc;
  background-color: #5c306a;
  border: 2px solid #5c306a;
  cursor: pointer;
  text-decoration: none;
}
main .btn-primary.btn-arch > i {
  transition: transform 0.4s;
}
main .btn-primary.btn-arch:hover > i {
  transform: translate(4px, 0);
}
main .btn-primary-bb-corp, main .btn-primary-bb-corp:hover, main .btn-primary-bb-corp:visited {
  background-size: 220%;
  color: var(--color-primary-corp);
  background-color: var(--color-secondary-corp);
  border: 2px solid var(--color-secondary-corp);
  cursor: pointer;
  text-decoration: none;
}
main .btn-primary-bb-elec, main .btn-primary-bb-elec:hover, main .btn-primary-bb-elec:visited {
  background-size: 220%;
  color: #035691;
  background-color: var(--color-secondary-elec);
  border: 2px solid var(--color-secondary-elec);
  cursor: pointer;
  text-decoration: none;
}
main .btn-primary-bb-arch, main .btn-primary-bb-arch:hover, main .btn-primary-bb-arch:visited {
  background-size: 220%;
  color: var(--color-primary-arch);
  background-color: var(--color-secondary-arch);
  border: 2px solid var(--color-secondary-arch);
  cursor: pointer;
  text-decoration: none;
}
main .btn-primary-bb-aud, main .btn-primary-bb-aud:hover, main .btn-primary-bb-aud:visited {
  background-size: 220%;
  color: #002646;
  background-color: #8aa1bc;
  border: 2px solid #8aa1bc;
  cursor: pointer;
  text-decoration: none;
}
main .btn-primary-bb-corp > i, main .btn-primary-bb-elec > i, main .btn-primary-bb-arch > i, main .btn-primary-bb-aud > i {
  transition: transform 0.4s;
}
main .btn-primary-bb-corp:hover > i, main .btn-primary-bb-elec:hover > i, main .btn-primary-bb-arch:hover > i, main .btn-primary-bb-aud:hover > i {
  transform: translate(4px, 0);
}
main section.callout-bb-corp {
  background-color: var(--color-primary-corp);
  padding: 15px 30px 40px;
  border-radius: 10px;
  color: #fff;
  background-image: url("/SiteCollectionImages/sos-tree-lgrey.png");
  background-repeat: no-repeat;
  background-position: 94% 95%;
}
main section.stripe-bb-corp {
  background-color: var(--color-primary-corp);
  color: #fff;
}
main section.callout-bb-corp h2, main section.callout-bb-corp h3, main section.stripe-bb-corp h2, main section.stripe-bb-corp h3 {
  color: #f8fafc;
}
main section.callout-bb-corp a, main section.stripe-bb-corp a {
  color: var(--color-secondary-corp);
  text-decoration-color: var(--color-secondary-corp);
}
main section.callout-bb-corp a:active, main section.callout-bb-corp a:hover, main section.stripe-bb-corp a:active, main section.stripe-bb-corp a:hover {
  color: #ecaf66;
  text-decoration-color: #ecaf66;
}
main section.callout-bb-corp a:visited, main section.stripe-bb-corp a:visited {
  color: #dbdbff;
  text-decoration-color: #dbdbff;
}
main section.callout2-bb-corp, main section.stripe2-bb-corp {
  background-color: #dae5e3;
}
main section.callout2-bb-corp h2, main section.stripe2-bb-corp h2 {
  color: var(--color-primary-corp);
}
main section.callout2-bb-corp a, main section.stripe2-bb-corp a {
  color: var(--color-primary-corp);
  text-decoration-color: #0e6d5c;
}
main section.callout2-bb-corp a:active, main section.callout2-bb-corp a:hover, main section.stripe2-bb-corp a:active, main section.stripe2-bb-corp a:hover {
  color: #c64c00;
  text-decoration-color: #e48000;
}
main section.callout-bb-elec {
  background-color: var(--color-primary-elec);
  padding: 15px 30px 40px;
  border-radius: 10px;
  color: #fff;
  background-image: url("/SiteCollectionImages/sos-tree-lgrey.png");
  background-repeat: no-repeat;
  background-position: 94% 95%;
}
main section.stripe-bb-elec {
  background-color: var(--color-primary-elec);
  color: #fff;
}
main section.callout2-bb-elec, main section.stripe2-bb-elec {
  background-color: #e7edf4;
}
main section.callout2-bb-elec h2, main section.stripe2-bb-elec h2 {
  color: var(--color-primary-elec);
}
main section.callout-bb-elec h2, main section.callout-bb-elec h3, main section.strip-bb-elec h2, main section.stripe-bb-elec h3 {
  color: #f8fafc;
}
main section.callout-bb-elec a, main section.stripe-bb-elec a {
  color: #f5f2dd;
  text-decoration-color: #f5f2dd;
}
main section.callout-bb-elec a:active, main section.callout-bb-elec a:hover, main section.stripe-bb-elec a:active, main section.stripe-bb-elec a:hover {
  color: #ecaf66;
  text-decoration-color: #ecaf66;
}
main section.callout-bb-elec a:visited {
  color: #dbdbff;
  text-decoration-color: #dbdbff;
}
main section.callout2-bb-elec a {
  color: #0362A6;
  text-decoration-color: #6caedf;
}
main section.callout-bb-arch {
  background-color: #5c306a;
  padding: 15px 30px 40px;
  border-radius: 10px;
  color: #fff;
  background-image: url("/SiteCollectionImages/sos-tree-lgrey.png");
  background-repeat: no-repeat;
  background-position: 94% 95%;
}
main section.stripe-bb-arch {
  background-color: #5c306a;
  color: #fff;
}
main section.callout2-bb-arch, main section.stripe2-bb-arch {
  background-color: #e7e7f8;
}
main section.callout2-bb-arch h2, main section.stripe2-bb-arch h2 {
  color: #5c306a;
}
main section.callout-bb-arch h2, main section.callout-bb-arch h3, main section.stripe-bb-arch h2, main section.stripe-bb-arch h3 {
  color: #f8fafc;
}
main section.callout-bb-arch a, main section.stripe-bb-arch a {
  color: #ccccff;
  text-decoration-color: #ccccff;
}
main section.callout-bb-arch a:active, main section.callout-bb-arch a:hover, main section.stripe-bb-arch a:active, main section.stripe-bb-arch a:hover {
  color: #ecaf66;
  text-decoration-color: #ecaf66;
}
main section.callout-bb-arch a:visited {
  color: #dbdbff;
  text-decoration-color: #dbdbff;
}
main section.callout2-bb-arch a {
  color: #5c306a;
  text-decoration-color: #a78ecb;
}
main section.callout-bb-aud {
  background-color: var(--color-primary-aud);
  padding: 15px 30px 40px;
  border-radius: 10px;
  color: #fff;
  background-image: url("/SiteCollectionImages/sos-tree-lgrey.png");
  background-repeat: no-repeat;
  background-position: 94% 95%;
}
main section.stripe-bb-aud {
  background-color: var(--color-primary-aud);
  color: #fff;
}
main section.callout2-bb-aud, main section.stripe2-bb-aud {
  background-color: #c9d2dd;
  color: #23262f;
}
main section.callout2-bb-aud h2, main section.stripe2-bb-aud h2 {
  color: var(--color-primary-aud);
}
main section.callout-bb-aud h2, main section.callout-bb-aud h3, main section.stripe-bb-aud h2, main section.stripe-bb-aud h3 {
  color: #f8fafc;
}
main section.callout-bb-aud a, main section.stripe-bb-aud a {
  color: #9baece;
  text-decoration-color: #9baece;
}
main section.callout-bb-aud a:active, main section.callout-bb-aud a:hover, main section.stripe-bb-aud a:active, main section.stripe-bb-aud a:hover {
  color: #ecaf66;
  text-decoration-color: #ecaf66;
}
main section.callout-bb-aud a:visited {
  color: #dbdbff;
  text-decoration-color: #dbdbff;
}
main section.callout2-bb-aud a {
  color: var(--color-primary-aud);
  text-decoration-color: #33577d;
}

.or-navbar {
  background: var(--color-primary);
  border-bottom: 7px solid transparent;
  border-image: url("/SiteCollectionImages/OverviewBarGradient.png") 100 stretch;
}

.or-header {
  background-position-y: 25%;
}

.or-navbar-search-wrapper {
  background-color: var(--color-primary);
}

.or-header {
  background-image: url("/SiteCollectionImages/Wallowa%20Mountains.jpg");
}
.or-header .or-header-overlay {
  background: transparent;
}

@media screen and (max-width: 767px) {
  .navbar-offcanvas {
    background-color: var(--color-primary) !important;
  }
}
.or-navbar-search-submit-button {
  background: var(--color-primary) !important;
}

.or-navbar-search-input-wrapper.or-navbar-search-open .or-navbar-search-close-button:hover {
  background-color: rgba(80, 93, 110, 0.5) !important;
}

body:not(body.agency-home) .or-header .or-header-overlay {
  height: calc(100% - 40px) !important;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background: #E1E9F1;
}

.alert-warning {
  color: #ffffff !important;
  background-color: #c64c00 !important;
}
.alert-warning a {
  color: #ffffff !important;
}

/* Division Color Headings and Links */
h2.heading-elec, h3.heading-elec, h4.heading-elec {
  color: #2777B4;
}

.stripe2 h2.heading-elec, .stripe2 h3.heading-elec, .stripe2 h4.heading-elec {
  color: #035fa0;
}

.main a.link-elec {
  color: #056cb6;
  text-decoration-color: #6caedf;
}

.main .stripe2 a.link-elec {
  color: #035fa0;
  text-decoration-color: #6caedf;
}

h2.heading-corp, h3.heading-corp, h4.heading-corp {
  color: #0e6d5c;
}

.main a.link-corp, .main .stripe2 a.link-corp {
  color: #0e6d5c;
  text-decoration-color: #024539;
}

h2.heading-arch, h3.heading-arch, h4.heading-arch {
  color: #5c306a;
}

.main a.link-arch, .main .stripe2 a.link-arch {
  color: #5c306a;
  text-decoration-color: #a78ecb;
}

h2.heading-aud, h3.heading-aud, h4.heading-aud {
  color: #33577d;
}

.main a.link-aud, .main .stripe2 a.link-aud {
  color: #003366;
  text-decoration-color: #33577d;
}