@charset "utf-8";
/*
Theme Name: Riviera Experience
Theme URI: https://rivieraexperience.com/
Author: Arturan
Author URI: http://arturan.com/
Description: Riviera Experience
Version: 1.0.0
*/

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1,h2,h3,h4,h5,h6{margin:0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:none}b,strong{font-weight:600}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;border: none;}[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{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[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-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}

/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */
fieldset,hr{border:0;padding:0}html{color:#222;font-size:1em;line-height:1.4}::-moz-selection{background:#fdff32;text-shadow:none}::selection{background:#fdff32;text-shadow:none}hr{display:block;height:1px;border-top:1px solid #ccc;margin:1em 0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0}textarea{resize:vertical}

.hidden,.no-js .no-js-hidden,.mobile-hidden{display:none!important}.sr-only,.screen-reader-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr-only.focusable:active,.sr-only.focusable:focus,.screen-reader-text.focusable:active,.screen-reader-text.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}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}.aligncenter{display:block;margin: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}

#skiptocontent a{padding:6px;position:absolute;top:-40px;left:0;color:#fff;border-right:1px solid #fff;border-bottom:1px solid #fff;border-bottom-right-radius:8px;background:transparent;-webkit-transition:top 1s ease-out,background 1s linear;transition:top 1s ease-out,background 1s linear;z-index:100}#skiptocontent a:focus{position:absolute;left:0;top:0;background:#BF1722;outline:0;-webkit-transition:top .1s ease-in,background .5s linear;transition:top .1s ease-in,background .5s linear}

/* cookie banner */
.cc-window{opacity:1;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{-webkit-transition:transform 1s ease;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.cc-animate.cc-revoke.cc-top{-webkit-transform:translateY(-2em);transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{-webkit-transform:translateY(2em);transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-top{-webkit-transform:translateY(0);transform:translateY(0)}.cc-animate.cc-revoke.cc-active.cc-bottom{-webkit-transform:translateY(0);transform:translateY(0)}.cc-revoke:hover{-webkit-transform:translateY(0);transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;-webkit-transition:max-height 1s;transition:max-height 1s}
.cc-revoke,.cc-window{position:fixed;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-revoke:hover{text-decoration:underline}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em;text-decoration:underline}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-webkit-box-flex:1;-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-webkit-box-flex:0;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em;margin-bottom:1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}


.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;margin-left:auto;margin-right:auto}.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}


@font-face {
  font-family: icons;
  font-style: normal;
  font-weight: 400;
  src: url(fonts/reicons.woff2) format('woff2'),
       url(fonts/reicons.woff) format('woff');
}

.slick-loading .slick-list{background:#fff url(img/ajax-loader.gif) center center no-repeat}
/* Arrows */
.slick-prev,.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 48%;
  display: block;
  width: 44px;
  height: 44px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  z-index: 2;
}
#slideshow-wrap .slick-prev,#slideshow-wrap .slick-next {top: 35vw;}

.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:before,.slick-next:before {
  font-family: icons;
  font-size: 24px;
  line-height: 44px;
  position: absolute;
  top: 0;
  left: 5%;
  transition: opacity .1s ease-in;
  opacity: 1;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before {
  opacity: .5;
}

.slick-prev {
  left: 0px;
}

.slick-prev:before {
  content: '\e906';
}

.slick-next {
  right:0px;
}

.slick-next:before {
  content: '\e907';
    left: auto;
    right: 5%;
}


/* Dots */
.slick-dots {
  position: absolute;
  bottom: -.5em;
  left: 0;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
#slideshow-wrap .slick-dots{bottom:auto;top:65vw}
.slick-dots li button:before {
  font-size: 12px;
  line-height: 8px;
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  content: '•';
  text-align: center;
  color: #CFA9C7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 .03em;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 8px;
  height: 8px;
  padding: 3px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

#slideshow-wrap .slick-dots li button:before{font-size:23px;width:16px;height:16px}
#slideshow-wrap .slick-dots li, #slideshow-wrap .slick-dots li button{width:16px;height:16px}

.slick-dots li button:hover,.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li.slick-active button:before {
  color: #AF5895;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:99999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;max-height: 100vh;}
    #cboxContent{/*margin-top:20px;background:#000;*/}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{/*border:5px solid #000;*/background:#fff;padding:4em 1em 2em}
        #cboxTitle{position:absolute; bottom:0; left:50%;transform:translateX(-50%); color:#ccc;font-size:.8em}
        #cboxCurrent{position:absolute; top:0; left:50%;transform:translateX(-50%); color:#ccc;font-size:.8em}
        #cboxLoadingGraphic{background:url(img/ajax-loader-lg.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:0; margin-top:-32px; width:28px; height:65px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:0; margin-top:-32px; width:28px; height:65px;}
        #cboxNext:hover{background-position:bottom right;}

#cboxClose{position:absolute; top:1em; right:1em;}

#cboxContent button::after{
  font-family: icons;
  font-size: 32px;
  color: #222;
}
#cboxContent button:focus{outline:none}
#cboxClose::after {
  content: '\e900';
}
#cboxPrevious::after {
  content: '\e906';
}
#cboxNext::after {
  content: '\e907';
}


/*! general */
body{font-family: freight-sans-pro, sans-serif;font-weight:400;background:#f6f8f8;color:#145880;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

h1,h2,h3,h4,h5,h6{font-family:freight-sans-pro, sans-serif;font-weight:600;}

  html{height:100%;overflow-y:scroll;}
  body{height:100%;background:#fff}
  #ow{min-height:100%;position:relative;}
  #iw{padding-bottom:350px;overflow-x:hidden}
  
  .cc-link{color:#9b3171 !important}
  
  p{margin-top: 0;}
  
  .uc {text-transform: uppercase;}
  .nowrap{white-space: nowrap;}
.contain{max-width:1105px;margin:0 auto;padding:0 23px}
nav ul{list-style:none;margin:0;padding:0}

	header{position:fixed;width:100%;z-index:10000;background: linear-gradient(180deg, rgba(126,226,246,1) 0%, rgba(231,250,253,.96) 80%, rgba(231,250,253,0) 100%)}
	header .contain{display:flex;justify-content:space-between}
	header .logo{display:block;width:283px;width:249px;padding-bottom:109px;padding-bottom:96px;background:url(img/riviera-experience.png) no-repeat;background-size:contain;transition: padding 1s;margin-top:1em}
	header.headroom--not-top .logo{padding-bottom:50px;margin-bottom: 20px;width:200px;}


.headroom {
    will-change: transform;
    transition: transform 200ms linear;
}
.headroom--pinned {
    transform: translateY(0%);
}
.headroom--unpinned {
    transform: translateY(-100%);
}


#menu-trigger{margin:0;padding:0;height:25px;position:absolute;cursor:pointer;top:12px;right:12px;width:25px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border-radius:0;border:none;color:#222;z-index:10000;background:transparent url(img/menu-trigger2.svg) no-repeat 0 0;}
#menu-trigger .label{display:none}
#menu-trigger:focus { /*outline: 1px dotted #fff;*/outline:none }
.is-active #menu-trigger {background-position:0 -25px;}

#menu-menu-en{max-height:100vh;overflow:auto}

#main-nav{transform: translateY(-100%);font-family:"Roboto",sans-serif;font-weight:500;font-size:.9em;position:absolute;z-index: 1;top:0;right:0;width:208px;padding-bottom:3em;transition: transform 400ms;}
.is-active #main-nav {transform: translateY(0);}

	#main-nav li{background:#b75991}
	#main-nav li a{position:relative;display:block;background:url(img/nav-light.svg) no-repeat center bottom;background-size:101%;padding:1em;text-decoration:none;color:#C5F2FB}
	#main-nav li.first{padding-top:2.3em}
	#main-nav li.first a{padding-top:.5em}
	#main-nav li.first li a{padding-top:1em}
	#main-nav li.open,
	#main-nav li.opening,
	#main-nav li.section li{background:#9b3171}
	#main-nav li.section li:last-child{background:#b75991;padding-bottom: 9px;}
	#main-nav li.section li a{background-image:url(img/nav-medium.svg)}
	#main-nav li.last{background:transparent}
	#main-nav li.last a{filter: drop-shadow(0px 6px 3px rgba(0, 0, 0, .25));z-index:20}
	#main-nav li.section a{z-index:30;/*text-transform:uppercase;*/color:#fff;filter: drop-shadow(0px 6px 3px rgba(0, 0, 0, 0));transition: all 300ms;}
	#main-nav li.open a,
	#main-nav li.opening a{filter: drop-shadow(0px 6px 3px rgba(0, 0, 0, .25));color:#CFA9C7;}
	#main-nav li.about-us a{z-index:29}
	#main-nav li.section li a{filter:none;z-index:2;text-transform:none;color:#C5F2FB}
	
	#main-nav li.section li:last-child a{filter: drop-shadow(0px 6px 3px rgba(0, 0, 0, .25));z-index:40}
	
	#main-nav li.section a::after{
	content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 6px solid #CFA9C7;
    transition: all 400ms;
    margin: 0 0 .1em .5em;
    /*margin: .5em 0 0;
    position: absolute;
    top:25%;
    right: 1em;*/
    }
	#main-nav li.open a::after,
	#main-nav li.opening a::after{
	  transform: rotate(180deg);
	}
	#main-nav li.closing a::after{
	  transform: none;
	}
	#main-nav li.section li a::after{
	content: '';
    display: none;
    border: none;
    transition: none;
    margin: 0;
    position: static;
    }
    
    #main-nav li.section ul {
    z-index: 1;
    max-height: 0;
    overflow: hidden;
    transition: all 600ms;
    }
    
    #main-nav li.opening ul{max-height:1000px;}
    #main-nav li.open ul{max-height:1000px;overflow:visible;}
    #main-nav li.closing ul{max-height:0;overflow: hidden;}
    
    #main-nav li li a span{display:block;padding-left:1em}
    
    #content{padding-top:109px}
    
    #content img{max-width:100%;height:auto}
    
    .swal-content{text-align:left}
/* -------------- home -------------- */

.home h1{font-weight:400;font-size: 1.3em;}
.home h1 span,
.script{font-family:alize,cursive;font-weight:600;font-size: 1.5em;line-height:1;}
.home h1 span{display:block}
.home-tagline{margin: 0.3em auto 0;font-size: .9em;}

.home #content{text-align:center;padding-top:0}

.home-bkg {
    background: url(https://www.rivieraexperience.com/wp-content/uploads/2021/04/Home-Page-Main-1600-aka-Plage-Privee-opt.jpg) no-repeat center 50px;
    background-size: 100%;
    padding-top: 85vw;
    padding-bottom: 20px;
    margin: 0 auto;
}

#top-items,
#photo-of-villefranche,
.photo-of-villefranche-caption,
.thumbnails,
.home .caption,
.home .short-description,
.home .map-img{display:none}


.area-map{background:#f7f3e4;margin-top:1.5em}
.area-map div{padding:1em;text-align:left}

.locations-map-wrap img{width:100%;height:auto}

.locations-map-wrap{margin-bottom:2em}

#rental-sub-nav{background: linear-gradient(180deg, rgba(207,169,199,1) 0%, rgba(255,255,255,1) 100%);padding:1em}
#rental-sub-nav h2{font-style:italic;display:inline-block;font-size:1em}
#rental-sub-nav a.btn{font-style:normal;text-transform:uppercase;margin:0 .5em}

.rental-section{background:linear-gradient(180deg, rgb(218, 232, 246) 0%, rgb(239, 244, 249) 50px);}
.rental-section h2{background:url(img/wave_blue.svg) no-repeat center top; background-size:contain;padding: .1em 1em 1.8em;font-size: 1.2em;}
.rental-section .slideshow-wrap{padding-bottom:3em;display:flex}
.rental-section .rental-slideshow{width:50%}
.photos{width:100%;box-sizing:border-box;}
.photo{padding-bottom:64.2%;background:no-repeat center top;background-size:contain}
.photos:not(.slick-initialized) .slide:not(:first-child){display:none}

.rental-info{width:50%;padding: .5em 1em;position:relative}
.home #content .rental-info{text-align:left;}

.rental-meta{text-decoration: none;font-weight:600;}
.rental-meta .rooms{font-weight:400;}
.rental-meta .price{line-height:2;}
  .rental-meta span.link-arrow{font-style:italic;color:#fff;text-decoration:none;
    font-size: .7em;
    border-radius: 5px;
    display: inline-block;
    background: #9B3171;
    padding: .2em 1em .3em;position: absolute;
    bottom: -.8em;}
  .rental-meta span.link-arrow::after{
	content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 6px solid #fff;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    margin: 0 0 -.1em .4em;}

.home .rental-info .title{line-height: 1;display: block;font-size:.9em}

.desktop-info{display:none;background:#feefda}

.circle{
  border-radius: 50%;
  shape-outside:circle() padding-box;
  object-fit: cover;
  padding:1em;
  margin:.5em 0;
}
.circle-wrap{
  position:relative;
  border-radius: 50%;
  shape-outside:circle() margin-box;
  overflow:hidden;
}
.circle-wrap img{
  object-fit: cover;
}
.align-left{float:left;
  margin: 1em 1em 1em -.3em;}
.align-right{float:right;
  margin: 1em -.3em 1em 1em;}

.circle-wrap::after{
  font-family: icons;
  font-size: 32px;
  color: rgba(255,255,255,.8);
  content: '\e90b';
  text-shadow:0px 6px 3px rgba(0, 0, 0, .25);
  width:50px;position:absolute;text-align:center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.circle.alignleft{margin-left:-1.3em}
.circle.aligncenter{margin:1em}
.circle.alignright{margin-right:-1.3em}
.small{
  width:100px !important;
  height:100px !important;
}
.medium{
  width:150px !important;
  height:150px !important;
}
.large{
  width:200px !important;
  height:200px !important;
}

.circlebkg {
  background:no-repeat center;background-size:cover;
  border-radius: 50%;
  shape-outside:circle();
}
.circlebkg::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.btn{border-radius:5px;display:inline-block;background:#9d2e72;color:#fff !important;font-weight:600;font-style:italic;cursor:pointer;font-size:.8em;padding:.2em 1em;text-decoration:none;}
.disabled{cursor:default;opacity:.2}

.gallery-slideshow .slick-slide{line-height:0}
.gallery-slideshow .slide{background:no-repeat center;background-size:cover;padding-bottom:64%}
.gallery-slideshow .slide .caption{position:absolute;bottom:0;width:100%;background:rgba(0,0,0,.8);color:#fff;box-sizing: border-box;padding: 2em;}
.gallery-slideshow .slick-dots {top:auto;bottom: -1.5em;}

.gallery-slideshow .slick-prev, .gallery-slideshow .slick-next {top:50%;}
.gallery-slideshow .slick-prev:before, .gallery-slideshow .slick-next:before{font-size:36px}
 .gallery-slideshow .slick-next:before{left:0}

/* rentals */
#apartment-head{background:none}
#apartment-head-text{padding: 10px 23px 23px;}
h1{font-size: 1.8em}
#apartment-head-text h1{font-size: 1.8em;position:relative}
#apartment-head-text h1 .calendar{position: absolute;
    right: -1em;
    /*width: 32px;
    height: 32px;*/text-decoration: none;font-size:.5em;font-weight:400;text-align:center;color: #9B3171;line-height: 1.3;top:2em}
#apartment-head-text h1 .calendar::before{
  font-family: icons;
  font-size: 32px;
  color: #9B3171;
  content: '\e90a';display:block;
}
#apartment-head-text h1 .calendar:focus {outline:none}

#select-dates::before,
.anchor-space::before{
  content: '';
  display: block;
  height:      75px;
  margin-top: -75px;
  visibility: hidden;
  position: relative; z-index: -1;
}

span.rooms,span.price{display:block;font-size:.9em;}
.home span.rooms,span.price{font-size:.8em;}
a.ratedetails{font-style:italic;font-weight:700;color:#9B3171;text-decoration:none;}
.short-description-desktop{display: none;}
.short-description-mobile{display: block;}
.short-description-mobile ul{margin:-1em 0 2em;padding:0 0 0 1em}

.start-text{background:linear-gradient(180deg, rgb(218, 232, 246) 0%, rgb(239, 244, 249) 50px);padding-bottom:30px;padding-top:23px}

.caption{padding:2.5em 1.1em 1em;font-size:.8em;}
.caption p{margin:0 0 1em 0}

  .map{width:50px;height:auto;float:right;transition: all 400ms;}
  .map-open{width:100%}
  .map-wrap{border:1px solid #fff}
  .map-img{display:block;width:100%;height:auto;padding-bottom:100%;background:no-repeat;background-size:cover;text-decoration: none;position:relative;}

.map-toggle{width:50px;height:50px;position:absolute;top:0;right:0}
.map-toggle::after{
  font-family: icons;
  font-size: 32px;
  color: rgba(255,255,255,.8);
  content: '\e90b';
  text-shadow:0px 6px 3px rgba(0, 0, 0, .25);
  width:50px;position:absolute;text-align:center;
}
  .map-open .map-toggle::after{content: '\e90c';}
  
#requestlink-pop{padding-top:1em}
  

.calendar-wrap .wpsbc-container .wpsbc-calendars .wpsbc-calendar table {
    table-layout: auto;
}


.wpsbc-container .wpsbc-calendars .wpsbc-calendar,
.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header{background:#fff7ec;}
.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-calendar-header-navigation{font-weight:600}

.wpsbc-container .wpsbc-calendars .wpsbc-calendar table tr td .wpsbc-date.wpsbc-gap{background:#eceae6}

.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-calendar-header-navigation .wpsbc-next, .wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-calendar-header-navigation .wpsbc-prev{background:#9b3171}

.wpsbc-container .wpsbc-date-number{    color: #969696;}
/*.wpsbc-container .wpsbc-legend-item-icon-0 div:first-of-type{background: #f7f7f7 !important;}*/

#calendar-pop .wpsbc-container .selected-day .wpsbc-legend-item-icon-color,
#rental-main .wpsbc-container .selected-day .wpsbc-legend-item-icon-color{background-color:#cd97cd !important;}

.wpsbc-container .selected-day .wpsbc-date-number{color:#fff !important;font-weight:600}
.wpsbc-legend-item-2,.wpsbc-legend-item-7,.wpsbc-legend-item-10,.wpsbc-legend-item-13,.wpsbc-legend-item-16,.wpsbc-legend-item-19,.wpsbc-legend-item-22,.wpsbc-legend-item-25,.wpsbc-legend-item-28{font-weight:600}

.wpsbc-container .wpsbc-calendars .wpsbc-calendar table tr td, .wpsbc-container .wpsbc-calendars .wpsbc-calendar table tr th{padding:0px!important;font-size:11px}
.wpsbc-container .wpsbc-calendars .wpsbc-calendar table tr td .wpsbc-date-inner .wpsbc-date-number{font-size:12px;font-weight:700}

wpsbc-calendar{min-width:100%!important;max-width:100%!important;}
wpsbc-calendar-wrapper{min-height:10px!important;}
.wpsbc-container .wpsbc-calendars .wpsbc-calendar table tr td .wpsbc-date-inner{max-height:22px!important;line-height:initial!important;}

.wpsbc-legend .wpsbc-legend-item {
    display: inline-block;
    margin-bottom: 8px;
    margin-right: 23px;
}

.wpsbc-legend {
    text-align: center;
    border: none;
    padding: 8px 0 0 23px;
    }
.wpsbc-legend .wpsbc-legend-item-icon-color{border:1px solid #868482;box-sizing:border-box}

.wpsbc-overview-container .wpsbc-overview-inner {/*background: #fff7ec;*/border-right:1px solid #feefda}


.wpsbc-overview-container .wpsbc-overview-row .wpsbc-overview-row-header-inner {background:#feefda;color:#fff;font-weight: 600;}

.wpsbc-overview-container .wpsbc-overview-row .wpsbc-overview-row-header,
.wpsbc-overview-header .wpsbc-overview-row-content>div .wpsbc-date{background:none}


.wpsbc-overview-container{background: #feefda;}
.wpsbc-select-container{padding:5px}
.wpsbc-overview-container .wpsbc-overview-header .wpsbc-overview-row-content div .wpsbc-date{height:30px;line-height:30px;}

.wpsbc-legend-item-icon[data-type=blank]{background: #feefda;}

.wpsbc-overview-container .wpsbc-legend {
    text-align: left;
    padding: 8px 0 0 150px;color: #2e2e2e;
    background:#feefda;
    margin:0;
}

.wpsbc-overview-container .wpsbc-legend-item:nth-child(3){display:none;}


#calendar-pop .wpsbc-legend {padding:0}

.page-id-15 .wpsbc-select-container{padding:5px 0}
.page-id-15 .wpsbc-select-container select{font-weight:bold;font-size:14px !important;height:24px !important}
  
  
.text-wrap h2{text-align:center;margin:0 0 1em}
.text-wrap p+h2{margin:2em 0 1em}


.no-shadow {
	margin: 80px 0 0;
}
.shadow {
background:no-repeat center bottom;
background-size:contain;
-webkit-box-shadow: inset 0px 0px 23px 23px rgba(255,255,255,1);
-moz-box-shadow: inset 0px 0px 23px 23px rgba(255,255,255,1);
box-shadow: inset 0px 0px 23px 23px rgba(255,255,255,1);
border:1px solid #fff;
padding-bottom: 40vw;
padding-top:120px;
}
.has-intro{/*position: relative;*/border:none}

.page-template-default #content,
.post-template-default #content,
.page-template-page-wide #content,
.page-template-page-faqs #content,
.category #content{padding-top:2em;padding-bottom:4em}

.page-template-default h1,
.post-template-default h1,
.page-template-page-wide h1,
.page-template-page-faqs h1,
.category h1{
  background: linear-gradient(180deg, rgba(155,49,113,.98) 0%, rgba(155,49,113,.98) calc(100% - 1em), rgba(155,49,113,0) 100%);
  background: linear-gradient(180deg, rgba(212,229,253,.85) 0%, rgba(212,229,253,.85) calc(100% - 1em), rgba(212,229,253,0) 100%);
  background: linear-gradient(180deg, rgba(244,248,254,.90) 0%, rgba(244,248,254,.90) calc(100% - 1em), rgba(244,248,254,0) 100%);
  color: #fff;
  color:rgba(20,88,128,1);
  padding: 10px 23px 43px;
  line-height: 1;
}

.page-template-default .has-intro h1,
.post-template-default .has-intro h1,
.page-template-page-wide .has-intro h1,
.page-template-page-faqs .has-intro h1,
.category .has-intro h1{
}
    
.intro{    background: linear-gradient(180deg, rgba(20,88,128,.98) 0%, rgba(20,88,128,.98) calc(100% - 2.5em), rgba(20,88,128,0) 100%);
    color: #fff;min-height:93px;
    padding: 12px 23px 23px;margin-top:-30px;margin-left:23px;font-weight:700;font-style:italic}


.page-template-default #content a,
.post-template-default #content a,
.page-template-page-wide #content a,
.page-template-page-faqs #content .answer a,
.category #content a,
.single-re_rentals #content p a,
.single-re_rentals .map a{color:#9b3171}
    


/* faq */
    
.page-id-12 h2{padding:23px 23px 12px;font-weight:400}

.page-id-12 ol{list-style:none;margin:0;padding:0}
.page-id-12 ol li{
    box-sizing: border-box;
}
/*.js .page-id-12 .answer{overflow:hidden;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:ease;transition-timing-function:ease;visibility:hidden;}*/
.page-id-12 .answer .pad{padding:23px}
/*.js .page-id-12 .is-active>.answer{visibility:visible}*/

.js .page-id-12 .answer{
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}

.js .page-id-12 h3 {
display:flex;
    font-size: 1.2em;
    padding: 4px 23px 10px;
    margin: 0!important;
    font-style: italic;
    color: #AF5895;
    cursor: pointer;
    background: linear-gradient(180deg, #B6D8FC 0%, #F6F8F9 100%);
}

.js .page-id-12 h3::before {
  display:inline-block;
  font-family: icons;
  font-style: normal;
  content: '\e902';
  padding-right: 10px;
  transition:all 300ms;
  transform-origin:10px 16px;
}
/*.js .page-id-12 .is-active>h3::before{transform:rotate(-180deg);color:#3661A4}*/
.js .page-id-12 h3.is-active::before{transform:rotate(-180deg);color:#3661A4}

.page-id-12 .accordion-container li:first-child h2{background:#248ec8;color:#fff}

/* category */
.post{margin-top:2em}
.thumb{}
.thumb .img{background:no-repeat center;background-size:cover;display:block;padding-bottom:56.25%}
.title{}
.description{}
.readmore{}


footer {
    bottom: 0;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    background:#9B3171;
}
#footer .sand{background:url(img/sand.jpg);color:#145880;font-weight:600;font-style:italic}
#footer .sand .contact{display:none}
#footer .sand ul{list-style:none;margin:0 0 0 32px;padding:0}
#footer .sand li{padding-bottom:1em;}
#footer .sand a{color:#9B3171;display:block}
#footer .contain{padding-top:2em;padding-bottom:1em;text-align:center}

#footer div.email,
#footer div.phone{
position:relative;display:inline-block
}
#footer div.email a::before,
#footer div.phone a::before{
  font-family: icons;font-style:normal;
  font-size: 32px;
  color:#9B3171;
  position: absolute;
    left: -36px;
    top: -10px;}
#footer div.email a::before{content: '\e905';}
#footer div.phone a::before{content: '\e904';}

#footer .purple{font-size:.9em;color:#fff;padding-bottom:2em;background:url(img/wave2_black.svg) no-repeat center bottom; background-size:contain;
    font-family:"Roboto",sans-serif;font-weight:500;}
#footer .info p{display:none}
#footer .info p.copyright{display:block;}
#footer a{text-decoration:none}
#footer nav a{color:#C5F2FB}
#footer nav li{display:none}
#footer nav li.mobile{display:block}


/* pricing table */
.pricing-table{display:grid;grid-template-columns: 1fr 1fr 1fr;grid-gap:1px;text-align:center;color:#58595B}
.pricing-table.winter{grid-template-columns: 1fr}
.pricing-table div{font-size:.9em;padding:.5em .1em}

.page-template-default #content a.pricing-property{font-size:.9em;display:flex;justify-content:space-between;color:#FFF0D9;text-decoration:none;padding:.5em 1em}
.pricing-name{font-weight:bold}
.pricing-rooms{text-align:right}
.pricing-property-row{margin-bottom:3px}
#pricing-table-head,
#pricing-table-foot{line-height:1;font-size:.8em;}
.pricing-property-row .pricing-table{font-size:1.1em;color:#000}

.gallery-slideshow{margin-bottom: 2em;}

.post-nav{display:flex;justify-content:space-between;padding:3em 0 0}
.post-nav.top{padding:2em 0 3em}
.post-nav div:not(:first-child){text-align: right;}



blockquote{margin:0;padding:8% 0 2em;position:relative}
blockquote::before{content:'';position:absolute;left:0;top:0;width:100%;padding-bottom:6.22%;background:url(img/curve.svg) no-repeat center top;background-size:contain;}
blockquote:last-child{padding-bottom:10%}
blockquote:last-child::after{content:'';position:absolute;left:0;bottom:0;width:100%;padding-bottom:8%;background:url(img/curve.svg) no-repeat center top;background-size:contain;}
blockquote cite{font-weight:bold}






    
/* -------------- larger screens -------------- prev min-width:857 */

@media only screen and (min-width:1024px) { 
.slick-prev,.slick-next,#slideshow-wrap .slick-prev,#slideshow-wrap .slick-next  {
  top: 29%;
}
.slick-prev:before,.slick-next:before {
  left: 25%;
}
.slick-dots,#slideshow-wrap .slick-dots {
  top: 55vw;
  bottom:auto;
}
.slick-dots li {
  margin: 0 .4em;
}
.slick-dots li button:before {
  font-size: 32px;
}


  .mobile-hidden{display:block!important}
  .desktop-hidden{display:none!important}
  #ow{min-height:100%;position:relative;}
  #iw{padding-bottom:365px;}
  
  #main-nav li.section li a {background-image: url(img/nav-light.svg);}
  
  #menu-trigger{display: none;}
  #menu-menu-en{max-height:auto;overflow:visible}
  #main-nav {transform: translateY(0);transition:none}
      header{background: linear-gradient(180deg, rgba(126,226,246,1) 0%, rgba(231,250,253,.96) 80%, rgba(231,250,253,0) 100%)}
      #main-nav{position:relative;width:auto;padding-bottom:0;}
      #main-nav li{position:relative;display:inline-block;vertical-align:top;background:transparent !important}
      #main-nav li a{background:transparent;color:#9B3171}
	#main-nav li.first{padding-top:0}
	#main-nav li.first a{padding-top:1em}
	
	#main-nav li.first li a {
    padding: .5em 0 .5em 1em;
    }
	
	#main-nav li.section ul{background:url(img/nav-light.svg) no-repeat bottom;background-size:100% auto;filter: drop-shadow(0px 6px 3px rgba(0, 0, 0, .25));}
      #main-nav li.section a{color:#9B3171;filter:none;transition: none;}
      #main-nav li.opening a,
      #main-nav li.open a{color:#fff;background:#B75991;filter:none;transition: none;}
      
      #main-nav li.section a::after {margin:.5em 0 0 .5em;position:static;vertical-align:top;border-top: 6px solid #CD97CD;}
      #main-nav li ul{position:absolute;width:100%;width:200px;}
      #main-nav li.rentals ul{width:280px;}
      #main-nav li.about-us ul{width:140px;}
      #main-nav li.opening li:last-child,
      #main-nav li.open li:last-child{margin-bottom:1em}
      #main-nav li li{display:block}
      #main-nav li.last a{filter:none}
      #main-nav li.section li:last-child a{filter:none}
      
      #main-nav li li:first-child a{border-top-right-radius: 3px;}
    
    #main-nav li li a{padding:.3em 0 .3em 1em}
     /* #main-nav li.opening li:last-child,
      #main-nav li.open li:last-child a{padding-bottom:1em}*/
    #main-nav li li a span{display:inline-block;padding-left:.2em}
    #main-nav li li a span::before{content:'–';padding-right:.2em;}
    
    #menu-item-31:hover a,
    #menu-item-27:hover a{color:#fff;background:#B75991}
    
    #menu-item-31.current-menu-item a,
    #menu-item-27.current-menu-item a{color:#fff;background:#a2407f}
    
    
    #main-nav li.menu-item-1205 a{background:rgba(126,226,246,1)}
    #main-nav li.menu-item-1205:hover a,
    #main-nav li.menu-item-1205.current-menu-item a{color:#fff;background:#248ec8}
    
    
    
    #main-nav .newline{display:block;line-height:.7}
    
	#main-nav li li.current-menu-item a,
	#main-nav li.current-menu-parent a,
	.single-post #main-nav li.menu-item-25 a{color:#fff;background:#a2407f}
	.single-post #main-nav li.menu-item-25 li a{background-image: url(img/nav-light.svg);color:#C5F2FB;}
	#main-nav li li a:hover,
	.postid-674 #main-nav li.menu-item-25 li a:hover{color:#fff;background:#a2407f}
	.postid-674 #main-nav li.menu-item-25 li.menu-item-690 a,
	.single-post #main-nav li.menu-item-25 li.current-menu-parent a{color:#fff;background:#a2407f}
	.postid-674 #main-nav li.menu-item-25 li.menu-item-48 a{background-image: url(img/nav-light.svg);
    color: #C5F2FB;}
	.postid-674 #main-nav li.menu-item-25 li.menu-item-48 a:hover,
	.single-post #main-nav li.menu-item-25 a:hover{color:#fff;background:#a2407f}
    
    #content{padding-top:125px}
    
    .page-template-default #content, .post-template-default #content, .page-template-page-wide #content, .page-template-page-faqs #content, .category #content{padding-top:1em}

    .btn:hover{background:#a43d80}
    
/* -------------- home -------------- */
  .home #content{padding-top:0}
  .home-bkg{background-position:center 10px;background-size:contain;/*padding-bottom:100px;*/max-width:1105px;padding-top:109px}
  .home-tagline{margin: 0.3em auto 8em;}
  .home-bkg .text-wrap{width:95%;margin-bottom:2em}

  #top-items{display:grid;grid-template-columns: 1fr 1fr 2rem 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:auto auto;
    column-gap:1rem;margin:0 auto}
	#top-items .short{grid-column-start:1;grid-column-end:3;font-weight:bold;font-size: 1.4em;
    text-shadow: 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px #fff, 0px 0px 10px #fff;}
	#top-items .long{grid-column-start:4;grid-column-end:10;font-weight:bold;font-size: 1.4em;
    text-shadow: 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px #fff, 0px 0px 10px #fff;}
  #top-items a{display:block;color:#fff;width:100%;text-decoration:none}
  #top-items a:nth-child(even){margin-top:.5em}
  .top-text{background:#fff;}
  .top-title{font-weight:600;font-size:.8em;padding: .2em 0;line-height: 1.2;}
  .top-meta{font-size:.7em;padding: .2em 0 .5em;}
  #top-items a:hover .top-title,
  #top-items a:hover .top-meta{opacity:.7}
  #top-items span{display:block}
  #top-items span strong{display:block;font-weight:600;}
  .top-thumb{background:#333 no-repeat center;background-size:cover;padding-bottom:75%;box-shadow: 0px 10px 10px -6px rgba(0,0,0,0.75);border:1px solid #485D45;margin-bottom:.3em}
  
/*  #photo-of-villefranche{display:block;background:url(img/locations-gradient.jpg) no-repeat center bottom;background-size: cover;padding-bottom:33.3%;
-webkit-box-shadow: inset 0px 0px 23px 23px rgba(255,255,255,1);
-moz-box-shadow: inset 0px 0px 23px 23px rgba(255,255,255,1);
box-shadow: inset 0px 0px 23px 23px rgba(255,255,255,1);}*/

  #photo-of-villefranche{display:block;position:relative;padding-bottom:37.62%;margin-bottom:2em;overflow:hidden}
  #photo-of-villefranche img{position:absolute;top:0;left:0;width:100%;height:auto}

	.locations-map-wrap{display:flex;flex-direction:row-reverse;justify-content:space-between}
.locations-map{width:60%}
.area-map{width:38.25%;margin-top:0}

  .rental-section h2{display:inline-block;padding: .1em 6em 1.8em;}
  
  .home .rental-slideshow{width:60%}
  
  .photos{width:99.9999%;
    border: 2px solid #fff;
    border-top: none;}
  .thumbnails{display:flex;flex-wrap:wrap;background:#fff;border: 1px solid #fff;}
  .thumbnail{width:11.1111%;background:no-repeat center;background-size:cover;padding-bottom:8%;box-sizing:border-box;border:1px solid white}
  

  .desktop-info{width:50%;display:block;}
  .home .caption{display:block;}
  .caption{padding-top:1em;font-size:1em;text-align:left}
  
  .home #content .rental-info {position: relative;width: 40%;padding:0}
  .rental-meta-wrap{display:flex;}
  .rental-meta{width:50%;position: relative;box-sizing:border-box;padding:.5em 1em}
  .rental-meta .title{font-size:1.1em}
  .home span.rooms, .home span.price {font-size: .8em;}
  .rental-meta span.link-arrow{bottom:0;left:0;padding:0;font-size:1em;background:url(img/bkgnd_sand.png) no-repeat;background-size:cover;border-radius:0;box-sizing:border-box;width:100%;padding:.5em 0 .5em 1em;color:#9B3171}
  .rental-meta span.link-arrow::after{margin-bottom:-.03em;;border-left-color:#9B3171}
    
    .rental-meta span.link-arrow:hover{color:#af5895}
    .rental-meta span.link-arrow:hover::after{border-left-color:#af5895}
    
  .rental-meta-wrap .map-img,.home .map-img{display:block;width:50%;padding-bottom:50%}
  .short-description,.home .short-description{display:block;box-sizing:border-box;padding:1em;font-weight:700}
  .short-description .select-dates{position:absolute;bottom:1em;right:1em;padding: .2em 1em .4em 2em;font-size:.9em;}
  .short-description .select-dates::before{
  font-family: icons;
  font-size: 19px;
  color: #fff;
  content: '\e90a';font-style:normal;font-weight:400;position: absolute;
    left: .3em;
    top: .04em;}
    

    
    






  
  /* rentals */
  #apartment-head{background:no-repeat left top;background-size:40%}
  #apartment-head-text{margin-left:33%;padding:0}
  #apartment-head-text h1{padding:10px 23px;}
#apartment-head-text .calendar{display: none;}
  #apartment-head-text-title{padding:10px 23px 10px 113px;font-size:1.3em;}
  #apartment-head-text-title .price{font-weight:600}
  .short-description-desktop{display: block;max-width:670px;padding: 0 23px 23px 113px;min-height:280px}
  .short-description-desktop ul{padding-left: 1em;}
  .short-description-mobile{display:none;}
  
  #rental-main{background:linear-gradient(180deg, rgb(218, 232, 246) 0%, rgb(239, 244, 249) 50px);padding:30px 0}
  .start-text{background:none;padding-top:0}
  
  
  #slideshow-wrap{display:flex}
  .rental-slideshow{width:50%}
  .contain-desktop {max-width: 1105px;margin: 0 auto;padding: 0 23px;}
  
  .single-re_rentals .photos{border: none;}
  .single-re_rentals .thumbnails{border-left:none;border-right:none}
  
  .box-head{padding: 0.7em 1.3em;font-size: .9em;}
  .box-head h2{line-height:1.2;}
  .box-head .rooms{font-size:1.1em}
  .box-head .price{font-size:1.1em;font-weight:600}
  .box-content{font-size: .9em;
    color: #222;
    padding: 0.7em 1.3em;}
  .calendar-wrap{width:80%;margin:0 auto;}
  .box-content .wpsbc-date-number{cursor:pointer}
  
  .wpsbc-legend-item-icon-0 + .wpsbc-date-inner .wpsbc-date-number{cursor:default !important}
  
  
  .wpsbc-date-inner{-webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;}
  
  
  #request{display:flex;justify-content:space-between;font-size: .9em;
    color: #222;
    padding: 0 1.3em 1.3em;    margin-left: 10%;}
  #request .date{color:#222;padding-left:.5em;font-weight:600}
  #dates{opacity:0}
  #dates.show{opacity:1}
  
  .text-wrap{width:70%;margin:0 auto}
  .page-template-default .text-wrap,
  .category .text-wrap,
  .single-post .text-wrap,
  .page-template-page-faqs .accordion-container,
  .post-type-archive-re_testimonials .text-wrap{
    /*margin: -15vw auto 0;*/
    margin: 0 auto;
    background: #fff;
    padding: 0 3em 2em;
    box-sizing: border-box;
  }
  .page-template-page-wide .wide-wrap{
    /*margin: -12vw auto 0;*/
    margin: 0 auto;
  }
  .page-template-default .header-has-intro .text-wrap,
  .category .header-has-intro .text-wrap,
  .single-post .header-has-intro .text-wrap,
  .page-template-page-faqs .header-has-intro .accordion-container,
  .page-template-page-wide .header-has-intro .wide-wrap{
    /*margin: -10vw auto 0;*/
    margin: 0 auto;
  }
  .page-id-15 .header-has-intro .wide-wrap,
  .page-id-9 .header-has-intro .text-wrap{
    margin: -15vw auto 0;
    /*margin: 0 auto;*/
  }
  .page-id-9 .header-has-intro .text-wrap{padding-top:2em}
  
  #desktop-map-row{display: flex;justify-content:space-between}
  .map{width:50%;float:none}
  .map-wrap{border:none}
  .map-text{width:50%;padding: 0.7em 1.3em;box-sizing: border-box;position: relative;}
  .maplink{position:absolute;bottom:0}
  .map-toggle::after{display: none;}

  
.small{
  width:150px !important;
  height:150px !important;
}
.medium{
  width:200px !important;
  height:200px !important;
}
.large{
  width:300px !important;
  height:300px !important;
}


.shadow {
background:no-repeat center;
background-size:cover;
padding-bottom: 20vw;
padding-top:26px;
padding-top:0;
margin-top:125px;
margin-top:112px;
}
/*.intro{ margin-top:-80px;margin-left:0;}*/

.page-template-default h1,
.post-template-default h1,
.page-template-page-wide h1,
.page-template-page-faqs h1,
.category h1{
  padding: 10px 23px 46px;
  width: 67%;
  box-sizing:border-box;
  float:right;
}
.wrap-intro{position:relative}
.constrict{display:block;width:40%}
    .intro{
    padding: 12px 23px 23px;
    width: 35%;
    position:absolute;top:50px;right:0}
  
  
  /* faq */
  .page-id-12 ol {
    width:70%;
    margin: 0 auto;
  }
  .page-id-12 .answer .pad {
    /*width: 75%;*/
    margin: 0 auto;
  }
  
  .js .page-id-12 h3:hover {
    color: #a2407f;
    background: linear-gradient(180deg, #9bc2eb 0%, #F6F8F9 100%);
  }
  
/* category */
.post{display:flex;justify-content:space-between;align-items:flex-start;}
.thumb{display:block;width:25%;box-sizing:border-box;margin:0 1em 1em 0;}
.description{width:70%}

.page-template-default #content a:hover,
.post-template-default #content a:hover,
.page-template-page-wide #content a:hover,
.page-template-page-faqs #content .answer a:hover,
.category #content a:hover,
.single-re_rentals #content p a:hover,
.single-re_rentals .map a:hover{color:#af5895}

#footer .sand .contact{display:block;color:#0060E5}
#footer .purple{text-align:left}
#footer .sand ul{margin: 0;}
#footer .purple,
#footer .sand ul{display:flex;justify-content:space-between;}
#footer .sand a:hover{color:#af5895}
#footer div.email a:hover::before,
#footer div.phone a:hover::before{color:#af5895}
#footer .info{width:25%}
#footer .info p{display:block}
#footer .info a{color:#ffa9dd;font-style:italic}
#footer .info a:hover{color:#fff}
#footer nav{display:flex;justify-content:space-between;width:60%}
#footer nav .newline{display:block;padding-left:1em}
#footer nav li{display:block}
#footer nav a{color:#c4f2fc}
#footer nav a:hover{color:#fff}
#footer nav .second{padding-top:1.5em}
#footer nav .section a{color:#fff;}
#footer nav .section a:hover{color:#ffa9dd}

/* pricing table */
.pricing-property-row{display:flex;}
.pricing-property{width:40%;box-sizing:border-box;}
.page-template-default #content a.pricing-property:hover{color:#fff;opacity:.7}
.pricing-table{width:60%;}
#pricing-table-head,
#pricing-table-foot{margin-left:40%;font-size:.9em}
}

/*06/2024 updated*/
.page-id-15 h2{background: #feefda;
    padding: 0.2rem 0 0 1rem;}
.page-id-15 .wpsbc-overview-container{margin-top:0}

/*petit*/
#short-cal .wpsbc-overview-container .wpsbc-overview-row:nth-child(2) .wpsbc-overview-row-header-inner{background:#b2883a;cursor:pointer}
#short-cal .wpsbc-overview-container .wpsbc-overview-row:nth-child(2) .wpsbc-legend-item-icon-0 div:first-of-type{background-color:#ebe0cb}

/*balcon*/
#short-cal .wpsbc-overview-container .wpsbc-overview-row:nth-child(3) .wpsbc-overview-row-header-inner{background:#cf4929;cursor:pointer}
#short-cal .wpsbc-overview-container .wpsbc-overview-row:nth-child(3) .wpsbc-legend-item-icon-0 div:first-of-type{background-color:#f4d7d0}

/*nous*/
#long-cal .wpsbc-overview-container .wpsbc-overview-row:nth-child(1) .wpsbc-overview-row-header-inner{background:#7f5d82}
#long-cal .wpsbc-overview-container .wpsbc-overview-row:nth-child(1) .wpsbc-legend-item-icon-0 div:first-of-type{background-color:#e3dbe4}

/*privee*/
#long-cal .wpsbc-overview-container .wpsbc-overview-row:nth-child(2) .wpsbc-overview-row-header-inner{background:#ad2f27}
#long-cal .wpsbc-overview-container .wpsbc-overview-row:nth-child(2) .wpsbc-legend-item-icon-0 div:first-of-type{background-color:#efd6d4}

/*penthouse*/
#long-cal .wpsbc-overview-container .wpsbc-overview-row:nth-child(3) .wpsbc-overview-row-header-inner{background:#528385}
#long-cal .wpsbc-overview-container .wpsbc-overview-row:nth-child(3) .wpsbc-legend-item-icon-0 div:first-of-type{background-color:#d8e2e3}

/*toit*/
#long-cal .wpsbc-overview-container .wpsbc-overview-row:nth-child(4) .wpsbc-overview-row-header-inner{background:#497498}
#long-cal .wpsbc-overview-container .wpsbc-overview-row:nth-child(4) .wpsbc-legend-item-icon-0 div:first-of-type{background-color:#d7e0e8}

/*atelier*/
#long-cal .wpsbc-overview-container .wpsbc-overview-row:nth-child(5) .wpsbc-overview-row-header-inner{background:#756c26}
#long-cal .wpsbc-overview-container .wpsbc-overview-row:nth-child(5) .wpsbc-legend-item-icon-0 div:first-of-type{background-color:#e1dfcf}

/*bliss*/
#long-cal .wpsbc-overview-container .wpsbc-overview-row:nth-child(6) .wpsbc-overview-row-header-inner{background:#d07949}
#long-cal .wpsbc-overview-container .wpsbc-overview-row:nth-child(6) .wpsbc-legend-item-icon-0 div:first-of-type{background-color:#f0ddd2}

#main-nav li li.underline{border-bottom:1px solid #C5F2FB}

@media only screen and (max-width:1024px) { 
  .home-tagline{text-align:left}
  .home-tagline br{display:none}
}