#page-title {background: #000 url(../images/resources/header-resources.avif) no-repeat center !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;}
h3, article a, p.remove-style a {color:var(--resources)}
aside h3 {border-left: var(--resources) 10px solid;color: #333}
aside a:hover {color:var(--resources)}
aside {background: #ddd url(../images/resources/sidebar-resources.avif) center top 24px  no-repeat;}
aside .more-link {margin-top:24px;}

thead tr {background:var(--resources)!important;color:#fff;padding:12px;}

/*@media all and (max-width:768px){ tbody th {background:var(--resources)!important;}}*/
.more-link a {background: var(--resources)!important;border: 1px solid var(--resources);transition: all .4s ease-in-out;}
.more-link a:hover {color: var(--resources)!important;background:transparent!important;}
#block-views-block-projects-block-2 {max-width: 292px;float:right;}
.small-screen #block-views-block-projects-block-2 {max-width: 90%;float:none;margin:0 auto;text-align: center;border-top: 1px solid #fff;margin-top: 48px;}

#block-views-block-projects-block-2 h3 { margin-top:60px;}
.small-screen #block-views-block-projects-block-2 h3 {width:fit-content;margin:60px auto 0;}

#block-views-block-projects-block-2 .project-hover {padding-left:0!important;padding-right:0!important}
#block-views-block-projects-block-2 h4 {font-style: normal;margin-top:24px;}
#block-views-block-projects-block-2 h4 a {color:var(--resources)clear:both;text-decoration: underline;}
.small-screen #block-views-block-projects-block-2 h4 a {font-size: 18px;}

#block-views-block-projects-block-2 h4 a:hover {color:#333;}
#block-views-block-projects-block-2 p {clear:both;}
#block-views-block-projects-block-2 img:hover {opacity: .7;}

.field--name-field-media-image-1 {width: 100%;padding-left: 0!important;margin-bottom:12px;}
.small-screen .field--name-field-media-image-1 {margin-bottom: 12px!important;}

.read-more-image-thumb:hover {opacity: .5;}
.page-node-type-resource-performance-page .field--name-body {margin-bottom:24px!important;}
.gauge-info h3 {border-top:3px double #e0e0e0;padding:36px;padding-bottom:12px;margin-top:36px;margin-bottom:0;padding-left: 0;font-weight: bold;}
.small-screen .gauge-info h3 {font-size: 24px;}
.gauge-info canvas {width:400px!important;margin-top:-48px;margin-bottom: -48px;margin-left:-60px;}
.small-screen .gauge-info canvas {margin:-48px auto;}
.pm-number {margin-bottom: 16px;margin-top:24px;}
.pm-description {margin-top:0;}
.pm-question {font-weight: bold;}
.table1 {border-bottom: none;width:55%;float:left;}
.table2 {border-top:none;margin-top:-12px;padding-top:0;width:45%;float:right}


/*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 18px 36px;background-color: rgba(107,150,61,.2);}
.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;}
.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;
}
.small-screen .gp-pdf-container a {
   display: block;
}

.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:991px){
   .greenprint-buttons {
      display: grid;
      justify-content: unset;
      padding: 0;
      grid-template-columns: 1fr 1fr 1fr;
      height: 150px;
      padding-top:12px;
   }
   .gp-btn {
      height: unset;
   }
   .gp-btn a {width:100%}
}
@media (max-width:320px){
   .greenprint-buttons {
       height: 135px;
       display: flex;
     }
     .gp-btn{
     width: 30%;
   }

}
.ckeditor-accordion-container > dl dt.active > a:not(.button), .ckeditor-accordion-container > dl dt.active > a {
  background: var(--resources);
  color: #fff;
}