@charset "utf-8";
/* CSS Document */


/*
Theme Name:     Rabitti Urban Nest 2025
Theme URI:      https://rabittiurbannest.it
Description:    Un tema gentile, accogliente, con tinte morbide e rassicuranti.
Author:         Milo @ MontiNeri
Author URI:     https://creandre.com
Text Domain:    mn
Version:        0.0.1
*/


/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* Fonts */


@font-face{font-family:'Istok Web';src:local('Istok Web Regular'),local('IstokWeb-Regular'),url('fonts/subset-IstokWeb-Regular.woff2') format('woff2'),url('fonts/subset-IstokWeb-Regular.ttf') format('truetype');font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:'Istok Web';src:local('Istok Web Italic'),local('IstokWeb-Italic'),url('fonts/subset-IstokWeb-Italic.woff2') format('woff2'),url('fonts/subset-IstokWeb-Italic.ttf') format('truetype');font-weight:normal;font-style:italic;font-display:swap}
@font-face{font-family:'Istok Web';src:local('Istok Web Bold'),local('IstokWeb-Bold'),url('fonts/subset-IstokWeb-Bold.woff2') format('woff2'),url('fonts/subset-IstokWeb-Bold.ttf') format('truetype');font-weight:bold;font-style:normal;font-display:swap}
@font-face{font-family:'Istok Web';src:local('Istok Web Bold Italic'),local('IstokWeb-BoldItalic'),url('fonts/subset-IstokWeb-BoldItalic.woff2') format('woff2'),url('fonts/subset-IstokWeb-BoldItalic.ttf') format('truetype');font-weight:bold;font-style:italic;font-display:swap}
@font-face{font-family:'Libre Bodoni';src:local('Libre Bodoni Regular'),local('LibreBodoni-Regular'),url('fonts/subset-LibreBodoni-Regular.woff2') format('woff2'),url('fonts/subset-LibreBodoni-Regular.ttf') format('truetype');font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:'Libre Bodoni';src:local('Libre Bodoni Italic'),local('LibreBodoni-Italic'),url('fonts/subset-LibreBodoni-Italic.woff2') format('woff2'),url('fonts/subset-LibreBodoni-Italic.ttf') format('truetype');font-weight:normal;font-style:italic;font-display:swap}
@font-face{font-family:'Libre Bodoni';src:local('Libre Bodoni Medium'),local('LibreBodoni-Medium'),url('fonts/subset-LibreBodoni-Medium.woff2') format('woff2'),url('fonts/subset-LibreBodoni-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Libre Bodoni';src:local('Libre Bodoni Medium Italic'),local('LibreBodoni-MediumItalic'),url('fonts/subset-LibreBodoni-MediumItalic.woff2') format('woff2'),url('fonts/subset-LibreBodoni-MediumItalic.ttf') format('truetype');font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:'Libre Bodoni';src:local('Libre Bodoni SemiBold'),local('LibreBodoni-SemiBold'),url('fonts/subset-LibreBodoni-SemiBold.woff2') format('woff2'),url('fonts/subset-LibreBodoni-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Libre Bodoni';src:local('Libre Bodoni SemiBold Italic'),local('LibreBodoni-SemiBoldItalic'),url('fonts/subset-LibreBodoni-SemiBoldItalic.woff2') format('woff2'),url('fonts/subset-LibreBodoni-SemiBoldItalic.ttf') format('truetype');font-weight:600;font-style:italic;font-display:swap}
@font-face{font-family:'Libre Bodoni';src:local('Libre Bodoni Bold'),local('LibreBodoni-Bold'),url('fonts/subset-LibreBodoni-Bold.woff2') format('woff2'),url('fonts/subset-LibreBodoni-Bold.ttf') format('truetype');font-weight:bold;font-style:normal;font-display:swap}
@font-face{font-family:'Libre Bodoni';src:local('Libre Bodoni Bold Italic'),local('LibreBodoni-BoldItalic'),url('fonts/subset-LibreBodoni-BoldItalic.woff2') format('woff2'),url('fonts/subset-LibreBodoni-BoldItalic.ttf') format('truetype');font-weight:bold;font-style:italic;font-display:swap}

.istok {font-family: 'Istok Web'}
.bodoni {font-family: 'Libre Bodoni'}


/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */



/* colors */

:root {

	--whatsapp:    66, 229, 115;
	--ice:        240, 241, 249;
	--sisters:    253, 236, 228;
	--dintorni:   253, 248, 236;
	--salvia:     157, 188, 157;
	--mattone:    197, 122, 103;
	--mirai:      212, 176, 160;
	--purple:      65,  48, 191;

	--warn:       255,  94,  42;
	
	--white:      255, 255, 255;
	--black:        0,   0,   0;
	
	--btn-hover:   33,  33,  33;
	--whatsapp-hover:89, 255, 139;
	
	--base-color: var(--black);
	--base-bg: var(--white);


	
	--link-opacity: .7;
	--input-bg-opacity: .06;
	--input-bg-hover-opacity: .1;
	--pale-bg-opacity: .06;
	
	
	--accent: var(--pine);
	--accent-hover: var(--pine-light);


}

.color-white {color:rgb(var(--white))}
.reverse-color-scheme {--base-color:var(--white);--base-bg:var(--black);--btn-hover:225,225,225;color:rgb(var(--base-color))}

.bg-whatsapp  {background-color:rgb(var(--whatsapp))}
.bg-ice       {background-color:rgb(var(--ice))}
.bg-sisters   {background-color:rgb(var(--sisters))}
.bg-dintorni  {background-color:rgb(var(--dintorni))}
.bg-salvia    {background-color:rgb(var(--salvia))}
.bg-mattone   {background-color:rgb(var(--mattone))}
.bg-mirai     {background-color:rgb(var(--mirai))}
.bg-purple    {background-color:rgb(var(--purple))}






/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */



/* grid & gaps */

:root {

	--gap: 12px;
	
}

.gap {gap:var(--gap)}
.main-container {padding-left:12px;padding-right:12px; margin: 0 auto; max-width:1920px; box-sizing:border-box}

.grid.gtc_1col {grid-template-columns:1fr}
.grid.gtc_2col {grid-template-columns:1fr 1fr}
.grid.gtc_3col {grid-template-columns:1fr 1fr 1fr}
.grid.gtc_4col {grid-template-columns:repeat(4, 1fr)}
.grid.gtc_5col {grid-template-columns:repeat(5, 1fr)}
.grid.gtc_6col {grid-template-columns:repeat(6, 1fr)}
.grid.gtc_7col {grid-template-columns:repeat(7, 1fr)}
.grid.gtc_8col {grid-template-columns:repeat(8, 1fr)}
.grid.gtc_9col {grid-template-columns:repeat(9, 1fr)}
.grid.gtc_10col {grid-template-columns:repeat(10, 1fr)}
.grid.gtc_11col {grid-template-columns:repeat(11, 1fr)}
.grid.gtc_12col {grid-template-columns:repeat(12, 1fr)}



@media (max-width: 959px) {

	.fullwidth-on-mobile {width:100%!important;max-width:100%;padding-left:0;padding-right:0}
	
	.row.col-on-mobile {flex-direction:column}
	.grid.col-on-mobile {grid-template-columns:1fr}
	.row.reversecol-on-mobile {flex-direction:column-reverse}
	
	.grid.mb_gtc_1col {grid-template-columns:1fr}
	.grid.mb_gtc_2col {grid-template-columns:1fr 1fr}
	.grid.mb_gtc_3col {grid-template-columns:1fr 1fr 1fr}
	.grid.mb_gtc_4col {grid-template-columns:1fr 1fr 1fr 1fr}
	.grid.mb_gtc_5col {grid-template-columns:1fr 1fr 1fr 1fr 1fr}
	.grid.mb_gtc_6col {grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}

}
@media (min-width: 768px) {
	
	:root {
	--is_1col:  calc((100% - (var(--gap) *  0)) / 12);
	--is_2col:  calc((100% - (var(--gap) *  5)) /  6);
	--is_3col:  calc((100% - (var(--gap) *  3)) /  4);
	--is_4col:  calc((100% - (var(--gap) *  2)) /  3);
	--is_5col:  calc((var(--is_1col) *  5) + (var(--gap) *  4));
	--is_6col:  calc((100% - (var(--gap) *  1)) /  2);
	--is_7col:  calc((var(--is_1col) *  7) + (var(--gap) *  6));
	--is_8col:  calc((var(--is_1col) *  8) + (var(--gap) *  7));
	--is_9col:  calc((var(--is_1col) *  9) + (var(--gap) *  8));
	--is_10col: calc((var(--is_1col) * 10) + (var(--gap) *  9));
	--is_11col: calc((var(--is_1col) * 11) + (var(--gap) * 10));
	--is_12col: 100%;
	}
	
	.is_1col  {width: var(--is_1col)}
	.is_2col  {width: var(--is_2col)}
	.is_3col  {width: var(--is_3col)}
	.is_4col  {width: var(--is_4col)}
	.is_5col  {width: var(--is_5col)}
	.is_6col  {width: var(--is_6col)}
	.is_7col  {width: var(--is_7col)}
	.is_8col  {width: var(--is_8col)}
	.is_9col  {width: var(--is_9col)}
	.is_10col {width: var(--is_10col)}
	.is_11col {width: var(--is_11col)}
	.is_12col {width: var(--is_12col)}
	
	.max_1col  {max-width: var(--is_1col)}
	.max_2col  {max-width: var(--is_2col)}
	.max_3col  {max-width: var(--is_3col)}
	.max_4col  {max-width: var(--is_4col)}
	.max_5col  {max-width: var(--is_5col)}
	.max_6col  {max-width: var(--is_6col)}
	.max_7col  {max-width: var(--is_7col)}
	.max_8col  {max-width: var(--is_8col)}
	.max_9col  {max-width: var(--is_9col)}
	.max_10col {max-width: var(--is_10col)}
	.max_11col {max-width: var(--is_11col)}
	.max_12col {max-width: var(--is_12col)}
	
	
	.container-12 {max-width:var(--is_12col)}
	.container-12.container-8 {max-width:var(--is_8col)}

}

                             :root      { --top: 0px;  }
                             .admin-bar { --top: 32px}
@media (max-width: 782px) {  .admin-bar { --top: 46px} }

:root { --menu-h:96px}



/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* quick show/hide classes */
@media (min-width: 0px) and (max-width: 1179px)  { .hide-on-mobile  {display:none!important} .desktop-only{display: none!important}  }
@media (min-width: 1180px)                      { .hide-on-desktop {display:none!important} .mobile-only {display: none!important}  }




/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* typography */
:root {

	--s-label:   10px;
	--m-label:   11px;
	--l-label:   12px;

	--s-copy:    12px;
	--m-copy:    14px;
	--l-copy:    16px;

	--s-title:   21px;
	--m-title:   24px;
	--l-title:   30px;

	--s-display: 36px;
	--m-display: 42px;
	--l-display: 48px;

} 

@media (min-width: 1180px) {

	:root {

		--s-label:   10px;
		--m-label:   11px;
		--l-label:   12px;

		--s-copy:    14px;
		--m-copy:    16px;
		--l-copy:    18px;

		--s-title:   24px;
		--m-title:   28px;
		--l-title:   36px;

		--s-display: 40px;
		--m-display: 48px;
		--l-display: 60px;

	}

}

   .s-label      {font-size:var(--s-label);   line-height:1.6666; font-kerning:none;   font-weight:500}
   .m-label      {font-size:var(--m-label);   line-height:1.25;   font-kerning:none;   font-weight:500}
   .l-label      {font-size:var(--l-label);   line-height:1.25;   font-kerning:none;   font-weight:500}

   .s-copy       {font-size:var(--s-copy);    line-height:1.5;    font-kerning:auto;   font-weight:500}
   .m-copy       {font-size:var(--m-copy);    line-height:1.6;    font-kerning:auto;   font-weight:500}
   .l-copy       {font-size:var(--l-copy);    line-height:1.6666; font-kerning:auto;   font-weight:500}

h6,.s-title      {font-size:var(--s-title);   line-height:1.5;    font-kerning:normal; font-weight:500; font-family:'Libre Bodoni'}
h5,.m-title      {font-size:var(--m-title);   line-height:1.5;    font-kerning:normal; font-weight:500; font-family:'Libre Bodoni'}
h4,.l-title      {font-size:var(--l-title);   line-height:1.2;    font-kerning:normal; font-weight:500; font-family:'Libre Bodoni'}

h3,.s-display    {font-size:var(--s-display); line-height:1.25;   font-kerning:normal; font-weight:500; font-family:'Libre Bodoni'}
h2,.m-display    {font-size:var(--m-display); line-height:1.2;    font-kerning:normal; font-weight:500; font-family:'Libre Bodoni'}
h1,.l-display    {font-size:var(--l-display); line-height:1.2;    font-kerning:normal; font-weight:500; font-family:'Libre Bodoni'}




/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* general elements */


html, body {padding:0; margin:0; font-family:'Istok Web',Arial,sans-serif; font-size:var(--m-copy); font-weight:500; overflow-x:hidden}

html {scroll-behavior: smooth; margin-top:var(--top)}
body {background-color:rgb(var(--base-bg)); color:rgb(var(--base-color))}

svg {fill: currentcolor}
svg.facebook:hover {fill: #1877f2}
svg.linkedin:hover {fill: #0a66c2}
svg.youtube:hover  {fill: #f00}
svg.instagram:hover{fill: #f00}


svg[viewBox="0 0 48 48"],
svg[viewBox="0 0 24 24"]   {width:24px; height:24px}
svg[viewBox="0 0 16 16"]   {width:16px; height:16px}

img {max-width:100%; height:auto}
video {width:100%; height:auto}

article {position:relative;z-index:2}
main {position:relative}

figure {display:block; margin:0; line-height:0; position:relative; overflow:hidden}
figure.cover :is(img,video) {width:100%; height:100%; object-fit:cover; object-position:center center}
@media (min-width:960px) {
	figure.overflow {overflow:visible}
	figure.overflow-110 > img {max-width:unset;width:110%;height:auto;margin-left:-5%}
	figure.overflow-120 > img {max-width:unset;width:120%;height:auto;margin-left:-10%}
	figure.overflow-130 > img {max-width:unset;width:130%;height:auto;margin-left:-15%}
	figure.overflow-150 > img {max-width:unset;width:150%;height:auto;margin-left:-25%}
}

table {border-collapse:collapse}
table th {opacity:.75;font-weight:500;padding:0}

a {text-decoration:none; color:currentColor}

p {margin:0}


/* Wordpress specifics */
.sub-menu {list-style-type:none;padding:0;margin:0}
.screen-reader-text {position:absolute;top:6px;left:-10000px;padding:12px 18px;background-color:rgb(var(--base-color));color:rgb(var(--base-bg));font-size:var(--m-copy)}
.screen-reader-text:focus {left:6px;color:rgb(var(--base-bg))}




/* Modifiers */
.serif {font-family:serif}
.underline {text-decoration:underline}
.strike {text-decoration:line-through}
.italic {font-style:italic}
.thin {font-weight:100}
.extralight {font-weight:200}
.light {font-weight:300}
.regular {font-weight:400}
.medium {font-weight:500}
.demi,.semibold {font-weight:600}
strong,.strong,.bold {font-weight:700}
.extrabold,.bolder {font-weight:800}
.black {font-weight:900}
.uppercase {text-transform:uppercase}
.lowercase {text-transform:lowercase}
.hidden {display:none}
.list-style-type-none {list-style-type:none; padding:0; margin: 0}
.list-style-type-none li {margin:0}
.row {display:flex; justify-content:space-between}
.row.grid {display:grid}
.col {display:flex; flex-direction:column}
.hs-gap {gap:4px; grid-gap:4px}
.hm-gap {gap:6px; grid-gap:6px}
.s-gap {gap:8px; grid-gap:8px}
.m-gap {gap:12px; grid-gap:12px}
.l-gap {gap:18px; grid-gap:18px}
.align-items-center {align-items:center}
.align-items-baseline {align-items:baseline}
.align-items-start {align-items:flex-start}
.align-self-start {align-self:flex-start}
.align-self-end {align-self:flex-end}
.justify-content-start {justify-content:flex-start}
.justify-content-center {justify-content:center}
.justify-content-end {justify-content:flex-end}
.flex-wrap {flex-wrap:wrap}
.flex-shrink-0 {flex-shrink:0}
.centered {margin-left:auto;margin-right:auto}
.text-align-center {text-align:center}
.text-align-right {text-align:right}
.disabled {opacity:.3; filter:grayscale(100); cursor:default; pointer-events:none}
a.disabled:hover{cursor:default}
figure.disabled {opacity:1}
.inline {display:inline; margin-top:0; margin-bottom:0}
.p-sticky {position:sticky;top:var(--top);z-index:999}
.relative {position:relative}
.accent {color:var(--accent)}
.clip {position:absolute;top:0;left:0;right:0;bottom:0;clip-path:margin-box;z-index:5}
.full-height {height:100vh;box-sizing:border-box}
.mt-0 {margin-top:0}
.mb-0 {margin-bottom:0}


/* Entry contents */
.entry-content :is(ol,ul,p) {margin-bottom:1em}
.entry-content :is(ol,ul) {padding-left:2em}
.entry-content :is(ol,ul) li {padding-left:1em}
.entry-content :is(ol,ul) li:not(:last-child) {margin-bottom:.5em}
.entry-content :is(ol,ul) li::marker {font-weight:bold}

.entry-content a {text-decoration:underline; font-family:'Libre Bodoni','Times New Roman',serif; font-size:1.125em}
.entry-content a:hover {text-decoration-style:underline;background-color:rgb(var(--ice))}

.entry-content :is(em,i,dfn,var,cite) {font-style:italic;font-family:Georgia,serif;font-size:1.1em;line-height:0.75}
.entry-content :is(b,strong) {font-weight:700}
.entry-content blockquote {margin-left:0;margin-right:0;padding:0 1.5em;border-left:solid .1em currentcolor}
.entry-content figure {margin-bottom:2em;border-radius:12px;overflow:hidden}






/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* interactive elements */

:focus {outline: solid 2px rgb(var(--purple)); outline-offset: 1px}


:is(a,button,input[type="button"],input[type="submit"],select):not(.disabled,[disabled]) {cursor: pointer}
:is(a,button,input[type="button"],input[type="submit"],select):is(.disabled,[disabled]) {cursor: default}


.link, a.link, .link a {text-decoration:underline; color:currentColor; font-family:'Libre Bodoni','Times New Roman',serif; font-size:1.125em}
.link:hover, a.link:hover, .link a:hover {text-decoration-style:underline;background-color:rgb(var(--ice))}

.underlinelink, a.underlinelink, .underlinelink a {text-decoration:underline; color:currentColor; font-family:inherit; font-size:1em}
.underlinelink:hover, a.underlinelink:hover, .underlinelink a:hover {text-decoration:none;background-color:transparent}

.hiddenlink, a.hiddenlink, .hiddenlink a {color:currentColor; font-family:inherit; font-size:1em}
.hiddenlink:hover, a.hiddenlink:hover, .hiddenlink a:hover {color:inherit; text-decoration:none}

.opacitylink, a.opacitylink, .opacitylink a {text-decoration:none; font-size:1em; font-family:inherit; opacity:var(--link-opacity)}
.opacitylink:hover, a.opacitylink:hover, .opacitylink a:hover {text-decoration:none; opacity:1}

.reverseopacitylink, a.reverseopacitylink, .reverseopacitylink a {opacity:1}
.reverseopacitylink:hover, a.reverseopacitylink:hover, .reverseopacitylink a:hover {opacity:var(--link-opacity)}


a[target="_blank"]:not([href*="rabittiurbannest.it"],.image-link)::after {content:'↗';margin-left:.5em;flex-grow:0}



/* Input fields and other form things */
input:is([type="text"],[type="email"],[type="password"],[type="search"],[type="tel"],[type="date"]),select,textarea,.wpcf7-checkbox.chips .wpcf7-list-item-label {margin:0;border-radius:.3333333em;border:solid 2px rgba(var(--purple),0);box-sizing:border-box;font-family:inherit;font-size:inherit;color:currentColor;background:rgb(var(--base-bg))}
input:is([type="text"],[type="email"],[type="password"],[type="search"],[type="tel"],[type="date"]),select,.wpcf7-checkbox.chips .wpcf7-list-item-label {line-height:1.3333333;padding:.6666666em .6666666em;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}
input:is([type="text"],[type="email"],[type="password"],[type="search"],[type="tel"],[type="date"]),select,textarea {width:100%; max-width:564px; min-width:180px}

input:is([type="text"],[type="email"],[type="password"],[type="search"],[type="tel"],[type="date"]):hover,select:hover,textarea:hover,.wpcf7-checkbox.chips .wpcf7-list-item-label:hover {box-shadow:0 3px 8px rgba(0,0,0,.1); border-color:rgba(var(--purple),.6)}
input:is([type="text"],[type="email"],[type="password"],[type="search"],[type="tel"],[type="date"]):focus,select:focus,textarea:focus,.wpcf7-checkbox.chips .wpcf7-list-item-label:focus {box-shadow:0 3px 8px rgba(0,0,0,.2); border-color:rgba(var(--purple),1);outline:none}

select {appearance:none; padding-right:3.2em; background-position:calc(100% - 1em) center; background-repeat:no-repeat; background-size:1.25em 1.25em; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTggMTAgMyA1IDIgNmw2IDYgNi02LTEtMS01IDVaIi8+PC9zdmc+")}


textarea {min-width:100%;max-width:100%;width:100%;padding:.6666666em .6666666em;min-height:4em;height:6em;max-height:12em}


input:is([type="radio"],[type="checkbox"]) {appearance:none;display:inline-block;box-sizing:border-box;font-size:inherit;font-family:inherit;position:relative;top:-0.133333em;vertical-align:top;padding:0;margin:0 .5em 0 0;width:1.333333em;height:1.333333em;border:solid 2px rgba(var(--base-color),.07);border-radius:3px;background-color:rgba(var(--base-color),var(--input-bg-opacity));background-size:100% 100%;background-repeat:no-repeat;background-position:center}
input:is([type="radio"],[type="checkbox"]):hover {background-color:rgba(var(--base-color),var(--input-bg-hover-opacity))}
input[type="checkbox"]:checked {background-color:rgb(var(--accent));background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTYgMTQgMS41IDkuNWwyLTJMNiAxMGw3LTcgMiAyLTkgOXoiIGZpbGw9IndoaXRlIi8+PC9zdmc+")}

input[type="radio"] {border-radius:50%}
input[type="radio"]:checked {border:solid 6px rgb(var(--accent));background-color:rgb(var(--base-bg))}

input[disabled] {background-color:rgba(var(--base-color),.05)!important; color:rgba(var(--base-color),.6)!important;pointer-events:none}

label:has(input:is([type="radio"],[type="checkbox"])) {display:flex;align-items:center}




/* CF7 & FORM LAYOUT */
.screen-reader-response {visibility:hidden;height:0;width:0;overflow:hidden}
.wpcf7-form-control-wrap {display:flex;flex-direction:column;position:relative;gap:.5em}
.wpcf7-form-control-wrap > .wpcf7-not-valid-tip {order:1}
.wpcf7-form-control-wrap > :not(.wpcf7-not-valid-tip) {order:2}
.wpcf7-not-valid-tip {color:rgb(var(--warn)); font-size:var(--s-copy);letter-spacing:.025em;font-weight:500}

.wpcf7-response-output {border-left:4px solid transparent; padding-left:10px; transition: padding .2s ease-in-out, margin .2s ease-in-out}
form:is([data-status="invalid"],[data-status="sent"]) .wpcf7-response-output {margin-top: 1em; padding:10px}
form[data-status="invalid"] .wpcf7-response-output {border-color:rgb(var(--warn)); background-color:rgba(var(--warn),.1)}
form[data-status="sent"] .wpcf7-response-output {border-color:rgb(var(--light-blue)); background-color:rgba(var(--light-blue),.1)}

.form-field-container {display:flex;flex-direction:column;gap:.5em;position:relative}
.form-field-container:has(.wpcf7-not-valid-tip) {padding-left:10px;border-left:2px solid rgb(var(--warn))}

:is(.wpcf7-checkbox,.wpcf7-radio) {display:flex;flex-direction:column;gap:.75em}
:is(.wpcf7-checkbox,.wpcf7-radio) :is(label,input) {cursor:pointer}
:is(.wpcf7-checkbox,.wpcf7-radio).inline-options {flex-direction:row;gap:2em}

.wpcf7-checkbox.chips {flex-direction:row;flex-wrap:wrap;gap:4px}
.wpcf7-checkbox.chips .wpcf7-list-item {position:relative}
.wpcf7-checkbox.chips .wpcf7-list-item .wpcf7-list-item-label {display:inline-block;cursor:pointer}
.wpcf7-checkbox.chips .wpcf7-list-item input {display:block;position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;padding:0;margin:0;border-radius:1.6em;border:none;opacity:0;z-index:-1}
.wpcf7-checkbox.chips .wpcf7-list-item input:checked + .wpcf7-list-item-label {color:rgb(var(--base-bg));background-color:rgb(var(--base-color))}

.form-row {position:relative}
.form-row + .form-row {margin-top:var(--l-copy)}
.form-row.row > .form-field-container {flex:1 1 0}
.label-text {font-weight:bold}

.form-row.privacy-terms {margin-top:1.5em}

.form-row label:has(:focus) .label-text {color:rgb(var(--purple))}

@media (max-width: 959px) {

	.form-row.row {flex-direction:column;gap:30px}
	
}




/* Styled links */
a.btn {text-decoration:none}

input:is([type="submit"],[type="button"]),.btn,button {appearance:none;border:none;font-family:inherit;font-size:inherit; min-width:30px;text-decoration:none;text-align:center;cursor:pointer;min-height:2.5em;border-radius:calc(1.25em + 1px);padding:0 1.25em;display:inline-flex;align-items:center;justify-content:center;background:rgb(var(--base-color));border:solid 1px rgb(var(--base-color));color:rgb(var(--base-bg));font-weight:500;transition:background .2s ease-in-out, border .2s ease-in-out}
input:is([type="submit"],[type="button"]):hover,.btn:hover,button:hover {text-decoration:none;color:rgb(var(--base-bg));background:rgb(var(--btn-hover));border-color:rgb(var(--btn-hover))}

.s-copy .btn,.btn.s-copy,.btn.s-btn {font-size:var(--s-copy);min-height:calc(2.5em + 2px);border-radius:calc(1.25em + 1px)}
.l-copy .btn,.btn.l-copy,.btn.l-btn {font-size:var(--l-copy);min-height:2.8em;border-radius:1.4em}


.btn.btn-wide {width:100%}
.btn.btn-larger,input[type="submit"] {padding-left:3em; padding-right:3em}

.btn.whatsapp {background-color:rgb(var(--whatsapp));border-color:rgb(var(--whatsapp));color:rgb(var(--black))}
.btn.whatsapp:hover {background-color:rgb(var(--whatsapp-hover));border-color:rgb(var(--whatsapp-hover));color:rgb(var(--black))}

.btn.outline {background-color:rgb(var(--base-bg));color:rgb(var(--base-color))}
.btn.outline:hover,
.btn.outlineonhover:hover {background-color:rgba(var(--base-color),.2);border:solid 1px rgb(var(--base-color));color:rgb(var(--base-color))}



.btn.light-rose {background-color:rgb(var(--light-rose));color:rgb(var(--white))}
.btn.light-rose:hover {background-color:rgb(var(--lighter-rose));color:rgb(var(--white))}

.btn.dark-rose {background-color:rgb(var(--dark-rose));color:rgb(var(--white))}
.btn.dark-rose:hover {background-color:rgb(var(--rose));color:rgb(var(--white))}



.btn.ghost {appearance:none;background-color:transparent!important;color:currentColor;border:none;padding:0;text-align:inherit;line-height:inherit;display:inline-block}
.btn.ghost:hover {appearance:none;background-color:transparent!important;color:currentColor;border:none}

.btn.icon {display:flex;align-items:center;gap:.3em}
.text-align-right .btn.icon {justify-content:flex-end}
.text-align-right .btn.icon .icon {fill:currentColor}

.btn.ghost .btn-text {opacity:.8}
.btn.ghost:hover .btn-text {opacity:1}
.btn.icon.ghost .icon {opacity:.5}
.btn.icon.ghost:hover .icon {opacity:1}

.btn.icon .icon {user-select:none}

.btn.icon-only {display:flex;justify-content:center;align-items:center; min-height:30px; padding:0}

.btn.double-icon-switch {padding:1px 4px}



.btn.s-btn {line-height:3.2;border-radius:1.6em;padding:0 1.333333em}

.btn.inline {display:inline; min-width:unset; padding: 0}



/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */



/* Accordions */
.accordion {position:relative}
.accordion-trigger {cursor:pointer}
.accordion-content {overflow:hidden;max-height:0;transition:max-height .2s ease-in-out}
.accordion-trigger svg.chevron-down {transition:transform .2s ease-in-out}

.accordion.show-excerpt .accordion-content {max-height:4.5em}

.accordion:not(.active) .accordion-trigger .label.active {display:none}
.accordion.active .accordion-trigger .label:not(.active) {display:none}
.accordion.active .accordion-trigger svg.chevron-down {transform:rotate(180deg)}




/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* MODALI */
/* .slide-out-panel */

.slide-out-panel-container::-webkit-scrollbar {display:none !important}

.slide-out-panel-container        {position:fixed; top:var(--top); left:0; rigth:0; bottom:0; z-index: 999; display:none; overflow-x:hidden; width:100%; scrollbar-width:none}
.slide-out-panel-container.show   {display:block}

.slide-out-panel-container.modal   {align-items:center;justify-content:center}
.slide-out-panel-container.modal.show   {display:flex}

.slide-out-panel-container.bg-overlay          {background:transparent; transition:background .25s ease-out}
.slide-out-panel-container.bg-overlay.active   {background:rgba(var(--black),.6)}

.slide-out-panel              {position:absolute; top:0; bottom:0; transition:transform .25s ease-out,opacity .25s ease-out; height:100%; width:100%; box-sizing:border-box; z-index:999; overflow:hidden auto; scrollbar-width:thin}
.slide-out-panel.slide-right  {right:0; transform: translateX(100%)}
.slide-out-panel.slide-left   {left:0; transform: translateX(-100%)}
.slide-out-panel.slide-up {top:auto; left:0; right:0; transform: translateY(100%)}
.slide-out-panel.fade {opacity:0;top:50%;left:50%;transform:translate(-50%,-50%);bottom:unset;right:unset;height:auto;max-height:80vh}

.active .slide-out-panel      {transform:translate(0,0)}
.active .slide-out-panel.fade {transform:none;opacity:1}

.modal .slide-out-panel {top:unset;left:unset;bottom:unset;right:unset;transform:none}

.slide-out-panel.drop-shadow {box-shadow: 0 20px 60px 0 #0003}

.panel-header {position:sticky;top:0;z-index:99}

@media (max-width: 1279px) {  .slide-out-panel {padding-bottom:var(--bottom)} }
@media (min-width: 600px)  {  .slide-out-panel {max-width:480px}     }





/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* COMPONENTS */

.chips {display:flex;flex-wrap:wrap;gap:6px}
.chips .chip {display:inline-block;line-height:2.0833333em;padding:0 0.8333333em;border-radius:1.0416666em;background-color:rgba(var(--base-color),var(--input-bg-opacity))}
.chips.s-copy .chip {line-height:25px;padding:0 11px;border-radius:12.5px}
.chips.m-copy .chip {line-height:32px;padding:0 15px;border-radius:16px}
.chips .chip.contrast {color:rgb(var(--base-bg));background-color:rgb(var(--base-color))}
.chips .chip.accent   {color:rgb(var(--base-bg));background-color:rgb(var(--accent))}
.chips .chip.purple   {color:rgb(var(--white));background-color:rgb(var(--purple))}
.chips .chip.violet   {color:rgb(var(--white));background-color:rgb(var(--violet))}




iframe[src*="vimeo"],
iframe[src*="youtu.be"],
iframe[src*="yt.be"],
iframe[src*="googlevideo"],
iframe[src*="ggpht"],
iframe[src*="youtube.com"] {width:100%;height:auto;aspect-ratio:16/9;border-radius:12px}


/* Swiper */
.swiper-pagination-bullet {border:solid 1px transparent;border-radius:5px;background-color:currentColor!important;background-clip:content-box!important;box-shadow:0 2px 3px rgba(var(--black),.2);opacity:.8!important}
.swiper-pagination-bullet.swiper-pagination-bullet-active {border:solid 1px currentColor;background-clip:border-box!important;opacity:1!important}

.swiper-thumbs .swiper-slide {opacity:.6}
.swiper-thumbs .swiper-slide:hover {opacity:.8;cursor:pointer}
.swiper-thumbs .swiper-slide.swiper-slide-thumb-active {opacity:1}

.swiper-button-next, .swiper-button-prev {color:rgb(var(--base-color))!important}


/* Header delle fasce */
.row-header .l-display {margin-top:0;padding-top:2em;margin-bottom:.3em}
.row-header .l-display:last-child {margin-bottom:.4em}
.row-header .l-title {margin-top:0;padding-top:2.6666666em;margin-bottom:.5em}
.row-header .subtitle {margin-bottom:1.3333333em;max-width:498px}

@media (max-width:767px) {
	.row-header {padding-left:var(--gap);padding-right:var(--gap)}
}



/* Split rows */
.split-row:nth-child(even) .split-row-img {order:1}
.split-row:nth-child(even) .split-row-content {order:2}

.split-row-img {min-height:100%;min-width:100%;max-width:100%;aspect-ratio:5/4;position:relative}
.split-row-img img {position:absolute;width:100%;height:100%;object-fit:cover;object-position: center}

.split-row-img.slider figure {width:100%;height:100%}

.split-row .split-row-content {padding:calc(3 * var(--gap))}
.split-row .split-row-content > div {width:100%;max-width:528px}
.split-row .row-header {padding-left:0;padding-right:0}
.split-row .row-header .title {margin-top:.5em;margin-bottom:.5em}
.split-row .row-content {margin-top:2em;margin-bottom:2em}

@media (max-width:767px) {
	
	.grid.split-row {grid-template-columns:1fr}
	
	.split-row .split-row-img {order:1}
	.split-row .split-row-content {order:2}
	
	
}



/* Fascia Appartamenti */
.post-grid.locations article {position:relative;aspect-ratio:2/3}
.post-grid.locations article .post-thumbnail-container {line-height:0;display:block;width:100%;height:100%;background-color:#222;position:relative}
.post-grid.locations article .post-thumbnail-container::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(transparent 50%,rgba(var(--black),.5));z-index:1}
.post-grid.locations article .post-thumbnail-container img {width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 1s ease-in-out}
.post-grid.locations article .post-content {position:absolute;left:0;right:0;bottom:0;padding:60px 36px;z-index:2}
.post-grid.locations article .post-content .location-subtitle {margin:.33em auto 1em auto}

.post-grid.locations article:hover .post-thumbnail-container img {transform:scale(1.1)}


/* Fascia About */
.about-row .row-bg {background-color:rgb(var(--sisters));margin-top:12px;margin-bottom:12px}



/* Fascia Recensioni */
.reviews-scroll-wrap {overflow-x:auto;padding-top:calc(3 * var(--gap));padding-bottom:calc(6 * var(--gap));scrollbar-width:thin}
.reviews-list {gap:36px;flex-wrap:nowrap;padding:0 calc(6 * var(--gap)); align-items:stretch;width:fit-content}
.review {background-color:rgb(var(--white));padding:18px;box-sizing:border-box;flex-shrink:0;flex-grow:0;width:360px;border:solid 1px #EBEBEB;box-shadow:0 6px 18px rgba(var(--black),.08);border-radius:6px}
.review .valutazione {color:#FFA915}
@media (min-width:2160px) {
	.reviews-scroll-wrap {display:flex;justify-content:center}
}
@media (max-width:599px) {
	.reviews-list {gap:12px;padding:0 calc(2 * var(--gap))}
	.review {width:260px}
	.review-meta {flex-direction:column;align-items:flex-start;gap:0;margin-bottom:.5em}
}


/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* HEADER */

#site-header {position:absolute;z-index:998;left:0;right:0;top:var(--top)}
#site-header .header-inner {padding:12px; max-width:1920px;box-sizing:border-box}

#site-header .logo-wrapper {line-height:0;overflow:hidden}
#site-header .logo-wrapper svg {width:84px}



.menu-toggle.open .close {display:none}
.menu-toggle:not(.open) .smashburger {display:none}

#site-header .main-menu > li {position:relative}
#site-header .main-menu > li a:not(.btn) {position:relative;padding:10px 0; line-height:1.333333}
#site-header .main-menu > li a:not(.btn):hover {text-decoration:underline}
#site-header .main-menu > li.current-menu-item a:not(.btn) {text-decoration:underline}



.framed #site-header .header-inner {padding:48px;color:rgb(var(--white))}




@media (max-width:599px) {

	.framed #site-header .header-inner {padding:24px}
	
	#site-header svg.rabitti-nest {width:60px;height:60px}
	#site-header .logo-title {font-size:20px}
	#site-header .logo-subtitle {font-size:10px;letter-spacing:.05em}
	
	#site-header .header-right {gap:18px}
	

}
@media (max-width:959px) {

	
	
	#site-header .logo-wrapper {}

}
@media (min-width:960px) {
	
	#site-header .main-menu {gap:18px}
	
	#site-header .menu-item:has(.sub-menu) {position:relative}
	#site-header .menu-item:has(.sub-menu) > a::after {content:'▾';position:relative;display:inline-block;line-height:0;top:.1em;font-size:1.25em}
	#site-header .sub-menu {position:absolute;width:12em;padding:1.66em;top:2.5em;background:rgb(var(--white));border-radius:.66em;box-shadow:0 .2em 1em 0 rgba(var(--black),.09);font-size:var(--s-copy);left:50%;transform:translate(-50%,-1em);opacity:0;pointer-events:none;transition:transform .3s ease-in-out,opacity .3s ease-in-out}
	#site-header .sub-menu::before,#site-header .sub-menu::after {content:'';position:absolute;display:block}
	#site-header .sub-menu::before {height:1.4em;width:100%;top:-1.4em}
	#site-header .sub-menu::after  {background:rgb(var(--white));clip-path:polygon(0 100%,50% 0,100% 100%);height:1.25em;width:2.4em;top:-1.2em;left:50%;transform:translateX(-50%)}
	#site-header .menu-item:hover .sub-menu {pointer-events:auto;opacity:1;transform:translate(-50%,1.2em)}

}







/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* MOBILE MENU */



#mobile-menu .slide-out-panel {width:300px;background:#fff}
#mobile-menu :is(.panel-header,.panel-body,.panel-footer) {padding:12px}


.mobile-menu-site-title {line-height:.8em}

.mobile-nav li {display:flex;flex-direction:column}
.mobile-nav li:has(.btn) {margin-top:60px}
.mobile-nav li a:not(.btn) {font-family:'Libre Bodoni',serif;font-weight:500;font-size:var(--l-title);padding:1em 0 .25em 0;border-bottom:solid 1px #ccc;display:block}

#mobile-menu .btn.contatti,
#mobile-menu .btn.whatsapp {font-size:var(--l-copy)}

#mobile-menu .panel-footer {padding-top:0}

#mobile-menu .wpml-ls {text-align:center}


/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* FOOTER */

#site-footer {margin-top:var(--gap);margin-bottom:var(--gap)}
#site-footer .footer-inner .footer-row {padding:3em 3em 6em 3em;border-top-left-radius:3em;border-top-right-radius:3em;overflow:hidden}
#site-footer .footer-address {padding-top:2em}

@media (max-width:1179px) {

	#site-footer .footer-inner .footer-row {flex-direction:column;gap:3em}
	#site-footer .footer-inner .footer-row .is_2col {width:unset}

}




/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* PAGE HERO */


#page-hero {padding-top:var(--menu-h)}
#page-hero.framed {padding-top:12px}
#page-hero:not(.framed) .hero-inner {padding-top:calc(var(--gap) * 6)}
#page-hero .hero-text {margin-bottom:calc(var(--gap) * 3)}
#page-hero .hero-text .page-title {margin-top:0;margin-bottom:0}
#page-hero .hero-text .page-subtitle {margin-top:.3333333em;margin-bottom:0}
#page-hero .hero-text .page-intro {margin-top:.5em}

#page-hero .hero-cover {position:relative;height:100%;aspect-ratio:16/9;min-width:100%;margin-bottom:var(--gap)}
#page-hero .hero-cover img {object-fit:cover;object-position:center;aspect-ratio:16/9;min-width:100%}
#page-hero .swiper figure figcaption {position:absolute;bottom:36px;left:32px;text-shadow:0 2px 3px rgba(var(--black),.2)}

.home #page-hero .swiper .swiper-pagination {right:36px;text-align:right;bottom:24px;width:auto;left:unset;top:unset}
.home #page-hero .swiper-wrapper::after {content:'';position:absolute;display:block;top:0;left:0;right:0;height:50%;background-image:linear-gradient(rgba(var(--black),.3),transparent)}

.home #page-hero .welcome-text {position:absolute;top:20%;left:10%;z-index:10;font-size:60px}
.home #page-hero .welcome-text span:last-child {font-size:160px}
.home #page-hero svg.rabitti-nest {position:absolute;top:40%;left:66%;z-index:10;width:50%;height:auto}






@media (max-width:1179px) {
	
	#page-hero .hero-cover {aspect-ratio:auto;height:calc(100vh - 24px - var(--top))}
	#page-hero .hero-cover figure {width:100%;height:100%}
	#page-hero .hero-cover img {aspect-ratio:auto;height:100%}
	
	.home #page-hero .welcome-text {font-size:48px;top:30%}
	.home #page-hero .welcome-text span:last-child {font-size:120px}
	.home #page-hero svg.rabitti-nest {top:60%;width:66%;left:50%}

	
}
@media (max-width:959px) {
	
	.home #page-hero .welcome-text {font-size:36px;top:33%}
	.home #page-hero .welcome-text span:last-child {font-size:96px}
	.home #page-hero svg.rabitti-nest {top:60%;width:66%;left:50%}

	
	
}
@media (max-width:599px) {

	.home #page-hero .welcome-text {top:22%}

	.home #page-hero svg.rabitti-nest {top:66%;width:80%;left:33%}
	
	
}




/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* TERM LISTS */

.term-list-title {margin-bottom:0}
.term-list {margin-top:1.666666em}
.term-list-row .backlink {display:inline-block;margin-top:30px}

.term-list-row + .post-grid {margin-top:40px}

.term-list .btn {position:relative;overflow:hidden}
.term-list .btn::before{content:'';position:absolute;display:block;width:100%;height:100%;top:0;left:0;backdrop-filter:blur(10px);z-index:-1}

.term-list .btn.current_item {background-color:rgb(var(--accent))!important; color:rgb(var(--base-bg))!important}










/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* SINGLE POSTS and PAGES */

.posted-in {margin-top: 80px}
.main-section.article-body {margin-bottom:168px}






/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */


/* Home */

.home .services-row .row-bg {margin-top:12px;margin-bottom:12px;background-color:rgb(var(--ice));padding-bottom:6em}
.home .services-list {max-width:960px; gap:36px 96px;margin-top:4.5em}
.home .services-footer {margin-top:3.75em}

.home .reviews-row {margin-bottom:10em}

@media (max-width:599px) {

	.home .services-list {gap:2px;padding:0 24px}
	.home .services-list img {width:60px;height:auto}
}







/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */


/* archive-location */

.post-grid article.location           {background-color:rgb(var(--ice))}
.post-grid article.location           .post-thumbnail-container {background-color:rgb(var(--ice))}

.post-grid article.location.post-29   {background-color:rgb(var(--ice))}
.post-grid article.location.post-29   .post-thumbnail-container {background-color:rgb(var(--ice))}

.post-grid article.location.post-168  {background-color:#F9E1DB}
.post-grid article.location.post-168  .post-thumbnail-container {background-color:rgb(var(--mattone))}

.post-grid article.location.post-172  {background-color:#F9E9E1}
.post-grid article.location.post-172  .post-thumbnail-container {background-color:rgb(var(--mirai))}


.post-type-archive-location article.location .location-subtitle {margin-top:.3333333em}
.post-type-archive-location article.location .location-intro {margin-top:.3333333em}
.post-type-archive-location article.location .location-times {margin-top:1.25em}
.post-type-archive-location article.location .location-highlights {margin-top:1.25em}
.post-type-archive-location article.location .post-actions {margin-top:1.25em}
.post-type-archive-location article.location .location-subtitle + .post-actions {margin-top:3em}




/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */



/* single-location */


.single-location .intro-row .row-inner {margin-left:var(--is_2col); width-width:var(--is_6col); max-width:720px}
.single-location .intro-row .accordion-trigger {margin-top:1.5em}
.single-location .intro-row .row-actions {margin-top:1.5em}


.single-location .rooms-grid {margin-top:3em}
.single-location .rooms-grid button.room {background:transparent;padding:0;display:block;border:none;color:rgb(var(--base-color));text-align:left;border-radius:0}

.single-location .rooms-grid .modal .slide-out-panel {background-color:rgb(var(--base-bg));max-width:unset;max-height:unset;top:0;right:0;bottom:0;left:0;padding:0;display:flex;flex-direction:column}

.single-location .rooms-grid .modal .slide-out-panel .panel-header {position:relative;padding:12px;display:flex;justify-content:flex-end}
.single-location .rooms-grid .modal .slide-out-panel .panel-content {position:relative;padding:0 12px 6px 12px;flex-grow:6}
.single-location .rooms-grid .modal .slide-out-panel .panel-footer {position:relative;padding:0 12px 12px 12px;height:120px}

.single-location .rooms-grid .modal .slide-out-panel .swiper-room-gallery {width:100%;height:100%}
.single-location .rooms-grid .modal .slide-out-panel .swiper-room-gallery figure {width:100%;height:100%}
.single-location .rooms-grid .modal .slide-out-panel .swiper-room-gallery figure img {object-fit:contain;object-position:center;width:100%;max-width:100%;max-height:100%;position:absolute}
.single-location .rooms-grid .modal .slide-out-panel .swiper-room-thumbs {height:100px}
.single-location .rooms-grid .modal .slide-out-panel .swiper-room-thumbs .swiper-wrapper {display:flex;gap:6px;justify-content:center;align-items:center}
.single-location .rooms-grid .modal .slide-out-panel .swiper-room-thumbs .swiper-wrapper .swiper-slide {margin:0!important;width:100px!important;height:100px}
.single-location .rooms-grid .modal .slide-out-panel .swiper-room-thumbs .swiper-wrapper .swiper-slide figure {width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgba(var(--base-color),.1)}
.single-location .rooms-grid .modal .slide-out-panel .swiper-room-thumbs .swiper-wrapper .swiper-slide figure img {width:100%;height:100%;object-fit:cover;object-position:center}


.single-location .services-row .subtitle {max-width: var(--is_6col)}
.single-location .services-row .services-list-container {max-width:1178px;margin-bottom:10em;padding:0 var(--gap)}
.single-location .services-row .room-title {margin-bottom:1em;margin-top:2.5em}
.single-location .services-row .room-list {gap:.75em}


.single-location .bookings-row .row-inner {padding:0 8em 6em 8em}
.single-location .bookings-row .row-header .subtitle {margin-bottom:2.6666666em;flex-wrap:wrap;max-width:100%;justify-content:center;gap:2em}
.single-location .bookings-row .row-header .subtitle span::before {content:'✓ ';font-weight:bold}

.single-location .bookings-row .row-content {gap:calc(var(--gap) * 6);justify-content:flex-start}
.single-location .bookings-row .wpsbc-container {padding:16px;border-radius:12px;background:rgb(var(--white));}
.single-location .bookings-row .wpsbc-container .wpsbc-legend .wpsbc-legend-item:last-child {display:none}
.single-location .bookings-row .col.form {padding-right:calc(var(--gap) * 6);border-right:solid 1px currentcolor}
.single-location .bookings-row .col.direct-contact {display:block}
.single-location .bookings-row .col.direct-contact .direct-title {margin-bottom:1.25em}
.single-location .bookings-row .col.direct-contact .whatsapp {margin-top:1.25em}


.single-location .map-row figure .btn {position:absolute;bottom:3em;left:50%;transform:translateX(-50%);z-index:9;min-width:190px}
.single-location .map-row figure::after {position:absolute;content:'';display:block;bottom:0;left:0;right:0;top:0;background:linear-gradient(transparent 33%,rgba(var(--base-bg),.7))}



@media (max-width:1439px) {

	.single-location .bookings-row .row-inner {padding:0 6em 4em 6em}
	.single-location .bookings-row form .form-row.row.grid {grid-template-columns:1fr}
	
	
}
@media (max-width:1155px) {

	.single-location .rooms-grid {grid-template-columns:1fr 1fr 1fr 1fr; gap:calc(var(--gap) * 2) var(--gap)}
	.single-location .rooms-grid .modal .slide-out-panel .swiper-room-thumbs .swiper-wrapper .swiper-slide {width:72px!important;height:72px!important}
	
	
	.single-location .bookings-row .row-inner {padding:0 2em 4em 2em}
	.single-location .bookings-row .row-content {flex-direction:column;max-width:400px;margin-left:auto;margin-right:auto}
	.single-location .bookings-row .wpsbc-container {padding:6px;border-radius:6px}
	.single-location .bookings-row .row-content .col.form {padding-right:0;border-right:none;padding-bottom:48px;border-bottom: dashed 1px currentcolor}
	
	
	.single-location .map-row figure {aspect-ratio:3/2}
	.single-location .map-row figure img {aspect-ratio:3/2}
	.single-location .map-row figure .btn {bottom:2em}

}
@media (max-width:959px) {
	
	.single-location .services-row .room-title {margin-bottom:.5em;margin-top:1.5em}
	
	.single-location .services-row .services-list-container {flex-direction:column}
	.single-location .services-row .services-list-container .room-list {flex-direction:row;flex-wrap:wrap;gap:6px}
	.single-location .services-row .services-list-container .room-list li {display:block;padding:.2em .6em;background:rgba(var(--base-color),.07);border-radius:6px;font-size:var(--m-copy)}
	
}
@media (max-width:767px) {

	.single-location .intro-row .entry-content {padding:0 var(--gap)}
	.single-location .intro-row .row-actions {padding:0 var(--gap)}
	
	.single-location .rooms-grid {grid-template-columns:1fr 1fr 1fr}
	
	
	.single-location .map-row figure {aspect-ratio:5/4}
	.single-location .map-row figure img {aspect-ratio:5/4}	
	
}
@media (max-width:599px) {

	.single-location .rooms-grid {grid-template-columns:1fr 1fr}
	.single-location .rooms-grid .modal .slide-out-panel .swiper-room-thumbs .swiper-wrapper .swiper-slide {width:48px!important;height:48px!important}
	
	
	.single-location .map-row figure {aspect-ratio:4/5}
	.single-location .map-row figure img {aspect-ratio:4/5}
	.single-location .map-row figure .btn {bottom:1.5em}	
}