section.hero{padding-block: calc(var(--header-height) + var(--section-padding));background-color:rgba(199,186,156,.6);background-blend-mode:multiply;background-repeat:no-repeat;background-size:110%;background-position:top 69% left 44%;display:flex;align-items:center;justify-content:center;text-align:center}section.hero .container h1{font-family: var(--font-playfair);font-weight:700;font-style:italic;font-size:var(--text-2xl);color:var(--color-white)}section.contacts{background:url(/wp-content/themes/zornica/assets/img/backgrounds/back-gn.svg);background-position:top;background-repeat:repeat-x}section.contacts .container{display:grid;row-gap:3rem}section.contacts .container .info{display:grid;row-gap:2rem}section.contacts .container .info>div{display:flex;flex-direction:column;gap:1rem;color:var(--color-text)}section.contacts .container .info>div strong{font-weight:600;font-size:var(--text-xl);line-height:1}section.contacts .container .info>div>a{position:relative;display:flex;align-items:center;gap:.6rem;width:fit-content;font-weight:400;font-size:20px;line-height:1;color:var(--color-text);transition:color var(--dur) var(--ease)}@media (hover:hover){section.contacts .container .info>div>a:hover{color:var(--color-primary-hover)}}section.contacts .container .info>div>a:active{color:var(--color-primary-active)}section.contacts .container .info>div>a::after{content:attr(data-addons);display:block;font-size:12px}section.contacts .container .info>div>a svg{color:var(--color-secondary)}section.contacts .container .info>div .socials{display:flex;align-items:center;gap:2rem}section.contacts .container .info>div .socials.contact a{background-color:var(--color-primary-soft);border-color:var(--color-primary-soft);color:var(--color-white);transition:background var(--dur) var(--ease)}section.contacts .container .info>div .socials a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;aspect-ratio: 1/1;padding:4px;border-radius:50%;color:var(--color-secondary);background-color:transparent;border:1px solid var(--color-secondary);transition:border var(--dur) var(--ease) , color var(--dur) var(--ease)}@media (hover:hover){section.contacts .container .info>div .socials.contact a:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}section.contacts .container .info>div .socials a:hover{border-color:var(--color-primary-hover);color:var(--color-primary-hover)}}section.contacts .container .info>div .socials.contact a:active{background-color:var(--color-primary-active);border-color:var(--color-primary-active)}section.contacts .container .info>div .socials a:active{border-color:var(--color-primary-active);color:var(--color-primary-active)}section.contacts .container .map{width:100%;position:relative}section.contacts .container .map img{width:100%;height:auto;object-fit:cover;object-position:center}section.contacts .container .map>div{position:absolute;top:0;right:0;display:flex;align-items:center;flex-wrap:wrap;gap:.8rem;padding:2rem}section.contacts .container .map>div span{font-weight:600;font-size:20px;line-height:1;color:var(--color-primary-soft)}section.contacts .container .map>div .btn{padding:.7rem 1rem}@media screen and (min-width:1024px){section.contacts .container{grid-template-columns:1fr 1fr;column-gap:3rem}}