/* Developed entirely by staycreative.es */

::selection {color: #C0CDC5; background-color: #5F4233;}

/* reset ui kit */
.uk-link:hover, a:hover{text-decoration: none;}
.uk-navbar-container:not(.uk-navbar-transparent) {background-color: #ffffff; height: 80px;}

/* Generals */
html, body{font-family: 'Jost', sans-serif;font-weight: 400;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;}
p{font-family: 'Jost', sans-serif;color: #7D7D7D; font-weight: 400; line-height: 1.8; font-size: 1.1rem; margin-top: 5px;}
h1, h2, h3, h4, h5, h6{font-family: 'Jost', sans-serif; color: #5F4233; font-weight: 700; text-transform: initial;}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{font-family: 'Jost', sans-serif;font-weight: 400;font-style: normal; color: #7D7D7D; font-size: 80%; display: block; }
ul {padding-left: 0px;}
li {text-decoration:none; list-style-type: none; color: #7D7D7D;font-size: 1rem;}
/* p b {line-height: 1.8; font-size: 1rem;} */
:focus {outline: none;}

/* Buttons */
.uk-button{border-radius: 0 !important; font-family: 'Jost', sans-serif; font-weight: 700; border:0;line-height: 1.5;text-transform: lowercase;font-size: 1rem;-webkit-appearance: none !important;border-radius: 0;padding: 0; text-transform: initial;}


.uk-button-default {border: 1px solid #C0CDC5; font-size: 1.1rem; background-color: #C0CDC5; padding: 1rem 2rem; color: white;}
.uk-button-default:hover {border: 1px solid #C0CDC5; background-color: transparent; color: #C0CDC5;}

.uk-button-primary {border-bottom: 1px solid white; font-size: 1.1rem; background-color: transparent; padding-bottom: 10px;}
.uk-button-primary:hover {border-bottom: 1px solid transparent; background-color: transparent; color: #5F4233;}

.uk-button-secondary {border-bottom: 1px solid #000000; font-size: 1.1rem; background-color: transparent; padding-bottom: 10px; color: #000000;}
.uk-button-secondary:hover {border-bottom: 1px solid transparent; background-color: transparent; color: #5F4233;}

/* uk notification */
.uk-notification-message{background-color: white;border: 1px solid #eee;}

/* breadcrumbs */
.uk-breadcrumb li a, .uk-breadcrumb li span{font-size: 0.7rem;text-transform: uppercase;}
.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {margin: -1px 10px 0;vertical-align: middle;}

    /* form */
    .form .uk-grid>.uk-grid-margin {margin-top: 10px !important; } 
    .form input[type=text],.form input[type=email],.form input[type=number],.form select,.form textarea{margin-top: 10px; padding: 10px 10px; border: 0;  background-color: transparent; box-shadow: none; border-radius: 0; height: 40px; margin-bottom: 0; color: #C0CDC5 !important; border-bottom: 1px solid #C0CDC5; font-size: 0.9rem; width: 100%; margin-bottom: 20px;}
    .form input[type=text]:focus,.form input[type=email]:focus,.form input[type=number]:focus,.form select:focus,.form textarea:focus{border-bottom: 1px solid #C0CDC5;}
    .form select{padding-right: 30px;font-size: 1rem;height: 45px !important;}
    .form textarea{margin-bottom: 10px;padding: 10px; min-height: 120px; color: #C0CDC5;} 
    .form input::-webkit-input-placeholder, .form input:-moz-placeholder, .form input::-moz-placeholder, .form input:-ms-input-placeholder, .form textarea::-webkit-input-placeholder,.form textarea:-moz-placeholder, .form textarea::-moz-placeholder, .form textarea:-ms-input-placeholder {color: #C0CDC5 !important;font-size: 0.9rem;}
    .form small{color: #C0CDC5; font-size: 0.7rem;margin-bottom: 20px;}
    .form .uk-checkbox:focus, .form .uk-radio:focus {border-color: #C0CDC5;}
    .form .uk-checkbox:checked, .form .uk-checkbox:checked:focus {background-color: #C0CDC5;}
    .form .uk-radio-label{font-size: 0.9rem;cursor: pointer;}
    .form .uk-radio:checked, .form .uk-radio:checked:focus {background-color: #C0CDC5;}
    .form .g-recaptcha{float: left;}
/*     .form .uk-button{background-color: transparent; border: 0; color: #000000; width: auto; padding: 0; float: left; margin-top: 40px; font-size: 1.2rem;}
    .form .uk-button:hover{background-color: transparent; border: 0; color: #C0CDC5;} */
    .uk-input:focus, .uk-select:focus, .uk-textarea:focus {background-color: transparent;}
    .form select.multiple {height: 100%;}
    input.form::placeholder, textarea.form::placeholder  {color: #C0CDC5 !important;}
    .form::placeholder {color: #C0CDC5 !important;}
    .form input[type=text]::placeholder,.form input[type=email]::placeholder,.form input[type=number]::placeholder,.form select,.form textarea::placeholder{color: #C0CDC5  !important;}
    .form select {padding: 0; border-bottom: 0;}
    .uk-select:not([multiple]):not([size]) {background-image: none; background-image: url('../img/icons/select-arrows.svg');}
    .uk-form-danger, .uk-form-danger:focus {color: #f0506e !important;border-color: #f0506e !important;}

    #accept_con, #publicitat {margin-left: 10px; position: relative;}

/* Datepicker */
.ui-widget {background: #C0CDC5;border: none;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0; width: 300px;}
.ui-datepicker .ui-datepicker-prev span {left: 10px; position: absolute;}
.ui-datepicker .ui-datepicker-next span {right: 10px; position: absolute;}
.ui-datepicker {padding: 0;}
.ui-datepicker-header {border: none;background: transparent;font-size: 11px;text-transform: lowercase;color: white;font-weight: 700;}
.ui-datepicker-header .ui-state-hover {background: transparent;border-color: transparent;cursor: pointer;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;}
.ui-datepicker .ui-datepicker-title {margin-top: 1.5em;margin-bottom: 1em; text-align: center; color: #5F4233}
.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev {top: 1.7em;border:none;}
.ui-datepicker .ui-datepicker-prev-hover {left: 2px;}
.ui-datepicker .ui-datepicker-next-hover {right: 2px;}
.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span {background-image: url(../img/ui-icons_ffffff_256x240.png);background-position: -32px -32px;margin-top: 0;top: 0;font-weight: normal;}
.ui-datepicker .ui-datepicker-prev span {background-position: -96px -32px;}
.ui-datepicker .ui-datepicker-prev-hover span {background-position: -96px -48px;}
.ui-datepicker .ui-datepicker-next-hover span {background-position: -32px -48px;}
.ui-datepicker table {margin: 0;width: 300px; text-align: center;}
.ui-datepicker th {padding: 1em 0;color: #5F4233;font-size: 8px;font-weight: normal;text-transform: lowercase;border: none;border-top: 1px solid #eee;}
.ui-datepicker td {border: none;padding: 0;}
td .ui-state-default {background: transparent !important;border: none;text-align: center;padding: 1em 0;margin: 0;font-weight: normal;color: #5F4233 !important;font-size: 12px;border:0 !important;text-align: center !important;}
td .ui-state-active,td .ui-state-hover {background: red;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}



/* Hacks */

.section{padding: 10vh;}
.section-small{padding: 5vh;}
.overlay {background-color: rgba(14,114,134,0.3);position: absolute;top: 0;left:0;width: 100%;height: 100%; z-index: 0;}
.overlay-light {background-color: rgba(255,255,255,0.7);position: absolute;top: 0;left:0;width: 100%;height: 100%; z-index: 0;}
.bg-img {background-position: center; background-size: cover; background-repeat: no-repeat;}
.bg-light-blue {background-color: #C0CDC5;}
.bg-contain {background-size: contain; background-position: center; background-repeat: no-repeat;min-height: 35vh;}

/* Icons */
.icon{background-image: url('../img/assets-sprite.svg');display: inline-block; background-size: 1000px 500px;-webkit-transition: ease-in-out,  .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;}

.icon.location {width: 40px; height: 40px; background-position: -0px -100px; top: 10px; position: relative; margin-right: 10px;}
.icon.house {width: 40px; height: 40px; background-position: -40px -100px; top: 10px; position: relative; margin-right: 10px;}
.icon.meters {width: 40px; height: 40px; background-position: -80px -100px; top: 10px; position: relative; margin-right: 10px;}

.icon.e-wifi {width: 30px; height: 30px; background-position: -0px -140px; top: 5px; position: relative; margin-right: 10px;}
.icon.e-ventilador {width: 30px; height: 30px; background-position: -30px -140px; top: 5px; position: relative; margin-right: 10px;}
.icon.e-lavadora {width: 30px; height: 30px; background-position: -60px -140px; top: 5px; position: relative; margin-right: 10px;}
.icon.e-plancha {width: 30px; height: 30px; background-position: -90px -140px; top: 5px; position: relative; margin-right: 10px;}

.icon.e-tv {width: 30px; height: 30px; background-position: -120px -140px; top: 5px; position: relative; margin-right: 10px;}
.icon.e-cocina {width: 30px; height: 30px; background-position: -150px -140px; top: 5px; position: relative; margin-right: 10px;}
.icon.e-nevera {width: 30px; height: 30px; background-position: -180px -140px; top: 5px; position: relative; margin-right: 10px;}
.icon.e-lavavajillas {width: 30px; height: 30px; background-position: -210px -140px; top: 5px; position: relative; margin-right: 10px;}

.icon.e-microondas {width: 30px; height: 30px; background-position: -240px -140px; top: 5px; position: relative; margin-right: 10px;}
.icon.e-vajilla {width: 30px; height: 30px; background-position: -270px -140px; top: 5px; position: relative; margin-right: 10px;}
.icon.e-camas {width: 30px; height: 30px; background-position: -300px -140px; top: 5px; position: relative; margin-right: 10px;}
.icon.e-dobles {width: 30px; height: 30px; background-position: -330px -140px; top: 5px; position: relative; margin-right: 10px;}

.icon.e-cajafuerte {width: 30px; height: 30px; background-position: -360px -140px; top: 5px; position: relative; margin-right: 10px;}
.icon.e-secador {width: 30px; height: 30px; background-position: -390px -140px; top: 5px; position: relative; margin-right: 10px;}
.icon.e-banos {width: 30px; height: 30px; background-position: -420px -140px; top: 5px; position: relative; margin-right: 10px;}


.icon.b-terraza {width: 30px; height: 30px; background-position: -0px -170px; top: 5px; position: relative; margin-right: 10px;}
.icon.b-comedor {width: 30px; height: 30px; background-position: -30px -170px; top: 5px; position: relative; margin-right: 10px;}
.icon.b-barbacoa {width: 30px; height: 30px; background-position: -60px -170px; top: 5px; position: relative; margin-right: 10px;}
.icon.b-parking {width: 30px; height: 30px; background-position: -90px -170px; top: 5px; position: relative; margin-right: 10px;}
.icon.b-jardin {width: 30px; height: 30px; background-position: -120px -170px; top: 5px; position: relative; margin-right: 10px;}
.icon.b-tumbonas {width: 30px; height: 30px; background-position: -150px -170px; top: 5px; position: relative; margin-right: 10px;}
.icon.b-balinesas {width: 30px; height: 30px; background-position: -180px -170px; top: 5px; position: relative; margin-right: 10px;}
.icon.b-piscina {width: 30px; height: 30px; background-position: -210px -170px; top: 5px; position: relative; margin-right: 10px;}

/* .icon.facebook{width: 30px; height: 30px; background-position: -215px -30px;}
.icon.instagram{width: 30px;height: 30px;background-position: -185px -30px;}
.icon.maps{width: 25px;height: 25px;background-position: -130px -0px; }
.icon.facebook:hover{width: 30px;height: 30px; background-position: -215px -60px;; }
.icon.instagram:hover{width: 30px;height: 30px;background-position: -185px -60px; }
.icon.maps:hover{width: 25px;height: 25px;background-position: -130px -25px; } */

/* icons-footer */
.icon.fb{width: 30px;height: 30px;background-position: -215px -0px;}
.icon.fb:hover{width: 30px;height: 30px;background-position: -215px -30px;}
.icon.tw{width: 30px;height: 30px;background-position: -155px -0px;}
.icon.tw:hover{width: 30px;height: 30px;background-position: -155px -30px;}
.icon.in{width: 30px;height: 30px;background-position: -185px -0px;}
.icon.in:hover{width: 30px;height: 30px;background-position: -185px -30px;}
.icon.yt{width: 30px;height: 30px;background-position: -245px -0px;}
.icon.yt:hover{width: 30px;height: 30px;background-position: -245px -30px;}

.icon.fb-l{width: 30px;height: 30px;background-position: -215px -0px;display: block;}
.icon.fb-l:hover{width: 30px;height: 30px;background-position: -215px -60px;}
.icon.in-l{width: 30px;height: 30px;background-position: -185px -0px;display: block;}
.icon.in-l:hover{width: 30px;height: 30px;background-position: -185px -60px;}

.icon.li-l{width: 30px;height: 30px;background-position: -125px -0px;display: block;}
.icon.li-l:hover{width: 30px;height: 30px;background-position: -125px -60px;}

.icon.yo-l{width: 30px;height: 30px;background-position: -245px -0px;display: block;}
.icon.yo-l:hover{width: 30px;height: 30px;background-position: -245px -60px;}

.icon.tw-l{width: 30px;height: 30px;background-position: -155px -0px;display: block;}
.icon.tw-l:hover{width: 30px;height: 30px;background-position: -155px -60px;}



/* Cookies */
#cookieMessageWrapper{width: 100%;background: #222;position: fixed;left: 10px;bottom: 10px;z-index: 997;max-width: 300px;padding: 20px;}
#cookieMessage{margin: 0 auto;position: relative;}
#cookieMessage p{font-size: 12px;line-height: 16px;margin-bottom: 0;color: #fff;}
#cookieMessage a{font-size: 12px;color: #fff;}
#cookieMessage:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#cookieClose{display: inline-block;padding: 5px 10px;text-decoration: none;background: #fff;margin-top: 6px;cursor: pointer;color: #222 !important;}

/* Main */
.preloader{position: fixed;z-index: 999;width: 100vw;height:100vh;top: 0;left: 0; background-color: #C0CDC5;}
.preloader img{position: absolute;top: calc(50vh - 100px);left: calc(50vw - 100px);width: 200px;height: auto; opacity: 1;}

/* NAV */
.uk-navbar-container:not(.uk-navbar-transparent) {background: transparent; background-color: transparent; z-index: 1;}
.uk-navbar-nav>li>a {font-size: 1rem; color: white; text-transform: initial !important; text-align: center; font-weight: 700;font-family: 'Jost', sans-serif;}
.uk-navbar-nav>li>a:hover {color: #5F4233 !important;}
li.menu-large {width: 45px; padding-left: 10px; padding-right: 10px;}
li.menu-large a {color: white;}
.uk-navbar-container.uk-active li.menu-large a {color: #5F4233;}
.uk-navbar-container.uk-active .uk-navbar-left {width: 200px; height: 80px; padding-left: 30px;}
.uk-navbar-container.uk-active .bm-waves span {background-image: url(../img/logo-header.svg); width: 200px; height: 70px; background-size: contain; display: block; background-repeat: no-repeat;}
.has-dropdown:after{content: ""; display: inline-block; width: 10px; height: 6px; background-image: url(../img/assets-sprite.svg); background-position: -66px -15px; position: absolute; top: 58px; right: 25px; background-size: 1000px 500px;}
.uk-navbar-container.uk-active .has-dropdown:after {background-position: -66px 0px; top: 38px}
.uk-navbar-dropdown {display: none; position: absolute; top: 70px !important; z-index: 1020;  box-sizing: border-box; width: 80px;  padding: 25px; background: #fff; color: #2b2b2b !important; box-shadow: 0 5px 12px rgba(0,0,0,.15);}
.uk-navbar-dropdown-nav>li>a{ color: #52646D; height: auto;}
.uk-navbar-dropdown-nav>li>a:hover, .uk-navbar-nav>li>a.uk-open{color: #999;}
.uk-navbar-dropdown{position: absolute; }
.uk-navbar-dropdown.uk-navbar-dropdown-bottom-left {z-index: 100000;left: 0px; top: -5px;}
.uk-navbar-dropdown.uk-open{background-color: rgba(255, 255, 255, 1);}
.menu-large:after{content: ""; display: inline-block; width: 11px; height: 6px; background-image: url(../img/assets-sprite.svg); background-position: -65px -15px; position: absolute; top: 58px; right: 25px; background-size: 1000px 500px;}
.uk-navbar-container.uk-active .menu-large:after{content: ""; display: inline-block; width: 11px; height: 6px; background-image: url(../img/assets-sprite.svg); background-position: -65px -0px; position: absolute; top: 38px; right: 25px; background-size: 1000px 500px;}
.logo {background-image: url(../img/logo-header.svg); background-position: center; width: 200px; height: 100px; margin: 10px 30px 10px 30px; background-size: contain; background-repeat: no-repeat;}
.uk-navbar-container.uk-active .logo {background-image: url(../img/logo-header.svg); background-position: center; width: 180px; height: 80px; margin-top: 0px; margin-left: 20px;}
.uk-navbar-container.uk-active{-webkit-box-shadow: 0px 0px 10px #555; -moz-box-shadow: 0px 0px 10px #555; box-shadow: 0px 0px 10px #555; background: white; width: 100% !important; left: 0; top: 0;z-index: 3;}
.uk-navbar-container.uk-active #main-menu {margin-top: 0px; background-color: white;}
.uk-navbar-container.uk-active .uk-navbar-nav>li>a {color: #5F4233;}
.uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a.uk-open, .uk-navbar-nav>li>a:focus {color: white ;}

ul.menu {padding: 30px;}
ul.menu li a {color: white; font-size: 1rem;}
ul.menu li a:hover {color: #168CA6;}

/* GENERICS */
.bg-light {background-color: #C0CDC5;}
.text-light {color: #C0CDC5;}
.bg-white {background-color: #ffffff;}
.text-white {color: #ffffff;}
.bg-brown {background-color: #5F4233;}
.menu-container {position: absolute; z-index: 1;}
#main-menu {padding-right: 20px; margin-top: 20px; background-color: #C0CDC5;}
.bg-img {background-position: center; background-size: cover; background-repeat: no-repeat;}


/* INDEX */
.home .header { background-blend-mode: multiply; background-repeat: no-repeat;background-position: bottom;background-size: cover; width:100%; min-height:70vh;margin-top: -80px;}
.home .header .uk-slideshow-items {height: 70vh;}
.home .header .uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) {    stroke: #5F4233; stroke-width: 5px;}
.home .container-menu {position: absolute; bottom: -70px; right: 0px;}
.home h1 {font-size: 6rem; max-width: 300px; margin-top: -100px; position: relative; font-weight: 800; line-height: 0.8; margin-bottom: 10vh;}
.home .intro .intro-text {padding-right: 100px;}
.home .intro .bg-light {margin-right: -5vh; padding-right: 5vh; height: 100%;}
.home .intro .bg-brown {margin-left: -3vh; position: absolute; bottom: 40px;}
.home .intro ul.bg-brown-text {padding: 40px; margin-bottom: 0; line-height: 4;}
.home .intro ul.bg-brown-text li {color: white;}
.home .interior {margin-top: 10vh;}
.home .interior .interior-img {padding-bottom: 5vh; margin-bottom: -5vh;}
.home .interior h2 {font-size: 3rem; color: #C0CDC5;}
.home .extras h3 {color: white; font-size: 2.2rem;}
.home .extras ul {line-height: 2;}
.home .extras ul li {color: white; font-size: 1.2rem; font-weight: 600;}
.home .extras .extra-list {margin-top: 50px;}
.home .exterior {margin-top: 10vh;}
.home .exterior .bg-brown {margin-left: 0vh; z-index: -1; position: relative;}
.home .exterior ul.extras {padding-left: 10vh;}
.home .exterior ul.extras li span {color: white; font-style: normal; top: 10px; position: relative;}
.home .exterior h2 {font-size: 3rem; color: #C0CDC5;}
.home .exterior .exterior-text {margin-right: -10vh; margin-top: 5vh;}
.home .exterior .exterior-img {min-height: 50vh; margin-left: 0vh; z-index: -1; position: relative;}
.home .formulario h3 {color: white; font-size: 2.2rem;} 
.home .formulario h5 {color: white; display: inline; padding-right: 10px; top: -7px; position: relative;}
.home .formulario p {color: white;}
.home .formulario .social {position: absolute; bottom: 10vh;}
.home .calendar h2, .home .precios h2  {font-size: 3rem;}
.home .felanitx {margin-top: 15vh;}
.home .felanitx .felanitx-img {min-height: 50vh;}
.home .felanitx .felanitx-text {padding-left: 10vh;}
.home .felanitx h3.text-white {font-size: 3rem; margin-left: -3vh; margin-top: 5vh;}
.home .felanitx .bg-light {margin-top: -5vh; margin-left: -5vh; position: relative; z-index: -1;}
.home .gallery {margin-top: 10vh; margin-bottom: 10vh;}
.home .gallery .gal-ind .ind{-webkit-transition: ease-in-out, .20s ease-in-out;transition: ease-in-out, .20s ease-in-out;min-height: auto; background-size: cover; background-position: center; background-repeat: no-repeat;}
.home .gallery .gal-ind .ind:hover {-webkit-box-shadow: 0px 0px 10px #5F4233; -moz-box-shadow: 0px 0px 10px #5F4233; box-shadow: 0px 0px 10px #5F4233;}
.home .gallery .uk-marker {background: #C0CDC5;}
.home .gallery .small {min-height: 200px;}

.display-none {display:none;};


    /* mapa */
    #map-container{ -webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out,.35s ease-in-out; box-shadow:  0px 30px 0px #000000,; height: 46vh;}
    #map-container.obert{max-height: 2000px;margin-top: 100px; }
    #map-container iframe{width: 100%;border:0;margin-bottom: -6px; }
    


.cookies .header {background-position: center; position: relative;background-size: cover; background-repeat: no-repeat; background-color: rgba(00,00,00,0.4); background-blend-mode: multiply;min-height: 50vh;margin-top: -80px;}
.legal .header {background-position: center; position: relative; background-size: cover; background-repeat: no-repeat; background-color: rgba(00,00,00,0.4); background-blend-mode: multiply;min-height: 50vh;margin-top: -80px;}

        
/* uk notification */
.uk-notification-message{background-color: white;border: 1px solid #eee;}

    /* danger */
    .uk-notification-message.uk-notification-message-danger{background-color: #f0506e;color: white;}
    .uk-notification-message.uk-notification-message-danger .uk-close{color: white;}
    .uk-notification-message.uk-notification-message-primary {background-color: #42d1b5; color: white;}
    .uk-notification-message.uk-notification-message-primary .uk-close{color: white;}



/* calendar */
.cal_mesos{display: inline-block;margin: 10px;}
.cal_mesos.ocultar, .cal_mesos.ocultar_todo { display: none; }

#calendar{margin-bottom: 40px;}
#calendar .busy-date{position: relative;display: block;text-align: right;margin-right: 10px;font-size: 0.8rem;}
#calendar .busy-date:before{display: inline-block;content: ""; width: 10px;height: 10px;background-color: #ff0000;}
#calendar .uk-button{margin-right: 10px;}

.calendari table{border:0;width:100%;margin-left: auto; margin-right: auto; margin-bottom: 0;}
.calendari table tbody{border: 0;}
.calendari table tbody tr:nth-child(even){background-color: transparent;}
.cal_mesos{width: calc(25% - 20px);margin:10px;float:left;font-size:12px;min-height: 305px;}
.cal_mes{width:100%;padding:8px 0;text-align:center;color:#fff;font-weight: 700;text-transform: uppercase;background-color: #5F4233;}
.cal_dies{border-spacing: 0;}
.cal_setmana{background-color: #e6e6e6;margin-bottom: 1px;}
.cal_td{ height:auto;width:14.2857%;text-align:center;font-weight: 700;padding: 8px 0;border-bottom: 1px solid white;}
.cal_td_num{width:14.2857%;height:18px;text-align:center;padding:8px 0;position: relative;border: 1px solid white;border-left: 0;border-right: 0;z-index: 1;}
.cal_td_num.busy{color: #333; font-weight: 700;}
.cal_td_num.busy.incoming{color: #333; font-weight: 700;}
.cal_td_num.outcoming{color: #333; font-weight: 700;}
.cal_td_num.outcoming.incoming{color:#333; font-weight: 700;}
.cal_td_num.busy:after{content: "";display:block; position: absolute;top: 0;left: 0;height: 100%;width: 100%; background-image: url('../img/assets/calendar-icon-1.png');background-size: 100%; z-index: -1;}
.cal_td_num.busy.incoming:after{content: "";display:block; position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-image: url('../img/assets/calendar-icon-1.png');background-size: 100% 100%; z-index: -1;}
.cal_td_num.outcoming:after{content: "";display:block; position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-image: url('../img/assets/calendar-icon-1.png');background-size: 100% 100%; z-index: -1;}
.cal_td_num.outcoming.incoming:after{content: "";display:block; position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-image: url('../img/assets/calendar-icon-1.png');background-size: 100% 100%; z-index: -1;}
.icon-ocupado {max-width: 20px; margin-left: 10px; margin-top: -5px;}

.ui-datepicker .ui-datepicker-next span {color: transparent; top: 5px;}
.ui-datepicker .ui-datepicker-prev span {color: transparent; top: 5px;}


/* Seasonal prices */
.pv-sp h3{padding: 0;}
th.pv-sp-price{text-align: right;}
td.pv-sp-price{font-size: 0.8rem;text-align: right;}
td.pv-sp-date{font-size: 0.8rem;}

.precios {margin-bottom: 5vh;}
.rango-preus {border-bottom: 1px solid #C0CDC5; padding-top: 20px; }
.rango-preus:first-child {padding-top: 0px; }
.precios h3 {color: #5F4233; border-bottom: 3px solid #C0CDC5; padding-bottom: 20px; margin-bottom: 0px;}
.precios h3 span {color: #5F4233; font-weight: 400 !important;}
.precios p {color: #5F4233; margin-bottom: 0;font-size: 0.8rem;}
.precios h5 {color: #5F4233; margin-top: 0;margin-bottom: 5px;}
.precios small {color: #5F4233;}


    
  /* cookies i aviso legal */
  .cookies .header {background-image: url('../img/bg-cookies.jpg');}
  .cookies .sticky-buscador,  .legal .sticky-buscador {margin-top: -95px;}
  .cookies .uk-link, a {color: #000000;-webkit-transition: ease-in-out,  .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;}
  .cookies .uk-link, a:hover {color: #C0CDC5;}
  .legal .header {background-image: url('../img/bg-legal.jpg');}

  /* footer */
  footer{background-color: #322018; padding: 5vh 5vh 2vh 5vh !important; }
  footer .logo-footer {max-width: 150px;}
  footer h5 {display: inline; color: white;}
  footer p {color: white;}
  footer a {color: white;}
  footer ul li {color: white;}
  footer a:hover {color: #C0CDC5;}
  footer .copyright, footer .autor {font-size: 0.9rem;}

/* Media queries */
@media only screen and (min-width: 1600px){
    .villas .left-text {padding: 10vh;}

}

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

}

@media only screen and (max-width: 1599px){ /* x-large */

}

@media only screen and (max-width: 1199px){ /* large */
  .section-text {padding: 5vh;}
  .home .header h1{font-size: 2.8rem;}
    





}

@media (max-width: 1024px){ /* ipad */


}


@media (max-width: 959px){ /* medium */

        .section {padding: 5vh;}
        .section-intro {padding: 5vh;}
        .section-small {padding: 5vh;}

        footer {padding: 2vh !important;}


    /* MENU */
      /*#menu-header {display: none;}
        .menu-header .menu a{font-size: 0.9rem;}
      .is-stuck .header-logo{width: 230px;}
      .uk-navbar-nav>li>a{padding: 0 15px;}
      .uk-navbar-container{height: auto;}
      .uk-navbar-right{width: 100%;display: block; height: auto; margin-top: 0; padding-right: 0; }
      .uk-navbar-left{display: inline-block;}
      .uk-navbar-nav#main-menu{display: none; position: absolute; top: 0; left: 0; padding: 20px 0vw 0 0vw; width: calc(100% - 10px); background-color: #C0CDC5; z-index: 3;padding-left: 15px; padding-top: 100px;}
      .uk-navbar-nav.visible-flex{display: block !important;overflow-y: auto;height: calc(100vh - 80px);}
      .uk-navbar-nav li{width: calc(100% - 15px);text-align: left; display: inline-block; height: 40px}
      .uk-navbar-nav li a{display: block;height: auto;padding: 10px 12px; text-align: left; color: white;}
      .uk-navbar-nav li a:hover{color: #5F4233;}
      .uk-navbar-toggle{height: 80px;float: right;z-index: 4;position: relative;color: #5F4233 !important; margin-right: 20px;}
      .uk-navbar-toggle:focus, .uk-navbar-toggle:hover{color: #eee;}
      .uk-navbar-toggle-icon{margin-right: 10px;width: 25px;}
      .header-search{margin-top: 0 !important;width: 100%;}
      .uk-navbar-container .bm-waves span {height: 70px;width: 200px;margin-top: 10px;} 
      .uk-navbar-container .bm-waves span, .uk-navbar-container.uk-active .bm-waves span {width: 95px;background-size: cover;height: 60px;background-image: url(../img/logo-header.svg); display: block; margin-left: 10px; } 
      .uk-navbar-container.uk-active .bm-waves span { margin-top: 0;} 
      .uk-navbar.uk-active .uk-navbar-toggle{color: #5F4233 !important; margin-right: 0;}
      .uk-navbar-container .uk-navbar-nav>li a, .uk-navbar-container.uk-active .uk-navbar-nav>li a{color: white  ; text-transform: initial;font-size: 1rem;}
      .uk-navbar-container .uk-navbar-nav>li a:hover, .uk-navbar-container.uk-active .uk-navbar-nav>li a:hover{color: #168CA6 !important;}
      .has-dropdown:after {content: ""; display: inline-block; width: 7px; height: 4px; background-image: url(../img/assets-sprite.svg); background-position: -36px -5px; position: absolute; top: 18px; left: 100px; background-size: 1000px 500px;}
      .uk-navbar-dropdown-nav {margin-left: 20px !important;}
      .uk-navbar-container.uk-navbar {height: 80px;padding-left: 20px; padding-right: 20px;}
      .uk-navbar-container.uk-active .uk-navbar-right {margin-top: 0; background-color: transparent; padding-right: 0vh;}
      .uk-navbar-nav>li.uk-active>a>span  {padding-bottom: 5px; margin-left: 0;} 
      .uk-navbar-right {box-shadow: none; padding-right: 20px;} 
      .uk-navbar-container.uk-active .uk-navbar-left {padding-left: 0; height: 60px; margin-top: 10px; width: 95px;}
      .uk-navbar-container .bm-waves span  
      
      */
      .uk-navbar-toggle {display: none;}

      /* Ses Rotes */
      .home {position: relative;}
      .home .header {margin-top: 15px;}
      .home .intro .bg-brown {position: relative;}
      .home .intro .bg-light {margin-left: 0; margin-right: 0;}
      .home .interior {margin-top: 0;}
      .home .interior .interior-img {min-height: 40vh; margin-bottom: 0; margin-top: 0;}
      .home .exterior {margin-top: 0;}
      .home .exterior .exterior-text {margin-right: 0; margin-top: 0;}
      .home .exterior .exterior-img {margin-left: 0;}
      .home .exterior .bg-brown {margin-left: 0;}
      .home .felanitx .bg-light {margin-left: 0; margin-top: 0;}
      .home .felanitx h3.text-white {margin-left: 0; margin-top: 0;}
      .home .felanitx .felanitx-text {padding-left: 5vh;}
      .home .intro .intro-text {padding-right: 0;}
      .home .intro .bg-brown {margin-left: 0; bottom: 0;}

      .home .exterior ul.extras {padding-left: 0;}

      .uk-navbar-container:not(.uk-navbar-transparent) {position: fixed; top: 0; width: 100%; height: 80px; background-color: white; left: 0; color: #5F4233;}
      #main-menu {margin-top: 0; background-color: white;}
      .uk-navbar-nav>li>a {color: #5F4233;}
      .uk-navbar-container.uk-active .bm-waves span {display: none;}
      .uk-navbar-container.uk-active .uk-navbar-left {display: none;}
/*       .uk-navbar-container .bm-waves span {background-image: url(../img/logo-header.svg); width: 200px; height: 70px; background-size: contain; display: block; background-repeat: no-repeat; margin-left: 30px;} */

      footer .logo-footer {width: 110px; margin-bottom: 20px !important;}
      footer .social {text-align: left; margin-bottom: 10px !important;}


      .order-1{order: 1;}
      .order-2{order: 2;}
}


@media (max-width: 767px){ /* medium-small */
   

    .cal_mesos{width: calc(50% - 20px);}
    
}

@media only screen and (max-width: 639px){ /* small */
    .section{padding: 10%;}
    .section-text{padding: 10%;}
    .section-small {padding: 10%;}
    .footer-logo,  footer .uk-text-center, footer .uk-text-right  {text-align: left !important;}
    .footer-logo img {margin-top: 20px;}
    footer h5 {display: inline; margin-top: 0;}
    footer *+.uk-grid-margin, footer .uk-grid+.uk-grid, footer .uk-grid>.uk-grid-margin {margin-top: 0;}

    /* Ses Rotes */
    .home h1 {font-size: 4rem;}
    .home .calendar h2, .home .precios h2, .home .interior h2, .home .exterior h2 {font-size: 2rem;}
}
@media (max-width: 459px){ /* x-small */

    h2 {font-size: 1.6rem;}
    
    .section{padding: 5%;}
    .section-text{padding: 5%;}
    .section-small{padding: 5%;}

    .cal_mesos{width: calc(100% - 20px);}
    .uk-navbar-nav>li>a {padding: 0 7px; font-size: 0.9rem;}


      
}