/* Titulni portfolio slideshow
----------------------------------------------- */
.home-portfolio {width: 96%; margin: 20px 0 34px 2%;}

.home-slideshow {position: relative; overflow: hidden; background: #0d0d0d; border: 1px solid #4e463f; box-shadow: 0 16px 36px rgba(0, 0, 0, 0.42);}
.home-slideshow:focus {outline: 2px solid #edc273; outline-offset: 3px;}

.home-slides {position: relative; height: 0; padding-top: 66.63%; overflow: hidden;}
.home-slide {position: absolute; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; opacity: 0; transition: opacity 450ms ease;}
.home-slide.is-active {visibility: visible; opacity: 1;}
.home-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}

.home-slide-control {display: none; position: absolute; top: 50%; width: 46px; height: 46px; margin-top: -23px; padding: 0; border: 1px solid rgba(255, 255, 255, 0.35); border-radius: 50%; color: #fff; background: rgba(10, 10, 10, 0.62); font: bold 25px/42px Arial, sans-serif; text-align: center; cursor: pointer; touch-action: manipulation; transition: background-color 200ms ease, border-color 200ms ease, transform 200ms ease; z-index: 3;}
.home-slideshow-ready .home-slide-control {display: block;}
.home-slide-control-prev {left: 14px;}
.home-slide-control-next {right: 14px;}
.home-slide-control:hover {background: rgba(20, 20, 20, 0.9); border-color: #edc273; transform: scale(1.04);}
.home-slide-control:focus {outline: 2px solid #edc273; outline-offset: 2px;}

.home-slide-indicators {display: none; position: absolute; right: 0; bottom: 8px; left: 0; height: 44px; text-align: center; z-index: 3;}
.home-slideshow-ready .home-slide-indicators {display: block;}
.home-slide-indicators button {width: 44px; height: 44px; margin: 0 1px; padding: 0; border: 0; background: transparent; cursor: pointer; touch-action: manipulation; vertical-align: top;}
.home-slide-indicators button span {display: inline-block; width: 9px; height: 9px; border: 2px solid #fff; border-radius: 50%; background: rgba(0, 0, 0, 0.45); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.65); transition: background-color 200ms ease, transform 200ms ease;}
.home-slide-indicators button:hover span, .home-slide-indicators button[aria-pressed="true"] span {background: #edc273; transform: scale(1.18);}
.home-slide-indicators button:focus {outline: 2px solid #edc273; outline-offset: -5px;}

.home-portfolio-intro {padding: 23px 18px 0; text-align: center;}
.home-portfolio-intro p {max-width: 620px; margin: 0 auto 19px; color: #f0e7dc; font-size: 1.12em; line-height: 1.55em; letter-spacing: 0.01em;}
.home-portfolio-actions {display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;}
.home-portfolio-action, .home-portfolio-action:visited {display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 17px; border: 1px solid #756a5e; border-radius: 3px; color: #f1e9df; background: #312e2b; font-size: 0.8em; font-weight: bold; line-height: 1.25em; text-decoration: none; box-sizing: border-box; cursor: pointer; touch-action: manipulation; transition: color 200ms ease, background-color 200ms ease, border-color 200ms ease, transform 200ms ease;}
.home-portfolio-action:hover {color: #17130e; background: #edc273; border-color: #edc273; transform: translateY(-1px);}
.home-portfolio-action:focus {outline: 2px solid #edc273; outline-offset: 3px;}
.home-portfolio-action.is-primary, .home-portfolio-action.is-primary:visited {color: #17130e; background: #edc273; border-color: #edc273;}
.home-portfolio-action.is-primary:hover {background: #f6d496; border-color: #f6d496;}

.home-latest-anchor {scroll-margin-top: 18px;}

@media only screen and (max-width: 620px) {
  .home-portfolio-actions {display: block;}
  .home-portfolio-action, .home-portfolio-action:visited {display: flex; width: 100%; margin-top: 9px; font-size: 0.9em;}
  .home-slide-control-prev {left: 8px;}
  .home-slide-control-next {right: 8px;}
}

@media (prefers-reduced-motion: reduce) {
  .home-slide, .home-slide-control, .home-slide-indicators button span, .home-portfolio-action {transition: none;}
  .home-slide-control:hover, .home-portfolio-action:hover {transform: none;}
}