/* Start custom CSS */@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.woff2) format("woff2")}
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-regular-400.woff2) format("woff2")}
@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-brands-400.woff2) format("woff2")}
/* Casa Delmolino redesign - shared page styles (accent: Elementor variables cd-accent-sand / cd-accent-taupe) */
html{scroll-behavior:smooth}
html,body{overflow-x:clip}
body{background:#FFFBF4}
body h1 em,body h2 em,body h3 em{font-style:normal;color:var(--cd-accent-taupe,#8C7B63)}
body .cda-display em,body .cda-h2 em{color:var(--cd-accent-sand,#D9CBB3)}
body ::selection{background:var(--cd-accent-sand,#D9CBB3);color:#000}
.admin-bar header{top:calc(32px + 1rem)}
body form input:not([type=button]):not([type=submit]):not([type=checkbox]):not([type=radio]),body form select,body form textarea{width:100%;box-sizing:border-box;height:3.1rem;padding:0 1rem;background:#fff;border:1px solid rgba(0,0,0,.14);border-radius:.75rem;color:#000;font-family:Inter,sans-serif;font-size:.95rem;font-weight:300;color-scheme:light;outline:none;transition:border-color .3s}
body form textarea{height:auto;min-height:8.5rem;padding:.9rem 1rem;resize:vertical}
body form input:focus,body form select:focus,body form textarea:focus{border-color:var(--cd-accent-taupe,#8C7B63)}
body form input::placeholder,body form textarea::placeholder{color:#BABABA}
/* Header between tablet and wide desktop: compact (no wordmark, icon-only question button) */
@media (min-width:1025px) and (max-width:1500px){
body header nav{gap:1.5rem!important}
body header a[href="https://casadelmolino.nl/"] > span{display:none!important}
body header a[href^="mailto:"]{padding-right:.3rem!important}
body header a[href^="mailto:"] > span:last-child{display:none!important}
}
/* Header: larger at the top of the page, shrinks to the compact capsule while scrolling (scroll-driven; unsupported browsers keep the compact header) */
:root{--cd-hdr-top:0px}
.admin-bar{--cd-hdr-top:32px}
@media (max-width:782px){.admin-bar{--cd-hdr-top:46px}}
@supports (animation-timeline: scroll()){
@media (min-width:768px){
body header{animation:cd-hdr linear both;animation-timeline:scroll(root);animation-range:0 180px}
body header img{animation:cd-hdr-logo linear both;animation-timeline:scroll(root);animation-range:0 180px}
body header a[href="https://casadelmolino.nl/"] > span{animation:cd-hdr-word linear both;animation-timeline:scroll(root);animation-range:0 180px}
@keyframes cd-hdr{from{top:calc(var(--cd-hdr-top) + 1.75rem);left:2.75rem;right:2.75rem;padding:1.05rem 1.1rem 1.05rem 1.5rem;background-color:rgba(28,20,10,.38);box-shadow:0 18px 50px rgba(0,0,0,.08)}to{top:calc(var(--cd-hdr-top) + 1rem);left:1.25rem;right:1.25rem;padding:.5rem .55rem .5rem 1rem;background-color:rgba(28,20,10,.6);box-shadow:0 10px 30px rgba(0,0,0,.14)}}
@keyframes cd-hdr-logo{from{width:3.6rem;height:3.6rem}to{width:2.6rem;height:2.6rem}}
@keyframes cd-hdr-word{from{font-size:1.1rem}to{font-size:.95rem}}
}
@media (max-width:767px){
body header{animation:cd-hdr-m linear both;animation-timeline:scroll(root);animation-range:0 140px}
body header img{animation:cd-hdr-logo-m linear both;animation-timeline:scroll(root);animation-range:0 140px}
@keyframes cd-hdr-m{from{top:calc(var(--cd-hdr-top) + 1rem);left:1rem;right:1rem;padding:.7rem .6rem .7rem 1rem;background-color:rgba(28,20,10,.38)}to{top:calc(var(--cd-hdr-top) + .75rem);left:.75rem;right:.75rem;padding:.4rem .45rem .4rem .75rem;background-color:rgba(28,20,10,.6)}}
@keyframes cd-hdr-logo-m{from{width:3.25rem;height:3.25rem}to{width:2.75rem;height:2.75rem}}
}
}
/* Text links inside body copy: readable (the kit link colour is a pale accent) */
body .cda-body-ink a{color:inherit;font-weight:500;text-decoration:underline;text-decoration-color:var(--cd-accent-taupe,#8C7B63);text-decoration-thickness:1px;text-underline-offset:3px;transition:color .2s}
body .cda-body-ink a:hover,body .cda-body-ink a:focus-visible{color:var(--cd-accent-taupe,#8C7B63)}
/* Links inside paragraphs/headings (nav, footer menu, text links) keep their own colour on hover; the kit otherwise turns every hovered link black */
.elementor .e-paragraph-link-base:hover,.elementor .e-paragraph-link-base:focus-visible,.elementor .e-heading-link-base:hover,.elementor .e-heading-link-base:focus-visible{color:inherit}
/* Links inside card and glass texts */
body .cda-small a{color:inherit;font-weight:500;text-decoration:underline;text-decoration-color:var(--cd-accent-taupe,#8C7B63);text-decoration-thickness:1px;text-underline-offset:3px;transition:color .2s}
body .cda-small a:hover{color:var(--cd-accent-taupe,#8C7B63)}
body .cda-cell-text a{color:#FFFBF4;font-weight:500;text-decoration:underline;text-decoration-color:var(--cd-accent-sand,#D9CBB3);text-underline-offset:3px}/* End custom CSS */