.banner-diagonal{background-color:var(--banner-diagonal-background-color,#fff);height:100%;padding-top:1rem;position:relative;width:100%}.banner-diagonal__media{height:100%;height:var(--banner-diagonal-media-height,360px);left:0;overflow:hidden;position:absolute;top:0;width:100%}.banner-diagonal__media--left{left:0}.banner-diagonal__media--right{left:auto;right:0}.banner-diagonal__media:after{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.banner-diagonal__media img,.banner-diagonal__video{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.banner-diagonal__video{display:none}.banner-diagonal__content-container{height:100%;margin-left:auto;margin-right:auto;margin-top:16rem;max-width:1440px;padding-left:20px;padding-right:20px;position:relative;width:100%}.banner-diagonal__title{font-size:1.75rem;line-height:2rem}@media only screen and (min-width:768px){.banner-diagonal__title{font-size:3rem;line-height:3.5rem}}.banner-diagonal__title{color:var(--banner-diagonal-title-color,#333)}.banner-diagonal__container{background-color:var(--banner-diagonal-background-color,#fff);color:var(--banner-diagonal-color,#333);display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;text-align:center}.banner-diagonal__credits{bottom:1rem;color:#fff;display:none;font-size:1rem;line-height:1.125;margin:0;position:absolute;right:20px;text-shadow:0 0 2px rgba(0,0,0,.4)}.banner-diagonal__footer{margin-top:1rem}.banner-diagonal--white{--banner-diagonal-background-color:#fff}.banner-diagonal--grey{--banner-diagonal-background-color:#e6e6e6}.banner-diagonal--blue{--banner-diagonal-background-color:#04b2e1}.banner-diagonal--pink{--banner-diagonal-background-color:#eb1788}.banner-diagonal--orange{--banner-diagonal-background-color:#f89e22}.banner-diagonal--green{--banner-diagonal-background-color:#3ab13e}@media only screen and (min-width:768px){.banner-diagonal{--banner-diagonal-min-height:500px;--banner-diagonal-media-height:100%;min-height:var(--banner-diagonal-min-height);padding-top:0}.banner-diagonal__media{width:58%}.banner-diagonal__media--left:after{background-color:var(--banner-diagonal-background-color);height:150px;left:100%;right:auto;transform:skew(-20deg);transform-origin:top right;width:30px}.banner-diagonal__media--right:after{background-color:var(--banner-diagonal-background-color);height:150px;left:auto;right:100%;transform:skew(-20deg);transform-origin:bottom left;width:30px}.banner-diagonal__media:after{bottom:0;content:"";height:calc(100% + 2px);position:absolute;top:-1px;width:200%}.banner-diagonal__content-container{margin-top:0}.banner-diagonal__credits{display:block}.banner-diagonal__container{padding:2rem 0;text-align:left;width:40%}.banner-diagonal__container--left{margin-left:auto}.banner-diagonal__video{display:block}}@media only screen and (min-width:1024px){.banner-diagonal{--banner-diagonal-min-height:600px;height:var(--banner-diagonal-min-height)}.banner-diagonal__media{width:55%}.banner-diagonal__header{margin-bottom:.75rem}.banner-diagonal__description{font-size:1.375rem;line-height:1.875rem}}