/* 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}
/* WP Booking System calendar in the Casa Delmolino style */
body .wpbs-container{font-family:Inter,sans-serif;color:#424242;max-width:none!important}
body .wpbs-container .wpbs-calendars-wrapper{display:block}
body .wpbs-container .wpbs-legend{display:flex;flex-wrap:wrap;gap:1.25rem;margin:0 0 1.25rem;float:none;width:auto}
body .wpbs-container .wpbs-legend-item{display:flex;align-items:center;gap:.5rem;margin:0}
body .wpbs-container .wpbs-legend-item-name{font-family:Raleway,sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#424242}
body .wpbs-container .wpbs-calendars{display:flex;flex-wrap:wrap;gap:1.25rem}
body .wpbs-container .wpbs-calendar{flex:1 1 300px;max-width:none!important;background:#fff!important;border:1px solid #F0F0F0!important;border-radius:1.25rem!important;padding:1.1rem!important;box-shadow:0 18px 40px rgba(140,123,99,.10)}
body .wpbs-container .wpbs-calendar-header{background:transparent!important;border:0!important;padding:0 0 .75rem!important}
body .wpbs-container .wpbs-calendar-header select{font-family:Marcellus,serif;font-size:1.15rem;border:0!important;background:transparent!important;color:#000!important;height:auto!important;width:auto!important;padding:0!important}
body .wpbs-container table th{font-family:Raleway,sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.15em;color:#7A7A7A!important;background:transparent!important}
body .wpbs-container .wpbs-date{border-radius:.55rem;overflow:hidden}
body .wpbs-container .wpbs-date-number{font-family:Inter,sans-serif;font-weight:400;color:#000}
body .wpbs-container.wpbs-calendar-1 .wpbs-legend-item-icon-1 div:first-of-type{background-color:#D6E2CF!important}
body .wpbs-container.wpbs-calendar-1 .wpbs-legend-item-icon-1 div:first-of-type svg{fill:#D6E2CF!important}
body .wpbs-container.wpbs-calendar-1 .wpbs-legend-item-icon-2 div:first-of-type{background-color:#D9CBB3!important}
body .wpbs-container.wpbs-calendar-1 .wpbs-legend-item-icon-2 div:first-of-type svg{fill:#D9CBB3!important}
body .wpbs-container .wpbs-legend-item-2 .wpbs-date-number{color:#8C7B63;text-decoration:line-through}
body .wpbs-container .wpbs-week-number{color:#BABABA;font-size:.7rem}
body .wpbs-container .wpbs-legend-item .wpbs-legend-item-icon{width:1rem;height:1rem;border-radius:.3rem;overflow:hidden}
/* changeover days (split cells) */
body .wpbs-container.wpbs-calendar-1 .wpbs-legend-item-icon-3 div:first-of-type{background-color:#D6E2CF!important}
body .wpbs-container.wpbs-calendar-1 .wpbs-legend-item-icon-3 div:first-of-type svg{fill:#D6E2CF!important}
body .wpbs-container.wpbs-calendar-1 .wpbs-legend-item-icon-3 div:nth-of-type(2){background-color:#D9CBB3!important}
body .wpbs-container.wpbs-calendar-1 .wpbs-legend-item-icon-3 div:nth-of-type(2) svg{fill:#D9CBB3!important}
body .wpbs-container.wpbs-calendar-1 .wpbs-legend-item-icon-4 div:first-of-type{background-color:#D9CBB3!important}
body .wpbs-container.wpbs-calendar-1 .wpbs-legend-item-icon-4 div:first-of-type svg{fill:#D9CBB3!important}
body .wpbs-container.wpbs-calendar-1 .wpbs-legend-item-icon-4 div:nth-of-type(2){background-color:#D6E2CF!important}
body .wpbs-container.wpbs-calendar-1 .wpbs-legend-item-icon-4 div:nth-of-type(2) svg{fill:#D6E2CF!important}
/* 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}}
}
}
/* 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}
/* Message field matches the other fields (the kit and Elementor base textarea styles otherwise win on specificity) */
.elementor form textarea.e-form-textarea-base{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;line-height:1.6}
.elementor form textarea.e-form-textarea-base:focus{border-color:var(--cd-accent-taupe,#8C7B63);outline:none}
.elementor form textarea.e-form-textarea-base::placeholder{color:#BABABA}
/* Select field matches the other fields (Elementor base select style is 12px with a grey border) */
.elementor form select.e-form-select-base{background-color:#fff;border-color:rgba(0,0,0,.14);color:#000;font-size:.95rem;font-weight:300}
.elementor form select.e-form-select-base:focus{border-color:var(--cd-accent-taupe,#8C7B63);outline:none}/* End custom CSS */