/**
 * @file
 * Individualized component styling for SRDC.
 */
/**
 * Layout Builder Overrides
 */
.layout-builder-block {
  padding: unset;
  background-color: unset;
}

/**
 * Tables
 */
table caption {
  caption-side: top;
}

/**
 * Image Center CKEditor bugfix
 * @see https://www.drupal.org/project/drupal/issues/3126783
 */
.align-center img, .align-center video {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.srdc-img-align-center {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 992px) {
  .srdc-img-align-start {
    float: left;
    z-index: 1; /* needed to allow for contextual link in Layout Builder */
    margin-right: 2rem;
  }

  .srdc-img-align-end {
    float: right;
    z-index: 1; /* needed to allow for contextual link in Layout Builder */
    margin-left: 2rem;
  }
}

/*
figure.align-center {
  .media {
    margin-left: auto;
    margin-right: auto;

    img {
      margin-left: auto;
      margin-right: auto;
    }
  }

  figcaption {
    text-align: center;
  }
}
*/

/**
 * Bootstrap Overrides
 */
.placeholder {
  display: unset;
  min-height: unset;
  vertical-align: unset;
  cursor: unset;
  background-color: unset;
  opacity: unset;
}

/**
 * Search
 */
.form-search {
  border-radius: 2rem;
  border: 1px solid #ccc;
  padding: .5rem 2.5rem .5rem 1rem;
}
.form-search:focus, .form-focus:focus-visible {
  border: 2px solid var(--srdc-blue);
  outline: none;
  box-shadow: 0 0 10px rgba(0,74,152,0.25);
}
#search-block-form, #views-exposed-form-search-api-page-1 {
  position: relative;
  width: 100%;
}
.search-box__button {
  border: none;
  background: none;
  border-radius: 50%;
  padding: .65rem;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 1;
}

/**
 * Header
 */
.site-title a {
  color: var(--srdc-blue);
  /* font-weight: 600; */
  text-decoration: none;
}

/**
 * Social Links
 */
.social-link::before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
}
.social-link span {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal;
}
.social-rrdc::before {
  background-image: url('../images/social-rrdc.svg');
  width: 70px;
  background-size: 70px 24px;
}
.social-facebook::before {
  background-image: url('../images/social-facebook.svg');
}
.social-linkedin::before {
  background-image: url('../images/social-linkedin.svg');
}
.social-twitter::before {
  background-image: url('../images/social-twitter.svg');
}
.social-youtube::before {
  background-image: url('../images/social-youtube.svg');
}

/**
 * Slider
 */
.slick img {
  width: 100%;
}
.slick-prev,
.slick-next,
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  /* width: 5%;
  height: auto; */
  background: var(--srdc-blue);
  /* border-radius: unset; */
  padding: .75rem;
  opacity: .5;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  opacity: 1;
}
/*
.slick-prev {
  left: 1%;
}
.slick-next {
  right: 1%;
}
*/
.slick-prev::before, .slick-next::before {
  content: url('../images/chevron.svg');
  display: block;
  font-size: 1rem;
}
/*
.slick-prev::before {
  transform: rotate(-90deg);
}
.slick-next::before {
  transform: rotate(90deg);
}
*/

/**
 * Primary Menu
 */
.primary-menu a {
  text-decoration: none;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255,255,255);
}
/* .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav > .nav-item > .nav-link.active, .dropdown-menu .nav-item .nav-link.active { */
.navbar-dark .navbar-nav .nav-item:focus, .navbar-dark .navbar-nav .nav-item:hover, .navbar-dark .navbar-nav .nav-item.active, .dropdown-menu .nav-item.active {
  color: rgb(255,255,255);
  background-color: var(--srdc-blue);
}
.dropdown-menu {
  --bs-dropdown-spacer: -5px;
}
.dropdown-toggler {
  border: none;
  padding: 1rem;
  background-color: transparent;
  position: absolute;
  top: 0;
  right: 0;
  /* box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.9); */
}
.dropdown-toggler::before {
  content: url('../images/chevron.svg');
  transform: rotate(180deg);
  display: block;
  width: 10px;
}
.dropdown-toggle-link {
  padding-right: 1.5rem !important;
}
@media only screen and (min-width: 992px) {
  .has-dropdown:hover > .dropdown-menu {
    display: block;
    top: 100%;
    left: 0;
    margin-top: var(--bs-dropdown-spacer);
  }
}


/**
 * Breadcrumbs
 */
.breadcrumbs {
  background: #e9ecef;
  padding: 1rem;
}
.breadcrumb {
  background: none;
  margin: 0;
  padding: 0;
}
.breadcrumb-item + .breadcrumb-item::before {
  content: '\00BB';
}


/**
 * Tabs (Local Tasks)
 */


/**
 * Accordions
 */
.accordion-button:not(.collapsed) {
  background-color: transparent;
  color: revert;
}

/**
 * Buttons
 */
.btn-group-xs > .btn, .btn-xs {
  padding: .0625rem .3125rem; /* 1px 5px */
  font-size: .75rem; /* 12px */
  line-height: 1.5;
  border-radius: .1875rem; /* 3px */
}

/**
 * Main
 */
.site-content a:not(.btn) {
  text-decoration: underline;
}
#block-srdc-v2-page-title h1 {
  color: var(--srdc-blue);
/*   font-size: 2rem; */
  font-weight: 600;
  /* text-transform: uppercase; */
}
.news--no-image-provided {
  align-items: center;
  background: url('../images/srdc-logo-grayscale.svg') 50% 50% / 50% no-repeat, #eee;
  border-radius: .75rem;
  color: #777;
  display: flex;
  justify-content: center;
  height: 130px;
  padding: 1rem;
  width: 100%;
}

/**
 * Second Sidebar
 */
.sidebar-second {
  /* padding-top: 1rem;
  padding-bottom: 1rem; */
}
.sidebar-second div[id^="block-views"] {
  margin-bottom: 2rem;
}
.sidebar-second h2 {
  font-weight: 600;
  /* text-align: center; */
  /* text-transform: uppercase; */
  font-size: 2rem;
}
.sidebar-second .more-link a {
  background: var(--srdc-blue);
  border-radius: .75rem;
  color: #fff;
  display: block;
  padding: .5rem;
  text-align: center;
  text-decoration: none;
}

/**
 * Footer
 */
.site-footer {
  color: #fff;
}
.site-footer a {
  color: #fff;
  text-decoration: underline;
}
.legal {
  font-size: .75rem;
}

/**
 * Back to Top
 */
.back-to-top {
  background: var(--srdc-blue) url('../images/chevron.svg') center center no-repeat;
  background-size: 15px 15px;
  border: none;
  color: #fff;
  display: block;
  position: fixed;
  bottom: 0.625rem;
  right: 0.625rem;
  border-radius: 0.3125rem;
  padding: 1.5rem;
  transition: opacity .3s ease;
}
.js .back-to-top {
  opacity: 0;
}
.js .back-to-top.show {
  opacity: .25;
}
.back-to-top.show:hover, .back-to-top.show:active, .back-to-top.show:focus {
  opacity: 1;
}

/**
 * Staff Photos (About Us)
 */
@media only screen and (max-width: 991px) {
  .staff-list img {
    max-width: 100px;
  }
}


/**
 * Calendars and Dates
 */
.time-separator {
  display: inline-block;
  margin: 0 .025rem;
}
span.parens {
  margin: 0 -.1rem;
}

/**
 * Remote Video
 */
iframe:where(.media-oembed-content) {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

#layout-builder-modal textarea {
  height: 100%;
}