/* The card sizes, colours and typography follow lacoswebext's lay40 welcome slider. */
.sh-welcome { position:relative; z-index:1; padding:48px 0; background:#f5f0f0; }
.sh-welcome .sh-welcome-heading { text-align:center; }
.sh-welcome .sh-welcome-heading h3 { font-size:34px; line-height:1.5; margin:0; }
.sh-welcome .sh-welcome-heading h4 { font-size:18px; margin:0; }
.sh-welcome-carousel { position:relative; width:1078px; max-width:calc(100% - 120px); margin:40px auto 0; }
.sh-welcome-viewport { overflow-x:auto; width:100%; }
.sh-welcome-strip { display:flex; align-items:stretch; width:max-content; }
.sh-welcome-card { flex:0 0 346px; width:346px; max-width:346px; margin:0 20px 0 0; background:#fff; }
.sh-welcome-card:last-child { margin-right:0; }
.sh-welcome-link { display:block; height:100%; color:#643c28; text-decoration:none; }
.sh-welcome-image img { display:block; width:100%; height:auto; }
.sh-welcome-copy { padding:20px; }
.sh-welcome-copy h5 { font-size:18px; line-height:1.5; margin:0 0 26.4px; text-align:left; font-family:contobold; font-weight:normal; }
.sh-welcome .sh-welcome-copy p { font-size:16px; line-height:26.4px; margin:0; }
.sh-welcome-more { position:relative; display:inline-block; margin-top:26.4px; font-family:contobold; }
.sh-welcome-more::after { content:""; position:absolute; width:20px; height:20px; right:-30px; top:3px; background:url("welcome-more.svg") no-repeat center/20px; }
.sh-welcome-prev,.sh-welcome-next { display:none; position:absolute; top:0; width:60px; height:100%; border:0; padding:0; background:transparent url("welcome-arrow.svg") no-repeat center/20px; cursor:pointer; transition:opacity .7s; }
.sh-welcome-prev { left:-60px; transform:rotate(180deg); }
.sh-welcome-next { right:-60px; }
.sh-welcome-carousel.is-enhanced .sh-welcome-prev,.sh-welcome-carousel.is-enhanced .sh-welcome-next { display:block; }
.sh-welcome-carousel.is-enhanced .sh-welcome-viewport { overflow:hidden; }
.sh-welcome-carousel button.disabled { opacity:.25; cursor:auto; }
@media (max-width:600px) {
    .sh-welcome { padding:20px 0; }
    .sh-welcome-carousel { max-width:calc(100% - 64px); }
    .sh-welcome-card { width:calc(96vw - 64px); flex-basis:calc(96vw - 64px); max-width:346px; }
    .sh-welcome-prev,.sh-welcome-next { width:32px; }
    .sh-welcome-prev { left:-32px; }.sh-welcome-next { right:-32px; }
}