/*
Theme Name: DILIGHT — štirje sklopi
Template: dilight-final
Version: 1.2.0
Description: Posodobitev domače strani za obstoječo temo DILIGHT 1.1.1. Ohrani vsebine, podstrani in nastavitve.
Requires PHP: 8.0
Text Domain: dilight-domaca
*/
.dilight-areas.wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:100%;max-width:none;padding:0;margin:0}
.dilight-area{display:block;position:relative;isolation:isolate;height:420px;overflow:hidden;background:#655b48;color:#fff}
.area-visual,.area-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dilight-area:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(0deg,rgba(47,39,29,.94),rgba(47,39,29,.2) 55%,transparent)}
.area-overlay{position:absolute;z-index:1;left:24px;right:20px;bottom:28px;padding-left:14px;border-left:2px solid #a2c14e}
.area-overlay h2{font-size:21px;line-height:1.3;font-weight:500;letter-spacing:.07em;color:#fff;margin:0 0 10px}
.area-overlay p{font-size:16px;line-height:1.4;color:#fff;margin:0 0 10px}.area-arrow{color:#b5d969}
.dilight-area:focus-visible{outline:3px solid #9abb42;outline-offset:-4px}.dilight-area:hover .area-arrow{color:white}
.home-space{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding-top:55px;padding-bottom:65px}
.home-space-visual{display:block;overflow:hidden}.home-space-visual img{width:100%;height:480px;object-fit:cover;object-position:50% 58%;display:block}.home-space-copy{max-width:560px}
#re-design .re-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#re-design .photo-card img{height:390px;object-fit:cover}
@media(max-width:1150px){.dilight-areas.wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.dilight-area{height:380px}}
@media(max-width:900px){.home-space{gap:30px}.home-space-visual img{height:420px}#re-design .re-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.dilight-areas.wrap{grid-template-columns:1fr}.dilight-area{height:320px}.home-space{grid-template-columns:1fr;gap:25px;padding-top:35px;padding-bottom:40px}.home-space-visual img{height:330px}}
@media(max-width:500px){#re-design .re-grid{grid-template-columns:1fr}#re-design .photo-card img{height:400px}}
#re-design .photo-card:first-child img{object-position:50% 20%}.workshop-band .section-heading{overflow-wrap:normal;word-break:normal;font-size:clamp(24px,2.15vw,32px)}