.p-banner{border-radius:4px;background:#fff;box-shadow:0 2px 30px rgba(205,205,205,.5);overflow:hidden;padding:0;position:relative;transition:all .2s ease-in-out}.p-banner:not(.--no-link):focus,.p-banner:not(.--no-link):hover{box-shadow:0 2px 30px #cdcdcd}.p-banner__url{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;display:block;cursor:pointer}.p-banner__url:focus+.row .p-banner__image img,.p-banner__url:hover+.row .p-banner__image img{opacity:.9}.p-banner__url:focus+.row .p-banner__link a,.p-banner__url:hover+.row .p-banner__link a{color:#578c37}.p-banner__url:focus+.row .p-banner__link a .link__title,.p-banner__url:hover+.row .p-banner__link a .link__title{border-bottom-color:transparent}.p-banner__url:focus+.row .p-banner__link a .bi,.p-banner__url:hover+.row .p-banner__link a .bi{right:0}.p-banner__content{display:flex;flex-direction:column;justify-content:center;height:100%;padding:30px 30px 24px 30px}@media (min-width:768px){.p-banner__content{padding:30px 30px 24px 0}}@media (min-width:992px){.p-banner__content{padding:45px 45px 40px 15px}}.p-banner__content.right{padding:30px 30px 24px 30px}@media (min-width:992px){.p-banner__content.right{padding:30px 0 24px 30px}}@media (min-width:992px){.p-banner__content.right{padding:45px 15px 40px 45px}}.p-banner__meta{margin-bottom:18px}@media (min-width:768px){.p-banner__meta{margin-bottom:30px}}.p-banner__category{margin-right:1rem}.p-banner__date{font-size:.875rem}.p-banner__title{transition:all .2s ease-in-out}.p-banner__image{background-color:#dfe8b7}.node--blog .p-banner__image{background-color:#ebbd6e}.node--project .p-banner__image{background-color:#4f72b8}.p-banner__image img{transition:opacity .15s linear;width:100%}@media (min-width:768px){.p-banner__image{display:flex;align-items:center;justify-content:center;height:100%;overflow:hidden}.p-banner__image img{height:100%;max-width:none;width:auto}}.p-banner.--no-image .p-banner__image{height:100%;min-height:178px}@media (min-width:768px){.p-banner.--no-image .p-banner__image{min-height:191px}}@media (min-width:992px){.p-banner.--no-image .p-banner__image{min-height:310px}}@media (min-width:1200px){.p-banner.--no-image .p-banner__image{min-height:320px}}.p-banner__link{text-align:right}.p-banner__link a{padding-right:20px;position:relative}.p-banner__link .link__title{border-bottom:1px solid #578c37;display:inline-block;margin-right:4px}.p-banner__link .bi{color:#578c37;position:absolute;right:4px;top:-2px;transition:all .2s ease-in-out}.node--blog .p-banner__link .bi{color:#ebbd6e}.node--project .p-banner__link .bi{color:#4f72b8}