@charset "utf-8";
/*
Theme Name: Palazzo della Spiaggia
Theme URI: http://palazzodellaspiaggia.com/
Author: Arturan
Author URI: http://arturan.com/
Description: Palazzo della Spiaggia 2017
Version: 1.0
*/
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}html{font-family:sans-serif;line-height:1.4;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0} menu,article,aside,details,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bold}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{}button,select{text-transform:none}[type=submit], [type=reset],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}

/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */
html{scroll-behavior:smooth;color:#222;font-size:1em;line-height:1.4;}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:2px solid #222;margin:0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}::-webkit-input-placeholder{color:#666 !important;opacity:1 !important;}:-moz-placeholder{color:#666 !important;opacity:1 !important;}::-moz-placeholder{color:#666 !important;opacity:1 !important;}[placeholder]:-ms-input-placeholder{color:#666 !important;opacity:1 !important;}.hidden{display:none!important}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;white-space:inherit}.invisible{visibility:hidden}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}

/* wordpress */
.alignnone{margin:5px 20px 20px 0;}.aligncenter,div.aligncenter{display:block;margin:5px auto 5px auto;}.alignright{float:right;margin:5px 0 20px 20px;}.alignleft{float:left;margin:5px 20px 20px 0;}.aligncenter{display:block;margin:5px auto 5px auto;}a img.alignright{float:right;margin:5px 0 20px 20px;}a img.alignnone{margin:5px 20px 20px 0;}a img.alignleft{float:left;margin:5px 20px 20px 0;}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center;}.wp-caption.alignnone{margin:5px auto 20px;}.wp-caption.alignleft{margin:5px 20px 20px 0;}.wp-caption.alignright{margin:5px 0 20px 20px;}.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}

.size-medium{max-width:100%;height:auto !important}


/*! PocketGrid 1.1.0 https://github.com/arnaudleray/pocketgrid */
.block-group,.block,.block-group:after,.block:after,.block-group:before,.block:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.block-group{*zoom:1}
.block-group:before,.block-group:after{display:table;content:"";line-height:0}
.block-group:after{clear:both}
.block-group{list-style-type:none;padding:0;margin:0}
.block-group>.block-group{clear:none;float:left;margin:0 !important}
.block{float:left;width:100%}

/*! Slick */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

/*! Slick theme */
.slick-loading .slick-list{background:#fff url(assets/img/ajax-loader.gif) center center no-repeat}
.slick-dotted.slick-slider{margin-bottom:30px}
.slick-dots{position:absolute;bottom:25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}
.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;display:block;width:12px;height:12px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:rgba(255,255,255,0.8);border-radius:8px;border:2px solid #000}
.slick-dots li button:hover,.slick-dots li button:focus{background:rgba(104,104,104,0.8);outline:none}
.slick-dots li.slick-active button{background:rgba(0,0,0,0.8);border:2px solid #fff}

.pds-slide,.single-img,.hotel-slide{background:no-repeat center;background-size:cover;height:35vw;max-height:100%;display:none;text-align:center;color:#fff}

.hotel-slide{height:15em;}
.first,.single-img{display:block}

.pds-slide h1{text-transform:uppercase;text-shadow:0px 0px 1px rgba(0, 0, 0, 1);}

body{font-family:serif}
#mobile{padding:0.8em 1em}
#mobile a{display:block;width:50%;float:left}
#mobile a img{height:2.2em;}
#menu-trigger{display:block;width:32px;float:right;margin-top:0.5em}
#menu-trigger span{display:block;height:3px;margin-bottom:7px;background:#000}
#top-nav{font-family:Montserrat;position:absolute;width:100%;z-index:1000;background:rgba(255,255,255,0.8);display:none}
#top-nav ul{list-style:none;margin:0;padding:0}
#top-nav li{border-bottom:1px solid #999}
#top-nav li.logo{display:none;}
/*#top-nav li.last{border:none;}*/
#top-nav a{display:block;text-decoration:none;text-transform:uppercase;color:#000;letter-spacing:0.1em;font-weight:600;font-size:0.9em;padding:0.5em 1em}
#top-nav a:hover{color:#009999}
#top-nav li.language a{font-family:sans-serif;font-weight:400;font-size:0.7em}
#top-nav li.language-no a{cursor:default}
#top-nav li.language-no a:hover{color:#000}
#top-nav li.language-no li.language-yes a{cursor:pointer}
#top-nav li.language-no li.language-yes a:hover{color:#009999}

.container{padding:0 10%}
.content p{font-size:1.2em}

main{margin:2em 0}
.teaser{text-align:center;margin:0 5%;vertical-align:top}
.circle{width:100%;padding-bottom:100%;border-radius:50%;background:no-repeat center;background-size:cover}
.teaser h3{margin:0.5em 0 0;font-size:1.5em}
.teaser p{font-family:sans-serif;font-size:0.9em;margin:0}
.teaser a{display:inline-block}
.teaser a img{-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;}
.teaser a:hover{opacity:0.9}
.teaser.center{margin:2em 9%}

main a{color:#222;}

h1,h2,h3,h4,h5,h6{}
h1{text-align:center;}
h1,h2{font-family:'Josefin Slab';font-weight:300}
h3{font-family:Montserrat;font-weight:600}

hr{border-top:3px dotted #999;margin:2em 0 1em}

.feature img{width:30%;float:left;margin:0 2em 2em 0}
.feature.right img{float:right;margin:0 0 2em 2em}

footer{background:#353535;color:#fff;font-family:sans-serif;}
footer a{color:#fff;text-decoration:none;}
#footer-logos{padding:1em 0}
#logo-foot{text-align:left}
#logo-foot img{height:1.8em}
.social{display:block;float:right;list-style:none;margin:0;padding:0}
.social img{height:1.8em}
.social .youtube img{height:1.6em}
footer li{display:inline-block;}
footer p{font-size:0.8em;padding:0 1em 1em 0;margin:0}
footer p span{display:block}

.nobreak{white-space:nowrap;}

.iframe-wrap {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    z-index: 1;
}
.iframe-wrap iframe,
.iframe-wrap video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#events-banner{background:rgba(0, 153, 153,0.8);color:#fff;font-size:0.9em;font-family:sans-serif;padding:1em;line-height:1.8}
#events-banner strong{font-family:'Josefin Slab';font-size:1.5em;font-weight:300;text-transform:uppercase}
#events-banner a,#close{font-family:Montserrat;text-transform:uppercase;font-weight:600;color:#fff;text-decoration:none}
#close{position:absolute;right:1.2em;font-size:0.9em;cursor:pointer}


.each-post,.side-post{margin:2em 0 0}
.each-post h2{margin:0;line-height:0.7;}
.side-post h2{margin:0.2em 0 0;font-size:1.2em;line-height:1.2;}
.each-post h2 a,.side-post h2 a{text-decoration:none;}
.each-post a:hover,.side-post a:hover{color:#009999}
.each-post p{margin-bottom:0;}
.each-post .more{font-family:Montserrat;font-weight:600;text-transform:uppercase;font-size:0.7em;}
.thumbnail{display:block;width:100%;padding-bottom:40%;background:no-repeat center;background-size:cover;}
.has-thumb{margin-top:1em}
.thumb{display:block;width:100%;padding-bottom:46%;background:no-repeat center;background-size:cover;}

@media only screen and (min-width:700px) {
.teaser{display:inline-block;width:20%;}
.teaser.center{margin:0 9%}

.single .content{float:left;width:70%}
.single .sidebar{float:right;width:25%}
.single .sidebar .side-post{margin:2em 0 0 2em}

.thumbnail{float:left;width:20%;padding-bottom:11%;}
.has-thumb{margin-left:25%;margin-top:0}
}

@media only screen and (max-width:1199px) {
 .mobile-hidden{display:none}
}
@media only screen and (min-width:1200px) {
	html{overflow-y:scroll;}
	html,body{height:100%;}
	#outer{min-height:100%;position:relative;}
	#inner{padding-bottom:13vw;}
	
	#mobile{display:none}
	header{position:fixed;top:0;width:100%;z-index:1000;}
	header{text-align:center;background:rgba(255,255,255,0.8);}
	#top-nav{display:block !important;position:static;background:none;}
	#top-nav ul{padding:0 0 0 1em}
	#top-nav ul,#top-nav li,#top-nav a{display:inline-block;vertical-align:middle;}
	#top-nav li{padding:0 1em;border:none;}
	#top-nav li a{border-bottom:2px solid rgba(255,255,255,0)}
	#top-nav li.current-menu-item a,.single #top-nav li.menu-item-297 a,.single #top-nav li.menu-item-290 a{border-bottom:2px solid #222}
	#top-nav li.logo{display:inline-block}
	#top-nav li.logo a,#top-nav li.language a{border:none !important}
	#top-nav a{padding:0}
	#top-nav .logo a{background:url(assets/img/palazzo-della-spiaggia-beach-club-spa.png) no-repeat center;background-size:contain;white-space:nowrap;overflow:hidden;height:0;
	transition: width .25s ease-in-out, padding .25s ease-in-out;
	width:250px;padding:125px 0 0 0;}
	#top-nav li.last{padding-right:2em}
	
	#top-nav li ul{display:none;position:absolute;padding:0}
	#top-nav li:hover ul{display:block;}
	
	#top-nav li.language{display:none}
	
	.scrolled #top-nav li{font-size:0.8em}
	.scrolled #top-nav .logo a{width:125px;padding:60px 0 0 0;}
	.scrolled #top-nav li li{font-size:1em}
	
	.pds-slide,.single-img{height:35vw}
	.scrolled .pds-slide,.scrolled .single-img{height:25vw}
	
	.page-template-page_home_en .pds-slide,
	.page-template-page_home_en .single-img,
	.page-template-page_home_it .pds-slide,
	.page-template-page_home_it .single-img{height:45vw}
	.page-template-page_home_en.scrolled .pds-slide,
	.page-template-page_home_en.scrolled .single-img,
	.page-template-page_home_it.scrolled .pds-slide-img,
	.page-template-page_home_it.scrolled .single{height:35vw}
	
	main{margin:0;}
	
.block-group { margin: -2px -6px; }
.block { padding: 2px 6px; }
.b2{ width: 50%; }
	
	footer{min-height:10vw;width:100%;position:absolute;bottom:0}
	footer p span{display:inline;white-space:nowrap}

}
@media only screen and (min-width:1200px) {
	
	#top-nav li.language{display:inline-block;position:absolute;background:url(assets/img/language.svg) no-repeat;background-size:contain;padding:0;top:1em;right:1em}
	#top-nav li.language a{padding:0.2em 2em 0;display:block;background:url(assets/img/more.svg) no-repeat right;background-size:contain;font-family:sans-serif;font-weight:400;font-size:0.7em}
	#top-nav li.language li a{background:none}
	#top-nav li.language li{padding:0}
}


@media print{blockquote,img,pre,tr{page-break-inside:avoid}*,:after,:before,blockquote:first-letter,blockquote:first-line,div:first-letter,div:first-line,li:first-letter,li:first-line,p:first-letter,p:first-line{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #999}thead{display:table-header-group}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}

/* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; transition: all 0.23s ease-in-out 0s; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: normal; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;}     
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

/*#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;}*/
#mc_embed_signup div.response {/*margin:1em 0; padding:1em .5em .5em 0; */font-weight:bold; /*float:left; top:-1.5em; z-index:1; width:80%;*/}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 1em 0; padding:5px 10px; background-color:rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#e85c41;}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #e85c41;}

/* customize */
/*#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }*/
.block #mc_embed_signup .mc-field-group{width:100%}
#mc-embedded-subscribe-form{position:relative}
#mask{position:absolute;width:100%;background:rgba(255,255,255,0.9);top:0;left:0;z-index:10000;}
#mc_embed_signup input.error {border: 1px solid red}
#mce-responses{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:perspective(1px) translateY(-50%);text-align:center}


.hf-form label{display:block;font-family:Montserrat}
.hf-form input[type=text],
.hf-form input[type=email],
.hf-form input[type=tel],
.hf-form textarea{width:100%;padding:.5rem 1rem;box-sizing: border-box;}

.reviews2025 .slick-track{background:linear-gradient(rgb(148, 200, 229) 0%, rgb(22, 117, 186) 100%)}
.reviews2025 .slick-track .wp-block-column{background:none !important}

@media only screen and (min-width:500px) {
.imggallery .wp-block-image{padding-right:2rem}
}


/* for spiagge.it button 04/2026 */
/* From Uiverse.io by adamgiebl */ 
.cssbuttons-io-button {
  background: #a78b76;
  color: white;
  font-family: Montserrat, sans-serif;
  text-transform:uppercase;
  padding: 0.35em;
  padding-left: 1.2em;
  font-size: 1.2em;
  font-weight: 600;
  border-radius: 0.9em;
  border: none;
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
  box-shadow: inset 0 0 1.6em -0.6em #CBA98F;
  overflow: hidden;
  position: relative;
  height: 2.2em;
  padding-right: 3.3em;
  cursor: pointer;
  width: max-content;
  text-decoration:none;
}

.cssbuttons-io-button .icon {
  background: white;
  margin-left: 1em;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.2em;
  width: 2.2em;
  border-radius: 0.7em;
  box-shadow: 0.1em 0.1em 0.6em 0.2em #CBA98F;
  right: 0.3em;
  transition: all 0.3s;
}

.cssbuttons-io-button:hover .icon {
  width: calc(100% - 0.6em);
}

.cssbuttons-io-button .icon svg {
  width: 1.1em;
  transition: transform 0.3s;
  color: cornflowerblue;
}

.cssbuttons-io-button:hover .icon svg {
  transform: translateX(0.1em);
}

.cssbuttons-io-button:active .icon {
  transform: scale(0.95);
}

@media only screen and (max-width:699px) {
#header-button{font-size:.8em}
.cssbuttons-io-button {margin:1rem auto 0}
}

@media only screen and (min-width:700px) {

#headerbkg{position:relative}
#header-button{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.cssbuttons-io-button {
  box-shadow: inset 0 0 1.6em -0.6em #CBA98F, 1px 1px 20px 0 steelblue;
}
}