/* index.css */

/* https://github.com/twbs/bootstrap/issues/26803 */
.flex-even {
  flex: 1;
}

.bg-occd-light-green svg .i_x002D_ring { fill: #30A657; }
.bg-occd-light-orange svg .i_x002D_ring { fill: #DD9000; }
.bg-occd-light-blue svg .i_x002D_ring { fill: #2B66C6; }
.bg-occd-light-red svg .i_x002D_ring { fill: #D31E10; }

.bg-occd-light-all svg .i_x002D_ring { fill: #000; }

.bg-occd-green svg .i_x002D_ring { fill: #000; }
.bg-occd-orange svg .i_x002D_ring { fill: #000; }
.bg-occd-blue svg .i_x002D_ring { fill: #000; }
.bg-occd-red svg .i_x002D_ring { fill: #000; }

svg .o_x002D_ring { fill: none; }

.occd-filter-icon-link:hover { text-decoration: none; }

.occd-disabled .occd-filter-icon-link:hover svg .o_x002D_ring,
.occd-filter-icon-link:hover svg .o_x002D_ring,
.occd-filter-icon-link svg .o_x002D_ring { fill: #000; }

.occd-disabled .occd-filter-icon-link:hover svg .o_x002D_ring,
.occd-disabled svg .o_x002D_ring { fill: none !important; }

.occd-filtered svg .o_x002D_ring { fill: none; }

.bg-occd-light-green .occd-filter-icon-link:hover svg .o_x002D_ring { fill: #30A657; }
.bg-occd-light-orange .occd-filter-icon-link:hover svg .o_x002D_ring { fill: #DD9000; }
.bg-occd-light-blue .occd-filter-icon-link:hover svg .o_x002D_ring { fill: #2B66C6; }
.bg-occd-light-red .occd-filter-icon-link:hover svg .o_x002D_ring { fill: #D31E10; }

svg .o_x002D_ring { fill: none !important; }

[data-occd-resource="type"] .occd-filter-icon-link:hover svg .o_x002D_ring { fill: #969696; }

.occd-filtered.occd-filter-icon-link:hover svg .o_x002D_ring { fill: #000; }

.occd-filter-icon-link span { font-weight: bold; }
.occd-disabled .occd-filter-icon-link span,
.occd-filtered.occd-filter-icon-link span { font-weight: normal; }

.btn.occd-filtered {
  color: #FFF !important;
}

.btn-outline-occd-green.occd-filtered { background-color: #30A657 !important; }
.btn-outline-occd-orange.occd-filtered { background-color: #DD9000 !important; }
.btn-outline-occd-blue.occd-filtered { background-color: #2B66C6 !important; }
.btn-outline-occd-red.occd-filtered { background-color: #D31E10 !important; }
.btn-outline-occd-all.occd-filtered { background-color: #000 !important; }

#occd-home-blocks {
  text-shadow: 1px 1px 2px black;
  line-height: 1.2;
}

#occd-home-blocks .bg-occd-green h2 {
  font-size: 4rem;
}

#static_header_toolkit_wrapper {
  background: no-repeat center/100% url('../img/misc/clinicians_background.png');
  background-size: cover
}

#static_header_toolkit h1 {
  display: inline-block;
  padding-top: 80px;
  background-position: top;
  background-size: 80px 80px;
  background-image: url('../img/icons/clinicians_icon.png');
  background-repeat: no-repeat;
  font-size: 4rem;
  color: #0075BF;
}

#information a {
  text-decoration: underline;
}

a.occd-new {
  padding-right: 50px;
  background-position: right;
  background-repeat: no-repeat;
  background-size: 45px;
  background-image: url('../img/misc/new_sm.png');
}

.occd-scrolled-checks {
  height: 8rem;
  overflow-y: scroll;
}

.custom-select {
  height: auto;
}

.popover-header {
  height: 2rem;
  background: transparent;
  border: 0;
}

.bg-occd-all {
  background: #000;
}

.bg-occd-light-light-grey {
  background-color: #F5F5F5 !important;
}

.text-occd-light-purple {
  color: hsla(265, 19%, 47%, 1);
}

.bg-occd-purple {
  background-color: hsla(262, 18%, 48%, 1);
}

.bg-occd-light-purple {
  background-color: hsla(265, 19%, 47%, 0.15); 
 }

.occd-filtered img {
  opacity: 0.2;
}

.occd-filtered img,
.occd-filtered svg,
.occd-disabled img,
.occd-disabled svg {
  opacity: 0.5;
}

.occd-disabled a:hover {
  cursor: not-allowed;
  text-decoration: none;
}

ul.occd-main-nav li.nav-item a {
  color: #fff !important;
}

ul.occd-main-nav li.nav-item.occd-grey {
  background: #8D8D8D;
}

@media (max-width: 575px) {
  ul.occd-main-nav li.nav-item.occd-green { background: #30A657; }
  ul.occd-main-nav li.nav-item.occd-orange { background: #DD9000; }
  ul.occd-main-nav li.nav-item.occd-blue { background: #2B66C6; }
  ul.occd-main-nav li.nav-item.occd-red { background: #D31E10; }
}

@media (min-width: 576px) {
  ul.occd-main-nav li.nav-item.occd-diamond span.d-sm-inline-block {
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: 18px 18px;
    background-image: url('../img/diamonds/diamond_white_sm.png');
  }
  ul.occd-main-nav li.nav-item.occd-green a.active span.d-sm-inline-block, ul.occd-main-nav li.nav-item.occd-green a:hover span.d-sm-inline-block { background-image: url('../img/diamonds/diamond_grn.png'); color: #30A657 !important; font-weight: bold; }
  ul.occd-main-nav li.nav-item.occd-orange a.active span.d-sm-inline-block, ul.occd-main-nav li.nav-item.occd-orange a:hover span.d-sm-inline-block { background-image: url('../img/diamonds/diamond_gold.png'); color: #DD9000 !important; font-weight: bold; }
  ul.occd-main-nav li.nav-item.occd-blue a.active span.d-sm-inline-block, ul.occd-main-nav li.nav-item.occd-blue a:hover span.d-sm-inline-block { background-image: url('../img/diamonds/diamond_blue.png'); color: #517EC7 !important; font-weight: bold; }
  ul.occd-main-nav li.nav-item.occd-red a.active span.d-sm-inline-block, ul.occd-main-nav li.nav-item.occd-red a:hover span.d-sm-inline-block { background-image: url('../img/diamonds/diamond_red.png'); color: #D31E10 !important; font-weight: bold; }
}

button.occd-carousel-play-pause {
  width: 35px;
  height: 35px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 35px 35px;
  position: absolute;
  right: 20px;
  bottom: 20px;
}

button.occd-carousel-play-pause { background-image: url('../img/carousel/start_carousel.png'); }
button.occd-carousel-play-pause.occd-carousel-playing { background-image: url('../img/carousel/stop_carousel.png'); }

.carousel-indicators li {
  width: 20px;
  height: 20px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 20px 20px;
  background-image: url('../img/diamonds/diamond_white_sm.png');
}

.carousel-indicators {
  justify-content: left;
  margin-left: 20px;
}

.carousel-indicators li.active {
  background-color: transparent;
  background-image: url('../img/diamonds/diamond_blk_sm.png');
}


h1.occd-diamond span {
  padding-left: 35px;
  background-repeat: no-repeat;
  background-position: left;
  background-size: 25px 25px;
  background-image: url('../img/diamonds/diamond_white_sm.png');
}


.occd-watermark {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url('../img/misc/watermark_sm.png');
}

.bg-occd-green.occd-watermark {
  background-size: auto;
  background-image: url('../img/misc/watermark_lrg.png');
}

.occd-watermark:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('../img/misc/watermark_sm.png');
}

.bg-occd-green.occd-watermark:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('../img/misc/watermark_lrg.png');
}



.occd-more-about-wrapper {
  position: relative;
}

@media (min-width: 768px) {
  .occd-more-about-wrapper:hover .occd-more-about-wrapper-trigger { display: none !important; }
  .occd-more-about-wrapper:hover .occd-more-about { display: block !important; }
}

.occd-more-about-popover-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  transform: none !important;
}

.occd-more-about-arrow-img,
.occd-more-about-img {
  max-width: 50px;
}

.occd-home-block-popover:hover {
  cursor: pointer;
}

.occd-btop-nav-tabs a.nav-link.border-0 {
  border-top-style: solid !important;
  border-top-width: 0.75rem !important;
  border-top-color: transparent !important;
  background: transparent !important;
  color: #000;
}
.occd-btop-nav-tabs a.nav-link.border-0.active {
  border-top-color: #000 !important;
  font-weight: bold;
}

.occd-resources-filters {
  width: 33.333%;
}

.occd-filter-icon {
  width: 33.333%;
  line-height: 1.2;
}

.occd-resources {
  width: 66.666%;
}

.occd-topic-block .occd-topic-img {
  max-width: 150px;
  display: inline-block;
  margin-left: 2%;
  margin-right: 2%;
}

.occd-list-striped > li:nth-of-type(even) {
  background-color: #E4E4E4;
}

.occd-new .occd-list-striped > li:nth-of-type(even) {
  background-color: #FFF;
}

.occd-align-right .occd-topic-img {
  float: right;
}

.occd-align-left .occd-topic-img {
  float: left;
}

.occd-align-green svg {
  display: inline-block;
}

.occd-form-field {
  position: relative;
}

.occd-form-label {
  position: absolute;
  left: 10px;
  top: 10px;
  color: #969696;
  background-color: transparent;
  z-index: 10;
  transition: transform 150ms ease-out, font-size 150ms ease-out;
}

.occd-form-field.activated .occd-form-label {
  transform: translateY(-60%);
  font-size: 0.70em;
  color: #30A657;
}

#occd-toggle-filter {
  width: 40px;
  height: 40px;
  position: fixed;
  border: solid 1px #969696;
  right: 0;
  bottom: 0;
  margin-right: 2%;
  margin-bottom: 10%;
  background-position: center;
  background-size: 30px 30px;
  background-image: url('../img/diamonds/diamond_blk_sm.png');
  background-color: #F5F5F5;
  background-repeat: no-repeat;
}

.occd-resource-block:hover,
.occd-resource-link {
  text-decoration: underline !important;
}

.occd-resource-block,
.occd-resource-link:hover {
  text-decoration: none !important;
}

.occd-header-link-stack .btn { line-height: 1.1; }

/* search */
.occd-remove-filters .btn-group {
  padding-right: 0.25rem;
  padding-bottom: 0.25rem;
}

.occd-remove-filters .btn:after {
  font-size: 15px;
  font-weight: bold;
  width: 15px;
  height: 15px;
  display: inline-block;
  line-height: 15px;
  content: '×';
  color: rgba(0, 0, 0, 0.25);
  padding: 0px 0px 0px 5px;
}

.facet-input,
.facet-link {
  width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
}

.facet-count {
  text-align: right;
  vertical-align: top;
  padding-right: 0.5em;
}

.facet-collapse {
  padding: 0.75rem;
}

.facet-collapse > .card-body {
  max-height: 300px;
  overflow-y: auto;
}

ul.search-inline {
  display: inline-block;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

ul.search-inline li {
  display: inline-block; padding: 0; margin: 0;
}

#results-filters { padding: 0 0.75rem; }

#results-pager ul.search-inline {
  border: solid 1px #ddd;
}

ul.search-inline a, ul.search-inline span {
  display: inline-block;
  padding: 0.35rem 0.75rem;
}

ul.search-inline a.current, ul.search-inline span.current {
  background: #30A657;
  color: #fff;
}

#loading-modal .modal-content {
  background-color: transparent;
  border: none;
}

@media (max-width: 767px) {
  .occd-align-left .occd-topic-content,
  .occd-topic-block {
    width: 100%;
  }
  .occd-align-left .occd-topic-content {
    margin-left: 0%;
  }
  .occd-align-right .occd-topic-content {
    margin-right: 0%;
  }
  .occd-resources-filters {
    display: none;
  }
  .popover .occd-resources-filters {
    width: 100%;
    display: block;
  }
  .occd-resources {
    width: 100%;
  }
  .occd-topic-block .occd-topic-img { width: 25%; }
  .occd-topic-block .occd-topic-content { width: 70%; }
  .occd-align-right .occd-topic-content { margin-right: 30%; }
  .occd-align-left .occd-topic-content { margin-left: 30%; }
}

@media (min-width: 768px) {
  .occd-topic-block {
    width: 50%;
  }
  .bg-occd-light-green .occd-topic-block {
    width: 100%;
  }
  #occd-home-blocks .bg-occd-green {
    font-size: 1.2rem;
  }
  #occd-home-blocks .bg-occd-green li { font-size: 1.1rem; }
  .occd-topic-block .occd-topic-img { width: 15%; }
  .occd-topic-block .occd-topic-content { width: 80%; }
  .occd-align-right .occd-topic-content { margin-right: 20%; }
  .occd-align-left .occd-topic-content { margin-left: 20%; }
}

@media (min-width: 960px) {
  #occd-home-blocks .bg-occd-green {
    font-size: 1.3rem;
  }
  #occd-home-blocks .bg-occd-green li { font-size: 1.2rem; }
  .occd-topic-block .occd-topic-img { width: 25%; }
  .occd-topic-block .occd-topic-content { width: 70%; }
  .occd-align-right .occd-topic-content { margin-right: 30%; }
  .occd-align-left .occd-topic-content { margin-left: 30%; }
}

@media (min-width: 1140px) {
  #occd-home-blocks .bg-occd-green h2 {
    font-size: 6rem;
  }
  #occd-home-blocks .bg-occd-green {
    font-size: 1.5rem;
  }
  #occd-home-blocks .bg-occd-green li { font-size: 1.4rem; }
  #occd-home-blocks {
    font-size: 1.3rem;
  }
}

/* Toolkit page styles START */
.toolkit-main-icon {
  width: 80px;
  height: 80px;
}
@media screen and (min-width: 657px) {
.toolkit-main-header {
padding: 12vh 2.3vw 5vh 2.3vw;
}
}

.toolkit-main-title {
font-size: calc(5.2vw + 2rem);
}

.toolkit-main-subtitle {
font-size: calc(2.85vw + 1rem);  
line-height:1.1;
}

.toolkit-header {
  background-color: #0075BF;
}
.toolkit-header > .toolkit-header__title {
  font-size: calc(2.3vw + 2rem);
}

.toolkit-occd-diamond::before {
  content: '';
  display: inline-flex;
  width: 52px;
  height: 52px;
  background: url('../img/diamonds/diamond_white.png') center center no-repeat;
  padding-right: 0.2rem;
}

.toolkit-content-wrapper {
  background-color: #D9EAF5;
}

.toolkit-content-wrapper a:not(.btn),
.toolkit-content-wrapper a:hover:not(.btn)
{
text-decoration: underline;
}
.toolkit-content-wrapper a:hover:not(.btn),
.toolkit-content-wrapper a:focus:not(.btn)
 {
text-decoration: none;
/* color: hsla(262, 18%, 30%, 1); */
}


.toolkit-main-content {
  font-size: 1.25rem;
  max-width: 1500px;
}

.toolkit-resources-header > .toolkit-resources-header__title,
.toolkit-resources-header .toolkit-resources-header__link
 {
  /* font-size: calc(0.95vw + 1.5rem); */
  font-size: 1.75rem;

}
.toolkit-resources-header .toolkit-resources-header__link {
/* color: hsla(262, 18%, 48%, 1); */
color: #0075BF;
}

/* .toolkit-resources-header a.toolkit-resources-header__link:hover,
.toolkit-resources-header a.toolkit-resources-header__link:focus
 {
color: hsla(262, 18%, 30%, 1);
} */

.toolkit-resources-content {
  max-width: 1068px;
} 

/* Toolkit page styles END */