#page-title {background: #000 url(../images/plans/header-plans.avif) no-repeat center -48px !important;}
#page-content {background: #ddd;}
.large-screen #block-drupal8-w3css-subtheme-content, .medium-screen #block-drupal8-w3css-subtheme-content {padding:0!important;display:flex;background: #ddd;}
.path-view-tip-project-status #block-drupal8-w3css-subtheme-content,
.path-view-tip-projects-statuses #block-drupal8-w3css-subtheme-content {
  display: inline-block!important;
}
h3, article a, p.remove-style a {color:var(--plans);}
aside h3 {border-left: var(--plans) 10px solid;color: #333}
aside a:hover {color:var(--plans);}
aside {background: #ddd url(../images/plans/sidebar-plans.avif) center top 24px  no-repeat;}
aside .more-link {margin-top:24px;}

thead tr {background:var(--plans)!important;}
@media all and (max-width:768px){ tbody th {background:var(--plans)!important;}}
.more-link a {background: var(--plans)!important;border: 1px solid var(--plans);transition: all .4s ease-in-out;}
.more-link a:hover {color: var(--plans)!important;background:transparent!important;}

.custom-button {
    background: var(--plans)!important;
    width:auto;
}
.custom-button:hover {
    opacity:.7;
}

.page-node-type-plans-page .ckeditor-accordion-container > dl dt > a:hover,
.page-node-type-plans-page .ckeditor-accordion-container > dl dt > a:not(.button):hover
 {
    background-color: var(--plans);color:#fff;text-decoration: none!important;
}
@media (max-width:991px){
    .w3-row.field.field--name-field-sidebar.field--type-text-long.field--label-hidden.w3-bar-item.field__item {
        margin-top: 0!important;
    }
    svg.memphis-mpo-logo {
        width: 35%;
    }

}
@media (max-width: 850px){
  aside {
      padding: 172px 30px 24px!important;
      background-size: auto 115px!important;
  }
}
.ckeditor-accordion-container > dl dt.active > a:not(.button), .ckeditor-accordion-container > dl dt.active > a {
  background: var(--plans);
  color: #fff;
}

a.sidebar-link {
  display: block;
  text-decoration: underline;
  margin-bottom: 6px;
  transition:all .4s ease-in-out;
}
a.sidebar-link:hover {
  color:var(--plans);
}
a.sidebar-link.active {
  color:var(--plans);
  pointer-events: none;
  pointer: default;
}

#block-drupal8-w3css-subtheme-views-block-tip-projects-sidebar-block h3 {
  margin-bottom: 24px;
  white-space: normal;
  width: 100%;
  font-size: 19px;
  font-weight: 700;
  font-style: italic;
  line-height: normal;
  padding-left: 15px;
  line-height: 120%;
  margin-top: 0;
  margin-right: 160px;
  font-family: 'Play', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  border-left: var(--plans) 10px solid;
  color: #333;
}

.page-node-type-tip-project-status-for-tennessee .w3css-content {background:transparent;}


@media (max-width:768px){
  /***TIP STATUS PAGE***/
  .path-node-184 .small-screen .page-title {
      white-space: normal;
      line-height: 1.25rem;
  }
  .path-node-184 ul.breadcrumb {
      padding-left: 12px !important;
  }
  .path-node-184 .w3-col.breadcrumbs nav:before {
      display:none;
  }
  .path-node-184 ul.breadcrumb li {
      padding: 5px 3px 5px 0;
  }
}

/***TIP PROJECT STATUS OVERVIEW***/
/* container */
.responsive-two-column-grid {
    display:block;
}

/* tablet breakpoint */
@media (min-width:768px) {
    .responsive-two-column-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

/*greenprint
.greenprint-buttons{display:flex; justify-content: space-around;margin-top:24px;margin-bottom:24px;padding: 24px 75px;border-bottom: 3px double #e0e0e0;border-top: 3px double #e0e0e0;}
.gp-btn {height: 150px;}
.gp-btn a {display:flex;text-decoration: none;text-align: center;width: 200px;height: 50%;background-size: 100% auto;background-repeat: no-repeat;left:0;right:0;transition: all 1s}*/
.resources-section #contentArea .gp-btn a {color:transparent;}
.gp-pdf-container {width:auto;border-top: 3px double #e0e0e0;border-bottom: 3px double #e0e0e0;margin-bottom: 36px;display:flex;justify-content: left;padding: 18px 12px 6px 36px;
  background-color: #f3f3f3;
  gap: 12px;
  align-items: center;}
.gp-pdf-container a {width:fit-content;}
.gp-pdf-container a img {max-width: 100px;height:auto!important;text-align: center;}
.gp-pdf-container a i {text-align: center;text-align: center;font-size: 28px;width: 48px;padding-top: 6px;margin-right:12px;}
.gp-pdf-image-link {width: 100px;margin-right: 24px;}
.gp-pdf-text {margin-top:48px}
.gp-pdf-container a img:hover, .gp-pdf-container a i:hover {opacity:.7;}
.fas {
    font-family: "Font Awesome 5 Free";
}
.node-type-portfolio #contentAndSidebars #contentArea .greenprint-page img {width:100%!important;}
.resources-section .portfolio-container .views-field-created {border-color: var(--resources)}
.page-node-416 h4, .page-node-417 h4 {color:var(--resources)font-weight: 600;font-size: 17px;margin-bottom:6px;}

.gp-btn a {position:relative;margin:0 auto;background-images:none!important}
.gp-btn a:hover {background-images:none!important}
.gp-btn a img {position:absolute;left:0;-webkit-transition: opacity .5s ease-in-out;-moz-transition: opacity .5s ease-in-out;-o-transition: opacity .5s ease-in-out;transition: opacity .5s ease-in-out;}

.gp-btn a img.bottom {margin-left:-3px;}
.gp-btn a:hover img.top, .gp-btn.active a img.top {opacity:0;}

.gp-btn.gp-vision a {margin-top:60px;}

.page-node-416 .alert, .page-node-417 .alert, .page-node-418 .alert, .page-node-415 .alert {display:none;}
.node-unpublished {background: #fff!important;}
.page-node-418 h4 {color:var(--resources)font-weight: 600;font-size: 17px;margin-bottom:6px;}

.gp-flex {display: flex;flex-wrap: wrap;}
.gp-flex .gp-padded-paragraph-2 {flex: 50%;}
.gp-flex .gp-padded-paragraph-1 {padding-right:36px;flex:40%;}
.gp-flex .gp-div-flex-2 {flex: 40%;}
.gp-flex .gp-div-flex-1 {padding-right:36px;flex:50%;}

.small-screen .gp-flex {display: block;}
.small-screen .gp-flex .gp-padded-paragraph-2 {flex: unset;margin: 24px 0 12px}
.small-screen .gp-flex .gp-padded-paragraph-1 {padding-right:unset;flex:unset;margin: 12px 0 24px}}
.small-screen .greenprint-buttons {
    justify-content: center;
    padding: 24px unset;
    clear: both;
}
.small-screen .gp-btn {
    height: 100px;
}
.small-screen .gp-btn a {
    display: inline-block;
    width: 110px;
}
.small-screen .gp-pdf-text {
    margin-top: -24px;
    margin-bottom: 24px;
}


.firefox figure.hover-effect::before {display:none}
.firefox figure.hover-effect p {
  -webkit-transform: unset;
  transform: unset;
  -webkit-transform: translate(-150%, -50%);
  transform: translate(-150%, -50%);
}
.firefox figure.hover-effect:hover p, .firefox figure.hover-effect.hover p {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

h4.pg {background: url(images/pg.jpg) no-repeat; background-size: auto 72px;padding-left: 90px;height: 80px;padding-top: 36px;margin-bottom:-12px;margin-top: 36px;}
h4.se {background: url(images/se.jpg) no-repeat; background-size: auto 72px;padding-left: 90px;height: 80px;padding-top: 36px;margin-bottom:-12px;margin-top: 36px;}
h4.atf {background: url(images/atf.jpg) no-repeat; background-size: auto 72px;padding-left: 90px;height: 80px;padding-top: 36px;margin-bottom:-12px;margin-top: 36px;}
h4.chw {background: url(images/chw.jpg) no-repeat; background-size: auto 72px;padding-left: 90px;height: 80px;padding-top: 36px;margin-bottom:-12px;margin-top: 36px;}
h4.hnlu {background: url(images/hnlu.jpg) no-repeat; background-size: auto 72px;padding-left: 90px;height: 80px;padding-top: 36px;margin-bottom:-12px;margin-top: 36px;}
h4.rcep {background: url(images/rcep.jpg) no-repeat; background-size: auto 72px;padding-left: 90px;height: 80px;padding-top: 36px;margin-bottom:-12px;margin-top: 36px;}
h4.wd {background: url(images/wd.jpg) no-repeat; background-size: auto 72px;padding-left: 90px;height: 80px;padding-top: 36px;margin-bottom:-12px;margin-top: 36px;}
h4.dme {background: url(images/dme.jpg) no-repeat; background-size: auto 72px;padding-left: 90px;height: 80px;padding-top: 36px;margin-bottom:-12px;margin-top: 36px;}


.custom-button {
    background: var(--resources)!important;
    width:auto;
}
.custom-button:hover {
    opacity:.7;
}

.page-node-type-resources-page .ckeditor-accordion-container > dl dt > a:hover,
.page-node-type-resources-page .ckeditor-accordion-container > dl dt > a:not(.button):hover
 {
    background-color: var(--resources);color:#fff;text-decoration: none!important;
}

@media (max-width:640px){
 .gp-pdf-container {flex-direction:column;}
 
}

.page-node-type-resources-page thead th p {color:#fff!important}