/* Add Custom Styles Here */

:root {
  --color-primary: #002145 !important;
  --color-secondary: #295DA5 !important;
  --color-tertiary: #00b7e0 !important;
  --color-accent: #eea415 !important;
}

#unit-content a {
  color: #00b7e0;
}

#unit-content h4 a {
  color: #002145 !important;
}

.text-unit-grey-darkest {
  color: #333 !important;
}

.spotlight-title {
  color: #222b2f !important;
}

/* get rid of green link */
.card__footer a,
.view-display-id-block_3 a,
.view-display-id-block_7 a {
  color: #222b2f;
}

/* cleanup on home page */
.front .field--name-body p {
  font-size: 1.125rem
}

.front .field--name-title {
  display: none
}

/* Post a Job sidebar */
#post_job_sidebar svg {
  vertical-align: middle;
  margin-left: 0.5rem;
}

#post_job svg {
  vertical-align: middle;
}

#post_job_button {
  text-decoration: none;
}

.list-unstyled {
  list-style: none;
  padding-left: 0;
}

.hero-background-styles {
  position: absolute;
  background-image: url(../img/logo-small.png);
  background-repeat: no-repeat;
  width: 900px;
  height: 83px;
  margin-left: -865px;
  margin-top: -1rem;
  z-index: -1;
}

.quotes li.quote:after {
  position: absolute;
  height: 2px;
  width: 20%;
  background: #bfbfbf;
  content: "";
  bottom: 0;
  left: 40%;
}

.address .locality:after {
  content: ", ";
}

.address .administrative-area:after {
  content: " ";
}

/* TODO: add to styles.css */
.featured-quote:after {
  top: 0;
}

ul.views-slideshow-pager-field-processed li {
  background-color: white !important;
}

ul.views-slideshow-pager-field-processed li.active {
  background-color: #9babb4 !important;
  /* bg-grey */
}

/* Contact Us */

.contact-us .columns--2 .flex-1,
.contact-us .columns--3 .flex-1 {
  border-width: 1px;
  border-color: #eea415;
  padding-left: 2rem;
  padding-bottom: 1rem;
  margin-right: 2rem;
  margin-left: 2rem;
  margin-bottom: 1rem;
}

.contact-us hr {
  height: 2px;
  width: 80%;
  background: #bfbfbf;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
}

.contact-us .columns--2 .flex-1 p,
.contact-us .columns--3 .flex-1 p {
  margin-top: 0.5rem;
}

/* Form Styles */
.form-required::before {
  content: '*';
  font-weight: 600;
  color: rgb(196, 28, 34);
  position: relative;
  padding-right: .25rem;
}

input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea {
  display: block;
  border: 1px solid #bfbfbf;
  padding: 1rem .5rem;
  max-width: 100%;
  width: 100%;
  color: #212121;
  font-size: .875rem;
  box-sizing: border-box;
  height: auto;
  line-height: 1;
  transition: border .2s linear, box-shadow .2s linear;
  margin-bottom: 0;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

.heading-alternate {
  font-family: inherit !important;
  font-weight: 700;
}

div.accordion.widget-accordion.accordion--open>div.accordion__content {
  background-color: #f2f2f2;
}

ul {
  list-style-position: inside;
  padding-left: 1rem;
}

#block-clf-main-menu ul {
  padding-left: 0rem;
}

div[id^="block-views-block-skillsets-block-"] .accordion__tab {
  height: 2.5rem;
  min-height: 5rem;
}

blockquote p:before,
blockquote p:after {
  font-family: Whitney SSm A, Whitney SSm B, Arial, Helvetica Neue, sans-serif;
}

.featured-quote:after {
  pointer-events: none;
}

.card h3 {
  font-size: 1.2rem;
  margin-top: 1.5rem;
  line-height: 1.5rem;
  font-weight: 700;
}

#block-clf-main-menu>ul.clearfix.nav>li>a:hover,
/* label no subtree */
#block-clf-main-menu>ul.clearfix.nav>li div.btn-group:hover a.btn,
/* label */
#block-clf-main-menu>ul.clearfix.nav>li div.btn-group:hover button,
/* down arrorw */
#block-clf-main-menu>ul.clearfix.nav>li>div.btn-group:hover,
/* above and below arrow */
#block-clf-main-menu>ul.clearfix.nav>li div.btn-group:hover ul.dropdown-menu li:hover a {
  /* dropdown menu */
  background-color: #00B7E0 !important;
}

button#post_job_sidebar:hover,
#block-clf-main-menu>ul.rightMenu.nav>li.bg-unit-orange:hover a {
  background-color: #eea415 !important;
  /* bg-unit-orange-light */
}

.accordion>.accordion-tab,
.accordion>.accordion__tab,
.accordion__trigger {
  background-color: #00b7e0 !important;
  border-bottom: 2px solid #00b7e0;
  border-width: 0 0 2px 0 !important;
  color: white !important;
}

.accordion.widget-accordion.accordion--open>.accordion__tab,
.accordion__trigger.is-open {
  border-bottom: 2px solid #999;
}

.accordion>.accordion__tab:hover,
.accordion.accordion--open>.accordion__tab,
.accordion__trigger:hover,
.accordion__trigger.is-open {
  border-bottom: 2px solid #333 !important;
  background-color: #295DA5 !important;
}

.spotlight-okanagan:before,
.spotlight-vancouver:after {
  pointer-events: none;
}

.media--type-remote-video.media--view-mode-full {
  position: relative;
  display: block;
  width: 100%;
  height: 0 !important;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.media--type-remote-video.media--view-mode-full iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}