/*
Theme Name: Mountain Plains Rural Opiod Technical Assistance Center
Author: the Bross team
Author URI: https://brossgroup.com/
*/

:root {
  --focus-box-color: #62A446;
  --mpshade-green-light: #9DCD61;
  --mpshade-green-dark: #62A446;
  --mpshade-light-font: #FFFFFF;
  --mpshade-dark-font: #000000;
  --mpshade-purple-dark: #8256A3; 
  --mpshade-purple-light: #602D8B;
  --mpshade3-light: #BCBEC0;
  --mpshade3-dark: #939598;
}

.logo-img {
  height: auto;
  width: 350px;
}
@media (max-width: 1200px) and (min-width: 992px) {
  .navbar-expand-lg.dark-blue .navbar-nav .nav-item .nav-link {
      padding: 1rem 0.75rem;
  }
}
table {
  width: 100%;
}
table caption {
  font-style: italic;
  font-weight: bold;
  border-bottom: 1px solid var(--mpshade3-dark);
  color: #333;
  text-align: center;
  caption-side: top;
}
table tr:nth-child(odd) {
  background: var(--mpshade3-light);
}
table tr:nth-child(odd) a:hover {
  color: var(--mpshade-purple-light);
}
table tr:nth-child(even) {
  background: var(--mpshade-light-font);
}
table tr td,
table th {
  padding: 6px;
}
table tr th {
  text-align: left;
  background: #333;
  color: var(--mpshade-light-font);
  padding-left: 16px;
}
table tr td {
  text-align: center;
  border-left: 1px solid var(--mpshade3-dark);
  padding-left: 16px;
  font-weight: normal;
}
table tr:first-child td {
  background-color: var(--mpshade-green-dark)
}
table tr td:first-child {
  text-align: left !important;
  border-left: 0;
}

a { color: var(--mpshade-purple-dark); }
a:hover { color: var(--mpshade-green-light); }

.inner-home .carousel {
  margin-bottom: 2.2rem
}
.in-focus-section {
  margin-bottom: 2.5rem;
}

.footer .footer-top {
  background: var(--mpshade-green-light);
  color: var(--mpshade-dark-font);
}
.breadcrumb-section .breadcrumb .breadcrumb-item.active {
  background: var(--mpshade-purple-dark);
  color: var(--mpshade-light-font);
}

.inner-pages h2:not(.section-heading) {
  color: var(--mpshade-purple-dark);
}

.inner-pages h4, .h4-headings {
  color: var(--mpshade-purple-dark);
}

.inner-pages .featured-container h2:before {
  background: var(--mpshade-purple-dark);
}
.footer .footer-bottom {
  background: var(--mpshade-green-dark);
  color: var(--mpshade-light-font);
}
.navbar.sample-nav {
  background: var(--mpshade-green-light);
}
.wiche-testimonials-wrapper .slider-wrapper {
  background: var(--mpshade-green-dark);
}
.wiche-testimonials-wrapper .slider-wrapper .slide img {
  border: 20px solid var(--mpshade-green-light);
}
.wiche-hover-tabs-wrapper {
  background: var(--mpshade-purple-dark);
}
.wiche-in-focus-wrapper .text-wrapper .section-heading {
  color: #404040;
}
.wiche-in-focus-wrapper .text-wrapper .section-content {
  color: #282828;
}
.banner-section .banner-content {
  background: rgba(130,86,163, 0.75);
  color: var(--mpshade-light-font);
  max-width: 425px;
}
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show > .btn-warning.dropdown-toggle {
  background: linear-gradient(to bottom right, var(--mpshade-green-dark) 0%, var(--mpshade-green-dark) 100%);
}
.btn-primary {
  background: var(--mpshade-purple-dark);
  border-color:  var(--mpshade-purple-dark);
    color: var(--mpshade-light-font);
}
.btn-primary:hover {
  background: var(--mpshade-purple-light);
  border-color: var(--mpshade-purple-light);
  color: var(--mpshade-light-font);
}
.btn-outline-primary {
  border: 2px solid var(--mpshade-green-light);
  color: var(--mpshade-green-light);
}
.btn-secondary {
  background: var(--mpshade-purple-light);
  border-color: var(--mpshade-purple-light);
  color: var(--mpshade-light-font);
}
.btn-secondary:hover {
  background: var(--mpshade-purple-dark);
  border-color: var(--mpshade-purple-dark);
}
.btn-outline-secondary {
  border: 2px solid var(--mpshade-green-light);
  color: var(--mpshade-green-light); }

.btn-outline-secondary:hover {
  background-color: var(--mpshade-green-dark);
  border-color: var(--mpshade-green-dark);
 }
.section-heading .line {
  background: var(--mpshade-green-light);
  color: var(--mpshade-dark-font);
}
.people-cards .card .card-body .card-title {
  color: var(--mpshade-green-light);
  padding-bottom: 10px;
}
.inner-pages h3,
.h3-headings {
  color: var(--mpshade-purple-dark);
}
.people-cards .people-details .modal-title {
  color: var(--mpshade-green-light);
}
.inner-pages > .row.mt-5.mb-5 .col-md-12 ol > li::before,
.inner-pages > .row.mt-5.mb-5 .col-md-12 ol > li > ol > li::before,
.inner-pages > .row.mt-5.mb-5 .col-md-12 ol > li > ol > li > ol > li::before {
  color: #237ac2;
}
.inner-pages
  > .row.mt-5.mb-5
  > .col-md-12
  ul:not(.nav-tabs):not(.initiatives):not(.gform_fields):not(
      .gfield_checkbox
  ):not(.gfield_radio):not(.nav):not(.ff-select-to-checkbox-ul):not(.btn-list)
  > li:before,
.inner-pages
  > .row.mt-5.mb-5
  > .side-navbar-content
  ul:not(.nav-tabs):not(.initiatives):not(.gform_fields):not(
      .gfield_checkbox
  ):not(.gfield_radio):not(.nav):not(.ff-select-to-checkbox-ul):not(.btn-list)
  > li:before {
  color: var(--mpshade-green-light);
}
.contact-card .card .card-body .card-title, 
.contact-card .people-details .modal-title {
  color: var(--mpshade-green-light);
  padding-bottom: 10px;
}
.btn-warning {
  background: linear-gradient(to bottom right, #698996 0%, #698996 100%);
}
.wiche-in-focus-wrapper {
  background: var(--mpshade3-light);
}
.wiche-in-focus-wrapper .text-wrapper span {
  background: var(--mpshade-green-light);
  color: var(--mpshade-dark-font);
}
.navbar.sample-nav
  .navbar-nav
  > .dropdown
  > .dropdown-menu
  .dropdown-item:hover:before {
  background: var(--mpshade-green-dark);
}
.navbar.sample-nav
  .navbar-nav
  > .dropdown
  > .dropdown-menu
  .dropdown-item:hover,
.navbar.sample-nav
  .navbar-nav
  > .dropdown
  > .dropdown-menu
  .dropdown-item:focus {
  background: rgba(98, 164, 70, 0.15);
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus{
  box-shadow: none;
}
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle {
  background-color: var(--mpshade-green-light);
  border-color: var(--mpshade-green-light);
  color: var(--mpshade-dark-font);
}
.btn-outline-primary:hover {
  background-color: var(--mpshade-green-dark);
  border-color: var(--mpshade-green-dark);
}
.navbar-expand-lg.dark-blue .navbar-nav .nav-link {
  color: #404040;
}
.dark-blue .search-box .search-icon {
  color: #404040;
}
.navbar-expand-lg.dark-blue .navbar-nav .nav-item .nav-link:after {
  color: #404040;
  border-bottom: #404040;
}
.navbar.sample-nav .navbar-nav .dropdown .dropdown-toggle:hover,
.navbar.sample-nav .navbar-nav .dropdown .dropdown-toggle:focus,
.header .navbar-nav .nav-link:hover, 
.header .navbar-nav .nav-link:focus{
  color: var(--mpshade-green-dark);
}
.inner-banner-section .banner-content {
  background: url(../../images/mprotac-banner-bg.png);
}
.dark-blue .search-box input {
  color: #404040;
  border-bottom: #404040;
  border-bottom: 1px solid rgb(54, 53, 55);
  background: var(--mpshade-light-font);
}
.dark-blue .searchbox-open .search-box-outer {
  background: transparent;
}
.navbar-expand-lg .navbar-toggler {
  background: var(--mpshade-green-dark);
}
.m-search-box .fa-times,
.m-search-box .fa-search {
  color: var(--mpshade-green-dark);
}
.navbar {
  padding: 0rem 0rem;
}
.btn {
  text-transform: initial;
}
.btn-warning {
  background: var(--mpshade-green-light);
  color: var(--mpshade-dark-font);
}
.btn-warning:hover {
  background: var(--mpshade-green-dark);
  color: var(--mpshade-light-font);
}
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:focus {
  background-color: var(--mpshade-green-light);
  border-color: var(--mpshade-green-light);
  box-shadow: 0 0 0 0.2rem rgb(70 90 69 / 50%) !important;
  color: var(--mpshade-dark-font);
}

.footer .footer-top {
  color: #404040;
}
.footer .footer-top .nav .nav-item a {
  color: #404040;
}
.footer .footer-top .nav .nav-item:after {
  color: #404040;
}
.footer .footer-bottom .nav-pills li.nav-item {
  border: 2px solid;
  color: var(--mpshade-light-font);
}
.footer .footer-bottom .nav-pills li.nav-item a {
  color: var(--mpshade-light-font);
}
.tab-section .link-nav .nav-link .nav-iocns path {
  stroke: var(--mpshade-green-dark);
}
.tab-section .link-nav .nav-link {
  color: #404040;
}

.whats-happen-section .card .card-footer .line {
  background: var(--mpshade-green-light);
  color: var(--mpshade-dark-font);
}
.whats-happen-section .card.h-100 { max-height: max-content; }
.whats-happen-section .card .card-body {
  min-height: 160px;
}
.whats-happen-section .card .card-body .card-text {
  padding-bottom: 25px;
}
.whats-happen-section .card .card-body .card-title {
  color: #545454;
  height: auto;
  padding-bottom: 15px;
}
.side-navbar-content .whats-happen-section .card .card-body {
  min-height: 140px; /* fix for card where just two line ex: "P.E.A.C.E. Program" title is there and it was cutting date box */
}
.whats-happen-section .card .card-body .e-date {
  color: var(--mpshade-purple-light);
}

.in-focus-section .in-focus-text {
  background: var(--mpshade-green-light);
  color: var(--mpshade-dark-font);
}
.yellowBlockQuote:before {
  background: var(--mpshade-purple-dark);
}
.gform_wrapper .gform_footer input[type="submit"] {
  background: var(--mpshade-purple-light);
  border-color: var(--mpshade-purple-light);
  color: var(--mpshade-light-font);
}
.button-style3 a:hover {
  background-color: var(--mpshade-green-dark);
  border-color: var(--mpshade-green-dark);
  color:var(--mpshade-light-font);
}

#footer img.logo-img {
  width: 330px;
  height: auto;
  max-width: 100%;
}

.rss-feed .feed-column {
  padding: 1.2rem;
  border: 1px solid #555;
  border-radius: 4px;
}

.rss-feed .wp-block-column:first-of-type,
.rss-feed .wp-block-column:last-of-type {
  flex-basis: 15% !important;
}

.rss-feed .feed-column {
  flex-basis: 42% !important;
}

.rss-feed .wp-block-rss__item {
  margin: 10px 0;
}

.rss-feed .wp-block-rss__item-publish-date {
  color: #575757 !important;
}
.inner-home ul.has-dates.home-rss.wp-block-rss {
  list-style: disc;
  padding: 15px;
}
.gold-bgcolor {
  background-color: var(--mpshade-purple-dark) !important;
  color: var(--mpshade-light-font);
}
.whats-happen-section .card .event .text-box {
  background: var(--mpshade-green-light) !important;
  color: var(--mpshade-dark-font);
}
.archive.tax-meeting-type
  .breadcrumb-section
  .breadcrumb
  .breadcrumb-item.item-current {
  background: var(--mpshade-purple-light);
}

.advanced-filter-facets-heading button, 
.advanced-filter-facets .facet-heading button,
.advanced-filter-facets .facet-body .facets-soft-limit-link,
.article-content h2:not(.section-heading) a {
  color: var(--mpshade-purple-dark);
}

.resource-library-pagination .page-item.active .page-link {
  background: var(--mpshade-green-light);
  border-color: var(--mpshade-green-light);
  color: var(--mpshade-dark-font);
}

.resource-library-pagination .page-link:hover, .resource-library-pagination .page-item:not(.active):hover .page-link {
  background: var(--mpshade-green-dark);
  color: var(--mpshade-light-font) !important; /* Had to use important to override existing important css. */
}

.whats-happen-section .card .event .text-box a {
  color: var(--mpshade-dark-font);
}

.file-size, .pages{
  border: 1px solid var(--mpshade-green-dark);
}

/* Accordion */
.accordion-section .card .card-header, .accordion-section .card .card-body {
  border-left: 5px solid var(--mpshade-green-dark);
  background: rgba(157, 205, 97, 0.15);
}
.inner-pages .wp-block-wiche-button a, .inner-pages .cta-wrapper a {
  background-color: var(--mpshade-green-light);
  border-color: var(--mpshade-green-light);
  color: var(--mpshade-dark-font);
}
/* featured content */
.policy-block h3.policy-title {
  color: var(--mpshade-green-light);
}
.policy-block a.btn.btn-primary {
  background: var(--mpshade-purple-dark);
  border-color:  var(--mpshade-purple-dark);
    color: var(--mpshade-light-font);
}
.policy-block a.btn.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active{
    background: var(--mpshade-purple-light);
    border-color: var(--mpshade-purple-light);
}
/* advanced search box */
.search-box .search-box-outer .wcet_search_options {
  background: var(--mpshade-green-light);
}
.search-box .search-box-outer .wcet_search_options .wcet_filter {
  background: var(--mpshade3-light);
}
.search-box .search-box-outer .wcet_search_options .filter_button:hover {
  background: var(--mpshade-green-dark);
}
/* Bubble Stepper */
.bubble-stepper-main-wrapper .fancy-circles__circle { background-color: var(--mpshade-purple-dark); color: var(--mpshade-light-font); }
.bubble-stepper-main-wrapper .fancy-circles__circle .fancy-circle-link { color: var(--mpshade-light-font); }
.bubble-stepper-main-wrapper .fancy-circles__circle .fancy-circle-link:hover { color: var(--mpshade-light-font); }
@media screen and (min-width: 960px) {
  .bubble-stepper-main-wrapper .fancy-circles__circle { background-color: var(--mpshade-purple-dark); color: var(--mpshade-light-font); }
  .bubble-stepper-main-wrapper .fancy-circles__circle-wrapper:hover .fancy-circles__circle { background-color: var(--mpshade-green-dark); color: var(--mpshade-light-font);}
  .bubble-stepper-main-wrapper .fancy-circles__bar { background-color:var(--mpshade-green-light) !important; color: var(--mpshade-dark-font); }
}
/* heading elements */
.inner-pages h5, .h5-headings {
  color: var(--mpshade-purple-dark);
}
/* Home In Focus */
.in-focus-section .section-heading,
.in-focus-section .section-content {
  color: var(--mpshade-dark-font);
}

/* HTML Block */
.html-block{
  margin-bottom: 2.2rem;
}
.inner-pages .html-block h2.wp-block-wiche-heading:before{
  background: var(--mpshade-purple-dark);
}

.inner-pages h2:not(.section-heading):before {
  background: var(--mpshade-purple-dark);
}

.inner-pages .gform_validation_errors>h2 {
  color: #790000;
  font-size: 1.2rem;
}
.inner-pages .gform_validation_errors>h2:before {
  background: transparent;
}

/* Publications */
.publication-section .card .card-title {
  padding-bottom: 10px;
}
.publications .card .card-title a, .publication-section .card .card-title {
  color: var(--mpshade-purple-dark);
}
.publications .card .card-title a:hover {
  color: var(--mpshade-green-light);
}

.publication-section .nav-tabs .nav-link.active {
  border-color: transparent transparent var(--mpshade-green-light) !important;
  border-bottom: 5px solid var(--mpshade-green-light);
}

/* News */
.inner-pages .featured-container h2:hover {
  color: var(--mpshade-green-light);
}
.inner-pages .news-list h4 {
  color: var(--mpshade-purple-dark);
}
.inner-pages .news-list h4:hover {
  color: var(--mpshade-green-light);
  text-decoration: none;
}
.inner-pages .featured-container a:hover h2:before {
  background: var(--mpshade-green-light);
}
.news-pagination .page-item.active .page-link {
  background: var(--mpshade-green-light);
  border-color: var(--mpshade-green-light);
  color: var(--mpshade-dark-font);
}
.news-pagination .page-link {
  color: var(--mpshade-dark-font);
}
.news-pagination .page-link:hover, 
.news-pagination .page-item:not(.active):hover .page-link {
  background: var(--mpshade-green-dark);
  color: var(--mpshade-light-font) !important;
}

/* Our Region */
.wicheRegionMap .wiche-state.wiche-state-hover {
  background: var(--mpshade-purple-light);
}
.wicheRegionMap .cls-10,
.wicheRegionMap .cls-4,
.wicheRegionMap .cls-5,
.wicheRegionMap .cls-7, .wicheRegionMap .cls-9 {
    fill: var(--mpshade-purple-light);
}

.wicheRegionMap .wiche-state.wiche-state-hover {
    fill: var(--mpshade-purple-dark);
}
.wicheRegionMap .cls-12.outsideText.wiche-state-hover {
  fill: var(--mpshade-purple-light);
}

.map-section .map-tooltip h3.blue, .map-section .map-tooltip .blue a{
  color: var(--mpshade-green-light);
}

.map-section .map-tooltip .cta.blue{
  color: var(--mpshade-dark-font);
  border: 1px solid var(--mpshade-green-light);
}

.map-section .map-tooltip .cta.blue:hover, .map-section .map-tooltip .cta.blue:focus{
  background: var(--mpshade-green-dark);
  color: var(--mpshade-light-font);
}

/* Related Pages */
.inner-pages .collaboration-section .collaboration-cards h4 {
  color: var(--mpshade-purple-light);
}

.collaboration-section .collaboration-cards .go{
  background: var(--mpshade-green-light);
  border-color: var(--mpshade-green-light);
  color: var(--mpshade-dark-font);
}

.collaboration-section .collaboration-cards .go:hover {
  background: var(--mpshade-green-dark);
  color: var(--mpshade-light-font);
}

/* Tabs */
.covid-tab ul.nav-tabs li {
  background: var(--mpshade-purple-dark);
}
.covid-tab ul.nav-tabs li a.active {
  background: var(--mpshade-purple-light);
}
.covid-tab ul.nav-tabs li:hover {
  background-color: var(--mpshade-purple-light);
}


/* Swiper */
.inner-pages .wiche-swiper-top-navigation-wrapper .swiper-button-next { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%239DCD61' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); }
.inner-pages .wiche-swiper-top-navigation-wrapper .swiper-button-prev { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%239DCD61' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); }

.gform_wrapper .gform_footer input[type=submit]:focus, .gform_wrapper .gform_footer input[type=submit]:hover {
  background: var(--mpshade-purple-dark);
  border-color: var(--mpshade-purple-dark);
  color: var(--mpshade-light-font);
  box-shadow: none;
}

@media screen and (max-width: 959px) {
  .logo-img { width: 280px; }
  .fancy-circles__circle-wrapper > .fancy-circles__text { display: block !important; }
  .bubble-stepper-main-wrapper .fancy-circles .fancy-circles__text-wrapper { display: none; }
}
@media screen and (min-width: 768px) {
  .wiche-hover-tabs-wrapper ul.initiatives li:nth-of-type(1).active::before { border-color: var(--mpshade-purple-dark) transparent transparent transparent; }
}

@media (min-width: 782px) {
  .wp-block-column:not(.side-navbar)[style*="flex-basis"] {
      border-left: 1px solid #f0f0f0;
  }
}

@media screen and (max-width: 768px) {
  .side-navbar-content .whats-happen-section .card .card-body {
      min-height: 155px;
  }
  .publication .article-thumb {
    margin-bottom: 10px;
  }
  .card-header.publication a img {
    height: 215px;
  }
}
@media (max-width: 480px) {
  .logo-img {
    width: 220px; } 
}